@primer/react-brand 0.1.0-rc.ae0dfda → 0.1.0-rc.c341bbe

package/lib/css/main.css

@@ -1,13 +1,1352 @@
-/* TODO: Extract these global styles */
+/**
+ * Modified from https://github.com/hankchizljaw/modern-css-reset
+ * Copyright (c) 2019 Andy Bell and other contributors
+ * License: MIT
+ */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Remove default margin */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+figure,
+blockquote,
+dl,
+dd {
+  margin: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+  list-style: none;
+}
+
+/* Set core root defaults */
+html[focus-within] {
+  scroll-behavior: smooth;
+}
+html:focus-within {
+  scroll-behavior: smooth;
+}
+
+/* Set core body defaults */
 body {
-  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif; /* TODO: Use Alliance No. 1 or Mona Sans */
+  min-height: 100vh;
   line-height: 1.5;
 }
 
-/* TODO: Replace hard-coded values with design tokens */
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+  -webkit-text-decoration-skip: ink;
+          text-decoration-skip-ink: auto;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+  max-width: 100%;
+  display: block;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
+@media (prefers-reduced-motion: reduce) {
+  html[focus-within] {
+    scroll-behavior: auto;
+  }
+  html:focus-within {
+    scroll-behavior: auto;
+  }
+
+  *,
+  *::before,
+  *::after {
+    -webkit-animation-duration: 0.01ms !important;
+            animation-duration: 0.01ms !important;
+    -webkit-animation-iteration-count: 1 !important;
+            animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+:root {
+  --gh-color-canvasDefaultTransparent: rgba(255, 255, 255, 0);
+  --gh-color-pageHeaderBg: #f6f8fa;
+  --gh-color-marketingIcon-primary: #218bff;
+  --gh-color-marketingIcon-secondary: #54aeff;
+  --gh-color-diffBlob-addition-numText: #24292f;
+  --gh-color-diffBlob-addition-fg: #24292f;
+  --gh-color-diffBlob-addition-numBg: #ccffd8;
+  --gh-color-diffBlob-addition-lineBg: #e6ffec;
+  --gh-color-diffBlob-addition-wordBg: #abf2bc;
+  --gh-color-diffBlob-deletion-numText: #24292f;
+  --gh-color-diffBlob-deletion-fg: #24292f;
+  --gh-color-diffBlob-deletion-numBg: #ffd7d5;
+  --gh-color-diffBlob-deletion-lineBg: #ffebe9;
+  --gh-color-diffBlob-deletion-wordBg: rgba(255, 129, 130, 0.4);
+  --gh-color-diffBlob-hunk-numBg: rgba(84, 174, 255, 0.4);
+  --gh-color-diffBlob-expander-icon: #57606a;
+  --gh-color-diffBlob-selectedLineHighlightMixBlendMode: multiply;
+  --gh-color-diffstat-deletionBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-diffstat-additionBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-diffstat-additionBg: #2da44e;
+  --gh-color-searchKeyword-hl: #fff8c5;
+  --gh-color-prettylights-syntax-comment: #6e7781;
+  --gh-color-prettylights-syntax-constant: #0550ae;
+  --gh-color-prettylights-syntax-entity: #8250df;
+  --gh-color-prettylights-syntax-storageModifierImport: #24292f;
+  --gh-color-prettylights-syntax-entityTag: #116329;
+  --gh-color-prettylights-syntax-keyword: #cf222e;
+  --gh-color-prettylights-syntax-string: #0a3069;
+  --gh-color-prettylights-syntax-variable: #953800;
+  --gh-color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
+  --gh-color-prettylights-syntax-invalidIllegalText: #f6f8fa;
+  --gh-color-prettylights-syntax-invalidIllegalBg: #82071e;
+  --gh-color-prettylights-syntax-carriageReturnText: #f6f8fa;
+  --gh-color-prettylights-syntax-carriageReturnBg: #cf222e;
+  --gh-color-prettylights-syntax-stringRegexp: #116329;
+  --gh-color-prettylights-syntax-markupList: #3b2300;
+  --gh-color-prettylights-syntax-markupHeading: #0550ae;
+  --gh-color-prettylights-syntax-markupItalic: #24292f;
+  --gh-color-prettylights-syntax-markupBold: #24292f;
+  --gh-color-prettylights-syntax-markupDeletedText: #82071e;
+  --gh-color-prettylights-syntax-markupDeletedBg: #ffebe9;
+  --gh-color-prettylights-syntax-markupInsertedText: #116329;
+  --gh-color-prettylights-syntax-markupInsertedBg: #dafbe1;
+  --gh-color-prettylights-syntax-markupChangedText: #953800;
+  --gh-color-prettylights-syntax-markupChangedBg: #ffd8b5;
+  --gh-color-prettylights-syntax-markupIgnoredText: #eaeef2;
+  --gh-color-prettylights-syntax-markupIgnoredBg: #0550ae;
+  --gh-color-prettylights-syntax-metaDiffRange: #8250df;
+  --gh-color-prettylights-syntax-brackethighlighterAngle: #57606a;
+  --gh-color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
+  --gh-color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
+  --gh-color-codemirror-text: #24292f;
+  --gh-color-codemirror-bg: #ffffff;
+  --gh-color-codemirror-guttersBg: #ffffff;
+  --gh-color-codemirror-guttermarkerText: #ffffff;
+  --gh-color-codemirror-guttermarkerSubtleText: #6e7781;
+  --gh-color-codemirror-linenumberText: #57606a;
+  --gh-color-codemirror-cursor: #24292f;
+  --gh-color-codemirror-selectionBg: rgba(84, 174, 255, 0.4);
+  --gh-color-codemirror-activelineBg: rgba(234, 238, 242, 0.5);
+  --gh-color-codemirror-matchingbracketText: #24292f;
+  --gh-color-codemirror-linesBg: #ffffff;
+  --gh-color-codemirror-syntax-comment: #24292f;
+  --gh-color-codemirror-syntax-constant: #0550ae;
+  --gh-color-codemirror-syntax-entity: #8250df;
+  --gh-color-codemirror-syntax-keyword: #cf222e;
+  --gh-color-codemirror-syntax-storage: #cf222e;
+  --gh-color-codemirror-syntax-string: #0a3069;
+  --gh-color-codemirror-syntax-support: #0550ae;
+  --gh-color-codemirror-syntax-variable: #953800;
+  --gh-color-checks-bg: #24292f;
+  --gh-color-checks-runBorderWidth: 0px;
+  --gh-color-checks-containerBorderWidth: 0px;
+  --gh-color-checks-textPrimary: #f6f8fa;
+  --gh-color-checks-textSecondary: #8c959f;
+  --gh-color-checks-textLink: #54aeff;
+  --gh-color-checks-btnIcon: #afb8c1;
+  --gh-color-checks-btnHoverIcon: #f6f8fa;
+  --gh-color-checks-btnHoverBg: rgba(255, 255, 255, 0.125);
+  --gh-color-checks-inputText: #eaeef2;
+  --gh-color-checks-inputPlaceholderText: #8c959f;
+  --gh-color-checks-inputFocusText: #8c959f;
+  --gh-color-checks-inputBg: #32383f;
+  --gh-color-checks-inputShadow: none;
+  --gh-color-checks-donutError: #fa4549;
+  --gh-color-checks-donutPending: #bf8700;
+  --gh-color-checks-donutSuccess: #2da44e;
+  --gh-color-checks-donutNeutral: #afb8c1;
+  --gh-color-checks-dropdownText: #afb8c1;
+  --gh-color-checks-dropdownBg: #32383f;
+  --gh-color-checks-dropdownBorder: #424a53;
+  --gh-color-checks-dropdownShadow: rgba(27, 31, 36, 0.3);
+  --gh-color-checks-dropdownHoverText: #f6f8fa;
+  --gh-color-checks-dropdownHoverBg: #424a53;
+  --gh-color-checks-dropdownBtnHoverText: #f6f8fa;
+  --gh-color-checks-dropdownBtnHoverBg: #32383f;
+  --gh-color-checks-scrollbarThumbBg: #57606a;
+  --gh-color-checks-headerLabelText: #d0d7de;
+  --gh-color-checks-headerLabelOpenText: #f6f8fa;
+  --gh-color-checks-headerBorder: #32383f;
+  --gh-color-checks-headerIcon: #8c959f;
+  --gh-color-checks-lineText: #d0d7de;
+  --gh-color-checks-lineNumText: rgba(140, 149, 159, 0.75);
+  --gh-color-checks-lineTimestampText: #8c959f;
+  --gh-color-checks-lineHoverBg: #32383f;
+  --gh-color-checks-lineSelectedBg: rgba(33, 139, 255, 0.15);
+  --gh-color-checks-lineSelectedNumText: #54aeff;
+  --gh-color-checks-lineDtFmText: #24292f;
+  --gh-color-checks-lineDtFmBg: #9a6700;
+  --gh-color-checks-gateBg: rgba(125, 78, 0, 0.15);
+  --gh-color-checks-gateText: #d0d7de;
+  --gh-color-checks-gateWaitingText: #d4a72c;
+  --gh-color-checks-stepHeaderOpenBg: #32383f;
+  --gh-color-checks-stepErrorText: #ff8182;
+  --gh-color-checks-stepWarningText: #d4a72c;
+  --gh-color-checks-loglineText: #8c959f;
+  --gh-color-checks-loglineNumText: rgba(140, 149, 159, 0.75);
+  --gh-color-checks-loglineDebugText: #c297ff;
+  --gh-color-checks-loglineErrorText: #d0d7de;
+  --gh-color-checks-loglineErrorNumText: #ff8182;
+  --gh-color-checks-loglineErrorBg: rgba(164, 14, 38, 0.15);
+  --gh-color-checks-loglineWarningText: #d0d7de;
+  --gh-color-checks-loglineWarningNumText: #d4a72c;
+  --gh-color-checks-loglineWarningBg: rgba(125, 78, 0, 0.15);
+  --gh-color-checks-loglineCommandText: #54aeff;
+  --gh-color-checks-loglineSectionText: #4ac26b;
+  --gh-color-checks-ansi-black: #24292f;
+  --gh-color-checks-ansi-blackBright: #32383f;
+  --gh-color-checks-ansi-white: #d0d7de;
+  --gh-color-checks-ansi-whiteBright: #d0d7de;
+  --gh-color-checks-ansi-gray: #8c959f;
+  --gh-color-checks-ansi-red: #ff8182;
+  --gh-color-checks-ansi-redBright: #ffaba8;
+  --gh-color-checks-ansi-green: #4ac26b;
+  --gh-color-checks-ansi-greenBright: #6fdd8b;
+  --gh-color-checks-ansi-yellow: #d4a72c;
+  --gh-color-checks-ansi-yellowBright: #eac54f;
+  --gh-color-checks-ansi-blue: #54aeff;
+  --gh-color-checks-ansi-blueBright: #80ccff;
+  --gh-color-checks-ansi-magenta: #c297ff;
+  --gh-color-checks-ansi-magentaBright: #d8b9ff;
+  --gh-color-checks-ansi-cyan: #76e3ea;
+  --gh-color-checks-ansi-cyanBright: #b3f0ff;
+  --gh-color-project-headerBg: #24292f;
+  --gh-color-project-sidebarBg: #ffffff;
+  --gh-color-project-gradientIn: #ffffff;
+  --gh-color-project-gradientOut: rgba(255, 255, 255, 0);
+  --gh-color-mktg-btn-bg: #1b1f23;
+  --gh-color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
+  --gh-color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
+  --gh-color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07),
+    0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03),
+    0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02),
+    0 100px 80px rgba(0, 0, 0, 0.02);
+  --gh-color-mktg-btn-shadow-hoverMuted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset;
+  --gh-color-avatar-bg: #ffffff;
+  --gh-color-avatar-border: rgba(27, 31, 36, 0.15);
+  --gh-color-avatar-stackFade: #afb8c1;
+  --gh-color-avatar-stackFadeMore: #d0d7de;
+  --gh-color-avatar-childShadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
+  --gh-color-topicTag-border: rgba(0, 0, 0, 0);
+  --gh-color-counter-border: rgba(0, 0, 0, 0);
+  --gh-color-selectMenu-backdropBorder: rgba(0, 0, 0, 0);
+  --gh-color-selectMenu-tapHighlight: rgba(175, 184, 193, 0.5);
+  --gh-color-selectMenu-tapFocusBg: #b6e3ff;
+  --gh-color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12),
+    0 8px 24px rgba(66, 74, 83, 0.12);
+  --gh-color-header-text: rgba(255, 255, 255, 0.7);
+  --gh-color-header-bg: #24292f;
+  --gh-color-header-divider: #57606a;
+  --gh-color-header-logo: #ffffff;
+  --gh-color-headerSearch-bg: #24292f;
+  --gh-color-headerSearch-border: #57606a;
+  --gh-color-sidenav-selectedBg: #ffffff;
+  --gh-color-menu-bgActive: rgba(0, 0, 0, 0);
+  --gh-color-input-disabledBg: rgba(175, 184, 193, 0.2);
+  --gh-color-timeline-badgeBg: #eaeef2;
+  --gh-color-ansi-black: #24292f;
+  --gh-color-ansi-blackBright: #57606a;
+  --gh-color-ansi-white: #6e7781;
+  --gh-color-ansi-whiteBright: #8c959f;
+  --gh-color-ansi-gray: #6e7781;
+  --gh-color-ansi-red: #cf222e;
+  --gh-color-ansi-redBright: #a40e26;
+  --gh-color-ansi-green: #116329;
+  --gh-color-ansi-greenBright: #1a7f37;
+  --gh-color-ansi-yellow: #4d2d00;
+  --gh-color-ansi-yellowBright: #633c01;
+  --gh-color-ansi-blue: #0969da;
+  --gh-color-ansi-blueBright: #218bff;
+  --gh-color-ansi-magenta: #8250df;
+  --gh-color-ansi-magentaBright: #a475f9;
+  --gh-color-ansi-cyan: #1b7c83;
+  --gh-color-ansi-cyanBright: #3192aa;
+  --gh-color-btn-text: #24292f;
+  --gh-color-btn-bg: #f6f8fa;
+  --gh-color-btn-border: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
+  --gh-color-btn-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  --gh-color-btn-hoverBg: #f3f4f6;
+  --gh-color-btn-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-activeBg: hsla(220, 14%, 93%, 1);
+  --gh-color-btn-activeBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-selectedBg: hsla(220, 14%, 94%, 1);
+  --gh-color-btn-focusBg: #f6f8fa;
+  --gh-color-btn-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-focusShadow: 0 0 0 3px rgba(9, 105, 218, 0.3);
+  --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(27, 31, 36, 0.15);
+  --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(9, 105, 218, 0.3);
+  --gh-color-btn-counterBg: rgba(27, 31, 36, 0.08);
+  --gh-color-btn-primary-text: #ffffff;
+  --gh-color-btn-primary-bg: #2da44e;
+  --gh-color-btn-primary-border: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-primary-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+  --gh-color-btn-primary-hoverBg: #2c974b;
+  --gh-color-btn-primary-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-selectedBg: hsla(137, 55%, 36%, 1);
+  --gh-color-btn-primary-selectedShadow: inset 0 1px 0 rgba(0, 45, 17, 0.2);
+  --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.8);
+  --gh-color-btn-primary-disabledBg: #94d3a2;
+  --gh-color-btn-primary-disabledBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-focusBg: #2da44e;
+  --gh-color-btn-primary-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(45, 164, 78, 0.4);
+  --gh-color-btn-primary-icon: rgba(255, 255, 255, 0.8);
+  --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-text: #0969da;
+  --gh-color-btn-outline-hoverText: #ffffff;
+  --gh-color-btn-outline-hoverBg: #0969da;
+  --gh-color-btn-outline-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
+    rgba(255, 255, 255, 0.03);
+  --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-selectedText: #ffffff;
+  --gh-color-btn-outline-selectedBg: hsla(212, 92%, 42%, 1);
+  --gh-color-btn-outline-selectedBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-selectedShadow: inset 0 1px 0 rgba(0, 33, 85, 0.2);
+  --gh-color-btn-outline-disabledText: rgba(9, 105, 218, 0.5);
+  --gh-color-btn-outline-disabledBg: #f6f8fa;
+  --gh-color-btn-outline-disabledCounterBg: rgba(9, 105, 218, 0.05);
+  --gh-color-btn-outline-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(5, 80, 174, 0.4);
+  --gh-color-btn-outline-counterBg: rgba(9, 105, 218, 0.1);
+  --gh-color-btn-danger-text: #cf222e;
+  --gh-color-btn-danger-hoverText: #ffffff;
+  --gh-color-btn-danger-hoverBg: #a40e26;
+  --gh-color-btn-danger-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-danger-hoverInsetShadow: inset 0 1px 0
+    rgba(255, 255, 255, 0.03);
+  --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-danger-selectedText: #ffffff;
+  --gh-color-btn-danger-selectedBg: hsla(356, 72%, 44%, 1);
+  --gh-color-btn-danger-selectedBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-selectedShadow: inset 0 1px 0 rgba(76, 0, 20, 0.2);
+  --gh-color-btn-danger-disabledText: rgba(207, 34, 46, 0.5);
+  --gh-color-btn-danger-disabledBg: #f6f8fa;
+  --gh-color-btn-danger-disabledCounterBg: rgba(207, 34, 46, 0.05);
+  --gh-color-btn-danger-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(164, 14, 38, 0.4);
+  --gh-color-btn-danger-counterBg: rgba(207, 34, 46, 0.1);
+  --gh-color-btn-danger-icon: #cf222e;
+  --gh-color-btn-danger-hoverIcon: #ffffff;
+  --gh-color-underlinenav-icon: #6e7781;
+  --gh-color-underlinenav-borderHover: rgba(175, 184, 193, 0.2);
+  --gh-color-actionListItem-inlineDivider: rgba(208, 215, 222, 0.48);
+  --gh-color-actionListItem-default-hoverBg: rgba(208, 215, 222, 0.32);
+  --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-activeBg: rgba(208, 215, 222, 0.48);
+  --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-selectedBg: rgba(208, 215, 222, 0.24);
+  --gh-color-actionListItem-danger-hoverBg: rgba(255, 235, 233, 0.64);
+  --gh-color-actionListItem-danger-activeBg: #ffebe9;
+  --gh-color-actionListItem-danger-hoverText: #cf222e;
+  --gh-color-switchTrack-bg: #eaeef2;
+  --gh-color-switchTrack-border: #afb8c1;
+  --gh-color-switchTrack-checked-bg: #ddf4ff;
+  --gh-color-switchTrack-checked-hoverBg: #b6e3ff;
+  --gh-color-switchTrack-checked-activeBg: #80ccff;
+  --gh-color-switchTrack-checked-border: #54aeff;
+  --gh-color-switchKnob-checked-bg: #0969da;
+  --gh-color-switchKnob-checked-disabledBg: #6e7781;
+  --gh-color-fg-default: #24292f;
+  --gh-color-fg-muted: #57606a;
+  --gh-color-fg-subtle: #6e7781;
+  --gh-color-fg-onEmphasis: #ffffff;
+  --gh-color-canvas-default: #ffffff;
+  --gh-color-canvas-overlay: #ffffff;
+  --gh-color-canvas-inset: #f6f8fa;
+  --gh-color-canvas-subtle: #f6f8fa;
+  --gh-color-border-default: #d0d7de;
+  --gh-color-border-muted: hsla(210, 18%, 87%, 1);
+  --gh-color-border-subtle: rgba(27, 31, 36, 0.15);
+  --gh-color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04);
+  --gh-color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15);
+  --gh-color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2);
+  --gh-color-shadow-extraLarge: 0 12px 28px rgba(140, 149, 159, 0.3);
+  --gh-color-neutral-emphasisPlus: #24292f;
+  --gh-color-neutral-emphasis: #6e7781;
+  --gh-color-neutral-muted: rgba(175, 184, 193, 0.2);
+  --gh-color-neutral-subtle: rgba(234, 238, 242, 0.5);
+  --gh-color-accent-fg: #0969da;
+  --gh-color-accent-emphasis: #0969da;
+  --gh-color-accent-muted: rgba(84, 174, 255, 0.4);
+  --gh-color-accent-subtle: #ddf4ff;
+  --gh-color-success-fg: #1a7f37;
+  --gh-color-success-emphasis: #2da44e;
+  --gh-color-success-muted: rgba(74, 194, 107, 0.4);
+  --gh-color-success-subtle: #dafbe1;
+  --gh-color-attention-fg: #9a6700;
+  --gh-color-attention-emphasis: #bf8700;
+  --gh-color-attention-muted: rgba(212, 167, 44, 0.4);
+  --gh-color-attention-subtle: #fff8c5;
+  --gh-color-severe-fg: #bc4c00;
+  --gh-color-severe-emphasis: #bc4c00;
+  --gh-color-severe-muted: rgba(251, 143, 68, 0.4);
+  --gh-color-severe-subtle: #fff1e5;
+  --gh-color-danger-fg: #cf222e;
+  --gh-color-danger-emphasis: #cf222e;
+  --gh-color-danger-muted: rgba(255, 129, 130, 0.4);
+  --gh-color-danger-subtle: #ffebe9;
+  --gh-color-open-fg: #1a7f37;
+  --gh-color-open-emphasis: #2da44e;
+  --gh-color-open-muted: rgba(74, 194, 107, 0.4);
+  --gh-color-open-subtle: #dafbe1;
+  --gh-color-closed-fg: #cf222e;
+  --gh-color-closed-emphasis: #cf222e;
+  --gh-color-closed-muted: rgba(255, 129, 130, 0.4);
+  --gh-color-closed-subtle: #ffebe9;
+  --gh-color-done-fg: #8250df;
+  --gh-color-done-emphasis: #8250df;
+  --gh-color-done-muted: rgba(194, 151, 255, 0.4);
+  --gh-color-done-subtle: #fbefff;
+  --gh-color-sponsors-fg: #bf3989;
+  --gh-color-sponsors-emphasis: #bf3989;
+  --gh-color-sponsors-muted: rgba(255, 128, 200, 0.4);
+  --gh-color-sponsors-subtle: #ffeff7;
+  --gh-color-primer-fg-disabled: #8c959f;
+  --gh-color-primer-canvas-backdrop: rgba(27, 31, 36, 0.5);
+  --gh-color-primer-canvas-sticky: rgba(255, 255, 255, 0.95);
+  --gh-color-primer-border-active: #fd8c73;
+  --gh-color-primer-border-contrast: rgba(27, 31, 36, 0.1);
+  --gh-color-primer-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  --gh-color-primer-shadow-inset: inset 0 1px 0 rgba(208, 215, 222, 0.2);
+  --gh-color-primer-shadow-focus: 0 0 0 3px rgba(9, 105, 218, 0.3);
+}
+
+[data-color-mode="light"] {
+  --gh-color-canvasDefaultTransparent: rgba(255, 255, 255, 0);
+  --gh-color-pageHeaderBg: #f6f8fa;
+  --gh-color-marketingIcon-primary: #218bff;
+  --gh-color-marketingIcon-secondary: #54aeff;
+  --gh-color-diffBlob-addition-numText: #24292f;
+  --gh-color-diffBlob-addition-fg: #24292f;
+  --gh-color-diffBlob-addition-numBg: #ccffd8;
+  --gh-color-diffBlob-addition-lineBg: #e6ffec;
+  --gh-color-diffBlob-addition-wordBg: #abf2bc;
+  --gh-color-diffBlob-deletion-numText: #24292f;
+  --gh-color-diffBlob-deletion-fg: #24292f;
+  --gh-color-diffBlob-deletion-numBg: #ffd7d5;
+  --gh-color-diffBlob-deletion-lineBg: #ffebe9;
+  --gh-color-diffBlob-deletion-wordBg: rgba(255, 129, 130, 0.4);
+  --gh-color-diffBlob-hunk-numBg: rgba(84, 174, 255, 0.4);
+  --gh-color-diffBlob-expander-icon: #57606a;
+  --gh-color-diffBlob-selectedLineHighlightMixBlendMode: multiply;
+  --gh-color-diffstat-deletionBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-diffstat-additionBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-diffstat-additionBg: #2da44e;
+  --gh-color-searchKeyword-hl: #fff8c5;
+  --gh-color-prettylights-syntax-comment: #6e7781;
+  --gh-color-prettylights-syntax-constant: #0550ae;
+  --gh-color-prettylights-syntax-entity: #8250df;
+  --gh-color-prettylights-syntax-storageModifierImport: #24292f;
+  --gh-color-prettylights-syntax-entityTag: #116329;
+  --gh-color-prettylights-syntax-keyword: #cf222e;
+  --gh-color-prettylights-syntax-string: #0a3069;
+  --gh-color-prettylights-syntax-variable: #953800;
+  --gh-color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
+  --gh-color-prettylights-syntax-invalidIllegalText: #f6f8fa;
+  --gh-color-prettylights-syntax-invalidIllegalBg: #82071e;
+  --gh-color-prettylights-syntax-carriageReturnText: #f6f8fa;
+  --gh-color-prettylights-syntax-carriageReturnBg: #cf222e;
+  --gh-color-prettylights-syntax-stringRegexp: #116329;
+  --gh-color-prettylights-syntax-markupList: #3b2300;
+  --gh-color-prettylights-syntax-markupHeading: #0550ae;
+  --gh-color-prettylights-syntax-markupItalic: #24292f;
+  --gh-color-prettylights-syntax-markupBold: #24292f;
+  --gh-color-prettylights-syntax-markupDeletedText: #82071e;
+  --gh-color-prettylights-syntax-markupDeletedBg: #ffebe9;
+  --gh-color-prettylights-syntax-markupInsertedText: #116329;
+  --gh-color-prettylights-syntax-markupInsertedBg: #dafbe1;
+  --gh-color-prettylights-syntax-markupChangedText: #953800;
+  --gh-color-prettylights-syntax-markupChangedBg: #ffd8b5;
+  --gh-color-prettylights-syntax-markupIgnoredText: #eaeef2;
+  --gh-color-prettylights-syntax-markupIgnoredBg: #0550ae;
+  --gh-color-prettylights-syntax-metaDiffRange: #8250df;
+  --gh-color-prettylights-syntax-brackethighlighterAngle: #57606a;
+  --gh-color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
+  --gh-color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
+  --gh-color-codemirror-text: #24292f;
+  --gh-color-codemirror-bg: #ffffff;
+  --gh-color-codemirror-guttersBg: #ffffff;
+  --gh-color-codemirror-guttermarkerText: #ffffff;
+  --gh-color-codemirror-guttermarkerSubtleText: #6e7781;
+  --gh-color-codemirror-linenumberText: #57606a;
+  --gh-color-codemirror-cursor: #24292f;
+  --gh-color-codemirror-selectionBg: rgba(84, 174, 255, 0.4);
+  --gh-color-codemirror-activelineBg: rgba(234, 238, 242, 0.5);
+  --gh-color-codemirror-matchingbracketText: #24292f;
+  --gh-color-codemirror-linesBg: #ffffff;
+  --gh-color-codemirror-syntax-comment: #24292f;
+  --gh-color-codemirror-syntax-constant: #0550ae;
+  --gh-color-codemirror-syntax-entity: #8250df;
+  --gh-color-codemirror-syntax-keyword: #cf222e;
+  --gh-color-codemirror-syntax-storage: #cf222e;
+  --gh-color-codemirror-syntax-string: #0a3069;
+  --gh-color-codemirror-syntax-support: #0550ae;
+  --gh-color-codemirror-syntax-variable: #953800;
+  --gh-color-checks-bg: #24292f;
+  --gh-color-checks-runBorderWidth: 0px;
+  --gh-color-checks-containerBorderWidth: 0px;
+  --gh-color-checks-textPrimary: #f6f8fa;
+  --gh-color-checks-textSecondary: #8c959f;
+  --gh-color-checks-textLink: #54aeff;
+  --gh-color-checks-btnIcon: #afb8c1;
+  --gh-color-checks-btnHoverIcon: #f6f8fa;
+  --gh-color-checks-btnHoverBg: rgba(255, 255, 255, 0.125);
+  --gh-color-checks-inputText: #eaeef2;
+  --gh-color-checks-inputPlaceholderText: #8c959f;
+  --gh-color-checks-inputFocusText: #8c959f;
+  --gh-color-checks-inputBg: #32383f;
+  --gh-color-checks-inputShadow: none;
+  --gh-color-checks-donutError: #fa4549;
+  --gh-color-checks-donutPending: #bf8700;
+  --gh-color-checks-donutSuccess: #2da44e;
+  --gh-color-checks-donutNeutral: #afb8c1;
+  --gh-color-checks-dropdownText: #afb8c1;
+  --gh-color-checks-dropdownBg: #32383f;
+  --gh-color-checks-dropdownBorder: #424a53;
+  --gh-color-checks-dropdownShadow: rgba(27, 31, 36, 0.3);
+  --gh-color-checks-dropdownHoverText: #f6f8fa;
+  --gh-color-checks-dropdownHoverBg: #424a53;
+  --gh-color-checks-dropdownBtnHoverText: #f6f8fa;
+  --gh-color-checks-dropdownBtnHoverBg: #32383f;
+  --gh-color-checks-scrollbarThumbBg: #57606a;
+  --gh-color-checks-headerLabelText: #d0d7de;
+  --gh-color-checks-headerLabelOpenText: #f6f8fa;
+  --gh-color-checks-headerBorder: #32383f;
+  --gh-color-checks-headerIcon: #8c959f;
+  --gh-color-checks-lineText: #d0d7de;
+  --gh-color-checks-lineNumText: rgba(140, 149, 159, 0.75);
+  --gh-color-checks-lineTimestampText: #8c959f;
+  --gh-color-checks-lineHoverBg: #32383f;
+  --gh-color-checks-lineSelectedBg: rgba(33, 139, 255, 0.15);
+  --gh-color-checks-lineSelectedNumText: #54aeff;
+  --gh-color-checks-lineDtFmText: #24292f;
+  --gh-color-checks-lineDtFmBg: #9a6700;
+  --gh-color-checks-gateBg: rgba(125, 78, 0, 0.15);
+  --gh-color-checks-gateText: #d0d7de;
+  --gh-color-checks-gateWaitingText: #d4a72c;
+  --gh-color-checks-stepHeaderOpenBg: #32383f;
+  --gh-color-checks-stepErrorText: #ff8182;
+  --gh-color-checks-stepWarningText: #d4a72c;
+  --gh-color-checks-loglineText: #8c959f;
+  --gh-color-checks-loglineNumText: rgba(140, 149, 159, 0.75);
+  --gh-color-checks-loglineDebugText: #c297ff;
+  --gh-color-checks-loglineErrorText: #d0d7de;
+  --gh-color-checks-loglineErrorNumText: #ff8182;
+  --gh-color-checks-loglineErrorBg: rgba(164, 14, 38, 0.15);
+  --gh-color-checks-loglineWarningText: #d0d7de;
+  --gh-color-checks-loglineWarningNumText: #d4a72c;
+  --gh-color-checks-loglineWarningBg: rgba(125, 78, 0, 0.15);
+  --gh-color-checks-loglineCommandText: #54aeff;
+  --gh-color-checks-loglineSectionText: #4ac26b;
+  --gh-color-checks-ansi-black: #24292f;
+  --gh-color-checks-ansi-blackBright: #32383f;
+  --gh-color-checks-ansi-white: #d0d7de;
+  --gh-color-checks-ansi-whiteBright: #d0d7de;
+  --gh-color-checks-ansi-gray: #8c959f;
+  --gh-color-checks-ansi-red: #ff8182;
+  --gh-color-checks-ansi-redBright: #ffaba8;
+  --gh-color-checks-ansi-green: #4ac26b;
+  --gh-color-checks-ansi-greenBright: #6fdd8b;
+  --gh-color-checks-ansi-yellow: #d4a72c;
+  --gh-color-checks-ansi-yellowBright: #eac54f;
+  --gh-color-checks-ansi-blue: #54aeff;
+  --gh-color-checks-ansi-blueBright: #80ccff;
+  --gh-color-checks-ansi-magenta: #c297ff;
+  --gh-color-checks-ansi-magentaBright: #d8b9ff;
+  --gh-color-checks-ansi-cyan: #76e3ea;
+  --gh-color-checks-ansi-cyanBright: #b3f0ff;
+  --gh-color-project-headerBg: #24292f;
+  --gh-color-project-sidebarBg: #ffffff;
+  --gh-color-project-gradientIn: #ffffff;
+  --gh-color-project-gradientOut: rgba(255, 255, 255, 0);
+  --gh-color-mktg-btn-bg: #1b1f23;
+  --gh-color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
+  --gh-color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
+  --gh-color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07),
+    0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03),
+    0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02),
+    0 100px 80px rgba(0, 0, 0, 0.02);
+  --gh-color-mktg-btn-shadow-hoverMuted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset;
+  --gh-color-avatar-bg: #ffffff;
+  --gh-color-avatar-border: rgba(27, 31, 36, 0.15);
+  --gh-color-avatar-stackFade: #afb8c1;
+  --gh-color-avatar-stackFadeMore: #d0d7de;
+  --gh-color-avatar-childShadow: -2px -2px 0 rgba(255, 255, 255, 0.8);
+  --gh-color-topicTag-border: rgba(0, 0, 0, 0);
+  --gh-color-counter-border: rgba(0, 0, 0, 0);
+  --gh-color-selectMenu-backdropBorder: rgba(0, 0, 0, 0);
+  --gh-color-selectMenu-tapHighlight: rgba(175, 184, 193, 0.5);
+  --gh-color-selectMenu-tapFocusBg: #b6e3ff;
+  --gh-color-overlay-shadow: 0 1px 3px rgba(27, 31, 36, 0.12),
+    0 8px 24px rgba(66, 74, 83, 0.12);
+  --gh-color-header-text: rgba(255, 255, 255, 0.7);
+  --gh-color-header-bg: #24292f;
+  --gh-color-header-divider: #57606a;
+  --gh-color-header-logo: #ffffff;
+  --gh-color-headerSearch-bg: #24292f;
+  --gh-color-headerSearch-border: #57606a;
+  --gh-color-sidenav-selectedBg: #ffffff;
+  --gh-color-menu-bgActive: rgba(0, 0, 0, 0);
+  --gh-color-input-disabledBg: rgba(175, 184, 193, 0.2);
+  --gh-color-timeline-badgeBg: #eaeef2;
+  --gh-color-ansi-black: #24292f;
+  --gh-color-ansi-blackBright: #57606a;
+  --gh-color-ansi-white: #6e7781;
+  --gh-color-ansi-whiteBright: #8c959f;
+  --gh-color-ansi-gray: #6e7781;
+  --gh-color-ansi-red: #cf222e;
+  --gh-color-ansi-redBright: #a40e26;
+  --gh-color-ansi-green: #116329;
+  --gh-color-ansi-greenBright: #1a7f37;
+  --gh-color-ansi-yellow: #4d2d00;
+  --gh-color-ansi-yellowBright: #633c01;
+  --gh-color-ansi-blue: #0969da;
+  --gh-color-ansi-blueBright: #218bff;
+  --gh-color-ansi-magenta: #8250df;
+  --gh-color-ansi-magentaBright: #a475f9;
+  --gh-color-ansi-cyan: #1b7c83;
+  --gh-color-ansi-cyanBright: #3192aa;
+  --gh-color-btn-text: #24292f;
+  --gh-color-btn-bg: #f6f8fa;
+  --gh-color-btn-border: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
+  --gh-color-btn-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  --gh-color-btn-hoverBg: #f3f4f6;
+  --gh-color-btn-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-activeBg: hsla(220, 14%, 93%, 1);
+  --gh-color-btn-activeBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-selectedBg: hsla(220, 14%, 94%, 1);
+  --gh-color-btn-focusBg: #f6f8fa;
+  --gh-color-btn-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-focusShadow: 0 0 0 3px rgba(9, 105, 218, 0.3);
+  --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(27, 31, 36, 0.15);
+  --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(9, 105, 218, 0.3);
+  --gh-color-btn-counterBg: rgba(27, 31, 36, 0.08);
+  --gh-color-btn-primary-text: #ffffff;
+  --gh-color-btn-primary-bg: #2da44e;
+  --gh-color-btn-primary-border: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-primary-insetShadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
+  --gh-color-btn-primary-hoverBg: #2c974b;
+  --gh-color-btn-primary-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-selectedBg: hsla(137, 55%, 36%, 1);
+  --gh-color-btn-primary-selectedShadow: inset 0 1px 0 rgba(0, 45, 17, 0.2);
+  --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.8);
+  --gh-color-btn-primary-disabledBg: #94d3a2;
+  --gh-color-btn-primary-disabledBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-focusBg: #2da44e;
+  --gh-color-btn-primary-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(45, 164, 78, 0.4);
+  --gh-color-btn-primary-icon: rgba(255, 255, 255, 0.8);
+  --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-text: #0969da;
+  --gh-color-btn-outline-hoverText: #ffffff;
+  --gh-color-btn-outline-hoverBg: #0969da;
+  --gh-color-btn-outline-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
+    rgba(255, 255, 255, 0.03);
+  --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-selectedText: #ffffff;
+  --gh-color-btn-outline-selectedBg: hsla(212, 92%, 42%, 1);
+  --gh-color-btn-outline-selectedBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-selectedShadow: inset 0 1px 0 rgba(0, 33, 85, 0.2);
+  --gh-color-btn-outline-disabledText: rgba(9, 105, 218, 0.5);
+  --gh-color-btn-outline-disabledBg: #f6f8fa;
+  --gh-color-btn-outline-disabledCounterBg: rgba(9, 105, 218, 0.05);
+  --gh-color-btn-outline-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(5, 80, 174, 0.4);
+  --gh-color-btn-outline-counterBg: rgba(9, 105, 218, 0.1);
+  --gh-color-btn-danger-text: #cf222e;
+  --gh-color-btn-danger-hoverText: #ffffff;
+  --gh-color-btn-danger-hoverBg: #a40e26;
+  --gh-color-btn-danger-hoverBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-hoverShadow: 0 1px 0 rgba(27, 31, 36, 0.1);
+  --gh-color-btn-danger-hoverInsetShadow: inset 0 1px 0
+    rgba(255, 255, 255, 0.03);
+  --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-danger-selectedText: #ffffff;
+  --gh-color-btn-danger-selectedBg: hsla(356, 72%, 44%, 1);
+  --gh-color-btn-danger-selectedBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-selectedShadow: inset 0 1px 0 rgba(76, 0, 20, 0.2);
+  --gh-color-btn-danger-disabledText: rgba(207, 34, 46, 0.5);
+  --gh-color-btn-danger-disabledBg: #f6f8fa;
+  --gh-color-btn-danger-disabledCounterBg: rgba(207, 34, 46, 0.05);
+  --gh-color-btn-danger-focusBorder: rgba(27, 31, 36, 0.15);
+  --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(164, 14, 38, 0.4);
+  --gh-color-btn-danger-counterBg: rgba(207, 34, 46, 0.1);
+  --gh-color-btn-danger-icon: #cf222e;
+  --gh-color-btn-danger-hoverIcon: #ffffff;
+  --gh-color-underlinenav-icon: #6e7781;
+  --gh-color-underlinenav-borderHover: rgba(175, 184, 193, 0.2);
+  --gh-color-actionListItem-inlineDivider: rgba(208, 215, 222, 0.48);
+  --gh-color-actionListItem-default-hoverBg: rgba(208, 215, 222, 0.32);
+  --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-activeBg: rgba(208, 215, 222, 0.48);
+  --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-selectedBg: rgba(208, 215, 222, 0.24);
+  --gh-color-actionListItem-danger-hoverBg: rgba(255, 235, 233, 0.64);
+  --gh-color-actionListItem-danger-activeBg: #ffebe9;
+  --gh-color-actionListItem-danger-hoverText: #cf222e;
+  --gh-color-switchTrack-bg: #eaeef2;
+  --gh-color-switchTrack-border: #afb8c1;
+  --gh-color-switchTrack-checked-bg: #ddf4ff;
+  --gh-color-switchTrack-checked-hoverBg: #b6e3ff;
+  --gh-color-switchTrack-checked-activeBg: #80ccff;
+  --gh-color-switchTrack-checked-border: #54aeff;
+  --gh-color-switchKnob-checked-bg: #0969da;
+  --gh-color-switchKnob-checked-disabledBg: #6e7781;
+  --gh-color-fg-default: #24292f;
+  --gh-color-fg-muted: #57606a;
+  --gh-color-fg-subtle: #6e7781;
+  --gh-color-fg-onEmphasis: #ffffff;
+  --gh-color-canvas-default: #ffffff;
+  --gh-color-canvas-overlay: #ffffff;
+  --gh-color-canvas-inset: #f6f8fa;
+  --gh-color-canvas-subtle: #f6f8fa;
+  --gh-color-border-default: #d0d7de;
+  --gh-color-border-muted: hsla(210, 18%, 87%, 1);
+  --gh-color-border-subtle: rgba(27, 31, 36, 0.15);
+  --gh-color-shadow-small: 0 1px 0 rgba(27, 31, 36, 0.04);
+  --gh-color-shadow-medium: 0 3px 6px rgba(140, 149, 159, 0.15);
+  --gh-color-shadow-large: 0 8px 24px rgba(140, 149, 159, 0.2);
+  --gh-color-shadow-extraLarge: 0 12px 28px rgba(140, 149, 159, 0.3);
+  --gh-color-neutral-emphasisPlus: #24292f;
+  --gh-color-neutral-emphasis: #6e7781;
+  --gh-color-neutral-muted: rgba(175, 184, 193, 0.2);
+  --gh-color-neutral-subtle: rgba(234, 238, 242, 0.5);
+  --gh-color-accent-fg: #0969da;
+  --gh-color-accent-emphasis: #0969da;
+  --gh-color-accent-muted: rgba(84, 174, 255, 0.4);
+  --gh-color-accent-subtle: #ddf4ff;
+  --gh-color-success-fg: #1a7f37;
+  --gh-color-success-emphasis: #2da44e;
+  --gh-color-success-muted: rgba(74, 194, 107, 0.4);
+  --gh-color-success-subtle: #dafbe1;
+  --gh-color-attention-fg: #9a6700;
+  --gh-color-attention-emphasis: #bf8700;
+  --gh-color-attention-muted: rgba(212, 167, 44, 0.4);
+  --gh-color-attention-subtle: #fff8c5;
+  --gh-color-severe-fg: #bc4c00;
+  --gh-color-severe-emphasis: #bc4c00;
+  --gh-color-severe-muted: rgba(251, 143, 68, 0.4);
+  --gh-color-severe-subtle: #fff1e5;
+  --gh-color-danger-fg: #cf222e;
+  --gh-color-danger-emphasis: #cf222e;
+  --gh-color-danger-muted: rgba(255, 129, 130, 0.4);
+  --gh-color-danger-subtle: #ffebe9;
+  --gh-color-open-fg: #1a7f37;
+  --gh-color-open-emphasis: #2da44e;
+  --gh-color-open-muted: rgba(74, 194, 107, 0.4);
+  --gh-color-open-subtle: #dafbe1;
+  --gh-color-closed-fg: #cf222e;
+  --gh-color-closed-emphasis: #cf222e;
+  --gh-color-closed-muted: rgba(255, 129, 130, 0.4);
+  --gh-color-closed-subtle: #ffebe9;
+  --gh-color-done-fg: #8250df;
+  --gh-color-done-emphasis: #8250df;
+  --gh-color-done-muted: rgba(194, 151, 255, 0.4);
+  --gh-color-done-subtle: #fbefff;
+  --gh-color-sponsors-fg: #bf3989;
+  --gh-color-sponsors-emphasis: #bf3989;
+  --gh-color-sponsors-muted: rgba(255, 128, 200, 0.4);
+  --gh-color-sponsors-subtle: #ffeff7;
+  --gh-color-primer-fg-disabled: #8c959f;
+  --gh-color-primer-canvas-backdrop: rgba(27, 31, 36, 0.5);
+  --gh-color-primer-canvas-sticky: rgba(255, 255, 255, 0.95);
+  --gh-color-primer-border-active: #fd8c73;
+  --gh-color-primer-border-contrast: rgba(27, 31, 36, 0.1);
+  --gh-color-primer-shadow-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+  --gh-color-primer-shadow-inset: inset 0 1px 0 rgba(208, 215, 222, 0.2);
+  --gh-color-primer-shadow-focus: 0 0 0 3px rgba(9, 105, 218, 0.3);
+}
+
+[data-color-mode="dark"] {
+  --gh-color-canvasDefaultTransparent: rgba(13, 17, 23, 0);
+  --gh-color-pageHeaderBg: #0d1117;
+  --gh-color-marketingIcon-primary: #79c0ff;
+  --gh-color-marketingIcon-secondary: #1f6feb;
+  --gh-color-diffBlob-addition-numText: #c9d1d9;
+  --gh-color-diffBlob-addition-fg: #c9d1d9;
+  --gh-color-diffBlob-addition-numBg: rgba(63, 185, 80, 0.3);
+  --gh-color-diffBlob-addition-lineBg: rgba(46, 160, 67, 0.15);
+  --gh-color-diffBlob-addition-wordBg: rgba(46, 160, 67, 0.4);
+  --gh-color-diffBlob-deletion-numText: #c9d1d9;
+  --gh-color-diffBlob-deletion-fg: #c9d1d9;
+  --gh-color-diffBlob-deletion-numBg: rgba(248, 81, 73, 0.3);
+  --gh-color-diffBlob-deletion-lineBg: rgba(248, 81, 73, 0.15);
+  --gh-color-diffBlob-deletion-wordBg: rgba(248, 81, 73, 0.4);
+  --gh-color-diffBlob-hunk-numBg: rgba(56, 139, 253, 0.4);
+  --gh-color-diffBlob-expander-icon: #8b949e;
+  --gh-color-diffBlob-selectedLineHighlightMixBlendMode: screen;
+  --gh-color-diffstat-deletionBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-diffstat-additionBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-diffstat-additionBg: #3fb950;
+  --gh-color-searchKeyword-hl: rgba(210, 153, 34, 0.4);
+  --gh-color-prettylights-syntax-comment: #8b949e;
+  --gh-color-prettylights-syntax-constant: #79c0ff;
+  --gh-color-prettylights-syntax-entity: #d2a8ff;
+  --gh-color-prettylights-syntax-storageModifierImport: #c9d1d9;
+  --gh-color-prettylights-syntax-entityTag: #7ee787;
+  --gh-color-prettylights-syntax-keyword: #ff7b72;
+  --gh-color-prettylights-syntax-string: #a5d6ff;
+  --gh-color-prettylights-syntax-variable: #ffa657;
+  --gh-color-prettylights-syntax-brackethighlighterUnmatched: #f85149;
+  --gh-color-prettylights-syntax-invalidIllegalText: #f0f6fc;
+  --gh-color-prettylights-syntax-invalidIllegalBg: #8e1519;
+  --gh-color-prettylights-syntax-carriageReturnText: #f0f6fc;
+  --gh-color-prettylights-syntax-carriageReturnBg: #b62324;
+  --gh-color-prettylights-syntax-stringRegexp: #7ee787;
+  --gh-color-prettylights-syntax-markupList: #f2cc60;
+  --gh-color-prettylights-syntax-markupHeading: #1f6feb;
+  --gh-color-prettylights-syntax-markupItalic: #c9d1d9;
+  --gh-color-prettylights-syntax-markupBold: #c9d1d9;
+  --gh-color-prettylights-syntax-markupDeletedText: #ffdcd7;
+  --gh-color-prettylights-syntax-markupDeletedBg: #67060c;
+  --gh-color-prettylights-syntax-markupInsertedText: #aff5b4;
+  --gh-color-prettylights-syntax-markupInsertedBg: #033a16;
+  --gh-color-prettylights-syntax-markupChangedText: #ffdfb6;
+  --gh-color-prettylights-syntax-markupChangedBg: #5a1e02;
+  --gh-color-prettylights-syntax-markupIgnoredText: #c9d1d9;
+  --gh-color-prettylights-syntax-markupIgnoredBg: #1158c7;
+  --gh-color-prettylights-syntax-metaDiffRange: #d2a8ff;
+  --gh-color-prettylights-syntax-brackethighlighterAngle: #8b949e;
+  --gh-color-prettylights-syntax-sublimelinterGutterMark: #484f58;
+  --gh-color-prettylights-syntax-constantOtherReferenceLink: #a5d6ff;
+  --gh-color-codemirror-text: #c9d1d9;
+  --gh-color-codemirror-bg: #0d1117;
+  --gh-color-codemirror-guttersBg: #0d1117;
+  --gh-color-codemirror-guttermarkerText: #0d1117;
+  --gh-color-codemirror-guttermarkerSubtleText: #6e7681;
+  --gh-color-codemirror-linenumberText: #8b949e;
+  --gh-color-codemirror-cursor: #c9d1d9;
+  --gh-color-codemirror-selectionBg: rgba(56, 139, 253, 0.4);
+  --gh-color-codemirror-activelineBg: rgba(110, 118, 129, 0.1);
+  --gh-color-codemirror-matchingbracketText: #c9d1d9;
+  --gh-color-codemirror-linesBg: #0d1117;
+  --gh-color-codemirror-syntax-comment: #8b949e;
+  --gh-color-codemirror-syntax-constant: #79c0ff;
+  --gh-color-codemirror-syntax-entity: #d2a8ff;
+  --gh-color-codemirror-syntax-keyword: #ff7b72;
+  --gh-color-codemirror-syntax-storage: #ff7b72;
+  --gh-color-codemirror-syntax-string: #a5d6ff;
+  --gh-color-codemirror-syntax-support: #79c0ff;
+  --gh-color-codemirror-syntax-variable: #ffa657;
+  --gh-color-checks-bg: #010409;
+  --gh-color-checks-runBorderWidth: 1px;
+  --gh-color-checks-containerBorderWidth: 1px;
+  --gh-color-checks-textPrimary: #c9d1d9;
+  --gh-color-checks-textSecondary: #8b949e;
+  --gh-color-checks-textLink: #58a6ff;
+  --gh-color-checks-btnIcon: #8b949e;
+  --gh-color-checks-btnHoverIcon: #c9d1d9;
+  --gh-color-checks-btnHoverBg: rgba(110, 118, 129, 0.1);
+  --gh-color-checks-inputText: #8b949e;
+  --gh-color-checks-inputPlaceholderText: #6e7681;
+  --gh-color-checks-inputFocusText: #c9d1d9;
+  --gh-color-checks-inputBg: #161b22;
+  --gh-color-checks-inputShadow: 0 0 0 1px (obj) => get_1.default(obj, path);
+  --gh-color-checks-donutError: #f85149;
+  --gh-color-checks-donutPending: #d29922;
+  --gh-color-checks-donutSuccess: #2ea043;
+  --gh-color-checks-donutNeutral: #8b949e;
+  --gh-color-checks-dropdownText: #c9d1d9;
+  --gh-color-checks-dropdownBg: #161b22;
+  --gh-color-checks-dropdownBorder: #30363d;
+  --gh-color-checks-dropdownShadow: rgba(1, 4, 9, 0.3);
+  --gh-color-checks-dropdownHoverText: #c9d1d9;
+  --gh-color-checks-dropdownHoverBg: rgba(110, 118, 129, 0.1);
+  --gh-color-checks-dropdownBtnHoverText: #c9d1d9;
+  --gh-color-checks-dropdownBtnHoverBg: rgba(110, 118, 129, 0.1);
+  --gh-color-checks-scrollbarThumbBg: rgba(110, 118, 129, 0.4);
+  --gh-color-checks-headerLabelText: #8b949e;
+  --gh-color-checks-headerLabelOpenText: #c9d1d9;
+  --gh-color-checks-headerBorder: #21262d;
+  --gh-color-checks-headerIcon: #8b949e;
+  --gh-color-checks-lineText: #8b949e;
+  --gh-color-checks-lineNumText: #6e7681;
+  --gh-color-checks-lineTimestampText: #6e7681;
+  --gh-color-checks-lineHoverBg: rgba(110, 118, 129, 0.1);
+  --gh-color-checks-lineSelectedBg: rgba(56, 139, 253, 0.15);
+  --gh-color-checks-lineSelectedNumText: #58a6ff;
+  --gh-color-checks-lineDtFmText: #ffffff;
+  --gh-color-checks-lineDtFmBg: #9e6a03;
+  --gh-color-checks-gateBg: rgba(187, 128, 9, 0.15);
+  --gh-color-checks-gateText: #8b949e;
+  --gh-color-checks-gateWaitingText: #d29922;
+  --gh-color-checks-stepHeaderOpenBg: #161b22;
+  --gh-color-checks-stepErrorText: #f85149;
+  --gh-color-checks-stepWarningText: #d29922;
+  --gh-color-checks-loglineText: #8b949e;
+  --gh-color-checks-loglineNumText: #6e7681;
+  --gh-color-checks-loglineDebugText: #a371f7;
+  --gh-color-checks-loglineErrorText: #8b949e;
+  --gh-color-checks-loglineErrorNumText: #6e7681;
+  --gh-color-checks-loglineErrorBg: rgba(248, 81, 73, 0.15);
+  --gh-color-checks-loglineWarningText: #8b949e;
+  --gh-color-checks-loglineWarningNumText: #d29922;
+  --gh-color-checks-loglineWarningBg: rgba(187, 128, 9, 0.15);
+  --gh-color-checks-loglineCommandText: #58a6ff;
+  --gh-color-checks-loglineSectionText: #3fb950;
+  --gh-color-checks-ansi-black: #0d1117;
+  --gh-color-checks-ansi-blackBright: #161b22;
+  --gh-color-checks-ansi-white: #b1bac4;
+  --gh-color-checks-ansi-whiteBright: #b1bac4;
+  --gh-color-checks-ansi-gray: #6e7681;
+  --gh-color-checks-ansi-red: #ff7b72;
+  --gh-color-checks-ansi-redBright: #ffa198;
+  --gh-color-checks-ansi-green: #3fb950;
+  --gh-color-checks-ansi-greenBright: #56d364;
+  --gh-color-checks-ansi-yellow: #d29922;
+  --gh-color-checks-ansi-yellowBright: #e3b341;
+  --gh-color-checks-ansi-blue: #58a6ff;
+  --gh-color-checks-ansi-blueBright: #79c0ff;
+  --gh-color-checks-ansi-magenta: #bc8cff;
+  --gh-color-checks-ansi-magentaBright: #d2a8ff;
+  --gh-color-checks-ansi-cyan: #76e3ea;
+  --gh-color-checks-ansi-cyanBright: #b3f0ff;
+  --gh-color-project-headerBg: #0d1117;
+  --gh-color-project-sidebarBg: #161b22;
+  --gh-color-project-gradientIn: #161b22;
+  --gh-color-project-gradientOut: rgba(22, 27, 34, 0);
+  --gh-color-mktg-btn-bg: #f6f8fa;
+  --gh-color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
+  --gh-color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
+  --gh-color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15),
+    0 100px 80px rgba(255, 255, 255, 0.02),
+    0 42px 33px rgba(255, 255, 255, 0.024),
+    0 22px 18px rgba(255, 255, 255, 0.028),
+    0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04),
+    0 3px 2px rgba(255, 255, 255, 0.07);
+  --gh-color-mktg-btn-shadow-hoverMuted: rgb(255, 255, 255) 0 0 0 2px inset;
+  --gh-color-avatar-bg: rgba(255, 255, 255, 0.1);
+  --gh-color-avatar-border: rgba(240, 246, 252, 0.1);
+  --gh-color-avatar-stackFade: #30363d;
+  --gh-color-avatar-stackFadeMore: #21262d;
+  --gh-color-avatar-childShadow: -2px -2px 0 #0d1117;
+  --gh-color-topicTag-border: rgba(0, 0, 0, 0);
+  --gh-color-counter-border: rgba(0, 0, 0, 0);
+  --gh-color-selectMenu-backdropBorder: #484f58;
+  --gh-color-selectMenu-tapHighlight: rgba(48, 54, 61, 0.5);
+  --gh-color-selectMenu-tapFocusBg: #0c2d6b;
+  --gh-color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1, 4, 9, 0.85);
+  --gh-color-header-text: rgba(255, 255, 255, 0.7);
+  --gh-color-header-bg: #161b22;
+  --gh-color-header-divider: #8b949e;
+  --gh-color-header-logo: #f0f6fc;
+  --gh-color-headerSearch-bg: #0d1117;
+  --gh-color-headerSearch-border: #30363d;
+  --gh-color-sidenav-selectedBg: #21262d;
+  --gh-color-menu-bgActive: #161b22;
+  --gh-color-input-disabledBg: rgba(110, 118, 129, 0);
+  --gh-color-timeline-badgeBg: #21262d;
+  --gh-color-ansi-black: #484f58;
+  --gh-color-ansi-blackBright: #6e7681;
+  --gh-color-ansi-white: #b1bac4;
+  --gh-color-ansi-whiteBright: #ffffff;
+  --gh-color-ansi-gray: #6e7681;
+  --gh-color-ansi-red: #ff7b72;
+  --gh-color-ansi-redBright: #ffa198;
+  --gh-color-ansi-green: #3fb950;
+  --gh-color-ansi-greenBright: #56d364;
+  --gh-color-ansi-yellow: #d29922;
+  --gh-color-ansi-yellowBright: #e3b341;
+  --gh-color-ansi-blue: #58a6ff;
+  --gh-color-ansi-blueBright: #79c0ff;
+  --gh-color-ansi-magenta: #bc8cff;
+  --gh-color-ansi-magentaBright: #d2a8ff;
+  --gh-color-ansi-cyan: #39c5cf;
+  --gh-color-ansi-cyanBright: #56d4dd;
+  --gh-color-btn-text: #c9d1d9;
+  --gh-color-btn-bg: #21262d;
+  --gh-color-btn-border: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-shadow: 0 0 transparent;
+  --gh-color-btn-insetShadow: 0 0 transparent;
+  --gh-color-btn-hoverBg: #30363d;
+  --gh-color-btn-hoverBorder: #8b949e;
+  --gh-color-btn-activeBg: hsla(212, 12%, 18%, 1);
+  --gh-color-btn-activeBorder: #6e7681;
+  --gh-color-btn-selectedBg: #161b22;
+  --gh-color-btn-focusBg: #21262d;
+  --gh-color-btn-focusBorder: #8b949e;
+  --gh-color-btn-focusShadow: 0 0 0 3px rgba(139, 148, 158, 0.3);
+  --gh-color-btn-shadowActive: inset 0 0.15em 0.3em rgba(1, 4, 9, 0.15);
+  --gh-color-btn-shadowInputFocus: 0 0 0 0.2em rgba(31, 111, 235, 0.3);
+  --gh-color-btn-counterBg: #30363d;
+  --gh-color-btn-primary-text: #ffffff;
+  --gh-color-btn-primary-bg: #238636;
+  --gh-color-btn-primary-border: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-primary-shadow: 0 0 transparent;
+  --gh-color-btn-primary-insetShadow: 0 0 transparent;
+  --gh-color-btn-primary-hoverBg: #2ea043;
+  --gh-color-btn-primary-hoverBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-primary-selectedBg: #238636;
+  --gh-color-btn-primary-selectedShadow: 0 0 transparent;
+  --gh-color-btn-primary-disabledText: rgba(255, 255, 255, 0.5);
+  --gh-color-btn-primary-disabledBg: rgba(35, 134, 54, 0.6);
+  --gh-color-btn-primary-disabledBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-primary-focusBg: #238636;
+  --gh-color-btn-primary-focusBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-primary-focusShadow: 0 0 0 3px rgba(46, 164, 79, 0.4);
+  --gh-color-btn-primary-icon: #ffffff;
+  --gh-color-btn-primary-counterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-text: #58a6ff;
+  --gh-color-btn-outline-hoverText: #58a6ff;
+  --gh-color-btn-outline-hoverBg: #30363d;
+  --gh-color-btn-outline-hoverBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-outline-hoverShadow: 0 1px 0 rgba(1, 4, 9, 0.1);
+  --gh-color-btn-outline-hoverInsetShadow: inset 0 1px 0
+    rgba(255, 255, 255, 0.03);
+  --gh-color-btn-outline-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-outline-selectedText: #ffffff;
+  --gh-color-btn-outline-selectedBg: #0d419d;
+  --gh-color-btn-outline-selectedBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-outline-selectedShadow: 0 0 transparent;
+  --gh-color-btn-outline-disabledText: rgba(88, 166, 255, 0.5);
+  --gh-color-btn-outline-disabledBg: #0d1117;
+  --gh-color-btn-outline-disabledCounterBg: rgba(31, 111, 235, 0.05);
+  --gh-color-btn-outline-focusBorder: rgba(240, 246, 252, 0.1);
+  --gh-color-btn-outline-focusShadow: 0 0 0 3px rgba(17, 88, 199, 0.4);
+  --gh-color-btn-outline-counterBg: rgba(31, 111, 235, 0.1);
+  --gh-color-btn-danger-text: #f85149;
+  --gh-color-btn-danger-hoverText: #ffffff;
+  --gh-color-btn-danger-hoverBg: #da3633;
+  --gh-color-btn-danger-hoverBorder: #f85149;
+  --gh-color-btn-danger-hoverShadow: 0 0 transparent;
+  --gh-color-btn-danger-hoverInsetShadow: 0 0 transparent;
+  --gh-color-btn-danger-hoverIcon: #ffffff;
+  --gh-color-btn-danger-hoverCounterBg: rgba(255, 255, 255, 0.2);
+  --gh-color-btn-danger-selectedText: #ffffff;
+  --gh-color-btn-danger-selectedBg: #b62324;
+  --gh-color-btn-danger-selectedBorder: #ff7b72;
+  --gh-color-btn-danger-selectedShadow: 0 0 transparent;
+  --gh-color-btn-danger-disabledText: rgba(248, 81, 73, 0.5);
+  --gh-color-btn-danger-disabledBg: #0d1117;
+  --gh-color-btn-danger-disabledCounterBg: rgba(218, 54, 51, 0.05);
+  --gh-color-btn-danger-focusBorder: #f85149;
+  --gh-color-btn-danger-focusShadow: 0 0 0 3px rgba(248, 81, 73, 0.4);
+  --gh-color-btn-danger-counterBg: rgba(218, 54, 51, 0.1);
+  --gh-color-btn-danger-icon: #f85149;
+  --gh-color-underlinenav-icon: #6e7681;
+  --gh-color-underlinenav-borderHover: rgba(110, 118, 129, 0.4);
+  --gh-color-actionListItem-inlineDivider: rgba(48, 54, 61, 0.48);
+  --gh-color-actionListItem-default-hoverBg: rgba(177, 186, 196, 0.12);
+  --gh-color-actionListItem-default-hoverBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-activeBg: rgba(177, 186, 196, 0.2);
+  --gh-color-actionListItem-default-activeBorder: rgba(0, 0, 0, 0);
+  --gh-color-actionListItem-default-selectedBg: rgba(177, 186, 196, 0.08);
+  --gh-color-actionListItem-danger-hoverBg: rgba(248, 81, 73, 0.16);
+  --gh-color-actionListItem-danger-activeBg: rgba(248, 81, 73, 0.24);
+  --gh-color-actionListItem-danger-hoverText: #ff7b72;
+  --gh-color-switchTrack-bg: #010409;
+  --gh-color-switchTrack-border: #6e7681;
+  --gh-color-switchTrack-checked-bg: rgba(31, 111, 235, 0.35);
+  --gh-color-switchTrack-checked-hoverBg: rgba(31, 111, 235, 0.5);
+  --gh-color-switchTrack-checked-activeBg: rgba(31, 111, 235, 0.65);
+  --gh-color-switchTrack-checked-border: #58a6ff;
+  --gh-color-switchKnob-checked-bg: #1f6feb;
+  --gh-color-switchKnob-checked-disabledBg: #484f58;
+  --gh-color-fg-default: #c9d1d9;
+  --gh-color-fg-muted: #8b949e;
+  --gh-color-fg-subtle: #6e7681;
+  --gh-color-fg-onEmphasis: #ffffff;
+  --gh-color-canvas-default: #0d1117;
+  --gh-color-canvas-overlay: #161b22;
+  --gh-color-canvas-inset: #010409;
+  --gh-color-canvas-subtle: #161b22;
+  --gh-color-border-default: #30363d;
+  --gh-color-border-muted: #21262d;
+  --gh-color-border-subtle: rgba(240, 246, 252, 0.1);
+  --gh-color-shadow-small: 0 0 transparent;
+  --gh-color-shadow-medium: 0 3px 6px #010409;
+  --gh-color-shadow-large: 0 8px 24px #010409;
+  --gh-color-shadow-extraLarge: 0 12px 48px #010409;
+  --gh-color-neutral-emphasisPlus: #6e7681;
+  --gh-color-neutral-emphasis: #6e7681;
+  --gh-color-neutral-muted: rgba(110, 118, 129, 0.4);
+  --gh-color-neutral-subtle: rgba(110, 118, 129, 0.1);
+  --gh-color-accent-fg: #58a6ff;
+  --gh-color-accent-emphasis: #1f6feb;
+  --gh-color-accent-muted: rgba(56, 139, 253, 0.4);
+  --gh-color-accent-subtle: rgba(56, 139, 253, 0.15);
+  --gh-color-success-fg: #3fb950;
+  --gh-color-success-emphasis: #238636;
+  --gh-color-success-muted: rgba(46, 160, 67, 0.4);
+  --gh-color-success-subtle: rgba(46, 160, 67, 0.15);
+  --gh-color-attention-fg: #d29922;
+  --gh-color-attention-emphasis: #9e6a03;
+  --gh-color-attention-muted: rgba(187, 128, 9, 0.4);
+  --gh-color-attention-subtle: rgba(187, 128, 9, 0.15);
+  --gh-color-severe-fg: #db6d28;
+  --gh-color-severe-emphasis: #bd561d;
+  --gh-color-severe-muted: rgba(219, 109, 40, 0.4);
+  --gh-color-severe-subtle: rgba(219, 109, 40, 0.15);
+  --gh-color-danger-fg: #f85149;
+  --gh-color-danger-emphasis: #da3633;
+  --gh-color-danger-muted: rgba(248, 81, 73, 0.4);
+  --gh-color-danger-subtle: rgba(248, 81, 73, 0.15);
+  --gh-color-open-fg: #3fb950;
+  --gh-color-open-emphasis: #238636;
+  --gh-color-open-muted: rgba(46, 160, 67, 0.4);
+  --gh-color-open-subtle: rgba(46, 160, 67, 0.15);
+  --gh-color-closed-fg: #f85149;
+  --gh-color-closed-emphasis: #da3633;
+  --gh-color-closed-muted: rgba(248, 81, 73, 0.4);
+  --gh-color-closed-subtle: rgba(248, 81, 73, 0.15);
+  --gh-color-done-fg: #a371f7;
+  --gh-color-done-emphasis: #8957e5;
+  --gh-color-done-muted: rgba(163, 113, 247, 0.4);
+  --gh-color-done-subtle: rgba(163, 113, 247, 0.15);
+  --gh-color-sponsors-fg: #db61a2;
+  --gh-color-sponsors-emphasis: #bf4b8a;
+  --gh-color-sponsors-muted: rgba(219, 97, 162, 0.4);
+  --gh-color-sponsors-subtle: rgba(219, 97, 162, 0.15);
+  --gh-color-primer-fg-disabled: #484f58;
+  --gh-color-primer-canvas-backdrop: rgba(1, 4, 9, 0.8);
+  --gh-color-primer-canvas-sticky: rgba(13, 17, 23, 0.95);
+  --gh-color-primer-border-active: #f78166;
+  --gh-color-primer-border-contrast: rgba(255, 255, 255, 0.2);
+  --gh-color-primer-shadow-highlight: 0 0 transparent;
+  --gh-color-primer-shadow-inset: 0 0 transparent;
+  --gh-color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
+ */
+
+:root {
+  --base-size-128: 8rem;
+  --base-size-112: 7rem;
+  --base-size-96: 6rem;
+  --base-size-80: 5rem;
+  --base-size-64: 4rem;
+  --base-size-48: 3rem;
+  --base-size-44: 2.75rem;
+  --base-size-40: 2.5rem;
+  --base-size-36: 2.25rem;
+  --base-size-32: 2rem;
+  --base-size-28: 1.75rem;
+  --base-size-24: 1.5rem;
+  --base-size-20: 1.25rem;
+  --base-size-16: 1rem;
+  --base-size-12: 0.75rem;
+  --base-size-8: 0.5rem;
+  --base-size-4: 0.25rem;
+}
+
+/**
+ * Do not edit directly
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
+ */
+
+:root {
+  --brand-text-style-italic-10: "ital" 10;
+  --brand-text-style-italic-9: "ital" 9;
+  --brand-text-style-italic-8: "ital" 8;
+  --brand-text-style-italic-7: "ital" 7;
+  --brand-text-style-italic-6: "ital" 6;
+  --brand-text-style-italic-5: "ital" 5;
+  --brand-text-style-italic-4: "ital" 4;
+  --brand-text-style-italic-3: "ital" 3;
+  --brand-text-style-italic-2: "ital" 2;
+  --brand-text-style-italic-1: "ital" 1;
+  --brand-text-letterSpacing-1000: -0.01em;
+  --brand-text-letterSpacing-900: -0.01em;
+  --brand-text-letterSpacing-800: -0.01em;
+  --brand-text-letterSpacing-700: -0.01em;
+  --brand-text-lineHeight-1000: 3.25rem;
+  --brand-text-lineHeight-900: 2.75rem;
+  --brand-text-lineHeight-800: 2.25rem;
+  --brand-text-lineHeight-700: 2.5rem;
+  --brand-text-lineHeight-600: 2rem;
+  --brand-text-lineHeight-500: 1.75rem;
+  --brand-text-lineHeight-400: 1.5rem;
+  --brand-text-lineHeight-300: 1.5rem;
+  --brand-text-lineHeight-200: 1.25rem;
+  --brand-text-lineHeight-100: 1.25rem;
+  --brand-text-size-1000: 3rem;
+  --brand-text-size-900: 2.5rem;
+  --brand-text-size-800: 2rem;
+  --brand-text-size-700: 1.75rem;
+  --brand-text-size-600: 1.5rem;
+  --brand-text-size-500: 1.25rem;
+  --brand-text-size-400: 1rem;
+  --brand-text-size-300: 1rem;
+  --brand-text-size-200: 0.875rem;
+  --brand-text-size-100: 0.75rem;
+  --brand-text-weight-1000: var(--base-text-weight-extrabold);
+  --brand-text-weight-900: var(--base-text-weight-extrabold);
+  --brand-text-weight-800: var(--base-text-weight-extrabold);
+  --brand-text-weight-700: var(--base-text-weight-normal);
+  --brand-text-weight-600: var(--base-text-weight-normal);
+  --brand-text-weight-500: var(--base-text-weight-normal);
+  --brand-text-weight-400: var(--base-text-weight-normal);
+  --brand-text-weight-300: var(--base-text-weight-normal);
+  --brand-text-weight-200: var(--base-text-weight-normal);
+  --brand-text-weight-100: var(--base-text-weight-normal);
+  --brand-heading-letterSpacing-700: -0.01em;
+  --brand-heading-letterSpacing-600: -0.01em;
+  --brand-heading-letterSpacing-500: -0.01em;
+  --brand-heading-letterSpacing-400: -0.01em;
+  --brand-heading-weight-700: var(--base-text-weight-bold);
+  --brand-heading-weight-600: var(--base-text-weight-semibold);
+  --brand-heading-weight-500: var(--base-text-weight-semibold);
+  --brand-heading-weight-400: var(--base-text-weight-semibold);
+  --brand-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  --brand-fontStack-sansSerifAlt: "Alliance2", "Alliance2HeaderFallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --brand-fontStack-sansSerif: "Alliance1", "Alliance1Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --brand-fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  --base-text-weight-heavy: 900;
+  --base-text-weight-extrabold: 800;
+  --base-text-weight-bold: 700;
+  --base-text-weight-semibold: 600;
+  --base-text-weight-medium: 500;
+  --base-text-weight-normal: 400;
+  --base-text-weight-light: 300;
+  --brand-heading-fontFamily: var(--brand-fontStack-sansSerif);
+  --brand-body-fontFamily: var(--brand-fontStack-sansSerif);
+}
+
+@media (min-width: 768px) {
+  :root {
+    --brand-text-letterSpacing-1000: -0.03em;
+    --brand-text-letterSpacing-900: -0.03em;
+    --brand-text-letterSpacing-800: -0.01em;
+    --brand-text-letterSpacing-700: -0.01em;
+    --brand-text-lineHeight-1000: 4.75rem;
+    --brand-text-lineHeight-900: 3.75rem;
+    --brand-text-lineHeight-800: 3.25rem;
+    --brand-text-lineHeight-700: 3.25rem;
+    --brand-text-lineHeight-600: 2.5rem;
+    --brand-text-lineHeight-500: 1.75rem;
+    --brand-text-lineHeight-400: 1.75rem;
+    --brand-text-lineHeight-300: 1.5rem;
+    --brand-text-lineHeight-200: 1.25rem;
+    --brand-text-lineHeight-100: 1.25rem;
+    --brand-text-size-1000: 4.5rem;
+    --brand-text-size-900: 3.5rem;
+    --brand-text-size-800: 3rem;
+    --brand-text-size-700: 2.5rem;
+    --brand-text-size-600: 1.75rem;
+    --brand-text-size-500: 1.25rem;
+    --brand-text-size-400: 1.25rem;
+    --brand-text-size-300: 1rem;
+    --brand-text-size-200: 0.875rem;
+    --brand-text-size-100: 0.75rem;
+    --brand-text-weight-1000: var(--base-text-weight-extrabold);
+    --brand-text-weight-900: var(--base-text-weight-extrabold);
+    --brand-text-weight-800: var(--base-text-weight-extrabold);
+    --brand-text-weight-700: var(--base-text-weight-normal);
+    --brand-text-weight-600: var(--base-text-weight-normal);
+    --brand-text-weight-500: var(--base-text-weight-normal);
+    --brand-text-weight-400: var(--base-text-weight-normal);
+    --brand-text-weight-300: var(--base-text-weight-normal);
+    --brand-text-weight-200: var(--base-text-weight-normal);
+    --brand-text-weight-100: var(--base-text-weight-normal);
+    --brand-heading-letterSpacing-700: -0.01em;
+    --brand-heading-letterSpacing-600: -0.01em;
+    --brand-heading-letterSpacing-500: -0.01em;
+    --brand-heading-letterSpacing-400: -0.01em;
+    --brand-heading-weight-700: var(--base-text-weight-bold);
+    --brand-heading-weight-600: var(--base-text-weight-semibold);
+    --brand-heading-weight-500: var(--base-text-weight-semibold);
+    --brand-heading-weight-400: var(--base-text-weight-semibold);
+  }
+}
+
+@media (min-width: 1012px) {
+  :root {
+    --brand-text-letterSpacing-1000: -0.03em;
+    --brand-text-letterSpacing-900: -0.03em;
+    --brand-text-letterSpacing-800: -0.01em;
+    --brand-text-letterSpacing-700: -0.01em;
+    --brand-text-lineHeight-1000: 6.25rem;
+    --brand-text-lineHeight-900: 4.75rem;
+    --brand-text-lineHeight-800: 4.25rem;
+    --brand-text-lineHeight-700: 4rem;
+    --brand-text-lineHeight-600: 2.75rem;
+    --brand-text-lineHeight-500: 2rem;
+    --brand-text-lineHeight-400: 1.75rem;
+    --brand-text-lineHeight-300: 1.5rem;
+    --brand-text-lineHeight-200: 1.25rem;
+    --brand-text-lineHeight-100: 1.25rem;
+    --brand-text-size-1000: 6rem;
+    --brand-text-size-900: 4.5rem;
+    --brand-text-size-800: 4rem;
+    --brand-text-size-700: 3rem;
+    --brand-text-size-600: 2rem;
+    --brand-text-size-500: 1.5rem;
+    --brand-text-size-400: 1.25rem;
+    --brand-text-size-300: 1rem;
+    --brand-text-size-200: 0.875rem;
+    --brand-text-size-100: 0.75rem;
+    --brand-text-weight-1000: var(--base-text-weight-extrabold);
+    --brand-text-weight-900: var(--base-text-weight-extrabold);
+    --brand-text-weight-800: var(--base-text-weight-extrabold);
+    --brand-text-weight-700: var(--base-text-weight-normal);
+    --brand-text-weight-600: var(--base-text-weight-normal);
+    --brand-text-weight-500: var(--base-text-weight-normal);
+    --brand-text-weight-400: var(--base-text-weight-normal);
+    --brand-text-weight-300: var(--base-text-weight-normal);
+    --brand-text-weight-200: var(--base-text-weight-normal);
+    --brand-text-weight-100: var(--base-text-weight-normal);
+    --brand-heading-letterSpacing-700: -0.01em;
+    --brand-heading-letterSpacing-600: -0.01em;
+    --brand-heading-letterSpacing-500: -0.01em;
+    --brand-heading-letterSpacing-400: -0.01em;
+    --brand-heading-weight-700: var(--base-text-weight-bold);
+    --brand-heading-weight-600: var(--base-text-weight-semibold);
+    --brand-heading-weight-500: var(--base-text-weight-semibold);
+    --brand-heading-weight-400: var(--base-text-weight-semibold);
+  }
+}
+
+/**
+ * Do not edit directly
+ * Generated on Mon, 09 May 2022 16:34:26 GMT
+ */
+
+:root {
+  --brand-breakpoint-xxlarge: 90rem;
+  --brand-breakpoint-xlarge: 80rem;
+  --brand-breakpoint-large: 63.25rem;
+  --brand-breakpoint-medium: 48rem;
+  --brand-breakpoint-small: 34rem;
+  --brand-breakpoint-xsmall: 20rem;
+}
 
 .Hero-module__Hero___-LIGB {
-  padding: 6rem 0;
+  padding: var(--base-size-96) 0;
   display: flex;
   flex-direction: column;
 }
