.custom-ugc__preview{opacity:0;transition:opacity .3s ease}.custom-ugc__preview.is-playing{opacity:1}.custom-ugc-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;letter-spacing:normal}.custom-ugc-popup[hidden]{display:none}.custom-ugc-popup__track{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.custom-ugc-popup__track::-webkit-scrollbar{display:none}.custom-ugc-popup__slide{display:flex;align-items:center;justify-content:center;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.custom-ugc-popup__media{position:relative;width:100%;height:100%}.custom-ugc-popup__video{display:block;width:100%;height:100%;object-fit:cover;background:#000;border:0;outline:0}.custom-ugc-popup__controls{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:12px;padding:16px 16px 16px 20px;background:linear-gradient(to bottom,rgb(0 0 0 / .5),transparent)}.custom-ugc-popup__progress{display:block;flex:1;height:4px;overflow:hidden;border-radius:2px;background:#ffffff4d}.custom-ugc-popup__progress-bar{display:block;width:0;height:100%;border-radius:2px;background:#fff}.custom-ugc-popup__button{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:4px;border:0;background:transparent;color:#fff;cursor:pointer;transition:opacity .2s ease}.custom-ugc-popup__button:hover{opacity:.7}.custom-ugc-popup__icon>svg{display:block;width:100%;height:100%}.custom-ugc-popup__button[data-muted=true] .custom-ugc-popup__icon--on,.custom-ugc-popup__button[data-muted=false] .custom-ugc-popup__icon--off{display:none}.custom-ugc-popup__nav{position:absolute;top:50%;right:12px;z-index:3;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%)}.custom-ugc-popup__nav-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff2e;color:#fff;cursor:pointer;transition:background .2s ease,opacity .2s ease}.custom-ugc-popup__nav-btn:hover{background:#ffffff52}.custom-ugc-popup__nav-btn:disabled{opacity:.3;cursor:default}@media screen and (min-width:750px){.custom-ugc-popup{background:#000000b3}.custom-ugc-popup__track{padding:calc(10vh - 8px) 0}.custom-ugc-popup__slide{height:auto;padding:8px 0;scroll-snap-align:center}.custom-ugc-popup__media{width:auto;height:80vh;max-width:90vw;aspect-ratio:9 / 16}.custom-ugc-popup__video{border-radius:12px}.custom-ugc-popup__controls{border-radius:12px 12px 0 0;background:linear-gradient(to bottom,rgb(0 0 0 / .45),transparent)}.custom-ugc-popup__nav{right:auto;left:calc(50% + 22.5vh + 16px)}}@media(prefers-reduced-motion:reduce){.custom-ugc__preview,.custom-ugc-popup__button,.custom-ugc-popup__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-ugc-video.css.map */