:root{--vh: 100vh}.video-modal-content,.modal-video-item{height:calc(100vh - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.ugc-video-section .section-heading{color:#000;margin:0 0 2rem 1.5rem;font-family:Poppins;font-size:20px;font-style:normal;font-weight:500;line-height:24px}.template-collection .ugc-video-section .section-heading,.template-product .ugc-video-section .section-heading{font-size:16px;font-weight:600}.ugc-video{display:flex;justify-content:space-evenly;align-items:center;gap:1rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5rem;scrollbar-width:none;-ms-overflow-style:none;overflow-x:scroll}.ugc-video .ugc-video-container{flex:1 0 calc((100% - 2rem) / 2.2);max-width:calc((100% - 2rem) / 2.2);position:relative}.ugc-video .ugc-video-container video{display:block;width:100%;height:100%;cursor:pointer;border-radius:10px;object-fit:cover}.ugc-video .mute-unmute-button{position:absolute;top:1rem;left:1rem;cursor:pointer}.ugc-video .mute-unmute-button svg{width:2rem;height:2rem}.ugc-video .video-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}.ugc-video .video-controls svg{width:2rem;height:2rem}.ugc-video .play-button,.ugc-video .pause-button{cursor:pointer;display:none;border:1px solid #fff;border-radius:50%;background:#ffffff26;padding:1rem}@media only screen and (max-width: 991px){.ugc-video .ugc-video-container video{height:100%}.ugc-video .slick-slide{padding-right:1rem}}.product .ugc-video{display:flex;justify-content:space-evenly;align-items:center;gap:1rem}.product .ugc-video .ugc-video-container{position:relative}.product .ugc-video .ugc-video-container video{height:50rem}.product .ugc-video .slick-track{display:flex!important;gap:1rem}@media only screen and (max-width: 991px){.product .ugc-video .ugc-video-container video{height:25rem}}.faq-question-video{color:var(--Grays-White, var(--Grays-White, #fff));text-align:left;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:17px;background:linear-gradient(0deg,#070101,#00000026 111.54%);padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;position:absolute;bottom:0;width:100%}.video-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:calc(100vh - env(safe-area-inset-bottom));max-height:calc(100vh - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background-color:#000c}.video-modal-content{width:100%;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-y:scroll;flex-direction:column}.video-modal-close{position:absolute;right:15px;top:10px;cursor:pointer;z-index:1000}#modalVideo{width:100%;height:100%;object-fit:cover}.video-modal-mute-button{position:absolute;top:10px;right:50px;cursor:pointer}.video-modal-mute-button svg{display:flex;align-items:center}.video-modal-content{overflow-y:scroll;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.modal-video-item{width:100%;object-fit:cover;scroll-snap-align:start;display:block}@media only screen and (min-width: 768px){.ugc-video-section .section-heading{margin:10px 0 46px 122px!important;font-size:36px!important}.ugc-video{margin:28px 122px 35px;gap:2rem;padding:0}.ugc-video .ugc-video-container{width:25%;max-width:calc((100% - 80px)/4);flex:1 0 calc((100% - 80px)/4)}.faq-question-video{font-size:18px;line-height:28px;padding:16px}.video-modal-content{height:auto;max-width:300px;margin:10vh auto;border-radius:12px;overflow:visible;position:relative}.modal-video-item{height:60vh;max-height:600px;width:100%;border-radius:12px}.modal-video-item{display:none}.modal-video-item.active{display:block}.video-modal-nav{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:1001;background:none}.video-modal-nav:hover{background:none}.video-modal-nav.prev{left:-80px}.video-modal-nav.next{right:-80px}.video-modal-nav svg{width:44px;height:44px;stroke:#fff;stroke-width:2.75}.video-modal-nav:disabled{opacity:.3;cursor:not-allowed}.video-modal-list{display:flex;position:relative}.template-index .ugc-video-section{margin-top:36px}}@media only screen and (max-width: 768px){.benefits-slider{padding-left:0!important;padding-right:0!important}.benefit-left{padding-left:15px!important;padding-right:15px!important}.benefit-right{padding-left:15px!important}.video-modal-nav{display:none}.template-index .ugc-video-section{margin-top:24px}}@media only screen and (min-width: 1440px){.ugc-video-section .section-heading,.ugc-video{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/554/assets/ugc-video-stylesheet.css.map */