.modal[data-v-b722deee]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;overflow-x:hidden;overflow-y:auto;&__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:999}&__dialog{position:relative;width:200px;background-color:#fff;border-radius:5px;margin:50px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:2;@media screen and (max-width:200px){width:90%}}&__close{width:30px;height:30px}&__header{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:20px 20px 10px}&__body,&__header{display:-webkit-box;display:-ms-flexbox;display:flex}&__body{padding:10px 20px 10px;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}&__footer{padding:10px 20px 20px}}.fade-enter-active[data-v-b722deee],.fade-leave-active[data-v-b722deee]{-webkit-transition:opacity .2s;transition:opacity .2s}.fade-enter[data-v-b722deee],.fade-leave-to[data-v-b722deee]{opacity:0}