@font-face {
  font-family: "Crimson Text";
  src: url("../fonts/crimson-text.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Crimson Text";
  src: url("../fonts/crimson-text-italic.ttf") format("truetype");
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("../fonts/caveat.ttf") format("truetype");
  font-weight: 400 700;
  font-display: swap;
}

@font-face {
  font-family: "Lekton";
  src: url("../fonts/lekton.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Lekton";
  src: url("../fonts/lekton-bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono.ttf") format("truetype");
  font-weight: 100 800;
  font-display: swap;
}

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

#dashboard-repo-list > div > .ui.two.item.menu,
#dashboard-repo-list .dashboard-orgs {
  display: none !important;
}

#dashboard-repo-list .dashboard-repos {
  display: block !important;
}

.dashboard > .flex-container {
  margin-top: calc(2 * var(--page-spacing));
}

:root {
  --ruiny-bg: #0b0b0b;
  --ruiny-bg-deep: #0e1012;
  --ruiny-surface: rgba(21, 25, 30, 0.8);
  --ruiny-border: rgba(194, 198, 204, 0.11);
  --ruiny-border-strong: rgba(194, 198, 204, 0.19);
  --ruiny-text: #dddddd;
  --ruiny-text-soft: #9da3ac;
  --ruiny-text-muted: #828282;
  --ruiny-accent: #7185a4;
  --ruiny-font-size-mono: 0.857142857rem;
  --ruiny-font-size-serif: 1.142857143rem;
  --fonts-proportional: "Lekton", ui-monospace, monospace;
  --fonts-regular: "Lekton", ui-monospace, monospace;
  --fonts-monospace: "JetBrains Mono", ui-monospace, monospace;
  --color-primary: var(--ruiny-accent);
  --color-primary-contrast: #10151b;
  --color-primary-hover: #8093b1;
  --color-primary-active: #607491;
  --color-primary-alpha-10: rgba(113, 133, 164, 0.1);
  --color-primary-alpha-20: rgba(113, 133, 164, 0.2);
  --color-primary-alpha-30: rgba(113, 133, 164, 0.3);
  --color-primary-alpha-40: rgba(113, 133, 164, 0.4);
  --color-primary-alpha-50: rgba(113, 133, 164, 0.5);
  --color-body: var(--ruiny-bg);
  --color-box-header: rgba(29, 34, 41, 0.62);
  --color-box-body: var(--ruiny-surface);
  --color-box-body-highlight: rgba(45, 52, 62, 0.4);
  --color-card: var(--ruiny-surface);
  --color-menu: #171a1f;
  --color-nav-bg: transparent;
  --color-nav-hover-bg: rgba(255, 255, 255, 0.035);
  --color-nav-text: var(--ruiny-text-soft);
  --color-text: var(--ruiny-text);
  --color-text-dark: #d9dde2;
  --color-text-light: var(--ruiny-text-soft);
  --color-text-light-1: #9299a3;
  --color-text-light-2: var(--ruiny-text-muted);
  --color-text-light-3: #626975;
  --color-input-text: var(--ruiny-text);
  --color-input-background: rgba(5, 7, 9, 0.32);
  --color-input-border: var(--ruiny-border);
  --color-button: rgba(255, 255, 255, 0.035);
  --color-hover: rgba(255, 255, 255, 0.035);
  --color-hover-opaque: #20242a;
  --color-active: rgba(113, 133, 164, 0.18);
  --color-light: rgba(255, 255, 255, 0.04);
  --color-light-border: var(--ruiny-border);
  --color-code-bg: rgba(10, 12, 15, 0.68);
  --color-shadow: rgba(0, 0, 0, 0.25);
  --color-shadow-opaque: #0e1012;
  --color-secondary-bg: rgba(255, 255, 255, 0.06);
  --color-secondary-button: rgba(255, 255, 255, 0.06);
  --color-secondary-hover: rgba(255, 255, 255, 0.1);
  --color-secondary-active: rgba(255, 255, 255, 0.13);
  --color-footer: transparent;
  --color-focus: rgba(142, 164, 198, 0.75);
  --color-syntax-keyword: #c69a84;
  --color-syntax-bool: #84a9b5;
  --color-syntax-control: #b8a273;
  --color-syntax-name: #b7a783;
  --color-syntax-type: #b59ab1;
  --color-syntax-number: #8ca8bf;
  --color-syntax-operator: #b6a08e;
  --color-syntax-regexp: #aa98bd;
  --color-syntax-string: #9eae83;
  --color-syntax-comment: #7f8994;
  --color-syntax-invalid: #d48c8c;
  --color-syntax-link: var(--color-primary);
  --color-syntax-tag: #c69a84;
  --color-syntax-attribute: #aa98bd;
  --color-syntax-property: #8ca8bf;
  --color-syntax-variable: #c0a078;
  --color-syntax-string-special: #b8a273;
  --color-syntax-escape: #b7a783;
  --color-syntax-entity: #aa98bd;
  --color-syntax-preproc: #82aa91;
  --color-syntax-preproc-file: #8ca8bf;
  --color-syntax-decorator: #82aa91;
  --color-syntax-namespace: var(--ruiny-text);
  --color-syntax-name-pseudo: #aa98bd;
  --color-syntax-comment-special: #aa98bd;
  --color-syntax-text: var(--ruiny-text);
  --color-syntax-text-alt: var(--ruiny-text-soft);
  --color-syntax-punctuation: #b1b6bd;
  --color-syntax-whitespace: #626975;
  --color-syntax-diff-fg: #e1e4e8;
  --color-syntax-deleted-bg: rgba(148, 73, 73, 0.35);
  --color-syntax-inserted-bg: rgba(75, 126, 86, 0.35);
  --color-syntax-emph: #b8a273;
  --color-syntax-strong: #c0a078;
  --color-syntax-heading: #b8a273;
  --color-syntax-subheading: #9eae83;
  --color-syntax-output: #7f8994;
  --color-syntax-prompt: #c0a078;
  --color-syntax-traceback: #d48c8c;
  --color-syntax-matching-bracket-bg: rgba(75, 126, 119, 0.35);
  --color-syntax-nonmatching-bracket-bg: rgba(148, 73, 73, 0.35);
}

