.auth-sign-in-methods {
  min-width: 0;
  max-width: 38rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid #cbd5df;
  color: #183d50;
}
.auth-sign-in-methods h3 { margin: 0 0 .75rem; font-size: 1.1rem; }
.auth-sign-in-methods h4 { margin: 1.25rem 0 .5rem; font-size: 1rem; }
.auth-sign-in-methods p { overflow-wrap: anywhere; }
.auth-sign-in-methods .sign-in-methods-help { color: #425a6d; font-size: .9rem; }
.auth-sign-in-methods .sign-in-methods-actions { display: flex; gap: .75rem; flex-wrap: wrap; }
.auth-sign-in-methods .button { min-height: 44px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.auth-sign-in-methods .button:disabled { opacity: .55; cursor: not-allowed; }
.auth-sign-in-methods label { display: block; margin: .75rem 0; }
.auth-sign-in-methods input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  margin-top: .35rem;
  padding: .65rem;
  border: 1px solid #9caebc;
  border-radius: .35rem;
  font: inherit;
}
.auth-sign-in-methods .sign-in-methods-list { list-style: none; padding: 0; }
.auth-sign-in-methods .sign-in-methods-list > li { padding: .75rem 0; border-bottom: 1px solid #dbe2e8; }
.auth-sign-in-methods .sign-in-methods-list strong { display: block; margin-bottom: .5rem; overflow-wrap: anywhere; }
.auth-sign-in-methods .sign-in-methods-form { margin-block: 1rem; }
.auth-sign-in-methods .sign-in-methods-message:empty { display: none; }
.auth-sign-in-methods .sign-in-methods-message[role="alert"] { color: #8c3428; }
.auth-sign-in-methods [hidden] { display: none !important; }
.auth-sign-in-methods :focus-visible { outline: 3px solid #ba852d; outline-offset: 3px; }
@media (max-width: 420px) {
  .auth-sign-in-methods .sign-in-methods-actions { display: grid; }
  .auth-sign-in-methods .button { width: 100%; }
  .auth-sign-in-methods form .button + .button { margin-top: .5rem; }
}