:root,
[data-color-mode=light][data-light-theme=light],
[data-color-mode=dark][data-dark-theme=light] {
  /*! */
}
:root,
[data-color-mode=light][data-light-theme=light],
[data-color-mode=dark][data-dark-theme=light] {
  --color-canvas-default-transparent: rgba(255,255,255,0);
  --color-page-header-bg: #f6f8fa;
  --color-marketing-icon-primary: #218bff;
  --color-marketing-icon-secondary: #54aeff;
  --color-diff-blob-addition-num-text: #24292f;
  --color-diff-blob-addition-fg: #24292f;
  --color-diff-blob-addition-num-bg: #ccffd8;
  --color-diff-blob-addition-line-bg: #e6ffec;
  --color-diff-blob-addition-word-bg: #abf2bc;
  --color-diff-blob-deletion-num-text: #24292f;
  --color-diff-blob-deletion-fg: #24292f;
  --color-diff-blob-deletion-num-bg: #ffd7d5;
  --color-diff-blob-deletion-line-bg: #ffebe9;
  --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
  --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
  --color-diff-blob-expander-icon: #57606a;
  --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
  --color-diffstat-deletion-border: rgba(27,31,36,0.15);
  --color-diffstat-addition-border: rgba(27,31,36,0.15);
  --color-diffstat-addition-bg: #2da44e;
  --color-search-keyword-hl: #fff8c5;
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #116329;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #953800;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #116329;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #116329;
  --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
  --color-prettylights-syntax-markup-changed-text: #953800;
  --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-codemirror-text: #24292f;
  --color-codemirror-bg: #ffffff;
  --color-codemirror-gutters-bg: #ffffff;
  --color-codemirror-guttermarker-text: #ffffff;
  --color-codemirror-guttermarker-subtle-text: #6e7781;
  --color-codemirror-linenumber-text: #57606a;
  --color-codemirror-cursor: #24292f;
  --color-codemirror-selection-bg: rgba(84,174,255,0.4);
  --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
  --color-codemirror-matchingbracket-text: #24292f;
  --color-codemirror-lines-bg: #ffffff;
  --color-codemirror-syntax-comment: #24292f;
  --color-codemirror-syntax-constant: #0550ae;
  --color-codemirror-syntax-entity: #8250df;
  --color-codemirror-syntax-keyword: #cf222e;
  --color-codemirror-syntax-storage: #cf222e;
  --color-codemirror-syntax-string: #0a3069;
  --color-codemirror-syntax-support: #0550ae;
  --color-codemirror-syntax-variable: #953800;
  --color-checks-bg: #24292f;
  --color-checks-run-border-width: 0px;
  --color-checks-container-border-width: 0px;
  --color-checks-text-primary: #f6f8fa;
  --color-checks-text-secondary: #8c959f;
  --color-checks-text-link: #54aeff;
  --color-checks-btn-icon: #afb8c1;
  --color-checks-btn-hover-icon: #f6f8fa;
  --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
  --color-checks-input-text: #eaeef2;
  --color-checks-input-placeholder-text: #8c959f;
  --color-checks-input-focus-text: #8c959f;
  --color-checks-input-bg: #32383f;
  --color-checks-input-shadow: none;
  --color-checks-donut-error: #fa4549;
  --color-checks-donut-pending: #bf8700;
  --color-checks-donut-success: #2da44e;
  --color-checks-donut-neutral: #afb8c1;
  --color-checks-dropdown-text: #afb8c1;
  --color-checks-dropdown-bg: #32383f;
  --color-checks-dropdown-border: #424a53;
  --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
  --color-checks-dropdown-hover-text: #f6f8fa;
  --color-checks-dropdown-hover-bg: #424a53;
  --color-checks-dropdown-btn-hover-text: #f6f8fa;
  --color-checks-dropdown-btn-hover-bg: #32383f;
  --color-checks-scrollbar-thumb-bg: #57606a;
  --color-checks-header-label-text: #d0d7de;
  --color-checks-header-label-open-text: #f6f8fa;
  --color-checks-header-border: #32383f;
  --color-checks-header-icon: #8c959f;
  --color-checks-line-text: #d0d7de;
  --color-checks-line-num-text: rgba(140,149,159,0.75);
  --color-checks-line-timestamp-text: #8c959f;
  --color-checks-line-hover-bg: #32383f;
  --color-checks-line-selected-bg: rgba(33,139,255,0.15);
  --color-checks-line-selected-num-text: #54aeff;
  --color-checks-line-dt-fm-text: #24292f;
  --color-checks-line-dt-fm-bg: #9a6700;
  --color-checks-gate-bg: rgba(125,78,0,0.15);
  --color-checks-gate-text: #d0d7de;
  --color-checks-gate-waiting-text: #d4a72c;
  --color-checks-step-header-open-bg: #32383f;
  --color-checks-step-error-text: #ff8182;
  --color-checks-step-warning-text: #d4a72c;
  --color-checks-logline-text: #8c959f;
  --color-checks-logline-num-text: rgba(140,149,159,0.75);
  --color-checks-logline-debug-text: #c297ff;
  --color-checks-logline-error-text: #d0d7de;
  --color-checks-logline-error-num-text: #ff8182;
  --color-checks-logline-error-bg: rgba(164,14,38,0.15);
  --color-checks-logline-warning-text: #d0d7de;
  --color-checks-logline-warning-num-text: #d4a72c;
  --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
  --color-checks-logline-command-text: #54aeff;
  --color-checks-logline-section-text: #4ac26b;
  --color-checks-ansi-black: #24292f;
  --color-checks-ansi-black-bright: #32383f;
  --color-checks-ansi-white: #d0d7de;
  --color-checks-ansi-white-bright: #d0d7de;
  --color-checks-ansi-gray: #8c959f;
  --color-checks-ansi-red: #ff8182;
  --color-checks-ansi-red-bright: #ffaba8;
  --color-checks-ansi-green: #4ac26b;
  --color-checks-ansi-green-bright: #6fdd8b;
  --color-checks-ansi-yellow: #d4a72c;
  --color-checks-ansi-yellow-bright: #eac54f;
  --color-checks-ansi-blue: #54aeff;
  --color-checks-ansi-blue-bright: #80ccff;
  --color-checks-ansi-magenta: #c297ff;
  --color-checks-ansi-magenta-bright: #d8b9ff;
  --color-checks-ansi-cyan: #76e3ea;
  --color-checks-ansi-cyan-bright: #b3f0ff;
  --color-project-header-bg: #24292f;
  --color-project-sidebar-bg: #ffffff;
  --color-project-gradient-in: #ffffff;
  --color-project-gradient-out: rgba(255,255,255,0);
  --color-mktg-btn-bg: #1b1f23;
  --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
  --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
  --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);
  --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
  --color-avatar-bg: #ffffff;
  --color-avatar-border: rgba(27,31,36,0.15);
  --color-avatar-stack-fade: #afb8c1;
  --color-avatar-stack-fade-more: #d0d7de;
  --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
  --color-topic-tag-border: rgba(0,0,0,0);
  --color-counter-border: rgba(0,0,0,0);
  --color-select-menu-backdrop-border: rgba(0,0,0,0);
  --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
  --color-select-menu-tap-focus-bg: #b6e3ff;
  --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
  --color-header-text: rgba(255,255,255,0.7);
  --color-header-bg: #24292f;
  --color-header-divider: #57606a;
  --color-header-logo: #ffffff;
  --color-header-search-bg: #24292f;
  --color-header-search-border: #57606a;
  --color-sidenav-selected-bg: #ffffff;
  --color-menu-bg-active: rgba(0,0,0,0);
  --color-input-disabled-bg: rgba(175,184,193,0.2);
  --color-timeline-badge-bg: #eaeef2;
  --color-ansi-black: #24292f;
  --color-ansi-black-bright: #57606a;
  --color-ansi-white: #6e7781;
  --color-ansi-white-bright: #8c959f;
  --color-ansi-gray: #6e7781;
  --color-ansi-red: #cf222e;
  --color-ansi-red-bright: #a40e26;
  --color-ansi-green: #116329;
  --color-ansi-green-bright: #1a7f37;
  --color-ansi-yellow: #4d2d00;
  --color-ansi-yellow-bright: #633c01;
  --color-ansi-blue: #0969da;
  --color-ansi-blue-bright: #218bff;
  --color-ansi-magenta: #8250df;
  --color-ansi-magenta-bright: #a475f9;
  --color-ansi-cyan: #1b7c83;
  --color-ansi-cyan-bright: #3192aa;
  --color-btn-text: #24292f;
  --color-btn-bg: #f6f8fa;
  --color-btn-border: rgba(27,31,36,0.15);
  --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04);
  --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  --color-btn-hover-bg: #f3f4f6;
  --color-btn-hover-border: rgba(27,31,36,0.15);
  --color-btn-active-bg: hsla(220,14%,93%,1);
  --color-btn-active-border: rgba(27,31,36,0.15);
  --color-btn-selected-bg: hsla(220,14%,94%,1);
  --color-btn-focus-bg: #f6f8fa;
  --color-btn-focus-border: rgba(27,31,36,0.15);
  --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
  --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
  --color-btn-counter-bg: rgba(27,31,36,0.08);
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-bg: #2da44e;
  --color-btn-primary-border: rgba(27,31,36,0.15);
  --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --color-btn-primary-hover-bg: #2c974b;
  --color-btn-primary-hover-border: rgba(27,31,36,0.15);
  --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,0.2);
  --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
  --color-btn-primary-disabled-bg: #94d3a2;
  --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
  --color-btn-primary-focus-bg: #2da44e;
  --color-btn-primary-focus-border: rgba(27,31,36,0.15);
  --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,0.4);
  --color-btn-primary-icon: rgba(255,255,255,0.8);
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
  --color-btn-outline-text: #0969da;
  --color-btn-outline-hover-text: #ffffff;
  --color-btn-outline-hover-bg: #0969da;
  --color-btn-outline-hover-border: rgba(27,31,36,0.15);
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
  --color-btn-outline-selected-text: #ffffff;
  --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
  --color-btn-outline-selected-border: rgba(27,31,36,0.15);
  --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
  --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
  --color-btn-outline-disabled-bg: #f6f8fa;
  --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
  --color-btn-outline-focus-border: rgba(27,31,36,0.15);
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
  --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
  --color-btn-danger-text: #cf222e;
  --color-btn-danger-hover-text: #ffffff;
  --color-btn-danger-hover-bg: #a40e26;
  --color-btn-danger-hover-border: rgba(27,31,36,0.15);
  --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
  --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
  --color-btn-danger-selected-text: #ffffff;
  --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
  --color-btn-danger-selected-border: rgba(27,31,36,0.15);
  --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
  --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
  --color-btn-danger-disabled-bg: #f6f8fa;
  --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
  --color-btn-danger-focus-border: rgba(27,31,36,0.15);
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
  --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
  --color-btn-danger-icon: #cf222e;
  --color-btn-danger-hover-icon: #ffffff;
  --color-underlinenav-icon: #6e7781;
  --color-underlinenav-border-hover: rgba(175,184,193,0.2);
  --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
  --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
  --color-action-list-item-default-hover-border: rgba(0,0,0,0);
  --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
  --color-action-list-item-default-active-border: rgba(0,0,0,0);
  --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
  --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
  --color-action-list-item-danger-active-bg: #ffebe9;
  --color-action-list-item-danger-hover-text: #cf222e;
  --color-switch-track-bg: #eaeef2;
  --color-switch-track-border: #afb8c1;
  --color-switch-track-checked-bg: #ddf4ff;
  --color-switch-track-checked-hover-bg: #b6e3ff;
  --color-switch-track-checked-active-bg: #80ccff;
  --color-switch-track-checked-border: #54aeff;
  --color-switch-knob-checked-bg: #0969da;
  --color-switch-knob-checked-disabled-bg: #6e7781;
  --color-segmented-control-bg: #eaeef2;
  --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
  --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
  --color-segmented-control-button-selected-border: #6e7781;
  --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
  --color-tree-view-item-directory-fill: #54aeff;
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-fg-on-emphasis: #ffffff;
  --color-canvas-default: #ffffff;
  --color-canvas-overlay: #ffffff;
  --color-canvas-inset: #f6f8fa;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsla(210,18%,87%,1);
  --color-border-subtle: rgba(27,31,36,0.15);
  --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
  --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
  --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
  --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
  --color-neutral-emphasis-plus: #24292f;
  --color-neutral-emphasis: #6e7781;
  --color-neutral-muted: rgba(175,184,193,0.2);
  --color-neutral-subtle: rgba(234,238,242,0.5);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-accent-muted: rgba(84,174,255,0.4);
  --color-accent-subtle: #ddf4ff;
  --color-success-fg: #1a7f37;
  --color-success-emphasis: #2da44e;
  --color-success-muted: rgba(74,194,107,0.4);
  --color-success-subtle: #dafbe1;
  --color-attention-fg: #9a6700;
  --color-attention-emphasis: #bf8700;
  --color-attention-muted: rgba(212,167,44,0.4);
  --color-attention-subtle: #fff8c5;
  --color-severe-fg: #bc4c00;
  --color-severe-emphasis: #bc4c00;
  --color-severe-muted: rgba(251,143,68,0.4);
  --color-severe-subtle: #fff1e5;
  --color-danger-fg: #cf222e;
  --color-danger-emphasis: #cf222e;
  --color-danger-muted: rgba(255,129,130,0.4);
  --color-danger-subtle: #ffebe9;
  --color-open-fg: #1a7f37;
  --color-open-emphasis: #2da44e;
  --color-open-muted: rgba(74,194,107,0.4);
  --color-open-subtle: #dafbe1;
  --color-closed-fg: #cf222e;
  --color-closed-emphasis: #cf222e;
  --color-closed-muted: rgba(255,129,130,0.4);
  --color-closed-subtle: #ffebe9;
  --color-done-fg: #8250df;
  --color-done-emphasis: #8250df;
  --color-done-muted: rgba(194,151,255,0.4);
  --color-done-subtle: #fbefff;
  --color-sponsors-fg: #bf3989;
  --color-sponsors-emphasis: #bf3989;
  --color-sponsors-muted: rgba(255,128,200,0.4);
  --color-sponsors-subtle: #ffeff7;
  --color-primer-fg-disabled: #8c959f;
  --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
  --color-primer-canvas-sticky: rgba(255,255,255,0.95);
  --color-primer-border-active: #fd8c73;
  --color-primer-border-contrast: rgba(27,31,36,0.1);
  --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
  --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
  --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
  --color-scale-black: #1b1f24;
  --color-scale-white: #ffffff;
  --color-scale-gray-0: #f6f8fa;
  --color-scale-gray-1: #eaeef2;
  --color-scale-gray-2: #d0d7de;
  --color-scale-gray-3: #afb8c1;
  --color-scale-gray-4: #8c959f;
  --color-scale-gray-5: #6e7781;
  --color-scale-gray-6: #57606a;
  --color-scale-gray-7: #424a53;
  --color-scale-gray-8: #32383f;
  --color-scale-gray-9: #24292f;
  --color-scale-blue-0: #ddf4ff;
  --color-scale-blue-1: #b6e3ff;
  --color-scale-blue-2: #80ccff;
  --color-scale-blue-3: #54aeff;
  --color-scale-blue-4: #218bff;
  --color-scale-blue-5: #0969da;
  --color-scale-blue-6: #0550ae;
  --color-scale-blue-7: #033d8b;
  --color-scale-blue-8: #0a3069;
  --color-scale-blue-9: #002155;
  --color-scale-green-0: #dafbe1;
  --color-scale-green-1: #aceebb;
  --color-scale-green-2: #6fdd8b;
  --color-scale-green-3: #4ac26b;
  --color-scale-green-4: #2da44e;
  --color-scale-green-5: #1a7f37;
  --color-scale-green-6: #116329;
  --color-scale-green-7: #044f1e;
  --color-scale-green-8: #003d16;
  --color-scale-green-9: #002d11;
  --color-scale-yellow-0: #fff8c5;
  --color-scale-yellow-1: #fae17d;
  --color-scale-yellow-2: #eac54f;
  --color-scale-yellow-3: #d4a72c;
  --color-scale-yellow-4: #bf8700;
  --color-scale-yellow-5: #9a6700;
  --color-scale-yellow-6: #7d4e00;
  --color-scale-yellow-7: #633c01;
  --color-scale-yellow-8: #4d2d00;
  --color-scale-yellow-9: #3b2300;
  --color-scale-orange-0: #fff1e5;
  --color-scale-orange-1: #ffd8b5;
  --color-scale-orange-2: #ffb77c;
  --color-scale-orange-3: #fb8f44;
  --color-scale-orange-4: #e16f24;
  --color-scale-orange-5: #bc4c00;
  --color-scale-orange-6: #953800;
  --color-scale-orange-7: #762c00;
  --color-scale-orange-8: #5c2200;
  --color-scale-orange-9: #471700;
  --color-scale-red-0: #ffebe9;
  --color-scale-red-1: #ffcecb;
  --color-scale-red-2: #ffaba8;
  --color-scale-red-3: #ff8182;
  --color-scale-red-4: #fa4549;
  --color-scale-red-5: #cf222e;
  --color-scale-red-6: #a40e26;
  --color-scale-red-7: #82071e;
  --color-scale-red-8: #660018;
  --color-scale-red-9: #4c0014;
  --color-scale-purple-0: #fbefff;
  --color-scale-purple-1: #ecd8ff;
  --color-scale-purple-2: #d8b9ff;
  --color-scale-purple-3: #c297ff;
  --color-scale-purple-4: #a475f9;
  --color-scale-purple-5: #8250df;
  --color-scale-purple-6: #6639ba;
  --color-scale-purple-7: #512a97;
  --color-scale-purple-8: #3e1f79;
  --color-scale-purple-9: #2e1461;
  --color-scale-pink-0: #ffeff7;
  --color-scale-pink-1: #ffd3eb;
  --color-scale-pink-2: #ffadda;
  --color-scale-pink-3: #ff80c8;
  --color-scale-pink-4: #e85aad;
  --color-scale-pink-5: #bf3989;
  --color-scale-pink-6: #99286e;
  --color-scale-pink-7: #772057;
  --color-scale-pink-8: #611347;
  --color-scale-pink-9: #4d0336;
  --color-scale-coral-0: #fff0eb;
  --color-scale-coral-1: #ffd6cc;
  --color-scale-coral-2: #ffb4a1;
  --color-scale-coral-3: #fd8c73;
  --color-scale-coral-4: #ec6547;
  --color-scale-coral-5: #c4432b;
  --color-scale-coral-6: #9e2f1c;
  --color-scale-coral-7: #801f0f;
  --color-scale-coral-8: #691105;
  --color-scale-coral-9: #510901;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme=light] {
    --color-canvas-default-transparent: rgba(255,255,255,0);
    --color-page-header-bg: #f6f8fa;
    --color-marketing-icon-primary: #218bff;
    --color-marketing-icon-secondary: #54aeff;
    --color-diff-blob-addition-num-text: #24292f;
    --color-diff-blob-addition-fg: #24292f;
    --color-diff-blob-addition-num-bg: #ccffd8;
    --color-diff-blob-addition-line-bg: #e6ffec;
    --color-diff-blob-addition-word-bg: #abf2bc;
    --color-diff-blob-deletion-num-text: #24292f;
    --color-diff-blob-deletion-fg: #24292f;
    --color-diff-blob-deletion-num-bg: #ffd7d5;
    --color-diff-blob-deletion-line-bg: #ffebe9;
    --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
    --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
    --color-diff-blob-expander-icon: #57606a;
    --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
    --color-diffstat-addition-border: rgba(27,31,36,0.15);
    --color-diffstat-addition-bg: #2da44e;
    --color-search-keyword-hl: #fff8c5;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-codemirror-text: #24292f;
    --color-codemirror-bg: #ffffff;
    --color-codemirror-gutters-bg: #ffffff;
    --color-codemirror-guttermarker-text: #ffffff;
    --color-codemirror-guttermarker-subtle-text: #6e7781;
    --color-codemirror-linenumber-text: #57606a;
    --color-codemirror-cursor: #24292f;
    --color-codemirror-selection-bg: rgba(84,174,255,0.4);
    --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
    --color-codemirror-matchingbracket-text: #24292f;
    --color-codemirror-lines-bg: #ffffff;
    --color-codemirror-syntax-comment: #24292f;
    --color-codemirror-syntax-constant: #0550ae;
    --color-codemirror-syntax-entity: #8250df;
    --color-codemirror-syntax-keyword: #cf222e;
    --color-codemirror-syntax-storage: #cf222e;
    --color-codemirror-syntax-string: #0a3069;
    --color-codemirror-syntax-support: #0550ae;
    --color-codemirror-syntax-variable: #953800;
    --color-checks-bg: #24292f;
    --color-checks-run-border-width: 0px;
    --color-checks-container-border-width: 0px;
    --color-checks-text-primary: #f6f8fa;
    --color-checks-text-secondary: #8c959f;
    --color-checks-text-link: #54aeff;
    --color-checks-btn-icon: #afb8c1;
    --color-checks-btn-hover-icon: #f6f8fa;
    --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
    --color-checks-input-text: #eaeef2;
    --color-checks-input-placeholder-text: #8c959f;
    --color-checks-input-focus-text: #8c959f;
    --color-checks-input-bg: #32383f;
    --color-checks-input-shadow: none;
    --color-checks-donut-error: #fa4549;
    --color-checks-donut-pending: #bf8700;
    --color-checks-donut-success: #2da44e;
    --color-checks-donut-neutral: #afb8c1;
    --color-checks-dropdown-text: #afb8c1;
    --color-checks-dropdown-bg: #32383f;
    --color-checks-dropdown-border: #424a53;
    --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
    --color-checks-dropdown-hover-text: #f6f8fa;
    --color-checks-dropdown-hover-bg: #424a53;
    --color-checks-dropdown-btn-hover-text: #f6f8fa;
    --color-checks-dropdown-btn-hover-bg: #32383f;
    --color-checks-scrollbar-thumb-bg: #57606a;
    --color-checks-header-label-text: #d0d7de;
    --color-checks-header-label-open-text: #f6f8fa;
    --color-checks-header-border: #32383f;
    --color-checks-header-icon: #8c959f;
    --color-checks-line-text: #d0d7de;
    --color-checks-line-num-text: rgba(140,149,159,0.75);
    --color-checks-line-timestamp-text: #8c959f;
    --color-checks-line-hover-bg: #32383f;
    --color-checks-line-selected-bg: rgba(33,139,255,0.15);
    --color-checks-line-selected-num-text: #54aeff;
    --color-checks-line-dt-fm-text: #24292f;
    --color-checks-line-dt-fm-bg: #9a6700;
    --color-checks-gate-bg: rgba(125,78,0,0.15);
    --color-checks-gate-text: #d0d7de;
    --color-checks-gate-waiting-text: #d4a72c;
    --color-checks-step-header-open-bg: #32383f;
    --color-checks-step-error-text: #ff8182;
    --color-checks-step-warning-text: #d4a72c;
    --color-checks-logline-text: #8c959f;
    --color-checks-logline-num-text: rgba(140,149,159,0.75);
    --color-checks-logline-debug-text: #c297ff;
    --color-checks-logline-error-text: #d0d7de;
    --color-checks-logline-error-num-text: #ff8182;
    --color-checks-logline-error-bg: rgba(164,14,38,0.15);
    --color-checks-logline-warning-text: #d0d7de;
    --color-checks-logline-warning-num-text: #d4a72c;
    --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
    --color-checks-logline-command-text: #54aeff;
    --color-checks-logline-section-text: #4ac26b;
    --color-checks-ansi-black: #24292f;
    --color-checks-ansi-black-bright: #32383f;
    --color-checks-ansi-white: #d0d7de;
    --color-checks-ansi-white-bright: #d0d7de;
    --color-checks-ansi-gray: #8c959f;
    --color-checks-ansi-red: #ff8182;
    --color-checks-ansi-red-bright: #ffaba8;
    --color-checks-ansi-green: #4ac26b;
    --color-checks-ansi-green-bright: #6fdd8b;
    --color-checks-ansi-yellow: #d4a72c;
    --color-checks-ansi-yellow-bright: #eac54f;
    --color-checks-ansi-blue: #54aeff;
    --color-checks-ansi-blue-bright: #80ccff;
    --color-checks-ansi-magenta: #c297ff;
    --color-checks-ansi-magenta-bright: #d8b9ff;
    --color-checks-ansi-cyan: #76e3ea;
    --color-checks-ansi-cyan-bright: #b3f0ff;
    --color-project-header-bg: #24292f;
    --color-project-sidebar-bg: #ffffff;
    --color-project-gradient-in: #ffffff;
    --color-project-gradient-out: rgba(255,255,255,0);
    --color-mktg-btn-bg: #1b1f23;
    --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
    --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
    --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);
    --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
    --color-avatar-bg: #ffffff;
    --color-avatar-border: rgba(27,31,36,0.15);
    --color-avatar-stack-fade: #afb8c1;
    --color-avatar-stack-fade-more: #d0d7de;
    --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
    --color-topic-tag-border: rgba(0,0,0,0);
    --color-counter-border: rgba(0,0,0,0);
    --color-select-menu-backdrop-border: rgba(0,0,0,0);
    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
    --color-select-menu-tap-focus-bg: #b6e3ff;
    --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
    --color-header-text: rgba(255,255,255,0.7);
    --color-header-bg: #24292f;
    --color-header-divider: #57606a;
    --color-header-logo: #ffffff;
    --color-header-search-bg: #24292f;
    --color-header-search-border: #57606a;
    --color-sidenav-selected-bg: #ffffff;
    --color-menu-bg-active: rgba(0,0,0,0);
    --color-input-disabled-bg: rgba(175,184,193,0.2);
    --color-timeline-badge-bg: #eaeef2;
    --color-ansi-black: #24292f;
    --color-ansi-black-bright: #57606a;
    --color-ansi-white: #6e7781;
    --color-ansi-white-bright: #8c959f;
    --color-ansi-gray: #6e7781;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-green: #116329;
    --color-ansi-green-bright: #1a7f37;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-btn-text: #24292f;
    --color-btn-bg: #f6f8fa;
    --color-btn-border: rgba(27,31,36,0.15);
    --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04);
    --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    --color-btn-hover-bg: #f3f4f6;
    --color-btn-hover-border: rgba(27,31,36,0.15);
    --color-btn-active-bg: hsla(220,14%,93%,1);
    --color-btn-active-border: rgba(27,31,36,0.15);
    --color-btn-selected-bg: hsla(220,14%,94%,1);
    --color-btn-focus-bg: #f6f8fa;
    --color-btn-focus-border: rgba(27,31,36,0.15);
    --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
    --color-btn-counter-bg: rgba(27,31,36,0.08);
    --color-btn-primary-text: #ffffff;
    --color-btn-primary-bg: #2da44e;
    --color-btn-primary-border: rgba(27,31,36,0.15);
    --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-primary-hover-bg: #2c974b;
    --color-btn-primary-hover-border: rgba(27,31,36,0.15);
    --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
    --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,0.2);
    --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
    --color-btn-primary-disabled-bg: #94d3a2;
    --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
    --color-btn-primary-focus-bg: #2da44e;
    --color-btn-primary-focus-border: rgba(27,31,36,0.15);
    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,0.4);
    --color-btn-primary-icon: rgba(255,255,255,0.8);
    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-text: #0969da;
    --color-btn-outline-hover-text: #ffffff;
    --color-btn-outline-hover-bg: #0969da;
    --color-btn-outline-hover-border: rgba(27,31,36,0.15);
    --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-selected-text: #ffffff;
    --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
    --color-btn-outline-selected-border: rgba(27,31,36,0.15);
    --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
    --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
    --color-btn-outline-disabled-bg: #f6f8fa;
    --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
    --color-btn-outline-focus-border: rgba(27,31,36,0.15);
    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
    --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
    --color-btn-danger-text: #cf222e;
    --color-btn-danger-hover-text: #ffffff;
    --color-btn-danger-hover-bg: #a40e26;
    --color-btn-danger-hover-border: rgba(27,31,36,0.15);
    --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-danger-selected-text: #ffffff;
    --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
    --color-btn-danger-selected-border: rgba(27,31,36,0.15);
    --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
    --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
    --color-btn-danger-disabled-bg: #f6f8fa;
    --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
    --color-btn-danger-focus-border: rgba(27,31,36,0.15);
    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
    --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
    --color-btn-danger-icon: #cf222e;
    --color-btn-danger-hover-icon: #ffffff;
    --color-underlinenav-icon: #6e7781;
    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
    --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
    --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
    --color-action-list-item-default-hover-border: rgba(0,0,0,0);
    --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
    --color-action-list-item-default-active-border: rgba(0,0,0,0);
    --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
    --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
    --color-action-list-item-danger-active-bg: #ffebe9;
    --color-action-list-item-danger-hover-text: #cf222e;
    --color-switch-track-bg: #eaeef2;
    --color-switch-track-border: #afb8c1;
    --color-switch-track-checked-bg: #ddf4ff;
    --color-switch-track-checked-hover-bg: #b6e3ff;
    --color-switch-track-checked-active-bg: #80ccff;
    --color-switch-track-checked-border: #54aeff;
    --color-switch-knob-checked-bg: #0969da;
    --color-switch-knob-checked-disabled-bg: #6e7781;
    --color-segmented-control-bg: #eaeef2;
    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
    --color-segmented-control-button-selected-border: #6e7781;
    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
    --color-tree-view-item-directory-fill: #54aeff;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-fg-on-emphasis: #ffffff;
    --color-canvas-default: #ffffff;
    --color-canvas-overlay: #ffffff;
    --color-canvas-inset: #f6f8fa;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210,18%,87%,1);
    --color-border-subtle: rgba(27,31,36,0.15);
    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
    --color-neutral-emphasis-plus: #24292f;
    --color-neutral-emphasis: #6e7781;
    --color-neutral-muted: rgba(175,184,193,0.2);
    --color-neutral-subtle: rgba(234,238,242,0.5);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-accent-muted: rgba(84,174,255,0.4);
    --color-accent-subtle: #ddf4ff;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #2da44e;
    --color-success-muted: rgba(74,194,107,0.4);
    --color-success-subtle: #dafbe1;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #bf8700;
    --color-attention-muted: rgba(212,167,44,0.4);
    --color-attention-subtle: #fff8c5;
    --color-severe-fg: #bc4c00;
    --color-severe-emphasis: #bc4c00;
    --color-severe-muted: rgba(251,143,68,0.4);
    --color-severe-subtle: #fff1e5;
    --color-danger-fg: #cf222e;
    --color-danger-emphasis: #cf222e;
    --color-danger-muted: rgba(255,129,130,0.4);
    --color-danger-subtle: #ffebe9;
    --color-open-fg: #1a7f37;
    --color-open-emphasis: #2da44e;
    --color-open-muted: rgba(74,194,107,0.4);
    --color-open-subtle: #dafbe1;
    --color-closed-fg: #cf222e;
    --color-closed-emphasis: #cf222e;
    --color-closed-muted: rgba(255,129,130,0.4);
    --color-closed-subtle: #ffebe9;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-done-muted: rgba(194,151,255,0.4);
    --color-done-subtle: #fbefff;
    --color-sponsors-fg: #bf3989;
    --color-sponsors-emphasis: #bf3989;
    --color-sponsors-muted: rgba(255,128,200,0.4);
    --color-sponsors-subtle: #ffeff7;
    --color-primer-fg-disabled: #8c959f;
    --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
    --color-primer-canvas-sticky: rgba(255,255,255,0.95);
    --color-primer-border-active: #fd8c73;
    --color-primer-border-contrast: rgba(27,31,36,0.1);
    --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
    --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
    --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
    --color-scale-black: #1b1f24;
    --color-scale-white: #ffffff;
    --color-scale-gray-0: #f6f8fa;
    --color-scale-gray-1: #eaeef2;
    --color-scale-gray-2: #d0d7de;
    --color-scale-gray-3: #afb8c1;
    --color-scale-gray-4: #8c959f;
    --color-scale-gray-5: #6e7781;
    --color-scale-gray-6: #57606a;
    --color-scale-gray-7: #424a53;
    --color-scale-gray-8: #32383f;
    --color-scale-gray-9: #24292f;
    --color-scale-blue-0: #ddf4ff;
    --color-scale-blue-1: #b6e3ff;
    --color-scale-blue-2: #80ccff;
    --color-scale-blue-3: #54aeff;
    --color-scale-blue-4: #218bff;
    --color-scale-blue-5: #0969da;
    --color-scale-blue-6: #0550ae;
    --color-scale-blue-7: #033d8b;
    --color-scale-blue-8: #0a3069;
    --color-scale-blue-9: #002155;
    --color-scale-green-0: #dafbe1;
    --color-scale-green-1: #aceebb;
    --color-scale-green-2: #6fdd8b;
    --color-scale-green-3: #4ac26b;
    --color-scale-green-4: #2da44e;
    --color-scale-green-5: #1a7f37;
    --color-scale-green-6: #116329;
    --color-scale-green-7: #044f1e;
    --color-scale-green-8: #003d16;
    --color-scale-green-9: #002d11;
    --color-scale-yellow-0: #fff8c5;
    --color-scale-yellow-1: #fae17d;
    --color-scale-yellow-2: #eac54f;
    --color-scale-yellow-3: #d4a72c;
    --color-scale-yellow-4: #bf8700;
    --color-scale-yellow-5: #9a6700;
    --color-scale-yellow-6: #7d4e00;
    --color-scale-yellow-7: #633c01;
    --color-scale-yellow-8: #4d2d00;
    --color-scale-yellow-9: #3b2300;
    --color-scale-orange-0: #fff1e5;
    --color-scale-orange-1: #ffd8b5;
    --color-scale-orange-2: #ffb77c;
    --color-scale-orange-3: #fb8f44;
    --color-scale-orange-4: #e16f24;
    --color-scale-orange-5: #bc4c00;
    --color-scale-orange-6: #953800;
    --color-scale-orange-7: #762c00;
    --color-scale-orange-8: #5c2200;
    --color-scale-orange-9: #471700;
    --color-scale-red-0: #ffebe9;
    --color-scale-red-1: #ffcecb;
    --color-scale-red-2: #ffaba8;
    --color-scale-red-3: #ff8182;
    --color-scale-red-4: #fa4549;
    --color-scale-red-5: #cf222e;
    --color-scale-red-6: #a40e26;
    --color-scale-red-7: #82071e;
    --color-scale-red-8: #660018;
    --color-scale-red-9: #4c0014;
    --color-scale-purple-0: #fbefff;
    --color-scale-purple-1: #ecd8ff;
    --color-scale-purple-2: #d8b9ff;
    --color-scale-purple-3: #c297ff;
    --color-scale-purple-4: #a475f9;
    --color-scale-purple-5: #8250df;
    --color-scale-purple-6: #6639ba;
    --color-scale-purple-7: #512a97;
    --color-scale-purple-8: #3e1f79;
    --color-scale-purple-9: #2e1461;
    --color-scale-pink-0: #ffeff7;
    --color-scale-pink-1: #ffd3eb;
    --color-scale-pink-2: #ffadda;
    --color-scale-pink-3: #ff80c8;
    --color-scale-pink-4: #e85aad;
    --color-scale-pink-5: #bf3989;
    --color-scale-pink-6: #99286e;
    --color-scale-pink-7: #772057;
    --color-scale-pink-8: #611347;
    --color-scale-pink-9: #4d0336;
    --color-scale-coral-0: #fff0eb;
    --color-scale-coral-1: #ffd6cc;
    --color-scale-coral-2: #ffb4a1;
    --color-scale-coral-3: #fd8c73;
    --color-scale-coral-4: #ec6547;
    --color-scale-coral-5: #c4432b;
    --color-scale-coral-6: #9e2f1c;
    --color-scale-coral-7: #801f0f;
    --color-scale-coral-8: #691105;
    --color-scale-coral-9: #510901;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme=light] {
    --color-canvas-default-transparent: rgba(255,255,255,0);
    --color-page-header-bg: #f6f8fa;
    --color-marketing-icon-primary: #218bff;
    --color-marketing-icon-secondary: #54aeff;
    --color-diff-blob-addition-num-text: #24292f;
    --color-diff-blob-addition-fg: #24292f;
    --color-diff-blob-addition-num-bg: #ccffd8;
    --color-diff-blob-addition-line-bg: #e6ffec;
    --color-diff-blob-addition-word-bg: #abf2bc;
    --color-diff-blob-deletion-num-text: #24292f;
    --color-diff-blob-deletion-fg: #24292f;
    --color-diff-blob-deletion-num-bg: #ffd7d5;
    --color-diff-blob-deletion-line-bg: #ffebe9;
    --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4);
    --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4);
    --color-diff-blob-expander-icon: #57606a;
    --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
    --color-diffstat-deletion-border: rgba(27,31,36,0.15);
    --color-diffstat-addition-border: rgba(27,31,36,0.15);
    --color-diffstat-addition-bg: #2da44e;
    --color-search-keyword-hl: #fff8c5;
    --color-prettylights-syntax-comment: #6e7781;
    --color-prettylights-syntax-constant: #0550ae;
    --color-prettylights-syntax-entity: #8250df;
    --color-prettylights-syntax-storage-modifier-import: #24292f;
    --color-prettylights-syntax-entity-tag: #116329;
    --color-prettylights-syntax-keyword: #cf222e;
    --color-prettylights-syntax-string: #0a3069;
    --color-prettylights-syntax-variable: #953800;
    --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
    --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
    --color-prettylights-syntax-carriage-return-text: #f6f8fa;
    --color-prettylights-syntax-carriage-return-bg: #cf222e;
    --color-prettylights-syntax-string-regexp: #116329;
    --color-prettylights-syntax-markup-list: #3b2300;
    --color-prettylights-syntax-markup-heading: #0550ae;
    --color-prettylights-syntax-markup-italic: #24292f;
    --color-prettylights-syntax-markup-bold: #24292f;
    --color-prettylights-syntax-markup-deleted-text: #82071e;
    --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
    --color-prettylights-syntax-markup-inserted-text: #116329;
    --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
    --color-prettylights-syntax-markup-changed-text: #953800;
    --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
    --color-prettylights-syntax-markup-ignored-text: #eaeef2;
    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
    --color-prettylights-syntax-meta-diff-range: #8250df;
    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
    --color-codemirror-text: #24292f;
    --color-codemirror-bg: #ffffff;
    --color-codemirror-gutters-bg: #ffffff;
    --color-codemirror-guttermarker-text: #ffffff;
    --color-codemirror-guttermarker-subtle-text: #6e7781;
    --color-codemirror-linenumber-text: #57606a;
    --color-codemirror-cursor: #24292f;
    --color-codemirror-selection-bg: rgba(84,174,255,0.4);
    --color-codemirror-activeline-bg: rgba(234,238,242,0.5);
    --color-codemirror-matchingbracket-text: #24292f;
    --color-codemirror-lines-bg: #ffffff;
    --color-codemirror-syntax-comment: #24292f;
    --color-codemirror-syntax-constant: #0550ae;
    --color-codemirror-syntax-entity: #8250df;
    --color-codemirror-syntax-keyword: #cf222e;
    --color-codemirror-syntax-storage: #cf222e;
    --color-codemirror-syntax-string: #0a3069;
    --color-codemirror-syntax-support: #0550ae;
    --color-codemirror-syntax-variable: #953800;
    --color-checks-bg: #24292f;
    --color-checks-run-border-width: 0px;
    --color-checks-container-border-width: 0px;
    --color-checks-text-primary: #f6f8fa;
    --color-checks-text-secondary: #8c959f;
    --color-checks-text-link: #54aeff;
    --color-checks-btn-icon: #afb8c1;
    --color-checks-btn-hover-icon: #f6f8fa;
    --color-checks-btn-hover-bg: rgba(255,255,255,0.125);
    --color-checks-input-text: #eaeef2;
    --color-checks-input-placeholder-text: #8c959f;
    --color-checks-input-focus-text: #8c959f;
    --color-checks-input-bg: #32383f;
    --color-checks-input-shadow: none;
    --color-checks-donut-error: #fa4549;
    --color-checks-donut-pending: #bf8700;
    --color-checks-donut-success: #2da44e;
    --color-checks-donut-neutral: #afb8c1;
    --color-checks-dropdown-text: #afb8c1;
    --color-checks-dropdown-bg: #32383f;
    --color-checks-dropdown-border: #424a53;
    --color-checks-dropdown-shadow: rgba(27,31,36,0.3);
    --color-checks-dropdown-hover-text: #f6f8fa;
    --color-checks-dropdown-hover-bg: #424a53;
    --color-checks-dropdown-btn-hover-text: #f6f8fa;
    --color-checks-dropdown-btn-hover-bg: #32383f;
    --color-checks-scrollbar-thumb-bg: #57606a;
    --color-checks-header-label-text: #d0d7de;
    --color-checks-header-label-open-text: #f6f8fa;
    --color-checks-header-border: #32383f;
    --color-checks-header-icon: #8c959f;
    --color-checks-line-text: #d0d7de;
    --color-checks-line-num-text: rgba(140,149,159,0.75);
    --color-checks-line-timestamp-text: #8c959f;
    --color-checks-line-hover-bg: #32383f;
    --color-checks-line-selected-bg: rgba(33,139,255,0.15);
    --color-checks-line-selected-num-text: #54aeff;
    --color-checks-line-dt-fm-text: #24292f;
    --color-checks-line-dt-fm-bg: #9a6700;
    --color-checks-gate-bg: rgba(125,78,0,0.15);
    --color-checks-gate-text: #d0d7de;
    --color-checks-gate-waiting-text: #d4a72c;
    --color-checks-step-header-open-bg: #32383f;
    --color-checks-step-error-text: #ff8182;
    --color-checks-step-warning-text: #d4a72c;
    --color-checks-logline-text: #8c959f;
    --color-checks-logline-num-text: rgba(140,149,159,0.75);
    --color-checks-logline-debug-text: #c297ff;
    --color-checks-logline-error-text: #d0d7de;
    --color-checks-logline-error-num-text: #ff8182;
    --color-checks-logline-error-bg: rgba(164,14,38,0.15);
    --color-checks-logline-warning-text: #d0d7de;
    --color-checks-logline-warning-num-text: #d4a72c;
    --color-checks-logline-warning-bg: rgba(125,78,0,0.15);
    --color-checks-logline-command-text: #54aeff;
    --color-checks-logline-section-text: #4ac26b;
    --color-checks-ansi-black: #24292f;
    --color-checks-ansi-black-bright: #32383f;
    --color-checks-ansi-white: #d0d7de;
    --color-checks-ansi-white-bright: #d0d7de;
    --color-checks-ansi-gray: #8c959f;
    --color-checks-ansi-red: #ff8182;
    --color-checks-ansi-red-bright: #ffaba8;
    --color-checks-ansi-green: #4ac26b;
    --color-checks-ansi-green-bright: #6fdd8b;
    --color-checks-ansi-yellow: #d4a72c;
    --color-checks-ansi-yellow-bright: #eac54f;
    --color-checks-ansi-blue: #54aeff;
    --color-checks-ansi-blue-bright: #80ccff;
    --color-checks-ansi-magenta: #c297ff;
    --color-checks-ansi-magenta-bright: #d8b9ff;
    --color-checks-ansi-cyan: #76e3ea;
    --color-checks-ansi-cyan-bright: #b3f0ff;
    --color-project-header-bg: #24292f;
    --color-project-sidebar-bg: #ffffff;
    --color-project-gradient-in: #ffffff;
    --color-project-gradient-out: rgba(255,255,255,0);
    --color-mktg-btn-bg: #1b1f23;
    --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset;
    --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px;
    --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);
    --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset;
    --color-avatar-bg: #ffffff;
    --color-avatar-border: rgba(27,31,36,0.15);
    --color-avatar-stack-fade: #afb8c1;
    --color-avatar-stack-fade-more: #d0d7de;
    --color-avatar-child-shadow: -2px -2px 0 rgba(255,255,255,0.8);
    --color-topic-tag-border: rgba(0,0,0,0);
    --color-counter-border: rgba(0,0,0,0);
    --color-select-menu-backdrop-border: rgba(0,0,0,0);
    --color-select-menu-tap-highlight: rgba(175,184,193,0.5);
    --color-select-menu-tap-focus-bg: #b6e3ff;
    --color-overlay-shadow: 0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12);
    --color-header-text: rgba(255,255,255,0.7);
    --color-header-bg: #24292f;
    --color-header-divider: #57606a;
    --color-header-logo: #ffffff;
    --color-header-search-bg: #24292f;
    --color-header-search-border: #57606a;
    --color-sidenav-selected-bg: #ffffff;
    --color-menu-bg-active: rgba(0,0,0,0);
    --color-input-disabled-bg: rgba(175,184,193,0.2);
    --color-timeline-badge-bg: #eaeef2;
    --color-ansi-black: #24292f;
    --color-ansi-black-bright: #57606a;
    --color-ansi-white: #6e7781;
    --color-ansi-white-bright: #8c959f;
    --color-ansi-gray: #6e7781;
    --color-ansi-red: #cf222e;
    --color-ansi-red-bright: #a40e26;
    --color-ansi-green: #116329;
    --color-ansi-green-bright: #1a7f37;
    --color-ansi-yellow: #4d2d00;
    --color-ansi-yellow-bright: #633c01;
    --color-ansi-blue: #0969da;
    --color-ansi-blue-bright: #218bff;
    --color-ansi-magenta: #8250df;
    --color-ansi-magenta-bright: #a475f9;
    --color-ansi-cyan: #1b7c83;
    --color-ansi-cyan-bright: #3192aa;
    --color-btn-text: #24292f;
    --color-btn-bg: #f6f8fa;
    --color-btn-border: rgba(27,31,36,0.15);
    --color-btn-shadow: 0 1px 0 rgba(27,31,36,0.04);
    --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    --color-btn-hover-bg: #f3f4f6;
    --color-btn-hover-border: rgba(27,31,36,0.15);
    --color-btn-active-bg: hsla(220,14%,93%,1);
    --color-btn-active-border: rgba(27,31,36,0.15);
    --color-btn-selected-bg: hsla(220,14%,94%,1);
    --color-btn-focus-bg: #f6f8fa;
    --color-btn-focus-border: rgba(27,31,36,0.15);
    --color-btn-focus-shadow: 0 0 0 3px rgba(9,105,218,0.3);
    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(27,31,36,0.15);
    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(9,105,218,0.3);
    --color-btn-counter-bg: rgba(27,31,36,0.08);
    --color-btn-primary-text: #ffffff;
    --color-btn-primary-bg: #2da44e;
    --color-btn-primary-border: rgba(27,31,36,0.15);
    --color-btn-primary-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-primary-hover-bg: #2c974b;
    --color-btn-primary-hover-border: rgba(27,31,36,0.15);
    --color-btn-primary-selected-bg: hsla(137,55%,36%,1);
    --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0,45,17,0.2);
    --color-btn-primary-disabled-text: rgba(255,255,255,0.8);
    --color-btn-primary-disabled-bg: #94d3a2;
    --color-btn-primary-disabled-border: rgba(27,31,36,0.15);
    --color-btn-primary-focus-bg: #2da44e;
    --color-btn-primary-focus-border: rgba(27,31,36,0.15);
    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(45,164,78,0.4);
    --color-btn-primary-icon: rgba(255,255,255,0.8);
    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-text: #0969da;
    --color-btn-outline-hover-text: #ffffff;
    --color-btn-outline-hover-bg: #0969da;
    --color-btn-outline-hover-border: rgba(27,31,36,0.15);
    --color-btn-outline-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-selected-text: #ffffff;
    --color-btn-outline-selected-bg: hsla(212,92%,42%,1);
    --color-btn-outline-selected-border: rgba(27,31,36,0.15);
    --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2);
    --color-btn-outline-disabled-text: rgba(9,105,218,0.5);
    --color-btn-outline-disabled-bg: #f6f8fa;
    --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05);
    --color-btn-outline-focus-border: rgba(27,31,36,0.15);
    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(5,80,174,0.4);
    --color-btn-outline-counter-bg: rgba(9,105,218,0.1);
    --color-btn-danger-text: #cf222e;
    --color-btn-danger-hover-text: #ffffff;
    --color-btn-danger-hover-bg: #a40e26;
    --color-btn-danger-hover-border: rgba(27,31,36,0.15);
    --color-btn-danger-hover-shadow: 0 1px 0 rgba(27,31,36,0.1);
    --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-danger-selected-text: #ffffff;
    --color-btn-danger-selected-bg: hsla(356,72%,44%,1);
    --color-btn-danger-selected-border: rgba(27,31,36,0.15);
    --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2);
    --color-btn-danger-disabled-text: rgba(207,34,46,0.5);
    --color-btn-danger-disabled-bg: #f6f8fa;
    --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05);
    --color-btn-danger-focus-border: rgba(27,31,36,0.15);
    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(164,14,38,0.4);
    --color-btn-danger-counter-bg: rgba(207,34,46,0.1);
    --color-btn-danger-icon: #cf222e;
    --color-btn-danger-hover-icon: #ffffff;
    --color-underlinenav-icon: #6e7781;
    --color-underlinenav-border-hover: rgba(175,184,193,0.2);
    --color-action-list-item-inline-divider: rgba(208,215,222,0.48);
    --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32);
    --color-action-list-item-default-hover-border: rgba(0,0,0,0);
    --color-action-list-item-default-active-bg: rgba(208,215,222,0.48);
    --color-action-list-item-default-active-border: rgba(0,0,0,0);
    --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24);
    --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
    --color-action-list-item-danger-active-bg: #ffebe9;
    --color-action-list-item-danger-hover-text: #cf222e;
    --color-switch-track-bg: #eaeef2;
    --color-switch-track-border: #afb8c1;
    --color-switch-track-checked-bg: #ddf4ff;
    --color-switch-track-checked-hover-bg: #b6e3ff;
    --color-switch-track-checked-active-bg: #80ccff;
    --color-switch-track-checked-border: #54aeff;
    --color-switch-knob-checked-bg: #0969da;
    --color-switch-knob-checked-disabled-bg: #6e7781;
    --color-segmented-control-bg: #eaeef2;
    --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2);
    --color-segmented-control-button-active-bg: rgba(175,184,193,0.4);
    --color-segmented-control-button-selected-border: #6e7781;
    --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32);
    --color-tree-view-item-directory-fill: #54aeff;
    --color-fg-default: #24292f;
    --color-fg-muted: #57606a;
    --color-fg-subtle: #6e7781;
    --color-fg-on-emphasis: #ffffff;
    --color-canvas-default: #ffffff;
    --color-canvas-overlay: #ffffff;
    --color-canvas-inset: #f6f8fa;
    --color-canvas-subtle: #f6f8fa;
    --color-border-default: #d0d7de;
    --color-border-muted: hsla(210,18%,87%,1);
    --color-border-subtle: rgba(27,31,36,0.15);
    --color-shadow-small: 0 1px 0 rgba(27,31,36,0.04);
    --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15);
    --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2);
    --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3);
    --color-neutral-emphasis-plus: #24292f;
    --color-neutral-emphasis: #6e7781;
    --color-neutral-muted: rgba(175,184,193,0.2);
    --color-neutral-subtle: rgba(234,238,242,0.5);
    --color-accent-fg: #0969da;
    --color-accent-emphasis: #0969da;
    --color-accent-muted: rgba(84,174,255,0.4);
    --color-accent-subtle: #ddf4ff;
    --color-success-fg: #1a7f37;
    --color-success-emphasis: #2da44e;
    --color-success-muted: rgba(74,194,107,0.4);
    --color-success-subtle: #dafbe1;
    --color-attention-fg: #9a6700;
    --color-attention-emphasis: #bf8700;
    --color-attention-muted: rgba(212,167,44,0.4);
    --color-attention-subtle: #fff8c5;
    --color-severe-fg: #bc4c00;
    --color-severe-emphasis: #bc4c00;
    --color-severe-muted: rgba(251,143,68,0.4);
    --color-severe-subtle: #fff1e5;
    --color-danger-fg: #cf222e;
    --color-danger-emphasis: #cf222e;
    --color-danger-muted: rgba(255,129,130,0.4);
    --color-danger-subtle: #ffebe9;
    --color-open-fg: #1a7f37;
    --color-open-emphasis: #2da44e;
    --color-open-muted: rgba(74,194,107,0.4);
    --color-open-subtle: #dafbe1;
    --color-closed-fg: #cf222e;
    --color-closed-emphasis: #cf222e;
    --color-closed-muted: rgba(255,129,130,0.4);
    --color-closed-subtle: #ffebe9;
    --color-done-fg: #8250df;
    --color-done-emphasis: #8250df;
    --color-done-muted: rgba(194,151,255,0.4);
    --color-done-subtle: #fbefff;
    --color-sponsors-fg: #bf3989;
    --color-sponsors-emphasis: #bf3989;
    --color-sponsors-muted: rgba(255,128,200,0.4);
    --color-sponsors-subtle: #ffeff7;
    --color-primer-fg-disabled: #8c959f;
    --color-primer-canvas-backdrop: rgba(27,31,36,0.5);
    --color-primer-canvas-sticky: rgba(255,255,255,0.95);
    --color-primer-border-active: #fd8c73;
    --color-primer-border-contrast: rgba(27,31,36,0.1);
    --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25);
    --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2);
    --color-primer-shadow-focus: 0 0 0 3px rgba(9,105,218,0.3);
    --color-scale-black: #1b1f24;
    --color-scale-white: #ffffff;
    --color-scale-gray-0: #f6f8fa;
    --color-scale-gray-1: #eaeef2;
    --color-scale-gray-2: #d0d7de;
    --color-scale-gray-3: #afb8c1;
    --color-scale-gray-4: #8c959f;
    --color-scale-gray-5: #6e7781;
    --color-scale-gray-6: #57606a;
    --color-scale-gray-7: #424a53;
    --color-scale-gray-8: #32383f;
    --color-scale-gray-9: #24292f;
    --color-scale-blue-0: #ddf4ff;
    --color-scale-blue-1: #b6e3ff;
    --color-scale-blue-2: #80ccff;
    --color-scale-blue-3: #54aeff;
    --color-scale-blue-4: #218bff;
    --color-scale-blue-5: #0969da;
    --color-scale-blue-6: #0550ae;
    --color-scale-blue-7: #033d8b;
    --color-scale-blue-8: #0a3069;
    --color-scale-blue-9: #002155;
    --color-scale-green-0: #dafbe1;
    --color-scale-green-1: #aceebb;
    --color-scale-green-2: #6fdd8b;
    --color-scale-green-3: #4ac26b;
    --color-scale-green-4: #2da44e;
    --color-scale-green-5: #1a7f37;
    --color-scale-green-6: #116329;
    --color-scale-green-7: #044f1e;
    --color-scale-green-8: #003d16;
    --color-scale-green-9: #002d11;
    --color-scale-yellow-0: #fff8c5;
    --color-scale-yellow-1: #fae17d;
    --color-scale-yellow-2: #eac54f;
    --color-scale-yellow-3: #d4a72c;
    --color-scale-yellow-4: #bf8700;
    --color-scale-yellow-5: #9a6700;
    --color-scale-yellow-6: #7d4e00;
    --color-scale-yellow-7: #633c01;
    --color-scale-yellow-8: #4d2d00;
    --color-scale-yellow-9: #3b2300;
    --color-scale-orange-0: #fff1e5;
    --color-scale-orange-1: #ffd8b5;
    --color-scale-orange-2: #ffb77c;
    --color-scale-orange-3: #fb8f44;
    --color-scale-orange-4: #e16f24;
    --color-scale-orange-5: #bc4c00;
    --color-scale-orange-6: #953800;
    --color-scale-orange-7: #762c00;
    --color-scale-orange-8: #5c2200;
    --color-scale-orange-9: #471700;
    --color-scale-red-0: #ffebe9;
    --color-scale-red-1: #ffcecb;
    --color-scale-red-2: #ffaba8;
    --color-scale-red-3: #ff8182;
    --color-scale-red-4: #fa4549;
    --color-scale-red-5: #cf222e;
    --color-scale-red-6: #a40e26;
    --color-scale-red-7: #82071e;
    --color-scale-red-8: #660018;
    --color-scale-red-9: #4c0014;
    --color-scale-purple-0: #fbefff;
    --color-scale-purple-1: #ecd8ff;
    --color-scale-purple-2: #d8b9ff;
    --color-scale-purple-3: #c297ff;
    --color-scale-purple-4: #a475f9;
    --color-scale-purple-5: #8250df;
    --color-scale-purple-6: #6639ba;
    --color-scale-purple-7: #512a97;
    --color-scale-purple-8: #3e1f79;
    --color-scale-purple-9: #2e1461;
    --color-scale-pink-0: #ffeff7;
    --color-scale-pink-1: #ffd3eb;
    --color-scale-pink-2: #ffadda;
    --color-scale-pink-3: #ff80c8;
    --color-scale-pink-4: #e85aad;
    --color-scale-pink-5: #bf3989;
    --color-scale-pink-6: #99286e;
    --color-scale-pink-7: #772057;
    --color-scale-pink-8: #611347;
    --color-scale-pink-9: #4d0336;
    --color-scale-coral-0: #fff0eb;
    --color-scale-coral-1: #ffd6cc;
    --color-scale-coral-2: #ffb4a1;
    --color-scale-coral-3: #fd8c73;
    --color-scale-coral-4: #ec6547;
    --color-scale-coral-5: #c4432b;
    --color-scale-coral-6: #9e2f1c;
    --color-scale-coral-7: #801f0f;
    --color-scale-coral-8: #691105;
    --color-scale-coral-9: #510901;
  }
}
[data-color-mode=light][data-light-theme=dark],
[data-color-mode=dark][data-dark-theme=dark] {
  --color-canvas-default-transparent: rgba(13,17,23,0);
  --color-page-header-bg: #0d1117;
  --color-marketing-icon-primary: #79c0ff;
  --color-marketing-icon-secondary: #1f6feb;
  --color-diff-blob-addition-num-text: #c9d1d9;
  --color-diff-blob-addition-fg: #c9d1d9;
  --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
  --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
  --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
  --color-diff-blob-deletion-num-text: #c9d1d9;
  --color-diff-blob-deletion-fg: #c9d1d9;
  --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
  --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
  --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
  --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
  --color-diff-blob-expander-icon: #8b949e;
  --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
  --color-diffstat-deletion-border: rgba(240,246,252,0.1);
  --color-diffstat-addition-border: rgba(240,246,252,0.1);
  --color-diffstat-addition-bg: #3fb950;
  --color-search-keyword-hl: rgba(210,153,34,0.4);
  --color-prettylights-syntax-comment: #8b949e;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-variable: #ffa657;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-italic: #c9d1d9;
  --color-prettylights-syntax-markup-bold: #c9d1d9;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-codemirror-text: #c9d1d9;
  --color-codemirror-bg: #0d1117;
  --color-codemirror-gutters-bg: #0d1117;
  --color-codemirror-guttermarker-text: #0d1117;
  --color-codemirror-guttermarker-subtle-text: #6e7681;
  --color-codemirror-linenumber-text: #8b949e;
  --color-codemirror-cursor: #c9d1d9;
  --color-codemirror-selection-bg: rgba(56,139,253,0.4);
  --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
  --color-codemirror-matchingbracket-text: #c9d1d9;
  --color-codemirror-lines-bg: #0d1117;
  --color-codemirror-syntax-comment: #8b949e;
  --color-codemirror-syntax-constant: #79c0ff;
  --color-codemirror-syntax-entity: #d2a8ff;
  --color-codemirror-syntax-keyword: #ff7b72;
  --color-codemirror-syntax-storage: #ff7b72;
  --color-codemirror-syntax-string: #a5d6ff;
  --color-codemirror-syntax-support: #79c0ff;
  --color-codemirror-syntax-variable: #ffa657;
  --color-checks-bg: #010409;
  --color-checks-run-border-width: 1px;
  --color-checks-container-border-width: 1px;
  --color-checks-text-primary: #c9d1d9;
  --color-checks-text-secondary: #8b949e;
  --color-checks-text-link: #58a6ff;
  --color-checks-btn-icon: #8b949e;
  --color-checks-btn-hover-icon: #c9d1d9;
  --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
  --color-checks-input-text: #8b949e;
  --color-checks-input-placeholder-text: #6e7681;
  --color-checks-input-focus-text: #c9d1d9;
  --color-checks-input-bg: #161b22;
  --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
  --color-checks-donut-error: #f85149;
  --color-checks-donut-pending: #d29922;
  --color-checks-donut-success: #2ea043;
  --color-checks-donut-neutral: #8b949e;
  --color-checks-dropdown-text: #c9d1d9;
  --color-checks-dropdown-bg: #161b22;
  --color-checks-dropdown-border: #30363d;
  --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
  --color-checks-dropdown-hover-text: #c9d1d9;
  --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
  --color-checks-dropdown-btn-hover-text: #c9d1d9;
  --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
  --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
  --color-checks-header-label-text: #8b949e;
  --color-checks-header-label-open-text: #c9d1d9;
  --color-checks-header-border: #21262d;
  --color-checks-header-icon: #8b949e;
  --color-checks-line-text: #8b949e;
  --color-checks-line-num-text: #6e7681;
  --color-checks-line-timestamp-text: #6e7681;
  --color-checks-line-hover-bg: rgba(110,118,129,0.1);
  --color-checks-line-selected-bg: rgba(56,139,253,0.15);
  --color-checks-line-selected-num-text: #58a6ff;
  --color-checks-line-dt-fm-text: #ffffff;
  --color-checks-line-dt-fm-bg: #9e6a03;
  --color-checks-gate-bg: rgba(187,128,9,0.15);
  --color-checks-gate-text: #8b949e;
  --color-checks-gate-waiting-text: #d29922;
  --color-checks-step-header-open-bg: #161b22;
  --color-checks-step-error-text: #f85149;
  --color-checks-step-warning-text: #d29922;
  --color-checks-logline-text: #8b949e;
  --color-checks-logline-num-text: #6e7681;
  --color-checks-logline-debug-text: #a371f7;
  --color-checks-logline-error-text: #8b949e;
  --color-checks-logline-error-num-text: #6e7681;
  --color-checks-logline-error-bg: rgba(248,81,73,0.15);
  --color-checks-logline-warning-text: #8b949e;
  --color-checks-logline-warning-num-text: #d29922;
  --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
  --color-checks-logline-command-text: #58a6ff;
  --color-checks-logline-section-text: #3fb950;
  --color-checks-ansi-black: #0d1117;
  --color-checks-ansi-black-bright: #161b22;
  --color-checks-ansi-white: #b1bac4;
  --color-checks-ansi-white-bright: #b1bac4;
  --color-checks-ansi-gray: #6e7681;
  --color-checks-ansi-red: #ff7b72;
  --color-checks-ansi-red-bright: #ffa198;
  --color-checks-ansi-green: #3fb950;
  --color-checks-ansi-green-bright: #56d364;
  --color-checks-ansi-yellow: #d29922;
  --color-checks-ansi-yellow-bright: #e3b341;
  --color-checks-ansi-blue: #58a6ff;
  --color-checks-ansi-blue-bright: #79c0ff;
  --color-checks-ansi-magenta: #bc8cff;
  --color-checks-ansi-magenta-bright: #d2a8ff;
  --color-checks-ansi-cyan: #76e3ea;
  --color-checks-ansi-cyan-bright: #b3f0ff;
  --color-project-header-bg: #0d1117;
  --color-project-sidebar-bg: #161b22;
  --color-project-gradient-in: #161b22;
  --color-project-gradient-out: rgba(22,27,34,0);
  --color-mktg-btn-bg: #f6f8fa;
  --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
  --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
  --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);
  --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
  --color-avatar-bg: rgba(255,255,255,0.1);
  --color-avatar-border: rgba(240,246,252,0.1);
  --color-avatar-stack-fade: #30363d;
  --color-avatar-stack-fade-more: #21262d;
  --color-avatar-child-shadow: -2px -2px 0 #0d1117;
  --color-topic-tag-border: rgba(0,0,0,0);
  --color-counter-border: rgba(0,0,0,0);
  --color-select-menu-backdrop-border: #484f58;
  --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
  --color-select-menu-tap-focus-bg: #0c2d6b;
  --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
  --color-header-text: rgba(255,255,255,0.7);
  --color-header-bg: #161b22;
  --color-header-divider: #8b949e;
  --color-header-logo: #f0f6fc;
  --color-header-search-bg: #0d1117;
  --color-header-search-border: #30363d;
  --color-sidenav-selected-bg: #21262d;
  --color-menu-bg-active: #161b22;
  --color-input-disabled-bg: rgba(110,118,129,0);
  --color-timeline-badge-bg: #21262d;
  --color-ansi-black: #484f58;
  --color-ansi-black-bright: #6e7681;
  --color-ansi-white: #b1bac4;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-gray: #6e7681;
  --color-ansi-red: #ff7b72;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-green: #3fb950;
  --color-ansi-green-bright: #56d364;
  --color-ansi-yellow: #d29922;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-blue: #58a6ff;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-magenta: #bc8cff;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-cyan-bright: #56d4dd;
  --color-btn-text: #c9d1d9;
  --color-btn-bg: #21262d;
  --color-btn-border: rgba(240,246,252,0.1);
  --color-btn-shadow: 0 0 transparent;
  --color-btn-inset-shadow: 0 0 transparent;
  --color-btn-hover-bg: #30363d;
  --color-btn-hover-border: #8b949e;
  --color-btn-active-bg: hsla(212,12%,18%,1);
  --color-btn-active-border: #6e7681;
  --color-btn-selected-bg: #161b22;
  --color-btn-focus-bg: #21262d;
  --color-btn-focus-border: #8b949e;
  --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
  --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
  --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
  --color-btn-counter-bg: #30363d;
  --color-btn-primary-text: #ffffff;
  --color-btn-primary-bg: #238636;
  --color-btn-primary-border: rgba(240,246,252,0.1);
  --color-btn-primary-shadow: 0 0 transparent;
  --color-btn-primary-inset-shadow: 0 0 transparent;
  --color-btn-primary-hover-bg: #2ea043;
  --color-btn-primary-hover-border: rgba(240,246,252,0.1);
  --color-btn-primary-selected-bg: #238636;
  --color-btn-primary-selected-shadow: 0 0 transparent;
  --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
  --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
  --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
  --color-btn-primary-focus-bg: #238636;
  --color-btn-primary-focus-border: rgba(240,246,252,0.1);
  --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
  --color-btn-primary-icon: #ffffff;
  --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
  --color-btn-outline-text: #58a6ff;
  --color-btn-outline-hover-text: #58a6ff;
  --color-btn-outline-hover-bg: #30363d;
  --color-btn-outline-hover-border: rgba(240,246,252,0.1);
  --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
  --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
  --color-btn-outline-selected-text: #ffffff;
  --color-btn-outline-selected-bg: #0d419d;
  --color-btn-outline-selected-border: rgba(240,246,252,0.1);
  --color-btn-outline-selected-shadow: 0 0 transparent;
  --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
  --color-btn-outline-disabled-bg: #0d1117;
  --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
  --color-btn-outline-focus-border: rgba(240,246,252,0.1);
  --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
  --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
  --color-btn-danger-text: #f85149;
  --color-btn-danger-hover-text: #ffffff;
  --color-btn-danger-hover-bg: #da3633;
  --color-btn-danger-hover-border: #f85149;
  --color-btn-danger-hover-shadow: 0 0 transparent;
  --color-btn-danger-hover-inset-shadow: 0 0 transparent;
  --color-btn-danger-hover-icon: #ffffff;
  --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
  --color-btn-danger-selected-text: #ffffff;
  --color-btn-danger-selected-bg: #b62324;
  --color-btn-danger-selected-border: #ff7b72;
  --color-btn-danger-selected-shadow: 0 0 transparent;
  --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
  --color-btn-danger-disabled-bg: #0d1117;
  --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
  --color-btn-danger-focus-border: #f85149;
  --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
  --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
  --color-btn-danger-icon: #f85149;
  --color-underlinenav-icon: #6e7681;
  --color-underlinenav-border-hover: rgba(110,118,129,0.4);
  --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
  --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
  --color-action-list-item-default-hover-border: rgba(0,0,0,0);
  --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
  --color-action-list-item-default-active-border: rgba(0,0,0,0);
  --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
  --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
  --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
  --color-action-list-item-danger-hover-text: #ff7b72;
  --color-switch-track-bg: #010409;
  --color-switch-track-border: #6e7681;
  --color-switch-track-checked-bg: rgba(31,111,235,0.35);
  --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
  --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
  --color-switch-track-checked-border: #58a6ff;
  --color-switch-knob-checked-bg: #1f6feb;
  --color-switch-knob-checked-disabled-bg: #484f58;
  --color-segmented-control-bg: #161b22;
  --color-segmented-control-button-hover-bg: #30363d;
  --color-segmented-control-button-active-bg: #21262d;
  --color-segmented-control-button-selected-border: #6e7681;
  --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
  --color-tree-view-item-directory-fill: #8b949e;
  --color-fg-default: #c9d1d9;
  --color-fg-muted: #8b949e;
  --color-fg-subtle: #6e7681;
  --color-fg-on-emphasis: #ffffff;
  --color-canvas-default: #0d1117;
  --color-canvas-overlay: #161b22;
  --color-canvas-inset: #010409;
  --color-canvas-subtle: #161b22;
  --color-border-default: #30363d;
  --color-border-muted: #21262d;
  --color-border-subtle: rgba(240,246,252,0.1);
  --color-shadow-small: 0 0 transparent;
  --color-shadow-medium: 0 3px 6px #010409;
  --color-shadow-large: 0 8px 24px #010409;
  --color-shadow-extra-large: 0 12px 48px #010409;
  --color-neutral-emphasis-plus: #6e7681;
  --color-neutral-emphasis: #6e7681;
  --color-neutral-muted: rgba(110,118,129,0.4);
  --color-neutral-subtle: rgba(110,118,129,0.1);
  --color-accent-fg: #58a6ff;
  --color-accent-emphasis: #1f6feb;
  --color-accent-muted: rgba(56,139,253,0.4);
  --color-accent-subtle: rgba(56,139,253,0.15);
  --color-success-fg: #3fb950;
  --color-success-emphasis: #238636;
  --color-success-muted: rgba(46,160,67,0.4);
  --color-success-subtle: rgba(46,160,67,0.15);
  --color-attention-fg: #d29922;
  --color-attention-emphasis: #9e6a03;
  --color-attention-muted: rgba(187,128,9,0.4);
  --color-attention-subtle: rgba(187,128,9,0.15);
  --color-severe-fg: #db6d28;
  --color-severe-emphasis: #bd561d;
  --color-severe-muted: rgba(219,109,40,0.4);
  --color-severe-subtle: rgba(219,109,40,0.15);
  --color-danger-fg: #f85149;
  --color-danger-emphasis: #da3633;
  --color-danger-muted: rgba(248,81,73,0.4);
  --color-danger-subtle: rgba(248,81,73,0.15);
  --color-open-fg: #3fb950;
  --color-open-emphasis: #238636;
  --color-open-muted: rgba(46,160,67,0.4);
  --color-open-subtle: rgba(46,160,67,0.15);
  --color-closed-fg: #f85149;
  --color-closed-emphasis: #da3633;
  --color-closed-muted: rgba(248,81,73,0.4);
  --color-closed-subtle: rgba(248,81,73,0.15);
  --color-done-fg: #a371f7;
  --color-done-emphasis: #8957e5;
  --color-done-muted: rgba(163,113,247,0.4);
  --color-done-subtle: rgba(163,113,247,0.15);
  --color-sponsors-fg: #db61a2;
  --color-sponsors-emphasis: #bf4b8a;
  --color-sponsors-muted: rgba(219,97,162,0.4);
  --color-sponsors-subtle: rgba(219,97,162,0.15);
  --color-primer-fg-disabled: #484f58;
  --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
  --color-primer-canvas-sticky: rgba(13,17,23,0.95);
  --color-primer-border-active: #f78166;
  --color-primer-border-contrast: rgba(255,255,255,0.2);
  --color-primer-shadow-highlight: 0 0 transparent;
  --color-primer-shadow-inset: 0 0 transparent;
  --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
  --color-scale-black: #010409;
  --color-scale-white: #ffffff;
  --color-scale-gray-0: #f0f6fc;
  --color-scale-gray-1: #c9d1d9;
  --color-scale-gray-2: #b1bac4;
  --color-scale-gray-3: #8b949e;
  --color-scale-gray-4: #6e7681;
  --color-scale-gray-5: #484f58;
  --color-scale-gray-6: #30363d;
  --color-scale-gray-7: #21262d;
  --color-scale-gray-8: #161b22;
  --color-scale-gray-9: #0d1117;
  --color-scale-blue-0: #cae8ff;
  --color-scale-blue-1: #a5d6ff;
  --color-scale-blue-2: #79c0ff;
  --color-scale-blue-3: #58a6ff;
  --color-scale-blue-4: #388bfd;
  --color-scale-blue-5: #1f6feb;
  --color-scale-blue-6: #1158c7;
  --color-scale-blue-7: #0d419d;
  --color-scale-blue-8: #0c2d6b;
  --color-scale-blue-9: #051d4d;
  --color-scale-green-0: #aff5b4;
  --color-scale-green-1: #7ee787;
  --color-scale-green-2: #56d364;
  --color-scale-green-3: #3fb950;
  --color-scale-green-4: #2ea043;
  --color-scale-green-5: #238636;
  --color-scale-green-6: #196c2e;
  --color-scale-green-7: #0f5323;
  --color-scale-green-8: #033a16;
  --color-scale-green-9: #04260f;
  --color-scale-yellow-0: #f8e3a1;
  --color-scale-yellow-1: #f2cc60;
  --color-scale-yellow-2: #e3b341;
  --color-scale-yellow-3: #d29922;
  --color-scale-yellow-4: #bb8009;
  --color-scale-yellow-5: #9e6a03;
  --color-scale-yellow-6: #845306;
  --color-scale-yellow-7: #693e00;
  --color-scale-yellow-8: #4b2900;
  --color-scale-yellow-9: #341a00;
  --color-scale-orange-0: #ffdfb6;
  --color-scale-orange-1: #ffc680;
  --color-scale-orange-2: #ffa657;
  --color-scale-orange-3: #f0883e;
  --color-scale-orange-4: #db6d28;
  --color-scale-orange-5: #bd561d;
  --color-scale-orange-6: #9b4215;
  --color-scale-orange-7: #762d0a;
  --color-scale-orange-8: #5a1e02;
  --color-scale-orange-9: #3d1300;
  --color-scale-red-0: #ffdcd7;
  --color-scale-red-1: #ffc1ba;
  --color-scale-red-2: #ffa198;
  --color-scale-red-3: #ff7b72;
  --color-scale-red-4: #f85149;
  --color-scale-red-5: #da3633;
  --color-scale-red-6: #b62324;
  --color-scale-red-7: #8e1519;
  --color-scale-red-8: #67060c;
  --color-scale-red-9: #490202;
  --color-scale-purple-0: #eddeff;
  --color-scale-purple-1: #e2c5ff;
  --color-scale-purple-2: #d2a8ff;
  --color-scale-purple-3: #bc8cff;
  --color-scale-purple-4: #a371f7;
  --color-scale-purple-5: #8957e5;
  --color-scale-purple-6: #6e40c9;
  --color-scale-purple-7: #553098;
  --color-scale-purple-8: #3c1e70;
  --color-scale-purple-9: #271052;
  --color-scale-pink-0: #ffdaec;
  --color-scale-pink-1: #ffbedd;
  --color-scale-pink-2: #ff9bce;
  --color-scale-pink-3: #f778ba;
  --color-scale-pink-4: #db61a2;
  --color-scale-pink-5: #bf4b8a;
  --color-scale-pink-6: #9e3670;
  --color-scale-pink-7: #7d2457;
  --color-scale-pink-8: #5e103e;
  --color-scale-pink-9: #42062a;
  --color-scale-coral-0: #ffddd2;
  --color-scale-coral-1: #ffc2b2;
  --color-scale-coral-2: #ffa28b;
  --color-scale-coral-3: #f78166;
  --color-scale-coral-4: #ea6045;
  --color-scale-coral-5: #cf462d;
  --color-scale-coral-6: #ac3220;
  --color-scale-coral-7: #872012;
  --color-scale-coral-8: #640d04;
  --color-scale-coral-9: #460701;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme=dark] {
    --color-canvas-default-transparent: rgba(13,17,23,0);
    --color-page-header-bg: #0d1117;
    --color-marketing-icon-primary: #79c0ff;
    --color-marketing-icon-secondary: #1f6feb;
    --color-diff-blob-addition-num-text: #c9d1d9;
    --color-diff-blob-addition-fg: #c9d1d9;
    --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
    --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
    --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
    --color-diff-blob-deletion-num-text: #c9d1d9;
    --color-diff-blob-deletion-fg: #c9d1d9;
    --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
    --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
    --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
    --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
    --color-diff-blob-expander-icon: #8b949e;
    --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
    --color-diffstat-addition-border: rgba(240,246,252,0.1);
    --color-diffstat-addition-bg: #3fb950;
    --color-search-keyword-hl: rgba(210,153,34,0.4);
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-codemirror-text: #c9d1d9;
    --color-codemirror-bg: #0d1117;
    --color-codemirror-gutters-bg: #0d1117;
    --color-codemirror-guttermarker-text: #0d1117;
    --color-codemirror-guttermarker-subtle-text: #6e7681;
    --color-codemirror-linenumber-text: #8b949e;
    --color-codemirror-cursor: #c9d1d9;
    --color-codemirror-selection-bg: rgba(56,139,253,0.4);
    --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
    --color-codemirror-matchingbracket-text: #c9d1d9;
    --color-codemirror-lines-bg: #0d1117;
    --color-codemirror-syntax-comment: #8b949e;
    --color-codemirror-syntax-constant: #79c0ff;
    --color-codemirror-syntax-entity: #d2a8ff;
    --color-codemirror-syntax-keyword: #ff7b72;
    --color-codemirror-syntax-storage: #ff7b72;
    --color-codemirror-syntax-string: #a5d6ff;
    --color-codemirror-syntax-support: #79c0ff;
    --color-codemirror-syntax-variable: #ffa657;
    --color-checks-bg: #010409;
    --color-checks-run-border-width: 1px;
    --color-checks-container-border-width: 1px;
    --color-checks-text-primary: #c9d1d9;
    --color-checks-text-secondary: #8b949e;
    --color-checks-text-link: #58a6ff;
    --color-checks-btn-icon: #8b949e;
    --color-checks-btn-hover-icon: #c9d1d9;
    --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
    --color-checks-input-text: #8b949e;
    --color-checks-input-placeholder-text: #6e7681;
    --color-checks-input-focus-text: #c9d1d9;
    --color-checks-input-bg: #161b22;
    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
    --color-checks-donut-error: #f85149;
    --color-checks-donut-pending: #d29922;
    --color-checks-donut-success: #2ea043;
    --color-checks-donut-neutral: #8b949e;
    --color-checks-dropdown-text: #c9d1d9;
    --color-checks-dropdown-bg: #161b22;
    --color-checks-dropdown-border: #30363d;
    --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
    --color-checks-dropdown-hover-text: #c9d1d9;
    --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
    --color-checks-dropdown-btn-hover-text: #c9d1d9;
    --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
    --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
    --color-checks-header-label-text: #8b949e;
    --color-checks-header-label-open-text: #c9d1d9;
    --color-checks-header-border: #21262d;
    --color-checks-header-icon: #8b949e;
    --color-checks-line-text: #8b949e;
    --color-checks-line-num-text: #6e7681;
    --color-checks-line-timestamp-text: #6e7681;
    --color-checks-line-hover-bg: rgba(110,118,129,0.1);
    --color-checks-line-selected-bg: rgba(56,139,253,0.15);
    --color-checks-line-selected-num-text: #58a6ff;
    --color-checks-line-dt-fm-text: #ffffff;
    --color-checks-line-dt-fm-bg: #9e6a03;
    --color-checks-gate-bg: rgba(187,128,9,0.15);
    --color-checks-gate-text: #8b949e;
    --color-checks-gate-waiting-text: #d29922;
    --color-checks-step-header-open-bg: #161b22;
    --color-checks-step-error-text: #f85149;
    --color-checks-step-warning-text: #d29922;
    --color-checks-logline-text: #8b949e;
    --color-checks-logline-num-text: #6e7681;
    --color-checks-logline-debug-text: #a371f7;
    --color-checks-logline-error-text: #8b949e;
    --color-checks-logline-error-num-text: #6e7681;
    --color-checks-logline-error-bg: rgba(248,81,73,0.15);
    --color-checks-logline-warning-text: #8b949e;
    --color-checks-logline-warning-num-text: #d29922;
    --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
    --color-checks-logline-command-text: #58a6ff;
    --color-checks-logline-section-text: #3fb950;
    --color-checks-ansi-black: #0d1117;
    --color-checks-ansi-black-bright: #161b22;
    --color-checks-ansi-white: #b1bac4;
    --color-checks-ansi-white-bright: #b1bac4;
    --color-checks-ansi-gray: #6e7681;
    --color-checks-ansi-red: #ff7b72;
    --color-checks-ansi-red-bright: #ffa198;
    --color-checks-ansi-green: #3fb950;
    --color-checks-ansi-green-bright: #56d364;
    --color-checks-ansi-yellow: #d29922;
    --color-checks-ansi-yellow-bright: #e3b341;
    --color-checks-ansi-blue: #58a6ff;
    --color-checks-ansi-blue-bright: #79c0ff;
    --color-checks-ansi-magenta: #bc8cff;
    --color-checks-ansi-magenta-bright: #d2a8ff;
    --color-checks-ansi-cyan: #76e3ea;
    --color-checks-ansi-cyan-bright: #b3f0ff;
    --color-project-header-bg: #0d1117;
    --color-project-sidebar-bg: #161b22;
    --color-project-gradient-in: #161b22;
    --color-project-gradient-out: rgba(22,27,34,0);
    --color-mktg-btn-bg: #f6f8fa;
    --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
    --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
    --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);
    --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
    --color-avatar-bg: rgba(255,255,255,0.1);
    --color-avatar-border: rgba(240,246,252,0.1);
    --color-avatar-stack-fade: #30363d;
    --color-avatar-stack-fade-more: #21262d;
    --color-avatar-child-shadow: -2px -2px 0 #0d1117;
    --color-topic-tag-border: rgba(0,0,0,0);
    --color-counter-border: rgba(0,0,0,0);
    --color-select-menu-backdrop-border: #484f58;
    --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
    --color-select-menu-tap-focus-bg: #0c2d6b;
    --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
    --color-header-text: rgba(255,255,255,0.7);
    --color-header-bg: #161b22;
    --color-header-divider: #8b949e;
    --color-header-logo: #f0f6fc;
    --color-header-search-bg: #0d1117;
    --color-header-search-border: #30363d;
    --color-sidenav-selected-bg: #21262d;
    --color-menu-bg-active: #161b22;
    --color-input-disabled-bg: rgba(110,118,129,0);
    --color-timeline-badge-bg: #21262d;
    --color-ansi-black: #484f58;
    --color-ansi-black-bright: #6e7681;
    --color-ansi-white: #b1bac4;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #6e7681;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-green: #3fb950;
    --color-ansi-green-bright: #56d364;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #bc8cff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-btn-text: #c9d1d9;
    --color-btn-bg: #21262d;
    --color-btn-border: rgba(240,246,252,0.1);
    --color-btn-shadow: 0 0 transparent;
    --color-btn-inset-shadow: 0 0 transparent;
    --color-btn-hover-bg: #30363d;
    --color-btn-hover-border: #8b949e;
    --color-btn-active-bg: hsla(212,12%,18%,1);
    --color-btn-active-border: #6e7681;
    --color-btn-selected-bg: #161b22;
    --color-btn-focus-bg: #21262d;
    --color-btn-focus-border: #8b949e;
    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
    --color-btn-counter-bg: #30363d;
    --color-btn-primary-text: #ffffff;
    --color-btn-primary-bg: #238636;
    --color-btn-primary-border: rgba(240,246,252,0.1);
    --color-btn-primary-shadow: 0 0 transparent;
    --color-btn-primary-inset-shadow: 0 0 transparent;
    --color-btn-primary-hover-bg: #2ea043;
    --color-btn-primary-hover-border: rgba(240,246,252,0.1);
    --color-btn-primary-selected-bg: #238636;
    --color-btn-primary-selected-shadow: 0 0 transparent;
    --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
    --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
    --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
    --color-btn-primary-focus-bg: #238636;
    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
    --color-btn-primary-icon: #ffffff;
    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-text: #58a6ff;
    --color-btn-outline-hover-text: #58a6ff;
    --color-btn-outline-hover-bg: #30363d;
    --color-btn-outline-hover-border: rgba(240,246,252,0.1);
    --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-selected-text: #ffffff;
    --color-btn-outline-selected-bg: #0d419d;
    --color-btn-outline-selected-border: rgba(240,246,252,0.1);
    --color-btn-outline-selected-shadow: 0 0 transparent;
    --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
    --color-btn-outline-disabled-bg: #0d1117;
    --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
    --color-btn-outline-focus-border: rgba(240,246,252,0.1);
    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
    --color-btn-danger-text: #f85149;
    --color-btn-danger-hover-text: #ffffff;
    --color-btn-danger-hover-bg: #da3633;
    --color-btn-danger-hover-border: #f85149;
    --color-btn-danger-hover-shadow: 0 0 transparent;
    --color-btn-danger-hover-inset-shadow: 0 0 transparent;
    --color-btn-danger-hover-icon: #ffffff;
    --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-danger-selected-text: #ffffff;
    --color-btn-danger-selected-bg: #b62324;
    --color-btn-danger-selected-border: #ff7b72;
    --color-btn-danger-selected-shadow: 0 0 transparent;
    --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
    --color-btn-danger-disabled-bg: #0d1117;
    --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
    --color-btn-danger-focus-border: #f85149;
    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
    --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
    --color-btn-danger-icon: #f85149;
    --color-underlinenav-icon: #6e7681;
    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
    --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
    --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
    --color-action-list-item-default-hover-border: rgba(0,0,0,0);
    --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
    --color-action-list-item-default-active-border: rgba(0,0,0,0);
    --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
    --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
    --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
    --color-action-list-item-danger-hover-text: #ff7b72;
    --color-switch-track-bg: #010409;
    --color-switch-track-border: #6e7681;
    --color-switch-track-checked-bg: rgba(31,111,235,0.35);
    --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
    --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
    --color-switch-track-checked-border: #58a6ff;
    --color-switch-knob-checked-bg: #1f6feb;
    --color-switch-knob-checked-disabled-bg: #484f58;
    --color-segmented-control-bg: #161b22;
    --color-segmented-control-button-hover-bg: #30363d;
    --color-segmented-control-button-active-bg: #21262d;
    --color-segmented-control-button-selected-border: #6e7681;
    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
    --color-tree-view-item-directory-fill: #8b949e;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #6e7681;
    --color-fg-on-emphasis: #ffffff;
    --color-canvas-default: #0d1117;
    --color-canvas-overlay: #161b22;
    --color-canvas-inset: #010409;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-border-subtle: rgba(240,246,252,0.1);
    --color-shadow-small: 0 0 transparent;
    --color-shadow-medium: 0 3px 6px #010409;
    --color-shadow-large: 0 8px 24px #010409;
    --color-shadow-extra-large: 0 12px 48px #010409;
    --color-neutral-emphasis-plus: #6e7681;
    --color-neutral-emphasis: #6e7681;
    --color-neutral-muted: rgba(110,118,129,0.4);
    --color-neutral-subtle: rgba(110,118,129,0.1);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-accent-muted: rgba(56,139,253,0.4);
    --color-accent-subtle: rgba(56,139,253,0.15);
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-success-muted: rgba(46,160,67,0.4);
    --color-success-subtle: rgba(46,160,67,0.15);
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-attention-muted: rgba(187,128,9,0.4);
    --color-attention-subtle: rgba(187,128,9,0.15);
    --color-severe-fg: #db6d28;
    --color-severe-emphasis: #bd561d;
    --color-severe-muted: rgba(219,109,40,0.4);
    --color-severe-subtle: rgba(219,109,40,0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-danger-muted: rgba(248,81,73,0.4);
    --color-danger-subtle: rgba(248,81,73,0.15);
    --color-open-fg: #3fb950;
    --color-open-emphasis: #238636;
    --color-open-muted: rgba(46,160,67,0.4);
    --color-open-subtle: rgba(46,160,67,0.15);
    --color-closed-fg: #f85149;
    --color-closed-emphasis: #da3633;
    --color-closed-muted: rgba(248,81,73,0.4);
    --color-closed-subtle: rgba(248,81,73,0.15);
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-done-muted: rgba(163,113,247,0.4);
    --color-done-subtle: rgba(163,113,247,0.15);
    --color-sponsors-fg: #db61a2;
    --color-sponsors-emphasis: #bf4b8a;
    --color-sponsors-muted: rgba(219,97,162,0.4);
    --color-sponsors-subtle: rgba(219,97,162,0.15);
    --color-primer-fg-disabled: #484f58;
    --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
    --color-primer-canvas-sticky: rgba(13,17,23,0.95);
    --color-primer-border-active: #f78166;
    --color-primer-border-contrast: rgba(255,255,255,0.2);
    --color-primer-shadow-highlight: 0 0 transparent;
    --color-primer-shadow-inset: 0 0 transparent;
    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
    --color-scale-black: #010409;
    --color-scale-white: #ffffff;
    --color-scale-gray-0: #f0f6fc;
    --color-scale-gray-1: #c9d1d9;
    --color-scale-gray-2: #b1bac4;
    --color-scale-gray-3: #8b949e;
    --color-scale-gray-4: #6e7681;
    --color-scale-gray-5: #484f58;
    --color-scale-gray-6: #30363d;
    --color-scale-gray-7: #21262d;
    --color-scale-gray-8: #161b22;
    --color-scale-gray-9: #0d1117;
    --color-scale-blue-0: #cae8ff;
    --color-scale-blue-1: #a5d6ff;
    --color-scale-blue-2: #79c0ff;
    --color-scale-blue-3: #58a6ff;
    --color-scale-blue-4: #388bfd;
    --color-scale-blue-5: #1f6feb;
    --color-scale-blue-6: #1158c7;
    --color-scale-blue-7: #0d419d;
    --color-scale-blue-8: #0c2d6b;
    --color-scale-blue-9: #051d4d;
    --color-scale-green-0: #aff5b4;
    --color-scale-green-1: #7ee787;
    --color-scale-green-2: #56d364;
    --color-scale-green-3: #3fb950;
    --color-scale-green-4: #2ea043;
    --color-scale-green-5: #238636;
    --color-scale-green-6: #196c2e;
    --color-scale-green-7: #0f5323;
    --color-scale-green-8: #033a16;
    --color-scale-green-9: #04260f;
    --color-scale-yellow-0: #f8e3a1;
    --color-scale-yellow-1: #f2cc60;
    --color-scale-yellow-2: #e3b341;
    --color-scale-yellow-3: #d29922;
    --color-scale-yellow-4: #bb8009;
    --color-scale-yellow-5: #9e6a03;
    --color-scale-yellow-6: #845306;
    --color-scale-yellow-7: #693e00;
    --color-scale-yellow-8: #4b2900;
    --color-scale-yellow-9: #341a00;
    --color-scale-orange-0: #ffdfb6;
    --color-scale-orange-1: #ffc680;
    --color-scale-orange-2: #ffa657;
    --color-scale-orange-3: #f0883e;
    --color-scale-orange-4: #db6d28;
    --color-scale-orange-5: #bd561d;
    --color-scale-orange-6: #9b4215;
    --color-scale-orange-7: #762d0a;
    --color-scale-orange-8: #5a1e02;
    --color-scale-orange-9: #3d1300;
    --color-scale-red-0: #ffdcd7;
    --color-scale-red-1: #ffc1ba;
    --color-scale-red-2: #ffa198;
    --color-scale-red-3: #ff7b72;
    --color-scale-red-4: #f85149;
    --color-scale-red-5: #da3633;
    --color-scale-red-6: #b62324;
    --color-scale-red-7: #8e1519;
    --color-scale-red-8: #67060c;
    --color-scale-red-9: #490202;
    --color-scale-purple-0: #eddeff;
    --color-scale-purple-1: #e2c5ff;
    --color-scale-purple-2: #d2a8ff;
    --color-scale-purple-3: #bc8cff;
    --color-scale-purple-4: #a371f7;
    --color-scale-purple-5: #8957e5;
    --color-scale-purple-6: #6e40c9;
    --color-scale-purple-7: #553098;
    --color-scale-purple-8: #3c1e70;
    --color-scale-purple-9: #271052;
    --color-scale-pink-0: #ffdaec;
    --color-scale-pink-1: #ffbedd;
    --color-scale-pink-2: #ff9bce;
    --color-scale-pink-3: #f778ba;
    --color-scale-pink-4: #db61a2;
    --color-scale-pink-5: #bf4b8a;
    --color-scale-pink-6: #9e3670;
    --color-scale-pink-7: #7d2457;
    --color-scale-pink-8: #5e103e;
    --color-scale-pink-9: #42062a;
    --color-scale-coral-0: #ffddd2;
    --color-scale-coral-1: #ffc2b2;
    --color-scale-coral-2: #ffa28b;
    --color-scale-coral-3: #f78166;
    --color-scale-coral-4: #ea6045;
    --color-scale-coral-5: #cf462d;
    --color-scale-coral-6: #ac3220;
    --color-scale-coral-7: #872012;
    --color-scale-coral-8: #640d04;
    --color-scale-coral-9: #460701;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme=dark] {
    --color-canvas-default-transparent: rgba(13,17,23,0);
    --color-page-header-bg: #0d1117;
    --color-marketing-icon-primary: #79c0ff;
    --color-marketing-icon-secondary: #1f6feb;
    --color-diff-blob-addition-num-text: #c9d1d9;
    --color-diff-blob-addition-fg: #c9d1d9;
    --color-diff-blob-addition-num-bg: rgba(63,185,80,0.3);
    --color-diff-blob-addition-line-bg: rgba(46,160,67,0.15);
    --color-diff-blob-addition-word-bg: rgba(46,160,67,0.4);
    --color-diff-blob-deletion-num-text: #c9d1d9;
    --color-diff-blob-deletion-fg: #c9d1d9;
    --color-diff-blob-deletion-num-bg: rgba(248,81,73,0.3);
    --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.15);
    --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
    --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
    --color-diff-blob-expander-icon: #8b949e;
    --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
    --color-diffstat-deletion-border: rgba(240,246,252,0.1);
    --color-diffstat-addition-border: rgba(240,246,252,0.1);
    --color-diffstat-addition-bg: #3fb950;
    --color-search-keyword-hl: rgba(210,153,34,0.4);
    --color-prettylights-syntax-comment: #8b949e;
    --color-prettylights-syntax-constant: #79c0ff;
    --color-prettylights-syntax-entity: #d2a8ff;
    --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
    --color-prettylights-syntax-entity-tag: #7ee787;
    --color-prettylights-syntax-keyword: #ff7b72;
    --color-prettylights-syntax-string: #a5d6ff;
    --color-prettylights-syntax-variable: #ffa657;
    --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
    --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
    --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
    --color-prettylights-syntax-carriage-return-text: #f0f6fc;
    --color-prettylights-syntax-carriage-return-bg: #b62324;
    --color-prettylights-syntax-string-regexp: #7ee787;
    --color-prettylights-syntax-markup-list: #f2cc60;
    --color-prettylights-syntax-markup-heading: #1f6feb;
    --color-prettylights-syntax-markup-italic: #c9d1d9;
    --color-prettylights-syntax-markup-bold: #c9d1d9;
    --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
    --color-prettylights-syntax-markup-deleted-bg: #67060c;
    --color-prettylights-syntax-markup-inserted-text: #aff5b4;
    --color-prettylights-syntax-markup-inserted-bg: #033a16;
    --color-prettylights-syntax-markup-changed-text: #ffdfb6;
    --color-prettylights-syntax-markup-changed-bg: #5a1e02;
    --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
    --color-prettylights-syntax-markup-ignored-bg: #1158c7;
    --color-prettylights-syntax-meta-diff-range: #d2a8ff;
    --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
    --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
    --color-codemirror-text: #c9d1d9;
    --color-codemirror-bg: #0d1117;
    --color-codemirror-gutters-bg: #0d1117;
    --color-codemirror-guttermarker-text: #0d1117;
    --color-codemirror-guttermarker-subtle-text: #6e7681;
    --color-codemirror-linenumber-text: #8b949e;
    --color-codemirror-cursor: #c9d1d9;
    --color-codemirror-selection-bg: rgba(56,139,253,0.4);
    --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
    --color-codemirror-matchingbracket-text: #c9d1d9;
    --color-codemirror-lines-bg: #0d1117;
    --color-codemirror-syntax-comment: #8b949e;
    --color-codemirror-syntax-constant: #79c0ff;
    --color-codemirror-syntax-entity: #d2a8ff;
    --color-codemirror-syntax-keyword: #ff7b72;
    --color-codemirror-syntax-storage: #ff7b72;
    --color-codemirror-syntax-string: #a5d6ff;
    --color-codemirror-syntax-support: #79c0ff;
    --color-codemirror-syntax-variable: #ffa657;
    --color-checks-bg: #010409;
    --color-checks-run-border-width: 1px;
    --color-checks-container-border-width: 1px;
    --color-checks-text-primary: #c9d1d9;
    --color-checks-text-secondary: #8b949e;
    --color-checks-text-link: #58a6ff;
    --color-checks-btn-icon: #8b949e;
    --color-checks-btn-hover-icon: #c9d1d9;
    --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
    --color-checks-input-text: #8b949e;
    --color-checks-input-placeholder-text: #6e7681;
    --color-checks-input-focus-text: #c9d1d9;
    --color-checks-input-bg: #161b22;
    --color-checks-input-shadow: 0 0 0 1px (obj) => (0, get_1.default)(obj, path);
    --color-checks-donut-error: #f85149;
    --color-checks-donut-pending: #d29922;
    --color-checks-donut-success: #2ea043;
    --color-checks-donut-neutral: #8b949e;
    --color-checks-dropdown-text: #c9d1d9;
    --color-checks-dropdown-bg: #161b22;
    --color-checks-dropdown-border: #30363d;
    --color-checks-dropdown-shadow: rgba(1,4,9,0.3);
    --color-checks-dropdown-hover-text: #c9d1d9;
    --color-checks-dropdown-hover-bg: rgba(110,118,129,0.1);
    --color-checks-dropdown-btn-hover-text: #c9d1d9;
    --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
    --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
    --color-checks-header-label-text: #8b949e;
    --color-checks-header-label-open-text: #c9d1d9;
    --color-checks-header-border: #21262d;
    --color-checks-header-icon: #8b949e;
    --color-checks-line-text: #8b949e;
    --color-checks-line-num-text: #6e7681;
    --color-checks-line-timestamp-text: #6e7681;
    --color-checks-line-hover-bg: rgba(110,118,129,0.1);
    --color-checks-line-selected-bg: rgba(56,139,253,0.15);
    --color-checks-line-selected-num-text: #58a6ff;
    --color-checks-line-dt-fm-text: #ffffff;
    --color-checks-line-dt-fm-bg: #9e6a03;
    --color-checks-gate-bg: rgba(187,128,9,0.15);
    --color-checks-gate-text: #8b949e;
    --color-checks-gate-waiting-text: #d29922;
    --color-checks-step-header-open-bg: #161b22;
    --color-checks-step-error-text: #f85149;
    --color-checks-step-warning-text: #d29922;
    --color-checks-logline-text: #8b949e;
    --color-checks-logline-num-text: #6e7681;
    --color-checks-logline-debug-text: #a371f7;
    --color-checks-logline-error-text: #8b949e;
    --color-checks-logline-error-num-text: #6e7681;
    --color-checks-logline-error-bg: rgba(248,81,73,0.15);
    --color-checks-logline-warning-text: #8b949e;
    --color-checks-logline-warning-num-text: #d29922;
    --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
    --color-checks-logline-command-text: #58a6ff;
    --color-checks-logline-section-text: #3fb950;
    --color-checks-ansi-black: #0d1117;
    --color-checks-ansi-black-bright: #161b22;
    --color-checks-ansi-white: #b1bac4;
    --color-checks-ansi-white-bright: #b1bac4;
    --color-checks-ansi-gray: #6e7681;
    --color-checks-ansi-red: #ff7b72;
    --color-checks-ansi-red-bright: #ffa198;
    --color-checks-ansi-green: #3fb950;
    --color-checks-ansi-green-bright: #56d364;
    --color-checks-ansi-yellow: #d29922;
    --color-checks-ansi-yellow-bright: #e3b341;
    --color-checks-ansi-blue: #58a6ff;
    --color-checks-ansi-blue-bright: #79c0ff;
    --color-checks-ansi-magenta: #bc8cff;
    --color-checks-ansi-magenta-bright: #d2a8ff;
    --color-checks-ansi-cyan: #76e3ea;
    --color-checks-ansi-cyan-bright: #b3f0ff;
    --color-project-header-bg: #0d1117;
    --color-project-sidebar-bg: #161b22;
    --color-project-gradient-in: #161b22;
    --color-project-gradient-out: rgba(22,27,34,0);
    --color-mktg-btn-bg: #f6f8fa;
    --color-mktg-btn-shadow-outline: rgb(255 255 255 / 25%) 0 0 0 1px inset;
    --color-mktg-btn-shadow-focus: rgb(255 255 255 / 25%) 0 0 0 4px;
    --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);
    --color-mktg-btn-shadow-hover-muted: rgb(255 255 255) 0 0 0 2px inset;
    --color-avatar-bg: rgba(255,255,255,0.1);
    --color-avatar-border: rgba(240,246,252,0.1);
    --color-avatar-stack-fade: #30363d;
    --color-avatar-stack-fade-more: #21262d;
    --color-avatar-child-shadow: -2px -2px 0 #0d1117;
    --color-topic-tag-border: rgba(0,0,0,0);
    --color-counter-border: rgba(0,0,0,0);
    --color-select-menu-backdrop-border: #484f58;
    --color-select-menu-tap-highlight: rgba(48,54,61,0.5);
    --color-select-menu-tap-focus-bg: #0c2d6b;
    --color-overlay-shadow: 0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85);
    --color-header-text: rgba(255,255,255,0.7);
    --color-header-bg: #161b22;
    --color-header-divider: #8b949e;
    --color-header-logo: #f0f6fc;
    --color-header-search-bg: #0d1117;
    --color-header-search-border: #30363d;
    --color-sidenav-selected-bg: #21262d;
    --color-menu-bg-active: #161b22;
    --color-input-disabled-bg: rgba(110,118,129,0);
    --color-timeline-badge-bg: #21262d;
    --color-ansi-black: #484f58;
    --color-ansi-black-bright: #6e7681;
    --color-ansi-white: #b1bac4;
    --color-ansi-white-bright: #ffffff;
    --color-ansi-gray: #6e7681;
    --color-ansi-red: #ff7b72;
    --color-ansi-red-bright: #ffa198;
    --color-ansi-green: #3fb950;
    --color-ansi-green-bright: #56d364;
    --color-ansi-yellow: #d29922;
    --color-ansi-yellow-bright: #e3b341;
    --color-ansi-blue: #58a6ff;
    --color-ansi-blue-bright: #79c0ff;
    --color-ansi-magenta: #bc8cff;
    --color-ansi-magenta-bright: #d2a8ff;
    --color-ansi-cyan: #39c5cf;
    --color-ansi-cyan-bright: #56d4dd;
    --color-btn-text: #c9d1d9;
    --color-btn-bg: #21262d;
    --color-btn-border: rgba(240,246,252,0.1);
    --color-btn-shadow: 0 0 transparent;
    --color-btn-inset-shadow: 0 0 transparent;
    --color-btn-hover-bg: #30363d;
    --color-btn-hover-border: #8b949e;
    --color-btn-active-bg: hsla(212,12%,18%,1);
    --color-btn-active-border: #6e7681;
    --color-btn-selected-bg: #161b22;
    --color-btn-focus-bg: #21262d;
    --color-btn-focus-border: #8b949e;
    --color-btn-focus-shadow: 0 0 0 3px rgba(139,148,158,0.3);
    --color-btn-shadow-active: inset 0 0.15em 0.3em rgba(1,4,9,0.15);
    --color-btn-shadow-input-focus: 0 0 0 0.2em rgba(31,111,235,0.3);
    --color-btn-counter-bg: #30363d;
    --color-btn-primary-text: #ffffff;
    --color-btn-primary-bg: #238636;
    --color-btn-primary-border: rgba(240,246,252,0.1);
    --color-btn-primary-shadow: 0 0 transparent;
    --color-btn-primary-inset-shadow: 0 0 transparent;
    --color-btn-primary-hover-bg: #2ea043;
    --color-btn-primary-hover-border: rgba(240,246,252,0.1);
    --color-btn-primary-selected-bg: #238636;
    --color-btn-primary-selected-shadow: 0 0 transparent;
    --color-btn-primary-disabled-text: rgba(255,255,255,0.5);
    --color-btn-primary-disabled-bg: rgba(35,134,54,0.6);
    --color-btn-primary-disabled-border: rgba(240,246,252,0.1);
    --color-btn-primary-focus-bg: #238636;
    --color-btn-primary-focus-border: rgba(240,246,252,0.1);
    --color-btn-primary-focus-shadow: 0 0 0 3px rgba(46,164,79,0.4);
    --color-btn-primary-icon: #ffffff;
    --color-btn-primary-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-text: #58a6ff;
    --color-btn-outline-hover-text: #58a6ff;
    --color-btn-outline-hover-bg: #30363d;
    --color-btn-outline-hover-border: rgba(240,246,252,0.1);
    --color-btn-outline-hover-shadow: 0 1px 0 rgba(1,4,9,0.1);
    --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
    --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-outline-selected-text: #ffffff;
    --color-btn-outline-selected-bg: #0d419d;
    --color-btn-outline-selected-border: rgba(240,246,252,0.1);
    --color-btn-outline-selected-shadow: 0 0 transparent;
    --color-btn-outline-disabled-text: rgba(88,166,255,0.5);
    --color-btn-outline-disabled-bg: #0d1117;
    --color-btn-outline-disabled-counter-bg: rgba(31,111,235,0.05);
    --color-btn-outline-focus-border: rgba(240,246,252,0.1);
    --color-btn-outline-focus-shadow: 0 0 0 3px rgba(17,88,199,0.4);
    --color-btn-outline-counter-bg: rgba(31,111,235,0.1);
    --color-btn-danger-text: #f85149;
    --color-btn-danger-hover-text: #ffffff;
    --color-btn-danger-hover-bg: #da3633;
    --color-btn-danger-hover-border: #f85149;
    --color-btn-danger-hover-shadow: 0 0 transparent;
    --color-btn-danger-hover-inset-shadow: 0 0 transparent;
    --color-btn-danger-hover-icon: #ffffff;
    --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2);
    --color-btn-danger-selected-text: #ffffff;
    --color-btn-danger-selected-bg: #b62324;
    --color-btn-danger-selected-border: #ff7b72;
    --color-btn-danger-selected-shadow: 0 0 transparent;
    --color-btn-danger-disabled-text: rgba(248,81,73,0.5);
    --color-btn-danger-disabled-bg: #0d1117;
    --color-btn-danger-disabled-counter-bg: rgba(218,54,51,0.05);
    --color-btn-danger-focus-border: #f85149;
    --color-btn-danger-focus-shadow: 0 0 0 3px rgba(248,81,73,0.4);
    --color-btn-danger-counter-bg: rgba(218,54,51,0.1);
    --color-btn-danger-icon: #f85149;
    --color-underlinenav-icon: #6e7681;
    --color-underlinenav-border-hover: rgba(110,118,129,0.4);
    --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
    --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
    --color-action-list-item-default-hover-border: rgba(0,0,0,0);
    --color-action-list-item-default-active-bg: rgba(177,186,196,0.2);
    --color-action-list-item-default-active-border: rgba(0,0,0,0);
    --color-action-list-item-default-selected-bg: rgba(177,186,196,0.08);
    --color-action-list-item-danger-hover-bg: rgba(248,81,73,0.16);
    --color-action-list-item-danger-active-bg: rgba(248,81,73,0.24);
    --color-action-list-item-danger-hover-text: #ff7b72;
    --color-switch-track-bg: #010409;
    --color-switch-track-border: #6e7681;
    --color-switch-track-checked-bg: rgba(31,111,235,0.35);
    --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
    --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
    --color-switch-track-checked-border: #58a6ff;
    --color-switch-knob-checked-bg: #1f6feb;
    --color-switch-knob-checked-disabled-bg: #484f58;
    --color-segmented-control-bg: #161b22;
    --color-segmented-control-button-hover-bg: #30363d;
    --color-segmented-control-button-active-bg: #21262d;
    --color-segmented-control-button-selected-border: #6e7681;
    --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
    --color-tree-view-item-directory-fill: #8b949e;
    --color-fg-default: #c9d1d9;
    --color-fg-muted: #8b949e;
    --color-fg-subtle: #6e7681;
    --color-fg-on-emphasis: #ffffff;
    --color-canvas-default: #0d1117;
    --color-canvas-overlay: #161b22;
    --color-canvas-inset: #010409;
    --color-canvas-subtle: #161b22;
    --color-border-default: #30363d;
    --color-border-muted: #21262d;
    --color-border-subtle: rgba(240,246,252,0.1);
    --color-shadow-small: 0 0 transparent;
    --color-shadow-medium: 0 3px 6px #010409;
    --color-shadow-large: 0 8px 24px #010409;
    --color-shadow-extra-large: 0 12px 48px #010409;
    --color-neutral-emphasis-plus: #6e7681;
    --color-neutral-emphasis: #6e7681;
    --color-neutral-muted: rgba(110,118,129,0.4);
    --color-neutral-subtle: rgba(110,118,129,0.1);
    --color-accent-fg: #58a6ff;
    --color-accent-emphasis: #1f6feb;
    --color-accent-muted: rgba(56,139,253,0.4);
    --color-accent-subtle: rgba(56,139,253,0.15);
    --color-success-fg: #3fb950;
    --color-success-emphasis: #238636;
    --color-success-muted: rgba(46,160,67,0.4);
    --color-success-subtle: rgba(46,160,67,0.15);
    --color-attention-fg: #d29922;
    --color-attention-emphasis: #9e6a03;
    --color-attention-muted: rgba(187,128,9,0.4);
    --color-attention-subtle: rgba(187,128,9,0.15);
    --color-severe-fg: #db6d28;
    --color-severe-emphasis: #bd561d;
    --color-severe-muted: rgba(219,109,40,0.4);
    --color-severe-subtle: rgba(219,109,40,0.15);
    --color-danger-fg: #f85149;
    --color-danger-emphasis: #da3633;
    --color-danger-muted: rgba(248,81,73,0.4);
    --color-danger-subtle: rgba(248,81,73,0.15);
    --color-open-fg: #3fb950;
    --color-open-emphasis: #238636;
    --color-open-muted: rgba(46,160,67,0.4);
    --color-open-subtle: rgba(46,160,67,0.15);
    --color-closed-fg: #f85149;
    --color-closed-emphasis: #da3633;
    --color-closed-muted: rgba(248,81,73,0.4);
    --color-closed-subtle: rgba(248,81,73,0.15);
    --color-done-fg: #a371f7;
    --color-done-emphasis: #8957e5;
    --color-done-muted: rgba(163,113,247,0.4);
    --color-done-subtle: rgba(163,113,247,0.15);
    --color-sponsors-fg: #db61a2;
    --color-sponsors-emphasis: #bf4b8a;
    --color-sponsors-muted: rgba(219,97,162,0.4);
    --color-sponsors-subtle: rgba(219,97,162,0.15);
    --color-primer-fg-disabled: #484f58;
    --color-primer-canvas-backdrop: rgba(1,4,9,0.8);
    --color-primer-canvas-sticky: rgba(13,17,23,0.95);
    --color-primer-border-active: #f78166;
    --color-primer-border-contrast: rgba(255,255,255,0.2);
    --color-primer-shadow-highlight: 0 0 transparent;
    --color-primer-shadow-inset: 0 0 transparent;
    --color-primer-shadow-focus: 0 0 0 3px #0c2d6b;
    --color-scale-black: #010409;
    --color-scale-white: #ffffff;
    --color-scale-gray-0: #f0f6fc;
    --color-scale-gray-1: #c9d1d9;
    --color-scale-gray-2: #b1bac4;
    --color-scale-gray-3: #8b949e;
    --color-scale-gray-4: #6e7681;
    --color-scale-gray-5: #484f58;
    --color-scale-gray-6: #30363d;
    --color-scale-gray-7: #21262d;
    --color-scale-gray-8: #161b22;
    --color-scale-gray-9: #0d1117;
    --color-scale-blue-0: #cae8ff;
    --color-scale-blue-1: #a5d6ff;
    --color-scale-blue-2: #79c0ff;
    --color-scale-blue-3: #58a6ff;
    --color-scale-blue-4: #388bfd;
    --color-scale-blue-5: #1f6feb;
    --color-scale-blue-6: #1158c7;
    --color-scale-blue-7: #0d419d;
    --color-scale-blue-8: #0c2d6b;
    --color-scale-blue-9: #051d4d;
    --color-scale-green-0: #aff5b4;
    --color-scale-green-1: #7ee787;
    --color-scale-green-2: #56d364;
    --color-scale-green-3: #3fb950;
    --color-scale-green-4: #2ea043;
    --color-scale-green-5: #238636;
    --color-scale-green-6: #196c2e;
    --color-scale-green-7: #0f5323;
    --color-scale-green-8: #033a16;
    --color-scale-green-9: #04260f;
    --color-scale-yellow-0: #f8e3a1;
    --color-scale-yellow-1: #f2cc60;
    --color-scale-yellow-2: #e3b341;
    --color-scale-yellow-3: #d29922;
    --color-scale-yellow-4: #bb8009;
    --color-scale-yellow-5: #9e6a03;
    --color-scale-yellow-6: #845306;
    --color-scale-yellow-7: #693e00;
    --color-scale-yellow-8: #4b2900;
    --color-scale-yellow-9: #341a00;
    --color-scale-orange-0: #ffdfb6;
    --color-scale-orange-1: #ffc680;
    --color-scale-orange-2: #ffa657;
    --color-scale-orange-3: #f0883e;
    --color-scale-orange-4: #db6d28;
    --color-scale-orange-5: #bd561d;
    --color-scale-orange-6: #9b4215;
    --color-scale-orange-7: #762d0a;
    --color-scale-orange-8: #5a1e02;
    --color-scale-orange-9: #3d1300;
    --color-scale-red-0: #ffdcd7;
    --color-scale-red-1: #ffc1ba;
    --color-scale-red-2: #ffa198;
    --color-scale-red-3: #ff7b72;
    --color-scale-red-4: #f85149;
    --color-scale-red-5: #da3633;
    --color-scale-red-6: #b62324;
    --color-scale-red-7: #8e1519;
    --color-scale-red-8: #67060c;
    --color-scale-red-9: #490202;
    --color-scale-purple-0: #eddeff;
    --color-scale-purple-1: #e2c5ff;
    --color-scale-purple-2: #d2a8ff;
    --color-scale-purple-3: #bc8cff;
    --color-scale-purple-4: #a371f7;
    --color-scale-purple-5: #8957e5;
    --color-scale-purple-6: #6e40c9;
    --color-scale-purple-7: #553098;
    --color-scale-purple-8: #3c1e70;
    --color-scale-purple-9: #271052;
    --color-scale-pink-0: #ffdaec;
    --color-scale-pink-1: #ffbedd;
    --color-scale-pink-2: #ff9bce;
    --color-scale-pink-3: #f778ba;
    --color-scale-pink-4: #db61a2;
    --color-scale-pink-5: #bf4b8a;
    --color-scale-pink-6: #9e3670;
    --color-scale-pink-7: #7d2457;
    --color-scale-pink-8: #5e103e;
    --color-scale-pink-9: #42062a;
    --color-scale-coral-0: #ffddd2;
    --color-scale-coral-1: #ffc2b2;
    --color-scale-coral-2: #ffa28b;
    --color-scale-coral-3: #f78166;
    --color-scale-coral-4: #ea6045;
    --color-scale-coral-5: #cf462d;
    --color-scale-coral-6: #ac3220;
    --color-scale-coral-7: #872012;
    --color-scale-coral-8: #640d04;
    --color-scale-coral-9: #460701;
  }
}
:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][data-dark-theme*=light] {
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=light] {
    color-scheme: light;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=light] {
    color-scheme: light;
  }
}
[data-color-mode=light][data-light-theme*=dark],
[data-color-mode=dark][data-dark-theme*=dark] {
  color-scheme: dark;
}