html {
  scrollbar-gutter: stable;
  overflow-x: clip;
  background: var(--ruiny-bg-deep);
}

body {
  height: auto;
  min-height: 100vh;
  overflow-x: clip;
  background: var(--ruiny-bg);
  color: var(--ruiny-text);
}

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

body::before,
body::after {
  position: fixed;
  z-index: 0;
  content: "";
  pointer-events: none;
}

body::after {
  inset: -4rem -3rem auto auto;
  width: min(48rem, 86vw);
  height: min(34rem, 62vh);
  background-image:
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.5908px, transparent 1.5272px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.6964px, transparent 1.3608px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.5868px, transparent 1.564px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.662px, transparent 1.3368px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.522px, transparent 1.4792px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.5668px, transparent 1.1912px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.7964px, transparent 1.2728px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.8108px, transparent 1.724px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.61px, transparent 1.7448px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.594px, transparent 1.3352px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.7628px, transparent 1.2952px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.7164px, transparent 1.6248px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.8548px, transparent 1.524px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.778px, transparent 1.7928px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 26%, transparent) 0 0.886px, transparent 1.6312px),
    radial-gradient(circle, color-mix(in srgb, var(--ruiny-accent) 42%, rgba(255, 255, 255, 0.34)) 0 0.7788px, transparent 1.0392px);
  background-position: calc(13.399125% - 3.3059433439rem - 1.5272px) calc(35.56% + 2.4679306437rem - 1.5272px), calc(20.438625% - 5.9873786069rem - 1.3608px) calc(34.44% + 1.2851392446rem - 1.3608px), calc(24.855375% + 5.6985874796rem - 1.564px) calc(11.8% - 0.0725142827rem - 1.564px), calc(26.649375% + 6.7762546767rem - 1.3368px) calc(47.64% + 0.143742858rem - 1.3368px), calc(35.570625% - 5.8498805037rem - 1.4792px) calc(21.96% + 0.6254077834rem - 1.4792px), calc(36.994125% - 5.6126805955rem - 1.1912px) calc(14.76% + 2.50569139rem - 1.1912px), calc(45.544875% + 1.7635465262rem - 1.2728px) calc(26.04% - 3.5868146602rem - 1.2728px), calc(46.597875% - 3.3824718203rem - 1.724px) calc(15.8% - 3.4521088434rem - 1.724px), calc(54.778125% + 4.669395399rem - 1.7448px) calc(24.04% - 0.4992027144rem - 1.7448px), calc(60.335625% + 0.1566391734rem - 1.3352px) calc(10.76% - 3.3644290378rem - 1.3352px), calc(63.270375% + 6.9079725971rem - 1.2952px) calc(15.96% - 0.0879036568rem - 1.2952px), calc(68.457375% - 2.0893675771rem - 1.6248px) calc(39.64% - 4.4351563256rem - 1.6248px), calc(71.021625% + 3.3156012162rem - 1.524px) calc(41.8% - 2.4751403737rem - 1.524px), calc(75.838125% - 4.6533027424rem - 1.7928px) calc(22.44% + 0.0987092527rem - 1.7928px), calc(82.906875% - 5.1909630165rem - 1.6312px) calc(21.56% - 2.0722007048rem - 1.6312px), calc(87.352875% + 3.5650090104rem - 1.0392px) calc(39.16% + 2.7996522663rem - 1.0392px);
  background-repeat: no-repeat;
  background-size: 3.0544px 3.0544px, 2.7216px 2.7216px, 3.128px 3.128px, 2.6736px 2.6736px, 2.9584px 2.9584px, 2.3824px 2.3824px, 2.5456px 2.5456px, 3.448px 3.448px, 3.4896px 3.4896px, 2.6704px 2.6704px, 2.5904px 2.5904px, 3.2496px 3.2496px, 3.048px 3.048px, 3.5856px 3.5856px, 3.2624px 3.2624px, 2.0784px 2.0784px;
  filter: drop-shadow(0 0 4px color-mix(in srgb, var(--ruiny-accent) 26%, transparent));
  mix-blend-mode: screen;
  opacity: 0.58;
  animation: background-dust-drift 43.2s ease-in-out infinite;
}

body::before {
  inset: -2rem;
  background-image:
    radial-gradient(circle at 94% -8%, color-mix(in srgb, var(--ruiny-accent) 27%, transparent) 0, transparent 39%),
    conic-gradient(from 194deg at 94% -8%, transparent 0deg, color-mix(in srgb, var(--ruiny-accent) 7%, transparent) 14deg, transparent 32deg, transparent 40deg, color-mix(in srgb, var(--ruiny-accent) 13%, transparent) 59deg, transparent 82deg, transparent 118deg),
    radial-gradient(circle at 58% 42%, color-mix(in srgb, var(--ruiny-accent) 10%, transparent) 0, transparent 56%);
  filter: blur(10px) saturate(108%);
  transform: scale(1.02);
  transform-origin: 94% 0;
}

#navbar,
#page,
.go-to-top {
  position: relative;
  z-index: 1;
}

#navbar {
  min-height: 84px;
  padding-inline: clamp(20px, 4vw, 56px);
  border-bottom: 1px solid var(--ruiny-border);
  background: transparent;
}

#navbar .navbar-left,
#navbar .navbar-right {
  gap: 0.2rem;
}

#navbar .item {
  color: var(--ruiny-text-muted);
}

#navbar a.item:hover,
#navbar .item.active {
  color: var(--ruiny-text);
  background: transparent;
}

#navbar-logo {
  --title-accent: rgba(123, 169, 239, 0.51);
  --title-ray-glow: color-mix(in srgb, var(--title-accent) 48%, transparent);
  --title-ray-bright: color-mix(in srgb, var(--title-accent) 34%, transparent);
  --title-ray-faint: color-mix(in srgb, var(--title-accent) 18%, transparent);
  --title-dust-bright: color-mix(in srgb, var(--title-accent) 42%, rgba(255, 255, 255, 0.34));
  --title-dust-faint: color-mix(in srgb, var(--title-accent) 26%, transparent);
  position: relative;
  isolation: isolate;
  padding-left: 0;
  color: #bbc0c8 !important;
  font-family: "Caveat", cursive;
  font-size: 2rem;
  letter-spacing: 0.025em;
  line-height: 1;
  white-space: nowrap;
}

