.banner-video{position:relative;height:800px;object-fit:cover}.banner-video .custom-img-box img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner-video .video-modal{position:absolute;bottom:50px;top:128px;left:50px;right:50px;width:calc(100% - 100px);height:calc(100% - 178px);object-fit:cover;opacity:0;pointer-events:none;transform:scale(.75)}.banner-video .video-modal__btn{position:absolute;right:-25px;top:-25px;width:50px;height:50px;border-radius:50%;border:1px solid white;cursor:pointer;background-color:transparent}.banner-video .video-modal__btn:after,.banner-video .video-modal__btn:before{content:"";position:absolute;background:#141b4d;height:1px;width:35%;top:50%;left:50%;transition:.2s cubic-bezier(.17,.67,.47,1.19) width}.banner-video .video-modal__btn:before{transform:translate(-50%,-50%) rotate(45deg)}.banner-video .video-modal__btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.banner-video .video-modal #player{width:100%;height:100%}.banner-video .custom-text-box{position:absolute;width:90%;margin-left:0;left:50%;top:50%;transform:translate(-50%,-50%);max-width:770px;text-align:center;margin-top:20px;opacity:1;transition:.5s ease-in-out opacity;z-index:8}.banner-video .btn_play{width:40px;height:40px;padding:0;margin:25px auto 0;background:transparent;border:none;cursor:pointer;transform:scale(1);transition:.2s cubic-bezier(.53,1.23,.66,1.21) transform}.banner-video .btn_play:hover{transform:scale(1.1)}.banner-video .btn_play svg{width:100%;height:100%;overflow:hidden;pointer-events:none;color:#d6d2c4}.video-modal{opacity:0;transform:scale(.95);pointer-events:none;transition:opacity .5s cubic-bezier(.19,1,.22,1),transform .5s cubic-bezier(.19,1,.22,1)}.video-modal.is-active{opacity:1;transform:scale(1);pointer-events:auto}.custom-text-box{transition:pointer-events .3s ease}@media screen and (max-width:1024px){.banner-video{height:600px}}@media screen and (max-width:768px){.banner-video{height:500px}.banner-video .video-modal{position:fixed;width:calc(100% - 50px);height:calc(100% - 50px);bottom:25px;top:25px;left:25px;right:25px;z-index:9999}.banner-video .video-modal__btn{width:40px;height:40px;right:-10px;top:-10px}.banner-video .custom-text-box{margin-top:0;max-width:600px;width:100%;padding:0 40px}}
/*# sourceMappingURL=/cdn/shop/t/390/assets/section-video-banner-popup.css.map */