.ugc-section{overflow:hidden}.ugc__header{margin-bottom:24px}.ugc__header.text-center{text-align:center}.ugc__eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.7}.ugc{position:relative}.ugc__viewport{overflow:hidden}.ugc__track{display:flex;gap:16px;margin:0;padding:4px 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc__track::-webkit-scrollbar{display:none}.ugc__slide{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - (var(--ugc-cards, 5) - 1) * 16px) / var(--ugc-cards, 5))}.ugc__card{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}.ugc__media{position:relative;aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:#000}.ugc__video,.ugc__poster-img{width:100%;height:100%;object-fit:cover;display:block}.ugc__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#00000059,#0000 45%);pointer-events:none}.ugc__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffe6;color:#000;opacity:0;transition:opacity .2s ease,transform .2s ease}.ugc__play svg{width:22px;height:22px;margin-left:2px}.ugc__card:hover .ugc__play,.ugc__card:focus-visible .ugc__play{opacity:1}.ugc__rating{margin:10px 0 0;color:var(--color-accent, #ef6c00);font-size:13px;letter-spacing:1px}.ugc__name{margin:6px 0 0;font-weight:700;font-size:14px;line-height:1.3}.ugc__caption{margin:2px 0 0;font-size:13px;line-height:1.4;opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc__nav{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);z-index:2;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-base-rgb, 0, 0, 0),.15);border-radius:50%;background:var(--color-body-background, #fff);color:var(--color-base, #000);cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:opacity .15s ease}.ugc__nav svg{width:22px;height:22px}.ugc__nav--prev{left:-8px}.ugc__nav--next{right:-8px}.ugc__nav:hover{opacity:.85}.ugc__nav[hidden]{display:none}.ugc__nav:disabled{opacity:.35;cursor:default;box-shadow:none}.ugc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#000000eb;opacity:0;transition:opacity .2s ease}.ugc__modal[hidden]{display:none}.ugc__modal.is-open{opacity:1}.ugc__stage{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%}.ugc__stage-video{width:auto;max-width:min(92vw,460px);max-height:78vh;aspect-ratio:9 / 16;border-radius:14px;background:#000;object-fit:contain}.ugc__stage-meta{text-align:center;color:#fff;max-width:min(92vw,460px)}.ugc__stage-rating{color:var(--color-accent, #ef6c00);letter-spacing:1px;min-height:1em}.ugc__stage-name{margin:6px 0 0;font-weight:700}.ugc__stage-caption{margin:4px 0 0;font-size:14px;opacity:.85}.ugc__cta{margin-top:14px;display:inline-flex}.ugc__modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.ugc__modal-close svg{width:22px;height:22px}.ugc__modal-nav{flex:0 0 auto;width:46px;height:46px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.ugc__modal-nav svg{width:24px;height:24px}.ugc__modal-nav:hover,.ugc__modal-close:hover{background:#ffffff42}.ugc__empty{padding:40px;text-align:center;border:1px dashed rgba(var(--color-base-rgb, 0, 0, 0),.25);border-radius:12px;opacity:.75}@media(max-width:1024px){.ugc__slide{width:calc((100% - 2 * 16px) / 2.4)}.ugc__nav{display:none}}@media(max-width:576px){.ugc__slide{width:calc((100% - 16px) / 1.35)}.ugc__modal-nav{position:absolute;bottom:20px;background:#fff3}.ugc__modal-nav--prev{left:20px}.ugc__modal-nav--next{right:20px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/section-ugc-video.css.map */