@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap');

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf/sf-pro-text-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf/sf-pro-text-400i.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf/sf-pro-text-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf/sf-pro-text-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Text';
  src: url('../fonts/sf/sf-pro-text-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf/sf-pro-display-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'SF Pro Display';
  src: url('../fonts/sf/sf-pro-display-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

gitea-theme-meta-info {
  --theme-display-name: "pinkie";
  --theme-color-scheme: "dark";
}

:root {
  --is-dark-theme: true;
  --color-primary: #FF82F3;
  --color-primary-contrast: #22111E;
  --color-primary-dark-1: #FF9EF6;
  --color-primary-dark-2: #FFBAF9;
  --color-primary-dark-3: #FFD6FC;
  --color-primary-dark-4: #FFEBFE;
  --color-primary-dark-5: #FFF0FE;
  --color-primary-dark-6: #FFF6FF;
  --color-primary-dark-7: #FFFBFF;
  --color-primary-light-1: #7C3871;
  --color-primary-light-2: #6A2F60;
  --color-primary-light-3: #582650;
  --color-primary-light-4: #461D40;
  --color-primary-light-5: #361632;
  --color-primary-light-6: #2A1226;
  --color-primary-light-7: #1F0D1C;
  --color-primary-alpha-10: #FF82F319;
  --color-primary-alpha-20: #FF82F333;
  --color-primary-alpha-30: #FF82F34b;
  --color-primary-alpha-40: #FF82F366;
  --color-primary-alpha-50: #FF82F380;
  --color-primary-alpha-60: #FF82F399;
  --color-primary-alpha-70: #FF82F3b3;
  --color-primary-alpha-80: #FF82F3cc;
  --color-primary-alpha-90: #FF82F3e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  --color-secondary: #3F293A;
  --color-secondary-dark-1: #4A3145;
  --color-secondary-dark-2: #553A50;
  --color-secondary-dark-3: #61435B;
  --color-secondary-dark-4: #6D4C66;
  --color-secondary-dark-5: #795571;
  --color-secondary-dark-6: #855F7C;
  --color-secondary-dark-7: #916988;
  --color-secondary-dark-8: #9D7393;
  --color-secondary-dark-9: #A97E9F;
  --color-secondary-dark-10: #B58AAA;
  --color-secondary-dark-11: #C196B6;
  --color-secondary-dark-12: #CDA3C2;
  --color-secondary-dark-13: #D9B0CE;
  --color-secondary-light-1: #341D2F;
  --color-secondary-light-2: #2C1B29;
  --color-secondary-light-3: #271626;
  --color-secondary-light-4: #22111E;
  --color-secondary-alpha-10: #3F293A19;
  --color-secondary-alpha-20: #3F293A33;
  --color-secondary-alpha-30: #3F293A4b;
  --color-secondary-alpha-40: #3F293A66;
  --color-secondary-alpha-50: #3F293A80;
  --color-secondary-alpha-60: #3F293A99;
  --color-secondary-alpha-70: #3F293Ab3;
  --color-secondary-alpha-80: #3F293Acc;
  --color-secondary-alpha-90: #3F293Ae1;
  --color-secondary-button: var(--color-secondary-dark-4);
  --color-secondary-hover: var(--color-secondary-dark-3);
  --color-secondary-active: var(--color-secondary-dark-2);
  --color-console-fg: #F5F5F5;
  --color-console-fg-subtle: #C8B6C4;
  --color-console-bg: #22111E;
  --color-console-border: #3F293A;
  --color-console-hover-bg: #341D2F;
  --color-console-active-bg: #3F293A;
  --color-console-menu-bg: #2C1B29;
  --color-console-menu-border: #4A3145;
  --color-console-link: #C8B6C4;
  --color-red: #cc4848;
  --color-orange: #cc580c;
  --color-yellow: #cc9903;
  --color-olive: #91a313;
  --color-green: #87ab63;
  --color-teal: #00918a;
  --color-blue: #3a8ac6;
  --color-violet: #906ae1;
  --color-purple: #b259d0;
  --color-pink: #d22e8b;
  --color-brown: #a47252;
  --color-black: #22111E;
  --color-red-light: #d15a5a;
  --color-orange-light: #f6a066;
  --color-yellow-light: #eaaf03;
  --color-olive-light: #abc016;
  --color-green-light: #93b373;
  --color-teal-light: #00b6ad;
  --color-blue-light: #4e96cc;
  --color-violet-light: #9b79e4;
  --color-purple-light: #ba6ad5;
  --color-pink-light: #d74397;
  --color-brown-light: #b08061;
  --color-black-light: #4A3145;
  --color-red-dark-1: #c23636;
  --color-orange-dark-1: #f38236;
  --color-yellow-dark-1: #b88a03;
  --color-olive-dark-1: #839311;
  --color-green-dark-1: #7a9e55;
  --color-teal-dark-1: #00837c;
  --color-blue-dark-1: #347cb3;
  --color-violet-dark-1: #7b4edb;
  --color-purple-dark-1: #a742c9;
  --color-pink-dark-1: #be297d;
  --color-brown-dark-1: #94674a;
  --color-black-dark-1: #1C0D19;
  --color-red-dark-2: #ad3030;
  --color-orange-dark-2: #f16e17;
  --color-yellow-dark-2: #a37a02;
  --color-olive-dark-2: #74820f;
  --color-green-dark-2: #6c8c4c;
  --color-teal-dark-2: #00746e;
  --color-blue-dark-2: #2e6e9f;
  --color-violet-dark-2: #6733d6;
  --color-purple-dark-2: #9834b9;
  --color-pink-dark-2: #a9246f;
  --color-brown-dark-2: #835b42;
  --color-black-dark-2: #160A14;
  --color-ansi-black: #22111E;
  --color-ansi-red: #cc4848;
  --color-ansi-green: #87ab63;
  --color-ansi-yellow: #cc9903;
  --color-ansi-blue: #3a8ac6;
  --color-ansi-magenta: #FF82F3;
  --color-ansi-cyan: #00918a;
  --color-ansi-white: var(--color-console-fg-subtle);
  --color-ansi-bright-black: #6D4C66;
  --color-ansi-bright-red: #d15a5a;
  --color-ansi-bright-green: #93b373;
  --color-ansi-bright-yellow: #eaaf03;
  --color-ansi-bright-blue: #4e96cc;
  --color-ansi-bright-magenta: #FF9EF6;
  --color-ansi-bright-cyan: #00b6ad;
  --color-ansi-bright-white: var(--color-console-fg);
  --color-series-16-0: #7db233;
  --color-series-16-1: #499a37;
  --color-series-16-2: #ce4751;
  --color-series-16-3: #8f9121;
  --color-series-16-4: #ac32a6;
  --color-series-16-5: #7445e9;
  --color-series-16-6: #c67d28;
  --color-series-16-7: #4db392;
  --color-series-16-8: #aa4d30;
  --color-series-16-9: #2a6f84;
  --color-series-16-10: #c45327;
  --color-series-16-11: #3d965c;
  --color-series-16-12: #792a93;
  --color-series-16-13: #439d73;
  --color-series-16-14: #103aad;
  --color-series-16-15: #982e85;
  --color-grey: #3F293A;
  --color-grey-light: #9D7393;
  --color-gold: #b1983b;
  --color-white: #ffffff;
  --color-diff-added-fg: #93b373;
  --color-diff-added-linenum-bg: #2A3A2A;
  --color-diff-added-row-bg: #243026;
  --color-diff-added-row-border: #364A3A;
  --color-diff-added-word-bg: #3F6A42;
  --color-diff-moved-row-bg: #818044;
  --color-diff-moved-row-border: #bcca6f;
  --color-diff-removed-fg: #FB6B67;
  --color-diff-removed-linenum-bg: #4A2228;
  --color-diff-removed-row-bg: #3A1D24;
  --color-diff-removed-row-border: #5E3440;
  --color-diff-removed-word-bg: #74333F;
  --color-diff-inactive: #2A1A27;
  --color-error-border: #763232;
  --color-error-bg: #3A1F27;
  --color-error-bg-active: #4C262E;
  --color-error-bg-hover: #43232B;
  --color-error-text: #FF6E6E;
  --color-success-border: #2C5A3A;
  --color-success-bg: #21332A;
  --color-success-text: #5FD07A;
  --color-warning-border: #6A4E1C;
  --color-warning-bg: #3A2E20;
  --color-warning-text: #F0B73C;
  --color-info-border: #2E4C82;
  --color-info-bg: #24283C;
  --color-info-text: #6FA6FF;
  --color-priority-border: #4a268d;
  --color-priority-bg: #2E1C3D;
  --color-priority-text: #B08CFF;
  --color-red-badge: #db2828;
  --color-red-badge-bg: #db28281a;
  --color-red-badge-hover-bg: #db28284d;
  --color-green-badge: #21ba45;
  --color-green-badge-bg: #21ba451a;
  --color-green-badge-hover-bg: #21ba454d;
  --color-yellow-badge: #fbbd08;
  --color-yellow-badge-bg: #fbbd081a;
  --color-yellow-badge-hover-bg: #fbbd084d;
  --color-orange-badge: #f2711c;
  --color-orange-badge-bg: #f2711c1a;
  --color-orange-badge-hover-bg: #f2711c4d;
  --color-git: #f05133;
  --color-logo: #609926;
  --color-body: #22111E;
  --color-box-header: #341D2F;
  --color-box-body: #2C1B29;
  --color-box-body-highlight: #3A2335;
  --color-text-dark: #FFFFFF;
  --color-text: #F5F5F5;
  --color-text-light: #877384;
  --color-text-light-1: #A08A9C;
  --color-text-light-2: #877384;
  --color-text-light-3: #90708B;
  --color-footer: #22111E;
  --color-timeline: #4A3145;
  --color-input-text: #F5F5F5;
  --color-input-background: #3F293A;
  --color-input-toggle-background: #553A50;
  --color-input-border: #341D2F;
  --color-input-border-hover: #FF82F3;
  --color-light: #ffffff0c;
  --color-light-border: #FF82F333;
  --color-hover: #FF82F314;
  --color-hover-opaque: #35202F;
  --color-active: #FF82F326;
  --color-menu: #2C1B29;
  --color-card: #2C1B29;
  --color-markup-table-row: #FF82F30f;
  --color-markup-code-block: #FF82F314;
  --color-markup-code-inline: #FF82F326;
  --color-button: #3F293A;
  --color-code-bg: #1e1f22;
  --color-shadow: #0D050B80;
  --color-shadow-opaque: #0D050B;
  --color-secondary-bg: #3F293A;
  --color-expand-button: #4A3145;
  --color-placeholder-text: var(--color-text-light-3);
  --color-editor-line-highlight: var(--color-primary-alpha-20);
  --color-editor-selection: var(--color-primary-alpha-40);
  --color-project-column-bg: var(--color-secondary-light-2);
  --color-caret: #FF82F3;
  --color-reaction-bg: #FF82F314;
  --color-reaction-hover-bg: var(--color-primary-light-4);
  --color-reaction-active-bg: var(--color-primary-light-3);
  --color-tooltip-text: #FFFFFF;
  --color-tooltip-bg: #1C0D19f5;
  --color-nav-bg: #2C1B29;
  --color-nav-hover-bg: #3F293A;
  --color-nav-text: var(--color-text);
  --color-secondary-nav-bg: #2A1926;
  --color-label-text: var(--color-text);
  --color-label-bg: #7C387166;
  --color-label-hover-bg: #7C3871a0;
  --color-label-active-bg: #7C3871;
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-3);
  --color-highlight-fg: #F0B73C;
  --color-highlight-bg: #4D3A1E;
  --color-overlay-backdrop: #150A12c0;
  --color-danger: var(--color-red);
  --color-transparency-grid-light: #3A2335;
  --color-transparency-grid-dark: #2C1B29;
  --color-workflow-edge-hover: #9D7393;
  --color-syntax-keyword: #cf8e6d;
  --color-syntax-bool: #cf8e6d;
  --color-syntax-control: #cf8e6d;
  --color-syntax-name: #bcbec4;
  --color-syntax-type: #bcbec4;
  --color-syntax-number: #2aacb8;
  --color-syntax-operator: #bcbec4;
  --color-syntax-regexp: #6aab73;
  --color-syntax-string: #6aab73;
  --color-syntax-comment: #7a7e85;
  --color-syntax-invalid: #f75464;
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: #d5b778;
  --color-syntax-attribute: #c77dbb;
  --color-syntax-property: #c77dbb;
  --color-syntax-variable: #bcbec4;
  --color-syntax-string-special: #6aab73;
  --color-syntax-escape: #cf8e6d;
  --color-syntax-entity: #56a8f5;
  --color-syntax-preproc: #b3ae60;
  --color-syntax-preproc-file: #6aab73;
  --color-syntax-decorator: #b3ae60;
  --color-syntax-namespace: #bcbec4;
  --color-syntax-name-pseudo: #c77dbb;
  --color-syntax-comment-special: #5f826b;
  --color-syntax-text: #bcbec4;
  --color-syntax-text-alt: #a1a3a8;
  --color-syntax-punctuation: #bcbec4;
  --color-syntax-whitespace: #4b5059;
  --color-syntax-diff-fg: #ffffff;
  --color-syntax-deleted-bg: #5f3737;
  --color-syntax-inserted-bg: #3a523a;
  --color-syntax-emph: #d5b778;
  --color-syntax-strong: #cf8e6d;
  --color-syntax-heading: #cf8e6d;
  --color-syntax-subheading: #6aab73;
  --color-syntax-output: #7a7e85;
  --color-syntax-prompt: #cf8e6d;
  --color-syntax-traceback: #f75464;
  --color-syntax-matching-bracket-bg: #2aacb848;
  --color-syntax-nonmatching-bracket-bg: #f7546448;

  --color-code-sidebar-bg: #2b2d30;
  --color-editor-line-number: #4b5059;
  --color-border: var(--color-secondary);
  --color-border-secondary: #341D2F;
  --color-link: #FF82F3;
  --color-link-hover: #FF9EF6;

  --fonts-proportional: 'SF Pro Text', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, sans-serif;
  --fonts-monospace: 'JetBrains Mono', ui-monospace, monospace;
  --fonts-regular: 'SF Pro Text', -apple-system, BlinkMacSystemFont, system-ui, 'Segoe UI', Roboto, sans-serif;
  --fonts-display: 'SF Pro Display', 'SF Pro Text', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --border-radius: 10px;
  --border-radius-medium: 14px;
  --border-radius-full: 99999px;
  --radius-control: 10px;
  --radius-surface: 14px;
  --radius-pill: 99999px;

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

.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
.emoji[aria-label="TOP arrow"],
.emoji[aria-label="END arrow"],
.emoji[aria-label="ON! arrow"],
.emoji[aria-label="SOON arrow"],
.emoji[aria-label="heavy dollar sign"],
.emoji[aria-label="copyright"],
.emoji[aria-label="registered"],
.emoji[aria-label="trade mark"],
.emoji[aria-label="multiply"],
.emoji[aria-label="plus"],
.emoji[aria-label="minus"],
.emoji[aria-label="divide"],
.emoji[aria-label="curly loop"],
.emoji[aria-label="double curly loop"],
.emoji[aria-label="wavy dash"],
.emoji[aria-label="paw prints"],
.emoji[aria-label="musical note"],
.emoji[aria-label="musical notes"] {
  filter: invert(100%) hue-rotate(180deg);
}

body {
  background-color: var(--color-body);
  color: var(--color-text);
  font-family: var(--fonts-regular);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.ui.header {
  font-family: var(--fonts-regular);
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--color-text-dark);
}

h1,
h2,
.markup h1,
.markup h2,
.page-content.home .hero .ui.header.title {
  font-family: var(--fonts-display);
  letter-spacing: -0.02em;
}

a {
  color: var(--color-link);
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color 0.15s ease;
}

a:hover {
  color: var(--color-link-hover);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.ui.button:hover,
.item:hover,
.file-tree-item:hover,
a.ui.label:hover,
a:hover .ui.avatar {
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px;
}

.ui.button:focus-visible,
[role="button"]:focus-visible,
.ui.input input:focus-visible,
.ui.form input:focus-visible,
.ui.form textarea:focus-visible {
  outline-offset: -2px;
}

#navbar {
  background: var(--color-nav-bg);
  border-bottom: 1px solid var(--color-secondary);
}

#navbar .item {
  border-radius: var(--radius-control);
  margin: 6px 0;
}

#navbar .item.active {
  background: var(--color-primary-alpha-20);
  color: var(--color-primary-dark-2);
}