@media (prefers-color-scheme: light) {
  [data-color-mode=auto][data-light-theme*=dark] {
    color-scheme: dark;
  }
}
@media (prefers-color-scheme: dark) {
  [data-color-mode=auto][data-dark-theme*=dark] {
    color-scheme: dark;
  }
}
[data-color-mode] {
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}

@media (forced-colors: active) {
  body {
    --color-accent-emphasis: Highlight;
    --color-fg-on-emphasis: LinkText;
  }
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  /* 1 */
  display: block;
}

summary {
  display: list-item;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none !important;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; /* 1 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: var(--color-attention-subtle);
  color: var(--color-text-primary);
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: 600;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

* {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 14px;
  line-height: 1.5;
  color: var(--color-fg-default);
  background-color: var(--color-canvas-default);
}

a {
  color: var(--color-accent-fg);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

b,
strong {
  font-weight: 600;
}

hr,
.rule {
  height: 0;
  margin: 15px 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-border-muted);
}
hr::before,
.rule::before {
  display: table;
  content: "";
}
hr::after,
.rule::after {
  display: table;
  clear: both;
  content: "";
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

button {
  cursor: pointer;
  border-radius: 0;
}

[hidden][hidden] {
  display: none !important;
}

details summary {
  cursor: pointer;
}
details:not([open]) > *:not(summary) {
  display: none !important;
}

a:focus,
button:focus,
[role=button]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
[role=button]:focus:not(:focus-visible),
input[type=radio]:focus:not(:focus-visible),
input[type=checkbox]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
a:focus-visible,
button:focus-visible,
[role=button]:focus-visible,
input[type=radio]:focus-visible,
input[type=checkbox]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

a:not([class]):focus, a:not([class]):focus-visible,
input[type=radio]:focus,
input[type=radio]:focus-visible,
input[type=checkbox]:focus,
input[type=checkbox]:focus-visible {
  outline-offset: 0;
}

.focus {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}

@media (forced-colors: active) {
  *:focus,
  *:focus-visible {
    outline: solid 1px transparent;
  }
  input:not([type=radio], [type=checkbox]):focus, input:not([type=radio], [type=checkbox]):focus-visible,
  textarea:focus,
  textarea:focus-visible,
  select:focus,
  select:focus-visible {
    outline-offset: 2px;
  }
}
kbd {
  display: inline-block;
  padding: 3px 5px;
  font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  line-height: 10px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-subtle);
  border: solid 1px var(--color-neutral-muted);
  border-bottom-color: var(--color-neutral-muted);
  border-radius: 6px;
  box-shadow: inset 0 -1px 0 var(--color-neutral-muted);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
}

h1 {
  font-size: 32px;
  font-weight: 600;
}

h2 {
  font-size: 24px;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
  font-weight: 600;
}

h5 {
  font-size: 14px;
  font-weight: 600;
}

h6 {
  font-size: 12px;
  font-weight: 600;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

small {
  font-size: 90%;
}

blockquote {
  margin: 0;
}

ul,
ol {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

ol ol,
ul ol {
  list-style-type: lower-roman;
}

ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
  list-style-type: lower-alpha;
}

dd {
  margin-left: 0;
}

tt,
code,
samp {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

pre {
  margin-top: 0;
  margin-bottom: 0;
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  font-size: 12px;
}

.octicon {
  vertical-align: text-bottom;
}

.octicon {
  display: inline-block;
  overflow: visible !important;
  vertical-align: text-bottom;
  fill: currentColor;
}

.btn {
  position: relative;
  display: inline-block;
  padding: 5px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid;
  border-radius: 6px;
  appearance: none;
}
.btn:hover {
  text-decoration: none;
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  cursor: default;
}
.btn i {
  font-style: normal;
  font-weight: 500;
  opacity: 0.75;
}
.btn .octicon {
  margin-right: 4px;
  color: var(--color-fg-muted);
  vertical-align: text-bottom;
}
.btn .octicon:only-child {
  margin-right: 0;
}
.btn .Counter {
  margin-left: 2px;
  color: inherit;
  text-shadow: none;
  vertical-align: top;
  background-color: var(--color-btn-counter-bg);
}
.btn .dropdown-caret {
  margin-left: 4px;
  opacity: 0.8;
}

.btn {
  color: var(--color-btn-text);
  background-color: var(--color-btn-bg);
  border-color: var(--color-btn-border);
  box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.btn:hover, .btn.hover, [open] > .btn {
  background-color: var(--color-btn-hover-bg);
  border-color: var(--color-btn-hover-border);
  transition-duration: 0.1s;
}
.btn:active {
  background-color: var(--color-btn-active-bg);
  border-color: var(--color-btn-active-border);
  transition: none;
}
.btn.selected, .btn[aria-selected=true] {
  background-color: var(--color-btn-selected-bg);
  box-shadow: var(--color-primer-shadow-inset);
}
.btn:disabled, .btn.disabled, .btn[aria-disabled=true] {
  color: var(--color-primer-fg-disabled);
  background-color: var(--color-btn-bg);
  border-color: var(--color-btn-border);
}
.btn:disabled .octicon, .btn.disabled .octicon, .btn[aria-disabled=true] .octicon {
  color: var(--color-primer-fg-disabled);
}

.btn-primary {
  color: var(--color-btn-primary-text);
  background-color: var(--color-btn-primary-bg);
  border-color: var(--color-btn-primary-border);
  box-shadow: var(--color-btn-primary-shadow), var(--color-btn-primary-inset-shadow);
}
.btn-primary:hover, .btn-primary.hover, [open] > .btn-primary {
  background-color: var(--color-btn-primary-hover-bg);
  border-color: var(--color-btn-primary-hover-border);
}
.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.btn-primary:active, .btn-primary.selected, .btn-primary[aria-selected=true] {
  background-color: var(--color-btn-primary-selected-bg);
  box-shadow: var(--color-btn-primary-selected-shadow);
}
.btn-primary:disabled, .btn-primary.disabled, .btn-primary[aria-disabled=true] {
  color: var(--color-btn-primary-disabled-text);
  background-color: var(--color-btn-primary-disabled-bg);
  border-color: var(--color-btn-primary-disabled-border);
}
.btn-primary:disabled .octicon, .btn-primary.disabled .octicon, .btn-primary[aria-disabled=true] .octicon {
  color: var(--color-btn-primary-disabled-text);
}
.btn-primary .Counter {
  color: inherit;
  background-color: var(--color-btn-primary-counter-bg);
}
.btn-primary .octicon {
  color: var(--color-btn-primary-icon);
}

a.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
a.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
a.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

.btn-outline {
  color: var(--color-btn-outline-text);
}
.btn-outline:hover, [open] > .btn-outline {
  color: var(--color-btn-outline-hover-text);
  background-color: var(--color-btn-outline-hover-bg);
  border-color: var(--color-btn-outline-hover-border);
  box-shadow: var(--color-btn-outline-hover-shadow), var(--color-btn-outline-hover-inset-shadow);
}
.btn-outline:hover .Counter, [open] > .btn-outline .Counter {
  background-color: var(--color-btn-outline-hover-counter-bg);
}
.btn-outline:hover .octicon, [open] > .btn-outline .octicon {
  color: inherit;
}
.btn-outline:active, .btn-outline.selected, .btn-outline[aria-selected=true] {
  color: var(--color-btn-outline-selected-text);
  background-color: var(--color-btn-outline-selected-bg);
  border-color: var(--color-btn-outline-selected-border);
  box-shadow: var(--color-btn-outline-selected-shadow);
}
.btn-outline:active:focus, .btn-outline.selected:focus, .btn-outline[aria-selected=true]:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.btn-outline:active:focus:not(:focus-visible), .btn-outline.selected:focus:not(:focus-visible), .btn-outline[aria-selected=true]:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.btn-outline:active:focus-visible, .btn-outline.selected:focus-visible, .btn-outline[aria-selected=true]:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.btn-outline:disabled, .btn-outline.disabled, .btn-outline[aria-disabled=true] {
  color: var(--color-btn-outline-disabled-text);
  background-color: var(--color-btn-outline-disabled-bg);
  border-color: var(--color-btn-border);
  box-shadow: none;
}
.btn-outline:disabled .Counter, .btn-outline.disabled .Counter, .btn-outline[aria-disabled=true] .Counter {
  background-color: var(--color-btn-outline-disabled-counter-bg);
}
.btn-outline .Counter {
  color: inherit;
  background-color: var(--color-btn-outline-counter-bg);
}

.btn-danger {
  color: var(--color-btn-danger-text);
}
.btn-danger .octicon {
  color: var(--color-btn-danger-icon);
}
.btn-danger:hover, [open] > .btn-danger {
  color: var(--color-btn-danger-hover-text);
  background-color: var(--color-btn-danger-hover-bg);
  border-color: var(--color-btn-danger-hover-border);
  box-shadow: var(--color-btn-danger-hover-shadow), var(--color-btn-danger-hover-inset-shadow);
}
.btn-danger:hover .Counter, [open] > .btn-danger .Counter {
  background-color: var(--color-btn-danger-hover-counter-bg);
}
.btn-danger:hover .octicon, [open] > .btn-danger .octicon {
  color: var(--color-btn-danger-hover-icon);
}
.btn-danger:active, .btn-danger.selected, .btn-danger[aria-selected=true] {
  color: var(--color-btn-danger-selected-text);
  background-color: var(--color-btn-danger-selected-bg);
  border-color: var(--color-btn-danger-selected-border);
  box-shadow: var(--color-btn-danger-selected-shadow);
}
.btn-danger:disabled, .btn-danger.disabled, .btn-danger[aria-disabled=true] {
  color: var(--color-btn-danger-disabled-text);
  background-color: var(--color-btn-danger-disabled-bg);
  border-color: var(--color-btn-border);
  box-shadow: none;
}
.btn-danger:disabled .Counter, .btn-danger.disabled .Counter, .btn-danger[aria-disabled=true] .Counter {
  background-color: var(--color-btn-danger-disabled-counter-bg);
}
.btn-danger:disabled .octicon, .btn-danger.disabled .octicon, .btn-danger[aria-disabled=true] .octicon {
  color: var(--color-btn-danger-disabled-text);
}
.btn-danger .Counter {
  color: inherit;
  background-color: var(--color-btn-danger-counter-bg);
}

.btn-sm {
  padding: 3px 12px;
  font-size: 12px;
  line-height: 20px;
}
.btn-sm .octicon {
  vertical-align: text-top;
}

.btn-large {
  padding: 0.75em 1.5em;
  font-size: inherit;
  line-height: 1.5;
  border-radius: 0.5em;
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center;
}

.BtnGroup {
  display: inline-block;
  vertical-align: middle;
}
.BtnGroup::before {
  display: table;
  content: "";
}
.BtnGroup::after {
  display: table;
  clear: both;
  content: "";
}
.BtnGroup + .BtnGroup,
.BtnGroup + .btn {
  margin-left: 4px;
}

.BtnGroup-item {
  position: relative;
  float: left;
  border-right-width: 0;
  border-radius: 0;
}
.BtnGroup-item:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.BtnGroup-item:last-child {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.BtnGroup-item.selected, .BtnGroup-item[aria-selected=true], .BtnGroup-item:focus, .BtnGroup-item:active, .BtnGroup-item:hover {
  border-right-width: 1px;
}
.BtnGroup-item.selected + .BtnGroup-item,
.BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item[aria-selected=true] + .BtnGroup-item,
.BtnGroup-item[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:focus + .BtnGroup-item,
.BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:active + .BtnGroup-item,
.BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-item:hover + .BtnGroup-item,
.BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-parent {
  float: left;
}
.BtnGroup-parent:first-child .BtnGroup-item {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.BtnGroup-parent:last-child .BtnGroup-item {
  border-right-width: 1px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.BtnGroup-parent .BtnGroup-item {
  border-right-width: 0;
  border-radius: 0;
}
.BtnGroup-parent.selected .BtnGroup-item, .BtnGroup-parent[aria-selected=true] .BtnGroup-item, .BtnGroup-parent:focus .BtnGroup-item, .BtnGroup-parent:active .BtnGroup-item, .BtnGroup-parent:hover .BtnGroup-item {
  border-right-width: 1px;
}
.BtnGroup-parent.selected + .BtnGroup-item,
.BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent[aria-selected=true] + .BtnGroup-item,
.BtnGroup-parent[aria-selected=true] + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:focus + .BtnGroup-item,
.BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:active + .BtnGroup-item,
.BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item, .BtnGroup-parent:hover + .BtnGroup-item,
.BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item {
  border-left-width: 0;
}

.BtnGroup-item:focus, .BtnGroup-item:active,
.BtnGroup-parent:focus,
.BtnGroup-parent:active {
  z-index: 1;
}

.btn-link {
  display: inline-block;
  padding: 0;
  font-size: inherit;
  color: var(--color-accent-fg);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 0;
  appearance: none;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link:disabled:hover, .btn-link[aria-disabled=true], .btn-link[aria-disabled=true]:hover {
  color: var(--color-primer-fg-disabled);
  cursor: default;
}
.btn-link:not(.dropdown-item):focus, .btn-link:not(.dropdown-item):focus-visible {
  border-radius: 6px;
  outline-offset: 0;
}

.btn-invisible {
  color: var(--color-accent-fg);
  background-color: transparent;
  border: 0;
  border-radius: 6px;
  box-shadow: none;
}
.btn-invisible:hover, .btn-invisible.zeroclipboard-is-hover {
  color: var(--color-accent-fg);
  background-color: var(--color-btn-hover-bg);
  outline: none;
  box-shadow: none;
}
.btn-invisible:active, .btn-invisible.selected, .btn-invisible[aria-selected=true], .btn-invisible.zeroclipboard-is-active {
  color: var(--color-accent-fg);
  background: none;
  border-color: var(--color-btn-active-border);
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.btn-invisible:active .btn-invisible.zeroclipboard-is-active {
  background-color: var(--color-btn-selected-bg);
}
.btn-invisible:disabled, .btn-invisible.disabled, .btn-invisible[aria-disabled=true] {
  color: var(--color-primer-fg-disabled);
  background-color: transparent;
}

.btn-octicon {
  display: inline-block;
  padding: 5px;
  margin-left: 5px;
  line-height: 1;
  color: var(--color-fg-muted);
  vertical-align: middle;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.btn-octicon:hover {
  color: var(--color-accent-fg);
}
.btn-octicon:focus, .btn-octicon:focus-visible {
  border-radius: 6px;
}
.btn-octicon.disabled, .btn-octicon[aria-disabled=true] {
  color: var(--color-primer-fg-disabled);
  cursor: default;
}
.btn-octicon.disabled:hover, .btn-octicon[aria-disabled=true]:hover {
  color: var(--color-primer-fg-disabled);
}

.btn-octicon-danger:hover {
  color: var(--color-danger-fg);
}

.close-button {
  padding: 0;
  color: var(--color-fg-muted);
  background: transparent;
  border: 0;
}
.close-button:hover {
  color: var(--color-fg-default);
}
.close-button:active {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}

.hidden-text-expander {
  display: block;
}
.hidden-text-expander.inline {
  position: relative;
  top: -1px;
  display: inline-block;
  margin-left: 5px;
  line-height: 0;
}

.hidden-text-expander a,
.ellipsis-expander {
  display: inline-block;
  height: 12px;
  padding: 0 5px 5px;
  font-size: 12px;
  font-weight: 600;
  line-height: 6px;
  color: var(--color-fg-default);
  text-decoration: none;
  vertical-align: middle;
  background: var(--color-neutral-muted);
  border: 0;
  border-radius: 1px;
}
.hidden-text-expander a:hover,
.ellipsis-expander:hover {
  text-decoration: none;
  background-color: var(--color-accent-muted);
}
.hidden-text-expander a:active,
.ellipsis-expander:active {
  color: var(--color-fg-on-emphasis);
  background-color: var(--color-accent-emphasis);
}

.btn-with-count {
  float: left;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-with-count:focus {
  z-index: 1;
}

.social-count {
  position: relative;
  float: left;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-default);
  border: 1px solid var(--color-btn-border);
  border-left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  box-shadow: var(--color-shadow-small), var(--color-primer-shadow-highlight);
}
.social-count:hover, .social-count:active {
  text-decoration: none;
}
.social-count:hover {
  color: var(--color-accent-fg);
  cursor: pointer;
}

.labels {
  position: relative;
}

.label,
.Label {
  display: inline-block;
  padding: 0 7px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 2em;
  border-color: var(--color-border-default);
}
.label:hover,
.Label:hover {
  text-decoration: none;
}

.Label--large {
  padding-right: 10px;
  padding-left: 10px;
  line-height: 22px;
}

.Label--inline {
  display: inline;
  padding: 0.12em 0.5em;
  font-size: 85%;
}

.Label--primary {
  color: var(--color-fg-default);
  border-color: var(--color-neutral-emphasis);
}

.Label--secondary {
  color: var(--color-fg-muted);
  border-color: var(--color-border-default);
}

.Label--info,
.Label--accent {
  color: var(--color-accent-fg);
  border-color: var(--color-accent-emphasis);
}

.Label--success {
  color: var(--color-success-fg);
  border-color: var(--color-success-emphasis);
}

.Label--warning,
.Label--attention {
  color: var(--color-attention-fg);
  border-color: var(--color-attention-emphasis);
}

.Label--severe {
  color: var(--color-severe-fg);
  border-color: var(--color-severe-emphasis);
}

.Label--danger {
  color: var(--color-danger-fg);
  border-color: var(--color-danger-emphasis);
}

.Label--open {
  color: var(--color-open-fg);
  border-color: var(--color-open-emphasis);
}

.Label--closed {
  color: var(--color-closed-fg);
  border-color: var(--color-closed-emphasis);
}

.Label--done {
  color: var(--color-done-fg);
  border-color: var(--color-done-emphasis);
}

.Label--sponsors {
  color: var(--color-sponsors-fg);
  border-color: var(--color-sponsors-emphasis);
}

.menu {
  margin-bottom: 16px;
  list-style: none;
  background-color: var(--color-canvas-default);
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
}

.menu-item {
  position: relative;
  display: block;
  padding: 8px 16px;
  color: var(--color-fg-default);
  border-bottom: 1px solid var(--color-border-muted);
}
.menu-item:first-child {
  border-top: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.menu-item:first-child::before {
  border-top-left-radius: 6px;
}
.menu-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.menu-item:last-child::before {
  border-bottom-left-radius: 6px;
}
.menu-item:hover {
  text-decoration: none;
  background-color: var(--color-neutral-subtle);
}
.menu-item:active {
  background-color: var(--color-canvas-subtle);
}
.menu-item.selected, .menu-item[aria-selected=true], .menu-item[aria-current]:not([aria-current=false]) {
  cursor: default;
  background-color: var(--color-menu-bg-active);
}
.menu-item.selected::before, .menu-item[aria-selected=true]::before, .menu-item[aria-current]:not([aria-current=false])::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 2px;
  content: "";
  background-color: var(--color-primer-border-active);
}
.menu-item .octicon {
  width: 16px;
  margin-right: 8px;
  color: var(--color-fg-muted);
  text-align: center;
}
.menu-item .Counter {
  float: right;
  margin-left: 4px;
}
.menu-item .menu-warning {
  float: right;
  color: var(--color-attention-fg);
}
.menu-item .avatar {
  float: left;
  margin-right: 4px;
}
.menu-item.alert .Counter {
  color: var(--color-danger-fg);
}

.menu-heading {
  display: block;
  padding: 8px 16px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: inherit;
  font-weight: 600;
  color: var(--color-fg-default);
  border-bottom: 1px solid var(--color-border-muted);
}
.menu-heading:hover {
  text-decoration: none;
}
.menu-heading:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.menu-heading:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.Progress {
  display: flex;
  height: 8px;
  overflow: hidden;
  background-color: var(--color-neutral-muted);
  border-radius: 6px;
  outline: 1px solid transparent;
}

.Progress--large {
  height: 10px;
}

.Progress--small {
  height: 5px;
}

.Progress-item {
  outline: 2px solid transparent;
}

.Progress-item + .Progress-item {
  margin-left: 2px;
}

.Subhead {
  display: flex;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border-bottom: 1px solid var(--color-border-muted);
  flex-flow: row wrap;
  justify-content: flex-end;
}

.Subhead--spacious {
  margin-top: 40px;
}

.Subhead-heading {
  font-size: 24px;
  font-weight: 400;
  flex: 1 1 auto;
  order: 0;
}

.Subhead-heading--danger {
  font-weight: 600;
  color: var(--color-danger-fg);
}

.Subhead-description {
  font-size: 14px;
  color: var(--color-fg-muted);
  flex: 1 100%;
  order: 2;
}

.Subhead-actions {
  margin: 4px 0 4px 4px;
  align-self: center;
  justify-content: flex-end;
  order: 1;
}
.Subhead-actions + .Subhead-description {
  margin-top: 4px;
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

label {
  font-weight: 600;
}

.form-control,
.form-select {
  padding: 5px 12px;
  font-size: 14px;
  line-height: 20px;
  color: var(--color-fg-default);
  vertical-align: middle;
  background-color: var(--color-canvas-default);
  background-repeat: no-repeat;
  background-position: right 8px center;
  border: 1px solid var(--color-border-default);
  border-radius: 6px;
  box-shadow: var(--color-primer-shadow-inset);
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.form-control:focus,
.form-select:focus {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}
.form-control:focus:not(:focus-visible),
.form-select:focus:not(:focus-visible) {
  border-color: transparent;
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px transparent;
}
.form-control:focus-visible,
.form-select:focus-visible {
  border-color: var(--color-accent-fg);
  outline: none;
  box-shadow: inset 0 0 0 1px var(--color-accent-fg);
}
.form-control.border-0:focus, .form-control.border-0:focus-visible,
.form-select.border-0:focus,
.form-select.border-0:focus-visible {
  border: 1px solid var(--color-accent-fg) !important;
}
.form-control[disabled], fieldset[disabled] .form-control,
.form-select[disabled],
fieldset[disabled] .form-select {
  color: var(--color-primer-fg-disabled);
  background-color: var(--color-input-disabled-bg);
  border-color: var(--color-border-default);
  -webkit-text-fill-color: var(--color-primer-fg-disabled);
  opacity: 1;
}
.form-control[disabled]::placeholder, fieldset[disabled] .form-control::placeholder,
.form-select[disabled]::placeholder,
fieldset[disabled] .form-select::placeholder {
  color: var(--color-primer-fg-disabled);
}
@supports (-webkit-touch-callout: none) {
  .form-control,
  .form-select {
    font-size: 16px;
  }
  @media (min-width: 768px) {
    .form-control,
    .form-select {
      font-size: 14px;
    }
  }
}

textarea.form-control {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.5;
}

.input-contrast {
  background-color: var(--color-canvas-inset);
}
.input-contrast:focus {
  background-color: var(--color-canvas-default);
}

::placeholder {
  color: var(--color-fg-subtle);
  opacity: 1;
}

.input-sm {
  min-height: 28px;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
  line-height: 20px;
}

.input-lg {
  font-size: 16px;
}

.input-block {
  display: block;
  width: 100%;
}

.input-monospace {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
}

.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button {
  position: absolute;
  right: 0;
  display: none !important;
  pointer-events: none;
  visibility: hidden;
}

.form-checkbox {
  padding-left: 20px;
  margin: 15px 0;
  vertical-align: middle;
}
.form-checkbox label em.highlight {
  position: relative;
  left: -4px;
  padding: 2px 4px;
  font-style: normal;
  background: var(--color-attention-subtle);
  border-radius: 6px;
}
.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio] {
  float: left;
  margin: 5px 0 0 -20px;
  vertical-align: middle;
}
.form-checkbox .note {
  display: block;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  color: var(--color-fg-muted);
}

.form-checkbox-details {
  display: none;
}

.form-checkbox-details-trigger:checked ~ * .form-checkbox-details,
.form-checkbox-details-trigger:checked ~ .form-checkbox-details {
  display: block;
}

.hfields {
  margin: 15px 0;
}
.hfields::before {
  display: table;
  content: "";
}
.hfields::after {
  display: table;
  clear: both;
  content: "";
}
.hfields .form-group {
  float: left;
  margin: 0 30px 0 0;
}
.hfields .form-group dt label,
.hfields .form-group .form-group-header label {
  display: inline-block;
  margin: 5px 0 0;
  color: var(--color-fg-muted);
}
.hfields .form-group dt img,
.hfields .form-group .form-group-header img {
  position: relative;
  top: -2px;
}
.hfields .btn {
  float: left;
  margin: 28px 25px 0 -20px;
}
.hfields .form-select {
  margin-top: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  appearance: none;
}

.form-actions::before {
  display: table;
  content: "";
}
.form-actions::after {
  display: table;
  clear: both;
  content: "";
}
.form-actions .btn {
  float: right;
}
.form-actions .btn + .btn {
  margin-right: 5px;
}

.form-warning {
  padding: 8px 10px;
  margin: 10px 0;
  font-size: 14px;
  color: var(--color-attention-fg);
  background: var(--color-attention-subtle);
  border: 1px solid var(--color-attention-emphasis);
  border-radius: 6px;
}
.form-warning p {
  margin: 0;
  line-height: 1.5;
}
.form-warning a {
  font-weight: 600;
}

.input-group {
  display: table;
}
.input-group .form-control {
  position: relative;
  width: 100%;
}
.input-group .form-control:focus {
  z-index: 2;
}
.input-group .form-control + .btn {
  margin-left: 0;
}
.input-group.inline {
  display: inline-table;
}
.input-group:focus-within button {
  outline-offset: 0;
}
.input-group .form-control.autocomplete-embedded-icon-wrap {
  display: inline-flex;
  padding: 5px 8px;
}

.input-group .form-control,
.input-group-button {
  display: table-cell;
}

.input-group-button {
  width: 1%;
  vertical-align: middle;
}

.input-group-button--autocomplete-embedded-icon {
  vertical-align: bottom;
}

.input-group .form-control:first-child,
.input-group-button:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-button:first-child .btn {
  margin-right: -1px;
}

.input-group .form-control:last-child,
.input-group-button:last-child .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-button:last-child .btn {
  margin-left: -1px;
}

.markdown-body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  font-size: 16px;
  line-height: 1.5;
  word-wrap: break-word;
}
.markdown-body::before {
  display: table;
  content: "";
}
.markdown-body::after {
  display: table;
  clear: both;
  content: "";
}
.markdown-body > *:first-child {
  margin-top: 0 !important;
}
.markdown-body > *:last-child {
  margin-bottom: 0 !important;
}
.markdown-body a:not([href]) {
  color: inherit;
  text-decoration: none;
}
.markdown-body .absent {
  color: var(--color-danger-fg);
}
.markdown-body .anchor {
  float: left;
  padding-right: 4px;
  margin-left: -20px;
  line-height: 1;
}
.markdown-body .anchor:focus {
  outline: none;
}
.markdown-body p,
.markdown-body blockquote,
.markdown-body ul,
.markdown-body ol,
.markdown-body dl,
.markdown-body table,
.markdown-body pre,
.markdown-body details {
  margin-top: 0;
  margin-bottom: 16px;
}
.markdown-body hr {
  height: 0.25em;
  padding: 0;
  margin: 24px 0;
  background-color: var(--color-border-default);
  border: 0;
}
.markdown-body blockquote {
  padding: 0 1em;
  color: var(--color-fg-muted);
  border-left: 0.25em solid var(--color-border-default);
}
.markdown-body blockquote > :first-child {
  margin-top: 0;
}
.markdown-body blockquote > :last-child {
  margin-bottom: 0;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.markdown-body h1 .octicon-link,
.markdown-body h2 .octicon-link,
.markdown-body h3 .octicon-link,
.markdown-body h4 .octicon-link,
.markdown-body h5 .octicon-link,
.markdown-body h6 .octicon-link {
  color: var(--color-fg-default);
  vertical-align: middle;
  visibility: hidden;
}
.markdown-body h1:hover .anchor,
.markdown-body h2:hover .anchor,
.markdown-body h3:hover .anchor,
.markdown-body h4:hover .anchor,
.markdown-body h5:hover .anchor,
.markdown-body h6:hover .anchor {
  text-decoration: none;
}
.markdown-body h1:hover .anchor .octicon-link,
.markdown-body h2:hover .anchor .octicon-link,
.markdown-body h3:hover .anchor .octicon-link,
.markdown-body h4:hover .anchor .octicon-link,
.markdown-body h5:hover .anchor .octicon-link,
.markdown-body h6:hover .anchor .octicon-link {
  visibility: visible;
}
.markdown-body h1 tt,
.markdown-body h1 code,
.markdown-body h2 tt,
.markdown-body h2 code,
.markdown-body h3 tt,
.markdown-body h3 code,
.markdown-body h4 tt,
.markdown-body h4 code,
.markdown-body h5 tt,
.markdown-body h5 code,
.markdown-body h6 tt,
.markdown-body h6 code {
  padding: 0 0.2em;
  font-size: inherit;
}
.markdown-body h1 {
  padding-bottom: 0.3em;
  font-size: 2em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h2 {
  padding-bottom: 0.3em;
  font-size: 1.5em;
  border-bottom: 1px solid var(--color-border-muted);
}
.markdown-body h3 {
  font-size: 1.25em;
}
.markdown-body h4 {
  font-size: 1em;
}
.markdown-body h5 {
  font-size: 0.875em;
}
.markdown-body h6 {
  font-size: 0.85em;
  color: var(--color-fg-muted);
}
.markdown-body summary h1,
.markdown-body summary h2,
.markdown-body summary h3,
.markdown-body summary h4,
.markdown-body summary h5,
.markdown-body summary h6 {
  display: inline-block;
}
.markdown-body summary h1 .anchor,
.markdown-body summary h2 .anchor,
.markdown-body summary h3 .anchor,
.markdown-body summary h4 .anchor,
.markdown-body summary h5 .anchor,
.markdown-body summary h6 .anchor {
  margin-left: -40px;
}
.markdown-body summary h1,
.markdown-body summary h2 {
  padding-bottom: 0;
  border-bottom: 0;
}

.markdown-body ul,
.markdown-body ol {
  padding-left: 2em;
}
.markdown-body ul.no-list,
.markdown-body ol.no-list {
  padding: 0;
  list-style-type: none;
}
.markdown-body ol[type="1"] {
  list-style-type: decimal;
}
.markdown-body ol[type=a] {
  list-style-type: lower-alpha;
}
.markdown-body ol[type=i] {
  list-style-type: lower-roman;
}
.markdown-body div > ol:not([type]) {
  list-style-type: decimal;
}
.markdown-body ul ul,
.markdown-body ul ol,
.markdown-body ol ol,
.markdown-body ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
.markdown-body li > p {
  margin-top: 16px;
}
.markdown-body li + li {
  margin-top: 0.25em;
}
.markdown-body dl {
  padding: 0;
}
.markdown-body dl dt {
  padding: 0;
  margin-top: 16px;
  font-size: 1em;
  font-style: italic;
  font-weight: 600;
}
.markdown-body dl dd {
  padding: 0 16px;
  margin-bottom: 16px;
}

.markdown-body table {
  display: block;
  width: 100%;
  width: max-content;
  max-width: 100%;
  overflow: auto;
}
.markdown-body table th {
  font-weight: 600;
}
.markdown-body table th,
.markdown-body table td {
  padding: 6px 13px;
  border: 1px solid var(--color-border-default);
}
.markdown-body table tr {
  background-color: var(--color-canvas-default);
  border-top: 1px solid var(--color-border-muted);
}
.markdown-body table tr:nth-child(2n) {
  background-color: var(--color-canvas-subtle);
}
.markdown-body table img {
  background-color: transparent;
}

.markdown-body img {
  max-width: 100%;
  box-sizing: content-box;
  background-color: var(--color-canvas-default);
}
.markdown-body img[align=right] {
  padding-left: 20px;
}
.markdown-body img[align=left] {
  padding-right: 20px;
}
.markdown-body .emoji {
  max-width: none;
  vertical-align: text-top;
  background-color: transparent;
}
.markdown-body span.frame {
  display: block;
  overflow: hidden;
}
.markdown-body span.frame > span {
  display: block;
  float: left;
  width: auto;
  padding: 7px;
  margin: 13px 0 0;
  overflow: hidden;
  border: 1px solid var(--color-border-default);
}
.markdown-body span.frame span img {
  display: block;
  float: left;
}
.markdown-body span.frame span span {
  display: block;
  padding: 5px 0 0;
  clear: both;
  color: var(--color-fg-default);
}
.markdown-body span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-center > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: center;
}
.markdown-body span.align-center span img {
  margin: 0 auto;
  text-align: center;
}
.markdown-body span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}
.markdown-body span.align-right > span {
  display: block;
  margin: 13px 0 0;
  overflow: hidden;
  text-align: right;
}
.markdown-body span.align-right span img {
  margin: 0;
  text-align: right;
}
.markdown-body span.float-left {
  display: block;
  float: left;
  margin-right: 13px;
  overflow: hidden;
}
.markdown-body span.float-left span {
  margin: 13px 0 0;
}
.markdown-body span.float-right {
  display: block;
  float: right;
  margin-left: 13px;
  overflow: hidden;
}
.markdown-body span.float-right > span {
  display: block;
  margin: 13px auto 0;
  overflow: hidden;
  text-align: right;
}

.markdown-body .csv-data td,
.markdown-body .csv-data th {
  padding: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
}
.markdown-body .csv-data .blob-num {
  padding: 10px 8px 9px;
  text-align: right;
  background: var(--color-canvas-default);
  border: 0;
}
.markdown-body .csv-data tr {
  border-top: 0;
}
.markdown-body .csv-data th {
  font-weight: 600;
  background: var(--color-canvas-subtle);
  border-top: 0;
}

.markdown-body [data-footnote-ref]::before {
  content: "[";
}
.markdown-body [data-footnote-ref]::after {
  content: "]";
}
.markdown-body .footnotes {
  font-size: 12px;
  color: var(--color-fg-muted);
  border-top: 1px solid var(--color-border-default);
}
.markdown-body .footnotes ol {
  padding-left: 16px;
}
.markdown-body .footnotes ol ul {
  display: inline-block;
  padding-left: 16px;
  margin-top: 16px;
}
.markdown-body .footnotes li {
  position: relative;
}
.markdown-body .footnotes li:target::before {
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -24px;
  pointer-events: none;
  content: "";
  border: 2px solid var(--color-accent-emphasis);
  border-radius: 6px;
}
.markdown-body .footnotes li:target {
  color: var(--color-fg-default);
}
.markdown-body .footnotes .data-footnote-backref g-emoji {
  font-family: monospace;
}

.Box {
  background-color: var(--color-canvas-default);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
}

.Box--condensed {
  line-height: 1.25;
}
.Box--condensed .Box-header {
  padding: 8px 16px;
}
.Box--condensed .Box-body {
  padding: 8px 16px;
}
.Box--condensed .Box-footer {
  padding: 8px 16px;
}
.Box--condensed .Box-btn-octicon.btn-octicon {
  padding: 8px 16px;
  margin: -8px -16px;
  line-height: 1.25;
}
.Box--condensed .Box-row {
  padding: 8px 16px;
}

.Box--spacious .Box-header {
  padding: 24px;
  line-height: 1.25;
}
.Box--spacious .Box-title {
  font-size: 20px;
}
.Box--spacious .Box-body {
  padding: 24px;
}
.Box--spacious .Box-footer {
  padding: 24px;
}
.Box--spacious .Box-btn-octicon.btn-octicon {
  padding: 24px;
  margin: -24px -24px;
}
.Box--spacious .Box-row {
  padding: 24px;
}

.Box-header {
  padding: 16px;
  margin: -1px -1px 0;
  background-color: var(--color-canvas-subtle);
  border-color: var(--color-border-default);
  border-style: solid;
  border-width: 1px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.Box-title {
  font-size: 14px;
  font-weight: 600;
}

.Box-body {
  padding: 16px;
  border-bottom: 1px solid var(--color-border-default);
}
.Box-body:last-of-type {
  margin-bottom: -1px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.Box-row {
  padding: 16px;
  margin-top: -1px;
  list-style-type: none;
  border-top-color: var(--color-border-muted);
  border-top-style: solid;
  border-top-width: 1px;
}
.Box-row:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.Box-row:last-of-type {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.Box-row.Box-row--unread, .Box-row.unread {
  box-shadow: inset 2px 0 0 var(--color-accent-emphasis);
}
.Box-row.navigation-focus .Box-row--drag-button {
  color: var(--color-accent-fg);
  cursor: grab;
  opacity: 100;
}
.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
  cursor: grabbing;
}
.Box-row.navigation-focus.sortable-chosen {
  background-color: var(--color-canvas-subtle);
}
.Box-row.navigation-focus.sortable-ghost {
  background-color: var(--color-canvas-subtle);
}
.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
  opacity: 0;
}

.Box-row--focus-gray.navigation-focus {
  background-color: var(--color-canvas-subtle);
}

.Box-row--focus-blue.navigation-focus {
  background-color: var(--color-accent-subtle);
}

.Box-row--hover-gray:hover {
  background-color: var(--color-canvas-subtle);
}

.Box-row--hover-blue:hover {
  background-color: var(--color-accent-subtle);
}

@media (min-width: 768px) {
  .Box-row-link {
    color: var(--color-fg-default);
    text-decoration: none;
  }
  .Box-row-link:hover {
    color: var(--color-accent-fg);
    text-decoration: none;
  }
}

.Box-row--drag-button {
  opacity: 0;
}

.Box-footer {
  padding: 16px;
  margin-top: -1px;
  border-top-color: var(--color-border-default);
  border-top-style: solid;
  border-top-width: 1px;
  border-radius: 0 0 6px 6px;
}

.Box--scrollable {
  max-height: 324px;
  overflow: scroll;
}

.Box--blue {
  border-color: var(--color-accent-muted);
}
.Box--blue .Box-header {
  background-color: var(--color-accent-subtle);
  border-color: var(--color-accent-muted);
}
.Box--blue .Box-body {
  border-color: var(--color-accent-muted);
}
.Box--blue .Box-row {
  border-color: var(--color-accent-muted);
}
.Box--blue .Box-footer {
  border-color: var(--color-accent-muted);
}

.Box--danger {
  border-color: var(--color-danger-emphasis);
}
.Box--danger .Box-row:first-of-type {
  border-color: var(--color-danger-emphasis);
}
.Box--danger .Box-body:last-of-type {
  border-color: var(--color-danger-emphasis);
}

.Box-header--blue {
  background-color: var(--color-accent-subtle);
  border-color: var(--color-accent-muted);
}

.Box-row--yellow {
  background-color: var(--color-attention-subtle);
}

.Box-row--blue {
  background-color: var(--color-accent-subtle);
}

.Box-row--gray {
  background-color: var(--color-canvas-subtle);
}

.Box-btn-octicon.btn-octicon {
  padding: 16px 16px;
  margin: -16px -16px;
  line-height: 1.5;
}

/* Add a gray border to the left and right */
.border-x {
  border-right: 1px solid var(--color-border-default) !important;
  border-left: 1px solid var(--color-border-default) !important;
}

/* Add a gray border to the top and bottom */
.border-y {
  border-top: 1px solid var(--color-border-default) !important;
  border-bottom: 1px solid var(--color-border-default) !important;
}

/* Responsive gray borders */
/* Add a gray border on all sides at/above this breakpoint */
.border {
  border: 1px solid var(--color-border-default) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid var(--color-border-default) !important;
}

.border-right {
  border-right: 1px solid var(--color-border-default) !important;
}

.border-bottom {
  border-bottom: 1px solid var(--color-border-default) !important;
}

.border-left {
  border-left: 1px solid var(--color-border-default) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.rounded {
  border-radius: 6px !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 4px !important;
}

.rounded-2 {
  border-radius: 6px !important;
}

.rounded-3 {
  border-radius: 8px !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.rounded-top-2 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.rounded-top-3 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.rounded-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-right-1 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.rounded-right-2 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.rounded-right-3 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rounded-left-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-left-1 {
  border-bottom-left-radius: 4px !important;
  border-top-left-radius: 4px !important;
}

.rounded-left-2 {
  border-bottom-left-radius: 6px !important;
  border-top-left-radius: 6px !important;
}

.rounded-left-3 {
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
}

@media (min-width: 544px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-sm {
    border: 1px solid var(--color-border-default) !important;
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .border-sm-top {
    border-top: 1px solid var(--color-border-default) !important;
  }
  .border-sm-right {
    border-right: 1px solid var(--color-border-default) !important;
  }
  .border-sm-bottom {
    border-bottom: 1px solid var(--color-border-default) !important;
  }
  .border-sm-left {
    border-left: 1px solid var(--color-border-default) !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
  .rounded-sm {
    border-radius: 6px !important;
  }
  .rounded-sm-0 {
    border-radius: 0 !important;
  }
  .rounded-sm-1 {
    border-radius: 4px !important;
  }
  .rounded-sm-2 {
    border-radius: 6px !important;
  }
  .rounded-sm-3 {
    border-radius: 8px !important;
  }
  .rounded-sm-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-sm-top-1 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-sm-top-2 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-sm-top-3 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .rounded-sm-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-sm-right-1 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-sm-right-2 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-sm-right-3 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .rounded-sm-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-sm-bottom-1 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-sm-bottom-2 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-sm-bottom-3 {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .rounded-sm-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-sm-left-1 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-sm-left-2 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  .rounded-sm-left-3 {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
  }
}
@media (min-width: 768px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-md {
    border: 1px solid var(--color-border-default) !important;
  }
  .border-md-0 {
    border: 0 !important;
  }
  .border-md-top {
    border-top: 1px solid var(--color-border-default) !important;
  }
  .border-md-right {
    border-right: 1px solid var(--color-border-default) !important;
  }
  .border-md-bottom {
    border-bottom: 1px solid var(--color-border-default) !important;
  }
  .border-md-left {
    border-left: 1px solid var(--color-border-default) !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
  .rounded-md {
    border-radius: 6px !important;
  }
  .rounded-md-0 {
    border-radius: 0 !important;
  }
  .rounded-md-1 {
    border-radius: 4px !important;
  }
  .rounded-md-2 {
    border-radius: 6px !important;
  }
  .rounded-md-3 {
    border-radius: 8px !important;
  }
  .rounded-md-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-md-top-1 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-md-top-2 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-md-top-3 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .rounded-md-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-md-right-1 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-md-right-2 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-md-right-3 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .rounded-md-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-md-bottom-1 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-md-bottom-2 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-md-bottom-3 {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .rounded-md-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-md-left-1 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-md-left-2 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  .rounded-md-left-3 {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
  }
}
@media (min-width: 1012px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-lg {
    border: 1px solid var(--color-border-default) !important;
  }
  .border-lg-0 {
    border: 0 !important;
  }
  .border-lg-top {
    border-top: 1px solid var(--color-border-default) !important;
  }
  .border-lg-right {
    border-right: 1px solid var(--color-border-default) !important;
  }
  .border-lg-bottom {
    border-bottom: 1px solid var(--color-border-default) !important;
  }
  .border-lg-left {
    border-left: 1px solid var(--color-border-default) !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
  .rounded-lg {
    border-radius: 6px !important;
  }
  .rounded-lg-0 {
    border-radius: 0 !important;
  }
  .rounded-lg-1 {
    border-radius: 4px !important;
  }
  .rounded-lg-2 {
    border-radius: 6px !important;
  }
  .rounded-lg-3 {
    border-radius: 8px !important;
  }
  .rounded-lg-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-lg-top-1 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-lg-top-2 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-lg-top-3 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .rounded-lg-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-lg-right-1 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-lg-right-2 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-lg-right-3 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .rounded-lg-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-lg-bottom-1 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-lg-bottom-2 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-lg-bottom-3 {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .rounded-lg-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-lg-left-1 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-lg-left-2 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  .rounded-lg-left-3 {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
  }
}
@media (min-width: 1280px) {
  /* Add a gray border on all sides at/above this breakpoint */
  .border-xl {
    border: 1px solid var(--color-border-default) !important;
  }
  .border-xl-0 {
    border: 0 !important;
  }
  .border-xl-top {
    border-top: 1px solid var(--color-border-default) !important;
  }
  .border-xl-right {
    border-right: 1px solid var(--color-border-default) !important;
  }
  .border-xl-bottom {
    border-bottom: 1px solid var(--color-border-default) !important;
  }
  .border-xl-left {
    border-left: 1px solid var(--color-border-default) !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
  .rounded-xl {
    border-radius: 6px !important;
  }
  .rounded-xl-0 {
    border-radius: 0 !important;
  }
  .rounded-xl-1 {
    border-radius: 4px !important;
  }
  .rounded-xl-2 {
    border-radius: 6px !important;
  }
  .rounded-xl-3 {
    border-radius: 8px !important;
  }
  .rounded-xl-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  .rounded-xl-top-1 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .rounded-xl-top-2 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .rounded-xl-top-3 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .rounded-xl-right-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .rounded-xl-right-1 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .rounded-xl-right-2 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .rounded-xl-right-3 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .rounded-xl-bottom-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .rounded-xl-bottom-1 {
    border-bottom-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .rounded-xl-bottom-2 {
    border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .rounded-xl-bottom-3 {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .rounded-xl-left-0 {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
  }
  .rounded-xl-left-1 {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
  }
  .rounded-xl-left-2 {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
  }
  .rounded-xl-left-3 {
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
  }
}
/* Add a 50% border-radius to make something into a circle */
.circle {
  border-radius: 50% !important;
}

/* Change the border style to dashed, in conjunction with another utility */
.border-dashed {
  border-style: dashed !important;
}

.color-fg-default {
  color: var(--color-fg-default) !important;
}

.color-fg-muted {
  color: var(--color-fg-muted) !important;
}

.color-fg-subtle {
  color: var(--color-fg-subtle) !important;
}

.color-fg-accent {
  color: var(--color-accent-fg) !important;
}

.color-fg-success {
  color: var(--color-success-fg) !important;
}

.color-fg-attention {
  color: var(--color-attention-fg) !important;
}

.color-fg-severe {
  color: var(--color-severe-fg) !important;
}

.color-fg-danger {
  color: var(--color-danger-fg) !important;
}

.color-fg-open {
  color: var(--color-open-fg) !important;
}

.color-fg-closed {
  color: var(--color-closed-fg) !important;
}

.color-fg-done {
  color: var(--color-done-fg) !important;
}

.color-fg-sponsors {
  color: var(--color-sponsors-fg) !important;
}

.color-fg-on-emphasis {
  color: var(--color-fg-on-emphasis) !important;
}

.color-bg-default {
  background-color: var(--color-canvas-default) !important;
}

.color-bg-overlay {
  background-color: var(--color-canvas-overlay) !important;
}

.color-bg-inset {
  background-color: var(--color-canvas-inset) !important;
}

.color-bg-subtle {
  background-color: var(--color-canvas-subtle) !important;
}

.color-bg-emphasis {
  background-color: var(--color-neutral-emphasis-plus) !important;
}

.color-bg-accent {
  background-color: var(--color-accent-subtle) !important;
}

.color-bg-accent-emphasis {
  background-color: var(--color-accent-emphasis) !important;
}

.color-bg-success {
  background-color: var(--color-success-subtle) !important;
}

.color-bg-success-emphasis {
  background-color: var(--color-success-emphasis) !important;
}

.color-bg-attention {
  background-color: var(--color-attention-subtle) !important;
}

.color-bg-attention-emphasis {
  background-color: var(--color-attention-emphasis) !important;
}

.color-bg-severe {
  background-color: var(--color-severe-subtle) !important;
}

.color-bg-severe-emphasis {
  background-color: var(--color-severe-emphasis) !important;
}

.color-bg-danger {
  background-color: var(--color-danger-subtle) !important;
}

.color-bg-danger-emphasis {
  background-color: var(--color-danger-emphasis) !important;
}

.color-bg-open {
  background-color: var(--color-open-subtle) !important;
}

.color-bg-open-emphasis {
  background-color: var(--color-open-emphasis) !important;
}

.color-bg-closed {
  background-color: var(--color-closed-subtle) !important;
}

.color-bg-closed-emphasis {
  background-color: var(--color-closed-emphasis) !important;
}

.color-bg-done {
  background-color: var(--color-done-subtle) !important;
}

.color-bg-done-emphasis {
  background-color: var(--color-done-emphasis) !important;
}

.color-bg-sponsors {
  background-color: var(--color-sponsors-subtle) !important;
}

.color-bg-sponsors-emphasis {
  background-color: var(--color-sponsors-emphasis) !important;
}

.color-bg-transparent {
  background-color: transparent !important;
}

.color-border-default {
  border-color: var(--color-border-default) !important;
}

.color-border-muted {
  border-color: var(--color-border-muted) !important;
}

.color-border-subtle {
  border-color: var(--color-border-subtle) !important;
}

.color-border-accent {
  border-color: var(--color-accent-muted) !important;
}

.color-border-accent-emphasis {
  border-color: var(--color-accent-emphasis) !important;
}

.color-border-success {
  border-color: var(--color-success-muted) !important;
}

.color-border-success-emphasis {
  border-color: var(--color-success-emphasis) !important;
}

.color-border-attention {
  border-color: var(--color-attention-muted) !important;
}

.color-border-attention-emphasis {
  border-color: var(--color-attention-emphasis) !important;
}

.color-border-severe {
  border-color: var(--color-severe-muted) !important;
}

.color-border-severe-emphasis {
  border-color: var(--color-severe-emphasis) !important;
}

.color-border-danger {
  border-color: var(--color-danger-muted) !important;
}

.color-border-danger-emphasis {
  border-color: var(--color-danger-emphasis) !important;
}

.color-border-open {
  border-color: var(--color-open-muted) !important;
}

.color-border-open-emphasis {
  border-color: var(--color-open-emphasis) !important;
}

.color-border-closed {
  border-color: var(--color-closed-muted) !important;
}

.color-border-closed-emphasis {
  border-color: var(--color-closed-emphasis) !important;
}

.color-border-done {
  border-color: var(--color-done-muted) !important;
}

.color-border-done-emphasis {
  border-color: var(--color-done-emphasis) !important;
}

.color-border-sponsors {
  border-color: var(--color-sponsors-muted) !important;
}

.color-border-sponsors-emphasis {
  border-color: var(--color-sponsors-emphasis) !important;
}

.color-fg-inherit {
  color: inherit !important;
}

.details-overlay[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  display: block;
  cursor: default;
  content: " ";
  background: transparent;
}

.details-overlay-dark[open] > summary::before {
  z-index: 111;
  background: var(--color-primer-canvas-backdrop);
}

.details-reset > summary {
  list-style: none;
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.details-reset > summary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.details-reset > summary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-reset > summary.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.details-reset > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.details-reset > summary.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.details-reset > summary::before {
  display: none;
}
.details-reset > summary::-webkit-details-marker {
  display: none;
}

.details-overlay > summary {
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color, background-color, box-shadow, border-color;
}
.details-overlay > summary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-overlay > summary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
}
.details-overlay > summary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: none;
}
.details-overlay > summary.btn-primary:focus {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}
.details-overlay > summary.btn-primary:focus:not(:focus-visible) {
  outline: solid 1px transparent;
  box-shadow: none;
}
.details-overlay > summary.btn-primary:focus-visible {
  outline: 2px solid var(--color-accent-fg);
  outline-offset: -2px;
  box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis);
}

/* Set a $size margin to all sides at $breakpoint */
.m-0 {
  margin: 0 !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-0 {
  margin-top: 0 !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-0 {
  margin-bottom: 0 !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-0 {
  margin-right: 0 !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-0 {
  margin-left: 0 !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-1 {
  margin: 4px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-1 {
  margin-top: 4px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-1 {
  margin-bottom: 4px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-1 {
  margin-right: 4px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-1 {
  margin-left: 4px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n1 {
  margin-top: -4px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n1 {
  margin-bottom: -4px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n1 {
  margin-right: -4px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n1 {
  margin-left: -4px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-1 {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-1 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-2 {
  margin: 8px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-2 {
  margin-top: 8px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-2 {
  margin-bottom: 8px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-2 {
  margin-right: 8px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-2 {
  margin-left: 8px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n2 {
  margin-top: -8px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n2 {
  margin-bottom: -8px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n2 {
  margin-right: -8px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n2 {
  margin-left: -8px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-2 {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-2 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-3 {
  margin: 16px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-3 {
  margin-top: 16px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-3 {
  margin-bottom: 16px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-3 {
  margin-right: 16px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-3 {
  margin-left: 16px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n3 {
  margin-top: -16px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n3 {
  margin-bottom: -16px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n3 {
  margin-right: -16px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n3 {
  margin-left: -16px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-3 {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-3 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-4 {
  margin: 24px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-4 {
  margin-top: 24px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-4 {
  margin-bottom: 24px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-4 {
  margin-right: 24px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-4 {
  margin-left: 24px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n4 {
  margin-top: -24px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n4 {
  margin-bottom: -24px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n4 {
  margin-right: -24px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n4 {
  margin-left: -24px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-4 {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-4 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-5 {
  margin: 32px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-5 {
  margin-top: 32px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-5 {
  margin-bottom: 32px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-5 {
  margin-right: 32px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-5 {
  margin-left: 32px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n5 {
  margin-top: -32px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n5 {
  margin-bottom: -32px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n5 {
  margin-right: -32px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n5 {
  margin-left: -32px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-5 {
  margin-right: 32px !important;
  margin-left: 32px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-5 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

/* Set a $size margin to all sides at $breakpoint */
.m-6 {
  margin: 40px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-6 {
  margin-top: 40px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-6 {
  margin-bottom: 40px !important;
}

/* Set a $size margin on the right at $breakpoint */
.mr-6 {
  margin-right: 40px !important;
}

/* Set a $size margin on the left at $breakpoint */
.ml-6 {
  margin-left: 40px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n6 {
  margin-top: -40px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n6 {
  margin-bottom: -40px !important;
}

/* Set a negative $size margin on the right at $breakpoint */
.mr-n6 {
  margin-right: -40px !important;
}

/* Set a negative $size margin on the left at $breakpoint */
.ml-n6 {
  margin-left: -40px !important;
}

/* Set a $size margin on the left & right at $breakpoint */
.mx-6 {
  margin-right: 40px !important;
  margin-left: 40px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-6 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-7 {
  margin-top: 48px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-7 {
  margin-bottom: 48px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n7 {
  margin-top: -48px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n7 {
  margin-bottom: -48px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-7 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-8 {
  margin-top: 64px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-8 {
  margin-bottom: 64px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n8 {
  margin-top: -64px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n8 {
  margin-bottom: -64px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-9 {
  margin-top: 80px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-9 {
  margin-bottom: 80px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n9 {
  margin-top: -80px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n9 {
  margin-bottom: -80px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-9 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-10 {
  margin-top: 96px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-10 {
  margin-bottom: 96px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n10 {
  margin-top: -96px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n10 {
  margin-bottom: -96px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-10 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-11 {
  margin-top: 112px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-11 {
  margin-bottom: 112px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n11 {
  margin-top: -112px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n11 {
  margin-bottom: -112px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-11 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

/* Set a $size margin on the top at $breakpoint */
.mt-12 {
  margin-top: 128px !important;
}

/* Set a $size margin on the bottom at $breakpoint */
.mb-12 {
  margin-bottom: 128px !important;
}

/* Set a negative $size margin on top at $breakpoint */
.mt-n12 {
  margin-top: -128px !important;
}

/* Set a negative $size margin on the bottom at $breakpoint */
.mb-n12 {
  margin-bottom: -128px !important;
}

/* Set a $size margin on the top & bottom at $breakpoint */
.my-12 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

/* responsive horizontal auto margins */
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (min-width: 544px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-sm-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-sm-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-sm-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-sm-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-sm-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-sm-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-7 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-7 {
    margin-bottom: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n7 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n7 {
    margin-bottom: -48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-7 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-8 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-8 {
    margin-bottom: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n8 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n8 {
    margin-bottom: -64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-9 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-9 {
    margin-bottom: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n9 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n9 {
    margin-bottom: -80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-9 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-10 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-10 {
    margin-bottom: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n10 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n10 {
    margin-bottom: -96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-10 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-11 {
    margin-top: 112px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-11 {
    margin-bottom: 112px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n11 {
    margin-top: -112px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n11 {
    margin-bottom: -112px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-11 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-sm-12 {
    margin-top: 128px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-sm-12 {
    margin-bottom: 128px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-sm-n12 {
    margin-top: -128px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-sm-n12 {
    margin-bottom: -128px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-sm-12 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  /* responsive horizontal auto margins */
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-md-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-md-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-md-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-md-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-md-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-md-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-7 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-7 {
    margin-bottom: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n7 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n7 {
    margin-bottom: -48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-7 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-8 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-8 {
    margin-bottom: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n8 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n8 {
    margin-bottom: -64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-9 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-9 {
    margin-bottom: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n9 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n9 {
    margin-bottom: -80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-9 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-10 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-10 {
    margin-bottom: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n10 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n10 {
    margin-bottom: -96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-10 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-11 {
    margin-top: 112px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-11 {
    margin-bottom: 112px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n11 {
    margin-top: -112px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n11 {
    margin-bottom: -112px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-11 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-md-12 {
    margin-top: 128px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-md-12 {
    margin-bottom: 128px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-md-n12 {
    margin-top: -128px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-md-n12 {
    margin-bottom: -128px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-md-12 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  /* responsive horizontal auto margins */
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-lg-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-lg-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-lg-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-lg-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-lg-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-lg-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-7 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-7 {
    margin-bottom: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n7 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n7 {
    margin-bottom: -48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-7 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-8 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-8 {
    margin-bottom: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n8 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n8 {
    margin-bottom: -64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-9 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-9 {
    margin-bottom: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n9 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n9 {
    margin-bottom: -80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-9 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-10 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-10 {
    margin-bottom: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n10 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n10 {
    margin-bottom: -96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-10 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-11 {
    margin-top: 112px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-11 {
    margin-bottom: 112px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n11 {
    margin-top: -112px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n11 {
    margin-bottom: -112px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-11 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-lg-12 {
    margin-top: 128px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-lg-12 {
    margin-bottom: 128px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-lg-n12 {
    margin-top: -128px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-lg-n12 {
    margin-bottom: -128px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-lg-12 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  /* responsive horizontal auto margins */
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-0 {
    margin: 0 !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-1 {
    margin: 4px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-1 {
    margin-top: 4px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-1 {
    margin-bottom: 4px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-1 {
    margin-right: 4px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-1 {
    margin-left: 4px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n1 {
    margin-top: -4px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n1 {
    margin-bottom: -4px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n1 {
    margin-right: -4px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n1 {
    margin-left: -4px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-1 {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-2 {
    margin: 8px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-2 {
    margin-top: 8px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-2 {
    margin-bottom: 8px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-2 {
    margin-right: 8px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-2 {
    margin-left: 8px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n2 {
    margin-top: -8px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n2 {
    margin-bottom: -8px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n2 {
    margin-right: -8px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n2 {
    margin-left: -8px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-2 {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-3 {
    margin: 16px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-3 {
    margin-top: 16px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-3 {
    margin-bottom: 16px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-3 {
    margin-right: 16px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-3 {
    margin-left: 16px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n3 {
    margin-top: -16px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n3 {
    margin-bottom: -16px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n3 {
    margin-right: -16px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n3 {
    margin-left: -16px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-3 {
    margin-right: 16px !important;
    margin-left: 16px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-4 {
    margin: 24px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-4 {
    margin-top: 24px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-4 {
    margin-bottom: 24px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-4 {
    margin-right: 24px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-4 {
    margin-left: 24px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n4 {
    margin-top: -24px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n4 {
    margin-bottom: -24px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n4 {
    margin-right: -24px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n4 {
    margin-left: -24px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-4 {
    margin-right: 24px !important;
    margin-left: 24px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-5 {
    margin: 32px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-5 {
    margin-top: 32px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-5 {
    margin-bottom: 32px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-5 {
    margin-right: 32px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-5 {
    margin-left: 32px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n5 {
    margin-top: -32px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n5 {
    margin-bottom: -32px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n5 {
    margin-right: -32px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n5 {
    margin-left: -32px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-5 {
    margin-right: 32px !important;
    margin-left: 32px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-5 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  /* Set a $size margin to all sides at $breakpoint */
  .m-xl-6 {
    margin: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-6 {
    margin-top: 40px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-6 {
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the right at $breakpoint */
  .mr-xl-6 {
    margin-right: 40px !important;
  }
  /* Set a $size margin on the left at $breakpoint */
  .ml-xl-6 {
    margin-left: 40px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n6 {
    margin-top: -40px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n6 {
    margin-bottom: -40px !important;
  }
  /* Set a negative $size margin on the right at $breakpoint */
  .mr-xl-n6 {
    margin-right: -40px !important;
  }
  /* Set a negative $size margin on the left at $breakpoint */
  .ml-xl-n6 {
    margin-left: -40px !important;
  }
  /* Set a $size margin on the left & right at $breakpoint */
  .mx-xl-6 {
    margin-right: 40px !important;
    margin-left: 40px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-6 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-7 {
    margin-top: 48px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-7 {
    margin-bottom: 48px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n7 {
    margin-top: -48px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n7 {
    margin-bottom: -48px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-7 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-8 {
    margin-top: 64px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-8 {
    margin-bottom: 64px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n8 {
    margin-top: -64px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n8 {
    margin-bottom: -64px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-9 {
    margin-top: 80px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-9 {
    margin-bottom: 80px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n9 {
    margin-top: -80px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n9 {
    margin-bottom: -80px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-9 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-10 {
    margin-top: 96px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-10 {
    margin-bottom: 96px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n10 {
    margin-top: -96px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n10 {
    margin-bottom: -96px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-10 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-11 {
    margin-top: 112px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-11 {
    margin-bottom: 112px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n11 {
    margin-top: -112px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n11 {
    margin-bottom: -112px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-11 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  /* Set a $size margin on the top at $breakpoint */
  .mt-xl-12 {
    margin-top: 128px !important;
  }
  /* Set a $size margin on the bottom at $breakpoint */
  .mb-xl-12 {
    margin-bottom: 128px !important;
  }
  /* Set a negative $size margin on top at $breakpoint */
  .mt-xl-n12 {
    margin-top: -128px !important;
  }
  /* Set a negative $size margin on the bottom at $breakpoint */
  .mb-xl-n12 {
    margin-bottom: -128px !important;
  }
  /* Set a $size margin on the top & bottom at $breakpoint */
  .my-xl-12 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  /* responsive horizontal auto margins */
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-0 {
  padding: 0 !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-0 {
  padding-top: 0 !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-0 {
  padding-right: 0 !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-0 {
  padding-bottom: 0 !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-0 {
  padding-left: 0 !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-1 {
  padding: 4px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-1 {
  padding-top: 4px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-1 {
  padding-right: 4px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-1 {
  padding-bottom: 4px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-1 {
  padding-left: 4px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-1 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-1 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-2 {
  padding: 8px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-2 {
  padding-top: 8px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-2 {
  padding-right: 8px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-2 {
  padding-bottom: 8px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-2 {
  padding-left: 8px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-2 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-2 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-3 {
  padding: 16px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-3 {
  padding-top: 16px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-3 {
  padding-right: 16px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-3 {
  padding-bottom: 16px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-3 {
  padding-left: 16px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-3 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-4 {
  padding: 24px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-4 {
  padding-top: 24px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-4 {
  padding-right: 24px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-4 {
  padding-bottom: 24px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-4 {
  padding-left: 24px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-4 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-4 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-5 {
  padding: 32px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-5 {
  padding-top: 32px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-5 {
  padding-right: 32px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-5 {
  padding-bottom: 32px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-5 {
  padding-left: 32px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-5 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-5 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

/* Set a $size padding to all sides at $breakpoint */
.p-6 {
  padding: 40px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-6 {
  padding-top: 40px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-6 {
  padding-right: 40px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-6 {
  padding-bottom: 40px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-6 {
  padding-left: 40px !important;
}

/* Set a $size padding to the left & right at $breakpoint */
.px-6 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-6 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-7 {
  padding-top: 48px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-7 {
  padding-right: 48px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-7 {
  padding-bottom: 48px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-7 {
  padding-left: 48px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-7 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-8 {
  padding-top: 64px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-8 {
  padding-right: 64px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-8 {
  padding-bottom: 64px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-8 {
  padding-left: 64px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-9 {
  padding-top: 80px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-9 {
  padding-right: 80px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-9 {
  padding-bottom: 80px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-9 {
  padding-left: 80px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-9 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-10 {
  padding-top: 96px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-10 {
  padding-right: 96px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-10 {
  padding-bottom: 96px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-10 {
  padding-left: 96px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-10 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-11 {
  padding-top: 112px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-11 {
  padding-right: 112px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-11 {
  padding-bottom: 112px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-11 {
  padding-left: 112px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-11 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

/* Set a $size padding to the top at $breakpoint */
.pt-12 {
  padding-top: 128px !important;
}

/* Set a $size padding to the right at $breakpoint */
.pr-12 {
  padding-right: 128px !important;
}

/* Set a $size padding to the bottom at $breakpoint */
.pb-12 {
  padding-bottom: 128px !important;
}

/* Set a $size padding to the left at $breakpoint */
.pl-12 {
  padding-left: 128px !important;
}

/* Set a $size padding to the top & bottom at $breakpoint */
.py-12 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

@media (min-width: 544px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-sm-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-sm-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-7 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-7 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-7 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-7 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-7 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-8 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-8 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-8 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-8 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-9 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-9 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-9 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-9 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-9 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-10 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-10 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-10 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-10 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-10 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-11 {
    padding-top: 112px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-11 {
    padding-right: 112px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-11 {
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-11 {
    padding-left: 112px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-11 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-sm-12 {
    padding-top: 128px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-sm-12 {
    padding-right: 128px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-sm-12 {
    padding-bottom: 128px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-sm-12 {
    padding-left: 128px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-sm-12 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media (min-width: 768px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-md-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-md-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-7 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-7 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-7 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-7 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-7 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-8 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-8 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-8 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-8 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-9 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-9 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-9 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-9 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-9 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-10 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-10 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-10 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-10 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-10 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-11 {
    padding-top: 112px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-11 {
    padding-right: 112px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-11 {
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-11 {
    padding-left: 112px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-11 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-md-12 {
    padding-top: 128px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-md-12 {
    padding-right: 128px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-md-12 {
    padding-bottom: 128px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-md-12 {
    padding-left: 128px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-md-12 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media (min-width: 1012px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-lg-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-lg-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-7 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-7 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-7 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-7 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-7 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-8 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-8 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-8 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-8 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-9 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-9 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-9 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-9 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-9 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-10 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-10 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-10 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-10 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-10 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-11 {
    padding-top: 112px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-11 {
    padding-right: 112px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-11 {
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-11 {
    padding-left: 112px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-11 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-lg-12 {
    padding-top: 128px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-lg-12 {
    padding-right: 128px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-lg-12 {
    padding-bottom: 128px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-lg-12 {
    padding-left: 128px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-lg-12 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
@media (min-width: 1280px) {
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-0 {
    padding: 0 !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-1 {
    padding: 4px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-1 {
    padding-top: 4px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-1 {
    padding-right: 4px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-1 {
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-1 {
    padding-left: 4px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-1 {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-2 {
    padding: 8px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-2 {
    padding-top: 8px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-2 {
    padding-right: 8px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-2 {
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-2 {
    padding-left: 8px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-2 {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-3 {
    padding: 16px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-3 {
    padding-top: 16px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-3 {
    padding-right: 16px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-3 {
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-3 {
    padding-left: 16px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-3 {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-4 {
    padding: 24px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-4 {
    padding-top: 24px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-4 {
    padding-right: 24px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-4 {
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-4 {
    padding-left: 24px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-4 {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-5 {
    padding: 32px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-5 {
    padding-top: 32px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-5 {
    padding-right: 32px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-5 {
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-5 {
    padding-left: 32px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-5 {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-5 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  /* Set a $size padding to all sides at $breakpoint */
  .p-xl-6 {
    padding: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-6 {
    padding-top: 40px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-6 {
    padding-right: 40px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-6 {
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-6 {
    padding-left: 40px !important;
  }
  /* Set a $size padding to the left & right at $breakpoint */
  .px-xl-6 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-6 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-7 {
    padding-top: 48px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-7 {
    padding-right: 48px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-7 {
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-7 {
    padding-left: 48px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-7 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-8 {
    padding-top: 64px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-8 {
    padding-right: 64px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-8 {
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-8 {
    padding-left: 64px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-9 {
    padding-top: 80px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-9 {
    padding-right: 80px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-9 {
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-9 {
    padding-left: 80px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-9 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-10 {
    padding-top: 96px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-10 {
    padding-right: 96px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-10 {
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-10 {
    padding-left: 96px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-10 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-11 {
    padding-top: 112px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-11 {
    padding-right: 112px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-11 {
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-11 {
    padding-left: 112px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-11 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  /* Set a $size padding to the top at $breakpoint */
  .pt-xl-12 {
    padding-top: 128px !important;
  }
  /* Set a $size padding to the right at $breakpoint */
  .pr-xl-12 {
    padding-right: 128px !important;
  }
  /* Set a $size padding to the bottom at $breakpoint */
  .pb-xl-12 {
    padding-bottom: 128px !important;
  }
  /* Set a $size padding to the left at $breakpoint */
  .pl-xl-12 {
    padding-left: 128px !important;
  }
  /* Set a $size padding to the top & bottom at $breakpoint */
  .py-xl-12 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
}
.p-responsive {
  padding-right: 16px !important;
  padding-left: 16px !important;
}
@media (min-width: 544px) {
  .p-responsive {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
@media (min-width: 1012px) {
  .p-responsive {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}

/* Set the font size to 26px */
.h1 {
  font-size: 26px !important;
}
@media (min-width: 768px) {
  .h1 {
    font-size: 32px !important;
  }
}

/* Set the font size to 22px */
.h2 {
  font-size: 22px !important;
}
@media (min-width: 768px) {
  .h2 {
    font-size: 24px !important;
  }
}

/* Set the font size to 18px */
.h3 {
  font-size: 18px !important;
}
@media (min-width: 768px) {
  .h3 {
    font-size: 20px !important;
  }
}

/* Set the font size to 16px */
.h4 {
  font-size: 16px !important;
}

/* Set the font size to 14px */
.h5 {
  font-size: 14px !important;
}

/* Set the font size to 12px */
.h6 {
  font-size: 12px !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600 !important;
}

/* Set the font size to 26px */
.f1 {
  font-size: 26px !important;
}
@media (min-width: 768px) {
  .f1 {
    font-size: 32px !important;
  }
}

/* Set the font size to 22px */
.f2 {
  font-size: 22px !important;
}
@media (min-width: 768px) {
  .f2 {
    font-size: 24px !important;
  }
}

/* Set the font size to 18px */
.f3 {
  font-size: 18px !important;
}
@media (min-width: 768px) {
  .f3 {
    font-size: 20px !important;
  }
}

/* Set the font size to 16px */
.f4 {
  font-size: 16px !important;
}
@media (min-width: 768px) {
  .f4 {
    font-size: 16px !important;
  }
}

/* Set the font size to 14px */
.f5 {
  font-size: 14px !important;
}

/* Set the font size to 12px */
.f6 {
  font-size: 12px !important;
}

/* Set the font size to 40px and weight to light */
.f00-light {
  font-size: 40px !important;
  font-weight: 300 !important;
}
@media (min-width: 768px) {
  .f00-light {
    font-size: 48px !important;
  }
}

/* Set the font size to 32px and weight to light */
.f0-light {
  font-size: 32px !important;
  font-weight: 300 !important;
}
@media (min-width: 768px) {
  .f0-light {
    font-size: 40px !important;
  }
}

/* Set the font size to 26px and weight to light */
.f1-light {
  font-size: 26px !important;
  font-weight: 300 !important;
}
@media (min-width: 768px) {
  .f1-light {
    font-size: 32px !important;
  }
}

/* Set the font size to 22px and weight to light */
.f2-light {
  font-size: 22px !important;
  font-weight: 300 !important;
}
@media (min-width: 768px) {
  .f2-light {
    font-size: 24px !important;
  }
}

/* Set the font size to 18px and weight to light */
.f3-light {
  font-size: 18px !important;
  font-weight: 300 !important;
}
@media (min-width: 768px) {
  .f3-light {
    font-size: 20px !important;
  }
}

/* Set the font size to ${#h6-size} */
.text-small {
  font-size: 12px !important;
}

/* Large leading paragraphs */
.lead {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 300;
}

/* Set the line height to ultra condensed */
.lh-condensed-ultra {
  line-height: 1 !important;
}

/* Set the line height to condensed */
.lh-condensed {
  line-height: 1.25 !important;
}

/* Set the line height to default */
.lh-default {
  line-height: 1.5 !important;
}

/* Set the line height to zero */
.lh-0 {
  line-height: 0 !important;
}

@media (min-width: 544px) {
  /* Set the line height to ultra condensed */
  .lh-sm-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-sm-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-sm-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-sm-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 768px) {
  /* Set the line height to ultra condensed */
  .lh-md-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-md-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-md-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-md-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1012px) {
  /* Set the line height to ultra condensed */
  .lh-lg-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-lg-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-lg-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-lg-0 {
    line-height: 0 !important;
  }
}
@media (min-width: 1280px) {
  /* Set the line height to ultra condensed */
  .lh-xl-condensed-ultra {
    line-height: 1 !important;
  }
  /* Set the line height to condensed */
  .lh-xl-condensed {
    line-height: 1.25 !important;
  }
  /* Set the line height to default */
  .lh-xl-default {
    line-height: 1.5 !important;
  }
  /* Set the line height to zero */
  .lh-xl-0 {
    line-height: 0 !important;
  }
}
/* Text align to the right */
.text-right {
  text-align: right !important;
}

/* Text align to the left */
.text-left {
  text-align: left !important;
}

/* Text align to the center */
.text-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  /* Text align to the right */
  .text-sm-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-sm-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  /* Text align to the right */
  .text-md-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-md-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 1012px) {
  /* Text align to the right */
  .text-lg-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-lg-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1280px) {
  /* Text align to the right */
  .text-xl-right {
    text-align: right !important;
  }
  /* Text align to the left */
  .text-xl-left {
    text-align: left !important;
  }
  /* Text align to the center */
  .text-xl-center {
    text-align: center !important;
  }
}
/* Set the font weight to normal */
.text-normal {
  font-weight: 400 !important;
}

/* Set the font weight to bold */
.text-bold {
  font-weight: 600 !important;
}

.text-semibold {
  font-weight: 500 !important;
}

.text-light {
  font-weight: 300 !important;
}

/* Set the font to italic */
.text-italic {
  font-style: italic !important;
}

/* Make text uppercase */
.text-uppercase {
  text-transform: uppercase !important;
}

/* Underline text */
.text-underline {
  text-decoration: underline !important;
}

/* Don't underline text */
.no-underline {
  text-decoration: none !important;
}

/* Don't wrap white space */
.no-wrap {
  white-space: nowrap !important;
}

/* Normal white space */
.ws-normal {
  white-space: normal !important;
}

/* Force long "words" to wrap if they exceed the width of the container */
.wb-break-word {
  word-break: break-word !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/*
 * Specifically apply word-break: break-all; per MDN:
 *
 * > Note: In contrast to `word-break: break-word` and `overflow-wrap: break-word`,
 * > `word-break: break-all` will create a break at the exact place where text would
 * > otherwise overflow its container (even if putting an entire word on its own line
 * > would negate the need for a break).
 *
 * see: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Values
 */
.wb-break-all {
  word-break: break-all !important;
}

.text-emphasized {
  font-weight: 600;
}

.list-style-none {
  list-style: none !important;
}

/* Set to monospace font */
.text-mono {
  font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace !important;
}

/* Disallow user from selecting text */
.user-select-none {
  user-select: none !important;
}

/* Make text capitalized (transforms first character to uppercase) */
.text-capitalize {
  text-transform: capitalize !important;
}

.l-fret11ty-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100vh;
  overflow-y: scroll;
}
@media (min-width: 768px) {
  .l-fret11ty-body {
    grid-template-columns: 300px minmax(0, 1fr);
  }
  .l-fret11ty-body.m-full {
    grid-template-columns: minmax(0, 1fr);
  }
}
.l-fret11ty-side {
  position: relative;
}
.l-fret11ty-side_inner {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  left: 0;
  height: auto;
  position: sticky;
  top: 0;
  z-index: 2;
}
@media (min-width: 768px) {
  .l-fret11ty-side_inner {
    height: 100vh;
  }
}
.m-full .l-fret11ty-side {
  display: none;
}
.l-fret11ty-main {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.l-fret11ty-menu {
  overflow-y: auto;
}
.l-fret11ty-menu_title {
  left: 0;
  position: sticky;
  top: 0;
  z-index: 1;
}
.l-fret11ty-menu_item {
  color: var(--color-fg-default);
  display: block;
  position: relative;
}
.l-fret11ty-menu_item[aria-current=page] {
  color: var(--color-fg-default);
  font-weight: 600;
}
.l-fret11ty-menu_item[aria-current=page]::before {
  background: var(--color-accent-emphasis);
  content: "";
  height: 16px;
  left: 24px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 4px;
}
.l-fret11ty-flex {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.markdown-body .l-fret11ty-flex {
  margin-bottom: 16px;
}
.l-fret11ty-header {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 16px;
  justify-content: space-between;
}
.l-fret11ty-logo {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.l-fret11ty-logo a {
  font-size: 0;
}
.l-fret11ty-logo svg {
  display: inline-block;
  height: auto;
  vertical-align: top;
  width: 120px;
}
.l-fret11ty .Box {
  overflow: hidden;
}
.l-fret11ty .Box-row:first-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.l-fret11ty-width_fixed {
  max-width: 800px;
}
.l-fret11ty .Subhead {
  margin: 0;
}
.l-fret11ty .Subhead-heading {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.l-fret11ty .Gridtable-row {
  display: grid;
  grid-template-columns: auto repeat(2, minmax(0, 1fr)) 34px;
}
.l-fret11ty .Gridbox {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 1012px) {
  .l-fret11ty .Gridbox {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}