.ugc-video-slider{display:block;--ugc-gap: 1.2rem;--ugc-card-radius: 1.2rem;--ugc-marquee-duration: 40s}.ugc-video-slider__header{margin-bottom:2.4rem}.ugc-video-slider__header .title{margin:0}.ugc-video-slider__subheading{margin:.8rem 0 0;max-width:54rem}.ugc-video-slider__header--center{text-align:center}.ugc-video-slider__header--center .ugc-video-slider__subheading{margin-left:auto;margin-right:auto}.ugc-video-slider__header--right{text-align:right}.ugc-video-slider__header--right .ugc-video-slider__subheading{margin-left:auto}@media screen and (min-width:750px){.ugc-video-slider__header{margin-bottom:3.2rem}}.ugc-video-slider__viewport{overflow:hidden;width:100%}.ugc-video-slider__track{display:flex;width:max-content;animation:ugc-marquee var(--ugc-marquee-duration) linear infinite;will-change:transform}.ugc-video-slider[data-pause-on-hover=true]:hover .ugc-video-slider__track,.ugc-video-slider[data-pause-on-hover=true]:focus-within .ugc-video-slider__track,.ugc-video-slider.is-marquee-paused .ugc-video-slider__track,.ugc-video-slider--static .ugc-video-slider__track{animation-play-state:paused}.ugc-video-slider--static .ugc-video-slider__track{animation:none}.ugc-video-slider__list{display:flex;flex-wrap:nowrap;gap:var(--ugc-gap);margin:0;padding:0 var(--ugc-gap) 0 0;list-style:none}.ugc-video-slider__slide{flex:0 0 auto;width:calc((100vw - (var(--ugc-columns-mobile) - 1) * var(--ugc-gap) - 3rem) / var(--ugc-columns-mobile));max-width:32rem;padding:0}@media screen and (min-width:750px){.ugc-video-slider__slide{width:calc((100vw - (var(--ugc-columns-desktop) - 1) * var(--ugc-gap) - 10rem) / var(--ugc-columns-desktop));max-width:36rem}}@keyframes ugc-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ugc-video-slider__viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}.ugc-video-slider__track{animation:none}}.ugc-video-slider__card{position:relative;height:100%;cursor:pointer}.ugc-video-slider__media.global-media-settings{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--ugc-card-radius);background:rgba(var(--color-foreground),.08);isolation:isolate}.ugc-video-slider__video,.ugc-video-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-video-slider__placeholder{color:rgba(var(--color-foreground),.2)}.ugc-video-slider__placeholder .placeholder-svg{width:100%;height:100%}.ugc-video-slider__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:1}.ugc-video-slider__card.is-paused .ugc-video-slider__play,.ugc-video-slider__card:not(.has-video) .ugc-video-slider__play{opacity:1}.ugc-video-slider__play-icon{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background:#ffffffeb;color:#111;box-shadow:0 .4rem 1.2rem #0000002e}.ugc-video-slider__play-icon .svg-wrapper{width:1.4rem;height:1.4rem;display:flex;margin-left:.2rem}.ugc-video-slider__mute{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ugc-video-slider__mute:hover{background:#000000a6}.ugc-video-slider__mute .svg-wrapper{width:1.6rem;height:1.6rem;display:flex}.ugc-video-slider__mute-icon--off,.ugc-video-slider__card.is-muted .ugc-video-slider__mute-icon--on{display:none}.ugc-video-slider__card.is-muted .ugc-video-slider__mute-icon--off{display:flex}.ugc-video-slider__card:not(.has-video) .ugc-video-slider__mute{display:none}.ugc-video-slider__overlay{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:4.8rem 1.4rem 1.4rem;background:linear-gradient(transparent,#000000b8);color:#fff;pointer-events:none}.ugc-video-slider__author{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.02rem}.ugc-video-slider__author-icon{width:1.4rem;height:1.4rem;flex-shrink:0}.ugc-video-slider__caption{margin:.4rem 0 0;font-size:1.3rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ugc-video-slider__overlay a{pointer-events:auto;color:inherit;text-decoration:none}.ugc-video-slider__overlay a:hover{text-decoration:underline}.ugc-video-slider__cta{margin-top:2.4rem}@media screen and (min-width:750px){.ugc-video-slider__cta{margin-top:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ugc-video-slider.css.map */