.swatches.svelte-5989v3{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:7px 0}.dot.svelte-5989v3{width:34px;height:34px;border-radius:50%;box-shadow:var(--glow);transition:transform 1s var(--ease),box-shadow .5s var(--ease)}.dot.svelte-5989v3:hover:not(.selected){transform:scale(1.08)}.dot.selected.svelte-5989v3{transform:scale(1.14);box-shadow:var(--glow),var(--pick-gap),0 0 0 var(--pick-ring-w) var(--pick-tint)}.compact.svelte-5989v3{gap:7px;padding:3px 0}.compact.svelte-5989v3 .dot:where(.svelte-5989v3){width:17px;height:17px}.compact.svelte-5989v3 .dot.selected:where(.svelte-5989v3){box-shadow:var(--glow),0 0 0 1.5px var(--surface-solid),0 0 0 3px var(--pick-tint)}@media(prefers-reduced-motion:reduce){.dot.svelte-5989v3{transition:none}}