.account-sign-in-methods { margin-top: var(--space-7); }
.sign-in-methods-title { margin: 0 0 var(--space-4); }
.sign-in-method-list {
  border: var(--stroke-thin) solid var(--color-outline);
  border-radius: var(--radius-lg);
  overflow: hidden;
}
.sign-in-method-row {
  display: grid;
  grid-template-columns: var(--icon-size-lg) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
}
.sign-in-method-row + .sign-in-method-row { border-top: var(--stroke-thin) solid var(--color-outline); }
.sign-in-method-icon { display: block; width: var(--icon-size-lg); height: var(--icon-size-lg); }
.sign-in-method-name { margin: 0; }
.sign-in-method-description { margin: var(--space-1) 0 0; }
.sign-in-method-row .button:disabled { background: var(--color-secondary); color: var(--color-muted); cursor: default; }
.account-sign-in-methods .site-dialog { --dialog-max-width: var(--auth-content-width); }
.add-email-form { display: grid; gap: var(--space-3); }
.add-email-form input[type="email"] { width: 100%; box-sizing: border-box; min-width: 0; padding: var(--space-3); border: var(--stroke-thin) solid var(--color-outline); border-radius: var(--radius-md); background: var(--color-secondary); color: var(--color-on-surface); font: inherit; }
.sign-in-dialog-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-3); }
@media (max-width: 480px) {
  .sign-in-method-row { grid-template-columns: var(--icon-size-lg) minmax(0, 1fr); }
  .sign-in-method-row > .button, .sign-in-method-row > form { grid-column: 2; justify-self: start; }
}