.video-section--full-width{max-height:calc(var(--page-width) * .5625)}.video-section--full-width .has-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-section--full-width .has-iframe[data-autoplay=false]{height:0;padding-top:56.3%}.video-section--full-width .has-iframe[data-autoplay=false] iframe{position:absolute;top:0;left:0}.main-video-section{background:#fff;border-radius:12px}.video-section__media{padding-top:56.3%}.video-section__media iframe,.video-section__media video{width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px}.video-section__bg-video{top:-60px;height:calc(100% + 120px)}.video-section__bg-video video{height:calc(100% - 120px);margin:60px 0;object-fit:cover}.video-section__play-btn{z-index:1;color:#fff;cursor:pointer}.video-section__play-btn>.icon{width:calc(40px + 5%);height:auto}.text-overlay .video-section__play-btn>.icon{width:64px}.video-section--played .video-played-hidden,.video-section:has(deferred-media[loaded]) .video-played-hidden{transition:opacity .3s;opacity:0;pointer-events:none}.video-section__media .height-clip{height:calc(100% - 2px)}.video-section__media{overflow:hidden}.video-section__media video,.video-section__media iframe{position:absolute}.video-section__text{margin-bottom:calc(10 * var(--space-unit))}.video-section__play-btn{transition:opacity .4s;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.video-section:not(.video-section--played) deferred-media[loaded] .video-section__play-btn svg path:nth-child(2){display:none}.video-section:not(.video-section--played) deferred-media[loaded] .video-section__play-btn:before{content:"";position:absolute;top:calc(50% - 10px);right:calc(50% - 10px);width:20px;height:20px;transition:opacity .4s .3s;animation:spinner .6s linear infinite;border:3px solid #fff;border-radius:50%;border-top-color:transparent}.swiper-slide-thumb-active:before{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:#000}.video-thumbs-swiper .swiper-wrapper{padding-bottom:4px}.video-section.video-section--played deferred-media[loaded] .video-played-hidden,.video-section.video-section--played deferred-media[loaded]+.video-played-hidden{opacity:0;pointer-events:none}deferred-media[loaded]:not([data-hide-controls-instantly=true])+.video-played-hidden,deferred-media[loaded]:not([data-hide-controls-instantly=true]) .video-section__play-btn{transition-delay:1s;opacity:0;pointer-events:none}.video-section .video-section__media{padding-top:unset}.vm-pb{padding-bottom:55.1%;border-radius:6px;overflow:hidden}.video-main-swiper .swiper-button-next,.video-main-swiper .swiper-button-prev{color:#000;background:#fff;width:40px;height:40px;border-radius:50%;margin-top:-20px;border:1px solid var(--Icon-Subdued)}.video-main-swiper .swiper-button-next:after,.video-main-swiper .swiper-button-prev:after{font-size:16px;height:24px}.video-main-swiper .swiper-button-next:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 18L15 12L9 6" stroke="%23090302" stroke-width="1.5"/></svg>')}.video-main-swiper .swiper-button-prev:after{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 18L9 12L15 6" stroke="%23090302" stroke-width="1.5"/></svg>')}.video-main-swiper .swiper-pagination{bottom:10px}.video-main-swiper .swiper-pagination-bullet{background:#fffc}.video-main-swiper .swiper-pagination-bullet-active{background:#fff}.video-thumb{width:150px}.video-section__media{aspect-ratio:16/9}.video-section__play-btn svg{fill:#fff;filter:drop-shadow(0 0 8px rgba(0,0,0,.4))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:1}.swiper-button-disabled:after{opacity:.6}.main-video-text{margin-bottom:0}@media (max-width: 768px){.video-thumb{width:87px;margin-right:6px!important}.video-main-swiper .swiper-button-next,.video-main-swiper .swiper-button-prev{width:35px;height:35px;margin-top:-17.5px}.video-main-swiper .swiper-button-next:after,.video-main-swiper .swiper-button-prev:after{font-size:14px}.main-video-section{padding:20px}.video-thumbs-swiper:after{position:absolute;content:"";right:0;top:0;background:linear-gradient(270deg,#fff,#fff0);width:87px;height:100%;z-index:1}}@media (min-width:769px){.video-main-swiper .swiper-button-next{right:40px}.video-main-swiper .swiper-button-prev{left:40px}.main-video-section{padding:48px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video.css.map */
