.vg-wrap,[class*=video-gallery--]{display:flex;align-items:center;gap:20px}.vg__text{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.vg__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:6px}.vg__carousel-wrap{flex:1;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;gap:20px}.vg__carousel .swiper-wrapper{align-items:flex-end}.vg__dots{position:relative;padding-top:3.5rem;display:flex;justify-content:center}.vg__dots .swiper-pagination-bullet{width:8px;height:8px;background:#bbb;opacity:1;margin:0 5px}.vg__dots .swiper-pagination-bullet-active{background:rgba(var(--color-foreground))}.vg__carousel:active{cursor:grabbing}.vg__carousel-wrap .swiper-slide{flex-shrink:0;width:260px;height:320px;border-radius:16px;overflow:hidden;transition:transform .85s cubic-bezier(.16,1,.3,1);position:relative}.vg__carousel-wrap .swiper-slide-active{width:260px;height:490px;border-radius:20px}.vg__video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.vg__carousel-wrap .slider-btn.slider-btn--prev,.vg__carousel-wrap .slider-btn.slider-btn--next{display:none}@media(max-width:749px){[class*=video-gallery--]{flex-direction:column;gap:10px}.vg__carousel-wrap .swiper-slide{width:180px;height:240px}.vg__carousel-wrap .swiper-slide-active{width:200px;height:380px}.vg__text-panel{flex:none;width:100%;min-height:0}.vg__carousel{height:380px}}[class*=video-gallery--]{display:flex;align-items:center;gap:10px}[class*=video-gallery--].vg--text-left{flex-direction:row}[class*=video-gallery--].vg--text-right{flex-direction:row-reverse}.vg__text-panel{height:520px;flex:0 0 30%;position:relative;border-radius:16px;padding:2rem;background:rgba(var(--color-card-background))}@media(max-width:749px){[class*=video-gallery--],[class*=video-gallery--].vg--text-left,[class*=video-gallery--].vg--text-right{flex-direction:column}.vg__text-panel{flex:none;width:100%;aspect-ratio:auto;height:auto;min-height:0}}@media screen and (min-width:750px)and (max-width:990px){.vg__text-panel{flex:0 0 50%}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/section-video-gallery.css.map */