#navbar-logo .title-rays {
  position: absolute;
  z-index: -1;
  inset: -2rem auto auto -7rem;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

#navbar-logo .title-rays::before {
  position: absolute;
  inset: -5rem auto auto -8rem;
  width: 42rem;
  height: 20rem;
  background: radial-gradient(ellipse at 78% 48%, color-mix(in srgb, var(--title-accent) 42%, transparent) 0, color-mix(in srgb, var(--title-accent) 24%, transparent) 36%, color-mix(in srgb, var(--title-accent) 12%, transparent) 58%, transparent 82%);
  content: "";
  filter: blur(42px) saturate(122%);
  mix-blend-mode: screen;
  opacity: 0.42;
  transform: rotate(-28deg);
}

#navbar-logo .title-rays::after {
  position: absolute;
  inset: -0.8rem auto auto 7rem;
  width: 18rem;
  height: 7rem;
  background-image:
    radial-gradient(circle, var(--title-dust-faint) 0 0.6668px, transparent 1.3912px),
    radial-gradient(circle, var(--title-dust-bright) 0 0.7964px, transparent 1.2728px),
    radial-gradient(circle, var(--title-dust-bright) 0 0.7108px, transparent 1.524px),
    radial-gradient(circle, var(--title-dust-bright) 0 0.81px, transparent 1.3448px),
    radial-gradient(circle, var(--title-dust-bright) 0 0.694px, transparent 1.5352px),
    radial-gradient(circle, var(--title-dust-bright) 0 0.7628px, transparent 1.2952px);
  background-position: calc(57.3083333333% + 1.4730158367rem - 1.3912px) calc(93.45% + 3.3407593725rem - 1.3912px), calc(61.5083333333% - 0.6172412842rem - 1.2728px) calc(95.05% + 2.7897447357rem - 1.2728px), calc(69.5583333333% + 1.5272476567rem - 1.524px) calc(69.75% - 1.5151450318rem - 1.524px), calc(81.4583333333% + 2.2565320442rem - 1.3448px) calc(67.55% - 0.5360993473rem - 1.3448px), calc(88.875% - 2.0593633268rem - 1.5352px) calc(88.45% - 0.0970771497rem - 1.5352px), calc(91.8083333333% - 2.417790409rem - 1.2952px) calc(82.45% + 0.0683695108rem - 1.2952px);
  background-repeat: no-repeat;
  background-size: 2.7824px 2.7824px, 2.5456px 2.5456px, 3.048px 3.048px, 2.6896px 2.6896px, 3.0704px 3.0704px, 2.5904px 2.5904px;
  content: "";
  filter: drop-shadow(0 0 4px var(--title-dust-faint));
  mix-blend-mode: screen;
  opacity: 0.62;
  animation: title-dust-drift 28s ease-in-out infinite;
}

@keyframes title-dust-drift {
  0%, 100% {
    background-position: calc(3.5833333333% + 1.5236434996rem - 1.0952px) calc(71.9% + 0.4309999676rem - 1.0952px), calc(23.6166666667% + 1.4266319727rem - 1.5352px) calc(44.9% - 0.847134094rem - 1.5352px), calc(34.6833333333% + 0.7694610959rem - 1.5448px) calc(64.1% + 1.9012604949rem - 1.5448px), calc(53.45% + 2.5563077531rem - 1.124px) calc(29.5% - 0.4225309459rem - 1.124px), calc(79.9166666667% + 0.6800028254rem - 1.0728px) calc(41.1% + 1.4840418281rem - 1.0728px), calc(97.4166666667% + 1.4888054488rem - 1.3912px) calc(98.9% - 1.0312960146rem - 1.3912px);
    opacity: 0.5;
  }

  33% {
    background-position: calc(3.5833333333% - 1.2368760129rem - 1.0952px) calc(71.9% + 0.8212609981rem - 1.0952px), calc(23.6166666667% + 0.2204071992rem - 1.5352px) calc(44.9% + 1.3943166778rem - 1.5352px), calc(34.6833333333% - 2.4803267688rem - 1.5448px) calc(64.1% - 0.4270515746rem - 1.5448px), calc(53.45% - 0.8124342891rem - 1.124px) calc(29.5% + 1.9507013297rem - 1.124px), calc(79.9166666667% - 1.9757333152rem - 1.0728px) calc(41.1% - 0.2793139901rem - 1.0728px), calc(97.4166666667% + 0.392306336rem - 1.3912px) calc(98.9% + 1.5287034887rem - 1.3912px);
    opacity: 0.72;
  }

  66% {
    background-position: calc(3.5833333333% - 0.2867674868rem - 1.0952px) calc(71.9% - 1.2522609657rem - 1.0952px), calc(23.6166666667% - 1.6470391719rem - 1.5352px) calc(44.9% - 0.5471825839rem - 1.5352px), calc(34.6833333333% + 1.7108656728rem - 1.5448px) calc(64.1% - 1.4742089203rem - 1.5448px), calc(53.45% - 1.743873464rem - 1.124px) calc(29.5% - 1.5281703839rem - 1.124px), calc(79.9166666667% + 1.2957304898rem - 1.0728px) calc(41.1% - 1.204727838rem - 1.0728px), calc(97.4166666667% - 1.8811117848rem - 1.3912px) calc(98.9% - 0.4974074741rem - 1.3912px);
    opacity: 0.58;
  }
}