@@ -24,25 +1363,12 @@ body {
 
 .Hero-module__Hero-heading___Ns\+oe {
   margin: 0;
-  font-weight: 700;
-  line-height: 1.1;
   max-width: 18ch;
-  color: var(--gh-color-fg-default);
-}
-
-.Hero-module__Hero--size-small___lTdu6 .Hero-module__Hero-heading___Ns\+oe {
-  font-size: 2.5rem;
-}
-
-.Hero-module__Hero--size-large___LjSYu .Hero-module__Hero-heading___Ns\+oe {
-  font-size: 3rem;
 }
 
 .Hero-module__Hero-description___5DYuI {
   margin: 1.5rem 0 0;
-  font-size: 1rem;
   max-width: 50ch;
-  color: var(--gh-color-fg-muted);
 }
 
 .Hero-module__Hero-actions___TSUhJ {
@@ -60,19 +1386,7 @@ body {
 /* Small breakpoint and up */
 @media screen and (min-width: 544px) {
   .Hero-module__Hero___-LIGB {
-    padding: 10.75rem 0;
-  }
-
-  .Hero-module__Hero--size-small___lTdu6 .Hero-module__Hero-heading___Ns\+oe {
-    font-size: 3.5rem;
-  }
-
-  .Hero-module__Hero--size-large___LjSYu .Hero-module__Hero-heading___Ns\+oe {
-    font-size: 4.5rem;
-  }
-
-  .Hero-module__Hero-description___5DYuI {
-    font-size: 1.25rem;
+    padding: var(--base-size-128) 0;
   }
 
   .Hero-module__Hero-actions___TSUhJ {
@@ -85,21 +1399,6 @@ body {
   }
 }
 
-/* Medium breakpoint and up */
-@media screen and (min-width: 768px) {
-  .Hero-module__Hero--size-small___lTdu6 .Hero-module__Hero-heading___Ns\+oe {
-    font-size: 4.5rem;
-  }
-
-  .Hero-module__Hero--size-large___LjSYu .Hero-module__Hero-heading___Ns\+oe {
-    font-size: 6rem;
-  }
-
-  .Hero-module__Hero--size-large___LjSYu .Hero-module__Hero-description___5DYuI {
-    font-size: 1.5rem;
-  }
-}
-
 .ExpandableArrow-module__ExpandableArrow___Zzb6R {
   transition: transform 200ms;
   transform: translateX(0);
@@ -119,19 +1418,76 @@ body {
   stroke-dashoffset: 20;
 }
 
+.Text-module__Text___TZM3g {
+  font-family: var(--brand-body-fontFamily);
+}
+
+.Text-module__Text--default___cDtXM {
+  color: var(--gh-color-fg-default);
+}
+
+.Text-module__Text--muted___\+aYSJ {
+  color: var(--gh-color-fg-muted);
+}
+
+.Text-module__Text--700___K4B6u {
+  font-weight: var(--brand-text-weight-700);
+  font-size: var(--brand-text-size-700);
+  line-height: var(--brand-text-lineHeight-700);
+  letter-spacing: var(--brand-text-body-letterSpacing-100);
+}
+
+.Text-module__Text--600___GROsL {
+  font-weight: var(--brand-text-weight-600);
+  font-size: var(--brand-text-size-600);
+  line-height: var(--brand-text-lineHeight-600);
+}
+
+.Text-module__Text--500___ljKQp {
+  font-weight: var(--brand-text-weight-500);
+  font-size: var(--brand-text-size-500);
+  line-height: var(--brand-text-lineHeight-500);
+}
+
+.Text-module__Text--400___jiw28 {
+  font-weight: var(--brand-text-weight-400);
+  font-size: var(--brand-text-size-400);
+  line-height: var(--brand-text-lineHeight-400);
+}
+
+.Text-module__Text--300___iZZEy {
+  font-weight: var(--brand-text-weight-300);
+  font-size: var(--brand-text-size-300);
+  line-height: var(--brand-text-lineHeight-300);
+}
+
+.Text-module__Text--200___EUSWb {
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  line-height: var(--brand-text-lineHeight-200);
+}
+
+.Text-module__Text--100___kOhhP {
+  font-weight: var(--brand-text-weight-100);
+  font-size: var(--brand-text-size-100);
+  line-height: var(--brand-text-lineHeight-100);
+}
+
 .LinkButton-module__LinkButton___73d6V {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 1rem 1.5rem;
-  font-size: 1rem;
-  font-weight: 600;
-  line-height: 1;
+
   text-decoration: none;
   border-radius: 6px;
   cursor: pointer;
 }
 
+.LinkButton-module__LinkButton--label___-NRnw {
+  font-weight: var(--base-text-weight-semibold);
+}
+
 .LinkButton-module__LinkButton-arrow___bd7ZC {
   margin-left: 4px;
 }
@@ -141,6 +1497,10 @@ body {
   background-color: var(--gh-color-neutral-emphasisPlus);
 }
 
+.LinkButton-module__LinkButton--label-primary___TSZx\+ {
+  color: var(--gh-color-fg-onEmphasis);
+}
+
 .LinkButton-module__LinkButton--secondary___Oc3L1 {
   color: var(--gh-color-fg-default);
   box-shadow: inset 0 0 0 1px var(--gh-color-border-default);
@@ -151,10 +1511,55 @@ body {
   box-shadow: inset 0 0 0 2px var(--gh-color-neutral-emphasisPlus);
 }
 
-/* Small breakpoint and up */
-@media screen and (min-width: 544px) {
-  .LinkButton-module__LinkButton___73d6V {
-    font-size: 1.25rem;
-  }
+.Heading-module__Heading___D-P9Z {
+  color: var(--gh-color-fg-default);
+}
+
+.Heading-module__Heading--1___2biru {
+  font-weight: var(--brand-text-weight-900);
+  font-size: var(--brand-text-size-900);
+  line-height: var(--brand-text-lineHeight-900);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-text-letterSpacing-900);
+}
+
+.Heading-module__Heading--2___7UT78 {
+  font-weight: var(--brand-text-weight-800);
+  font-size: var(--brand-text-size-800);
+  line-height: var(--brand-text-lineHeight-800);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-text-letterSpacing-800);
+}
+
+.Heading-module__Heading--3___zFRZy {
+  font-weight: var(--brand-heading-weight-700);
+  font-size: var(--brand-text-size-700);
+  line-height: var(--brand-text-lineHeight-700);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-700);
+}
+
+.Heading-module__Heading--4___6NI2U {
+  font-weight: var(--brand-heading-weight-600);
+  font-size: var(--brand-text-size-600);
+  line-height: var(--brand-text-lineHeight-600);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-600);
+}
+
+.Heading-module__Heading--5___Wb4zR {
+  font-weight: var(--brand-heading-weight-500);
+  font-size: var(--brand-text-size-500);
+  line-height: var(--brand-text-lineHeight-500);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-500);
+}
+
+.Heading-module__Heading--6___6GNA5 {
+  font-weight: var(--brand-heading-weight-400);
+  font-size: var(--brand-text-size-400);
+  line-height: var(--brand-text-lineHeight-400);
+  font-family: var(--brand-heading-fontFamily);
+  letter-spacing: var(--brand-heading-letterSpacing-400);
 }