.ui.secondary.menu .item {
  color: var(--color-text-light-1);
  font-family: var(--fonts-regular);
  font-weight: 500;
  border: none !important;
}

.ui.secondary.menu .item:hover {
  color: var(--color-text);
}

.ui.secondary.pointing.menu {
  border-bottom: 1px solid var(--color-secondary);
  gap: 2px;
}

.ui.secondary.pointing.menu .item,
.ui.tabular.menu .item {
  border-radius: var(--radius-pill) !important;
  margin: 4px 0 !important;
  padding: 7px 14px !important;
  align-self: center;
  border: none !important;
  color: var(--color-text-light-1);
  transition: background 0.15s ease, color 0.15s ease;
}

.ui.secondary.pointing.menu .item:hover,
.ui.tabular.menu .item:hover {
  background: var(--color-hover) !important;
  color: var(--color-text-dark);
}

.ui.secondary.pointing.menu .active.item,
.ui.tabular.menu .active.item,
.ui.tabular.menu .active.item:hover {
  background: var(--color-primary-alpha-20) !important;
  color: var(--color-primary-dark-2) !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 4px !important;
}

.ui.tabular.menu {
  border-bottom: 1px solid var(--color-secondary);
  gap: 2px;
}

.ui.secondary.pointing.menu .item > .ui.label,
.ui.tabular.menu .item > .ui.label {
  margin-left: 6px;
}

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

