.nb-ugc-carousel{display:block;margin-top:24px;margin-bottom:24px}.nb-ugc-carousel__heading{margin:0 0 12px}.nb-ugc-carousel__track{display:flex;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.nb-ugc-carousel__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.nb-ugc-carousel__track{cursor:grab}.nb-ugc-carousel__track.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.nb-ugc-carousel__track.is-dragging .nb-ugc-carousel__video,.nb-ugc-carousel__track.is-dragging .nb-ugc-carousel__play,.nb-ugc-carousel__track.is-dragging .nb-ugc-carousel__mute{pointer-events:none}}.nb-ugc-carousel__item{flex:0 0 auto;width:160px}.nb-ugc-carousel__media{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:#000}.nb-ugc-carousel__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.nb-ugc-carousel__play{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer}.nb-ugc-carousel__play-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .2s ease}.nb-ugc-carousel__play[data-playing=true] .nb-ugc-carousel__play-icon{opacity:0}.nb-ugc-carousel__mute{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;z-index:2}.nb-ugc-carousel__mute:hover,.nb-ugc-carousel__mute:focus-visible{background:#000000bf}.nb-ugc-carousel__mute-icon{display:none;line-height:0}.nb-ugc-carousel__mute[aria-pressed=true] .nb-ugc-carousel__mute-icon--muted,.nb-ugc-carousel__mute[aria-pressed=false] .nb-ugc-carousel__mute-icon--unmuted{display:inline-flex}@media(min-width:750px){.nb-ugc-carousel__item{width:180px}}
/*# sourceMappingURL=/cdn/shop/t/335/assets/nb-ugc-carousel.css.map */