.comp-video-parallax{position:relative;width:100%;height:var(--parallax-height);overflow:hidden}.comp-video-parallax__wrapper{position:relative;width:100%;height:100%}.comp-video-parallax__bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.comp-video-parallax__bg-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.comp-video-parallax__bg-fallback{width:100%;height:100%;background-color:#0000001a;display:flex;align-items:center;justify-content:center}.comp-video-parallax__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.comp-video-parallax__play-btn svg{width:30px;height:30px;fill:#000;margin-left:5px}.comp-video-parallax__play-btn:hover{background:#fff;transform:translate(-50%,-50%) scale(1.05)}.comp-video-parallax__modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:none;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .3s ease}.comp-video-parallax__modal.active{display:flex;opacity:1}.comp-video-parallax__modal-content{position:relative;width:90%;max-width:1200px;max-height:90vh}.comp-video-parallax__close-btn{position:absolute;top:0;right:0;color:#fff;background:none;border:none;cursor:pointer;padding:10px;z-index:1}.comp-video-parallax__close-btn svg{width:38px;height:38px;fill:#fff}.comp-video-parallax__video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.comp-video-parallax__video-container iframe,.comp-video-parallax__video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.comp-video-parallax__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f8f8}.comp-video-parallax__placeholder svg{width:100%;height:auto;max-width:300px;margin-bottom:20px}.comp-video-parallax__placeholder p{font-size:1.2rem;color:#666}@media screen and (max-width: 768px){.comp-video-parallax__play-btn{width:60px;height:60px}.comp-video-parallax__play-btn svg{width:24px;height:24px}.comp-video-parallax__modal-content{width:95%}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/comp-video-parallax-styles.css.map */