:root {
  color-scheme: light dark;

  --background: #ffffff;
  --foreground: #18181b;

  --card: #ffffff;
  --card-foreground: #18181b;
  --popover: #ffffff;
  --popover-foreground: #18181b;

  --primary: #09090b;
  --primary-foreground: #ffffff;
  --secondary: #f8fafc;
  --secondary-foreground: #18181b;
  --muted: #f8fafc;
  --muted-foreground: #52525b;
  --accent: #18181b;
  --accent-foreground: #ffffff;
  --destructive: #b91c1c;
  --destructive-foreground: #ffffff;

  --border: #e4e4e7;
  --input: #d4d4d8;
  --ring: #09090b;

  --radius: 0.375rem;
  --navbar-height: 4rem;

  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --shadow-2xs: none;
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-2xl: none;
}

:root.dark {
  color-scheme: dark;

  --background: #111113;
  --foreground: #e4e4e7;

  --card: #1d1d20;
  --card-foreground: #e4e4e7;
  --popover: #1d1d20;
  --popover-foreground: #e4e4e7;

  --primary: #e4e4e7;
  --primary-foreground: #111113;
  --secondary: #303036;
  --secondary-foreground: #e4e4e7;
  --muted: #1d1d20;
  --muted-foreground: #a1a1aa;
  --accent: #e4e4e7;
  --accent-foreground: #111113;
  --destructive: #ef4444;
  --destructive-foreground: #111113;

  --border: #4a4a52;
  --input: #5f5f68;
  --ring: #e4e4e7;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;

    --background: #111113;
    --foreground: #e4e4e7;

    --card: #1d1d20;
    --card-foreground: #e4e4e7;
    --popover: #1d1d20;
    --popover-foreground: #e4e4e7;

    --primary: #e4e4e7;
    --primary-foreground: #111113;
    --secondary: #303036;
    --secondary-foreground: #e4e4e7;
    --muted: #1d1d20;
    --muted-foreground: #a1a1aa;
    --accent: #e4e4e7;
    --accent-foreground: #111113;
    --destructive: #ef4444;
    --destructive-foreground: #111113;

    --border: #4a4a52;
    --input: #5f5f68;
    --ring: #e4e4e7;
  }

  html,
  body,
  .idp-site,
  .idp-shell {
    background: var(--background);
    color: var(--foreground);
  }

  h1,
  h2,
  h3,
  h4,
  summary,
  summary[role="button"],
  label,
  .form-item__label,
  .user-profile__field-label,
  .idp-page-title h1,
  .idp-logo__text {
    color: var(--foreground);
  }

  p,
  .description,
  .form-item__description,
  .user-profile__field-items,
  .user-profile__field-item,
  .idp-footer,
  .site-footer,
  .idp-grants__description,
  .idp-grants__add-intro,
  .idp-grants__granted,
  .idp-grant-revoke-form > p,
  .idp-grant-revoke-form .form-item,
  .webauthn-passkeys__description,
  .webauthn-passkeys__register-intro,
  .webauthn-passkeys__date,
  .webauthn-passkeys-needed,
  .webauthn-passkeys-needed p,
  .webauthn-tfa-setup__description,
  .webauthn-tfa-setup__description p,
  .portal-webauthn-tfa-setup .description,
  .webauthn-tfa-setup .description,
  .tfa-overview__description,
  .tfa-overview__description p,
  .tfa-overview__method p,
  .tfa-overview__metric,
  .tfa-overview__metric p,
  .tfa-overview__empty,
  .tfa-overview__empty p,
  .tfa-base-overview__description,
  .tfa-base-overview__description p,
  .tfa-base-overview__method p,
  .tfa-base-overview__metric,
  .tfa-base-overview__metric p,
  .tfa-base-overview__empty,
  .tfa-base-overview__empty p,
  .user-profile-fields-form__empty,
  .idp-profile-form .password-strength,
  .idp-profile-form .password-confirm-message,
  .idp-profile-form .password-suggestions,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .description,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .form-item__description,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .password-strength,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .password-confirm-message,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .password-suggestions {
    color: var(--muted-foreground);
  }

  a,
  .idp-header-link,
  .idp-header-nav a,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .description a {
    color: var(--foreground);
    text-decoration-color: color-mix(in srgb, var(--foreground) 30%, transparent);
  }

  a:hover,
  .idp-header-link:hover,
  .idp-header-nav a:hover {
    color: var(--foreground);
    text-decoration-color: currentColor;
  }

  :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="date"]:focus,
  input[type="number"]:focus,
  select:focus,
  textarea:focus {
    outline: none;
    box-shadow: 0 0 0 2px var(--ring), 0 0 0 4px var(--background);
  }

  .idp-header,
  .idp-footer,
  .site-footer,
  .navbar,
  .navbar--modal-top,
  .navbar--dropdown-menu-wrapper::after,
  .navbar--menu,
  .navbar--hamburger-container,
  .region-footer,
  footer[role="contentinfo"] {
    background: var(--background);
    color: var(--foreground);
  }

  .idp-page-title,
  .idp-page-title,
  .idp-profile-menu,
  .idp-profile__summary,
  .idp-profile-form,
  .idp-panel,
  .idp-component,
  .messages,
  .profile-card-wrapper,
  .profile-card,
  .idp-auth-form,
  .user-login-form,
  .portal-tfa-totp-setup,
  .portal-tfa-hotp-setup,
  .portal-tfa-recovery-code-setup,
  .portal-webauthn-tfa-setup,
  .webauthn-tfa-setup,
  .idp-grants,
  .idp-grant-revoke-form,
  .webauthn-passkeys,
  .tfa-overview,
  .tfa-base-overview,
  .idp-main--profile .user-form[data-drupal-selector="user-form"],
  .navbar--hide-menu,
  .navbar--hamburger {
    border-color: var(--border);
    background: var(--card);
    color: var(--foreground);
  }

  .site-footer,
  .site-footer > div,
  .site-footer .site-footer--bottom-col,
  .site-footer nav {
    background: var(--background);
    color: var(--foreground);
  }

  .idp-profile-form__rows > *,
  .user-profile-fields-form > .field--type-string,
  .user-profile-fields-form > .field--type-datetime,
  .user-profile-fields-form > .field--type-link,
  .user-profile-fields-form > .field--type-image,
  .idp-profile-form details,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] > .form-wrapper,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] > details,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] > .form-actions,
  .idp-grants__summary,
  .idp-grants__add,
  .idp-profile-form details[open] > summary,
  .portal-tfa-totp-setup__actions,
  .portal-tfa-hotp-setup__actions,
  .portal-tfa-recovery-code-setup__actions,
  .tfa-overview__section,
  .tfa-overview__method,
  .tfa-overview__metric,
  .tfa-overview__empty,
  .tfa-base-overview__section,
  .tfa-base-overview__method,
  .tfa-base-overview__metric,
  .tfa-base-overview__empty,
  .webauthn-passkeys__register,
  .idp-grant-revoke-form,
  .webauthn-tfa-setup .form-item,
  .portal-webauthn-tfa-setup__current-pass {
    border-color: var(--border);
  }

  .idp-profile-form details > summary,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] > details > summary,
  .idp-profile-form .form-actions,
  .idp-profile-form .idp-form-actions,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] > .form-actions,
  .idp-grants__summary,
  .idp-profile-form .image-widget,
  .idp-profile-form .file-widget,
  .idp-profile-form .form-managed-file,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .image-widget,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .file-widget,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .form-managed-file,
  .idp-profile-form .password-suggestions,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .password-suggestions,
  .idp-grants__add .form-type--checkbox label,
  .idp-grants__add .form-type-checkbox label,
  .idp-grants__add-empty,
  .idp-grants__scope,
  .webauthn-passkeys-needed,
  .webauthn-passkeys__summary,
  .webauthn-passkeys__transport,
  .tfa-overview__summary,
  .tfa-overview__status,
  .tfa-base-overview__summary,
  .tfa-base-overview__status {
    background: var(--muted);
    border-color: var(--border);
    color: var(--foreground);
  }

  .idp-grants__table thead,
  .webauthn-passkeys__table thead {
    background: var(--card);
    border-color: var(--border);
  }

  .idp-profile__rows,
  .user-profile__rows,
  .user-profile__field {
    border-color: var(--border);
  }

  .idp-grants__row,
  .idp-grants__cell + .idp-grants__cell,
  .webauthn-passkeys__row,
  .webauthn-passkeys__cell + .webauthn-passkeys__cell,
  .webauthn-passkeys__register,
  .tfa-overview__section > summary,
  .tfa-base-overview__section > summary {
    border-color: var(--border);
  }

  .view-apps.view-display-id-block_1 article {
    border-color: var(--input);
  }

  .view-apps.view-display-id-block_1 article:hover {
    border-color: var(--border);
  }

  .view-id-apps article .app-tags {
    color: var(--foreground);
  }

  .view-id-apps article .app-tags__item {
    background: var(--muted);
    border-color: var(--border);
    color: var(--foreground);
  }

  .view-id-apps article .app-tags__item--cloud {
    border-color: #4c6b86;
    background: #1f2d38;
    color: #d7e9f7;
  }

  .view-id-apps article .app-tags__item--sso {
    border-color: #3f6d56;
    background: #1b2f26;
    color: #d6f5e4;
  }

  .view-id-apps article .app-tags__item--security {
    border-color: #7a6431;
    background: #332913;
    color: #f4e8c7;
  }

  .view-id-apps article .app-tags__item--identity {
    border-color: #7a4a63;
    background: #331c28;
    color: #f6d9e7;
  }

  .view-id-apps article .app-tags__item--internal {
    border-color: #65588a;
    background: #262036;
    color: #e5ddff;
  }

  .view-id-apps article .app-tags__item--external {
    border-color: #447184;
    background: #1a3038;
    color: #d5f0f7;
  }

  .view-id-apps article .app-tags__item:has(a:hover) {
    border-color: var(--input);
    background: var(--card);
    color: var(--foreground);
  }

  .webauthn-passkeys__register,
  .tfa-overview__section,
  .tfa-base-overview__section {
    background: var(--background);
    color: var(--foreground);
  }

  .idp-page-title,
  .idp-content,
  .idp-main--profile,
  .idp-profile-menu,
  .idp-profile-menu__list,
  .profile-card-wrapper,
  .profile-card-media,
  .user-form,
  .user-form[data-drupal-selector="user-form"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"],
  .portal-user-profile-fields-form,
  .tfa-base-overview,
  .tfa-overview__method,
  .webauthn-passkeys,
  .webauthn-passkeys__register,
  .idp-grants {
    background: transparent;
  }

  .idp-content {
    color: var(--foreground);
  }

  .idp-content p,
  .idp-content li,
  .idp-content dd,
  .idp-content span,
  .idp-content .description,
  .idp-content .form-item__description,
  .idp-content .tfa-overview__description,
  .idp-content .tfa-overview__description p,
  .idp-content .tfa-overview__method p,
  .idp-content .tfa-overview__metric,
  .idp-content .tfa-overview__metric p,
  .idp-content .tfa-overview__empty,
  .idp-content .tfa-overview__empty p,
  .idp-content .tfa-base-overview__description,
  .idp-content .tfa-base-overview__description p,
  .idp-content .tfa-base-overview__method p,
  .idp-content .tfa-base-overview__metric,
  .idp-content .tfa-base-overview__metric p,
  .idp-content .tfa-base-overview__empty,
  .idp-content .tfa-base-overview__empty p {
    color: var(--foreground);
  }

  .idp-content dt,
  .idp-content .webauthn-passkeys__heading,
  .idp-content .idp-grants__heading,
  .idp-content .idp-grants__client-id,
  .idp-content .webauthn-passkeys__credential-id,
  .idp-content .webauthn-passkeys__date--empty,
  .idp-content .webauthn-passkeys__transport--empty {
    color: var(--muted-foreground);
  }

  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="tel"],
  input[type="url"],
  input[type="date"],
  input[type="number"],
  select,
  textarea,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="text"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="email"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="password"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="url"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="date"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] input[type="file"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] select,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] textarea,
  .idp-grants__add select,
  .idp-profile-form .image-widget input[type="file"],
  .idp-profile-form .form-managed-file input[type="file"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .image-widget input[type="file"],
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .form-managed-file input[type="file"] {
    background: #18181b;
    border-color: var(--input);
    color: var(--foreground);
  }

  input::placeholder,
  textarea::placeholder {
    color: var(--muted-foreground);
  }

  .button--secondary,
  .idp-button--secondary,
  .portal-tfa-totp-setup__actions .form-submit:not(.button--primary),
  .portal-tfa-hotp-setup__actions .form-submit:not(.button--primary),
  .portal-tfa-recovery-code-setup__actions .form-submit:not(.button--primary),
  .portal-webauthn-tfa-setup__actions .form-submit:not(.button--primary),
  .webauthn-tfa-setup .form-submit:not(.button--primary),
  .idp-grant-revoke-form__cancel,
  .idp-grant-revoke-form a.button,
  .idp-grant-revoke-form .button:not(.form-submit),
  .webauthn-passkeys__delete,
  .webauthn-delete-link,
  .tfa-overview__method li a,
  .tfa-base-overview__method li a {
    background: var(--card);
    border-color: var(--border);
    color: var(--foreground);
  }

  .button--secondary:hover,
  .idp-button--secondary:hover,
  .portal-tfa-totp-setup__actions .form-submit:not(.button--primary):hover,
  .portal-tfa-hotp-setup__actions .form-submit:not(.button--primary):hover,
  .portal-tfa-recovery-code-setup__actions .form-submit:not(.button--primary):hover,
  .portal-webauthn-tfa-setup__actions .form-submit:not(.button--primary):hover,
  .webauthn-tfa-setup .form-submit:not(.button--primary):hover,
  .idp-grant-revoke-form__cancel:hover,
  .idp-grant-revoke-form a.button:hover,
  .idp-grant-revoke-form .button:not(.form-submit):hover,
  .webauthn-passkeys__delete:hover,
  .webauthn-delete-link:hover,
  .tfa-overview__method li a:hover,
  .tfa-base-overview__method li a:hover {
    background: #303036;
    border-color: #5f5f68;
    color: var(--foreground);
  }

  .idp-grants__count,
  .idp-grants__add-title,
  .idp-grants__application-name,
  .webauthn-passkeys__count,
  .webauthn-passkeys__register-title,
  .webauthn-passkeys__label,
  .webauthn-tfa-setup__heading,
  .tfa-overview__count,
  .tfa-overview__status strong,
  .tfa-overview__status a,
  .tfa-overview__method h2,
  .tfa-overview__method h3,
  .tfa-base-overview__count,
  .tfa-base-overview__status strong,
  .tfa-base-overview__status a,
  .tfa-base-overview__method h2,
  .tfa-base-overview__method h3 {
    color: var(--foreground);
  }

  .idp-grants__heading,
  .idp-grants__client-id,
  .idp-grants__scope--empty,
  .webauthn-passkeys__heading,
  .webauthn-passkeys__credential-id,
  .webauthn-passkeys__date--empty,
  .webauthn-passkeys__transport--empty,
  .profile-detail dt {
    color: var(--muted-foreground);
  }

  .profile-detail dd,
  .profile-detail a {
    color: var(--foreground);
  }

  .idp-grants__table .empty,
  .idp-grants__table tbody tr:only-child td[colspan],
  .webauthn-passkeys__table .empty,
  .webauthn-passkeys__table tbody tr:only-child td[colspan] {
    color: var(--muted-foreground);
  }

  .idp-grants__table .empty p,
  .idp-grants__table tbody tr:only-child td[colspan] p,
  .webauthn-passkeys__table .empty p,
  .webauthn-passkeys__table tbody tr:only-child td[colspan] p {
    color: inherit;
  }

  .personal-access-token-overview__latest-token pre {
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--border);
    background: #18181b;
    border-radius: 0.375rem;
    padding: 1rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #fff;
  }

  .personal-access-token-overview__latest-token code {
    white-space: pre-wrap;
    word-break: break-all;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
    color: #fff;
  }

  .personal-access-token-overview {
    border-color: var(--border);
    background: var(--card);
    color: var(--foreground);
  }

  .personal-access-token-overview__summary,
  .personal-access-token-overview__latest-token,
  .personal-access-token-overview__create,
  .personal-access-token-overview__row,
  .personal-access-token-overview__cell + .personal-access-token-overview__cell {
    border-color: var(--border);
  }

  .personal-access-token-overview__summary {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.25rem;
    background: var(--muted);
  }

  @media (min-width: 40rem) {
    .personal-access-token-overview__summary {
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-between;
      gap: 1.5rem;
      padding-inline: 1.5rem;
    }
  }

  .personal-access-token-overview__count {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: var(--foreground);
  }

  .personal-access-token-overview__description {
    max-width: 42rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__latest-token,
  .personal-access-token-overview__create {
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--border);
    background: var(--card);
    padding: 1.25rem;
    max-width: none;
  }

  @media (min-width: 40rem) {
    .personal-access-token-overview__latest-token,
    .personal-access-token-overview__create {
      padding: 1.5rem;
    }
  }

  .personal-access-token-overview__section-title {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: var(--foreground);
  }

  .personal-access-token-overview__section-intro {
    margin-bottom: 1.25rem;
    max-width: 42rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__latest-token .form-item,
  .personal-access-token-overview__create .form-item {
    max-width: 36rem;
  }

  .personal-access-token-overview__actions {
    margin-top: 1rem;
  }

  .personal-access-token-overview__submit {
    margin-top: 0;
  }

  .personal-access-token-overview__table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-size: 0.875rem;
  }

  .personal-access-token-overview__table thead {
    display: none;
    border-bottom: 1px solid var(--border);
    background: var(--card);
  }

  @media (min-width: 48rem) {
    .personal-access-token-overview__table thead {
      display: table-header-group;
    }
  }

  .personal-access-token-overview__heading {
    padding: 0.75rem 1.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1rem;
    letter-spacing: 0;
    text-transform: uppercase;
    color: var(--muted-foreground);
  }

  @media (min-width: 40rem) {
    .personal-access-token-overview__heading {
      padding-inline: 1.5rem;
    }
  }

  .personal-access-token-overview__row {
    display: grid;
    border-bottom: 1px solid var(--border);
  }

  @media (min-width: 48rem) {
    .personal-access-token-overview__row {
      display: table-row;
    }
  }

  .personal-access-token-overview__row:last-child {
    border-bottom: 0;
  }

  .personal-access-token-overview__table tbody td {
    display: block;
    padding: 0.875rem 1.25rem;
    vertical-align: top;
  }

  @media (min-width: 40rem) {
    .personal-access-token-overview__table tbody td {
      padding-inline: 1.5rem;
    }
  }

  @media (min-width: 48rem) {
    .personal-access-token-overview__table tbody td {
      display: table-cell;
    }
  }

  .personal-access-token-overview__table tbody td + td {
    border-top: 1px solid var(--border);
  }

  @media (min-width: 48rem) {
    .personal-access-token-overview__table tbody td + td {
      border-top: 0;
    }
  }

  .personal-access-token-overview__table tbody td:last-child {
    padding-bottom: 1rem;
  }

  @media (min-width: 48rem) {
    .personal-access-token-overview__table tbody td:last-child {
      text-align: right;
    }
  }

  .personal-access-token-overview__identity {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.25rem;
  }

  .personal-access-token-overview__label {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    word-break: break-word;
    color: var(--foreground);
  }

  .personal-access-token-overview__token-id {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
    font-size: 0.75rem;
    line-height: 1.25rem;
    word-break: break-all;
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__date {
    font-size: 0.875rem;
    line-height: 1.5rem;
    white-space: nowrap;
    color: var(--foreground);
  }

  .personal-access-token-overview__date--empty {
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .personal-access-token-overview__badge {
    display: inline-flex;
    min-height: 1.75rem;
    align-items: center;
    border: 1px solid var(--border);
    border-radius: 0.375rem;
    background: var(--muted);
    padding: 0.25rem 0.625rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    color: var(--foreground);
  }

  .personal-access-token-overview__badge--empty {
    font-family: inherit;
    font-weight: 500;
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__delete {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #fecaca;
    border-radius: 0.375rem;
    background: var(--card);
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #b91c1c;
    text-decoration: none;
  }

  .personal-access-token-overview__delete:hover {
    border-color: #b91c1c;
    background: #450a0a14;
    color: #991b1b;
  }

  .personal-access-token-overview__table .empty,
  .personal-access-token-overview__table tbody tr:only-child td[colspan] {
    padding: 4rem 1.5rem;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: var(--muted-foreground);
  }

  .personal-access-token-overview__table .empty p,
  .personal-access-token-overview__table tbody tr:only-child td[colspan] p {
    margin: 0;
  }

  .profile-card img,
  .user-profile-card img {
    background: var(--card);
    border-color: var(--border);
  }

.profile-username {
  background: var(--muted);
  border-color: var(--border);
  color: var(--foreground);
}

  #block-f9140da6-3234-4dde-96cd-75f32d8fa5c9 svg {
    color: #d4d4d8;
  }

  #block-f9140da6-3234-4dde-96cd-75f32d8fa5c9 svg [stroke] {
    stroke: #c4c4cc;
  }

  #block-f9140da6-3234-4dde-96cd-75f32d8fa5c9 svg [fill]:not([fill="none"]) {
    fill: #d4d4d8;
  }

  #block-f9140da6-3234-4dde-96cd-75f32d8fa5c9 img[src$=".svg"],
  #block-f9140da6-3234-4dde-96cd-75f32d8fa5c9 img[src*=".svg?"] {
    filter: brightness(0) invert(1) opacity(0.9);
  }

  .idp-profile-form .password-strength__meter,
  .user-form .password-strength__meter,
  [data-drupal-selector="user-form"] .password-strength__meter {
    background: var(--muted);
  }

  .idp-profile-form .password-strength__indicator,
  .user-form .password-strength__indicator,
  [data-drupal-selector="user-form"] .password-strength__indicator,
  .user-form [data-drupal-selector="password-strength-indicator"],
  [data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"] {
    background: #a1a1aa;
  }

  .idp-logo svg,
  .idp-profile__media img,
  .idp-profile-form .image-widget img,
  .idp-main--profile .user-form[data-drupal-selector="user-form"] .image-widget img {
    background: var(--card);
    border-color: var(--border);
  }

  .idp-logo svg rect {
    fill: var(--background);
    stroke: currentColor;
  }

  .branding img {
    filter: brightness(0) invert(1);
  }
}

