.preview-checkerboard{background-image:linear-gradient(45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(0,0,0,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.08) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}[data-theme=dark] .preview-checkerboard{background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 75%)}#svgContainer{width:100%;display:flex;justify-content:center;align-items:flex-start}#svgContainer svg{max-width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a;transition:transform .15s ease-out}input[type=color]{-webkit-appearance:none;padding:2px;cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch,input[type=color]::-moz-color-swatch{border:none;border-radius:6px}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (min-width: 1024px){.sticky-desktop-preview{position:-webkit-sticky;position:sticky;top:68px;align-self:flex-start;z-index:10}}