.ugc-feed{--ugc-gap: 1.6rem;--ugc-columns-mobile: 2;--ugc-columns-desktop: 4}.ugc-feed__heading,.ugc-feed__description{margin:0 0 1rem}.ugc-feed--centered .ugc-feed__heading,.ugc-feed--centered .ugc-feed__description{text-align:center}.ugc-feed__slider-wrapper{position:relative;width:100%;margin-top:2.4rem}.ugc-feed__track{display:flex;gap:var(--ugc-gap);padding-bottom:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.ugc-feed__track::-webkit-scrollbar{display:none}.ugc-feed__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;transform:translateY(-50%);cursor:pointer;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;box-shadow:0 .4rem 1.2rem rgba(var(--color-shadow),.15);transition:background .2s ease}.ugc-feed__arrow:hover{background:rgba(var(--color-foreground),.06)}.ugc-feed__arrow .icon-caret{width:1.2rem;height:1.2rem}.ugc-feed__arrow--prev{left:-1.4rem}.ugc-feed__arrow--prev .icon-caret{transform:rotate(90deg)}.ugc-feed__arrow--next{right:-1.4rem}.ugc-feed__arrow--next .icon-caret{transform:rotate(-90deg)}.ugc-feed__arrow.is-hidden{display:none}@media screen and (min-width:750px){.ugc-feed__arrow{width:4.4rem;height:4.4rem}.ugc-feed__arrow--prev{left:-2.2rem}.ugc-feed__arrow--next{right:-2.2rem}}.ugc-feed__card{position:relative;flex:0 0 auto;width:calc((100% - (var(--ugc-columns-mobile) - 1) * var(--ugc-gap)) / var(--ugc-columns-mobile));aspect-ratio:9/16;overflow:hidden;scroll-snap-align:center;cursor:pointer;isolation:isolate;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:1.2rem;transform:translateZ(0)}@media screen and (min-width:750px){.ugc-feed__card{width:calc((100% - (var(--ugc-columns-desktop) - 1) * var(--ugc-gap)) / var(--ugc-columns-desktop))}}.ugc-feed__card video{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;backface-visibility:hidden;transition:transform .25s ease-in-out}.ugc-feed__card:hover video{transform:scale(1.08)}.ugc-feed__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;transform:translate(-50%,-50%);opacity:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border-radius:50%;transition:opacity .3s ease}.ugc-feed__play .icon-play{width:1.6rem;height:1.6rem;margin-left:.3rem}.ugc-feed__card:hover .ugc-feed__play,.ugc-feed__card:focus-visible .ugc-feed__play{opacity:1}.ugc-feed__overlay{position:absolute;left:0;display:flex;flex-direction:column;width:100%;padding:.6rem .8rem;line-height:1.2;pointer-events:none;color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.ugc-feed__overlay--bottom{bottom:0}.ugc-feed__overlay--top{top:0}.ugc-feed__creator-name{font-size:1.3rem;font-weight:600}.ugc-feed__creator-role{font-size:1.1rem;opacity:.7}.ugc-feed__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;align-items:center;justify-content:center;padding:2rem;opacity:0;background:#000000e6;transition:opacity .3s ease}.ugc-feed__modal.is-active{display:flex;opacity:1}.ugc-feed__modal-content{position:relative;display:flex;flex-direction:column;width:auto;min-width:30rem;max-width:50.625dvh;height:100%;max-height:90dvh;aspect-ratio:9/16;overflow:hidden;border-radius:1.2rem;background:#000}.ugc-feed__close,.ugc-feed__modal-nav{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:#fff;border:0;border-radius:50%;background:#00000059}.ugc-feed__close{top:1.5rem;right:1.5rem;width:3.2rem;height:3.2rem}.ugc-feed__close .icon-close{width:1.4rem;height:1.4rem}.ugc-feed__modal-nav{top:50%;width:4rem;height:4rem;transform:translateY(-50%)}.ugc-feed__modal-nav .icon-caret{width:1.2rem;height:1.2rem}.ugc-feed__modal-nav--prev{left:.5rem}.ugc-feed__modal-nav--prev .icon-caret{transform:rotate(90deg)}.ugc-feed__modal-nav--next{right:.5rem}.ugc-feed__modal-nav--next .icon-caret{transform:rotate(-90deg)}.ugc-feed__modal-nav.is-hidden{display:none}.ugc-feed__video-container{position:relative;display:flex;flex-grow:1;align-items:center;width:100%;height:100%;overflow:hidden}.ugc-feed__player{display:block;width:100%;height:100%;object-fit:cover}.ugc-feed__player::-webkit-media-controls,.ugc-feed__player::-webkit-media-controls-enclosure{display:none!important}.ugc-feed__play-toggle{position:absolute;top:50%;left:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:6rem;height:6rem;padding:0;transform:translate(-50%,-50%);cursor:pointer;opacity:0;color:#fff;border:0;border-radius:50%;background:#0006;transition:opacity .2s ease}.ugc-feed__play-toggle .icon-play{width:2.4rem;height:2.4rem;margin-left:.4rem}.ugc-feed__play-toggle:focus-visible{opacity:1}.ugc-feed__player:paused+.ugc-feed__play-toggle{opacity:1}.ugc-feed__progress{position:absolute;top:0;left:0;z-index:3;width:100%;height:.4rem;background:#fff3}.ugc-feed__progress-fill{width:0;height:100%;background:#fff;transition:width .25s linear}@media(prefers-reduced-motion:reduce){.ugc-feed__card video,.ugc-feed__arrow,.ugc-feed__play,.ugc-feed__play-toggle,.ugc-feed__progress-fill,.ugc-feed__modal{transition:none}.ugc-feed__card:hover video{transform:none}.ugc-feed__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/109/assets/section-ugc-feed.css.map */