.card-swatches{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.6rem;margin-top:0rem!important;width:100%;min-height:4.4rem;position:relative;z-index:2}.card-swatches__list{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.5rem;margin:0;padding:0;list-style:none;min-width:0;width:100%}.card-swatches__item{margin:0;padding:0;line-height:0;flex:1 1 0;min-width:0;max-width:4.6rem;display:flex;justify-content:center}.card-swatches__swatch,.card-swatches__more{width:100%;aspect-ratio:1 / 1}.card-swatches__swatch{display:block;border-radius:.8rem;overflow:hidden;border:.1rem solid rgba(var(--color-foreground, 18 18 18),.14);box-sizing:border-box;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;text-decoration:none;background:rgba(var(--color-foreground, 18 18 18),.04)}.card-swatches__swatch:hover,.card-swatches__swatch:focus-visible{border-color:rgb(var(--color-foreground, 18 18 18));transform:translateY(-1px);box-shadow:0 .2rem .7rem #00000029;outline:none}.card-swatches__img{display:block;width:100%;height:100%;object-fit:cover}.card-swatches__visual{display:block;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.card-swatches__item--more{line-height:normal}.card-swatches__more{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;font-size:1.3rem;font-weight:600;line-height:1;text-decoration:none;color:rgb(var(--color-foreground, 18 18 18));background:rgba(var(--color-foreground, 18 18 18),.07);border:.1rem solid rgba(var(--color-foreground, 18 18 18),.14);transition:background .12s ease;white-space:nowrap}.card-swatches__more:hover,.card-swatches__more:focus-visible{background:rgba(var(--color-foreground, 18 18 18),.14);outline:none}.card-swatches{position:relative;z-index:2}.card-swatches a,.card-swatches button{position:relative;z-index:3}.no-media-hover .media.media--hover-effect img:not(.motion-reduce){opacity:0!important}.no-media-hover .media.media--hover-effect img.motion-reduce,.no-media-hover .media.media--hover-effect img:first-child{opacity:1!important}.no-media-hover .media.media--hover-effect img,.no-media-hover .media.media--hover-effect video,.no-media-hover .media.media--hover-effect model-viewer{transform:none!important;transition:none!important}@media screen and (max-width:749px){.card-swatches{gap:.4rem}.card-swatches__list{gap:.4rem;width:100%}.card-swatches__item{max-width:5.4rem}.card-swatches__swatch,.card-swatches__more{border-radius:.7rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-card-swatches.css.map */