.color-control{position:relative}.color-preview.svelte-hemj85{width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003;position:relative;overflow:hidden}.color-preview.svelte-hemj85:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d;border-color:#ffffff80}.hidden-color-input.svelte-hemj85{position:absolute;opacity:0;pointer-events:none;width:0;height:0}@media (prefers-color-scheme: dark){.color-preview.svelte-hemj85{border-color:#fff3}.color-preview.svelte-hemj85:hover{border-color:#fff6}}