.card__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:8px 0 0 -4px}.swatch{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;padding:0;background:none;border:0;cursor:pointer}.swatch__dot{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e;transition:transform .15s ease}.swatch:hover .swatch__dot{transform:scale(1.12)}.swatch[aria-pressed=true] .swatch__dot{box-shadow:inset 0 0 0 1px #0000002e,0 0 0 2px #fff,0 0 0 3px var(--ink, #0d0d0d)}.swatch:focus-visible{outline:2px solid var(--ink, #0d0d0d);outline-offset:1px}.card__swatch-more{font-size:12px;color:var(--mute, #777);margin-left:4px}.card__swatch-more:hover{color:var(--ink, #0d0d0d)}@media(max-width:767px){.card__swatches{margin-top:6px}.swatch{width:24px;height:24px}.swatch__dot{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/swatches.css.map */