.ugc-section{position:relative;overflow:hidden}.ugc-section>*{position:relative;z-index:2}.custom-ugc-section-header h5{text-align:center;text-transform:uppercase;font-size:10px;color:#8d9094;font-weight:700;letter-spacing:1px;padding-bottom:10px;padding-top:10px}.videos-swiper-container{position:relative;max-width:700px;margin:0 auto}.videos-swiper{position:relative;overflow:hidden;padding:20px 0 0}.videos-swiper .swiper-slide{height:auto}.video-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;height:100%}.video-wrapper{position:relative;aspect-ratio:9/16;overflow:hidden;background:#000}.preview-video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;opacity:1;transition:opacity .3s ease}.play-button{background:#33333352;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#333;font-size:20px;transition:all .3s ease}.video-info{text-align:center;color:#fff}.user-handle{display:block;font-weight:600;font-size:1rem;margin-bottom:4px}.video-caption{display:block;font-size:.9rem;opacity:.9;font-style:italic}.video-duration{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.videos-swiper:not(.swiper-initialized){display:none}.video-card.loading .preview-video{opacity:.7}.video-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite;transform:translate(-50%,-50%);z-index:10}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes progressBar{0%{width:0%}to{width:100%}}button.reels-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px;background:none;border:0}button.reels-play-btn svg{width:40px;height:40px;opacity:.7}button.reels-play-btn.playing{opacity:0}.videos-swiper .swiper-button-next,.videos-swiper .swiper-button-prev{color:#fff;background:#ffffff1a;border-radius:50%;width:50px;height:50px;margin-top:-25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.videos-swiper .swiper-button-next:hover,.videos-swiper .swiper-button-prev:hover{background:#fff3;transform:scale(1.1)}.videos-swiper .swiper-button-next:after,.videos-swiper .swiper-button-prev:after{font-size:18px;font-weight:600}.videos-swiper .swiper-button-prev{left:10px}.videos-swiper .swiper-button-next{right:10px}.videos-swiper .swiper-pagination{bottom:20px}.videos-swiper .swiper-pagination-bullet{background:#ffffff80;opacity:1;width:12px;height:12px;margin:0 6px;transition:all .3s ease}.videos-swiper .swiper-pagination-bullet-active{background:#fff;transform:scale(1.2)}.reels-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.reels-modal.active{opacity:1;visibility:visible}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#242424}.reels-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;max-width:400px;max-height:675px}.reels-swiper{width:100%;height:100%}.reels-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;background:#000}.reels-video{width:100%;height:100%;object-fit:cover}.reels-close{position:absolute;top:20px;right:20px;background:#0000003d;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;font-size:18px}.reels-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0000003d;color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;transition:all .3s ease}.reels-prev{left:-35%}.reels-next{right:-35%}.reels-info{position:absolute;bottom:60px;left:20px;right:20px;z-index:15;display:flex;justify-content:space-between;align-items:flex-end;color:#fff}.user-info h3{font-size:1.2rem;margin-bottom:8px;font-weight:600}.user-info p{font-size:1rem;opacity:.9;line-height:1.4}.reels-actions{display:flex;flex-direction:column;gap:15px;align-items:center}.action-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:all .3s ease;padding:8px;border-radius:50%}.action-btn:hover{background:#ffffff1a;transform:scale(1.1)}.action-btn i{font-size:24px}.action-btn span{font-size:12px;font-weight:500}.reels-progress{position:absolute;top:20px;left:20px;right:60px;display:flex;gap:4px;z-index:15}.progress-dot{height:3px;background:#ffffff80;border-radius:2px;flex:1;transition:all .3s ease}.progress-dot.active{background:#fff}.reels-video-wrapper{position:relative;max-height:-webkit-fill-available;min-height:-webkit-fill-available;width:100%}.reels-mute-btn{position:absolute;top:16px;right:16px;background:#0000003d;border:none;border-radius:50%;width:32px;height:32px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;padding:0}.reels-video-progress{width:100%;height:6px;background:#ffffff8c}.reels-progress-bar{width:0;height:100%;background:#333;transition:width 0s}@media(min-width:1024px){.reels-container{max-width:380px}.reels-nav,.reels-modal:hover .reels-nav{opacity:1}}@media(max-width:768px){.ugc-section{margin:0 -2.4rem}.custom-ugc-section-header h5{padding-bottom:0;margin-bottom:0}.reels-video{position:absolute}.videos-swiper{padding-left:32px;padding-right:32px}.section-header h2{font-size:2rem}.videos-swiper .swiper-button-next,.videos-swiper .swiper-button-prev{display:none}.reels-container{max-width:100%;max-height:100%;padding:0}.reels-mute-btn{top:15px;right:65px}.reels-close{top:15px}}@media(max-width:480px){.reels-info{bottom:100px}.action-btn i{font-size:20px}}@media(prefers-reduced-motion:reduce){.video-card,.preview-video,.play-button,.reels-modal,.reels-nav{transition:none}.video-card.playing:before{animation:none}}.video-card:focus,.reels-close:focus,.reels-nav:focus,.action-btn:focus{outline:3px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.video-overlay{background:linear-gradient(to bottom,#0000004d,#000000b3,#000000f2)}.play-button{background:#fff;color:#000}}
/*# sourceMappingURL=/cdn/shop/t/196/assets/custom-ugc.css.map */