.product-video-section-container{overflow:hidden;margin:.5rem 0}.product-video-section-container .product-video-section-item{cursor:pointer;padding:0;border-radius:8px;border:3px solid #304a4b}.product-video-section-container .product-video-section-item:first-child{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,#304a4b,#79a4a5) border-box;border:3px solid transparent}.product-video-section-container .product-video-section-item img,.product-video-section-container .product-video-section-item video{padding:2px;height:auto;object-fit:cover;overflow:hidden;border-radius:6px}.product-video-section-container .product-video-section-item p{margin:0;text-align:center}.product-video-section-popup-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;margin:0;background-color:#000c}.product-video-section-popup-inner-container{position:fixed;top:50%;left:50%!important;transform:translate(-50%,-50%)!important;max-width:390px}@media screen and (min-width: 768px){.product-video-section-popup-inner-container video{max-height:680px}}.product-video-container{position:relative}.product-video-container a{display:flex;justify-content:center;align-items:center;height:32px;width:32px;padding:10px;position:absolute;top:15px;right:10px;background-color:#00000080;z-index:9999;border-radius:50%}@media (max-width: 767px){.product-video-section-popup-inner-container{top:49%;max-width:92vw}.product-video-section-popup-inner-container video{max-height:92vh;max-width:92vw;width:100%;border-radius:8px;width:auto}}.video-progress{width:calc(100% - 70px);margin:10px 10px 0;height:5px;padding:0;position:absolute;top:15px;left:5px;display:flex;border-radius:8px}.video-progress-segment{flex:1;margin:0 2px;background-color:#6666;height:100%;position:relative;border-radius:8px}.video-progress-segment-filled{background-color:#fff;border-radius:8px;height:100%;width:0%}.video-progress-segment-filled.smooth{transition:width 1s linear}.no-scroll{overflow:hidden}.spinner-container{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000}.spinner{border:8px solid rgba(255,255,255,.3);border-top:8px solid #fff;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-product-video.css.map */