.koffi-ugc{position:relative;padding:var(--koffi-pad-y) 0;color:var(--koffi-text);overflow:clip}.koffi-ugc__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--koffi-bg);z-index:0}.koffi-ugc__container{position:relative;z-index:1;max-width:var(--koffi-max);margin:0 auto;padding:0 var(--koffi-pad-x);display:grid;gap:18px}.koffi-ugc__header{display:grid;gap:8px;text-align:center}.koffi-ugc__eyebrow{display:inline-flex;justify-content:center;margin:0 auto;padding:8px 12px;border-radius:999px;border:1px solid var(--koffi-border);background:var(--koffi-card);color:var(--koffi-muted);text-transform:uppercase;letter-spacing:.08em;font-size:var(--koffi-eye)}.koffi-ugc__heading{margin:0;font-size:var(--koffi-h);line-height:1.15;letter-spacing:-.02em}.koffi-ugc__subheading{color:var(--koffi-muted);font-size:var(--koffi-sub);line-height:1.6}.koffi-ugc__subheading p{margin:0}.koffi-ugc__wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.koffi-ugc__nav{width:38px;height:38px;border-radius:12px;border:1px solid var(--koffi-border);background:var(--koffi-card);color:var(--koffi-text);cursor:pointer;display:grid;place-items:center;transition:transform .16s ease}@media (hover:hover){.koffi-ugc__nav:hover{transform:translateY(-1px)}}.koffi-ugc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--koffi-gap) * (var(--koffi-perview) - 1))) / var(--koffi-perview));gap:var(--koffi-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.koffi-ugc__track::-webkit-scrollbar{display:none}.koffi-ugc__card{scroll-snap-align:start}.koffi-ugc__media{width:100%;text-align:left;border:1px solid var(--koffi-border);background:var(--koffi-card);border-radius:var(--koffi-radius);overflow:hidden;padding:0;cursor:pointer;display:grid}.koffi-ugc__videoShell{position:relative;aspect-ratio:var(--koffi-aspect);background:#00000040}.koffi-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .14s ease}.koffi-ugc__ph{width:100%;height:100%;display:block;fill:#fff}.koffi-ugc__previewLive{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.koffi-ugc__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.koffi-ugc__playIcon{width:var(--koffi-play);height:var(--koffi-play);border-radius:999px;border:1px solid var(--koffi-border);background:#00000073;display:grid;place-items:center;font-size:16px;padding-left:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.koffi-ugc__badge{position:absolute;left:12px;top:12px;padding:8px 10px;border-radius:999px;border:1px solid var(--koffi-border);background:#00000061;color:var(--koffi-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.koffi-ugc__meta{padding:12px 12px 14px;display:grid;gap:4px}.koffi-ugc__title{color:var(--koffi-text);font-weight:800;letter-spacing:-.01em;line-height:1.2}.koffi-ugc__handle{color:var(--koffi-muted);font-size:13px}.koffi-ugc__dots{display:flex;gap:8px;justify-content:center;align-items:center}.koffi-ugc__dot{width:8px;height:8px;border-radius:999px;border:1px solid var(--koffi-border);background:#ffffff0f;cursor:pointer}.koffi-ugc__dot.is-on{background:var(--koffi-accent);border-color:transparent}.koffi-ugc__modal[hidden]{display:none}.koffi-ugc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.koffi-ugc__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.koffi-ugc__dialog{position:relative;width:min(600px,calc(100% - 32px));margin:32px auto;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#080a12c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.koffi-ugc__close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;cursor:pointer;display:grid;place-items:center;z-index:2}.koffi-ugc__modalBody{padding:16px}.koffi-ugc__modalStage{width:100%;border-radius:14px;background:#000;overflow:hidden;display:grid}.koffi-ugc__modalStage video{width:100%;height:100%;object-fit:contain;display:block}.koffi-ugc__noVideo{color:#ffffffbf;font-size:14px;padding:16px}@media (max-width: 989px){.koffi-ugc__wrap{grid-template-columns:1fr}.koffi-ugc__nav{display:none}.koffi-ugc__track{grid-auto-columns:calc((100% - (var(--koffi-gap) * (var(--koffi-perview-m) - 1))) / var(--koffi-perview-m))}}@media (prefers-reduced-motion: reduce){.koffi-ugc__poster{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/koffi-ugc-video-carousel.css.map */