.carousel .carousel__background{background-image:var(--background-image);background-blend-mode:overlay}.carousel .na-container{gap:18px}.carousel h2{margin:unset}.carousel hr{width:100%;border-color:var(--COLOR-BORDER)}.carousel .image-text{border:unset!important;border-radius:4px;padding:60px 20px;overflow:hidden}@media not all and (min-width: 750px){.carousel .image-text{flex-direction:column}}.carousel .image-text__wrapper{gap:18px}@media (min-width: 750px){.carousel .image-text__wrapper{gap:32px}}.carousel .image-text__image{width:130px;max-width:100%;padding-top:130px}.carousel .image-text__image img{object-fit:contain}.carousel .image-text__description-wrapper{flex-shrink:0;width:100%}@media (min-width: 750px){.carousel .image-text__description-wrapper{padding-left:20px}}.carousel .image-text__description{overflow:hidden;display:grid;grid-template-rows:0fr;opacity:0;transition:opacity .5s}.carousel .image-text__description>div{min-height:0}@media not all and (min-width: 750px){.carousel .image-text__description{transition:.25s}}.carousel .image-text__description a{position:relative;z-index:1}.carousel swiper-container{display:flex;height:auto;width:100%}@media not all and (min-width: 750px){.carousel swiper-container{width:100vw;margin-left:50%;translate:-50% 0;align-items:center}}.carousel swiper-slide{height:auto;width:calc(100% - 60px)}@media (min-width: 750px){.carousel swiper-slide{width:var(--item-width)}}@media not all and (min-width: 750px){.carousel swiper-slide{margin-block:auto;min-height:80%}}@media (min-width: 750px){.carousel swiper-slide:not(.active){flex-direction:column}}.carousel swiper-slide:not(.active) .subheading{word-break:break-word}@media (min-width: 750px){.carousel swiper-slide.active{width:50%}.carousel swiper-slide.active .image-text__description{grid-template-rows:1fr;opacity:1}}@media not all and (min-width: 750px){.carousel swiper-slide.swiper-slide-active .image-text__description{grid-template-rows:1fr;opacity:1}}.carousel swiper-slide active-slide{position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.carousel .carousel__active-slide{gap:10px}@media not all and (min-width: 750px){.carousel .carousel__active-slide{display:none}}.carousel active-slide{display:inline-flex;width:16px;height:16px;border:2px solid var(--COLOR-BORDER);border-radius:9999px;cursor:pointer}.carousel active-slide:not(.active){background-color:transparent}@media not all and (min-width: 750px){.carousel active-slide{opacity:0;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/carousel.css.map */