/**
 * Scoped login styles.
 * @package MehdiMobileAuth
 * @author Mehdi Edalat <https://mehdiedalat.ir>
 * @version 1.0.0-beta.1
 * Changelog: 1.0.0-beta.1 - Initial release.
 */
.mea-login {max-width: 380px; padding: 24px; margin: 24px auto; border: 1px solid #dce3e8; border-radius: 16px; background: #fff; color: #243746; font: inherit; box-sizing: border-box;}
.mea-login * {box-sizing: border-box;}
.mea-login h3 {margin: 0 0 12px; color: #243746;}
.mea-login label {display: block; margin: 14px 0;}
.mea-login input {display: block; width: 100%; min-height: 48px; margin-top: 8px; padding: 10px; border: 1px solid #8798a5; border-radius: 8px; font: inherit; background: #fff; color: #243746;}
.mea-login button {display: block; width: 100%; min-height: 48px; margin-top: 12px; padding: 10px; border: 0; border-radius: 8px; font: inherit; cursor: pointer; color: #fff; background: #17675e;}
.mea-login button:disabled {opacity: .65; cursor: wait;}
.mea-login .mea-again {background: #e7efed; color: #174b45;}
.mea-login :focus-visible {outline: 3px solid #b06712; outline-offset: 3px;}
.mea-login [hidden] {display: none !important;}
.mea-login .mea-status {min-height: 24px; line-height: 1.9; margin-bottom: 0;}