body.popup-open{overflow:hidden}.popup{display:none;position:fixed;top:0;left:0;padding:0;z-index:1000;background-color:#00000080;width:100%;height:100%}#closePopup{display:block;text-align:center;cursor:pointer}.popup-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.popup-inner video{height:100%}.popup-wrapper .popup-inner{height:calc(100% - 80px)}.videoloop-popup button.vl-popclose{padding:10px;margin:0;position:absolute;top:0;right:0;z-index:99}.videoloop-popup button.vl-popclose svg.icon--close{width:16px;height:16px;display:block}.videoloop-popup button.vl-popclose svg.icon--close>*{fill:#fff}ul.videolist-grid{margin:0;padding:0;list-style:none}ul.videolist-grid{display:flex;flex-wrap:wrap;gap:24px}.videolist-grid>li.video-item{margin:0;position:relative}.videolist-grid>li.video-item{flex:0 0 auto;width:calc(25% - 18px)}@media only screen and (max-width: 991px){.videolist-grid>li.video-item{flex:0 0 auto;width:calc(33.333% - 16px)}}@media only screen and (max-width: 575px){ul.videolist-grid{gap:12px}.videolist-grid>li.video-item{flex:0 0 auto;width:calc(50% - 6px)}}.videolist-grid>li.video-item .videoplay-icon{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.videolist-grid>li.video-item .videoplay-icon{width:64px;height:64px;display:flex;background-color:#000000b3;border-radius:64px;justify-content:center;align-items:center;cursor:pointer}.video-box{position:relative;overflow:hidden;border-radius:4px}.video-poster.poster-media{position:relative;padding-top:100%}.video-poster.poster-media>img{position:absolute;top:0;width:100%;height:100%}.video-box .video-poster>img{display:block;border-radius:4px;aspect-ratio:1/1;object-fit:cover;object-position:center}.video-box .video-poster svg.video-svg{aspect-ratio:1/1;background-color:#f2f2f2;border:1px solid #ddd;border-radius:4px;display:block}.video-box .video-title{position:absolute;bottom:0;width:100%;background:linear-gradient(180deg,#0000,#00000054,#000000ed);padding:10px 20px 16px;display:flex;justify-content:flex-start;align-items:flex-end;min-height:80px}.video-box .video--title{color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:28px;text-transform:uppercase;margin:0}@media only screen and (max-width: 991px){.videoloop-wrap .section-header{margin-bottom:24px}.video-box .video--title{font-size:18px;line-height:24px}}@media only screen and (max-width: 575px){.videolist-grid>li.video-item.video-banner{width:100%}.videolist-grid>li.video-item.video-banner .video-svg{aspect-ratio:16 / 9}.videolist-grid>li.video-banner .video-poster.poster-media{position:relative;padding-top:56.25%}.videolist-grid>li.video-item:not(.video-banner) .videoplay-icon{width:44px;height:44px;border-radius:44px}.videolist-grid>li.video-item:not(.video-banner) .videoplay-icon svg.icon--play{width:32px;height:32px}.video-box .video-title{padding:4px 16px 10px;min-height:70px}.video-box .video--title{font-size:16px;line-height:24px}}@media only screen and (max-width: 575px){.video-box .video--title{font-size:14px;line-height:22px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-video-loop.css.map */