.custom-video-carousel{max-width:100%;width:100%;overflow:hidden;position:relative;box-sizing:border-box}.custom-video-carousel__title{text-align:center;font-size:24px;margin-bottom:30px;padding:0 20px}.custom-video-carousel__viewport{overflow:hidden;position:relative;box-sizing:border-box;width:100%;height:calc(var(--active-width-desktop, 240px) * 16 / 9)}.custom-video-carousel__track{display:flex;gap:var(--gap, 16px);align-items:center;height:100%}.custom-video-carousel__item{position:relative;flex:0 0 var(--inactive-width-desktop, 180px);aspect-ratio:9 / 16;background:#000;overflow:hidden;border-radius:var(--corner-radius, 12px);opacity:var(--inactive-opacity, .6);transition:flex-basis .6s ease,opacity .6s ease}.custom-video-carousel__item.is-active{flex:0 0 var(--active-width-desktop, 240px);opacity:1;z-index:2}.custom-video-carousel__item--decor{pointer-events:none}.custom-video-carousel__video{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;transform:scale(1.03)}.custom-video-carousel__expand-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;cursor:pointer;border:none;padding:0;transition:background .2s ease,transform .2s ease}.custom-video-carousel__expand-btn:hover{background:#000c;transform:scale(1.08)}.custom-video-carousel__expand-btn svg{width:16px;height:16px;fill:#fff}.custom-video-carousel__item--decor .custom-video-carousel__expand-btn{display:none}.custom-video-carousel__lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000eb;z-index:9999;display:none;align-items:center;justify-content:center}.custom-video-carousel__lightbox.is-open{display:flex}.custom-video-carousel__lightbox-video{width:92vw;height:92vh;max-width:92vw;max-height:92vh;object-fit:cover;border-radius:8px;background:#000}.custom-video-carousel__lightbox-close,.custom-video-carousel__lightbox-prev,.custom-video-carousel__lightbox-next{position:absolute;background:#ffffff26;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10000;transition:background .2s ease}.custom-video-carousel__lightbox-close:hover,.custom-video-carousel__lightbox-prev:hover,.custom-video-carousel__lightbox-next:hover{background:#ffffff4d}.custom-video-carousel__lightbox-close svg,.custom-video-carousel__lightbox-prev svg,.custom-video-carousel__lightbox-next svg{width:20px;height:20px;fill:#fff}.custom-video-carousel__lightbox-close{top:20px;right:20px}.custom-video-carousel__lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}.custom-video-carousel__lightbox-next{right:20px;top:50%;transform:translateY(-50%)}@media(max-width:768px){.custom-video-carousel__viewport{height:calc(var(--active-width-mobile, 180px) * 16 / 9)}.custom-video-carousel__item{flex:0 0 var(--inactive-width-mobile, 130px)}.custom-video-carousel__item.is-active{flex:0 0 var(--active-width-mobile, 180px)}.custom-video-carousel__expand-btn{width:28px;height:28px;bottom:6px;right:6px}.custom-video-carousel__lightbox-prev,.custom-video-carousel__lightbox-next{width:38px;height:38px}.custom-video-carousel__lightbox-prev{left:8px}.custom-video-carousel__lightbox-next{right:8px}.custom-video-carousel__lightbox-close{top:12px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/carousel-video-custom.css.map */