@import"https://fonts.googleapis.com/css2?family=Anton&family=DM+Sans:wght@400;500;700&display=swap";:root{--vg-gradient-start: #1E4FD8;--vg-gradient-end: #0A1B4D;--vg-accent-red: #EA242C;--vg-white: #ffffff;--vg-card-radius: 12px;--vg-transition: .3s ease}.video-gallery{background:linear-gradient(180deg,var(--vg-gradient-start) 0%,var(--vg-gradient-end) 100%);padding:80px 0 60px;overflow:hidden;position:relative}.video-gallery__container{max-width:1440px;margin:0 auto;padding:0 20px}.video-gallery__header{text-align:center;margin-bottom:60px}.video-gallery__title{font-family:Anton,sans-serif;font-size:90px;font-weight:400;line-height:.9;color:var(--vg-white);text-transform:uppercase;margin:0 0 24px;letter-spacing:.02em}.video-gallery__subtitle{font-family:DM Sans,sans-serif;font-size:24px;font-weight:400;line-height:1.2;color:var(--vg-white);margin:0 auto;max-width:615px;opacity:.9}.video-gallery__cta{display:flex;justify-content:center;margin-top:28px}.video-gallery__carousel-wrapper{position:relative;display:flex;align-items:center;--vg-carousel-edge: max(60px, calc((100vw - 1440px)/2 + 60px) );margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:var(--vg-carousel-edge);padding-right:var(--vg-carousel-edge)}.video-gallery__carousel{width:100%;overflow:visible;touch-action:pan-y}.video-gallery__carousel .swiper-wrapper{align-items:center;touch-action:pan-y}.video-gallery__carousel .swiper-slide{transition:transform var(--vg-transition),opacity var(--vg-transition);opacity:.6;touch-action:pan-y}.video-gallery__carousel .swiper-slide-active{opacity:1;z-index:2}.video-gallery__carousel .swiper-slide-prev,.video-gallery__carousel .swiper-slide-next{opacity:.85}.video-gallery__nav{position:absolute;top:50%;z-index:10;background:transparent;border:none;cursor:pointer;padding:10px;opacity:.7;transition:opacity var(--vg-transition),transform var(--vg-transition)}.video-gallery__nav:hover{opacity:1}.video-gallery__nav--prev{left:var(--vg-carousel-edge);transform:translate(-100%,-50%)}.video-gallery__nav--next{right:var(--vg-carousel-edge);transform:translate(100%,-50%)}.video-gallery__nav--prev:hover{transform:translate(-100%,-50%) scale(1.1)}.video-gallery__nav--next:hover{transform:translate(100%,-50%) scale(1.1)}.video-gallery__nav svg{display:block;height:67px;width:auto}.video-gallery__pagination{display:flex;justify-content:center;gap:12px;margin-top:40px}.video-gallery__pagination .swiper-pagination-bullet{width:12px;height:12px;background:var(--vg-white);opacity:.4;border-radius:50%;cursor:pointer;transition:opacity var(--vg-transition),transform var(--vg-transition)}.video-gallery__pagination .swiper-pagination-bullet:hover{opacity:.7}.video-gallery__pagination .swiper-pagination-bullet-active{opacity:1;transform:scale(1.2)}.video-card{width:360.5px;height:auto;aspect-ratio:2 / 3;flex-shrink:0}.video-card__button{display:block;width:100%;height:100%;padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--vg-card-radius);overflow:hidden;position:relative;transition:transform var(--vg-transition),box-shadow var(--vg-transition)}.video-card__button:hover{transform:scale(1.03);box-shadow:0 20px 60px #0006}.video-card__button:hover .video-card__play{transform:translate(-50%,-50%) scale(1.1)}.video-card__button:hover .video-card__play svg circle{fill:var(--vg-white)}.video-card__thumbnail-wrapper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--vg-card-radius)}.video-card__thumbnail{width:100%;height:100%;object-fit:cover;display:block}.video-card__gradient{position:absolute;bottom:0;left:0;right:0;height:55%;background:linear-gradient(180deg,#0000 10%,#000c 90%);border-radius:0 0 var(--vg-card-radius) var(--vg-card-radius);pointer-events:none}.video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform var(--vg-transition);z-index:2}.video-card__play svg{display:block;filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}.video-card__play svg circle{transition:fill var(--vg-transition)}.video-card__title{position:absolute;bottom:20px;left:20px;right:20px;z-index:2}.video-card__title span{font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;color:var(--vg-white);line-height:1.3;display:block}.video-card__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:var(--vg-card-radius);gap:16px}.video-card__placeholder span{font-family:DM Sans,sans-serif;font-size:14px;color:var(--vg-white);opacity:.7}.video-gallery__carousel .swiper-slide-active .video-card{width:363px;height:auto}.video-gallery__carousel .swiper-slide-active .video-card__button{border:none;box-shadow:none}.video-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-lightbox[aria-hidden=false]{opacity:1;visibility:visible}.video-lightbox__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;cursor:pointer}.video-lightbox__content{position:relative;width:90%;max-width:1000px;aspect-ratio:16/9;z-index:1;transform:scale(.9);transition:transform .3s ease}.video-lightbox[aria-hidden=false] .video-lightbox__content{transform:scale(1)}.video-lightbox__close{position:absolute;top:-50px;right:0;background:transparent;border:none;cursor:pointer;padding:10px;opacity:.8;transition:opacity var(--vg-transition),transform var(--vg-transition)}.video-lightbox__close:hover{opacity:1;transform:scale(1.1)}.video-lightbox__player{width:100%;height:100%;border-radius:8px;overflow:hidden;background:#000}.video-lightbox__player iframe{width:100%;height:100%;border:none}@media (max-width: 1024px){.video-gallery{padding:60px 0 50px}.video-gallery__title{font-size:60px}.video-gallery__subtitle{font-size:20px;max-width:500px}.video-gallery__carousel-wrapper{--vg-carousel-edge: 50px;padding:0 var(--vg-carousel-edge)}.video-card{width:280px;height:420px}.video-gallery__carousel .swiper-slide-active .video-card{width:300px;height:450px}.video-gallery__nav svg{height:50px;width:auto}}@media (max-width: 768px){.video-gallery{padding:50px 0 40px}.video-gallery__header{margin-bottom:40px}.video-gallery__title{font-size:42px;margin-bottom:16px}.video-gallery__subtitle{font-size:16px;max-width:320px;padding:0 20px}.video-gallery__carousel-wrapper{--vg-carousel-edge: 20px;padding:0 var(--vg-carousel-edge)}.video-gallery__nav{display:none}.video-card{width:260px;height:390px}.video-gallery__carousel .swiper-slide-active .video-card{width:280px;height:420px}.video-card__play svg{width:56px;height:56px}.video-card__title span{font-size:16px}.video-gallery__pagination{margin-top:30px;gap:8px}.video-gallery__pagination .swiper-pagination-bullet{width:10px;height:10px}.video-lightbox__content{width:95%}.video-lightbox__close{top:-40px}}@media (max-width: 480px){.video-gallery__title{font-size:36px}.video-gallery__subtitle{font-size:14px}.video-card{width:220px;height:330px}.video-gallery__carousel .swiper-slide-active .video-card{width:240px;height:360px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/video-gallery.css.map */