.kugc,.kugc-modal{--kugc-bg: #f5f2e8;--kugc-ink: #234e32;--kugc-muted: #4b5a52;--kugc-accent: #a9542f;--kugc-forest-black: #142319;--kugc-gold-bright: #fed83f;--kugc-gold: #d9a036;--kugc-on-gold: #17301f;--kugc-sage: #a9b5a4;--kugc-inverse: #faf6ef;--kugc-pad-x: 20px;--kugc-pad-y: 48px;--kugc-card-w: 200px;--kugc-gap: 16px}.kugc{background:var(--kugc-bg);color:var(--kugc-ink);font-family:var(--main-font-stack)}.kugc *,.kugc *:before,.kugc *:after,.kugc-modal *,.kugc-modal *:before,.kugc-modal *:after{box-sizing:border-box}.kugc__inner{max-width:1440px;margin-inline:auto;padding:var(--kugc-pad-y) var(--kugc-pad-x);display:flex;flex-direction:column;gap:24px}.kugc__head{display:flex;flex-direction:column;gap:16px}.kugc__text{display:flex;flex-direction:column;gap:8px;max-width:576px}.kugc__eyebrow,.kugc__tag,.kugc__m-tag{margin:0;font-family:var(--heading-font-stack);font-weight:800;font-size:11px;line-height:16px;letter-spacing:.08em;text-transform:uppercase}.kugc__eyebrow{color:var(--kugc-accent)}.kugc__title{margin:0;font-family:var(--heading-font-stack);font-weight:800;font-size:26px;line-height:32px;letter-spacing:-.02em;color:var(--kugc-ink)}.kugc__sub{margin:0;font-size:16px;line-height:24px;color:var(--kugc-muted)}.kugc__controls{display:none;align-items:center;gap:12px}.kugc__btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:2px solid var(--kugc-ink);border-radius:999px;font-family:var(--heading-font-stack);font-weight:800;font-size:16px;line-height:24px;color:var(--kugc-ink);text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}.kugc__btn:hover{background:var(--kugc-ink);color:var(--kugc-inverse)}.kugc__btn--head{display:none;padding:12px 24px}.kugc__btn--foot{width:100%}.kugc__rail{display:flex;gap:var(--kugc-gap);margin:0 calc(var(--kugc-pad-x) * -1);padding:0 var(--kugc-pad-x);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--kugc-pad-x);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.kugc__rail::-webkit-scrollbar{display:none}.kugc__card{flex:0 0 var(--kugc-card-w);min-width:0;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start}.kugc__media{position:relative;height:412px;border-radius:20px;overflow:hidden;background:var(--kugc-forest-black);isolation:isolate}.kugc__poster,.kugc__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kugc__video{z-index:1}.kugc__scrim{position:absolute;left:0;right:0;bottom:0;height:160px;z-index:2;pointer-events:none;background:linear-gradient(180deg,#14231900,#1423191f,#1423198c)}.kugc__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.kugc__open:focus-visible{outline:3px solid var(--kugc-gold-bright);outline-offset:-3px;border-radius:20px}.kugc__ctl{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:var(--kugc-forest-black);color:#fff;cursor:pointer;flex:none}.kugc__ctl svg{display:block;width:44px;height:44px}.kugc__ctl:focus-visible{outline:3px solid var(--kugc-gold-bright);outline-offset:2px}.kugc__sound{position:absolute;top:12px;right:12px;z-index:4}.kugc__sound .kugc__i-sound,.kugc__sound.is-on .kugc__i-muted{display:none}.kugc__sound.is-on .kugc__i-sound{display:block}.kugc__ctls{position:absolute;left:12px;bottom:24px;z-index:4;display:flex;gap:8px}.kugc__bars{display:flex;gap:4px}.kugc__bars i{display:block;width:4px;height:14px;border-radius:1px;background:#fff}.kugc__ctl .kugc__play{display:none;width:14px;height:16px;margin-left:3px}.kugc__toggle.is-paused .kugc__bars{display:none}.kugc__toggle.is-paused .kugc__play{display:block}.kugc__progress{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;height:4px;border-radius:999px;background:#fff;overflow:hidden;pointer-events:none}.kugc__progress span{display:block;height:100%;width:100%;border-radius:2px;background:var(--kugc-gold-bright);transform:scaleX(0);transform-origin:left center}.kugc__meta{display:flex;flex-direction:column;gap:8px}.kugc__tag{color:var(--kugc-ink)}.kugc__caption{margin:0;font-size:14px;line-height:20px;color:var(--kugc-muted)}.kugc__foot{display:flex;flex-direction:column;align-items:center;gap:16px}.kugc__dots{display:flex;align-items:center;gap:12px;min-height:44px}.kugc__dot-list{display:flex;align-items:center;gap:8px}.kugc__dot{position:relative;width:8px;height:8px;margin:0;padding:0;border:0;border-radius:4px;background:var(--kugc-sage);cursor:pointer;transition:width .2s,background-color .2s}.kugc__dot:after{content:"";position:absolute;top:-18px;right:-4px;bottom:-18px;left:-4px}.kugc__dot.is-active{width:24px;background:var(--kugc-ink)}.kugc__count{margin:0;font-size:13px;line-height:16px;font-weight:600;color:var(--kugc-ink);font-variant-numeric:tabular-nums}.kugc[data-fits] [data-kugc-nav]{display:none}.kugc__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1.5px solid var(--kugc-ink);border-radius:999px;background:#fff;color:var(--kugc-ink);cursor:pointer}.kugc__arrow svg{width:44px;height:44px;flex:none}.kugc__arrow--next svg,.kugc-modal__arrow--next svg{transform:scaleX(-1)}.kugc__arrow:disabled{opacity:.4;cursor:default}.kugc__arrows{display:flex;gap:16px}@media(min-width:768px){.kugc{--kugc-pad-x: 32px;--kugc-pad-y: 64px;--kugc-card-w: 220px;--kugc-gap: 24px}.kugc__inner{gap:32px}.kugc__head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px}.kugc__text{gap:12px}.kugc__title{font-size:32px;line-height:40px}.kugc__controls{display:flex}.kugc__btn--head{display:inline-flex}.kugc__btn--foot{display:none}.kugc__card{gap:12px}.kugc--product{--kugc-card-w: 260px}}@media(min-width:1200px){.kugc{--kugc-pad-x: 80px;--kugc-pad-y: 96px;--kugc-card-w: 232px}.kugc__inner{gap:48px}.kugc--product{--kugc-card-w: 300px}}@media(hover:hover){.kugc__ctl:hover{background:#24382b}}.kugc-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:var(--kugc-forest-black);color:var(--kugc-inverse);font-family:var(--main-font-stack)}.kugc-modal[hidden]{display:none}.kugc-modal__player{position:relative;width:100%;height:100%;overflow:hidden;background:#000;touch-action:pan-x}.kugc-modal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.kugc-modal__scrim-top,.kugc-modal__scrim-bottom{position:absolute;left:0;right:0;pointer-events:none}.kugc-modal__scrim-top{top:0;height:140px;background:linear-gradient(180deg,#14231980,#14231900)}.kugc-modal__scrim-bottom{bottom:0;height:320px;background:linear-gradient(180deg,#14231900,#142319bf)}.kugc-modal__segments{position:absolute;top:12px;left:16px;right:16px;display:flex;gap:4px}.kugc-modal__segments span{position:relative;flex:1 1 0;height:3px;border-radius:2px;background:#fff6;overflow:hidden}.kugc-modal__segments span.is-done{background:#fff}.kugc-modal__segments i{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:scaleX(0);transform-origin:left center}.kugc-modal__ctls{position:absolute;top:28px;right:16px;display:flex;gap:8px}.kugc-modal__ctls .kugc__sound{position:relative;top:auto;right:auto}.kugc-modal__info{position:absolute;left:16px;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px}.kugc-modal__info>div{display:flex;flex-direction:column;gap:8px}.kugc-modal__hint{margin:0;font-size:13px;line-height:16px;font-weight:600;color:var(--kugc-inverse)}.kugc__m-tag{color:var(--kugc-inverse)}.kugc__m-caption{margin:0;font-size:14px;line-height:20px;color:var(--kugc-inverse)}.kugc__m-cta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:4px;padding:12px 24px;border-radius:999px;background:var(--kugc-gold);color:var(--kugc-on-gold);font-family:var(--heading-font-stack);font-weight:800;font-size:16px;line-height:24px;text-decoration:none}.kugc__m-cta:focus-visible{outline:3px solid var(--kugc-gold-bright);outline-offset:2px}.kugc-modal__arrow,.kugc-modal__close--out,.kugc-modal__count{display:none}.kugc-modal__arrow{align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:1.5px solid var(--kugc-ink);border-radius:999px;background:#fff;color:var(--kugc-ink);cursor:pointer}.kugc-modal__arrow svg{width:44px;height:44px;flex:none}.kugc-modal__arrow:disabled{opacity:.4;cursor:default}.kugc-modal__arrow:focus-visible{outline:3px solid var(--kugc-gold-bright);outline-offset:2px}@media(min-width:768px){.kugc-modal__player{width:auto;height:min(768px,calc(100vh - 132px));height:min(768px,calc(100dvh - 132px));aspect-ratio:9 / 16;border-radius:20px;touch-action:auto}.kugc-modal__segments{top:16px}.kugc-modal__ctls{top:32px}.kugc-modal__close--in,.kugc-modal__hint{display:none}.kugc-modal__info{gap:12px}.kugc-modal__info>div{gap:12px}.kugc-modal__arrow{display:inline-flex;margin:0 32px}.kugc-modal__close--out{display:inline-flex;position:absolute;top:32px;right:32px;background:transparent}.kugc-modal__count{display:block;position:absolute;left:0;right:0;bottom:max(16px,calc(50% - (min(768px,calc(100vh - 132px))/2) - 32px));margin:0;text-align:center;font-size:13px;line-height:16px;font-weight:600;font-variant-numeric:tabular-nums}}html.kugc-lock,html.kugc-lock body{overflow:hidden}@media(prefers-reduced-motion:reduce){.kugc__dot,.kugc__btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/kopo-ugc.css.map */