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-inner video{width:calc(100% - 40px);object-fit:contain;margin:0 auto;display:block}.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}}.resizevideo-sizewrap.vloopgrid-active ul.videolist-grid{gap:20px}.resizevideo-sizewrap.vloopgrid-active ul.videolist-grid>li.video-item{flex:0 0 auto;width:calc(25% - 15px);cursor:pointer}@media only screen and (max-width: 991px){.resizevideo-sizewrap.vloopgrid-active ul.videolist-grid>li.video-item{flex:0 0 auto;width:calc(33.333% - 20px * 2 / 3)}}@media only screen and (max-width: 575px){.resizevideo-sizewrap.vloopgrid-active ul.videolist-grid{gap:14px;margin-top:10px}.resizevideo-sizewrap.vloopgrid-active ul.videolist-grid>li.video-item{flex:0 0 auto;width:calc(50% - 7px)}}.resizevideo-sizewrap.vloopgrid-active .video-box{border-radius:0}.resizevideo-sizewrap.vloopgrid-active .video-box .video-poster.poster-media{background:#f2f2f2;border-radius:8px;overflow:hidden;padding-top:100%}.resizevideo-sizewrap.vloopgrid-active .video-box .video-poster>img{mix-blend-mode:multiply}.resizevideo-sizewrap.vloopgrid-active .video-box .video-title{position:relative;bottom:unset;padding:0;background:transparent;min-height:unset;margin:12px 0 0}.resizevideo-sizewrap.vloopgrid-active .video-box .video-title .video--title{color:#0f0f0f;font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.18px;text-decoration-line:underline;text-transform:capitalize}.resizevideo-sizewrap.vloopgrid-active .video-box .videoplay-icon{position:absolute;top:unset;left:12px;z-index:1;transform:unset;bottom:12px;border-radius:40px;width:40px;height:40px;background:#00000073}.resizevideo-sizewrap.vloopgrid-active .video-box .videoplay-icon .icon--play{width:22px;height:22px}@media (max-width: 991px){.resizevideo-sizewrap.vloopgrid-active .video-box .video-title .video--title{font-size:16px;letter-spacing:-.16px}}@media (max-width: 575px){.resizevideo-sizewrap.vloopgrid-active .video-box .videoplay-icon{width:32px!important;height:32px!important;left:8px;bottom:8px}.resizevideo-sizewrap.vloopgrid-active .video-box .videoplay-icon .icon--play{width:18px!important;height:18px!important}.resizevideo-sizewrap.vloopgrid-active .video-box .video-title .video--title{font-size:15px;letter-spacing:-.15px}}@media (max-width: 389px){.resizevideo-sizewrap.vloopgrid-active .video-box .video-title .video--title{font-size:14px;letter-spacing:-.14px}}.resizevideo-sizewrap.vlooplist-active ul.videolist-grid{gap:20px}.resizevideo-sizewrap.vlooplist-active ul.videolist-grid>li.video-item{flex:0 0 auto;width:calc(50% - 10px)}.resizevideo-sizewrap.vlooplist-active .video-box{border-radius:4px;padding:12px 90px 12px 12px;border:1px solid #EAEAEA;display:flex;align-items:center;gap:16px}.resizevideo-sizewrap.vlooplist-active .video-box .video-poster.poster-media{background:#f2f2f2;border-radius:4px;width:100px;flex:0 0 auto;position:static;padding-top:0}.resizevideo-sizewrap.vlooplist-active .video-box .video-poster>img{mix-blend-mode:multiply;position:relative;inset:unset;width:100%;height:100px}.resizevideo-sizewrap.vlooplist-active .video-box .video-title{flex:1;position:relative;bottom:unset;padding:0;background:transparent;min-height:unset;margin:0;width:auto;display:block}.resizevideo-sizewrap.vlooplist-active .video-box .video-title .video--title{color:#0f0f0f;font-family:Nunito Sans;font-size:18px;font-style:normal;font-weight:400;line-height:140%;letter-spacing:-.18px;text-decoration-line:underline;text-transform:capitalize}.resizevideo-sizewrap.vlooplist-active .video-box .video-title .video--title{text-decoration:none}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon{position:absolute;top:50%;left:unset;right:24px;z-index:1;transform:translateY(-50%)}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon{width:54px;height:auto;display:flex;background-color:transparent;border-radius:unset;justify-content:center;align-items:center;cursor:pointer;gap:3px}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon .icon--play{height:16px;width:16px;flex:0 0 auto;display:block}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon .icon--play *{fill:#000}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon:after{content:"View";display:block;color:#0f0f0f;font-family:Nunito Sans;font-size:14px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline;text-transform:uppercase;text-underline-offset:2px}@media (max-width: 991px){.resizevideo-sizewrap.vlooplist-active .video-box .video-poster.poster-media{width:80px;padding-top:0}.resizevideo-sizewrap.vlooplist-active .video-box .video-poster>img{height:80px}.resizevideo-sizewrap.vlooplist-active .video-box .video-title .video--title{font-size:15px;letter-spacing:-.15px}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon{width:50px!important;height:auto;border-radius:unset}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon .icon--play{height:14px!important;width:14px!important}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon:after{font-size:12px}}@media (max-width: 767px){.resizevideo-sizewrap.vlooplist-active ul.videolist-grid{gap:0}.resizevideo-sizewrap.vlooplist-active ul.videolist-grid>li.video-item{width:100%}.resizevideo-sizewrap.vlooplist-active .videolist-grid .video-item+.video-item{border-top:1px solid #F5F5F5}.resizevideo-sizewrap.vlooplist-active .video-box{border-radius:0;padding:10px 60px 10px 0;border:none;gap:12px}.resizevideo-sizewrap.vlooplist-active .video-box .videoplay-icon{right:0}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/component-video-loop.css.map */