.vodal,.vodal-mask{top:0;left:0;width:100%;height:100%;z-index:100}.vodal{position:fixed}.vodal-mask{position:absolute;background:rgba(0,0,0,.3)}.vodal-dialog{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:101;padding:15px;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.vodal-close{position:absolute;cursor:pointer;top:16px;right:16px;width:16px;height:16px;z-index:9999}.vodal-close:after,.vodal-close:before{position:absolute;content:"";height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#999;border-radius:100%;transition:background .2s}.vodal-close:before{transform:rotate(45deg)}.vodal-close:after{transform:rotate(-45deg)}.vodal-close:hover:after,.vodal-close:hover:before{background:#333}@keyframes vodal-fade-enter{0%{opacity:0}}.vodal-fade-enter-active{animation:vodal-fade-enter ease-in both}@keyframes vodal-fade-leave{to{opacity:0}}.vodal-fade-leave-active{animation:vodal-fade-leave ease-out both}@keyframes vodal-rotate-enter{0%{transform:rotate(-180deg) scale3d(.3,.3,.3)}}.vodal-rotate-enter-active{animation:vodal-rotate-enter both;transform-origin:center}@keyframes vodal-rotate-leave{to{transform:rotate(180deg) scale3d(.3,.3,.3)}}.vodal-rotate-leave-active{animation:vodal-rotate-leave both;transform-origin:center}