.swatch{--swatch-size: .75rem;--swatch-pill-size: .75rem;width:var(--swatch-size);height:var(--swatch-size);border-radius:9999px;transition:none;cursor:pointer;position:relative;flex-shrink:0;overflow:hidden;border:1px solid var(--neutral-03)}.swatch.selected{width:var(--swatch-pill-size)}.swatch img{width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:none}.swatch.selected img{transform:scale(1.02)}.swatches{display:flex;align-items:center;gap:.25rem;height:.9375rem}.card__header .card__heading{flex:1 1 auto;min-width:0}.card__header .swatches-wrapper{flex:0 0 auto}@media(max-width:750px){.card__heading a{display:block;width:100%}.swatch{--swatch-pill-size: 1.375rem;aspect-ratio:1 / 1;height:.8125rem;width:.75rem}.swatch.selected{aspect-ratio:auto;height:.8125rem}.swatches button:nth-child(n+4){display:none}}@media(max-width:750px){.swatch.swatch-facets-size{height:1.25rem;width:1.25rem}}@media(min-width:750px){.swatch{--swatch-size: 1.25rem;--swatch-pill-size: 2.25rem;transition:width var(--duration-medium) var(--smooth-ease)}.swatch img{transition:transform var(--duration-medium) var(--smooth-ease)}.swatches{gap:.4rem}.swatches button:nth-child(n+5){display:none}}@media(prefers-reduced-motion:reduce){.swatch,.swatch img{transition:none!important}}.swatches[data-single=true] .swatch{width:var(--swatch-pill-size);aspect-ratio:auto}.swatches[data-single=true] .swatch img{transform:scale(1.02)}.card__inner a{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-card-swatch.css.map */