: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:#1c1a18;margin:0 16px 20px;font-family:Public Sans,sans-serif;font-weight:700;font-size:16px;line-height:100%;text-align:center;text-transform:uppercase}.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:12px;margin-bottom:30px;padding-left:16px;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:scroll}.ugc-video .ugc-video-container{flex:1 0 calc((100vw - 24px) / 2.2);max-width:calc((100vw - 24px) / 2.2);position:relative;min-height:300px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8,#f0f0f0);border-radius:10px;overflow:hidden;aspect-ratio:1 / 1;background-size:cover;background-position:center}.ugc-video .ugc-video-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite;z-index:1;transition:opacity .3s ease}.ugc-video .ugc-video-container.video-loaded:before{display:none}@keyframes shimmer{0%{left:-100%}to{left:100%}}.ugc-video .ugc-video-container video{display:block;width:100%;height:100%;cursor:pointer;border-radius:10px;object-fit:cover;position:absolute;top:0;left:0;z-index:2;opacity:1;transition:opacity .5s ease-in-out;background:transparent}.ugc-video .ugc-video-container video[poster]{opacity:1;background-color:transparent}.ugc-video .ugc-video-container video.loaded{opacity:1}.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{min-height:250px}.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{min-height:50rem}.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{min-height:25rem}.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: 500px){.ugc-video .ugc-video-container{max-width:calc((100vw - 16px - 36px) / 3);flex:1 0 calc((100vw - 16px - 36px) / 3)}}@media only screen and (min-width: 768px){.ugc-video-section .section-heading{font-size:24px!important}.ugc-video{gap:20px}.ugc-video .ugc-video-container{width:25%;max-width:calc((100vw - 92px)/4);flex:1 0 calc((100vw - 92px)/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;border: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 (min-width: 1024px){.ugc-video-section .section-heading{margin:0 150px 40px}.ugc-video{margin:0 150px 70px;padding:0}.ugc-video .ugc-video-container{width:25%;max-width:calc((100vw - 360px)/4);flex:1 0 calc((100vw - 360px)/4)}}@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}.ugc-video .ugc-video-container{width:25%;max-width:285px;flex:1 0 285px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ugc-video-stylesheet.css.map */