.video-popup__container{margin:0 auto;position:relative;width:calc(50% - 32px)}.playandpause{background-repeat:no-repeat;background-size:100%;cursor:pointer;display:inline-block;left:0;margin:auto;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:unset}figure.video__play-button{border:2px solid #fff;border-radius:50%;height:60px;margin:auto;width:60px}.video__play-button svg,figure.video__play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s}.video__play-button svg{fill:#fff;stroke:#fff}.video-content{position:relative}.video-content video{width:100%}.video-popup__target-container{background-color:rgba(0,0,0,.788);height:100%;left:0;position:fixed;top:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;visibility:hidden;width:100%;z-index:10001}.video-popup__target-container.is-visible{-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s;visibility:visible}.video-popup__close{background:#fff;border-radius:50%;height:30px;position:absolute;right:40px;top:30px;width:30px}.video-popup__close:after,.video-popup__close:before{background-color:#003050;content:"";height:3px;position:absolute;top:14px;width:14px}.video-popup__close:before{left:8px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.video-popup__close:after{right:8px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}figure.video-popup__play-button{border:2px solid #fff;border-radius:50%;height:60px;margin:auto;width:60px}figure.video-popup__play-button,figure.video-popup__play-button svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s}figure.video-popup__play-button svg{fill:#fff;stroke:#fff}.video-popup_mian-container{position:relative}.no-visible{display:none}.video-popup__target-inner{border:16px solid var(--grey-900);border-radius:1rem;left:50%;line-height:0;margin:auto;max-width:1920px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}@media (max-width:560px){.video-popup__container{width:100%}}