.hoad-video-carousel{padding:48px 0;max-width:1200px;margin:0 auto}.hoad-video-carousel__header{padding:0 24px;margin-bottom:24px}.hoad-video-carousel--center .hoad-video-carousel__header{text-align:center}.hoad-video-carousel__title{font-size:24px;line-height:1.2;margin:0 0 8px}.hoad-video-carousel__sub{font-size:14px;color:rgba(var(--color-body-rgb, 21, 21, 21),.65);margin:0}.hoad-video-carousel__viewport{position:relative}.hoad-video-carousel__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 24px}.hoad-video-carousel__track::-webkit-scrollbar{display:none}.hoad-video-carousel__slide{flex:0 0 var(--hoad-vc-mobile, 78%);scroll-snap-align:start}@media(min-width:1024px){.hoad-video-carousel__slide{flex-basis:var(--hoad-vc-desktop, 32%)}}.hoad-video-carousel__media{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:9 / 16;background:#000}.hoad-video-carousel__video{width:100%;height:100%;object-fit:cover;display:block}.hoad-video-carousel__mute{position:absolute;right:12px;bottom:12px;width:36px;height:36px;border-radius:50%;background:#00000080;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.hoad-video-carousel__mute svg{width:16px;height:16px}.hoad-video-carousel__caption{display:flex;flex-direction:column;gap:2px;margin-top:12px}.hoad-video-carousel__caption-title{font-size:14px;font-weight:600}.hoad-video-carousel__caption-text{font-size:12.5px;color:rgba(var(--color-body-rgb, 21, 21, 21),.65)}.hoad-video-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--bg-body, #fff);box-shadow:0 2px 10px #00000026;border:none;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:2}.hoad-video-carousel__nav svg{width:14px;height:14px}.hoad-video-carousel__nav--prev{left:4px}.hoad-video-carousel__nav--next{right:4px}@media(min-width:1024px){.hoad-video-carousel__nav{display:flex}}.hoad-video-carousel__nav[hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hoad-video-carousel.css.map */