.app-shell--account-auth {
  --account-auth-font-family: var(--fb-font-family-inter);
  --account-auth-font-weight-regular: var(--fb-font-weight-regular);
  --account-auth-font-weight-medium: var(--fb-font-weight-medium);
  --account-auth-font-weight-semibold: var(--fb-font-weight-semibold);
  --account-auth-font-weight-bold: var(--fb-font-weight-bold);
  font-family: var(--account-auth-font-family);
  font-size: var(--fb-type-body-size);
  font-weight: var(--account-auth-font-weight-regular);
  line-height: var(--fb-type-body-line-height);
  font-optical-sizing: auto;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

.app-shell--account-auth button,
.app-shell--account-auth input,
.app-shell--account-auth select,
.app-shell--account-auth textarea {
  font-family: inherit;
}

.app-shell--account-auth .font-medium {
  font-weight: var(--account-auth-font-weight-medium);
}

.app-shell--account-auth .font-semibold {
  font-weight: var(--account-auth-font-weight-semibold);
}

.app-shell--account-auth .font-bold,
.app-shell--account-auth .font-extrabold,
.app-shell--account-auth .font-black {
  font-weight: var(--account-auth-font-weight-bold);
}

.app-shell--account-auth .app-logo {
  font-size: var(--fb-type-section-title-size);
  font-weight: var(--account-auth-font-weight-bold);
  line-height: var(--fb-type-section-title-line-height);
}

.app-shell--account-auth .header-btn {
  font-size: var(--fb-type-label-size);
  font-weight: var(--account-auth-font-weight-medium);
  line-height: var(--fb-type-label-line-height);
}

.app-shell--account-auth .language-switcher {
  font-size: var(--fb-type-caption-size);
  line-height: var(--fb-type-caption-line-height);
}

.app-shell--account-auth .language-switcher-link {
  font-weight: var(--account-auth-font-weight-medium);
}

.app-shell--account-auth .account-auth-panel > h1 {
  font-size: var(--fb-type-page-title-size);
  font-weight: var(--account-auth-font-weight-semibold);
  line-height: var(--fb-type-page-title-line-height);
}

.app-shell--account-auth .account-auth-panel > h1 + p {
  font-size: var(--fb-type-body-compact-size);
  font-weight: var(--account-auth-font-weight-regular);
  line-height: var(--fb-type-body-compact-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form > div > label {
  font-size: var(--fb-type-label-size);
  font-weight: var(--account-auth-font-weight-medium);
  line-height: var(--fb-type-label-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form input:not([type="checkbox"]),
.app-shell--account-auth .account-auth-panel .stack-form select,
.app-shell--account-auth .account-auth-panel .stack-form textarea {
  width: 100%;
  box-sizing: border-box;
  font-size: var(--fb-type-body-size);
  font-weight: var(--account-auth-font-weight-regular);
  line-height: var(--fb-type-body-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form p.text-xs {
  font-size: var(--fb-type-caption-size);
  font-weight: var(--account-auth-font-weight-regular);
  line-height: var(--fb-type-caption-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form > label,
.app-shell--account-auth .account-auth-panel .stack-form input[type="checkbox"] ~ label {
  font-size: var(--fb-type-body-compact-size);
  font-weight: var(--account-auth-font-weight-regular);
  line-height: var(--fb-type-body-compact-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form button {
  font-size: var(--fb-type-body-compact-size);
  font-weight: var(--account-auth-font-weight-semibold);
  line-height: var(--fb-type-body-compact-line-height);
}

.app-shell--account-auth .account-auth-panel .stack-form a {
  font-size: var(--fb-type-body-compact-size);
  font-weight: var(--account-auth-font-weight-medium);
  line-height: var(--fb-type-body-compact-line-height);
}

.app-shell--account-auth .account-auth-panel .field-validation-error {
  font-size: var(--fb-type-body-compact-size);
  font-weight: var(--account-auth-font-weight-medium);
  line-height: var(--fb-type-body-compact-line-height);
}

@media (max-width: 640px) {
  .app-shell--account-auth .account-auth-panel .stack-form input:not([type="checkbox"]),
  .app-shell--account-auth .account-auth-panel .stack-form select,
  .app-shell--account-auth .account-auth-panel .stack-form textarea {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}