.lp-ugc-compact,.lp-ugc-compact *,.lp-ugc-compact *:before,.lp-ugc-compact *:after{box-sizing:border-box}.lp-ugc-compact{--lp-bg: #0a0a0a;--lp-surface: #141414;--lp-border: #242424;--lp-text: #f5f5f5;--lp-muted: #8a8a8a;--lp-accent: #b8f400;--lp-ease: cubic-bezier(.2, .7, .2, 1);--lp-media-h: clamp(360px, 28vw, 410px);background:var(--lp-bg);color:var(--lp-text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding:clamp(72px,6vw,96px) 0 clamp(24px,3vw,32px);border-top:1px solid var(--lp-border)}.lp-ugc-compact__inner{width:min(1400px,calc(100% - 48px));max-width:1400px;margin:0 auto}.lp-ugc-compact__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(24px,2.2vw,32px)}.lp-ugc-compact__intro{flex:1 1 320px;min-width:0}.lp-ugc-compact__eyebrow{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-muted)}.lp-ugc-compact__title{margin:0 0 4px;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:-.02em;line-height:1.15}.lp-ugc-compact__subtitle{margin:0;font-size:13px;line-height:1.4;color:var(--lp-muted);max-width:480px}.lp-ugc-compact__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;flex-shrink:0}.lp-ugc-compact__view-all{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-text);text-decoration:none;white-space:nowrap}.lp-ugc-compact__view-all:hover,.lp-ugc-compact__view-all:focus-visible{color:var(--lp-accent);outline:none}.lp-ugc-compact__nav{display:flex;align-items:center;gap:10px}.lp-ugc-compact__counter{font-size:12px;font-weight:600;letter-spacing:.08em;font-variant-numeric:tabular-nums;min-width:4.2em;text-align:center}.lp-ugc-compact__counter-current{color:var(--lp-accent)}.lp-ugc-compact__nav-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--lp-border);border-radius:4px;background:var(--lp-surface);color:var(--lp-text);cursor:pointer;transition:border-color .16s var(--lp-ease),color .16s var(--lp-ease)}.lp-ugc-compact__nav-btn:hover,.lp-ugc-compact__nav-btn:focus-visible{border-color:var(--lp-accent);color:var(--lp-accent);outline:none}.lp-ugc-compact__nav-btn:disabled{opacity:.35;cursor:not-allowed}.lp-ugc-compact__desktop{display:none}.lp-ugc-compact__mobile{display:block}.lp-ugc-compact__mobile-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.lp-ugc-compact__actions{display:none}.lp-ugc-compact__media{position:relative;height:var(--lp-media-h);max-height:410px;overflow:hidden;contain:layout style paint}.lp-ugc-compact__media-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,1.2vw,16px);height:100%;width:100%}.lp-ugc-compact__media-panel[hidden]{display:none!important}[data-lp-ugc-mobile-track]{position:relative}[data-lp-ugc-mobile-track]>.lp-ugc-compact__track[hidden]{display:none!important}.lp-ugc-compact__main-slot{flex:0 0 auto;height:100%;display:flex}.lp-ugc-compact__side-slot{flex:0 0 auto;display:flex;flex-direction:row;align-items:stretch;gap:clamp(12px,1.2vw,16px);height:100%}.lp-ugc-compact__card{position:relative;border:1px solid var(--lp-border);border-radius:6px;overflow:hidden;background:#000;cursor:pointer;padding:0;text-align:left;color:inherit}.lp-ugc-compact__card-inner{position:relative;width:100%;height:100%}.lp-ugc-compact__desktop .lp-ugc-compact__card{display:block;height:100%;align-self:stretch}.lp-ugc-compact__desktop .lp-ugc-compact__card-inner{aspect-ratio:unset;min-height:100%}.lp-ugc-compact__main-slot .lp-ugc-compact__card,.lp-ugc-compact__side-slot .lp-ugc-compact__card{height:100%}.lp-ugc-compact__desktop .lp-ugc-compact__card--portrait{width:calc(var(--lp-media-h) * 9 / 16);flex:0 0 auto}.lp-ugc-compact__desktop .lp-ugc-compact__card--landscape{width:calc(var(--lp-media-h) * 16 / 9);flex:0 0 auto}.lp-ugc-compact__poster{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;overflow:hidden}.lp-ugc-compact__poster-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a1a,#141414)}.lp-ugc-compact__poster-img,.lp-ugc-compact__poster-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.lp-ugc-compact__poster-video{pointer-events:none}.lp-ugc-compact__poster.has-cover,.lp-ugc-compact__poster:has(.lp-ugc-compact__poster-img),.lp-ugc-compact__poster:has(.lp-ugc-compact__poster-video.is-ready){background:#000}.lp-ugc-compact__poster-fallback{display:none}.lp-ugc-compact__preview-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.lp-ugc-compact__card.is-previewing .lp-ugc-compact__preview-video{opacity:1}.lp-ugc-compact__card.is-previewing .lp-ugc-compact__poster-img,.lp-ugc-compact__card.is-previewing .lp-ugc-compact__poster-video{visibility:hidden}.lp-ugc-compact__card.is-previewing .lp-ugc-compact__play{opacity:0}.lp-ugc-compact__poster-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.lp-ugc-compact__poster-meta{font-size:9px;color:var(--lp-muted)}.lp-ugc-compact__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#00000038;transition:opacity .22s var(--lp-ease)}.lp-ugc-compact__play-icon{width:44px;height:44px;border-radius:4px;background:#fffffff0;display:flex;align-items:center;justify-content:center;transition:transform .28s var(--lp-ease)}.lp-ugc-compact__card:hover .lp-ugc-compact__play-icon{transform:scale(1.04)}.lp-ugc-compact__play-icon svg{margin-left:2px}.lp-ugc-compact__caption{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:28px 10px 8px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 55%,transparent 100%);pointer-events:none}.lp-ugc-compact__caption-type{display:block;margin-bottom:2px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-accent);transform:translateY(4px);opacity:.85;transition:transform .28s var(--lp-ease),opacity .28s var(--lp-ease)}.lp-ugc-compact__caption-title{margin:0;font-size:12px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transform:translateY(4px);opacity:.92;transition:transform .28s var(--lp-ease),opacity .28s var(--lp-ease)}.lp-ugc-compact__card:hover .lp-ugc-compact__caption-type,.lp-ugc-compact__card:hover .lp-ugc-compact__caption-title,.lp-ugc-compact__card:focus-visible .lp-ugc-compact__caption-type,.lp-ugc-compact__card:focus-visible .lp-ugc-compact__caption-title,.lp-ugc-compact__card.is-previewing .lp-ugc-compact__caption-type,.lp-ugc-compact__card.is-previewing .lp-ugc-compact__caption-title{transform:translateY(0);opacity:1}.lp-ugc-compact__progress{height:2px;margin-top:16px;background:var(--lp-border);border-radius:1px;overflow:hidden}.lp-ugc-compact__progress-fill{display:block;height:100%;width:0;background:var(--lp-accent);transition:width .32s var(--lp-ease)}.lp-ugc-compact__mobile-nav{display:flex}@media(min-width:768px){.lp-ugc-compact__desktop{display:block}.lp-ugc-compact__mobile,.lp-ugc-compact__mobile-nav{display:none!important}.lp-ugc-compact__actions{display:flex}.lp-ugc-compact__header{margin-bottom:clamp(24px,2.2vw,32px)}}@media(max-width:767px){.lp-ugc-compact{padding:40px 0 48px}.lp-ugc-compact__inner{width:calc(100% - 32px)}.lp-ugc-compact__header{flex-direction:column;align-items:stretch;margin-bottom:16px}.lp-ugc-compact__desktop{display:none!important;height:0!important;overflow:hidden;margin:0!important;padding:0!important;visibility:hidden;pointer-events:none}.lp-ugc-compact__track{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.lp-ugc-compact__mobile-track .lp-ugc-compact__track{display:flex}[data-lp-ugc-mobile-track]>.lp-ugc-compact__track{display:flex}.lp-ugc-compact__track::-webkit-scrollbar{display:none}.lp-ugc-compact__mobile .lp-ugc-compact__card{flex:0 0 auto;scroll-snap-align:start;height:clamp(280px,78vw,320px);width:auto}.lp-ugc-compact__mobile .lp-ugc-compact__card-inner{height:100%;width:auto;aspect-ratio:var(--lp-card-ratio, 16 / 9)}.lp-ugc-compact__progress{margin-top:12px}}.lp-ugc-compact__lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:#000000e0}.lp-ugc-compact__lightbox.is-open{display:flex}.lp-ugc-compact__lightbox-dialog{position:relative;width:min(1100px,100%);max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:12px}.lp-ugc-compact__lightbox-close{position:absolute;top:-40px;right:0;width:36px;height:36px;padding:0;border:1px solid var(--lp-border);border-radius:4px;background:var(--lp-surface);color:var(--lp-text);font-size:22px;line-height:1;cursor:pointer}.lp-ugc-compact__lightbox-close:hover,.lp-ugc-compact__lightbox-close:focus-visible{border-color:var(--lp-accent);color:var(--lp-accent);outline:none}.lp-ugc-compact__lightbox-frame{width:100%;max-height:calc(88vh - 48px);display:flex;align-items:center;justify-content:center;background:#000;border-radius:4px;overflow:hidden}.lp-ugc-compact__lightbox-video{display:block;width:100%;max-width:1100px;max-height:calc(88vh - 48px);object-fit:contain;background:#000}.lp-ugc-compact__lightbox-video.is-portrait{width:auto;max-width:min(420px,100%);height:calc(88vh - 48px)}.lp-ugc-compact__lightbox-video.is-landscape{width:min(1100px,100%);height:auto}.lp-ugc-compact__lightbox-caption{margin:0;font-size:13px;color:var(--lp-muted);text-align:center;max-width:640px}@media(prefers-reduced-motion:reduce){.lp-ugc-compact__play-icon,.lp-ugc-compact__caption-type,.lp-ugc-compact__caption-title,.lp-ugc-compact__progress-fill{transition:none}.lp-ugc-compact__card:hover .lp-ugc-compact__play-icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lp-ugc-compact.css.map */