.HDR-076-video-frame .header-sections_wrapper{display:none}[data-ugc-video-section=true]{overflow-x:auto;width:100%}.slider-container{max-width:1200px;width:100%;position:relative}.slider-wrapper{display:flex;gap:20px;overflow-x:auto;padding:20px 0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.slider-wrapper::-webkit-scrollbar{display:none}.video-item{width:110px;position:relative;border-radius:5px;cursor:pointer;flex-shrink:0}.video-item svg{display:block}.video-media{position:relative}.video-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:5px}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-caption{color:#000;padding-top:2px;font-family:Poppins;font-size:12px;line-height:18px;font-weight:600}.video-duration{position:absolute;bottom:10px;left:10px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}#PageContainer.video-fullscreen{position:fixed;top:0;height:100%;width:100%;z-index:1000;left:0}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:none;z-index:1000}.lightbox.active{margin:0;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-sidebar{width:80px;background:#000c;padding:20px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.lightbox-main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000}.lightbox-video{width:100%;height:100%;object-fit:contain}.sidebar-thumb{width:60px;height:60px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s ease;opacity:.6;position:relative}.sidebar-thumb.active{border-color:#0074b8;opacity:1;transform:scale(1.1)}.sidebar-thumb:hover{opacity:.8;transform:scale(1.05)}.sidebar-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-thumb .duration{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;padding:1px 3px;border-radius:2px;font-size:8px}.close-btn{position:absolute;top:20px;right:20px;background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.nav-arrows{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:none;color:#fff;font-size:24px;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav-arrows:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.prev-btn{left:20px}.next-btn{right:20px}.volume-btn,.share-btn{position:absolute;top:20px;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.volume-btn{right:80px}.share-btn{right:140px}.volume-btn:hover,.share-btn:hover{background:#ffffff4d}.ugc-custom-title{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:30px}.video-info{position:absolute;bottom:20px;right:20px;color:#fff;background:#00000080;padding:10px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-title{font-size:16px;font-weight:700;margin-bottom:5px}.video-duration-info{font-size:12px;opacity:.8}body.lightbox-open{overflow:hidden}body.lightbox-open #MainContent{z-index:999}@media (max-width: 768px){.lightbox-sidebar{width:70px;padding:15px 5px;gap:10px}.sidebar-thumb{width:50px;height:50px}.nav-arrows{width:40px;height:40px;font-size:18px}.close-btn,.volume-btn,.share-btn{width:35px;height:35px;font-size:18px}.volume-btn{right:65px}.share-btn{right:110px}}@media (max-width: 480px){.lightbox-sidebar{width:60px}.sidebar-thumb{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/ugc-section.css.map */