.video-block.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:3}.video-section{position:relative}.video-section .background-media{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:0;margin:0}.video-block.loading .background-media{filter:brightness(.6)}@keyframes spin{to{transform:rotate(360deg)}}.video-section .background-media img{width:100%;height:100%;object-fit:cover}.video-section .color-overlay{position:absolute;left:0;top:0;width:50%;height:100%;background:linear-gradient(90deg,#000,#0000);z-index:0}.video-section .custom-play-btn-style{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:0px;outline:none;background-color:transparent;cursor:pointer;z-index:2;transition:opacity .4s linear}.video-section .custom-pause-btn-style{z-index:10;position:absolute;opacity:0;visibility:hidden;background-color:transparent;cursor:pointer;outline:none;transition:opacity .4s linear;right:20px;top:-40px;border-radius:50%;padding:0;border:0px}.custom-pause-btn.custom-pause-btn-style svg{background:#000;border-radius:50%}.video-section .youtube-container{position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;visibility:hidden;z-index:1}.video-section .video-block.playing .custom-play-btn-style,.video-section .video-block.playing .background-media,.video-section .video-block.playing+.content{opacity:0;visibility:hidden}.video-section .video-block.playing .custom-pause-btn-style,.video-section .video-block.playing .youtube-container{opacity:1;visibility:visible}.video-section .content{padding:60px 50px;position:relative;z-index:3;max-width:calc(50% - 70px);color:#fff;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.video-section .content h3{font-family:Museo Sans;font-size:32px;font-style:normal;font-weight:700;line-height:150%;margin-top:0;margin-bottom:0}.video-section .content p{margin:0;font-family:Helvetica;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.video-modal{opacity:0;visibility:hidden;height:0px;overflow:hidden;position:fixed;top:0;left:0;width:100%;transition:all .4s linear}.video-modal.active{z-index:99;height:100%;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .4s linear}.video-modal .video-modal__overlay{font-size:0!important}.video-modal.active .video-modal__overlay{background-color:#0009;position:absolute;width:100%;height:100%;z-index:3}.video-modal.active .video-modal__content{position:relative;z-index:4;height:calc(100% - 60px);width:calc(100% - 60px);max-width:800px;max-height:700px}.video-modal.active .video-modal__content .youtube-player{position:absolute;width:100%;height:100%;max-height:650px;top:50%;transform:translateY(-50%);left:0}.video-modal.active .video-modal__close{position:absolute;right:0;top:0;z-index:4;border:0px;outline:none;background-color:transparent;cursor:pointer}@media screen and (max-width: 992px){.video-section .content{padding:50px 30px}}@media screen and (max-width: 650px){.video-section .custom-pause-btn-style{display:block;right:10px!important;top:-30px!important;z-index:3;bottom:inherit!important}.video-section{position:relative}.video-section .video-block{position:relative;padding-top:56%;height:100%}.video-section .content{padding:40px 30px;color:#000!important;text-align:left!important;max-width:100%;background-color:#fff!important}.video-section .color-overlay{display:none}.video-section .video-block.playing+.content{opacity:1;visibility:visible}.video-section .custom-play-btn-style svg{width:70px;height:70px}}
/*# sourceMappingURL=/cdn/shop/t/219/assets/new-video-section.css.map */