.video-carousel__title{margin-bottom:3rem}.video-carousel__title--center{text-align:center}.video-carousel__title--right{text-align:right}.video-carousel__wrapper{display:block}.video-carousel__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:var(--video-carousel-gap, 1.2rem);margin:0;padding:0;list-style:none;scrollbar-width:none}.video-carousel__list::-webkit-scrollbar{display:none}.video-carousel__item{flex:0 0 calc((100% - (var(--video-carousel-columns, 3) - 1) * var(--video-carousel-gap, 1.2rem)) / var(--video-carousel-columns, 3));scroll-snap-align:start}.video-carousel__media{position:relative;height:0;width:100%;overflow:hidden;border-radius:var(--video-carousel-radius, 0);background:rgba(var(--color-foreground),.04)}.video-carousel__media--placeholder svg{position:absolute;top:0;left:0;width:100%;height:100%}.video-carousel__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-carousel__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:none;border-radius:50%;background:#ffffffd9;color:#121212;cursor:pointer;transition:opacity .2s ease}.video-carousel__play-button .icon{width:1.4rem;height:1.4rem}.video-carousel__media--playing .video-carousel__play-button{opacity:0}.video-carousel__media:hover .video-carousel__play-button,.video-carousel__media:focus-within .video-carousel__play-button{opacity:1}.video-carousel__controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem}.video-carousel__dots{display:flex;align-items:center;gap:.8rem}.video-carousel__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:background .2s ease}.video-carousel__dot--active{background:rgb(var(--color-foreground))}.video-carousel__arrows{display:flex;align-items:center;gap:1rem}.video-carousel__arrow{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.video-carousel__arrow:disabled{opacity:.3;cursor:not-allowed}.video-carousel__arrow--prev .icon{transform:rotate(90deg)}.video-carousel__arrow--next .icon{transform:rotate(-90deg)}.video-carousel__arrow .icon{width:1.2rem;height:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-video-carousel.css.map */