/* Auth screens only; leave the chat application's responsive layout intact. */
.mx_AuthPage{background:#151515!important;color:#e6e6e6;color-scheme:dark;padding:56px 24px 24px!important;box-sizing:border-box}
.mx_AuthPage .mx_AuthPage_modal{width:384px!important;max-width:100%!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;flex-shrink:0}
.mx_AuthPage .mx_AuthPage_modalBlur{display:none!important}
.mx_AuthPage .mx_AuthPage_modalContent{flex-direction:column!important;width:100%;background:transparent!important}
.mx_AuthPage .mx_AuthHeader{width:100%!important;box-sizing:border-box;flex-direction:row!important;align-items:center;justify-content:space-between;padding:0 0 22px!important;margin:0 0 36px!important;background:transparent!important;border-bottom:1px solid #303030}
.mx_AuthPage .mx_AuthHeaderLogo{margin:0!important;padding:0!important;height:32px}
.mx_AuthPage .mx_AuthHeaderLogo img{width:84px!important;height:28px!important;object-fit:contain;object-position:left center}
.mx_AuthPage .mx_AuthBody_language{margin:0!important;width:auto!important;color:#aaa}
.mx_AuthPage .mx_AuthBody{width:100%!important;box-sizing:border-box;padding:0!important;background:transparent!important;color:#e6e6e6}
.mx_AuthPage .mx_AuthBody h1{font-size:26px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin:0 0 24px}
.mx_AuthPage .mx_ServerPicker{display:none!important}
.mx_AuthPage .mx_Field{margin:18px 0;border-color:#515151;border-radius:6px;background:#202020}
.mx_AuthPage .mx_Field input{font-size:16px;min-height:44px;color:#e6e6e6}
.mx_AuthPage .mx_Field label{background:#202020!important;color:#bcbcbc}
.mx_AuthPage .mx_Field:focus-within{outline:2px solid #afc8ed;outline-offset:3px}
.mx_AuthPage .mx_Login_submit{margin-top:24px;min-height:46px;border-radius:6px;background:#dedede;color:#181818;font-size:14px;font-weight:600}
.mx_AuthPage .mx_Login_submit:hover{background:#f5f5f5}
.mx_AuthPage .mx_AuthBody_changeFlow{display:block;margin-top:24px;text-align:center;color:#aaa}
.mx_AuthPage .mx_AuthBody_changeFlow .mx_AccessibleButton{color:#afc8ed}
.mx_AuthPage .mx_AuthFooter{position:static!important;margin:40px auto 0!important;padding:0!important;flex:0 0 auto!important;font-size:12px;color:#999}
.mx_AuthPage .mx_AuthFooter a{color:#aaa}
@media(max-width:450px){.mx_AuthPage{padding-top:28px!important}.mx_AuthPage .mx_AuthHeader{margin-bottom:28px!important}}
.mx_AuthPage .mx_AuthFooter{background:none!important;box-shadow:none!important;width:384px;max-width:100%}
.mx_AuthPage .mx_Field input{background:transparent!important}
.mx_AuthPage .mx_AuthHeader{display:flex!important}
.mx_AuthPage .mx_AuthHeaderLogo{display:block!important}
/* Override legacy Firefox placeholder rules with the current selector. */
.mx_AuthPage #mx_LoginForm_username:placeholder-shown:not(:focus)+label,
.mx_AuthPage #mx_LoginForm_password:placeholder-shown:not(:focus)+label{font:var(--cpd-font-body-md-regular);padding:2px;pointer-events:none;transform:translateY(0)}
.mx_AuthPage .mx_Login_underlinedServerName{border-bottom:0}