.video-carousel{display:block;width:100%;overflow:hidden}.video-carousel-container{position:relative;width:100%;max-width:100%;margin:0 auto}.video-carousel-wrapper{position:relative;overflow:hidden}.video-carousel-track{position:relative;width:100%;gap:var(--spacing-6)}.video-carousel-slide{top:0}.video-carousel-slide.active{z-index:2}.video-carousel-card{position:relative;width:100%;padding-bottom:150%;overflow:hidden;cursor:pointer}.video-carousel-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-carousel-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-carousel-slide.playing .video-carousel-image{display:none}.video-carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:background .6s ease;pointer-events:none}.video-carousel-slide.playing .video-carousel-overlay{display:none}.video-carousel-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;z-index:2;align-items:center;justify-content:center}.video-carousel-slide.playing .video-carousel-play-button{opacity:0;pointer-events:none}.video-carousel-play-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 8px 20px #0000004d}.video-carousel-play-icon{width:0;height:0}.video-carousel-pagination{display:flex;justify-content:center;align-items:center;gap:12px}.video-carousel-dot{width:16px;height:16px;border-radius:50%;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease;padding:0}.video-carousel-dot.active{transform:scale(1.25)}.video-carousel-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center}.video-carousel-placeholder svg{width:60%;height:60%;opacity:.3}.video-carousel-nav-button{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10;display:none;align-items:center;justify-content:center;transition:all .3s ease}.video-carousel-nav-button:disabled{cursor:not-allowed}.video-carousel-nav-button svg{transition:fill .3s ease}.video-carousel-slide.fade-wrap{transition:opacity .2s ease!important}@media screen and (max-width:989px){.video-carousel-track{gap:var(--spacing-4-5)}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/video-carousel.css.map */