.video-slide{max-width:300px;width:100%}.video-wrapper{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/3}.video-block{width:100%;height:100%;object-fit:cover;display:block;border-radius:12px}.video-toggle{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:none;border:0;cursor:pointer}.video-toggle .play-icon{width:50px;height:50px;border-radius:50%;background:rgba(var(--color-button),.7);position:relative}.video-toggle .play-icon:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:12px solid rgba(var(--color-button-text),1);border-top:8px solid transparent;border-bottom:8px solid transparent}.video-wrapper.playing .play-icon{opacity:0;pointer-events:none}.video-blocks-section .swiper-wrapper{transition-timing-function:linear!important}.video-blocks-swiper:not(.swiper-initialized) .swiper-wrapper{display:flex;gap:20px}.video-blocks-section .section-header h2{margin-top:0}.video-blocks-section .section-header .rte p{margin-top:10px}.video-blocks-section .section-header{margin-bottom:25px}.video-blocks-swiper{margin:0 30px}.video-inner-wrapper{position:relative}.video-inner-wrapper .video-btns{width:28px;height:28px;background:rgba(var(--color-button-text),1);border-radius:50%;box-shadow:0 0 2px rgba(var(--color-button),1);z-index:2}.video-inner-wrapper .video-btns svg{fill:none;color:rgba(var(--color-button),1);width:16px;height:16px}.video-blocks-section .page-width .video-btns.swiper-button-prev{left:-5px}.video-blocks-section .page-width .video-btns.swiper-button-next{right:-5px}.video-blocks-section .iframe-video iframe{width:100%;height:100%}.video-blocks-section .video-wrapper.iframe-video{aspect-ratio:1.4/2.5}.video-blocks-section .video-swiper-pagination{text-align:center}@media screen and (min-width:750px){.video-blocks-section .swiper-wrapper{justify-content:center}}@media screen and (max-width:991px){.video-slide{max-width:210px}}@media screen and (max-width:640px){.video-blocks-swiper{margin:0}}@media screen and (max-width:480px){.video-slide{max-width:250px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/video-blocks.css.map */