.embed-modal .embed-modal__container .embed-modal__html, samp, code, .flash-message .oauth-code, .form_admin_settings_site_short_description textarea, .form_admin_settings_site_description textarea, .form_admin_settings_site_extended_description textarea, .form_admin_settings_site_terms textarea, .form_admin_settings_custom_css textarea, .form_admin_settings_closed_registrations_message textarea, .input-copy[type=text] {
  font-family: monospace !important;
}

.fa {
  font-family: FontAwesome !important;
}

._comp_account_header__fieldList > :nth-child(1 of ._comp_account_header__fieldItem:not(:has(a))) {
  min-width: 30ex;
  display: block;

  & > ._comp_mini_card__value > span {
    white-space: initial;
  }
}

.detailed-status__button .icon-button.active::after, .status__action-bar-button.active::after, .status__quote-icon {
    display: none; /* i think this looks bad sorry */
}

.content-warning > * {
    display: inline;
}

.content-warning > p {
    margin-right: 0.5em;
}

:is(.status, .detailed-status):has(.status__content__text:not([lang])) .status__content__translate-button {
    display: none;
}

button[title="Change language"] > .dropdown-button__label {
    display: none;
}

div.account__avatar {
    background: transparent;
}

:is(#fakeID, html) {
  // Grey
  --color-grey-50: #f6f6f9;
  --color-grey-100: #eeedf3;
  --color-grey-200: #d7d6e1;
  --color-grey-300: #b2b1c8;
  --color-grey-400: #88a;
  --color-grey-500: #67678e;
  --color-grey-600: #535374;
  --color-grey-700: #44445f;
  --color-grey-800: #3a3a50;
  --color-grey-900: #21212c;
  --color-grey-950: #181820;

  // Indigo
  --color-indigo-50: #f0f1ff;
  --color-indigo-100: #e0e3ff;
  --color-indigo-200: #c8cdfe;
  --color-indigo-300: #a5abfd;
  --color-indigo-400: #8280f9;
  --color-indigo-500: #7263f2;
  --color-indigo-600: #6147e6;
  --color-indigo-700: #5638cc;
  --color-indigo-800: #48359c;
  --color-indigo-900: #3d317c;
  --color-indigo-950: #261e48;

  // Red
  --color-red-50: #fef2f2;
  --color-red-100: #ffe2e2;
  --color-red-200: #ffc9c9;
  --color-red-300: #ffa2a2;
  --color-red-400: #ff6467;
  --color-red-500: #fb2c36;
  --color-red-600: #e7000b;
  --color-red-700: #c10007;
  --color-red-800: #9f0712;
  --color-red-900: #82181a;
  --color-red-950: #460809;

  // Yellow
  --color-yellow-50: #fffbeb;
  --color-yellow-100: #fef3c6;
  --color-yellow-200: #fee685;
  --color-yellow-300: #ffd230;
  --color-yellow-400: #ffb900;
  --color-yellow-500: #fe9a00;
  --color-yellow-600: #e17100;
  --color-yellow-700: #bb4d00;
  --color-yellow-800: #973c00;
  --color-yellow-900: #7b3306;
  --color-yellow-950: #461901;

  // Green
  --color-green-50: #f0fdf4;
  --color-green-100: #dcfce7;
  --color-green-200: #b9f8cf;
  --color-green-300: #7bf1a8;
  --color-green-400: #05df72;
  --color-green-500: #00c950;
  --color-green-600: #00a63e;
  --color-green-700: #008236;
  --color-green-800: #016630;
  --color-green-900: #0d542b;
  --color-green-950: #032e15;

  --color-text-primary: var(--color-grey-100);
  --color-text-secondary: var(--color-grey-300);
  --color-text-tertiary: var(--color-grey-400);
  --color-text-inverted: var(--color-grey-950);
  --color-text-brand: var(--color-indigo-300);

  --color-text-on-brand-base: var(--color-white);
  --color-text-error: var(--color-red-300);
  --color-text-on-error-base: var(--color-white);
  --color-text-warning: var(--color-yellow-400);
  --color-text-on-warning-base: var(--color-white);
  --color-text-success: var(--color-green-400);
  --color-text-on-success-base: var(--color-white);
  --color-text-on-media: var(--color-white);
  --color-text-status-links: color-mix(
    in oklab,
    var(--color-text-primary),
    var(--color-text-secondary)
  );

  --color-bg-primary: var(--color-grey-950);
  --overlay-strength-secondary: 4%;
  --color-bg-secondary: var(--color-grey-900);
  --color-bg-tertiary: var(--color-grey-800); // legacy
  --color-bg-desktop: color-mix(
    in srgb,
    var(--color-bg-primary),
    var(--color-black) 30%
  );
  --color-bg-highlight: rgb(from var(--color-text-brand) r g b / 8%);

  --color-bg-inverted: var(--color-grey-50);

  --color-bg-brand-base: var(--color-indigo-700);
  --color-bg-brand-base-hover: var(--color-indigo-800);
  --color-bg-brand-soft: var(--color-indigo-900);
  --color-bg-brand-softest: var(--color-indigo-950);

  --color-bg-error-base: var(--color-red-700);
  --color-bg-error-base-hover: var(--color-red-800); // legacy
  --color-bg-error-soft: var(--color-red-900);
  --color-bg-error-softest: var(--color-red-950);

  --color-border-primary: var(--color-grey-800);
  --color-border-strong: var(--color-grey-100);
  --color-border-brand: var(--color-text-brand);
  --color-border-brand-soft: var(--color-indigo-800);
  --color-border-error: var(--color-red-300);
}