.card-swatches{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;flex-wrap:wrap;touch-action:pan-y}.card-swatch{position:relative;display:block;width:2.2rem;height:2.2rem;padding:0;border:none;border-radius:50%;background:none;flex-shrink:0;cursor:pointer}.card-swatch__color{display:block;width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:1px solid rgba(var(--color-foreground),.15);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-swatch:hover .card-swatch__color,.card-swatch:focus-visible .card-swatch__color{transform:scale(1.1)}.card-swatch.is-active-swatch .card-swatch__color{border-color:transparent;box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px rgba(var(--color-foreground),.55);animation:card-swatch-breathe 1.4s ease-in-out infinite}@keyframes card-swatch-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.card-swatch.is-active-swatch .card-swatch__color{animation:none}}.card-swatch--more{display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:rgba(var(--color-foreground),.7)}.card-swatch-preview-image{opacity:0!important;z-index:2;pointer-events:none}.card-swatch-preview-image.is-active{opacity:1!important}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-card-swatch.css.map */