.swatch-grid.svelte-1fxtmax{display:flex;flex-wrap:wrap;gap:.5rem}.swatch-option.svelte-1fxtmax,.swatch.svelte-1fxtmax{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:9999px}.swatch-option.svelte-1fxtmax{cursor:pointer;touch-action:manipulation}.swatch-option.is-disabled.svelte-1fxtmax{cursor:not-allowed}.swatch-input.svelte-1fxtmax{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.swatch.svelte-1fxtmax{background:var(--swatch-color);color:var(--swatch-contrast);transition:transform var(--motion-response-fast) var(--ease-out-strong),box-shadow var(--motion-response-fast) var(--ease-out-strong)}.swatch-input.svelte-1fxtmax:checked+.swatch:where(.svelte-1fxtmax){box-shadow:0 0 0 2px var(--theme-surface),0 0 0 4px var(--swatch-focus)}.swatch-input.svelte-1fxtmax:focus-visible+.swatch:where(.svelte-1fxtmax){outline:2px solid var(--theme-ink);outline-offset:3px}.swatch-option.svelte-1fxtmax:not(.is-disabled):active .swatch:where(.svelte-1fxtmax){transform:scale(.97)}.swatch-input.svelte-1fxtmax:disabled+.swatch:where(.svelte-1fxtmax){cursor:not-allowed;opacity:.5}@media(hover:hover)and (pointer:fine){.swatch-option.svelte-1fxtmax:not(.is-disabled):hover .swatch:where(.svelte-1fxtmax){transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.swatch.svelte-1fxtmax{transition:box-shadow .12s ease,opacity .12s ease}.swatch-option.svelte-1fxtmax:not(.is-disabled):hover .swatch:where(.svelte-1fxtmax),.swatch-option.svelte-1fxtmax:not(.is-disabled):active .swatch:where(.svelte-1fxtmax){transform:none}}