@keyframes background-dust-drift {
  0%, 100% {
    background-position: calc(18.1386% + 3.5449845333rem - 1.764px) calc(43.39% + 3.166230726rem - 1.764px), calc(26.079% + 1.9306706502rem - 1.2568px) calc(24.322% - 3.6197847207rem - 1.2568px), calc(29.823% + 6.3999216619rem - 1.1192px) calc(24.658% - 2.201122999rem - 1.1192px), calc(37.1706% - 6.722692424rem - 1.3512px) calc(44.398% - 0.1997124267rem - 1.3512px), calc(48.1218% - 7.5346844758rem - 1.1528px) calc(41.542% - 1.687915113rem - 1.1528px), calc(54.8766% + 6.7540231633rem - 1.324px) calc(16.09% + 1.7063414799rem - 1.324px), calc(65.235% + 4.4916114977rem - 1.0648px) calc(10.042% + 0.4801959269rem - 1.0648px), calc(71.397% - 6.8630269128rem - 1.1752px) calc(23.398% + 1.3458782047rem - 1.1752px), calc(81.1626% - 4.4702369552rem - 1.6552px) calc(14.158% + 4.3221397582rem - 1.6552px), calc(86.7318% - 1.98027488rem - 1.7048px) calc(24.322% - 4.2035823456rem - 1.7048px);
    opacity: 0.46;
  }

  25% {
    background-position: calc(18.1386% - 4.6907121867rem - 1.764px) calc(43.39% + 2.39286456rem - 1.764px), calc(26.079% + 5.3626440307rem - 1.2568px) calc(24.322% + 1.3032026889rem - 1.2568px), calc(29.823% + 3.2609229615rem - 1.1192px) calc(24.658% + 4.3199471218rem - 1.1192px), calc(37.1706% + 0.2958702618rem - 1.3512px) calc(44.398% - 4.5378173862rem - 1.3512px), calc(48.1218% + 2.5006149822rem - 1.1528px) calc(41.542% - 5.0859120212rem - 1.1528px), calc(54.8766% - 2.5279133035rem - 1.324px) calc(16.09% + 4.5589656352rem - 1.324px), calc(65.235% - 0.7114013732rem - 1.0648px) calc(10.042% + 3.0318377609rem - 1.0648px), calc(71.397% - 1.9938936366rem - 1.1752px) calc(23.398% - 4.6325431661rem - 1.1752px), calc(81.1626% - 6.4031700121rem - 1.6552px) calc(14.158% - 3.0174099448rem - 1.6552px), calc(86.7318% + 6.2275294009rem - 1.7048px) calc(24.322% - 1.336685544rem - 1.7048px);
    opacity: 0.68;
  }

  50% {
    background-position: calc(18.1386% - 3.5449845333rem - 1.764px) calc(43.39% - 3.166230726rem - 1.764px), calc(26.079% - 1.9306706502rem - 1.2568px) calc(24.322% + 3.6197847207rem - 1.2568px), calc(29.823% - 6.3999216619rem - 1.1192px) calc(24.658% + 2.201122999rem - 1.1192px), calc(37.1706% + 6.722692424rem - 1.3512px) calc(44.398% + 0.1997124267rem - 1.3512px), calc(48.1218% + 7.5346844758rem - 1.1528px) calc(41.542% + 1.687915113rem - 1.1528px), calc(54.8766% - 6.7540231633rem - 1.324px) calc(16.09% - 1.7063414799rem - 1.324px), calc(65.235% - 4.4916114977rem - 1.0648px) calc(10.042% - 0.4801959269rem - 1.0648px), calc(71.397% + 6.8630269128rem - 1.1752px) calc(23.398% - 1.3458782047rem - 1.1752px), calc(81.1626% + 4.4702369552rem - 1.6552px) calc(14.158% - 4.3221397582rem - 1.6552px), calc(86.7318% + 1.98027488rem - 1.7048px) calc(24.322% + 4.2035823456rem - 1.7048px);
    opacity: 0.52;
  }

  75% {
    background-position: calc(18.1386% + 4.6907121867rem - 1.764px) calc(43.39% - 2.39286456rem - 1.764px), calc(26.079% - 5.3626440307rem - 1.2568px) calc(24.322% - 1.3032026889rem - 1.2568px), calc(29.823% - 3.2609229615rem - 1.1192px) calc(24.658% - 4.3199471218rem - 1.1192px), calc(37.1706% - 0.2958702618rem - 1.3512px) calc(44.398% + 4.5378173862rem - 1.3512px), calc(48.1218% - 2.5006149822rem - 1.1528px) calc(41.542% + 5.0859120212rem - 1.1528px), calc(54.8766% + 2.5279133035rem - 1.324px) calc(16.09% - 4.5589656352rem - 1.324px), calc(65.235% + 0.7114013732rem - 1.0648px) calc(10.042% - 3.0318377609rem - 1.0648px), calc(71.397% + 1.9938936366rem - 1.1752px) calc(23.398% + 4.6325431661rem - 1.1752px), calc(81.1626% + 6.4031700121rem - 1.6552px) calc(14.158% + 3.0174099448rem - 1.6552px), calc(86.7318% - 6.2275294009rem - 1.7048px) calc(24.322% + 1.336685544rem - 1.7048px);
    opacity: 0.66;
  }
}

.title-ray {
  --title-ray-start-x: -1rem;
  --title-ray-end-x: 2rem;
  --title-ray-duration: 15s;
  --title-ray-base-width: 32rem;
  --title-ray-width: var(--title-ray-base-width);
  --title-ray-blur: 14px;
  --title-ray-opacity: 1;
  --title-ray-angle: -30deg;
  position: absolute;
  left: calc((var(--title-ray-base-width) - var(--title-ray-width)) / 2);
  width: var(--title-ray-width);
  height: 70px;
  background-image: linear-gradient(to right, transparent 0%, var(--title-ray-faint) 34%, var(--title-ray-bright) 62%, var(--title-ray-glow) 78%, transparent 100%), radial-gradient(ellipse at 82% 50%, var(--title-ray-glow) 0, transparent 68%);
  filter: blur(var(--title-ray-blur)) saturate(122%);
  mix-blend-mode: screen;
  opacity: var(--title-ray-opacity);
  animation: title-ray-shimmer var(--title-ray-duration) ease-in-out -1s infinite;
}

.title-ray-1 {
  --title-ray-start-x: -3rem;
  --title-ray-end-x: 3rem;
  --title-ray-duration: 7.5s;
  --title-ray-width: 25rem;
  --title-ray-blur: 24px;
  --title-ray-opacity: 0.9;
  --title-ray-angle: -40deg;
}

