.ugc-video-slider{display:block;container-type:inline-size;--ugc-gap: 10px;--ugc-visible: 3.2}.ugc-video-slider__track{position:relative;display:flex;gap:var(--ugc-gap);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ugc-video-slider__track::-webkit-scrollbar{display:none}.ugc-video-slider__track.is-dragging{scroll-snap-type:none;-webkit-user-select:none;user-select:none}.ugc-video-slider__track.is-dragging,.ugc-video-slider__track.is-dragging *{cursor:grabbing}@container (max-width: 479px){.ugc-video-slider__track{--ugc-visible: 2.2}}.ugc-video-slider__card{position:relative;flex:0 0 calc((100% - var(--ugc-gap) * (var(--ugc-visible) - 1)) / var(--ugc-visible));aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:#000;cursor:pointer;scroll-snap-align:start}.ugc-video-slider__card video{display:block;width:100%;height:100%;object-fit:cover}.ugc-video-slider__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transform:translate(-50%,-50%)}.ugc-video-slider__card.is-playing .ugc-video-slider__play{opacity:0;pointer-events:none}.ugc-video-slider__play svg{width:20px;height:20px;margin-left:3px;fill:currentColor}.ugc-video-slider__mute{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer}.ugc-video-slider__card:not(.is-playing) .ugc-video-slider__mute{display:none}.ugc-video-slider__mute svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ugc-video-slider__icon-muted{display:none}.ugc-video-slider.is-muted .ugc-video-slider__icon-muted{display:block}.ugc-video-slider.is-muted .ugc-video-slider__icon-unmuted{display:none}.ugc-video-slider__play:focus-visible,.ugc-video-slider__mute:focus-visible{outline:2px solid #fff;outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ugc-video-slider.css.map */