/* Original desktop geometry is preserved. These styles support the static demo. */
.language a { cursor: pointer; }
.replica-note { margin-top: 20px; color: #aaa; font-size: 12px; text-align: right; }
.replica-note button { background: none; color: #929292; border: none; cursor: pointer; height: auto; font: inherit; padding: 0; }
.replica-note button:hover { color: #0c408c; }
.demo-divider { margin: 0 8px; }
.replica-modal[hidden] { display: none; }
.replica-modal { position: fixed; inset: 0; z-index: 2147483600; display: grid; place-items: center; }
.replica-mask { position: absolute; inset: 0; background: rgba(0,0,0,.26); }
.replica-dialog { position: relative; background: white; width: min(400px, calc(100vw - 80px)); padding: 26px; border: 1px solid #c9c9c9; border-radius: 4px; box-shadow: 0 9px 28px rgba(0,0,0,.12); box-sizing: content-box; }
.replica-dialog h2 { font-size: 16px; font-weight: 500; padding-right: 20px; margin-bottom: 18px; }
.replica-dialog p { font-size: 14px; color: #666; line-height: 24px; white-space: pre-line; }
.dialog-close { position: absolute; top: 18px; right: 20px; background: none; font-size: 24px; color: #aaa; cursor: pointer; }
.dialog-actions { margin-top: 20px; text-align: right; }
.dialog-actions .button { margin: 0; height: 32px; line-height: 30px; }
@media (max-width: 700px) {
  .login-bg { min-width: 0; min-height: 100vh; object-fit: cover; position: fixed; }
  .login-page { min-width: 0; min-height: 100vh; padding: 24px 18px 50px; }
  .login-box-bg { height: auto; min-height: calc(100vh - 74px); }
  .login-info { margin-right: 0; padding: 24px; min-height: 115px; }
  .logo, .logo img { height: 34px; line-height: 34px; }
  .language li { margin-left: 16px; font-size: 12px; }
  .login-img { display: none; }
  .login-box { position: relative; width: 100%; min-height: 520px; border-radius: 0 0 5px 5px; }
  .login-border { padding: 40px 28px; height: auto; position: relative; top: auto; margin-top: 0; }
  .login-font { font-size: 28px; margin-bottom: 50px; padding-bottom: 18px; }
  .login-btn { margin-top: 40px; }
  .copyright { font-size: 10px; line-height: 24px; bottom: 10px; }
  .logbody { left: 18px; right: 18px; margin-left: 0; width: auto; height: auto; min-height: 344px; }
  .reset-content { padding-left: 24px !important; padding-right: 24px !important; }
  .step-info { padding-left: 24px; margin-bottom: 18px; }
  .reset-form-row { margin: 0 24px !important; float: none !important; }
  .reset-form-row .input-div { width: 100%; }
  .reset-buttons { margin: 14px 24px 24px; }
}