.ugc-video-carousel{margin-top:5rem;margin-bottom:5rem}.ugc-video-carousel__header{justify-content:center;text-align:center}.ugc-video-carousel__track{display:flex;gap:1.6rem;margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.ugc-video-carousel__track--centered{justify-content:center}.ugc-video-carousel__track::-webkit-scrollbar{display:none}.ugc-video-carousel__slide{flex:0 0 calc((100% - (var(--ugc-columns) - 1) * 1.6rem) / var(--ugc-columns));scroll-snap-align:start}.ugc-video-card{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--media-radius);background:rgba(var(--color-foreground),.05)}.ugc-video-card__video,.ugc-video-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ugc-video-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer}.ugc-video-card__play-icon{display:flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:var(--ugc-play-color);color:#fff;box-shadow:0 .2rem .8rem #0003;transition:transform var(--duration-short) ease}.ugc-video-card__play:hover .ugc-video-card__play-icon{transform:scale(1.08)}.ugc-video-card__play-icon svg{width:2.4rem;height:2.4rem;margin-left:.3rem}.ugc-video-carousel__controls{display:flex;align-items:center;justify-content:center;gap:2.4rem;margin-top:2.4rem}.ugc-video-carousel__controls[hidden]{display:none}.ugc-video-carousel__arrow{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgb(var(--color-foreground));border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.ugc-video-carousel__arrow svg{width:1.2rem;height:1.2rem;transform:rotate(90deg)}.ugc-video-carousel__arrow--next svg{transform:rotate(-90deg)}.ugc-video-carousel__arrow:disabled{opacity:.4;cursor:default}.ugc-video-carousel__dots{display:flex;gap:.6rem}.ugc-video-carousel__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.2);cursor:pointer}.ugc-video-carousel__dot[aria-selected=true]{background:rgb(var(--color-foreground))}@media screen and (min-width:750px){.ugc-video-card__play-icon{width:5.6rem;height:5.6rem}}.ugc-video-modal{max-width:min(90vw,48rem);max-height:90vh;padding:0;border:0;border-radius:var(--media-radius);background:#000;overflow:visible}.ugc-video-modal::backdrop{background:#000c}.ugc-video-modal__video{display:block;width:100%;max-height:90vh;border-radius:var(--media-radius)}.ugc-video-modal__close{position:absolute;top:1rem;right:1rem;z-index:1;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#00000080;color:#fff;cursor:pointer}.ugc-video-modal__close svg{width:1.6rem;height:1.6rem}@media screen and (max-width:749px){.ugc-video-carousel--fits-mobile .ugc-video-carousel__track{justify-content:center}.ugc-video-carousel--fits-mobile .ugc-video-carousel__controls{display:none}}@media screen and (min-width:750px){.ugc-video-carousel--fits-desktop .ugc-video-carousel__track{justify-content:center}.ugc-video-carousel--fits-desktop .ugc-video-carousel__controls{display:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-ugc-video-carousel.css.map */