.ugc-videos{--ugc-videos-gap: 1.5rem;--ugc-videos-border-radius: .75rem}.ugc-videos__header{text-align:center;margin-bottom:2rem}.ugc-videos__container{position:relative}.ugc-videos__grid::-webkit-scrollbar{display:none}.ugc-videos__video-card{position:relative;width:100%;aspect-ratio:3/5;border-radius:var(--ugc-videos-border-radius);overflow:hidden;background:#000;transition:transform .3s ease}.ugc-videos__video-wrapper{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.ugc-videos__video,.ugc-videos__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover}.ugc-videos__external-video{position:relative;width:100%;height:100%}.ugc-videos__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:all .3s ease;z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.ugc-videos__play-btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.ugc-videos__play-icon,.ugc-videos__pause-icon{width:1.5rem;height:1.5rem;margin-left:2px}.ugc-videos__play-icon svg,.ugc-videos__pause-icon svg{width:100%;height:100%;fill:currentColor}.ugc-videos__mute-btn{position:absolute;top:.75rem;left:.75rem;background:#0009;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease;z-index:20;outline:none}.ugc-videos__mute-btn:hover{background:#000c;transform:scale(1.1)}.ugc-videos__mute-icon,.ugc-videos__unmute-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.ugc-videos__mute-icon svg,.ugc-videos__unmute-icon svg{width:100%;height:100%;fill:currentColor}.ugc-videos__video-wrapper.is-muted .ugc-videos__mute-icon{display:none!important}.ugc-videos__video-wrapper.is-muted .ugc-videos__unmute-icon,.ugc-videos__video-wrapper.is-unmuted .ugc-videos__mute-icon{display:flex!important}.ugc-videos__video-wrapper.is-unmuted .ugc-videos__unmute-icon{display:none!important}.ugc-videos__product-button{display:flex;align-items:flex-start;border:1px solid #dfdfdf;margin-top:10px;padding:5px;color:#273746;column-gap:10px;border-radius:6px}.ugc-videos__item--playing .ugc-videos__product-button{border-color:#36a166;border-width:2px}.ugc-videos__product-button-text-wrapper{font-size:12px}.ugc-videos__product-button-title{margin-bottom:5px;line-height:16px;color:#36a166}.ugc-videos__product-button-price{margin-bottom:4px;line-height:13px;color:#273746;opacity:.6}.ugc-videos__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d;text-align:center;padding:2rem}.ugc-videos__placeholder img{width:100%;height:100%;object-fit:cover}.ugc-videos__placeholder-svg{width:3rem;height:3rem;margin-bottom:.75rem;opacity:.5}.ugc-videos__placeholder-text{font-size:.875rem;margin:0;font-weight:500}.ugc-videos__fallback-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;background:#000}.ugc-videos__fallback-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.ugc-videos__fallback-play-indicator{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;opacity:.9}.ugc-videos__fallback-overlay:hover .ugc-videos__fallback-play-indicator{transform:scale(1.1);opacity:1}.ugc-videos__fallback-play-indicator svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.ugc-videos__empty-state{text-align:center;padding:4rem 1.5rem;color:#6c757d;font-style:italic;border:2px dashed #e5e7eb;border-radius:var(--ugc-videos-border-radius);margin:2rem}.ugc-videos__slide-pagination{text-align:center;margin-top:10px}.ugc-videos__slide-pagination .swiper-pagination-bullet-active{background:#000}.ugc-videos__video-card-title{margin-bottom:28px;display:block;font-size:14px}.ugc-videos__video-card-title p{margin-bottom:0}@media screen and (max-width: 767px){.ugc-videos{--ugc-videos-gap: 1rem}.ugc-videos__play-btn{width:50px;height:50px}.ugc-videos__play-icon,.ugc-videos__pause-icon{width:1.25rem;height:1.25rem}}@media screen and (min-width: 1024px){.ugc-videos__slide-pagination{display:none}.ugc-videos__container.swiper{overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/ugc-videos.css.map */