.ui.segment.sub-menu.repository-menu,
.repository .ui.segment.sub-menu {
  background: var(--color-secondary-nav-bg) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--color-secondary);
}

.ui.button,
.ui.basic.button {
  background: var(--color-secondary-dark-1);
  border: 1px solid var(--color-secondary-dark-3);
  color: var(--color-text);
  font-family: var(--fonts-regular);
  font-weight: 500;
  border-radius: var(--radius-control) !important;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  box-shadow: none !important;
}

.ui.button:hover,
.ui.basic.button:hover {
  background: var(--color-primary-light-1) !important;
  color: var(--color-text-dark);
  border-color: var(--color-primary-light-1);
}

.ui.button:active,
.ui.basic.button:active {
  background: var(--color-primary-dark-1) !important;
  border-color: var(--color-primary-dark-1);
}

.ui.primary.button,
.ui.green.button,
.ui.blue.button,
.ui.primary.buttons .button {
  background: var(--color-primary) !important;
  color: var(--color-primary-contrast) !important;
  border: 1px solid var(--color-primary);
  font-weight: 600;
}

.ui.primary.button:hover,
.ui.green.button:hover,
.ui.blue.button:hover,
.ui.primary.buttons .button:hover {
  background: var(--color-primary-dark-1) !important;
  border-color: var(--color-primary-dark-1);
}

