.swatch-row.svelte-el8t8s{justify-content:center;margin-top:clamp(1rem,3vw,1.5rem);display:flex}.swatches.svelte-el8t8s{background:color-mix(in srgb, var(--ink) 4%, var(--bg));border:1px solid var(--line);border-radius:999px;gap:.25rem;padding:.25rem;display:inline-flex}.swatches.svelte-el8t8s button:where(.svelte-el8t8s){color:var(--muted);font-family:var(--font-mono);cursor:pointer;transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .8rem;font-size:.74rem;display:inline-flex}.swatches.svelte-el8t8s button:where(.svelte-el8t8s):hover{color:var(--ink)}.swatches.svelte-el8t8s button.on:where(.svelte-el8t8s){background:color-mix(in srgb, var(--ink) 8%, var(--bg));color:var(--ink)}.sw-dot.svelte-el8t8s{width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 15%, transparent) inset;border-radius:50%}