.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-container{background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);margin:auto;padding:20px 30px;transition:all .3s ease}.modal-header h3{color:#2e3192;font-size:28px}.modal-body{margin:20px 0}.modal-default-button{background-color:none;float:right}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-container,.modal-leave-to .modal-container{transform:scale(1.1)}.resend-code{background-color:transparent;display:block;width:100%}.resend-code:disabled:hover{cursor:not-allowed}.send-code{height:40px;padding:0;width:100%}.data-form{max-width:320px}.step-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.error{border-color:red!important}@media (max-width:768px){.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}}@media (max-width:480px){.modal-mask{background-color:rgba(0,0,0,.5);display:flex;height:100%;left:0;overflow:auto;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}}