.ui.red.button,
.ui.negative.button,
.ui.red.buttons .button {
  background: transparent !important;
  border: 1px solid var(--color-error-border);
  color: var(--color-error-text) !important;
}

.ui.red.button:hover,
.ui.negative.button:hover,
.ui.red.buttons .button:hover {
  background: var(--color-error-bg-hover) !important;
  border-color: var(--color-error-text);
}

.ui.buttons {
  gap: 0 !important;
  border: none !important;
  border-radius: var(--radius-control);
}

.ui.buttons > .button,
.ui.buttons > .ui.button {
  margin: 0 !important;
  border-radius: 0 !important;
}

.ui.buttons > .button:not(:first-child),
.ui.buttons > .ui.button:not(:first-child) {
  margin-left: -1px !important;
}

.ui.buttons > .button:first-child,
.ui.buttons > .ui.button:first-child {
  border-radius: var(--radius-control) 0 0 var(--radius-control) !important;
}

.ui.buttons > .button:last-child,
.ui.buttons > .ui.button:last-child {
  border-radius: 0 var(--radius-control) var(--radius-control) 0 !important;
}

.ui.buttons .button.active,
.ui.button.active {
  background: var(--color-primary-light-1) !important;
  color: var(--color-text-dark) !important;
  border-color: var(--color-primary-light-1) !important;
  position: relative;
  z-index: 1;
}

