.ugc-video-carousel-wrapper{width:100%;overflow:hidden;position:relative}.ugc-video-carousel{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 16px}.ugc-video-carousel::-webkit-scrollbar{display:none}.ugc-video-card{flex:0 0 calc((100% - 64px) / 4.5);position:relative;cursor:pointer;border-radius:12px;overflow:hidden;background:#000;aspect-ratio:9 / 16}.ugc-video-thumbnail{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.ugc-preview-video{width:100%;height:100%;object-fit:cover;display:block}.ugc-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.ugc-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.ugc-play-icon{width:64px;height:64px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform .2s ease}.ugc-video-card:hover .ugc-play-icon{transform:scale(1.1)}.ugc-video-duration{position:absolute;bottom:12px;right:12px;background:#000000b3;padding:4px 8px;border-radius:4px;z-index:2}.ugc-duration-text{color:#fff;font-size:12px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ugc-video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:999999;display:none;align-items:center;justify-content:center}.ugc-video-modal[aria-hidden=false]{display:flex}.ugc-modal-video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.ugc-modal-video{max-width:100%;max-height:100%;width:auto;height:100vh;object-fit:contain;cursor:pointer}.ugc-modal-close{position:absolute;top:20px;right:20px;z-index:10001;background:#00000080;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.ugc-modal-close:hover,.ugc-modal-close:focus{background:#000c;outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.ugc-modal-prev,.ugc-modal-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10001;background:#00000080;border:none;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.ugc-modal-prev{left:20px}.ugc-modal-next{right:20px}.ugc-modal-prev:hover,.ugc-modal-prev:focus,.ugc-modal-next:hover,.ugc-modal-next:focus{background:#000c;outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.ugc-modal-mute{position:absolute;bottom:20px;right:20px;z-index:10001;background:#00000080;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.ugc-modal-mute:hover,.ugc-modal-mute:focus{background:#000c;outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media (max-width: 768px){.ugc-video-card{flex:0 0 calc((100% - 32px)*.4)}.ugc-play-icon{width:56px;height:56px}.ugc-modal-prev,.ugc-modal-next{width:44px;height:44px}.ugc-modal-prev{left:10px}.ugc-modal-next{right:10px}.ugc-modal-close{top:10px;right:10px;width:44px;height:44px}.ugc-modal-mute{bottom:10px;right:10px;width:44px;height:44px}}@media (max-width: 480px){.ugc-video-carousel{gap:12px;padding:0 12px}.ugc-video-card{flex:0 0 calc((100% - 24px)*.4)}}.ugc-video-card:focus{outline:3px solid rgba(255,255,255,.8);outline-offset:2px}.ugc-video-carousel,.ugc-video-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
/*# sourceMappingURL=/cdn/shop/t/122/assets/component-ugc-video-carousel.css.map */