.kg-ugc,.kg-ugc *{box-sizing:border-box}.kg-ugc{display:block;padding:clamp(3.2rem,5vw,6.4rem) 0;background:var(--kg-black);color:var(--kg-grey);font-family:var(--kg-sans)}.kg-ugc__heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2.4rem;margin-bottom:2.4rem}.kg-ugc__eyebrow{margin:0 0 1rem;color:var(--kg-blue);font:1.05rem/1.4 var(--kg-mono);letter-spacing:.12em;text-transform:uppercase}.kg-ugc__title{max-width:65rem;margin:0;font-family:var(--kg-sans);font-size:clamp(3rem,4.7vw,5.6rem);font-weight:800;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.kg-ugc__intro{flex:0 1 28rem;margin:0;color:#c5ccc5;font-size:1.4rem;line-height:1.5}.kg-ugc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ugc-columns) - 1) * 1.6rem) / var(--ugc-columns));gap:1.6rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#727772 var(--kg-black);padding:0 0 1.2rem;margin:0;list-style:none}.kg-ugc__card{min-width:0;scroll-snap-align:start}.kg-ugc__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#343933;isolation:isolate}.kg-ugc__video,.kg-ugc__native,.kg-ugc__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.kg-ugc__poster{pointer-events:none;transition:opacity .2s}.kg-ugc__card[data-playing] .kg-ugc__poster{opacity:0}.kg-ugc__surface{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:linear-gradient(180deg,transparent 55%,#0008);color:#fff;cursor:pointer}.kg-ugc__play-icon{display:grid;place-items:center;width:5.4rem;height:5.4rem;border:1px solid #fff9;border-radius:50%;background:#1d1d1bbf}.kg-ugc__play-icon svg{width:2.8rem;height:2.8rem}.kg-ugc__icon-pause,.kg-ugc__card[data-playing] .kg-ugc__icon-play{display:none}.kg-ugc__card[data-playing] .kg-ugc__icon-pause{display:block}.kg-ugc__controls{position:absolute;inset:auto 1rem 1rem;display:flex;justify-content:flex-end;pointer-events:none}.kg-ugc__volume{display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border:1px solid #fff8;border-radius:50%;background:#1d1d1be6;color:#fff;cursor:pointer;pointer-events:auto}.kg-ugc__volume svg{width:2.8rem;height:2.8rem}.kg-ugc__volume .kg-ugc__icon-volume,.kg-ugc__card[data-muted] .kg-ugc__icon-volume{display:none}.kg-ugc__card:not([data-muted]) .kg-ugc__icon-volume{display:block}.kg-ugc__card:not([data-muted]) .kg-ugc__icon-muted{display:none}.kg-ugc__volume:hover{background:var(--kg-grey);color:var(--kg-black)}.kg-ugc__surface:focus-visible{outline:3px solid var(--kg-blue);outline-offset:-5px}.kg-ugc__volume:focus-visible{outline:3px solid var(--kg-blue);outline-offset:3px}.kg-ugc__status{position:absolute;top:1rem;inset-inline:1rem;padding:0;background:#1d1d1be6;color:#fff;pointer-events:none;font:1.2rem/1.4 var(--kg-sans)}.kg-ugc__status:not(:empty){padding:.8rem 1rem}.kg-ugc__caption{padding:1.3rem 0 .3rem}.kg-ugc__caption h3{margin:0;font-family:var(--kg-sans);font-size:1.55rem;font-weight:700;line-height:1.3}.kg-ugc__caption p{margin:.5rem 0 0;color:#c5ccc5;font:1.05rem/1.5 var(--kg-mono)}.kg-ugc__footer{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-top:1.2rem}.kg-ugc__note{margin:0;color:#c5ccc5;font:1.05rem/1.5 var(--kg-mono)}.kg-ugc__navigation{display:flex;align-items:center;gap:.8rem;margin-left:auto;flex-shrink:0}.kg-ugc__count{margin-right:.6rem;color:#c5ccc5;font:1.05rem/1.5 var(--kg-mono)}.kg-ugc__arrow{display:none;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid #fff8;background:transparent;color:#fff;font:2rem/1 var(--kg-sans);cursor:pointer}.kg-ugc[data-ready] .kg-ugc__arrow{display:inline-grid}.kg-ugc__arrow:hover:not(:disabled){background:var(--kg-grey);color:var(--kg-black)}.kg-ugc__arrow:focus-visible{outline:3px solid var(--kg-blue);outline-offset:3px}.kg-ugc__arrow:disabled{border-color:#fff3;color:#ffffff59;cursor:default}@media(max-width:749px){.kg-ugc__heading{display:block;margin-bottom:2rem}.kg-ugc__intro{margin-top:1.4rem;max-width:32rem;font-size:1.3rem}.kg-ugc__track{grid-auto-columns:min(76vw,30rem);gap:1.2rem;margin-right:calc(-1 * var(--kg-pad));padding-right:var(--kg-pad);scroll-padding-inline:0}.kg-ugc__title{max-width:34rem}.kg-ugc__footer{flex-wrap:wrap;gap:1.2rem}.kg-ugc__note{flex-basis:100%}.kg-ugc__navigation{width:100%}.kg-ugc__count{margin-right:auto}}@media(prefers-reduced-motion:reduce){.kg-ugc__poster{transition:none}.kg-ugc__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/kg-ugc.css.map */