ugc-videos{max-width:900px;margin:0 auto;display:flex;overflow:hidden}.ugc-videos-wrapper{width:100%;scroll-snap-type:x mandatory;margin:0 auto 50px;max-width:900px;max-height:700px;scrollbar-width:none}.ugc-videos-wrapper::-webkit-scrollbar{display:none}.ugc-videos-wrapper .ugc-video{opacity:.5;border-radius:5px;transform:scale(.9);object-fit:cover;overflow:hidden;height:100%}.ugc-videos-wrapper .ugc-video video{height:500px;width:100%;border-radius:5px;object-fit:cover}.ugc-videos-wrapper .slick-active.slick-current{opacity:1;transform:scale(1)}input[hidden]{display:none}#ugcCloseModal:checked~.ugc-video-modal{display:none}.ugc-video-modal .ugc-sound_modal .sound-off{display:none}#ugcSound:checked~.ugc-video-modal .ugc-sound_modal .sound-off,#ugcSoundnot:not(:checked)~.ugc-video-modal .ugc-sound_modal .sound-on{display:block}#ugcSoundnot:not(:checked)~.ugc-video-modal .ugc-sound_modal .sound-off,#ugcSound:checked~.ugc-video-modal .ugc-sound_modal .sound-on{display:none}.ugc-videos-dots .slick-list{display:none}.ugc-videos-dots .slick-dots{display:flex;justify-content:center;margin:20px 0 0;padding:0%;list-style:none}.ugc-videos-dots .slick-dots li{margin:0 5px}.ugc-videos-dots .slick-dots li.slick-active button{background-color:rgb(var(--color-button));color:rgb(var(--color-button))}.ugc-videos-dots .slick-dots li::marker{display:none}.ugc-videos-dots .slick-dots button{width:12px;font-size:1px;height:12px;border-radius:50%;border:0;background-color:#fff;color:#fff;overflow:hidden}.ugc-video-modal{background-color:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;position:fixed;width:100vw;height:100vh;top:0;left:0}.ugc-video-modal-wrapper{position:relative;z-index:10;height:100%;width:100%;max-height:100vh}.ugc-video-modal-wrapper aside{position:absolute;left:15px;top:50%;max-width:200px;transform:translateY(-50%);display:none;flex-direction:column;align-items:center}.ugc-video-modal-wrapper .ugc-video-nav{display:none;width:100%;margin:20px 0}.ugc-video-modal-wrapper .ugc-video-nav .ugc-video-nav-video{display:flex;height:100%;max-height:200px;overflow:hidden}.ugc-video-modal-wrapper .ugc-video-nav .ugc-video-nav-video video{width:100%;height:100%;border-radius:5px;object-fit:cover}.ugc-close_modal,.ugc-sound_modal{position:absolute;top:30px;left:30px;cursor:pointer;transition:transform ease-in-out .4s}.ugc-sound_modal{left:unset;right:60px}.ugc-close_modal:hover,.ugc-sound_modal:hover{transform:scale(1.1)}.ugc-video-modal-wrapper .slick-arrows svg{width:36px;height:36px;cursor:pointer}.ugc-video-modal-wrapper article{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:80vw;max-height:80vh}.ugc-video-modal-wrapper article .ugc-video-biscreen-video{display:flex;height:100%}.ugc-video-modal-wrapper article .ugc-video-biscreen-video video{height:80vh;width:100%;border-radius:5px;object-fit:cover}.ugc-videos-wrapper .slick-dots{display:flex}.ugc-videos-wrapper .slick-dots button{opacity:0}@media screen and (min-width: 750px){.ugc-videos-wrapper .ugc-video video{height:700px}.ugc-video-modal-wrapper .ugc-video-nav{display:block}.ugc-videos-dots{display:none}.ugc-video-modal-wrapper aside{display:flex}.ugc-video-modal-wrapper article{width:60vw;height:100vh;max-width:800px;max-height:900px;transform:translate(-36%,-50%)}.ugc-video-modal-wrapper article .ugc-video-biscreen-video video{height:100vh;max-height:900px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-ugc-video-banner.css.map */