.horizontal-accordion{overflow:hidden}.accordion-slider{width:100%;padding-bottom:8%}.accordion-slider .swiper-wrapper{gap:2.4rem;width:100%}@media screen and (max-width: 900px){.accordion-slider .swiper-wrapper{gap:unset}}.accordion-slider .swiper-wrapper .accordion-item{position:relative;min-height:546px;color:#fff;overflow:hidden;border-radius:12px;flex-basis:calc(20% - 1.2rem);transition:flex-basis .5s cubic-bezier(.4,0,.2,1)}@media screen and (max-width: 900px){.accordion-slider .swiper-wrapper .accordion-item{flex-basis:unset;min-height:400px}}@media screen and (max-width: 768px){.accordion-slider .swiper-wrapper .accordion-item{min-height:325px}}.accordion-slider .swiper-wrapper .accordion-item.active,.accordion-slider .swiper-wrapper .accordion-item.swiper-slide-active{flex-basis:calc(60% - 1.2rem)}@media screen and (max-width: 900px){.accordion-slider .swiper-wrapper .accordion-item.active,.accordion-slider .swiper-wrapper .accordion-item.swiper-slide-active{flex-basis:unset}}.accordion-slider .swiper-wrapper .accordion-item.active .accordion-item-content,.accordion-slider .swiper-wrapper .accordion-item.swiper-slide-active .accordion-item-content{opacity:1;transition:opacity .5s cubic-bezier(.4,0,.2,1) .1s}.accordion-slider .swiper-wrapper .accordion-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#00000080);z-index:1}.accordion-slider .swiper-wrapper .accordion-item img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;min-width:900px;background-attachment:fixed;z-index:-1}@media screen and (max-width: 900px){.accordion-slider .swiper-wrapper .accordion-item img{min-width:unset}}.accordion-slider .swiper-wrapper .accordion-item .accordion-item-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);max-width:48ch;text-wrap:pretty}.accordion-slider .swiper-wrapper .accordion-item .accordion-item-content h4{margin-bottom:0;text-transform:capitalize;font-weight:800;font-size:clamp(2rem,1.6rem + .2vw,2.4rem)}.accordion-slider .swiper-wrapper .accordion-item .accordion-item-content p{margin:0;text-transform:uppercase;font-weight:600;font-size:clamp(1.4rem,1rem + .1vw,1.8rem)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/horizontal-accordion.css.map */