.ugc-carousel{--ugc-slide-width: 280px;--ugc-slide-gap: 16px;--ugc-aspect-ratio: 9 / 16;--ugc-scale-inactive: .88;--ugc-transition: .35s ease;display:block;position:relative}.ugc-carousel__header{padding-inline:20px;margin-block-end:24px}.ugc-carousel__heading{margin:0}.ugc-carousel__subheading{margin:8px 0 0;opacity:.7}.ugc-carousel__track-wrapper{overflow:hidden}.ugc-carousel__track{display:flex;gap:var(--ugc-slide-gap);position:relative;will-change:transform}.ugc-carousel__track.is-animating{transition:transform .4s ease}.ugc-carousel__slide{flex:0 0 var(--ugc-slide-width);width:var(--ugc-slide-width);aspect-ratio:var(--ugc-aspect-ratio);border-radius:12px;overflow:hidden;position:relative;background-color:#1a1a1a;transform:scale(var(--ugc-scale-inactive));transition:transform var(--ugc-transition);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:pan-y pinch-zoom}.ugc-carousel__slide.is-active{transform:scale(1);cursor:default}.ugc-carousel__slide video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-carousel__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity var(--ugc-transition)}.ugc-carousel__poster img{width:100%;height:100%;object-fit:cover;display:block}.is-active .ugc-carousel__poster{opacity:0;pointer-events:none}.ugc-carousel__sound-btn{position:absolute;bottom:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:50%;border:none;padding:0;background:#00000080;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--ugc-transition)}.ugc-carousel__sound-btn .icon-unmuted,.ugc-carousel__sound-btn.is-unmuted .icon-muted{display:none}.ugc-carousel__sound-btn.is-unmuted .icon-unmuted{display:block}.is-active .ugc-carousel__sound-btn{opacity:1;pointer-events:auto}.ugc-carousel__static-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ugc-carousel__nav-row{display:flex;justify-content:center;align-items:center;gap:12px;padding-block-start:20px}.ugc-carousel__nav{background:#ffffffe6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,background-color .2s;box-shadow:0 2px 8px #00000026}.ugc-carousel__nav:disabled{opacity:.3;cursor:default;pointer-events:none}.ugc-carousel__nav:hover:not(:disabled){background:#fff}.ugc-carousel__heading.custom-typography,.ugc-carousel__heading.custom-typography *,.ugc-carousel__subheading.custom-typography,.ugc-carousel__subheading.custom-typography *{font-family:var(--font-family)!important}.ugc-carousel__track.is-teleporting,.ugc-carousel__track.is-teleporting .ugc-carousel__slide,.ugc-carousel__track.is-teleporting .ugc-carousel__poster,.ugc-carousel__track.is-teleporting .ugc-carousel__sound-btn{transition:none!important}@media screen and (max-width:749px){.ugc-carousel{--ugc-slide-width: 220px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ugc-video-carousel.css.map */