/* Compact spacing for sign-in and error pages. */
.login-layout { padding-top: 24px; padding-bottom: 24px; }
.login-header { margin-bottom: 16px; }
.login-form-wrap { padding: 24px; }
.login-form-panel > .appearance-preferences { margin-bottom: 16px; }
.login-description { margin-top: 8px; margin-bottom: 16px; }
.login-form-panel > form { margin-top: 16px; }
.login-form-panel .form-field { margin-bottom: 16px; }
.login-submit { margin-top: 12px; }
.login-note { margin-top: 16px; }
.error-header { padding-block: 12px; }
.error-header .brand { max-width: 240px; }
.error-main { padding-top: 36px; padding-bottom: 36px; }
.error-layout { gap: 24px; }
@media (max-width: 760px) {
  .login-layout { padding-top: 16px; padding-bottom: 16px; }
  .login-form-wrap { padding: 20px; }
  .error-header { padding-block: 12px; }
  .error-main { padding-top: 24px; padding-bottom: 24px; }
  .error-code { margin-bottom: 14px; }
}