.title-ray-2 {
  --title-ray-start-x: -1rem;
  --title-ray-end-x: 1rem;
  --title-ray-duration: 6s;
  --title-ray-width: 20rem;
  --title-ray-blur: 30px;
  --title-ray-opacity: 0.78;
  --title-ray-angle: -35deg;
}

@keyframes title-ray-shimmer {
  0%, 100% {
    transform: translateX(var(--title-ray-start-x)) rotate(var(--title-ray-angle));
  }

  50% {
    transform: translateX(var(--title-ray-end-x)) rotate(var(--title-ray-angle));
  }
}

#navbar-repo-search {
  display: flex;
  align-items: center;
  width: min(320px, 28vw);
  height: 42px;
  margin-left: auto;
  margin-right: 0.45rem;
  padding: 0 0.7rem;
  border: 1px solid var(--ruiny-border);
  border-radius: 7px;
  background: rgba(5, 7, 9, 0.22);
  color: var(--ruiny-text-muted);
}

#navbar-repo-search:focus-within {
  border-color: var(--ruiny-border);
  background: rgba(5, 7, 9, 0.38);
}

#navbar-repo-search > svg {
  display: none;
}

#navbar-repo-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ruiny-text);
  font: inherit;
  font-family: var(--fonts-monospace);
}

#navbar-repo-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

#navbar-repo-search input::placeholder {
  color: var(--ruiny-text-muted);
  font-size: var(--ruiny-font-size-mono);
}
#navbar-repo-search .navbar-search-button { display: none; }

.ui.button,
.ui.basic.button,
.ui.form input:not([type="checkbox"]):not([type="radio"]),
.ui.form textarea,
.ui.selection.dropdown {
  border-color: var(--ruiny-border);
  background: rgba(5, 7, 9, 0.22);
  color: var(--ruiny-text);
  box-shadow: none;
}

.ui.primary.button {
  color: var(--color-primary-contrast);
}

input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
.ui.input.focus > input,
.ui.input > input:focus,
.ui.form select:focus,
.ui.search > .prompt:focus {
  border-color: var(--ruiny-border) !important;
  outline: 0 !important;
  background: rgba(5, 7, 9, 0.38);
}

.ui.button:hover,
.ui.basic.button:hover,
.ui.selection.dropdown:hover {
  border-color: var(--ruiny-border-strong);
  background: rgba(255, 255, 255, 0.055);
  color: var(--ruiny-text);
}

.ui.dropdown .menu,
.ui.menu .ui.dropdown .menu,
.ui.popup,
.ui.modal {
  border: 1px solid var(--ruiny-border);
  background: #171a1f;
  box-shadow: none;
}

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

.repository .branch-selector-dropdown .branch-tag-item.active {
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: inset 0 -1px var(--ruiny-accent);
}

.page-content,
.full.height > .page-content,
.user.profile,
.repository.file.list,
.repository.view {
  padding-inline: clamp(20px, 4vw, 56px);
}

.ui.segment,
.ui.attached.segment,
.ui.segments,
.repository.file.list #repo-files-table,
.repository.file.list #repo-files-table .commit-list {
  border-color: var(--ruiny-border);
  background: var(--ruiny-surface);
  box-shadow: none;
}

.markdown,
.render-content.markup {
  font-family: "Crimson Text", Georgia, serif;
  font-size: var(--ruiny-font-size-serif);
}

.markdown h1,
.markdown h2,
.markdown h3 {
  font-family: "Crimson Text", Georgia, serif;
  font-weight: 400;
}

body kbd,
.repository .ui.label.small {
  font-size: var(--ruiny-font-size-mono);
}

.commit-message,
.file-name,
.branch-name,
code,
pre,
.ruiny-repo-state,
.repository:is(.file.list, .issue-list, .view.issue) .repo-header .ui.basic.label,
.repository.file.list .repository-summary .repository-menu .item,
.repository.file.list .repo-button-row .ui.button,
.repository.file.list .repo-button-row input,
.repository.file.list #repo-files-table .repo-file-last-commit,
.repository.file.list #repo-files-table .repo-file-cell.name,
.repository.file.list #repo-files-table .repo-file-cell.message,
.repository.file.list #repo-files-table .repo-file-cell.age,
.repository.file.list .file-header .file-info,
.repository.file.list .file-header .file-actions,
.repository.file.list .file-header .file-actions .ui.button,
.repository.file.list .code-view .lines-num,
.repository.file.list .code-view .lines-code,
.repository.issue-list .issue-list-toolbar .item,
.repository.issue-list .list-header .ui.button,
.repository.issue-list .list-header input,
.repository.issue-list #issue-list .flex-item-body,
.repository.issue-list .ui.label,
.repository.view.issue .ui.label:not(.issue-state-label),
.repository.view.issue .issue-title-meta,
.repository.view.issue .comment-header,
.repository.view.issue .issue-content-right .ui.button,
.user.profile .flex-item-body,
.user.profile .flex-item-trailing,
.status-page {
  font-family: var(--fonts-monospace);
  font-size: var(--ruiny-font-size-mono);
}

.ruiny-home {
  box-sizing: border-box !important;
  width: 100% !important;
  padding-block: 48px;
}

.ruiny-home-list {
  width: auto;
  max-width: 804px;
  margin-inline: auto;
}

