.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);overflow:auto;transition:opacity .3s ease}.modal-wrapper{margin-top:60px}.modal-container{width:500px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,0.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;position:relative}.modal-container.wide{width:710px;padding:30px 50px}.modal-close{position:absolute;padding:20px;top:0;right:0;cursor:pointer;color:#7f7f7f}.modal-close:hover{color:black}.modal-header h3{margin-top:0}.modal-body{margin:20px 0}.modal-enter{opacity:0}.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}