.ugc-videos-block{--ugc-columns: 4;--ugc-columns-mobile: 3;--ugc-gap: .625rem;--ugc-radius: 12px}.ugc-videos-block__heading{margin:0 0 .75rem}.ugc-videos__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--ugc-gap);list-style:none;padding:0;margin:0;flex-wrap:nowrap;cursor:grab}.ugc-videos__grid::-webkit-scrollbar{display:none}.ugc-videos__grid--dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.ugc-videos__grid .ugc-card-wrapper{flex:0 0 calc((100% - var(--ugc-gap) * (var(--ugc-columns) - 1)) / var(--ugc-columns));scroll-snap-align:start}@media screen and (max-width:749px){.ugc-videos__grid .ugc-card-wrapper{flex:0 0 calc((100% - var(--ugc-gap) * (var(--ugc-columns-mobile) - 1)) / var(--ugc-columns-mobile))}}.ugc-card{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--ugc-radius);overflow:hidden;cursor:pointer;background-color:rgba(var(--color-foreground),.05)}.ugc-card__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;transition:opacity .3s ease}.ugc-card__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2;opacity:0;transition:opacity .4s ease}.ugc-card__preview--playing,.ugc-card__preview--fallback{opacity:1}.ugc-card__play-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none;transition:opacity .3s ease}.ugc-card__play-hint svg{width:28px;height:28px;fill:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));opacity:.8}.ugc-card:hover .ugc-card__play-hint,.ugc-card--playing .ugc-card__play-hint{opacity:0}.ugc-card--playing{box-shadow:0 0 0 2px rgba(var(--color-foreground),.12)}.ugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ugc-modal--open{opacity:1;visibility:visible}.ugc-modal__content{position:relative;width:90vw;max-width:400px;aspect-ratio:9 / 16;max-height:85vh;border-radius:16px;overflow:hidden;background:#000}.ugc-modal__video{width:100%;height:100%;object-fit:contain;display:block}.ugc-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;transition:background .2s ease}.ugc-modal__close:hover{background:#000c}.ugc-modal__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}@media screen and (max-width:749px){.ugc-modal__content{width:95vw;max-height:90vh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-ugc-videos.css.map */