.swatch.svelte-1rpfarw{border-radius:var(--radius-sm);height:32px;box-shadow:inset 0 0 0 1px var(--color-line);align-items:center;gap:6px;padding:0 10px 0 6px;transition:box-shadow .15s;display:inline-flex}.swatch.svelte-1rpfarw:hover{box-shadow:inset 0 0 0 1px var(--color-ink)}.swatch.svelte-1rpfarw:has(input:where(.svelte-1rpfarw):checked){box-shadow:inset 0 0 0 2px var(--color-blue)}.swatch.svelte-1rpfarw:has(input:where(.svelte-1rpfarw):focus-visible){outline:2px solid var(--color-blue);outline-offset:2px}.swatch-dot.svelte-1rpfarw{border-radius:999px;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000026}