.color-picker-container.svelte-3dsin6{position:relative}.color-preview-button.svelte-3dsin6{position:relative;overflow:hidden}.color-preview-button.svelte-3dsin6:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;opacity:0;transition:opacity .2s;pointer-events:none}.color-preview-button[style*=transparent].svelte-3dsin6:before,.color-preview-button[style*="#00000000"].svelte-3dsin6:before{opacity:1}.modal-open{overflow:hidden}