.swatch[data-v-8cc0b0b4]{width:44px;height:44px;padding:0;border-radius:14px;border:2px solid var(--color-ink);background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff40;transition:transform .15s var(--ease-out)}.swatch[data-v-8cc0b0b4]:hover{transform:translateY(-2px)}.swatch[data-v-8cc0b0b4]:active{transform:translateY(1px) scale(.96)}.swatch[data-v-8cc0b0b4]:disabled{opacity:.35;filter:grayscale(.7);cursor:not-allowed;transform:none}.swatch[data-v-8cc0b0b4]:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.swatch.active[data-v-8cc0b0b4]{outline:3px solid var(--color-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.swatch[data-v-8cc0b0b4]{transition:none}}