.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}@media (max-width: 750px){.card__heading a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:clamp(6rem,32vw,296px)}.swatch,.swatch.selected{aspect-ratio:1 / 1;height:.8125rem;width:.75rem}.swatches button:nth-child(n+3){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+4){display:none}}@media (prefers-reduced-motion: reduce){.swatch,.swatch img{transition:none!important}}.swatches[data-single=true] .swatch,.swatches[data-single=true] .swatch.selected{border-radius:9999px;width:var(--swatch-size)}.swatches:not([data-single=true]) .swatch.selected{width:var(--swatch-pill-size)}.card__inner a{display:block;width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card-swatch.css.map */