.swatch[data-v-1c6872dd]{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-1c6872dd]:hover{transform:translateY(-2px)}.swatch[data-v-1c6872dd]:active{transform:translateY(1px) scale(.96)}.swatch[data-v-1c6872dd]:disabled{opacity:.35;filter:grayscale(.7);cursor:not-allowed;transform:none}.swatch[data-v-1c6872dd]:focus-visible{outline:3px solid var(--color-ink);outline-offset:2px}.swatch.active[data-v-1c6872dd]{outline:3px solid var(--color-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.swatch[data-v-1c6872dd]{transition:none}}