.ui.basic.buttons {
  border: none;
}

.ui.labeled.button > .button {
  border-radius: var(--radius-control) 0 0 var(--radius-control) !important;
}

.ui.labeled.button > .label {
  border-radius: 0 var(--radius-control) var(--radius-control) 0 !important;
  border: 1px solid var(--color-secondary-dark-3);
  border-left: 1px solid var(--color-secondary-dark-3);
  margin-left: 0 !important;
  background: var(--color-secondary-dark-1);
  color: var(--color-text);
  padding: 0 10px;
}

.ui.labeled.button > .button:hover + .label {
  border-color: var(--color-primary-light-1);
}

.ui.input input,
.ui.form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.ui.form textarea,
.ui.selection.dropdown,
.ui.form select {
  background: var(--color-input-background) !important;
  border: 1px solid var(--color-secondary-dark-2) !important;
  color: var(--color-input-text) !important;
  border-radius: var(--radius-control) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ui.input input,
.ui.form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
  padding: 10px 12px !important;
}

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

.ui.icon.input > i.icon {
  color: var(--color-text-light-1);
  opacity: 1;
}

.ui.input:focus-within > i.icon {
  color: var(--color-primary);
}

.ui.icon.input input {
  padding-right: 2.67142857em !important;
}

.ui.left.icon.input input {
  padding-left: 2.67142857em !important;
  padding-right: 12px !important;
}

::placeholder {
  color: var(--color-placeholder-text) !important;
  opacity: 1;
}

.ui.action.input > *,
.ui.action.input > .ui.button,
.ui.action.input > .ui.selection.dropdown,
.ui.action.input > .ui.dropdown,
.ui.action.input > .ui.input > input {
  border-radius: 0 !important;
}

.ui.action.input > :first-child,
.ui.action.input > .ui.input:first-child > input,
.ui.action.input > input:first-child {
  border-radius: var(--radius-control) 0 0 var(--radius-control) !important;
}

.ui.action.input > :last-child,
.ui.action.input > .ui.button:last-child,
.ui.action.input > .ui.selection.dropdown:last-child {
  border-radius: 0 var(--radius-control) var(--radius-control) 0 !important;
}

