.video-hero{position:relative;width:100%}.video-hero__wrapper{position:relative;width:100%;height:100vh;max-height:800px}.video-hero__background{position:absolute;top:0;left:0;width:100%;height:100%}.video-hero__background img{width:100%;height:100%;object-fit:cover}.video-hero__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;transition:transform .2s ease;padding:0}.video-hero__play-circle{width:150px;height:150px;border:2px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center}.video-hero__play-text{color:#fff}.video-hero__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.video-hero__modal{border:none;padding:0;margin:0;width:100%;height:100vh;max-width:none;background:#000000e6}.video-hero__modal[open]{display:flex;align-items:center;justify-content:center}.video-hero__modal::backdrop{background:#000000e6}.video-hero__modal-content{position:relative;width:90%;max-width:1200px;height:auto;margin:auto;display:flex;align-items:center;justify-content:center;background:#000c;box-shadow:0 4px 8px #0003;border-radius:0}.video-hero__close-button{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;cursor:pointer;padding:10px;z-index:2}.video-hero__close-button svg{width:24px;height:24px}.video-hero__video-wrapper{position:relative;width:90%;max-width:1200px}.video-hero__video{width:100%;height:auto;border:1px solid white;border-radius:0;background:#000}.video-hero__controls{position:absolute;bottom:0;left:0;right:0;background:#0003;padding:10px;display:flex;align-items:center;gap:10px;border:1px solid white}.video-hero__controls svg{width:24px;height:24px}.video-hero__play-pause,.video-hero__mute{background:none;border:none;color:#fff;cursor:pointer;padding:5px}.video-hero__progress-bar{flex-grow:1;margin:0 10px}.video-hero__progress-time{color:#fff;font-size:12px}.video-hero__volume{display:flex;align-items:center;gap:5px}.video-hero__volume-slider{width:80px}.video-hero .parallax-wrapper{position:relative;overflow:hidden;height:100%;width:100%}.video-hero .parallax-img{will-change:transform;width:100%;height:120%;object-fit:cover;position:absolute;top:-20%}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-video-hero.css.map */