.ugc-carousel{--ugc-gap: 12px;--ugc-radius: 14px;--ugc-cards-desktop: 5;--ugc-accent: #ff2d55;padding:34px 0 40px}.ugc-carousel__heading{margin:0 0 6px;padding-inline:16px;text-align:center;font-size:clamp(26px,6.4vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.015em}.ugc-carousel__subheading{margin:0 0 4px;padding-inline:16px;text-align:center;opacity:.72;font-size:14px}.ugc-carousel__viewport{position:relative;margin-top:20px}.ugc-rail{display:flex;gap:var(--ugc-gap);margin:0;padding:0 16px;scroll-padding-inline:16px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ugc-rail::-webkit-scrollbar{display:none}.ugc-card{flex:0 0 auto;width:calc((100% - var(--ugc-gap)) / 1.45);max-width:320px;scroll-snap-align:start;content-visibility:auto;contain-intrinsic-size:auto 520px}@media screen and (min-width:750px){.ugc-rail{padding-inline:48px;scroll-padding-inline:48px}.ugc-card{width:calc((100% - (var(--ugc-gap) * (var(--ugc-cards-desktop) - 1))) / var(--ugc-cards-desktop));max-width:none}}.ugc-card__media{position:relative;aspect-ratio:9 / 16;border-radius:var(--ugc-radius);overflow:hidden;background:#14110f;isolation:isolate}.ugc-card__poster,.ugc-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-card__poster--empty{background:linear-gradient(160deg,#241f1b,#14110f)}.ugc-card__video{opacity:0;transition:opacity .22s ease;z-index:1}.ugc-card__video.is-visible{opacity:1}.ugc-card__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;color:#fff;display:grid;place-items:center}.ugc-card__play-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#0000006b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transform:scale(.9);transition:opacity .18s ease,transform .18s ease}.ugc-card__play-icon svg{width:24px;height:24px;margin-left:2px}.ugc-card:not(.is-playing) .ugc-card__play-icon,.ugc-card__play:hover .ugc-card__play-icon,.ugc-card__play:focus-visible .ugc-card__play-icon{opacity:1;transform:scale(1)}.ugc-card__play:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.ugc-card__sound{position:absolute;top:4px;right:4px;z-index:4;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.ugc-card__sound svg{width:24px;height:24px}.ugc-card__sound:focus-visible{outline:2px solid #fff;outline-offset:-3px}.ugc-card__sound[aria-pressed=false] .ugc-sound-waves,.ugc-card__sound[aria-pressed=true] .ugc-sound-slash,.ugc-viewer__sound[aria-pressed=false] .ugc-sound-waves,.ugc-viewer__sound[aria-pressed=true] .ugc-sound-slash{display:none}.ugc-card__views{position:absolute;left:8px;bottom:12px;z-index:3;padding:4px 9px;border-radius:999px;background:#0000008c;color:#fff;font-size:12px;line-height:1.35;pointer-events:none}.ugc-card__actions{position:absolute;right:4px;bottom:4px;z-index:3;display:flex;gap:2px}.ugc-card__action{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.ugc-card__action svg{width:24px;height:24px;transition:transform .16s ease}.ugc-card__action:focus-visible{outline:2px solid #fff;outline-offset:-3px}.ugc-card__action--like[aria-pressed=true] svg path,.ugc-viewer__action--like[aria-pressed=true] svg path{fill:var(--ugc-accent);stroke:var(--ugc-accent)}.ugc-card__action--like.is-bursting svg,.ugc-viewer__action--like.is-bursting svg{animation:ugc-burst .32s ease}@keyframes ugc-burst{40%{transform:scale(1.34)}70%{transform:scale(.94)}to{transform:scale(1)}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ugc-card__cta{display:block;margin-top:10px;padding:13px 12px;border-radius:10px;background:rgb(var(--color-button, 18 18 18));color:rgb(var(--color-button-text, 255 255 255));font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.01em;text-align:center;text-decoration:none;transition:opacity .15s ease}.ugc-card__cta:hover{opacity:.88}.ugc-card__cta:focus-visible{outline:2px solid currentColor;outline-offset:2px}.ugc-arrow{position:absolute;top:calc(50% - 46px);z-index:4;width:42px;height:42px;display:none;place-items:center;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#fff;color:#111;cursor:pointer;box-shadow:0 2px 10px #00000029}.ugc-arrow svg{width:20px;height:20px}.ugc-arrow--prev{left:10px}.ugc-arrow--next{right:10px}.ugc-arrow[hidden]{display:none}@media screen and (min-width:990px){.ugc-arrow:not([hidden]){display:grid}}.ugc-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;background:#000;height:100vh;height:100dvh}.ugc-viewer[hidden]{display:none}.ugc-viewer__feed{height:100%;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ugc-viewer__feed::-webkit-scrollbar{display:none}.ugc-viewer__slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000}.ugc-viewer__slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.ugc-viewer__slide:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(to top,rgba(0,0,0,.72),transparent);pointer-events:none}.ugc-viewer__top{position:absolute;top:max(10px,env(safe-area-inset-top));right:10px;left:10px;z-index:3;display:flex;justify-content:flex-end;gap:6px}.ugc-viewer__close,.ugc-viewer__sound{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.ugc-viewer__close svg,.ugc-viewer__sound svg{width:22px;height:22px}.ugc-viewer__rail{position:absolute;right:6px;bottom:132px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:6px}.ugc-viewer__action{width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.ugc-viewer__action svg{width:27px;height:27px;transition:transform .16s ease}.ugc-viewer__views{color:#fff;font-size:12px;text-align:center;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7))}.ugc-viewer__buy{position:absolute;right:0;bottom:0;left:0;z-index:3;padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.ugc-viewer__cta{display:block;padding:15px 14px;border-radius:12px;background:rgb(var(--color-button, 18 18 18));color:rgb(var(--color-button-text, 255 255 255));font-size:17px;font-weight:700;text-align:center;text-decoration:none}.ugc-viewer__hint{position:absolute;bottom:96px;left:0;right:0;z-index:3;text-align:center;color:#ffffffd1;font-size:12px;pointer-events:none;animation:ugc-fade 4s ease forwards}@keyframes ugc-fade{0%,60%{opacity:1}to{opacity:0}}.ugc-share-menu{position:absolute;z-index:100000;min-width:180px;padding:6px;border-radius:12px;background:#fff;color:#111;box-shadow:0 8px 28px #0000003d}.ugc-share-menu button{display:block;width:100%;padding:12px;border:0;border-radius:8px;background:none;color:inherit;font-size:15px;text-align:left;cursor:pointer}.ugc-share-menu button:hover,.ugc-share-menu button:focus-visible{background:#0000000f}@media(prefers-reduced-motion:reduce){.ugc-card__video,.ugc-card__action svg,.ugc-viewer__action svg,.ugc-card__play-icon{transition:none}.ugc-card__action--like.is-bursting svg,.ugc-viewer__action--like.is-bursting svg,.ugc-viewer__hint{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ugc-video-carousel.css.map */