.ugc__header{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;margin-bottom:2rem}.ugc__heading{margin:0}.ugc__arrows{display:flex;flex-shrink:0;gap:.8rem}.ugc__arrows[hidden]{display:none}.ugc__arrow{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.ugc__arrow:hover:not(:disabled){border-color:rgb(var(--color-foreground))}.ugc__arrow:disabled{cursor:default;opacity:.3}.ugc__arrow svg{width:1.2rem;height:1.2rem}.ugc__arrow--prev svg{transform:rotate(90deg)}.ugc__arrow--next svg{transform:rotate(-90deg)}.ugc__track{display:flex;gap:1.6rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.ugc__track::-webkit-scrollbar{display:none}.ugc__item{flex:0 0 auto;width:24rem;max-width:72vw;scroll-snap-align:start}.ugc__media{position:relative;overflow:hidden;border-radius:1.2rem;background:rgba(var(--color-foreground),.06);aspect-ratio:9 / 16}.ugc__video{width:100%;height:100%;object-fit:cover;display:block}.ugc__author{position:absolute;left:1.2rem;top:1.2rem;padding:.3rem .8rem;border-radius:2rem;background:#0000008c;color:#fff;font-size:1.1rem;line-height:1.4}.ugc__product{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;display:flex;align-items:center;gap:.8rem;padding:.6rem .8rem;border-radius:.8rem;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#121212;text-decoration:none}.ugc__product-image{flex:0 0 auto;width:3.6rem;height:4.6rem;object-fit:cover;border-radius:.6rem}.ugc__product-info{display:flex;flex-direction:column;gap:.2rem;min-width:0}.ugc__product-title{display:block;overflow:hidden;font-size:1.3rem;white-space:nowrap;text-overflow:ellipsis}.ugc__product:hover .ugc__product-title{text-decoration:underline;text-underline-offset:.3rem}.ugc__product-price{font-size:1.2rem;opacity:.7}.ugc__buy{display:flex;width:100%;margin-top:1rem;min-height:3.8rem}@media screen and (max-width:749px){.ugc__item{width:18rem}.ugc__arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-ugc-videos.css.map */