.collection-slider__header{display:flex;justify-content:space-between;align-items:center}.collection-slider__wrapper{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden}.collection-slider-swiper .swiper-slide{width:220px}.collection-slider-card{position:relative;overflow:hidden;width:100%;aspect-ratio:3 / 4}.collection-slider-card__link{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.collection-slider-card__media{position:absolute;top:0;left:0;width:100%;height:100%}.collection-slider-swiper .swiper-slide{width:auto;display:flex;justify-content:center}.collection-slider-card__front-image,.collection-slider-card__back-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.collection-slider-card__front-image{z-index:2;transition:opacity .3s ease}.collection-slider-card__back-image{z-index:3;opacity:0;transition:opacity .3s ease}.collection-slider-card:hover .collection-slider-card__back-image{opacity:1}.collection-slider-card:hover .collection-slider-card__front-image{opacity:0}.collection-slider-card__bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1;opacity:0;transition:opacity .3s ease}.collection-slider-card__back-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .3s ease}.collection-slider-card:hover .collection-slider-card__back-image,.collection-slider-card:hover .collection-slider-card__bg{opacity:1}.collection-slider-card__info{position:absolute;bottom:0;left:0;padding:8px 12px;z-index:3;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column}.collection-slider-card__info span{color:#fff!important}.collection-slider-card:hover .collection-slider-card__info{opacity:1}@media(max-width:767px){.collection-slider-card:hover .collection-slider-card__back-image,.collection-slider-card:hover .collection-slider-card__bg{opacity:0!important}.collection-slider-card:hover .collection-slider-card__front-image{opacity:1!important}.collection-slider-card__info{opacity:1}.collection-slider-card__info span{color:#000!important}.collection-slider-swiper .swiper-slide{width:160px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collection-slider.css.map */