.ugc-videos{padding:60px 0}.ugc-videos__heading{margin:0 0 32px;font-size:clamp(22px,3vw,36px);line-height:1.2;color:var(--text-color, #181818)}.ugc-videos__heading--left{text-align:left}.ugc-videos__heading--center{text-align:center}.ugc-videos__heading--right{text-align:right}.ugc-videos__track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.ugc-videos__track::-webkit-scrollbar{display:none}.ugc-videos__tile{flex:0 0 calc((100% - (var(--ugc-tiles-visible, 5) - 1) * 8px) / var(--ugc-tiles-visible, 5));min-width:120px;scroll-snap-align:start;aspect-ratio:9 / 16;position:relative;cursor:pointer;border:none;padding:0;background:#111;border-radius:10px;overflow:hidden;outline:none;transition:transform .2s ease,box-shadow .2s ease}.ugc-videos__tile:hover,.ugc-videos__tile:focus-visible{transform:scale(1.02);box-shadow:0 8px 30px #00000040}.ugc-videos__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .35s ease}.ugc-videos__autoplay-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.ugc-videos__tile--autoplay .ugc-videos__thumb{opacity:0}.ugc-videos__tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,transparent 50%);pointer-events:none;border-radius:10px}.ugc-videos__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;transition:opacity .2s ease;pointer-events:none}.ugc-videos__tile:hover .ugc-videos__play-icon,.ugc-videos__tile:focus-visible .ugc-videos__play-icon{opacity:1}.ugc-videos__play-icon svg{width:52px;height:52px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.ugc-videos__caption{position:absolute;bottom:12px;left:12px;right:12px;z-index:3;font-size:12px;line-height:1.4;color:#fff;text-align:left;pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.7)}.ugc-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#000000e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ugc-video-modal[open]{display:flex;gap:1rem}.ugc-video-modal__inner{position:relative;width:min(90vw,420px);aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 20px 60px #0009}.ugc-video-modal__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.ugc-video-modal__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ugc-video-modal__media video,.ugc-video-modal__media iframe{width:100%;height:100%;border:none;display:block}.ugc-video-modal__close{position:absolute;top:12px;right:12px;z-index:10;width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;transition:background .2s ease;padding:0}.ugc-video-modal__close:hover{background:#000000e6}.ugc-video-modal__nav{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .15s ease;z-index:10}.ugc-video-modal__nav:hover:not(:disabled){background:#ffffff38;border-color:#ffffff8c;transform:scale(1.1)}.ugc-video-modal__nav:active:not(:disabled){transform:scale(.95)}.ugc-video-modal__nav:disabled{opacity:.18;cursor:default;pointer-events:none}.ugc-video-modal__counter{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:10;color:#ffffffe6;font-size:12px;letter-spacing:.06em;background:#0006;padding:4px 12px;border-radius:20px;pointer-events:none;white-space:nowrap}@media(max-width:767px){.ugc-videos{padding:40px 0}.ugc-videos__inner{padding:0 16px}.ugc-videos__tile{flex:0 0 76vw;min-width:76vw}.ugc-video-modal__inner{width:92vw}.ugc-video-modal__nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/ugc-videos.css.map */