.color-white{color:#fff}.video-carousel-h4{font-size:40px;margin:0 0 40px;line-height:.8;white-space:pre-line;font-weight:900}.video-carousel-section{width:100%;padding:100px 0 56px;overflow:hidden;background:#000}.video-carousel-header{text-align:center;width:min(860px,100%);margin:0 auto 100px}.video-carousel-swiper{overflow:visible}.video-carousel-swiper .swiper-slide{width:60vw}.video-carousel-button-prev,.video-carousel-button-next{position:absolute;top:50%;z-index:10;width:52px;height:52px;margin-top:-26px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .25s ease,opacity .25s ease;cursor:pointer}.video-carousel-button-prev:hover,.video-carousel-button-next:hover{background:#fff3}.video-carousel-button-prev{left:24px;opacity:0;pointer-events:none}.video-carousel-button-next{right:24px;opacity:0;pointer-events:none}.video-carousel-swiper:hover .video-carousel-button-prev,.video-carousel-swiper:hover .video-carousel-button-next{opacity:1;pointer-events:auto}.video-carousel-button-prev:after,.video-carousel-button-next:after{position:absolute;top:50%;left:50%;font-size:18px;font-weight:700;color:#fff;transform:translate(-50%,-50%)}.video-carousel-button-prev:after{content:"";width:10px;height:10px;border-left:2.5px solid #ffffff;border-bottom:2.5px solid #ffffff;transform:translate(-35%,-50%) rotate(45deg)}.video-carousel-button-next:after{content:"";width:10px;height:10px;border-right:2.5px solid #ffffff;border-top:2.5px solid #ffffff;transform:translate(-65%,-50%) rotate(45deg)}.video-carousel-video{position:relative;aspect-ratio:16 / 9;border-radius:28px;overflow:hidden;background:#1d2133;box-shadow:0 24px 60px #00000059}.video-carousel-video-trigger,.video-carousel-video-frame{position:absolute;top:0;right:0;bottom:0;left:0}.video-carousel-video-trigger{z-index:2;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;transition:opacity .35s ease}.video-carousel-video.is-playing .video-carousel-video-trigger{opacity:0;pointer-events:none}.video-carousel-video-trigger:hover .video-carousel-video-play{background:#c00}.video-carousel-video-trigger img{width:100%;height:100%;object-fit:cover}.video-carousel-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a1214,#06080fbd)}.video-carousel-video-play{position:absolute;top:50%;left:50%;width:72px;height:48px;border-radius:12px;background:red;transform:translate(-50%,-50%);transition:background .25s ease}.video-carousel-video-play:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #ffffff;transform:translate(-30%,-50%)}.video-carousel-video-frame{z-index:1;background:#10131d}.video-carousel-video-frame iframe{width:100%;height:100%;border:0;opacity:0;transition:opacity .35s ease}.video-carousel-video.is-ready.is-playing .video-carousel-video-frame iframe{opacity:1}.video-carousel-video-title{font-size:36px;font-weight:600;margin:20px 0;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding-right:20px}.video-carousel-pagination{position:relative;margin-top:12px;text-align:center}.video-carousel-pagination .swiper-pagination-bullet{border-radius:999px;background:#ffffff4d;opacity:1}.video-carousel-pagination .swiper-pagination-bullet-active{background:#fff}@media(max-width:1600px){.container{max-width:1360px;padding-left:34px;padding-right:34px}.video-carousel-swiper .swiper-slide{width:64vw}}@media(max-width:1440px){.container{max-width:1260px;padding-left:30px;padding-right:30px}.video-carousel-h4{font-size:32px;margin-bottom:26px}.video-carousel-section{padding:88px 0 48px}.video-carousel-header{margin-bottom:72px}.video-carousel-video-title{font-size:32px}}@media(max-width:1360px){.container{max-width:1180px;padding-left:26px;padding-right:26px}.video-carousel-h4{font-size:30px}.video-carousel-swiper .swiper-slide{width:68vw}.video-carousel-section{padding:76px 0 42px}.video-carousel-header{margin-bottom:60px}}@media(max-width:1280px){.container{max-width:1120px;padding-left:24px;padding-right:24px}.video-carousel-video-title{font-size:28px;margin:15px 0}}@media(max-width:1200px){.container{max-width:1040px}.video-carousel-h4{font-size:28px}.video-carousel-section{padding:68px 0 40px}.video-carousel-header{margin-bottom:48px}}@media(max-width:1024px){.container{max-width:980px;padding-left:20px;padding-right:20px}.video-carousel-h4{font-size:26px;margin-bottom:16px}.video-carousel-swiper .swiper-slide{width:calc(100vw - 120px)}.video-carousel-section{padding:60px 0 36px}.video-carousel-header{margin-bottom:36px}}@media(max-width:900px){.video-carousel-section{padding:52px 0 32px}.video-carousel-header{margin-bottom:24px;padding:0 16px}.video-carousel-swiper .swiper-slide{width:calc(100vw - 52px)}.video-carousel-video{border-radius:20px}.video-carousel-video-play{width:56px;height:38px;border-radius:10px}.video-carousel-video-play:before{border-top-width:8px;border-bottom-width:8px;border-left-width:14px}.video-carousel-button-prev,.video-carousel-button-next{display:none}}@media(max-width:768px){.container{padding-left:20px;padding-right:20px}.video-carousel-h4{font-size:28px}.video-carousel-swiper .swiper-slide{width:calc(100vw - 40px)}.video-carousel-section{padding:48px 0 28px}.video-carousel-header{margin-bottom:28px}}@media(max-width:767px){.video-carousel-h4{font-size:20px;margin-bottom:10px}.video-carousel-video-title{font-size:24px;margin:12px 0}}@media(max-width:500px){.video-carousel-video-title{font-size:20px;margin:10px 0}}@media(max-width:400px){.video-carousel-video-title{font-size:18px;margin:8px 0}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/collect-video-carousel.css.map */