.ui.action.input > .ui.button,
.ui.action.input > .ui.dropdown {
  border-color: var(--color-secondary-dark-2) !important;
  margin-left: -1px;
}

.ui.action.input > .ui.button:hover {
  border-color: var(--color-primary-light-1) !important;
  z-index: 1;
}

.ui.action.input > .ui.selection.dropdown {
  background: var(--color-primary-light-4) !important;
  min-height: 0;
}

input[type="checkbox"],
input[type="radio"] {
  border-color: var(--color-secondary-dark-4);
  background: var(--color-input-background);
}

input[type="checkbox"] {
  border-radius: 5px;
}

input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate,
input[type="radio"]:checked {
  border-color: var(--color-primary);
}

.ui.card,
.ui.segment,
.ui.attached.segment,
.ui.segments {
  background: var(--color-box-body) !important;
  border: 1px solid var(--color-secondary);
  box-shadow: none !important;
}

.ui.segment:not(.attached):not(.vertical):not(.basic),
.ui.card,
.ui.segments {
  border-radius: var(--radius-surface) !important;
}

.ui.attached.segment,
.ui.attached.header,
.ui.attached.table,
.ui.attached.menu {
  border-radius: 0 !important;
}

.ui.top.attached.segment,
.ui.top.attached.header,
.ui.top.attached.table,
.ui.top.attached.menu,
.ui.segments > .ui.attached:first-child {
  border-radius: var(--radius-surface) var(--radius-surface) 0 0 !important;
}

.ui.bottom.attached.segment,
.ui.bottom.attached.table,
.ui.segments > .ui.attached:last-child {
  border-radius: 0 0 var(--radius-surface) var(--radius-surface) !important;
}

.ui.segments > .ui.attached:first-child:last-child {
  border-radius: var(--radius-surface) !important;
}

.ui.header.segment,
.ui.attached.header,
.ui.top.attached.header,
.file-header.ui.top.attached.header,
.diff-file-header {
  background: var(--color-box-header) !important;
  border-bottom: 1px solid var(--color-secondary);
}

.file-header .file-info {
  color: var(--color-text-light-1);
}

.file-info-entry + .file-info-entry {
  border-left-color: var(--color-secondary-dark-3);
}

.ui.segment.code-view, .view-code, pre, code, .chroma {
  background-color: var(--color-code-bg) !important;
  color: #bcbec4 !important;
  border: 0px !important;
}

.ui.segment.code-view,
.view-code {
  border-radius: 0 0 var(--radius-surface) var(--radius-surface) !important;
  overflow: hidden;
}

.lines-num {
  background-color: var(--color-code-sidebar-bg) !important;
  color: var(--color-editor-line-number) !important;
}

.file-view.code-view table,
.file-view.code-view tbody,
.file-view.code-view tr {
  background: transparent !important;
  background-color: transparent !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
}

.file-view.code-view .lines-num,
td.lines-num {
  background: var(--color-code-sidebar-bg) !important;
  background-color: var(--color-code-sidebar-bg) !important;
}

.file-view.code-view .lines-code,
.file-view.code-view .lines-code.chroma,
td.lines-code,
td.lines-code.chroma {
  background: var(--color-code-bg) !important;
  background-color: var(--color-code-bg) !important;
}

.lines-code.chroma span,
.chroma span {
  background: transparent !important;
  background-color: transparent !important;
}