.ruiny-repo-list {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ruiny-repo-card {
  min-width: 0;
  border: 1px solid var(--ruiny-border);
  border-radius: 9px;
  padding: 1.25rem 1.5rem;
  background: var(--ruiny-surface);
  box-shadow: none;
}

.ruiny-repo-card:hover {
  border-color: var(--ruiny-border-strong);
  background: rgba(25, 30, 36, 0.84);
}

.ruiny-repo-title {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.65rem;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.05;
}

.ruiny-repo-title a {
  color: inherit;
}

.ruiny-repo-title a:hover,
.ruiny-all-repos:hover {
  color: var(--ruiny-text);
}

.ruiny-repo-description {
  max-width: 680px;
  margin: 0.5rem 0 0;
  color: var(--ruiny-text-soft);
  font-family: "Crimson Text", Georgia, serif;
  font-size: var(--ruiny-font-size-serif);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.ruiny-repo-state {
  margin: 0;
  color: var(--ruiny-text-muted);
  line-height: 1.45;
}

.ruiny-all-repos {
  display: inline-block;
  margin-top: 2rem;
  color: var(--ruiny-accent);
  font-family: var(--fonts-monospace);
  font-size: 1rem;
}

.ruiny-home-empty {
  border: 1px solid var(--ruiny-border);
  padding: 1.35rem clamp(1.25rem, 3vw, 2rem);
  background: var(--ruiny-surface);
  color: var(--ruiny-text-soft);
  font-family: "Crimson Text", Georgia, serif;
  font-size: var(--ruiny-font-size-serif);
}

.ruiny-home-empty a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding-inline: 0.35rem;
}

/* User identity stays textual throughout the single-user interface. */
.ui.avatar,
.timeline-avatar,
.inline-timeline-avatar,
.avatar-with-link {
  display: none !important;
}

/* Repository workspace: keep Gitea's native actions, quiet the chrome. */
.repository .secondary-nav > .ui.container,
.repository.file.list > .ui.container:not(.fluid),
.repository.issue-list > .ui.container,
.repository.view.issue > .ui.container,
.user.settings > .ui.container {
  max-width: min(1120px, calc(100% - 2 * var(--page-margin-x)));
}

.repository.file.list > .ui.container.fluid {
  max-width: min(1240px, calc(100% - 2 * var(--page-margin-x)));
}

.repository:is(.file.list, .issue-list, .view.issue) .repo-header {
  padding-block: 1.45rem 1.1rem;
}

.repository:is(.file.list, .issue-list, .view.issue) .repo-header .flex-item-title a {
  color: var(--ruiny-text) !important;
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.8rem;
  letter-spacing: -0.015em;
}

.repository:is(.file.list, .issue-list, .view.issue) .repo-header .ui.basic.label {
  border-color: var(--ruiny-border);
  background: transparent;
  color: var(--ruiny-text-muted);
}

.repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu {
  min-height: 2.8rem;
  border: 0;
  background: transparent;
  overflow-x: auto;
}

.repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu .item {
  border-bottom: 1px solid transparent;
  color: var(--ruiny-text-muted);
  font-family: var(--fonts-regular);
  white-space: nowrap;
}

.repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu .item:hover,
.repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu .item.active {
  border-color: var(--ruiny-accent);
  color: var(--ruiny-text);
  background: transparent;
}

.repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.tabs.divider {
  border-color: var(--ruiny-border);
}

.repository.file.list .repository-summary,
.repository.file.list #repo-files-table,
.repository.file.list #readme,
.repository.file.list .non-diff-file-content {
  border: 1px solid var(--ruiny-border);
  border-radius: 8px;
  overflow: hidden;
}

.repository.file.list .repository-summary {
  margin-bottom: 1rem !important;
}

.repository.file.list .repository-summary .repository-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.2rem;
  border: 0;
  background: rgba(29, 34, 41, 0.52);
}

.repository.file.list .repository-summary .repository-menu .item {
  color: var(--ruiny-text-muted);
}

.repository.file.list .repository-summary .repository-menu .item:hover {
  color: var(--ruiny-text);
}

.repository.file.list .repo-button-row {
  gap: 0.75rem;
  padding-block: 0.5rem 0.75rem;
}

.repository.file.list .repo-button-row .js-btn-clone-panel {
  border-color: var(--ruiny-border-strong);
  background: var(--ruiny-accent-soft, rgba(95, 111, 136, 0.28));
  color: var(--ruiny-text);
}

.repository.file.list .clone-panel-popup {
  border: 1px solid var(--ruiny-border);
  background: #171a1f;
  box-shadow: none;
}

.repository.file.list #repo-files-table {
  background: rgba(21, 25, 30, 0.72);
}

.repository.file.list #repo-files-table .repo-file-line,
.repository.file.list #repo-files-table .repo-file-item {
  border-color: var(--ruiny-border);
}

.repository.file.list #repo-files-table .repo-file-last-commit {
  padding: 0.75rem 1rem;
  background: rgba(29, 34, 41, 0.62);
}

.repository.file.list #repo-files-table .repo-file-item {
  min-height: 2.8rem;
  padding-block: 0.35rem;
  transition: background 120ms ease;
}

.repository.file.list #repo-files-table .repo-file-item:hover {
  background: rgba(255, 255, 255, 0.035);
}

.repository.file.list #repo-files-table .repo-file-cell.name {
  color: var(--ruiny-text);
}

.repository.file.list #repo-files-table .repo-file-cell.message,
.repository.file.list #repo-files-table .repo-file-cell.age {
  color: var(--ruiny-text-muted);
}

.repository.file.list #repo-files-table relative-time {
  color: var(--ruiny-text-soft);
}

.repository.file.list #readme .file-header,
.repository.file.list .non-diff-file-content .file-header {
  border-color: var(--ruiny-border);
  background: rgba(29, 34, 41, 0.62);
  color: var(--ruiny-text);
}

.repository.file.list #readme > .ui.bottom.attached.segment,
.repository.file.list .non-diff-file-content > .ui.bottom.attached.segment {
  border-color: var(--ruiny-border);
  background: rgba(21, 25, 30, 0.72);
}

.repository.file.list #readme .markdown {
  max-width: 75ch;
  margin-right: auto;
  padding: 1.25rem clamp(1rem, 3vw, 2rem);
}

.repository.file.list #readme .markdown h1,
.repository.file.list #readme .markdown h2,
.repository.file.list #readme .markdown h3 {
  color: var(--ruiny-text);
}

.repository.file.list #repo-file-commit-box {
  margin-bottom: 0.75rem !important;
  border-color: var(--ruiny-border);
  background: rgba(29, 34, 41, 0.62);
  color: var(--ruiny-text-muted);
}

.repository.file.list .file-header {
  gap: 0.75rem;
  color: var(--ruiny-text);
}

.repository.file.list .file-header .file-actions {
  gap: 0.25rem;
}

.repository.file.list .file-header .file-actions .ui.button,
.repository.file.list .file-header .btn-octicon {
  border-color: var(--ruiny-border);
  color: var(--ruiny-text-muted);
}

