.product-video-swiper-popup-container{position:fixed;top:-2%;left:0;width:100%;height:110%;z-index:999999;display:flex;justify-content:center;align-items:center;background-color:#000c;margin:0!important}.product-video-swiper-popup-container .video-container a,.product-video-swiper-popup-container .image-container a{width:18px;height:18px;position:absolute;top:6px;right:12px;z-index:30;padding:12px}.product-video-swiper-popup-container .video-container .video-progress,.product-video-swiper-popup-container .image-container .image-progress{position:absolute;top:6px;left:49%;transform:translate(-50%);width:calc(100% - 30px);height:3px;background-color:#ffffff4d;margin:0;border-radius:8px;overflow:hidden}.product-video-swiper-popup-container .image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.product-video-swiper-popup-container .image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-video-swiper-popup-container .video-container .video-progress .progress,.product-video-swiper-popup-container .image-container .image-progress .progress{width:0%;height:100%;background-color:#fff}.product-video-swiper-popup-container .video-container .video-tag,.product-video-swiper-popup-container .image-container .image-tag{position:absolute;bottom:34px;left:50%;transform:translate(-50%);z-index:9999;padding:2px 8px;border-radius:22px;font-size:12px;background-color:#fff;white-space:nowrap}.product-video-swiper-popup-container .swiper-slide-active .video-container .video-tag,.product-video-swiper-popup-container .swiper-slide-active .image-container .image-tag{font-size:10px}.product-video-swiper-popup-container .swiper-slide-next .video-container .video-tag,.product-video-swiper-popup-container .swiper-slide-next .image-container .image-tag,.product-video-swiper-popup-container .swiper-slide-prev .video-container .video-tag,.product-video-swiper-popup-container .swiper-slide-prev .image-container .image-tag{font-size:8px}.video-popup-container{width:100%;padding-top:50px;padding-bottom:50px;position:relative}.video-popup-item{background-position:center;background-size:cover;width:280px;height:480px}.video-popup-item.swiper-slide-active{transform:scale(1.2)!important}.video-popup-item .video-container{width:100%;height:100%}.video-popup-item .video-container video{width:100%;height:100%;object-fit:cover;border-radius:8px}.swiper-button-next{right:var(--swiper-navigation-sides-offset, 7%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 7%)}@media screen and (min-width: 768px){.swiper-button-next{right:var(--swiper-navigation-sides-offset, 20%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 20%)}}@media screen and (min-width: 1024px){.swiper-button-next{right:var(--swiper-navigation-sides-offset, 28%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 28%)}}@media screen and (min-width: 1264px){.swiper-button-next{right:var(--swiper-navigation-sides-offset, 36%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset, 36%)}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-product-video-swiper-popup.css.map */