.ugc-strip__heading{margin:0 0 .6rem;text-align:center}.ugc-strip__subtext{margin:0 auto;max-width:62rem;text-align:center;opacity:.8}.ugc-strip__viewport{display:block;position:relative;margin-top:3.2rem}.ugc-strip__track{display:flex;gap:1.2rem;margin:0;padding:0 1.5rem 1rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.ugc-strip__track::-webkit-scrollbar{display:none}.ugc-strip__item{flex:0 0 auto;width:42vw;max-width:24rem;scroll-snap-align:start}.ugc-card{display:block;position:relative;overflow:hidden;border-radius:var(--media-radius, .8rem);background:rgb(var(--color-foreground) / .06);aspect-ratio:9 / 16}.ugc-card__poster{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.ugc-card__img{display:block;width:100%;height:100%;object-fit:cover}.ugc-card__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:5.2rem;height:5.2rem;transform:translate(-50%,-50%);border-radius:50%;background:#ffffffeb;color:#000000d9;box-shadow:0 .2rem 1.2rem #00000040;transition:transform .15s ease}.ugc-card__play svg{width:2.4rem;height:2.4rem;margin-left:.2rem}.ugc-card__poster:hover .ugc-card__play,.ugc-card__poster:focus-visible .ugc-card__play{transform:translate(-50%,-50%) scale(1.08)}.ugc-card__video,.ugc-card video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.ugc-card__name{margin:.8rem 0 0;font-size:1.3rem;font-weight:600}.ugc-card__caption{margin:.2rem 0 0;font-size:1.2rem;opacity:.7}.ugc-strip__arrow{position:absolute;top:calc(50% - 3rem);z-index:2;display:none;place-items:center;width:4rem;height:4rem;padding:0;transform:translateY(-50%);border:.1rem solid rgb(var(--color-foreground) / .15);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer}.ugc-strip__arrow svg{width:2rem;height:2rem}.ugc-strip__arrow--prev{left:.6rem}.ugc-strip__arrow--next{right:.6rem}.ugc-strip__arrow[hidden]{display:none}@media screen and (min-width:750px){.ugc-strip__item{width:22rem}.ugc-strip__viewport{margin-top:4rem}.ugc-strip__track{padding-inline:5rem;scroll-padding-inline:5rem}.ugc-strip__arrow{display:grid}}
/*# sourceMappingURL=/cdn/shop/t/127/compiled_assets/styles.css.map */