sa-video-swiper{--container-width: 100%;--container-max-width: none;--container-gap: 6.5rem;--text-gap: 2.5rem;--title-size: clamp(46px, 4.2vw, 60px);--description-size: clamp(16px, 1.25vw, 18px);--videos-gap: 0;--video-border-radius: 0;--video-btn-position: 1.5rem;--video-btn-size: 2.8rem;--nav-btn-size: 48px;--nav-icon-size: 16px;--nav-offset: 160px;display:block;width:100%;padding-top:clamp(60px,calc(60px + (80 - 60) * (100vw - 375px) / (1920 - 375)),80px);padding-bottom:clamp(90px,calc(90px + (160 - 90) * (100vw - 375px) / (1920 - 375)),160px);overflow:hidden}sa-video-swiper .sa-video-swiper__title,sa-video-swiper .sa-video-swiper__description,sa-video-swiper .sa-video-swiper__swiper-wrapper-outer{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}sa-video-swiper.is-visible .sa-video-swiper__title,sa-video-swiper.is-visible .sa-video-swiper__description,sa-video-swiper.is-visible .sa-video-swiper__swiper-wrapper-outer{opacity:1;transform:translateY(0)}sa-video-swiper.is-visible .sa-video-swiper__description{transition-delay:.2s}sa-video-swiper.is-visible .sa-video-swiper__swiper-wrapper-outer{transition-delay:.4s}.sa-video-swiper__container{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--container-gap)}.sa-video-swiper__text{display:flex;flex-direction:column;gap:var(--text-gap);align-items:center;text-align:center;padding:0 2rem;max-width:1440px;margin:0 auto;width:100%}.sa-video-swiper__title{line-height:1.2;font-weight:400;margin:0;color:#000}.sa-video-swiper__description{max-width:950px;color:#45464b;margin:0 auto}.sa-video-swiper__description *,.sa-video-swiper__title *{margin:0}.sa-video-swiper__swiper-wrapper-outer{position:relative;width:100%}.sa-video-swiper__swiper{overflow:hidden;margin:0 auto;position:relative;width:100%}.sa-video-swiper__swiper .swiper-wrapper{width:100%;height:auto;display:flex}.sa-video-swiper__swiper .swiper-slide{position:relative;height:auto;width:100%;flex-shrink:0;cursor:pointer;overflow:hidden;box-sizing:border-box;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none;outline:none;display:flex;flex-direction:column}@media(min-width:1024px){.sa-video-swiper__swiper .swiper-slide{width:50%}}.sa-video-swiper__video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.sa-video-swiper__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02)}.sa-video-swiper__content{width:100%;padding:2rem 1.5rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.sa-video-swiper__block-title{margin:0;color:#000;font-weight:600;line-height:1.2}.sa-video-swiper__block-description{margin:0;color:#333;line-height:1.4}.sa-video-swiper__block-description p{margin:0}.sa-video-swiper__ctrl{display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;position:absolute;right:var(--video-btn-position);bottom:var(--video-btn-position);width:var(--video-btn-size);height:var(--video-btn-size);border-radius:50%;padding:0;border:none;background:none}.sa-video-swiper__ctrl-ring{--progress: 0deg;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(#FFF var(--progress),#a3a4a3 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}.sa-video-swiper__ctrl-icon{display:block;width:auto;height:28%;object-fit:contain;margin-left:1px}@media(max-width:1580px){sa-video-swiper{padding-top:59.6px;padding-bottom:89px;--text-gap: 26.4px;--container-gap: 46px;--video-btn-position: 13px;--video-btn-size: 29px;--nav-offset: 40px;--nav-btn-size: 40px;--nav-icon-size: 14px}}@media(max-width:768px){sa-video-swiper{padding:6rem 0 3rem;--container-gap: 3.33rem;--text-gap: 1.11rem;--title-size: 1.7rem;--description-size: 1.05rem;--video-btn-position: 1rem;--video-btn-size: 2rem;--nav-offset: 10px;--nav-btn-size: 36px;--nav-icon-size: 12px}.sa-video-swiper__ctrl-icon{margin-left:0}.sa-video-swiper__content{padding:1.5rem 1rem}}.sa-video-swiper__prev,.sa-video-swiper__next{position:absolute;top:38%;transform:translateY(-50%);width:var(--nav-btn-size);height:var(--nav-btn-size);display:flex;justify-content:center;align-items:center;gap:10px;border-radius:50%;border:1px solid #FFF;cursor:pointer;z-index:10;transition:opacity .3s ease,background-color .3s ease;background-color:#0000001a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sa-video-swiper__prev:hover,.sa-video-swiper__next:hover{background-color:#0006}.sa-video-swiper__prev{left:var(--nav-offset)}.sa-video-swiper__next{right:var(--nav-offset)}.sa-video-swiper__prev img,.sa-video-swiper__next img{width:var(--nav-icon-size);height:var(--nav-icon-size);display:block;object-fit:contain}.sa-video-swiper__prev img{transform:rotate(180deg)}.sa-video-swiper__prev.swiper-button-disabled,.sa-video-swiper__next.swiper-button-disabled{opacity:.5;cursor:auto;pointer-events:none}.sa-video-swiper__swiper-wrapper-outer .swiper-pagination{position:absolute;bottom:-40px;left:0;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;z-index:10}.sa-video-swiper__swiper-wrapper-outer .swiper-pagination-bullet{width:10px;height:10px;background:#e5e5e5;opacity:1;margin:0!important;border-radius:50%;transition:background-color .3s ease}.sa-video-swiper__swiper-wrapper-outer .swiper-pagination-bullet-active{background:#999}@media(max-width:768px){.sa-video-swiper__swiper-wrapper-outer .swiper-pagination{bottom:-30px}.sa-video-swiper__swiper-wrapper-outer .swiper-pagination-bullet{width:8px;height:8px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/sa-video-swiper.css.map */