.user-form .password-strength__meter,
[data-drupal-selector="user-form"] .password-strength__meter {
  background: var(--muted);
}

.user-form .password-strength__indicator,
[data-drupal-selector="user-form"] .password-strength__indicator,
.user-form [data-drupal-selector="password-strength-indicator"],
[data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"] {
  background: #71717a;
}

.user-form .password-strength__indicator.is-weak,
[data-drupal-selector="user-form"] .password-strength__indicator.is-weak,
.user-form [data-drupal-selector="password-strength-indicator"].is-weak,
[data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"].is-weak {
  background: #b91c1c;
}

.user-form .password-strength__indicator.is-fair,
[data-drupal-selector="user-form"] .password-strength__indicator.is-fair,
.user-form [data-drupal-selector="password-strength-indicator"].is-fair,
[data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"].is-fair {
  background: #d97706;
}

.user-form .password-strength__indicator.is-good,
[data-drupal-selector="user-form"] .password-strength__indicator.is-good,
.user-form [data-drupal-selector="password-strength-indicator"].is-good,
[data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"].is-good {
  background: #075985;
}

.user-form .password-strength__indicator.is-strong,
[data-drupal-selector="user-form"] .password-strength__indicator.is-strong,
.user-form [data-drupal-selector="password-strength-indicator"].is-strong,
[data-drupal-selector="user-form"] [data-drupal-selector="password-strength-indicator"].is-strong {
  background: #15803d;
}

.user-form [data-drupal-selector="password-match-status-text"].ok,
[data-drupal-selector="user-form"] [data-drupal-selector="password-match-status-text"].ok {
  color: #15803d;
}

.user-form [data-drupal-selector="password-match-status-text"].error,
[data-drupal-selector="user-form"] [data-drupal-selector="password-match-status-text"].error {
  color: #b91c1c;
}

[data-drupal-messages] {
  z-index: 1000;
}

.region-header,
.region-content,
.region-footer {
  z-index: auto !important;
}