.repository.file.list .file-header .file-actions .ui.button:hover,
.repository.file.list .file-header .btn-octicon:hover {
  color: var(--ruiny-text);
}

.repository.file.list .code-view {
  overflow-x: auto;
  background: rgba(10, 12, 15, 0.72);
}

.repository.file.list .code-view table {
  min-width: 100%;
}

.repository.file.list .code-view .lines-num {
  width: 3.25rem;
  min-width: 3.25rem;
  padding-inline: 0.75rem;
  background: rgba(29, 34, 41, 0.42);
  color: var(--ruiny-text-faint, #555b64);
  text-align: right;
  user-select: none;
}

.repository.file.list .code-view .lines-code {
  padding-inline: 0.9rem 1.2rem;
  color: var(--ruiny-text);
  white-space: pre;
}

/* Issues and pull requests: one quiet workspace for lists and conversations. */
.repository.issue-list .list-header {
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-block: 0.9rem 1rem;
}

.repository.issue-list .list-header-search {
  min-width: min(24rem, 100%);
}

.repository.issue-list .issue-list-toolbar {
  gap: 0.75rem;
  padding: 0.5rem;
  border: 1px solid var(--ruiny-border);
  border-radius: 8px;
  background: rgba(21, 25, 30, 0.58);
}

.repository.issue-list .issue-list-toolbar-right .filter.menu {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.repository.issue-list #issue-list {
  margin-top: 0.75rem;
  border-block: 1px solid var(--ruiny-border);
}

.repository.issue-list #issue-list > .flex-item {
  min-height: 4.25rem;
  padding: 0.9rem 0.55rem;
  border-color: var(--ruiny-border);
  transition: background 120ms ease;
}

.repository.issue-list #issue-list > .flex-item:hover {
  background: rgba(255, 255, 255, 0.025);
}

.repository.issue-list #issue-list .issue-title {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.2rem;
  font-weight: 600;
}

.repository.issue-list #issue-list .flex-item-body {
  color: var(--ruiny-text-muted);
}

.repository.issue-list .ui.label,
.repository.view.issue .ui.label:not(.issue-state-label) {
  border: 1px solid var(--ruiny-border-strong) !important;
  background: rgba(107, 114, 128, 0.34) !important;
  color: var(--ruiny-text-soft) !important;
  font-weight: 500;
}

.repository.issue-list #issue-list > h3 {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.45rem;
  font-weight: 500;
}

.repository.view.issue .issue-title-header {
  margin-block: 1rem 1.5rem;
}

.repository.view.issue .issue-title-buttons a[href*="/issues/new"] {
  display: none;
}

.repository.view.issue .issue-title h1 {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: -0.015em;
}

.repository.view.issue .issue-title-meta {
  color: var(--ruiny-text-muted);
}

.repository.view.issue .issue-state-label {
  border: 1px solid rgba(113, 133, 164, 0.35) !important;
  background: rgba(95, 111, 136, 0.3) !important;
  color: var(--ruiny-text) !important;
}

.repository.view.issue .comment-container,
.repository.view.issue .issue-content-right {
  border: 1px solid var(--ruiny-border);
  border-radius: 8px;
  background: rgba(21, 25, 30, 0.72);
}

.repository.view.issue .comment-header {
  border-color: var(--ruiny-border);
  background: rgba(29, 34, 41, 0.58);
  color: var(--ruiny-text-muted);
}

.repository.view.issue .comment-header.avatar-content-left-arrow::before,
.repository.view.issue .comment-header.avatar-content-left-arrow::after {
  display: none;
}

@media (min-width: 768px) {
  .repository.view.issue .comment-list .timeline {
    margin-left: 0;
    padding-left: 0;
  }
}

.repository.view.issue .comment-body {
  border-color: var(--ruiny-border);
  background: transparent;
  color: var(--ruiny-text-soft);
  font-family: "Crimson Text", Georgia, serif;
  font-size: var(--ruiny-font-size-serif);
  line-height: 1.55;
}

.repository.view.issue .timeline-item.event,
.repository.view.issue .issue-content-right {
  color: var(--ruiny-text-muted);
  font-family: var(--fonts-regular);
}

.repository.view.issue .issue-content-right {
  padding: 1rem;
}

.repository.view.issue .issue-content-right .ui.button {
  border-color: var(--ruiny-border);
  background: transparent;
  color: var(--ruiny-text-muted);
}

.repository.view.issue .combo-markdown-editor,
.repository.view.issue .markdown-text-editor {
  border-color: var(--ruiny-border);
  background: rgba(10, 12, 15, 0.55);
}

/* Secondary surfaces: editorial where reading matters, plain where actions do. */
.user.profile > .ui.container {
  max-width: 1040px;
}

.user.profile .ui.stackable.grid > .four.wide.column {
  display: none;
}

.user.profile .ui.stackable.grid > .twelve.wide.column {
  width: 100% !important;
}

.user.profile .ruiny-profile-heading {
  margin: 0 0 1rem;
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.65rem;
  font-weight: 400;
}

.user.profile .flex-list > .flex-item {
  padding-block: 1rem;
  border-color: var(--ruiny-border);
}

.user.profile .flex-item-title a {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.2rem;
}

.user.profile .flex-item-body,
.user.profile .flex-item-trailing {
  color: var(--ruiny-text-muted);
}

.user:is(.signin, .signup, .forgot.password, .reset.password) .page.grid {
  min-height: calc(100vh - 13rem);
}

.user:is(.signin, .signup, .forgot.password, .reset.password) .column {
  width: min(100%, 34rem) !important;
}

.user:is(.signin, .signup, .forgot.password, .reset.password) .ui.attached.segment,
.user:is(.signin, .signup, .forgot.password, .reset.password) .ui.attached.header,
.user.settings .ui.vertical.menu,
.user.settings .ui.segment,
.user.settings .ui.attached.header {
  border-color: var(--ruiny-border);
  background: rgba(21, 25, 30, 0.72);
  box-shadow: none;
}

.user:is(.signin, .signup, .forgot.password, .reset.password) .ui.top.attached.header {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-size: 1.65rem;
  font-weight: 500;
}

