/*
  Created by @root:oabragh.dev
  Credit or a link back is appreciated, but it's up to you :)
*/

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/jetbrains-mono-400.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("../fonts/jetbrains-mono-600.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url("../fonts/jetbrains-mono-700.woff2") format("woff2");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/Exo2-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('../fonts/Exo2-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('../fonts/Exo2-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 700;
  font-display: block;
  src: url('../fonts/Exo2-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  font-display: block;
  src: url('../fonts/Exo2-Italic.ttf') format('truetype');
}

.chroma .bp { color: #7fbbb3; }
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, .chroma .cs { color: #7a8478; font-style: italic; }
.chroma .cp { color: #83c092; }
.chroma .cpf { color: #7fbbb3; }
.chroma .dl { color: #a7c080; }
.chroma .gd { color: #ffffff; background-color: #4e3e43; }
.chroma .ge { font-style: italic; }
.chroma .gh { color: #e69875; font-weight: bold; }
.chroma .gi { color: #ffffff; background-color: #404d44; }
.chroma .go { color: #7a8478; }
.chroma .gp { color: #859289; }
.chroma .gr, .chroma .gt { color: #e67e80; }
.chroma .gu { color: #83c092; font-weight: bold; }
.chroma .il, .chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo { color: #d699b6; }
.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr { color: #e67e80; }
.chroma .kc { color: #d699b6; }
.chroma .kt { color: #dbbc7f; }
.chroma .n, .chroma .nn { color: #d3c6aa; }
.chroma .na { color: #83c092; }
.chroma .nb { color: #7fbbb3; }
.chroma .nc { color: #dbbc7f; }
.chroma .nd { color: #83c092; }
.chroma .ne { color: #e67e80; }
.chroma .nf { color: #a7c080; }
.chroma .ni { color: #e69875; }
.chroma .nl { color: #83c092; }
.chroma .no { color: #d699b6; }
.chroma .nt { color: #dbbc7f; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi { color: #d3c6aa; }
.chroma .nx { color: #d3c6aa; }
.chroma .o, .chroma .ow { color: #e69875; }
.chroma .p { color: #9da9a0; }
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sd, .chroma .sh { color: #a7c080; }
.chroma .sa, .chroma .sc, .chroma .si, .chroma .sx { color: #e69875; }
.chroma .se, .chroma .ss { color: #e69875; }
.chroma .sr { color: #7fbbb3; }
.chroma .w { color: #323c41; }

.CodeMirror.cm-s-default .cm-property, .CodeMirror.cm-s-paper .cm-property { color: #83c092; }
.CodeMirror.cm-s-default .cm-header, .CodeMirror.cm-s-paper .cm-header { color: #7fbbb3; }
.CodeMirror.cm-s-default .cm-quote, .CodeMirror.cm-s-paper .cm-quote { color: #a7c080; }
.CodeMirror.cm-s-default .cm-keyword, .CodeMirror.cm-s-paper .cm-keyword { color: #e67e80; }
.CodeMirror.cm-s-default .cm-atom, .CodeMirror.cm-s-paper .cm-atom { color: #d699b6; }
.CodeMirror.cm-s-default .cm-number, .CodeMirror.cm-s-paper .cm-number { color: #d699b6; }
.CodeMirror.cm-s-default .cm-def, .CodeMirror.cm-s-paper .cm-def { color: #d3c6aa; }
.CodeMirror.cm-s-default .cm-variable-2, .CodeMirror.cm-s-paper .cm-variable-2 { color: #83c092; }
.CodeMirror.cm-s-default .cm-variable-3, .CodeMirror.cm-s-paper .cm-variable-3 { color: #a7c080; }
.CodeMirror.cm-s-default .cm-comment, .CodeMirror.cm-s-paper .cm-comment { color: #7a8478; font-style: italic; }
.CodeMirror.cm-s-default .cm-string, .CodeMirror.cm-s-paper .cm-string { color: #a7c080; }
.CodeMirror.cm-s-default .cm-string-2, .CodeMirror.cm-s-paper .cm-string-2 { color: #e69875; }
.CodeMirror.cm-s-default .cm-meta, .CodeMirror.cm-s-paper .cm-meta,
.CodeMirror.cm-s-default .cm-qualifier, .CodeMirror.cm-s-paper .cm-qualifier { color: #e69875; }
.CodeMirror.cm-s-default .cm-builtin, .CodeMirror.cm-s-paper .cm-builtin { color: #7fbbb3; }
.CodeMirror.cm-s-default .cm-bracket, .CodeMirror.cm-s-paper .cm-bracket { color: #d3c6aa; }
.CodeMirror.cm-s-default .cm-tag, .CodeMirror.cm-s-paper .cm-tag { color: #dbbc7f; }
.CodeMirror.cm-s-default .cm-attribute, .CodeMirror.cm-s-paper .cm-attribute { color: #83c092; }
.CodeMirror.cm-s-default .cm-hr, .CodeMirror.cm-s-paper .cm-hr { color: #7a8478; }
.CodeMirror.cm-s-default .cm-url, .CodeMirror.cm-s-paper .cm-url { color: #7fbbb3; }
.CodeMirror.cm-s-default .cm-link, .CodeMirror.cm-s-paper .cm-link { color: #d699b6; }
.CodeMirror.cm-s-default .cm-error, .CodeMirror.cm-s-paper .cm-error { color: #e67e80; }

.markup [src$="#gh-light-mode-only"],
.markup [src$="#light-mode-only"],
.markup [href$="#gh-light-mode-only"],
.markup [href$="#light-mode-only"] {
  display: none;
}
.markup [src$="#gh-dark-mode-only"],
.markup [src$="#dark-mode-only"],
.markup [href$="#gh-dark-mode-only"],
.markup [href$="#dark-mode-only"] {
  display: unset;
}

:root {
  --fonts-proportional:
    "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica,
    Arial, sans-serif !important;
  --fonts-monospace:
    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    monospace !important;

  --moss-950: #232a2e;
  --moss-900: #272f34;
  --moss-850: #293136;
  --moss-800: #2b3339;
  --moss-750: #323c41;
  --moss-700: #3a454a;
  --moss-650: #445055;
  --moss-600: #4c555b;
  --moss-550: #53605c;
  --moss-500: #606d67;
  --moss-450: #6d7b73;
  --moss-400: #7a8478;
  --moss-350: #859289;
  --moss-300: #9da9a0;
  --moss-250: #b2beb4;
  --moss-200: #c4cec6;
  --moss-150: #cbd5cd;
  --moss-100: #d3c6aa;
  --moss-50:  #e5dcce;

  --is-dark-theme: true;

  --color-primary: #a7c080;
  --color-primary-contrast: #232a2e;
  --color-primary-dark-1: oklch(0.85 0.08 135);
  --color-primary-dark-2: oklch(0.85 0.08 135);
  --color-primary-dark-3: oklch(0.90 0.05 135);
  --color-primary-dark-4: oklch(0.90 0.05 135);
  --color-primary-dark-5: oklch(0.94 0.03 135);
  --color-primary-dark-6: oklch(0.94 0.03 135);
  --color-primary-dark-7: oklch(0.97 0.01 135);
  --color-primary-light-1: oklch(0.70 0.12 135);
  --color-primary-light-2: oklch(0.64 0.12 135);
  --color-primary-light-3: oklch(0.55 0.11 135);
  --color-primary-light-4: oklch(0.50 0.10 135);
  --color-primary-light-5: oklch(0.45 0.09 135);
  --color-primary-light-6: oklch(0.40 0.08 135);
  --color-primary-light-7: oklch(0.36 0.07 135);

  --color-primary-alpha-10: rgba(167, 192, 128, 0.10);
  --color-primary-alpha-20: rgba(167, 192, 128, 0.20);
  --color-primary-alpha-30: rgba(167, 192, 128, 0.30);
  --color-primary-alpha-40: rgba(167, 192, 128, 0.40);
  --color-primary-alpha-50: rgba(167, 192, 128, 0.50);
  --color-primary-alpha-60: rgba(167, 192, 128, 0.60);
  --color-primary-alpha-70: rgba(167, 192, 128, 0.70);
  --color-primary-alpha-80: rgba(167, 192, 128, 0.80);
  --color-primary-alpha-90: rgba(167, 192, 128, 0.90);

  --color-primary-hover: #b5cb93;
  --color-primary-active: #97b16f;

  --color-secondary: var(--moss-700);
  --color-secondary-dark-1: var(--moss-550);
  --color-secondary-dark-2: var(--moss-500);
  --color-secondary-dark-3: var(--moss-450);
  --color-secondary-dark-4: var(--moss-400);
  --color-secondary-dark-5: var(--moss-350);
  --color-secondary-dark-6: var(--moss-300);
  --color-secondary-dark-7: var(--moss-300);
  --color-secondary-dark-8: var(--moss-250);
  --color-secondary-dark-9: var(--moss-200);
  --color-secondary-dark-10: var(--moss-150);
  --color-secondary-dark-11: var(--moss-100);
  --color-secondary-dark-12: var(--moss-100);
  --color-secondary-dark-13: var(--moss-100);
  --color-secondary-light-1: var(--moss-650);
  --color-secondary-light-2: var(--moss-700);
  --color-secondary-light-3: var(--moss-750);
  --color-secondary-light-4: var(--moss-800);

  --color-secondary-alpha-10: rgba(68, 80, 85, 0.15);
  --color-secondary-alpha-20: rgba(68, 80, 85, 0.30);
  --color-secondary-alpha-30: rgba(68, 80, 85, 0.45);
  --color-secondary-alpha-40: rgba(68, 80, 85, 0.60);
  --color-secondary-alpha-50: rgba(68, 80, 85, 0.75);
  --color-secondary-alpha-60: rgba(68, 80, 85, 0.85);
  --color-secondary-alpha-70: rgba(68, 80, 85, 0.90);
  --color-secondary-alpha-80: rgba(68, 80, 85, 0.95);
  --color-secondary-alpha-90: #445055;

  --color-secondary-hover: #445055;
  --color-secondary-active: #4c555b;

  --color-body: var(--moss-800);
  --color-box-header: var(--moss-700);
  --color-box-body: var(--moss-750);
  --color-box-body-highlight: var(--moss-650);
  --color-text-dark: #ffffff;
  --color-text: var(--moss-100);
  --color-text-light: var(--moss-200);
  --color-text-light-1: var(--moss-200);
  --color-text-light-2: var(--moss-300);
  --color-text-light-3: var(--moss-350);
  --color-footer: var(--moss-950);
  --color-timeline: var(--moss-600);
  --color-input-text: var(--moss-100);
  --color-input-background: var(--moss-650);
  --color-input-toggle-background: var(--moss-650);
  --color-input-border: var(--moss-550);
  --color-input-border-hover: var(--moss-400);
  --color-header-wrapper: var(--moss-850);
  --color-header-wrapper-transparent: rgba(41, 49, 54, 0);
  --color-light: rgba(0, 0, 0, 0.28);
  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
  --color-light-border: rgba(211, 198, 170, 0.12);

  --color-hover: rgba(211, 198, 170, 0.08);
  --color-active: var(--moss-650);

  --color-menu: var(--moss-700);
  --color-card: var(--moss-700);
  --fancy-card-bg: var(--moss-650);
  --fancy-card-border: var(--moss-600);
  --color-markup-table-row: rgba(255, 255, 255, 0.03);
  --color-markup-code-block: var(--moss-800);
  --color-markup-code-inline: var(--moss-650);

  --color-button: var(--moss-650);
  --color-button-hover: #4c555b;
  --color-button-active: #53605c;
  --color-code-bg: var(--moss-750);
  --color-shadow: rgba(24, 31, 35, 0.65);
  --color-secondary-bg: var(--moss-700);
  --color-text-focus: #ffffff;
  --color-expand-button: var(--moss-600);
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--moss-700);
  --color-project-board-bg: var(--color-secondary-light-3);
  --color-project-board-dark-label: var(--color-text-light-3);
  --color-caret: var(--color-text);

  --color-reaction-bg: rgba(255, 255, 255, 0.07);
  --color-reaction-active-bg: rgba(167, 192, 128, 0.25);
  --color-reaction-hover-bg: rgba(167, 192, 128, 0.15);

  --color-tooltip-text: #d3c6aa;
  --color-tooltip-bg: #232a2ef0;

  --color-nav-bg: #3c5344;
  --color-nav-hover-bg: #324639;
  --color-secondary-nav-bg: var(--color-body);

  --color-label-text: #d3c6aa;
  --color-label-bg: var(--moss-650);
  --color-label-hover-bg: #4c555b;
  --color-label-active-bg: #53605c;
  --color-label-bg-alt: var(--moss-600);
  --color-accent: var(--color-primary-light-1);
  --color-small-accent: var(--color-primary-light-5);
  --color-highlight-fg: var(--color-primary-light-4);
  --color-highlight-bg: var(--color-primary-alpha-20);
  --color-overlay-backdrop: rgba(28, 34, 37, 0.75);

  --color-selection-bg: #445055;
  --color-selection-fg: #d3c6aa;
  --checkerboard-color-1: #323c41;
  --checkerboard-color-2: #2b3339;

  --color-console-fg: #d3c6aa;
  --color-console-fg-subtle: #859289;
  --color-console-bg: #232a2e;
  --color-console-border: #3a454a;
  --color-console-hover-bg: rgba(255, 255, 255, 0.08);
  --color-console-active-bg: #323c41;
  --color-console-menu-bg: #2b3339;
  --color-console-menu-border: #445055;

  --color-diff-removed-word-bg: #5c3f45;
  --color-diff-added-word-bg: #365040;
  --color-diff-removed-row-bg: #4e3e43;
  --color-diff-moved-row-bg: #4a4940;
  --color-diff-added-row-bg: #404d44;
  --color-diff-removed-row-border: #e67e80;
  --color-diff-moved-row-border: #dbbc7f;
  --color-diff-added-row-border: #a7c080;
  --color-diff-inactive: var(--moss-650);

  --color-error-border: #e67e80;
  --color-error-bg: #4e3e43;
  --color-error-bg-hover: #5d464c;
  --color-error-bg-active: #3d3034;
  --color-error-text: #ffd5d6;

  --color-success-border: #404d44;
  --color-success-bg: #324036;
  --color-success-text: #a7c080;
  --color-warning-border: #4a4940;
  --color-warning-bg: #3d3a31;
  --color-warning-text: #dbbc7f;
  --color-info-border: #394f5a;
  --color-info-bg: #2d3e47;
  --color-info-text: #7fbbb3;

  --color-red: #e67e80;
  --color-orange: #e69875;
  --color-yellow: #dbbc7f;
  --color-olive: #a7c080;
  --color-green: #a7c080;
  --color-teal: #83c092;
  --color-blue: #7fbbb3;
  --color-violet: #d699b6;
  --color-purple: #d699b6;
  --color-pink: #d699b6;
  --color-brown: #e69875;
  --color-grey: var(--moss-400);
  --color-black: #232a2e;
  --color-red-light: #f08d8f;
  --color-orange-light: #f0a786;
  --color-yellow-light: #e5cb93;
  --color-olive-light: #b5cb93;
  --color-green-light: #b5cb93;
  --color-teal-light: #94cba1;
  --color-blue-light: #8ec4bc;
  --color-violet-light: #e0abc2;
  --color-purple-light: #e0abc2;
  --color-pink-light: #e0abc2;
  --color-brown-light: #f0a786;
  --color-grey-light: var(--moss-300);
  --color-black-light: #2b3339;
  --color-red-dark-1: #d66f71;
  --color-orange-dark-1: #d88965;
  --color-yellow-dark-1: #ccac6e;
  --color-olive-dark-1: #97b16f;
  --color-green-dark-1: #97b16f;
  --color-teal-dark-1: #74b183;
  --color-blue-dark-1: #70aca4;
  --color-violet-dark-1: #c588a5;
  --color-purple-dark-1: #c588a5;
  --color-pink-dark-1: #c588a5;
  --color-brown-dark-1: #d88965;
  --color-black-dark-1: #1e2428;
  --color-red-dark-2: #c55e60;
  --color-orange-dark-2: #c97955;
  --color-yellow-dark-2: #bd9c5e;
  --color-olive-dark-2: #87a25f;
  --color-green-dark-2: #87a25f;
  --color-teal-dark-2: #65a274;
  --color-blue-dark-2: #619d95;
  --color-violet-dark-2: #b57794;
  --color-purple-dark-2: #b57794;
  --color-pink-dark-2: #b57794;
  --color-brown-dark-2: #c97955;
  --color-black-dark-2: #191e21;

  --color-gold: #dbbc7f;
  --color-white: #ffffff;
  --color-pure-black: #000000;

  --color-ansi-black: #2b3339;
  --color-ansi-red: #e67e80;
  --color-ansi-green: #a7c080;
  --color-ansi-yellow: #dbbc7f;
  --color-ansi-blue: #7fbbb3;
  --color-ansi-magenta: #d699b6;
  --color-ansi-cyan: #83c092;
  --color-ansi-white: #d3c6aa;
  --color-ansi-bright-black: #4c555b;
  --color-ansi-bright-red: #f08d8f;
  --color-ansi-bright-green: #b5cb93;
  --color-ansi-bright-yellow: #e5cb93;
  --color-ansi-bright-blue: #8ec4bc;
  --color-ansi-bright-magenta: #e0abc2;
  --color-ansi-bright-cyan: #94cba1;
  --color-ansi-bright-white: #e5dcce;

  --color-red-badge: #e67e80;
  --color-red-badge-bg: rgba(230, 126, 128, 0.15);
  --color-red-badge-hover-bg: rgba(230, 126, 128, 0.25);
  --color-green-badge: #a7c080;
  --color-green-badge-bg: rgba(167, 192, 128, 0.15);
  --color-green-badge-hover-bg: rgba(167, 192, 128, 0.25);
  --color-yellow-badge: #dbbc7f;
  --color-yellow-badge-bg: rgba(219, 188, 127, 0.15);
  --color-yellow-badge-hover-bg: rgba(219, 188, 127, 0.25);
  --color-orange-badge: #e69875;
  --color-orange-badge-bg: rgba(230, 152, 117, 0.15);
  --color-orange-badge-hover-bg: rgba(230, 152, 117, 0.25);

  --thin-lightness: 0.68;
  --regular-chroma: 0.19;
  --color-thin-green: #a7c080;
  --color-thin-red: #e67e80;
  --color-thin-purple: #d699b6;
  --color-thin-orange: #e69875;
  --thin-lightness-highlight: 0.75;
  --color-thin-red-highlight: #f08d8f;
  --bg-lightness: 0.26;
  --bg-chroma: 0.05;
  --color-danger-bg: #4e3e43;

  --color-indicator-offline: #7a8478;
  --color-indicator-offline-20: rgba(122, 132, 120, 0.25);
  --color-indicator-idle: #a7c080;
  --color-indicator-idle-20: rgba(167, 192, 128, 0.25);
  --color-indicator-active: #7fbbb3;
  --color-indicator-active-20: rgba(127, 187, 179, 0.25);

  accent-color: var(--color-accent);
  color-scheme: dark;
}

a {
  color: #a7c080;
  transition: color 0.15s ease;
}
a:hover {
  color: #b5cb93;
}
a.muted {
  color: var(--color-text-light);
}
a.muted:hover {
  color: var(--color-text);
}

.ui.secondary.vertical.menu {
  border-radius: 0.28571429rem !important;
  overflow: hidden;
}

.ui.secondary.menu .item {
  transition: background-color 0.15s ease, color 0.15s ease;
}

.ui.secondary.menu .item:hover {
  background-color: var(--color-hover) !important;
  color: #ffffff !important;
}

.ui.secondary.menu .active.item {
  background-color: var(--color-active) !important;
  color: #ffffff !important;
}

.ui.secondary.pointing.menu .item:hover {
  border-color: var(--moss-500) !important;
  color: #ffffff !important;
}

.ui.secondary.pointing.menu .active.item {
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.ui.button {
  background-color: var(--color-button);
  color: var(--color-text);
  border: 1px solid var(--moss-600);
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.ui.button:hover {
  background-color: var(--color-button-hover) !important;
  border-color: var(--moss-500) !important;
  color: #ffffff !important;
}

.ui.button:active {
  background-color: var(--color-button-active) !important;
  border-color: var(--moss-450) !important;
}

.ui.primary.button {
  background-color: var(--color-primary) !important;
  border-color: var(--color-primary-hover) !important;
  color: #232a2e !important;
}

.ui.primary.button:hover {
  background-color: var(--color-primary-hover) !important;
  border-color: #c4d8a5 !important;
  color: #191e21 !important;
}

.ui.primary.button:active {
  background-color: var(--color-primary-active) !important;
}

.ui.basic.primary.button.item,
.ui.basic.button {
  background-color: transparent !important;
  border: 1px solid var(--moss-600) !important;
  color: var(--color-text) !important;
  box-shadow: none !important;
}

.ui.basic.button:hover {
  background-color: var(--color-hover) !important;
  border-color: var(--moss-500) !important;
  color: #ffffff !important;
}

.ui.basic.button:active {
  background-color: var(--color-active) !important;
}

.ui.basic.red.button,
.ui.red.button {
  background-color: var(--color-error-bg) !important;
  color: #ffd5d6 !important;
  border: 1px solid var(--color-error-border) !important;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ui.basic.red.button:hover,
.ui.red.button:hover {
  background-color: var(--color-error-bg-hover) !important;
  border-color: #f08d8f !important;
  color: #ffffff !important;
}

.ui.basic.red.button:active,
.ui.red.button:active {
  background-color: var(--color-error-bg-active) !important;
}

.ui.dropdown .menu > .item {
  color: var(--color-text) !important;
  transition: background-color 0.12s ease, color 0.12s ease;
}

.ui.dropdown .menu > .item:hover,
.ui.dropdown .menu .selected.item {
  background-color: var(--color-hover) !important;
  color: #ffffff !important;
}

.ui.dropdown .menu > .active.item {
  background-color: var(--color-active) !important;
  font-weight: 600 !important;
}

tr:has(> td.lines-num):has(> td.lines-code) {
  background-color: var(--color-hover) !important;
}

.ui.input input:hover,
.ui.form input:hover,
.ui.form textarea:hover,
select:hover {
  border-color: var(--color-input-border-hover) !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus,
select:focus {
  border-color: var(--color-primary) !important;
  box-shadow: 0 0 0 2px var(--color-primary-alpha-20) !important;
}

.ui.label {
  background-color: var(--color-label-bg);
  color: var(--color-label-text);
  border: 1px solid var(--moss-600);
  transition: background-color 0.12s ease, border-color 0.12s ease;
}

.ui.label:hover,
a.ui.label:hover {
  background-color: var(--color-label-hover-bg) !important;
  border-color: var(--moss-500) !important;
}

.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
  background-color: var(--color-primary-light-3) !important;
  color: #232a2e !important;
  border: none !important;
}

.ui.basic.labels .primary.label,
.ui.ui.ui.basic.primary.label {
  color: var(--color-primary) !important;
  border-color: var(--moss-600) !important;
}

.ui.yellow.label.pending-label {
  background: var(--color-warning-bg) !important;
  color: var(--color-warning-text) !important;
}

.ui.labeled.icon.buttons > .button > .icon,
.ui.labeled.icon.button > .icon {
  background-color: var(--color-shadow) !important;
}

#review-box .review-comments-counter {
  background-color: var(--color-shadow) !important;
  color: var(--color-white) !important;
  margin-inline-start: 0.5em;
}

i.grey.icon.icon.icon.icon {
  color: var(--moss-350) !important;
}

strong.attention-important, svg.attention-important {
  color: var(--color-violet);
}

strong.attention-note, svg.attention-note {
  color: var(--color-blue);
}

strong.attention-caution, svg.attention-caution {
  color: var(--color-red);
}

/* Change 1: white foreground preserved on green navbar */
#navbar .navbar-left > a.item,
#navbar .navbar-right > a.item,
#navbar .navbar-right details.dropdown > summary,
#navbar .navbar-mobile-right > a.item,
#navbar .navbar-mobile-right > button.item {
  color: #ffffff !important;
}

#navbar .navbar-left > a.item:hover,
#navbar .navbar-right > a.item:hover,
#navbar .navbar-right details.dropdown > summary:hover,
#navbar .navbar-mobile-right > a.item:hover,
#navbar .navbar-mobile-right > button.item:hover {
  background-color: var(--color-nav-hover-bg) !important;
}

#navbar .navbar-left > a.item.active,
#navbar .navbar-right > a.item.active,
#navbar .navbar-mobile-right > a.item.active,
#navbar .navbar-mobile-right > button.item.active {
  background-color: #324639 !important;
}

/* Change 2: soft elevation on dropdown popups */
.ui.dropdown .menu,
.tippy-box[data-theme="menu"],
details.dropdown > .content {
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid var(--moss-600) !important;
  box-shadow: 0 8px 24px -4px #181f23b0 !important;
}

/* Change 3: footer hidden */
footer.page-footer {
  display: none !important;
}

/* Change 4: hide explore tabs and add margin */
.page-content.explore.repositories > overflow-menu.secondary-nav {
  display: none !important;
}
.page-content.explore.repositories > .ui.container {
  margin-top: 1rem;
}

/* Change 5: hide scrollbar on chromium */
::-webkit-scrollbar {
  display: none;
}

/* Change 6: sticky code header with opaque background */
.non-diff-file-content > h4.file-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background-color: var(--color-box-header) !important;
}

/* Change 7: gap between the tabs */
overflow-menu .overflow-menu-items {
  gap: 0.25rem;
}