.swatch.svelte-1hmsd5{width:1.1rem;height:1.1rem;border-radius:50%;border:1px solid transparent;background:hsl(var(--sh) 55% 40%);padding:0;cursor:pointer;font-size:0;transition:transform .1s var(--ease)}.swatch.svelte-1hmsd5:hover{transform:scale(1.2)}.swatch.active.svelte-1hmsd5{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.swatch.auto.svelte-1hmsd5{background:var(--bg-elevated);border:1px dashed var(--border-strong);color:var(--text-muted);font-size:var(--fs-xs);line-height:1}.swatch.auto.active.svelte-1hmsd5{border-style:solid;border-color:var(--text)}