sa-ecosystem-carousel{--container-width: 85%;--container-max-width: 1440px;--container-gap: 6.5rem;--text-gap: 2.5rem;--title-size: clamp(46px, 4.2vw, 60px);--description-size: clamp(16px, 1.25vw, 18px);--description-padding: 0 clamp(170px, calc(170px + (250 - 170) * (100vw - 375px) / (1920 - 375)), 250px);--slide-width: clamp(594px, 50vw, 900px);--slide-gap: 2rem;--corner-cut: 1rem;--corner-radius: .5rem;--icons-gap: 1.5rem;--icon-size: clamp(62px, calc(62px + (92 - 62) * (100vw - 375px) / (1920 - 375)), 92px);--separator-size: clamp(30px, calc(30px + (46 - 30) * (100vw - 375px) / (1920 - 375)), 46px);--swi-box-gap: 1.5rem;--counter-width: 3rem;--counter-size: 1rem;--counter-btn-size: 2.5rem;--counter-btn-svg-size: 1.5rem;--play-btn-size: 4rem;--caption-position: 1.5rem;--caption-size: 1.2rem;display:flex;flex-direction:column;gap:6.5rem;width:100%;padding-top:clamp(82px,calc(82px + (125 - 82) * (100vw - 375px) / (1920 - 375)),125px);padding-bottom:clamp(99px,calc(99px + (150 - 99) * (100vw - 375px) / (1920 - 375)),150px);overflow:hidden}sa-ecosystem-carousel .sa-ecosystem-carousel__title,sa-ecosystem-carousel .sa-ecosystem-carousel__description,sa-ecosystem-carousel .sa-ecosystem-carousel__icon-groups,sa-ecosystem-carousel .sa-ecosystem-carousel__content{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__title,sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__description,sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__icon-groups,sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__content{opacity:1;transform:translateY(0)}sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__description{transition-delay:.2s}sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__icon-groups{transition-delay:.3s}sa-ecosystem-carousel.is-visible .sa-ecosystem-carousel__content{transition-delay:.4s}.sa-ecosystem-carousel__container{width:var(--container-width);max-width:var(--container-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--container-gap)}.sa-ecosystem-carousel__header{display:flex;flex-direction:column;gap:var(--text-gap);align-items:center;text-align:center}.sa-ecosystem-carousel__icon-groups{width:100%;display:flex;justify-content:center;margin-top:clamp(20px,calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375)),40px)}.sa-ecosystem-carousel__icon-group{display:flex;flex-direction:column;align-items:center;width:100%}.sa-ecosystem-carousel__separator{width:var(--separator-size);display:flex;align-items:center;justify-content:center}.sa-ecosystem-carousel__separator.rotate{transform:rotate(180deg)}.sa-ecosystem-carousel__separator-img{width:100%;height:auto;object-fit:contain}.sa-ecosystem-carousel__icons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--icons-gap);width:100%}.sa-ecosystem-carousel__icon-item{width:var(--icon-size);display:flex;align-items:center;justify-content:center;background-color:transparent}.sa-ecosystem-carousel__icon-img{width:100%;object-fit:contain}.sa-ecosystem-carousel__title{line-height:1.2;font-weight:400;margin:0;color:#000}.sa-ecosystem-carousel__description{width:74%;color:#45464b;margin:0}.sa-ecosystem-carousel__description *,.sa-ecosystem-carousel__title *{margin:0}.sa-ecosystem-carousel__slide{height:auto;position:relative;transition:all .4s ease;background:transparent}.sa-ecosystem-carousel__slide-inner{position:relative;width:100%;aspect-ratio:16 / 9;background:#f0f0f0;border-radius:0 var(--corner-radius) 0 var(--corner-radius);clip-path:polygon(var(--corner-cut) 0,100% 0,100% calc(100% - var(--corner-cut)),calc(100% - var(--corner-cut)) 100%,0 100%,0 var(--corner-cut));overflow:hidden}.sa-ecosystem-carousel__media{width:100%;height:100%;object-fit:cover;display:block}.sa-ecosystem-carousel__slide-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;opacity:1;transition:opacity .4s ease;pointer-events:none;z-index:10}.sa-ecosystem-carousel__slide.swiper-slide-active .sa-ecosystem-carousel__slide-inner:after{opacity:0}.sa-ecosystem-carousel__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--play-btn-size);height:var(--play-btn-size);background-color:#00000040;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sa-ecosystem-carousel__play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background-color:#0006}.sa-ecosystem-carousel__play-btn img{width:100%;height:100%;display:block;margin-left:0}.sa-ecosystem-carousel__caption{position:absolute;bottom:var(--caption-position);right:var(--caption-position);color:#fff;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:5}.sa-ecosystem-carousel__pagination{position:static;margin-top:2rem;text-align:center}.swiper-pagination-bullet{width:10px;height:10px;background:#ccc;opacity:1}.swiper-pagination-bullet-active{background:#000}.sa-ecosystem-carousel__controls-container{width:var(--slide-width);margin:0 auto 1.5rem;display:flex;justify-content:flex-end}.sa-swi-box{display:flex;align-items:center;gap:var(--swi-box-gap)}.sa-ecosystem-carousel__counter{display:flex;align-items:center;width:var(--counter-width);gap:.5rem;font-size:var(--counter-size);font-weight:700;color:#fff}.sa-ecosystem-carousel__btn{width:var(--counter-btn-size);height:var(--counter-btn-size);border:1px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:transparent}.sa-ecosystem-carousel__btn svg{width:var(--counter-btn-svg-size)}.sa-ecosystem-carousel__btn.sa-ecosystem-carousel__prev{transform:rotate(180deg)}.sa-ecosystem-carousel__btn:hover{background:linear-gradient(to right,#204a9d,#9baecf);border:none}.sa-ecosystem-carousel__btn svg{display:block}@media (max-width: 1580px){sa-ecosystem-carousel{padding-top:82px;padding-bottom:99px;gap:68px;--text-gap: 21px;--icon-size: 62px;--separator-size: 30.36px;--slide-width: 585px;--counter-btn-size: 27.72px;--counter-size: 14px;--swi-box-gap: 13px;--counter-width: auto;--play-btn-size: 35.6px}.sa-ecosystem-carousel__icon-groups{margin-top:35px}.sa-ecosystem-carousel__counter{gap:5px}.sa-ecosystem-carousel__controls-container{margin:0 auto 20px}}@media (max-width: 1044px){sa-ecosystem-carousel{--description-padding: 0;--icon-size: clamp(28px, calc(48px + (50 - 48) * (100vw - 375px) / (1920 - 375)), 60px);--separator-size: clamp(26px, calc(26px + (36 - 26) * (100vw - 375px) / (1920 - 375)), 36px)}}@media (max-width: 768px){sa-ecosystem-carousel{--container-width: 90%;--container-gap: 2rem;--text-gap: 1.5rem;--description-padding: 0;--title-size: 1.7rem;--description-size: 1.05rem;--slide-width: 85vw;--icons-gap: 0;--icon-size: 2.8rem;--separator-size: 1rem;--swi-box-gap: 1rem;--counter-width: 2rem;--counter-size: .7rem;--counter-btn-size: 1.5rem;--counter-btn-svg-size: .6rem;--play-btn-size: 3.5rem;--caption-position: .9rem;--caption-size: .9rem;padding:4rem 0;gap:3.33rem}.sa-ecosystem-carousel__description{width:100%}.sa-ecosystem-carousel__slide-inner{border-radius:0 10px;--corner-cut: 15px}.sa-ecosystem-carousel__controls-container{margin-bottom:1rem}.sa-ecosystem-carousel__separator{display:none}.sa-ecosystem-carousel__icons{justify-content:space-around}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/sa-ecosystem-carousel.css.map */