$animation-speed:.3s;$animation-function:ease-out;$backdrop-color:rgba(0,0,0,.5);@-webkit-keyframes modal-video{0%{opacity:0}to{opacity:1}}@keyframes modal-video{0%{opacity:0}to{opacity:1}}@-webkit-keyframes modal-video-inner{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes modal-video-inner{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translate(0);transform:translate(0)}}.modal-video{position:fixed;top:0;left:0;width:100%;height:100%;background-color:$backdrop-color;z-index:1000000;cursor:pointer;opacity:1;-webkit-animation-timing-function:$animation-function;animation-timing-function:$animation-function;-webkit-animation-duration:$animation-speed;animation-duration:$animation-speed;-webkit-animation-name:modal-video;animation-name:modal-video;-webkit-transition:opacity $animation-speed $animation-function;transition:opacity $animation-speed $animation-function}.modal-video-effect-exit{opacity:0;& .modal-video-movie-wrap{-webkit-transform:translateY(100px);transform:translateY(100px)}}.modal-video-body{max-width:940px;width:100%;height:100%;margin:0 auto;display:table}.modal-video-inner{display:table-cell;vertical-align:middle;width:100%;height:100%}.modal-video-movie-wrap{width:100%;height:0;position:relative;padding-bottom:56.25%;background-color:#333;-webkit-animation-timing-function:$animation-function;animation-timing-function:$animation-function;-webkit-animation-duration:$animation-speed;animation-duration:$animation-speed;-webkit-animation-name:modal-video-inner;animation-name:modal-video-inner;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform $animation-speed $animation-function;transition:-webkit-transform $animation-speed $animation-function;transition:transform $animation-speed $animation-function;transition:transform $animation-speed $animation-function,-webkit-transform $animation-speed $animation-function;& iframe{position:absolute;top:0;left:0;width:100%;height:100%}}.modal-video-close-btn{position:absolute;z-index:2;top:-35px;right:-35px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;&:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}&:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}&:after,&:before{content:"";position:absolute;height:2px;width:100%;top:50%;left:0;background:#fff;border-radius:5px;margin-top:-6px}}
/*# sourceMappingURL=2.a8e484ad.chunk.css.map */