.chroma .k, .chroma .kd, .chroma .kn, .chroma .kp, .chroma .kr, .chroma .kt { color: #cf8e6d !important; }
.chroma .s, .chroma .s1, .chroma .s2, .chroma .sb, .chroma .sc { color: #6aab73 !important; }
.chroma .sd { color: #5f826b !important; font-style: italic; }
.chroma .c, .chroma .c1, .chroma .cm { color: #7a7e85 !important; }
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo { color: #2aacb8 !important; }
.chroma .nf, .chroma .fm { color: #56a8f5 !important; }
.chroma .nd { color: #b3ae60 !important; }
.chroma .nc { color: #bcbec4 !important; }
.chroma .o, .chroma .ow { color: #bcbec4 !important; }
.chroma .p { color: #bcbec4 !important; }
.chroma .n { color: #bcbec4 !important; }
.chroma .na { color: #c77dbb !important; }
.chroma .nb { color: #8888c6 !important; }
.chroma .nt { color: #d5b778 !important; }
.chroma .nv, .chroma .vc, .chroma .vg, .chroma .vi { color: #bcbec4 !important; }
.chroma .kc { color: #cf8e6d !important; }
.chroma .nn { color: #bcbec4 !important; }

.file-view.code-view td.lines-num {
  padding: 0 8px !important;
  text-align: right !important;
}

.file-view.code-view td.lines-code {
  padding: 0 1px 0 5px !important;
}

.markup code:not(.chroma):not(pre code),
.markup tt {
  background: var(--color-markup-code-inline) !important;
  color: var(--color-primary-dark-3) !important;
  border-radius: 6px;
  padding: 1px 6px;
}

.markup pre {
  border-radius: var(--radius-control) !important;
}

.ui.table {
  background: transparent;
  border: 1px solid var(--color-secondary);
  border-radius: var(--radius-control);
  overflow: hidden;
}

.ui.table thead th {
  background: var(--color-box-header);
  color: var(--color-text);
  border-bottom: 1px solid var(--color-secondary);
  font-weight: 600;
}

.ui.table tbody tr {
  border-bottom: 1px solid var(--color-border-secondary);
}

.ui.table tbody tr:hover {
  background: var(--color-hover);
}

.markup table tr:nth-child(2n) {
  background: var(--color-markup-table-row) !important;
}

.ui.label {
  background: var(--color-label-bg);
  border: 1px solid transparent;
  color: var(--color-text);
  border-radius: var(--radius-pill) !important;
  padding: 3px 10px;
  font-weight: 500;
}

.ui.basic.label {
  background: transparent;
  border-color: var(--color-secondary-dark-2);
  color: var(--color-text-light-1);
}

.ui.label.primary,
.ui.label.blue {
  background: var(--color-primary-alpha-20);
  border-color: var(--color-primary-alpha-40);
  color: var(--color-primary-dark-2);
}

.ui.circular.label {
  padding: 2px 8px;
  min-width: 0;
}

.repo-topic,
.ui.label.repo-topic {
  background: var(--color-primary-alpha-20);
  color: var(--color-primary-dark-2);
}

a.sha,
.ui.sha.label,
.ui.label.sha,
.ui .sha.label,
.sha.label,
.ui.label.commit-id-short,
.commit-id-short {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--color-text-light-2) !important;
  font-family: var(--fonts-monospace) !important;
  font-size: 12px !important;
  letter-spacing: 0.02em;
}

a.sha:hover,
a.ui.sha.label:hover,
a.commit-id-short:hover {
  color: var(--color-text-dark) !important;
  text-decoration: underline;
}

.ui.popup,
.ui.tooltip,
.tippy-box,
[data-tooltip]::before,
[data-tooltip]::after {
  background: var(--color-menu) !important;
  color: var(--color-text) !important;
  border: 1px solid var(--color-secondary-dark-1) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: 0 12px 32px -8px var(--color-shadow) !important;
}

.tippy-content {
  background: var(--color-menu) !important;
  color: var(--color-text) !important;
  border-radius: var(--radius-control);
}

.tippy-arrow {
  color: var(--color-menu) !important;
}

.ui.dropdown .menu,
.overflow-menu-popup {
  background: var(--color-menu) !important;
  border: 1px solid var(--color-secondary-dark-1) !important;
  border-radius: var(--radius-control) !important;
  box-shadow: 0 16px 40px -12px var(--color-shadow) !important;
  padding: 4px !important;
  overflow: hidden;
}

.ui.dropdown .menu > .item,
.overflow-menu-popup > .item {
  color: var(--color-text) !important;
  border-top: none !important;
  border-radius: 7px !important;
}

.ui.dropdown .menu > .item:hover,
.ui.dropdown .menu > .item.selected,
.overflow-menu-popup > .item:hover {
  background: var(--color-primary-alpha-20) !important;
  color: var(--color-primary-dark-2) !important;
}

.ui.dropdown .menu > .item.active {
  background: var(--color-primary-alpha-30) !important;
  color: var(--color-primary-dark-2) !important;
}

.ui.dropdown .menu > .header {
  color: var(--color-text-light-1);
}

footer,
.page-footer {
  background: var(--color-footer) !important;
  border-top: 1px solid var(--color-secondary);
  border-radius: 0 !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: var(--color-secondary-dark-2);
  border: 3px solid var(--color-body);
  border-radius: var(--radius-pill);
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-light-1);
  background-clip: content-box;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

* {
  scrollbar-color: var(--color-secondary-dark-2) transparent;
  scrollbar-width: thin;
}

::selection {
  background: var(--color-primary-alpha-40);
  color: var(--color-text-dark);
}

::-moz-selection {
  background: var(--color-primary-alpha-40);
  color: var(--color-text-dark);
}

body,
input,
textarea {
  caret-color: var(--color-caret);
}

.ui.loader::before {
  border-color: var(--color-secondary) !important;
}

.ui.loader::after {
  border-color: var(--color-primary) transparent transparent !important;
}

.ui.message {
  background: var(--color-box-body) !important;
  border: 1px solid var(--color-secondary);
  border-radius: var(--radius-control) !important;
  color: var(--color-text);
  box-shadow: none !important;
}

.ui.negative.message,
.ui.error.message {
  background: var(--color-error-bg) !important;
  border-color: var(--color-error-border);
  color: var(--color-error-text);
}

.ui.positive.message,
.ui.success.message {
  background: var(--color-success-bg) !important;
  border-color: var(--color-success-border);
  color: var(--color-success-text);
}

.ui.warning.message {
  background: var(--color-warning-bg) !important;
  border-color: var(--color-warning-border);
  color: var(--color-warning-text);
}

.ui.info.message {
  background: var(--color-info-bg) !important;
  border-color: var(--color-info-border);
  color: var(--color-info-text);
}

.ui.modal {
  background: var(--color-box-body) !important;
  border: 1px solid var(--color-secondary-dark-1);
  border-radius: var(--radius-surface) !important;
  box-shadow: 0 24px 64px -16px var(--color-shadow) !important;
  overflow: hidden;
}

.ui.modal > .header {
  background: var(--color-box-header) !important;
  border-bottom: 1px solid var(--color-secondary);
  color: var(--color-text-dark) !important;
}

.ui.modal > .content {
  background: transparent !important;
  color: var(--color-text);
}

.ui.modal > .actions {
  background: var(--color-box-header) !important;
  border-top: 1px solid var(--color-secondary);
}

.ui.dimmer {
  background: var(--color-overlay-backdrop) !important;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.ui.avatar,
.avatar,
img.avatar {
  border-radius: var(--radius-control) !important;
}

.ui.avatar.tiny,
.avatar.tiny,
img.avatar[width="20"],
img.avatar[width="24"],
img.avatar[width="28"] {
  border-radius: 7px !important;
}

.file-tree-item {
  border-radius: 8px;
}

.file-tree-item:hover {
  background: var(--color-hover) !important;
}

.file-tree-item.selected {
  background: var(--color-primary-alpha-20) !important;
  color: var(--color-primary-dark-2);
}

.ui.progress .bar,
.ui.progress.small .bar {
  background: var(--color-primary) !important;
  border-radius: var(--radius-pill);
}

#user-heatmap .ContributionCalendar-day[data-level="0"],
.heatmap .ContributionCalendar-day[data-level="0"] { fill: #341D2F !important; }
#user-heatmap .ContributionCalendar-day[data-level="1"],
.heatmap .ContributionCalendar-day[data-level="1"] { fill: #6A2F60 !important; }
#user-heatmap .ContributionCalendar-day[data-level="2"],
.heatmap .ContributionCalendar-day[data-level="2"] { fill: #A8509C !important; }
#user-heatmap .ContributionCalendar-day[data-level="3"],
.heatmap .ContributionCalendar-day[data-level="3"] { fill: #FF82F3 !important; }
#user-heatmap .ContributionCalendar-day[data-level="4"],
.heatmap .ContributionCalendar-day[data-level="4"] { fill: #FFD6FC !important; }

#user-heatmap rect,
.heatmap rect {
  rx: 2 !important;
  ry: 2 !important;
}

kbd {
  border-radius: 6px;
  border: 1px solid var(--color-secondary-dark-3);
  background: var(--color-secondary-dark-1);
}

.issue.is-open .issue-state-label,
.ui.label.green {
  background: var(--color-success-bg) !important;
  border-color: var(--color-success-border) !important;
  color: var(--color-success-text) !important;
}

.issue.is-closed .issue-state-label,
.ui.label.red {
  background: var(--color-error-bg) !important;
  border-color: var(--color-error-border) !important;
  color: var(--color-error-text) !important;
}

.page-content.home .hero .ui.header.title {
  font-size: 2.6em;
  letter-spacing: -0.02em;
}

#portfolio-controls {
  border-radius: var(--radius-surface);
  border-color: var(--color-secondary) !important;
}

#portfolio-controls .ui.dropdown,
#portfolio-controls select {
  border-radius: var(--radius-control) !important;
}

#search-input {
  border-color: var(--color-input-border) !important;
}

.portfolio-card {
  border-radius: var(--radius-surface);
  border-color: var(--color-secondary) !important;
}

.portfolio-card:hover {
  border-color: var(--color-secondary-dark-2) !important;
}

.portfolio-card .topic-tag {
  color: var(--color-text-light-1);
}