.user:is(.signin, .signup, .forgot.password, .reset.password) label,
.user:is(.signin, .signup, .forgot.password, .reset.password) .divider-text {
  color: var(--ruiny-text-muted);
}

.user.settings .ui.vertical.menu .active.item {
  border-left-color: var(--ruiny-accent);
  background: rgba(113, 133, 164, 0.12);
}

.user.settings .ui.red.button,
.user.settings .ui.negative.message {
  border-color: rgba(178, 96, 96, 0.42) !important;
  background: rgba(105, 48, 48, 0.3) !important;
  color: #d2b5b5 !important;
}

.status-page {
  color: var(--ruiny-text-muted);
}

.status-page h1,
.status-page h2 {
  color: var(--ruiny-text);
  font-family: "Crimson Text", Georgia, serif;
  font-weight: 500;
}

.page-footer { display: none !important; }

@media (max-width: 767px) {
  #navbar { min-height: 76px; padding-inline: 14px; }
  #navbar .item { min-height: 44px; }
  #navbar .navbar-left { width: 100%; }
  #navbar .navbar-mobile-right { margin-left: auto; }
  #navbar .navbar-mobile-right .button { color: var(--ruiny-text); }
  #navbar-logo { font-size: 1.72rem; }
  #navbar-repo-search { width: 46px; justify-content: center; margin-right: 0; padding: 0; }
  #navbar-repo-search > svg,
  #navbar-repo-search input { display: none; }
  #navbar-repo-search .navbar-search-button { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: inherit; }

  #navbar-expand-toggle,
  #navbar-repo-search,
  overflow-menu .overflow-menu-button,
  .repository .repo-header .ui.button,
  .repository.file.list .repo-button-row .ui.button {
    min-width: 44px;
    min-height: 44px;
  }

  overflow-menu .overflow-menu-popup .item,
  .repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu .item,
  .explore .ui.secondary.pointing.menu .item,
  .explore .ui.action.input input,
  .explore .ui.action.input .button,
  .explore .ui.dropdown {
    min-height: 44px;
  }

  .explore .ui.action.input .button {
    min-width: 44px;
  }

  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.button,
  .user:is(.signin, .signup, .forgot.password, .reset.password) input:not([type="checkbox"]):not([type="radio"]) {
    min-height: 44px;
  }
  .page-content,
  .full.height > .page-content,
  .user.profile,
  .repository.file.list,
  .repository.view { padding-inline: 14px; }

  .repository:is(.file.list, .issue-list, .view.issue) .repo-header {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body .repository.file.list .ui.container {
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
  }

  .repository:is(.file.list, .issue-list, .view.issue) .repo-header .flex-item-title a {
    font-size: 1.55rem;
  }

  .repository:is(.file.list, .issue-list, .view.issue) .secondary-nav .ui.secondary.pointing.menu {
    scrollbar-width: thin;
  }

  .repository.file.list #repo-files-table .repo-file-item .repo-file-cell.message {
    display: none;
  }

  .repository.file.list #repo-files-table {
    display: block;
  }

  .repository.file.list #repo-files-table .repo-file-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .repository.file.list #repo-files-table .repo-file-item .repo-file-cell.age {
    grid-column: 2 !important;
  }

  .repository.file.list #repo-files-table .repo-file-item .repo-file-cell.name {
    width: 100%;
  }

  .repository.file.list .repo-button-row {
    align-items: stretch;
    flex-direction: column;
  }

  .repository.file.list .repo-button-row-left,
  .repository.file.list .repo-button-row-right {
    width: 100%;
  }

  .repository.file.list .repo-button-row-right {
    flex-wrap: wrap;
  }

  .repository.file.list .breadcrumb {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }

  .repository.file.list .file-header {
    align-items: flex-start;
  }

  .repository.file.list .file-header-right {
    width: 100%;
  }

  .repository.issue-list > .ui.container,
  .repository.view.issue > .ui.container {
    width: 100% !important;
    max-width: 100%;
  }

  .repository.issue-list .list-header-search,
  .repository.issue-list .list-header-search > .input {
    width: 100%;
  }

  .repository.issue-list .list-header {
    align-items: stretch;
  }

  .repository.issue-list .list-header-search {
    flex: 1 0 100%;
    min-width: 0;
    order: -1;
  }

  .repository.issue-list .issue-list-new {
    margin-left: auto;
  }

  .repository.issue-list .issue-list-toolbar,
  .repository.issue-list .issue-list-toolbar-right,
  .repository.issue-list .issue-list-toolbar-right .filter.menu {
    width: 100%;
  }

  .repository.issue-list .issue-list-toolbar {
    display: block;
  }

  .repository.issue-list .issue-list-toolbar-left {
    margin-bottom: 0.5rem;
  }

  .repository.issue-list .issue-list-toolbar-right .filter.menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .repository.issue-list .issue-list-toolbar-right .filter.menu > .item {
    min-width: 0;
    justify-content: flex-start;
    padding-inline: 0.65rem;
  }

  .repository.issue-list #issue-list .flex-item-title {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-width: 0;
  }

  .repository.issue-list #issue-list .labels-list {
    display: inline-flex;
    max-width: 100%;
  }

  .repository.view.issue .issue-title-header,
  .repository.view.issue .issue-title {
    min-width: 0;
  }

  .repository.view.issue .issue-content {
    display: block;
  }

  .repository.view.issue .issue-content-right {
    width: 100%;
    margin-top: 1.25rem;
  }

  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.page.grid {
    display: block;
    width: auto !important;
    max-width: 100%;
    margin-inline: 0 !important;
  }

  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.page.grid > .column {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    padding-inline: 0;
  }

  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.container,
  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.segment,
  .user:is(.signin, .signup, .forgot.password, .reset.password) .ui.form,
  .user:is(.signin, .signup, .forgot.password, .reset.password) .field {
    min-width: 0;
    max-width: 100%;
  }

}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  body::after,
  #navbar-logo .title-rays::after { animation: none !important; }
  #navbar-logo .title-ray {
    animation: none !important;
    transform: translateX(var(--title-ray-start-x)) rotate(var(--title-ray-angle));
  }
}