.swatches.svelte-gslhhv{flex-wrap:wrap;gap:5px;padding:3px;display:flex}button.svelte-gslhhv{background:var(--c);width:20px;height:20px;color:var(--brand-ink);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}button.svelte-gslhhv:hover{outline:2px solid color-mix(in srgb, var(--c) 45%, transparent);outline-offset:2px}button.on.svelte-gslhhv{outline:2px solid var(--text);outline-offset:2px}button.svelte-gslhhv:focus-visible{outline:2px solid var(--focus);outline-offset:2px}