:root {
    --h00-size-mobile: 2.5rem;
    --h0-size-mobile: 2rem;
    --h1-size-mobile: 1.625rem;
    --h2-size-mobile: 1.375rem;
    --h3-size-mobile: 1.125rem;
    --h00-size: 3rem;
    --h0-size: 2.5rem;
    --h1-size: 2rem;
    --h2-size: 1.5rem;
    --h3-size: 1.25rem;
    --h4-size: 1rem;
    --h5-size: 0.875rem;
    --h6-size: 0.75rem;
    --h7-size: 0.70rem;
    --body-font-size: 0.875rem;
    --font-size-small: 0.75rem;
    --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
    --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
    --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
    --borderWidth-thin: max(1px, 0.0625rem);
    --borderWidth-thick: max(2px, 0.125rem);
    --borderWidth-thicker: max(4px, 0.25rem);
    --borderRadius-small: 0.1875rem;
    --borderRadius-medium: 0.375rem;
    --borderRadius-large: 0.75rem;
    --borderRadius-full: 624.9375rem;
    --outline-focus-offset: -0.125rem;
    --outline-focus-width: 0.125rem;

}

:root {
    --base-text-weight-light: 300;
    --base-text-weight-normal: 400;
    --base-text-weight-medium: 500;
    --base-text-weight-semibold: 600;
}
:root {
--base-duration-0: 0ms;
    --base-duration-1000: 1s;
    --base-duration-200: .2s;
    --base-duration-300: .3s;
    --base-duration-400: .4s;
    --base-duration-500: .5s;
    --base-duration-600: .6s;
    --base-duration-700: .7s;
    --base-duration-75: 75ms;
    --base-duration-800: .8s;
    --base-duration-900: .9s;
       --base-easing-easeIn: cubic-bezier(.7,.1,.75,.9);
    --base-easing-easeInOut: cubic-bezier(.6,0,.2,1);
    --base-easing-easeOut: cubic-bezier(.16,1,.3,1);
    --base-easing-linear: cubic-bezier(0,0,1,1);
}
:root {
    --control-minTarget-fine: 1rem;
    --control-minTarget-coarse: 2.75rem;
    --control-xsmall-size: 1.5rem;
    --control-xsmall-lineBoxHeight: 1.25rem;
    --control-xsmall-paddingBlock: 0.125rem;
    --control-xsmall-paddingInline-condensed: 0.25rem;
    --control-xsmall-paddingInline-normal: 0.5rem;
    --control-xsmall-paddingInline-spacious: 0.75rem;
    --control-xsmall-gap: 0.25rem;
    --control-small-size: 1.75rem;
    --control-small-lineBoxHeight: 1.25rem;
    --control-small-paddingBlock: 0.25rem;
    --control-small-paddingInline-supercondensed: 0.25rem;
    --control-small-paddingInline-condensed: 0.5rem;
    --control-small-paddingInline-normal: 0.75rem;
    --control-small-gap: 0.25rem;
    --control-medium-size: 2rem;
    --control-medium-lineBoxHeight: 1.25rem;
    --control-medium-paddingBlock: 0.375rem;
    --control-medium-paddingInline-condensed: 0.5rem;
    --control-medium-paddingInline-normal: 0.75rem;
    --control-medium-paddingInline-spacious: 1rem;
    --control-medium-gap: 0.5rem;
    --control-large-size: 2.5rem;
    --control-large-lineBoxHeight: 1.25rem;
    --control-large-paddingBlock: 0.625rem;
    --control-large-paddingInline-normal: 0.75rem;
    --control-large-paddingInline-spacious: 1rem;
    --control-large-gap: 0.5rem;
    --control-xlarge-size: 3rem;
    --control-xlarge-lineBoxHeight: 1.25rem;
    --control-xlarge-paddingBlock: 0.875rem;
    --control-xlarge-paddingInline-normal: 0.75rem;
    --control-xlarge-paddingInline-spacious: 1rem;
    --control-xlarge-gap: 0.5rem;
    --controlStack-small-gap-condensed: 0.5rem;
    --controlStack-small-gap-spacious: 1rem;
    --controlStack-medium-gap-condensed: 0.5rem;
    --controlStack-medium-gap-spacious: 0.75rem;
    --controlStack-large-gap-auto: 0.5rem;
    --controlStack-large-gap-condensed: 0.5rem;
    --controlStack-large-gap-spacious: 0.75rem;
    --spinner-strokeWidth-default: 0.125rem;
    --spinner-size-small: 1rem;
    --spinner-size-medium: 2rem;
    --spinner-size-large: 4rem;
    --stack-padding-condensed: 0.5rem;
    --stack-padding-normal: 1rem;
    --stack-padding-spacious: 1.5rem;
    --stack-gap-condensed: 0.5rem;
    --stack-gap-normal: 1rem;
    --stack-gap-spacious: 1.5rem;
    --overlay-width-xsmall: 12rem;
    --overlay-width-small: 20rem;
    --overlay-width-medium: 30rem;
    --overlay-width-large: 40rem;
    --overlay-width-xlarge: 60rem;
    --overlay-height-small: 16rem;
    --overlay-height-medium: 20rem;
    --overlay-height-large: 27rem;
    --overlay-height-xlarge: 37.5rem;
    --overlay-padding-normal: 1rem;
    --overlay-padding-condensed: 0.5rem;
    --overlay-paddingBlock-condensed: 0.25rem;
    --overlay-paddingBlock-normal: 0.75rem;
    --overlay-borderRadius: 0.375rem;
    --overlay-offset: 0.25rem;
}

@media (pointer: fine) {
    :root {
        --control-minTarget-auto: 1rem;
        --controlStack-small-gap-auto: 0.5rem;
        --controlStack-medium-gap-auto: 0.5rem;
    }
}

:root {
    --breakpoint-xsmall: 20rem;
    --breakpoint-small: 34rem;
    --breakpoint-medium: 48rem;
    --breakpoint-large: 63.25rem;
    --breakpoint-xlarge: 80rem;
    --breakpoint-xxlarge: 87.5rem;
}

.text-success {
    color: #1a7f37;
}

@media(prefers-color-scheme: light) {

    [data-color-mode=auto][data-light-theme=light],
    [data-color-mode=auto][data-light-theme=light]::selection {
        --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: #1F2328;
        --color-diff-blob-addition-fg: #1F2328;
        --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: #1F2328;
        --color-diff-blob-deletion-fg: #1F2328;
        --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: #656d76;
        --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
        --color-diffstat-deletion-border: rgba(31, 35, 40, 0.15);
        --color-diffstat-addition-border: rgba(31, 35, 40, 0.15);
        --color-diffstat-addition-bg: #1f883d;
        --color-search-keyword-hl: #fff8c5;
        --color-prettylights-syntax-comment: #6e7781;
        --color-prettylights-syntax-constant: #0550ae;
        --color-prettylights-syntax-entity: #6639ba;
        --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: #1F2328;
        --color-codemirror-bg: #ffffff;
        --color-codemirror-gutters-bg: #ffffff;
        --color-codemirror-guttermarker-text: #ffffff;
        --color-codemirror-guttermarker-subtle-text: #6e7781;
        --color-codemirror-linenumber-text: #656d76;
        --color-codemirror-cursor: #1F2328;
        --color-codemirror-selection-bg: rgba(84, 174, 255, 0.4);
        --color-codemirror-activeline-bg: rgba(234, 238, 242, 0.5);
        --color-codemirror-matchingbracket-text: #1F2328;
        --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: #1f883d;
        --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(31, 35, 40, 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-control-border-color-emphasis: #858F99;
        --color-avatar-bg: #ffffff;
        --color-avatar-border: rgba(31, 35, 40, 0.15);
        --color-avatar-stack-fade: #afb8c1;
        --color-avatar-stack-fade-more: #d0d7de;
        --color-avatar-child-shadow: 0 0 0 2px 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(31, 35, 40, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12);
        --color-overlay-backdrop: rgba(140, 149, 159, 0.2);
        --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(31, 35, 40, 0.15);
        --color-btn-shadow: 0 1px 0 rgba(31, 35, 40, 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(31, 35, 40, 0.15);
        --color-btn-active-bg: hsla(220, 14%, 93%, 1);
        --color-btn-active-border: rgba(31, 35, 40, 0.15);
        --color-btn-selected-bg: hsla(220, 14%, 94%, 1);
        --color-btn-counter-bg: rgba(31, 35, 40, 0.08);
        --color-btn-primary-text: #ffffff;
        --color-btn-primary-bg: #1f883d;
        --color-btn-primary-border: rgba(31, 35, 40, 0.15);
        --color-btn-primary-shadow: 0 1px 0 rgba(31, 35, 40, 0.1);
        --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
        --color-btn-primary-hover-bg: #1a7f37;
        --color-btn-primary-hover-border: rgba(31, 35, 40, 0.15);
        --color-btn-primary-selected-bg: hsla(137, 66%, 28%, 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(31, 35, 40, 0.15);
        --color-btn-primary-icon: rgba(255, 255, 255, 0.8);
        --color-btn-primary-counter-bg: rgba(0, 45, 17, 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(31, 35, 40, 0.15);
        --color-btn-outline-hover-shadow: 0 1px 0 rgba(31, 35, 40, 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(31, 35, 40, 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-counter-bg: #0969da1a;
        --color-btn-outline-counter-fg: #0550ae;
        --color-btn-outline-hover-counter-fg: #ffffff;
        --color-btn-outline-disabled-counter-fg: rgba(9, 105, 218, 0.5);
        --color-btn-danger-text: #cf222e;
        --color-btn-danger-hover-text: #ffffff;
        --color-btn-danger-hover-bg: #a40e26;
        --color-btn-danger-hover-border: rgba(31, 35, 40, 0.15);
        --color-btn-danger-hover-shadow: 0 1px 0 rgba(31, 35, 40, 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(31, 35, 40, 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-counter-bg: rgba(207, 34, 46, 0.1);
        --color-btn-danger-icon: #cf222e;
        --color-btn-danger-hover-icon: #ffffff;
        --color-btn-danger-counter-fg: #a40e26;
        --color-btn-danger-hover-counter-fg: #ffffff;
        --color-btn-danger-disabled-counter-fg: rgba(207, 34, 46, 0.5);
        --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: #d1242f;
        --color-switch-track-bg: #eaeef2;
        --color-switch-track-hover-bg: hsla(210, 24%, 90%, 1);
        --color-switch-track-active-bg: hsla(210, 24%, 88%, 1);
        --color-switch-track-disabled-bg: #8c959f;
        --color-switch-track-fg: #656d76;
        --color-switch-track-disabled-fg: #ffffff;
        --color-switch-track-border: rgba(0, 0, 0, 0);
        --color-switch-track-checked-bg: #0969da;
        --color-switch-track-checked-hover-bg: #0860CA;
        --color-switch-track-checked-active-bg: #0757BA;
        --color-switch-track-checked-fg: #ffffff;
        --color-switch-track-checked-disabled-fg: #ffffff;
        --color-switch-track-checked-border: rgba(0, 0, 0, 0);
        --color-switch-knob-bg: #ffffff;
        --color-switch-knob-disabled-bg: #f6f8fa;
        --color-switch-knob-border: #858F99;
        --color-switch-knob-checked-bg: #ffffff;
        --color-switch-knob-checked-disabled-bg: #f6f8fa;
        --color-switch-knob-checked-border: #0969da;
        --color-segmented-control-bg: #eaeef2;
        --color-segmented-control-button-bg: #ffffff;
        --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: #8c959f;
        --color-tree-view-item-chevron-hover-bg: rgba(208, 215, 222, 0.32);
        --color-tree-view-item-directory-fill: #54aeff;
        --color-fg-default: #1F2328;
        --color-fg-muted: #656d76;
        --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(31, 35, 40, 0.15);
        --color-shadow-small: 0 1px 0 rgba(31, 35, 40, 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: #1f883d;
        --color-success-muted: rgba(74, 194, 107, 0.4);
        --color-success-subtle: #dafbe1;
        --color-attention-fg: #9a6700;
        --color-attention-emphasis: #9a6700;
        --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: #d1242f;
        --color-danger-emphasis: #cf222e;
        --color-danger-muted: rgba(255, 129, 130, 0.4);
        --color-danger-subtle: #ffebe9;
        --color-open-fg: #1a7f37;
        --color-open-emphasis: #1f883d;
        --color-open-muted: rgba(74, 194, 107, 0.4);
        --color-open-subtle: #dafbe1;
        --color-closed-fg: #d1242f;
        --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(31, 35, 40, 0.5);
        --color-primer-canvas-sticky: rgba(255, 255, 255, 0.95);
        --color-primer-border-active: #fd8c73;
        --color-primer-border-contrast: rgba(31, 35, 40, 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-scale-black: #1F2328;
        --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
    }
}



:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][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(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

@media(forced-colors: active) {
    body {
        --color-accent-emphasis: Highlight;
        --color-fg-on-emphasis: LinkText;
        --fgColor-onEmphasis: LinkText;
        --fgColor-accent: Highlight
    }
}

html {
    font-size: 16px;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scrollbar-gutter: stable;
}

body {
    margin: 0;
    scrollbar-gutter: stable;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
    display: block
}

summary {
    display: list-item
}

audio,
canvas,
progress,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template,
[hidden] {
    display: none !important
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
    color: var(--fgColor-default, var(--color-fg-default))
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

/* svg:not(:root) {
    overflow: hidden
} */

code,
kbd,
pre,
samp {
    font-family: monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: var(--base-text-weight-semibold, 600)
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

* {
    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", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: var(--body-font-size, 14px);
    line-height: 1.5;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

a {
    color: var(--fgColor-accent, var(--color-accent-fg));
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

b,
strong {
    font-weight: var(--base-text-weight-semibold, 600)
}

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

label {
    font-weight: var(--base-text-weight-semibold, 600)
}

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

hr,
.rule {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

hr::before,
.rule::before {
    display: table;
    content: ""
}

.gap-0 {
    gap: 0;
}

.gap-1 {
    gap: 1rem
}

.gap-2 {
    gap: 2rem
}

.gap-3 {
    gap: 3rem
}

.gap-8 {gap:8px}

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(--focus-outlineColor, 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(--focus-outlineColor, 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(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, 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(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border: solid 1px var(--borderColor-neutral-muted, var(--color-neutral-muted));
    border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
    border-radius: 6px;
    box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted)) */
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    border: none;
    background: none;
    box-shadow: none;
    padding: 0px;
    line-height: unset;
    position: relative;
    overflow: visible;
    vertical-align: baseline;
    text-wrap: nowrap;
}
kbd > span {    display: inline-flex
    ;
        background-color: var(--bgColor-transparent);
        color: var(--fgColor-muted);
        border-width: 1px;
        border-style: solid;
        border-image: initial;
        border-color: var(--borderColor-default);
        border-radius: 6px;
        font-weight: 400;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
        font-size: 12px;
        padding: 4px;
        gap: 0.5ch;
        box-shadow: none;
        vertical-align: baseline;
        overflow: hidden;
        line-height: 10px;
        min-width: var(--base-size-20);
        -webkit-box-pack: center;
        justify-content: center;}

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

h1 {
    font-size: var(--h1-size, 32px);
    font-weight: var(--base-text-weight-semibold, 600)
}

h2 {
    font-size: var(--h2-size, 24px);
    font-weight: var(--base-text-weight-semibold, 600)
}

h3 {
    font-size: var(--h3-size, 20px);
    font-weight: var(--base-text-weight-semibold, 600)
}

h4 {
    font-size: var(--h4-size, 16px);
    font-weight: var(--base-text-weight-semibold, 600)
}

h5 {
    font-size: var(--h5-size, 14px);
    font-weight: var(--base-text-weight-semibold, 600)
}

h6 {
    font-size: var(--h6-size, 12px);
    font-weight: var(--base-text-weight-semibold, 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
}

.shicon {
    vertical-align: text-bottom
}

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

.shicon {
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor;
    text-align: center;
    /* width: 1.25em; */

}

.Box--overlay {
    width: 448px;
    margin-right: auto;
    margin-left: auto;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-clip: padding-box;
    border-color: var(--borderColor-default, var(--color-border-default));
    box-shadow: 0 0 18px rgba(0, 0, 0, .4)
}

.Box--overlay .Box-header {
    margin: 0;
    border-width: 0;
    border-bottom-width: 1px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.Box-overlay--narrow {
    width: 320px
}

.Box-overlay--wide {
    width: 640px
}

.Box-body.scrollable-overlay {
    max-height: 400px;
    overflow-y: scroll
}

.Box-body .help {
    padding-top: 8px;
    margin: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center
}

.btn {
    position: relative;
    display: inline-block;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid;
    border-radius: 6px;
    -webkit-appearance: none;
    appearance: none
}

.btn:hover {
    text-decoration: none
}

.btn:disabled,
.btn.disabled,
.btn[aria-disabled=true] {
    cursor: default
}

.btn i {
    font-style: normal;
    font-weight: var(--base-text-weight-medium, 500);
    opacity: .75
}

.btn .octicon {
    margin-right: 4px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    vertical-align: text-bottom
}

.btn .shicon {
    margin-right: 4px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    vertical-align: text-bottom
}

.btn .octicon:only-child {
    margin-right: 0
}

.btn .shicon:only-child {
    margin-right: 0
}

.btn .Counter {
    margin-left: 2px;
    color: inherit;
    text-shadow: none;
    vertical-align: top;
    background-color: var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg))
}

.btn .dropdown-caret {
    margin-left: 4px;
    opacity: .8
}

.btn {
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, 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(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
    transition-duration: .1s
}

.btn:active {
    background-color: var(--button-default-bgColor-active, var(--color-btn-active-bg));
    border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
    transition: none
}

.btn.selected,
.btn[aria-selected=true] {
    background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg));
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset))
}

.btn:disabled,
.btn.disabled,
.btn[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border))
}

.btn:disabled .octicon,
.btn.disabled .octicon,
.btn[aria-disabled=true] .octicon {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled))
}

.btn:disabled .shicon,
.btn.disabled .shicon,
.btn[aria-disabled=true] .shicon {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled))
}

.btn-primary {
    color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text));
    background-color: var(--button-primary-bgColor-rest, var(--color-btn-primary-bg));
    border-color: var(--button-primary-borderColor-rest, var(--color-btn-primary-border));
    box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow)), var(--shadow-highlight, var(--color-btn-primary-inset-shadow))
}

.btn-primary:hover,
.btn-primary.hover,
[open]>.btn-primary {
    background-color: var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));
    border-color: var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border))
}

.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.btn-primary:active,
.btn-primary.selected,
.btn-primary[aria-selected=true] {
    background-color: var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg));
    box-shadow: var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow))
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-primary[aria-disabled=true] {
    color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
    background-color: var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg));
    border-color: var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border))
}

.btn-primary:disabled .octicon,
.btn-primary.disabled .octicon,
.btn-primary[aria-disabled=true] .octicon {
    color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text))
}

.btn-primary:disabled .shicon,
.btn-primary.disabled .shicon,
.btn-primary[aria-disabled=true] .shicon {
    color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text))
}

.btn-primary .Counter {
    color: inherit;
    background-color: var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg))
}

.btn-primary .octicon {
    color: var(--button-primary-iconColor-rest, var(--color-btn-primary-icon))
}

.btn-primary .shicon {
    color: var(--button-primary-iconColor-rest, var(--color-btn-primary-icon))
}

a.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.btn-outline {
    color: var(--button-outline-fgColor-rest, var(--color-btn-outline-text))
}

.btn-outline:hover,
[open]>.btn-outline {
    color: var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text));
    background-color: var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg));
    border-color: var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border));
    box-shadow: var(--shadow-resting-small, var(--color-btn-outline-hover-shadow)), var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow))
}

.btn-outline:hover .Counter,
[open]>.btn-outline .Counter {
    background-color: var(--buttonCounter-outline-bgColor-hover, var(--color-btn-outline-hover-counter-bg))
}

.btn-outline:hover .octicon,
[open]>.btn-outline .octicon {
    color: inherit
}

.btn-outline:hover .shicon,
[open]>.btn-outline .shicon {
    color: inherit
}

.btn-outline:active,
.btn-outline.selected,
.btn-outline[aria-selected=true] {
    color: var(--button-outline-fgColor-active, var(--color-btn-outline-selected-text));
    background-color: var(--button-outline-bgColor-active, var(--color-btn-outline-selected-bg));
    border-color: var(--button-outline-borderColor-active, var(--color-btn-outline-selected-border));
    box-shadow: var(--button-outline-shadow-selected, var(--color-btn-outline-selected-shadow))
}

.btn-outline:active:focus,
.btn-outline.selected:focus,
.btn-outline[aria-selected=true]:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.btn-outline:disabled,
.btn-outline.disabled,
.btn-outline[aria-disabled=true] {
    color: var(--button-outline-fgColor-disabled, var(--color-btn-outline-disabled-text));
    background-color: var(--button-outline-bgColor-disabled, var(--color-btn-outline-disabled-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    box-shadow: none
}

.btn-outline:disabled .Counter,
.btn-outline.disabled .Counter,
.btn-outline[aria-disabled=true] .Counter {
    background-color: var(--buttonCounter-outline-bgColor-disabled, var(--color-btn-outline-disabled-counter-bg))
}

.btn-outline .Counter {
    color: inherit;
    background-color: var(--buttonCounter-outline-bgColor-rest, var(--color-btn-outline-counter-bg))
}

.btn-danger {
    color: var(--button-danger-fgColor-rest, var(--color-btn-danger-text))
}

.btn-danger .octicon {
    color: var(--button-danger-iconColor-rest, var(--color-btn-danger-icon))
}

.btn-danger .shicon {
    color: var(--button-danger-iconColor-rest, var(--color-btn-danger-icon))
}
.btn-danger:hover,
[open]>.btn-danger {
    color: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text));
    background-color: var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg));
    border-color: var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border));
    box-shadow: var(--shadow-resting-small, var(--color-btn-danger-hover-shadow)), var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow))
}

.btn-danger:hover .Counter,
[open]>.btn-danger .Counter {
    background-color: var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg))
}

.btn-danger:hover .octicon,
[open]>.btn-danger .octicon {
    color: var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon))
}

.btn-danger:hover .shicon,
[open]>.btn-danger .shicon {
    color: var(--button-danger-iconColor-hover, var(--color-btn-danger-hover-icon))
}

.btn-danger:active,
.btn-danger.selected,
.btn-danger[aria-selected=true] {
    color: var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text));
    background-color: var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg));
    border-color: var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border));
    box-shadow: var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow))
}

.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger[aria-disabled=true] {
    color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
    background-color: var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    box-shadow: none
}

.btn-danger:disabled .Counter,
.btn-danger.disabled .Counter,
.btn-danger[aria-disabled=true] .Counter {
    background-color: var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg))
}

.btn-danger:disabled .octicon,
.btn-danger.disabled .octicon,
.btn-danger[aria-disabled=true] .octicon {
    color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text))

}

.btn-danger:disabled .shicon,
.btn-danger.disabled .shicon,
.btn-danger[aria-disabled=true] .shicon {
    color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text))
}

.btn-danger .Counter {
    color: inherit;
    background-color: var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg))
}

.btn-sm {
    padding: 3px 12px;
    font-size: 12px;
    line-height: 20px
}

.to-btn-sm>div>span>a.btn {
    padding: 3px 12px;
    font-size: 12px;
    line-height: 20px
}

.btn-sm .octicon {
    vertical-align: text-top
}

.btn-sm .shicon {
    vertical-align: text-top
}

.btn-large {
    padding: .75em 1.5em;
    font-size: inherit;
    line-height: 1.5;
    border-radius: .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-left {
    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-left:hover {
    border-right-width: 0
}

.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
}

.top-1 {
    top: 1px;
}

.top-2 {
    top: 2px;
}

.top--2 {
    top: -2px;
}

.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(--fgColor-accent, var(--color-accent-fg));
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    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(--fgColor-disabled, 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(--fgColor-accent, 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(--fgColor-accent, var(--color-accent-fg));
    background-color: var(--button-default-bgColor-hover, 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(--fgColor-accent, var(--color-accent-fg));
    background: none;
    border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.btn-invisible:active .btn-invisible.zeroclipboard-is-active {
    background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg))
}

.btn-invisible:disabled,
.btn-invisible.disabled,
.btn-invisible[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: transparent
}

.btn-octicon {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    line-height: 1;
    color: var(--fgColor-muted, var(--color-fg-muted));
    vertical-align: middle;
    background: transparent;
    border: 0;
    box-shadow: none
}

.btn-shicon {
    display: inline-block;
    padding: 5px;
    margin-left: 5px;
    line-height: 1;
    color: var(--fgColor-muted, var(--color-fg-muted));
    vertical-align: middle;
    background: transparent;
    border: 0;
    box-shadow: none
}

.btn-octicon:hover {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.btn-shicon:hover {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.btn-octicon:focus,
.btn-octicon:focus-visible {
    border-radius: 6px
}

.btn-shicon:focus,
.btn-shicon:focus-visible {
    border-radius: 6px
}

.btn-octicon.disabled,
.btn-octicon[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: default
}

.btn-octicon.disabled:hover,
.btn-octicon[aria-disabled=true]:hover {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled))
}

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

.close-button {
    padding: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    background: transparent;
    border: 0
}

.close-button:hover {
    color: var(--fgColor-default, var(--color-fg-default))
}

.close-button:active {
    outline: 2px solid var(--focus-outlineColor, 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: var(--base-text-weight-semibold, 600);
    line-height: 6px;
    color: var(--fgColor-default, var(--color-fg-default));
    text-decoration: none;
    vertical-align: middle;
    background: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border: 0;
    border-radius: 1px
}

.hidden-text-expander a:hover,
.ellipsis-expander:hover {
    text-decoration: none;
    background-color: var(--bgColor-accent-muted, var(--color-accent-muted))
}

.hidden-text-expander a:active,
.ellipsis-expander:active {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, 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: var(--base-text-weight-semibold, 600);
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 1px solid var(--button-default-borderColor-rest, var(--color-btn-border));
    border-left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: var(--shadow-resting-small, var(--color-shadow-small)), var(--shadow-highlight, var(--color-primer-shadow-highlight))
}

.social-count:hover,
.social-count:active {
    text-decoration: none
}

.social-count:hover {
    color: var(--fgColor-accent, var(--color-accent-fg));
    cursor: pointer
}

.TableObject {
    display: table
}

.TableObject-item {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.TableObject-item--primary {
    width: 99%
}

.form-control,
.form-select {
    padding: 5px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    /* vertical-align: middle; */
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid var(--control-borderColor-rest, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-inset, 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(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg))
}

.form-control:focus:not(:focus-visible),
.form-select:focus:not(:focus-visible) {
    border-color: transparent;
    border-color: var(--focus-outlineColor, 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(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, 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(--borderColor-accent-emphasis, var(--color-accent-fg)) !important
}

.form-control[disabled],
fieldset[disabled] .form-control,
.form-select[disabled],
fieldset[disabled] .form-select {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-border-default));
    -webkit-text-fill-color: var(--control-fgColor-disabled, 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(--control-fgColor-disabled, 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(--bgColor-muted, var(--color-canvas-inset))
}

.input-contrast:focus {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.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(--bgColor-attention-muted, 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: var(--base-text-weight-normal, 400);
    color: var(--fgColor-muted, 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(--fgColor-muted, 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;
    -webkit-appearance: none;
    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(--fgColor-attention, var(--color-attention-fg));
    background: var(--bgColor-attention-muted, var(--color-attention-subtle));
    border: 1px solid var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
    border-radius: 6px
}

.form-warning p {
    margin: 0;
    line-height: 1.5
}

.form-warning a {
    font-weight: var(--base-text-weight-semibold, 600)
}

.form-select {
    display: inline-block;
    max-width: 100%;
    height: 32px;
    padding-right: 24px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 16px;
    -webkit-appearance: none;
    appearance: none
}

.form-select--small {
    height: 28px;
    font-size: 12px;
    padding: 3px 10px;
}

.form-select::-ms-expand {
    opacity: 0
}

.form-select[multiple] {
    height: auto
}

[data-color-mode=light][data-light-theme*=dark] .form-select,
[data-color-mode=dark][data-dark-theme*=dark] .form-select {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] .form-select {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] .form-select {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=")
    }
}

.select-sm {
    height: 28px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px
}

.select-sm[multiple] {
    height: auto;
    min-height: 0
}

.form-group {
    margin: 15px 0
}

.form-group .form-control.autocomplete-embedded-icon-wrap:focus-within {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.form-group .form-control {
    width: 440px;
    max-width: 100%;
    margin-right: 5px;
    background-color: var(--bgColor-muted, var(--color-canvas-inset))
}

.form-group .form-control:focus {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.form-group .form-control.shorter {
    width: 130px
}

.form-group .form-control.short {
    width: 250px
}

.form-group .form-control.input-block,
.form-group .form-control.long {
    width: 100%
}

.form-group textarea.form-control {
    width: 100%;
    height: 200px;
    min-height: 200px
}

.django-ckeditor-widget {
    display: block !important;

}


.cke {
    background-color: var(--bgColor-default, var(--color-canvas-default)) !important;
    border-color: var(--borderColor-default, var(--color-border-default)) !important;
    border-radius: var(--borderRadius-medium, 0.375rem) !important;
    border-style: solid !important;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) !important;

}

.cke_top {

    background-color: var(--bgColor-muted, var(--color-canvas-subtle)) !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;

}

.cke_inner {
    border-radius: var(--borderRadius-medium, 0.375rem) !important;

}

.cke_resizer {
    border: 0 !important
}

.cke_resizer:after {
    content: "";
    border-top: 1px solid #494949;
    width: 6px;
    transform: rotate(-45deg);
    background: transparent;
    position: absolute;
    right: 0px;
    bottom: 3px;
    pointer-events: none;
    border-radius: 25%;
}

.cke_resizer:before {
    content: "";
    border-top: 1px solid #494949;
    width: 12px;
    transform: rotate(-45deg);
    background: transparent;
    position: absolute;
    right: -1px;
    bottom: 5px;
    pointer-events: none;
    border-radius: 25%;
}

.cke_contents {

    border-radius: var(--borderRadius-medium, 0.375rem) !important;
    font-size: var(--text-body-size-medium, 0.875rem) !important;
    line-height: var(--text-body-lineHeight-medium, 1.4285) !important;
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1) !important;
    transition-property: color, background-color, box-shadow, border-color !important;
}



#message-block {
    overflow: hidden;
    position: relative;
}

#message-block-inner {
    -webkit-animation: cssAnimation 15s forwards;
    animation: cssAnimation 15s forwards;
}

@keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

@-webkit-keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}





.form-group textarea.form-control.short {
    width: 100%;
    /*-*/
    height: 80px;
    /*50px*/
    min-height: 80px
        /*50px*/
}

.form-group dt,
.form-group .form-group-header {
    margin: 0 0 6px
}

.form-group label {
    position: static
}

.form-group.flattened dt,
.form-group.flattened .form-group-header {
    float: left;
    margin: 0;
    line-height: 32px
}

.form-group.flattened dd,
.form-group.flattened .form-group-body {
    line-height: 32px
}

.form-group dd h4,
.form-group .form-group-body h4 {
    margin: 4px 0 0
}

.form-group dd h4.is-error,
.form-group .form-group-body h4.is-error {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.form-group dd h4.is-success,
.form-group .form-group-body h4.is-success {
    color: var(--fgColor-success, var(--color-success-fg))
}

.form-group dd h4+.note,
.form-group .form-group-body h4+.note {
    margin-top: 0
}

.form-group.required dt label::after,
.form-group.required .form-group-header label::after {
    padding-left: 5px;
    color: var(--fgColor-danger, var(--color-danger-fg));
    content: "*"
}

.form-group .success,
.form-group .error,
.form-group .indicator {
    /* display: none; */
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600)
}

.form-group.loading {
    opacity: .5
}

.form-group.loading .indicator {
    display: inline
}

.form-group.loading .spinner {
    display: inline-block;
    vertical-align: middle
}

.form-group.successful .success {
    display: inline;
    color: var(--fgColor-success, var(--color-success-fg))
}

.form-group.successed .success,
.form-group.successed .warning,
.form-group.successed .error,
.form-group.warn .success,
.form-group.warn .warning,
.form-group.warn .error,
.form-group.errored .success,
.form-group.errored .warning,
.form-group.errored .error {
    position: absolute;
    z-index: 10;
    display: block;
    max-width: 450px;
    padding: 4px 8px;
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    border-style: solid;
    border-width: 1px;
    border-radius: 6px
}

.form-group.successed .success::after,
.form-group.successed .success::before,
.form-group.successed .warning::after,
.form-group.successed .warning::before,
.form-group.successed .error::after,
.form-group.successed .error::before,
.form-group.warn .success::after,
.form-group.warn .success::before,
.form-group.warn .warning::after,
.form-group.warn .warning::before,
.form-group.warn .error::after,
.form-group.warn .error::before,
.form-group.errored .success::after,
.form-group.errored .success::before,
.form-group.errored .warning::after,
.form-group.errored .warning::before,
.form-group.errored .error::after,
.form-group.errored .error::before {
    position: absolute;
    bottom: 100%;
    left: 10px;
    z-index: 15;
    width: 0;
    height: 0;
    pointer-events: none;
    content: " ";
    border: solid transparent
}

.form-group.successed .success::after,
.form-group.successed .warning::after,
.form-group.successed .error::after,
.form-group.warn .success::after,
.form-group.warn .warning::after,
.form-group.warn .error::after,
.form-group.errored .success::after,
.form-group.errored .warning::after,
.form-group.errored .error::after {
    border-width: 5px
}

.form-group.successed .success::before,
.form-group.successed .warning::before,
.form-group.successed .error::before,
.form-group.warn .success::before,
.form-group.warn .warning::before,
.form-group.warn .error::before,
.form-group.errored .success::before,
.form-group.errored .warning::before,
.form-group.errored .error::before {
    margin-left: -1px;
    border-width: 6px
}

.form-group.successed .success {
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--bgColor-success-muted, var(--bgColor-success-muted, var(--color-success-subtle))), var(--color-success-subtle));
    border-color: var(--borderColor-success-muted, var(--color-success-muted))
}

.form-group.successed .success::after {
    border-bottom-color: var(--borderColor-success-muted, var(--color-success-muted))
}

.form-group.successed .success::before {
    border-bottom-color: var(--borderColor-success-muted, var(--color-success-muted))
}

.form-group.warn .form-control:not(:focus, :focus-visible) {
    border-color: var(--borderColor-attention-emphasis, var(--color-attention-emphasis))
}

.form-group.warn .warning {
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--bgColor-attention-muted, var(--color-attention-subtle))), var(--color-attention-subtle));
    border-color: var(--borderColor-attention-muted, var(--color-attention-muted))
}

.form-group.warn .warning::after {
    border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted))
}

.form-group.warn .warning::before {
    border-bottom-color: var(--borderColor-attention-muted, var(--color-attention-muted))
}

.form-group.errored .form-control:not(:focus, :focus-visible) {
    border-color: var(--borderColor-danger-emphasis, var(--color-danger-emphasis))
}

.form-group.errored label {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.form-group.errored .error {
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--bgColor-danger-muted, var(--bgColor-danger-muted, var(--color-danger-subtle))), var(--color-danger-subtle));
    border-color: var(--borderColor-danger-muted, var(--color-danger-muted))
}

.form-group.errored .error::after {
    border-bottom-color: var(--borderColor-danger-muted, var(--color-danger-muted))
}

.form-group.errored .error::before {
    border-bottom-color: var(--borderColor-danger-muted, var(--color-danger-muted))
}

.note {
    min-height: 17px;
    margin: 4px 0 2px;
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.note .spinner {
    margin-right: 3px;
    vertical-align: middle
}

.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
}

.radio-group::before {
    display: table;
    content: ""
}

.radio-group::after {
    display: table;
    clear: both;
    content: ""
}

.radio-label {
    float: left;
    padding: 6px 16px 6px 36px;
    margin-left: -1px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}



.radio-label:first-of-type {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.radio-label:last-of-type {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.radio-label .octicon {
    margin-left: 4px;
    color: var(--fgColor-muted, var(--color-fg-subtle))
}

.radio-input {
    z-index: 3;
    float: left;
    margin: 10px -32px 0 16px
}

.radio-input:disabled {
    position: relative
}

.radio-input:disabled+.radio-label {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: default;
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
}

.radio-input:disabled+.radio-label .octicon {
    color: inherit
}

.AppFrame .AppFrame-a11yNav {
    position: absolute;
    z-index: 1000;
    display: flex;
    width: 100%;
    padding: var(--base-size-16, 16px);
    background: var(--bgColor-inset, var(--color-canvas-inset));
    padding-block-end: calc(var(--base-size-16, 16px) - var(--borderWidth-thin, 1px));
    isolation: isolate;
    align-items: center;
    gap: var(--base-size-8, 8px)
}

.AppFrame .AppFrame-a11yNav:not(:focus-within) {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0
}

.AppFrame .AppFrame-a11yNav:focus-within {
    top: 0;
    left: 0
}

@media(max-width: 767.98px) {
    .AppFrame .AppFrame-a11yNav:focus-within {
        justify-content: center
    }
}

.AppFrame .AppFrame-a11yLink {
    transition: none
}

.AppFrame .AppFrame-a11yLink:not(:focus) {
    display: block;
    width: var(--base-size-8, 8px);
    height: var(--base-size-8, 8px);
    overflow: hidden;
    text-indent: var(--base-size-128, 128px);
    pointer-events: none;
    background: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-full, 100vh)
}

.AppFrame .AppFrame-a11yLink:focus {
    z-index: 20;
    display: grid;
    width: auto;
    height: auto;
    min-height: var(--control-medium-size, 32px);
    padding: 0 var(--control-medium-paddingInline-spacious, 16px);
    overflow: auto;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-full, 100vh);
    align-items: center
}

@media(pointer: coarse) {
    .AppFrame .AppFrame-a11yLink:focus::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        min-height: var(--control-minTarget-coarse, 44px);
        content: "";
        transform: translateX(-50%) translateY(-50%)
    }
}

@media(prefers-reduced-motion: no-preference) {
    .AppFrame .AppFrame-a11yLink:focus {
        animation: AppFrame-a11yLink-focus 200ms ease-out
    }
}

@keyframes AppFrame-a11yLink-focus {
    0% {
        color: var(--fgColor-accent, var(--color-accent-emphasis));
        transform: scale(0.3, 0.25)
    }

    50% {
        color: var(--fgColor-accent, var(--color-accent-emphasis));
        transform: scale(1, 1)
    }

    55% {
        color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
    }

    100% {
        transform: scaleX(1)
    }
}

.AppFrame .AppFrame-main {
    display: flex;
    min-height: 100vh;
    flex-direction: column
}

@supports(height: 100dvh) {
    .AppFrame .AppFrame-main {
        min-height: 100dvh
    }
}

.AppFrame .AppFrame-header-wrapper {
    position: relative;
    height: min-content;
    overflow: visible
}

.AppFrame .AppFrame-header-wrapper .AppFrame-header {
    position: sticky;
    top: 0;
    z-index: 1
}

.AppFrame .AppFrame-header {
    flex: 0 0 auto
}

.AppFrame .AppFrame-subheader {
    flex: 0 0 auto
}

.AppFrame .AppFrame-body {
    flex: 1 0;
    height: 100%
}

.AppFrame .AppFrame-footer {
    flex: 0 0 auto
}

.container-sm {
    max-width: 544px;
    margin-right: auto;
    margin-left: auto
}

.container-md {
    max-width: 768px;
    margin-right: auto;
    margin-left: auto
}

.container-lg {
    max-width: 1012px;
    margin-right: auto;
    margin-left: auto
}

.container-xl {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.container-xl-small {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.container-xl-center {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.container-xl-center-small {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
}

.vcard-username {
    font-size: 20px;
    font-style: normal;
    font-weight: var(--base-text-weight-light, 300);
    line-height: 24px;
    color: var(--fgColor-muted, var(--color-fg-muted));
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666666%
}

.col-3 {
    width: 24.99999999%
}

.col-4 {
    width: 33.33333332%
}

.col-5 {
    width: 41.66666665%
}

.col-6 {
    width: 49.99999998%
}

.col-7 {
    width: 58.33333331%
}

.col-8 {
    width: 66.66666664%
}

.col-9 {
    width: 74.99999997%
}

.col-10 {
    width: 83.3333333%
}

.col-11 {
    width: 91.66666663%
}

.col-12 {
    width: 100%
}

@media(min-width: 544px) {
    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666666%
    }

    .col-sm-3 {
        width: 24.99999999%
    }

    .col-sm-4 {
        width: 33.33333332%
    }

    .col-sm-5 {
        width: 41.66666665%
    }

    .col-sm-6 {
        width: 49.99999998%
    }

    .col-sm-7 {
        width: 58.33333331%
    }

    .col-sm-8 {
        width: 66.66666664%
    }

    .col-sm-9 {
        width: 74.99999997%
    }

    .col-sm-10 {
        width: 83.3333333%
    }

    .col-sm-11 {
        width: 91.66666663%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media(min-width: 768px) {
    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666666%
    }

    .col-md-3 {
        width: 24.99999999%
    }

    .col-md-4 {
        width: 33.33333332%
    }

    .col-md-5 {
        width: 41.66666665%
    }

    .col-md-6 {
        width: 49.99999998%
    }

    .col-md-7 {
        width: 58.33333331%
    }

    .col-md-8 {
        width: 66.66666664%
    }

    .col-md-9 {
        width: 74.99999997%
    }

    .col-md-10 {
        width: 83.3333333%
    }

    .col-md-11 {
        width: 91.66666663%
    }

    .col-md-12 {
        width: 100%
    }
}

@media(min-width: 1012px) {
    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666666%
    }

    .col-lg-3 {
        width: 24.99999999%
    }

    .col-lg-4 {
        width: 33.33333332%
    }

    .col-lg-5 {
        width: 41.66666665%
    }

    .col-lg-6 {
        width: 49.99999998%
    }

    .col-lg-7 {
        width: 58.33333331%
    }

    .col-lg-8 {
        width: 66.66666664%
    }

    .col-lg-9 {
        width: 74.99999997%
    }

    .col-lg-10 {
        width: 83.3333333%
    }

    .col-lg-11 {
        width: 91.66666663%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media(min-width: 1280px) {
    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-2 {
        width: 16.66666666%
    }

    .col-xl-3 {
        width: 24.99999999%
    }

    .col-xl-4 {
        width: 33.33333332%
    }

    .col-xl-5 {
        width: 41.66666665%
    }

    .col-xl-6 {
        width: 49.99999998%
    }

    .col-xl-7 {
        width: 58.33333331%
    }

    .col-xl-8 {
        width: 66.66666664%
    }

    .col-xl-9 {
        width: 74.99999997%
    }

    .col-xl-10 {
        width: 83.3333333%
    }

    .col-xl-11 {
        width: 91.66666663%
    }

    .col-xl-12 {
        width: 100%
    }
}

.gutter {
    margin-right: -16px;
    margin-left: -16px
}

.gutter>[class*=col-] {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.gutter-condensed {
    margin-right: -8px;
    margin-left: -8px
}

.gutter-condensed>[class*=col-] {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.gutter-spacious {
    margin-right: -24px;
    margin-left: -24px
}

.gutter-spacious>[class*=col-] {
    padding-right: 24px !important;
    padding-left: 24px !important
}

@media(min-width: 544px) {
    .gutter-sm {
        margin-right: -16px;
        margin-left: -16px
    }

    .gutter-sm>[class*=col-] {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .gutter-sm-condensed {
        margin-right: -8px;
        margin-left: -8px
    }

    .gutter-sm-condensed>[class*=col-] {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .gutter-sm-spacious {
        margin-right: -24px;
        margin-left: -24px
    }

    .gutter-sm-spacious>[class*=col-] {
        padding-right: 24px !important;
        padding-left: 24px !important
    }
}

@media(min-width: 768px) {
    .gutter-md {
        margin-right: -16px;
        margin-left: -16px
    }

    .gutter-md>[class*=col-] {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .gutter-md-condensed {
        margin-right: -8px;
        margin-left: -8px
    }

    .gutter-md-condensed>[class*=col-] {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .gutter-md-spacious {
        margin-right: -24px;
        margin-left: -24px
    }

    .gutter-md-spacious>[class*=col-] {
        padding-right: 24px !important;
        padding-left: 24px !important
    }
}

@media(min-width: 1012px) {
    .gutter-lg {
        margin-right: -16px;
        margin-left: -16px
    }

    .gutter-lg>[class*=col-] {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .gutter-lg-condensed {
        margin-right: -8px;
        margin-left: -8px
    }

    .gutter-lg-condensed>[class*=col-] {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .gutter-lg-spacious {
        margin-right: -24px;
        margin-left: -24px
    }

    .gutter-lg-spacious>[class*=col-] {
        padding-right: 24px !important;
        padding-left: 24px !important
    }
}

@media(min-width: 1280px) {
    .gutter-xl {
        margin-right: -16px;
        margin-left: -16px
    }

    .gutter-xl>[class*=col-] {
        padding-right: 16px !important;
        padding-left: 16px !important
    }

    .gutter-xl-condensed {
        margin-right: -8px;
        margin-left: -8px
    }

    .gutter-xl-condensed>[class*=col-] {
        padding-right: 8px !important;
        padding-left: 8px !important
    }

    .gutter-xl-spacious {
        margin-right: -24px;
        margin-left: -24px
    }

    .gutter-xl-spacious>[class*=col-] {
        padding-right: 24px !important;
        padding-left: 24px !important
    }
}

.offset-1 {
    margin-left: 8.33333333% !important
}

.offset-2 {
    margin-left: 16.66666666% !important
}

.offset-3 {
    margin-left: 24.99999999% !important
}

.offset-4 {
    margin-left: 33.33333332% !important
}

.offset-5 {
    margin-left: 41.66666665% !important
}

.offset-6 {
    margin-left: 49.99999998% !important
}

.offset-7 {
    margin-left: 58.33333331% !important
}

.offset-8 {
    margin-left: 66.66666664% !important
}

.offset-9 {
    margin-left: 74.99999997% !important
}

.offset-10 {
    margin-left: 83.3333333% !important
}

.offset-11 {
    margin-left: 91.66666663% !important
}

@media(min-width: 544px) {
    .offset-sm-1 {
        margin-left: 8.33333333% !important
    }

    .offset-sm-2 {
        margin-left: 16.66666666% !important
    }

    .offset-sm-3 {
        margin-left: 24.99999999% !important
    }

    .offset-sm-4 {
        margin-left: 33.33333332% !important
    }

    .offset-sm-5 {
        margin-left: 41.66666665% !important
    }

    .offset-sm-6 {
        margin-left: 49.99999998% !important
    }

    .offset-sm-7 {
        margin-left: 58.33333331% !important
    }

    .offset-sm-8 {
        margin-left: 66.66666664% !important
    }

    .offset-sm-9 {
        margin-left: 74.99999997% !important
    }

    .offset-sm-10 {
        margin-left: 83.3333333% !important
    }

    .offset-sm-11 {
        margin-left: 91.66666663% !important
    }
}

@media(min-width: 768px) {
    .offset-md-1 {
        margin-left: 8.33333333% !important
    }

    .offset-md-2 {
        margin-left: 16.66666666% !important
    }

    .offset-md-3 {
        margin-left: 24.99999999% !important
    }

    .offset-md-4 {
        margin-left: 33.33333332% !important
    }

    .offset-md-5 {
        margin-left: 41.66666665% !important
    }

    .offset-md-6 {
        margin-left: 49.99999998% !important
    }

    .offset-md-7 {
        margin-left: 58.33333331% !important
    }

    .offset-md-8 {
        margin-left: 66.66666664% !important
    }

    .offset-md-9 {
        margin-left: 74.99999997% !important
    }

    .offset-md-10 {
        margin-left: 83.3333333% !important
    }

    .offset-md-11 {
        margin-left: 91.66666663% !important
    }
}

@media(min-width: 1012px) {
    .offset-lg-1 {
        margin-left: 8.33333333% !important
    }

    .offset-lg-2 {
        margin-left: 16.66666666% !important
    }

    .offset-lg-3 {
        margin-left: 24.99999999% !important
    }

    .offset-lg-4 {
        margin-left: 33.33333332% !important
    }

    .offset-lg-5 {
        margin-left: 41.66666665% !important
    }

    .offset-lg-6 {
        margin-left: 49.99999998% !important
    }

    .offset-lg-7 {
        margin-left: 58.33333331% !important
    }

    .offset-lg-8 {
        margin-left: 66.66666664% !important
    }

    .offset-lg-9 {
        margin-left: 74.99999997% !important
    }

    .offset-lg-10 {
        margin-left: 83.3333333% !important
    }

    .offset-lg-11 {
        margin-left: 91.66666663% !important
    }
}

@media(min-width: 1280px) {
    .offset-xl-1 {
        margin-left: 8.33333333% !important
    }

    .offset-xl-2 {
        margin-left: 16.66666666% !important
    }

    .offset-xl-3 {
        margin-left: 24.99999999% !important
    }

    .offset-xl-4 {
        margin-left: 33.33333332% !important
    }

    .offset-xl-5 {
        margin-left: 41.66666665% !important
    }

    .offset-xl-6 {
        margin-left: 49.99999998% !important
    }

    .offset-xl-7 {
        margin-left: 58.33333331% !important
    }

    .offset-xl-8 {
        margin-left: 66.66666664% !important
    }

    .offset-xl-9 {
        margin-left: 74.99999997% !important
    }

    .offset-xl-10 {
        margin-left: 83.3333333% !important
    }

    .offset-xl-11 {
        margin-left: 91.66666663% !important
    }
}

:root {
    --Layout-pane-width: 220px;
    --Layout-content-width: 100%;
    --Layout-template-columns: 1fr var(--Layout-pane-width);
    --Layout-template-areas: "content pane";
    --Layout-column-gap: 16px;
    --Layout-row-gap: 16px;
    --Layout-outer-spacing-x: 0px;
    --Layout-outer-spacing-y: 0px;
    --Layout-inner-spacing-min: 0px;
    --Layout-inner-spacing-max: 0px
}

.PageLayout {
    display: block;
    margin: var(--Layout-outer-spacing-y) var(--Layout-outer-spacing-x)
}

.cursor-pointer {
    cursor: pointer !important;
}

@media(min-width: 768px) {
    .PageLayout.PageLayout--panePos-start {
        --Layout-template-columns: var(--Layout-pane-width) minmax(0, calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap)));
        --Layout-template-areas: "pane content"
    }

    .PageLayout.PageLayout--panePos-end {
        --Layout-template-columns: minmax(0, calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap))) var(--Layout-pane-width);
        --Layout-template-areas: "content pane"
    }

    .PageLayout .PageLayout-header--hasDivider {
        padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
        border-bottom: 1px solid var(--borderColor-default, var(--color-border-default))
    }

    .PageLayout .PageLayout-footer--hasDivider {
        padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
        border-top: 1px solid var(--borderColor-default, var(--color-border-default))
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start .PageLayout-pane {
        border-right: 1px solid var(--borderColor-default, var(--color-border-default))
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-pane {
        padding-right: calc(var(--Layout-column-gap) - 1px);
        margin-right: calc(var(--Layout-column-gap)*-1)
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-content {
        margin-left: var(--Layout-column-gap)
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end .PageLayout-pane {
        border-left: 1px solid var(--borderColor-default, var(--color-border-default))
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-pane {
        padding-left: calc(var(--Layout-column-gap) - 1px);
        margin-left: calc(var(--Layout-column-gap)*-1)
    }

    .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-content {
        margin-right: var(--Layout-column-gap)
    }

    .PageLayout .PageLayout-pane--sticky {
        position: sticky;
        top: -16px;
        /* 0 */
        max-height: 100vh;
        overflow: auto;
        scrollbar-width: thin
    }






    @supports(max-height: 100dvh) {
        .PageLayout .PageLayout-pane--sticky {
            max-height: 100dvh
        }
    }

    .PageLayout [class^=PageLayout-content-centered-] {
        max-width: calc(var(--Layout-content-width) + var(--Layout-pane-width) + var(--Layout-column-gap));
        margin-right: auto;
        margin-left: 0;
        /*auto*/
    }

    .PageLayout.PageLayout--hasPaneDivider [class^=PageLayout-content-centered-] {
        max-width: calc(var(--Layout-content-width) + var(--Layout-pane-width) + var(--Layout-column-gap)*2)
    }

    .PageLayout.PageLayout--panePos-start [class^=PageLayout-content-centered-]>[class^=container-] {
        margin-left: 0
    }

    .PageLayout.PageLayout--panePos-end [class^=PageLayout-content-centered-]>[class^=container-] {
        margin-right: 0
    }

    .PageLayout .PageLayout-content-centered-sm {
        --Layout-content-width: 544px
    }

    .PageLayout .PageLayout-content-centered-md {
        --Layout-content-width: 768px
    }

    .PageLayout .PageLayout-content-centered-lg {
        --Layout-content-width: 1012px
    }

    .PageLayout .PageLayout-content-centered-xl {
        --Layout-content-width: 1280px
    }
}

@media(min-width: 768px)and (min-width: 544px) {
    .PageLayout {
        --Layout-pane-width: 220px
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .PageLayout {
        --Layout-pane-width: 250px
    }
}

@media(min-width: 768px)and (min-width: 1012px) {
    .PageLayout {
        --Layout-pane-width: 296px
    }
}

@media(min-width: 768px)and (min-width: 768px) {
    .PageLayout.PageLayout--paneWidth-narrow {
        --Layout-pane-width: 240px
    }
}

@media(min-width: 768px)and (min-width: 1012px) {
    .PageLayout.PageLayout--paneWidth-narrow {
        --Layout-pane-width: 250px
    }
}

@media(min-width: 768px)and (min-width: 1012px) {
    .PageLayout.PageLayout--paneWidth-wide {
        --Layout-pane-width: 250px
    }
}

@media(min-width: 768px)and (min-width: 1280px) {
    .PageLayout.PageLayout--paneWidth-wide {
        --Layout-pane-width: 250px
    }
}

.discussion-fixed-header {

    top: 47px !important;
    width: calc(100% - 250px);
    max-width: 1428px;
    left: 250px;
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default));
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
    padding: 0 30px 0 30px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
}

@media(max-width: 767.98px) {
    .PageLayout.PageLayout--responsive-stackRegions {
        --Layout-template-columns: 1fr;
        --Layout-template-areas: "content" "pane"
    }

    .PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start {
        --Layout-template-areas: "pane" "content"
    }

    .PageLayout.PageLayout--responsive-separateRegions {
        --Layout-template-columns: 1fr;
        --Layout-template-areas: "content"
    }

    .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content {
        --Layout-template-areas: "content"
    }

    .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content .PageLayout-pane {
        display: none;

    }

    .discussion-fixed-header {
        left: 0 !important;
        width: 100% !important;
    }

    .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane {
        --Layout-template-areas: "pane"
    }

    .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .PageLayout-content {
        display: none
    }

    .PageLayout .PageLayout-region--dividerNarrow-line-before {
        position: relative;
        margin-top: var(--Layout-row-gap)
    }

    .PageLayout .PageLayout-region--dividerNarrow-line-before::before {
        position: absolute;
        left: calc(var(--Layout-outer-spacing-x)*-1);
        display: block;
        width: calc(100% + var(--Layout-outer-spacing-x)*2);
        height: 1px;
        content: "";
        background-color: var(--borderColor-default, var(--color-border-default));
        top: calc(-1px - var(--Layout-row-gap))
    }

    .PageLayout .PageLayout-region--dividerNarrow-line-after {
        position: relative;
        margin-bottom: var(--Layout-row-gap)
    }

    .PageLayout .PageLayout-region--dividerNarrow-line-after::after {
        position: absolute;
        left: calc(var(--Layout-outer-spacing-x)*-1);
        display: block;
        width: calc(100% + var(--Layout-outer-spacing-x)*2);
        height: 1px;
        content: "";
        background-color: var(--borderColor-default, var(--color-border-default));
        bottom: calc(-1px - var(--Layout-row-gap))
    }

    .PageLayout .PageLayout-region--dividerNarrow-filled-before {
        position: relative;
        margin-top: calc(8px + var(--Layout-row-gap))
    }

    .PageLayout .PageLayout-region--dividerNarrow-filled-before::after {
        position: absolute;
        bottom: calc(8px * -1);
        left: calc(var(--Layout-outer-spacing-x)*-1);
        display: block;
        width: calc(100% + var(--Layout-outer-spacing-x)*2);
        height: 8px;
        content: "";
        background-color: var(--bgColor-inset, var(--color-canvas-inset));
        box-shadow: inset 0 1px var(--borderColor-default, var(--color-border-default)), inset 0 -1px var(--borderColor-default, var(--color-border-default));
        top: calc(-8px - var(--Layout-row-gap))
    }

    .PageLayout .PageLayout-region--dividerNarrow-filled-after {
        position: relative;
        margin-bottom: calc(8px + var(--Layout-row-gap))
    }

    .PageLayout .PageLayout-region--dividerNarrow-filled-after::before {
        position: absolute;
        bottom: calc(8px * -1);
        left: calc(var(--Layout-outer-spacing-x)*-1);
        display: block;
        width: calc(100% + var(--Layout-outer-spacing-x)*2);
        height: 8px;
        content: "";
        background-color: var(--bgColor-inset, var(--color-canvas-inset));
        box-shadow: inset 0 1px var(--borderColor-default, var(--color-border-default)), inset 0 -1px var(--borderColor-default, var(--color-border-default));
        bottom: calc(-8px - var(--Layout-row-gap))
    }
}

.PageLayout-wrapper {
    display: grid;
    grid: auto-flow/1fr;
    row-gap: var(--Layout-row-gap)
}

.PageLayout-columns {
    display: grid;
    column-gap: var(--Layout-column-gap);
    row-gap: var(--Layout-row-gap);
    grid-template-columns: var(--Layout-template-columns);
    grid-template-rows: 1fr;
    grid-template-areas: var(--Layout-template-areas)
}

.PageLayout-columns .PageLayout-content {
    padding-right: var(--Layout-inner-spacing-max);
    padding-left: var(--Layout-inner-spacing-max);
    grid-area: content
}

.PageLayout-columns .PageLayout-pane {
    grid-area: pane
}

.PageLayout--outerSpacing-normal {
    --Layout-outer-spacing-x: 16px;
    --Layout-outer-spacing-y: 16px
}

@media(min-width: 1012px) {
    .PageLayout--outerSpacing-normal {
        --Layout-outer-spacing-x: 24px;
        --Layout-outer-spacing-y: 24px
    }
}

.PageLayout--outerSpacing-condensed {
    --Layout-outer-spacing-x: 16px;
    --Layout-outer-spacing-y: 16px
}

.PageLayout--innerSpacing-normal {
    --Layout-inner-spacing-min: 16px;
    --Layout-inner-spacing-max: 16px
}

@media(min-width: 1012px) {
    .PageLayout--innerSpacing-normal {
        --Layout-inner-spacing-max: 24px
    }
}

.PageLayout--innerSpacing-condensed {
    --Layout-inner-spacing-min: 16px;
    --Layout-inner-spacing-max: 16px
}

.PageLayout--columnGap-normal {
    --Layout-column-gap: 16px
}

@media(min-width: 1012px) {
    .PageLayout--columnGap-normal {
        --Layout-column-gap: 24px
    }
}

.PageLayout--columnGap-condensed {
    --Layout-column-gap: 16px
}

.PageLayout--columnGap-none {
    --Layout-column-gap: 0px
}

.PageLayout--rowGap-normal {
    --Layout-row-gap: 16px
}

@media(min-width: 1012px) {
    .PageLayout--rowGap-normal {
        --Layout-row-gap: 24px
    }
}

.PageLayout--rowGap-none {
    --Layout-row-gap: 0px
}

.PageLayout--rowGap-condensed {
    --Layout-row-gap: 16px
}

.PageLayout-header,
.PageLayout-content,
.PageLayout-pane,
.PageLayout-footer {
    padding: var(--Layout-inner-spacing-min)
}

.Stack {
    --Stack-gap-whenRegular: var(--stack-gap-normal, 16px);
    --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px);
    --Stack-gap-whenWide: var(--Stack-gap-whenRegular);
    --Stack-divider-color: var(--borderColor-default, var(--color-border-default));
    display: flex;
    flex-flow: column;
    align-items: stretch;
    align-content: flex-start;
    gap: var(--Stack-gap-whenRegular)
}

@media(max-width: 767.98px) {
    .Stack {
        gap: var(--Stack-gap-whenNarrow)
    }
}

@media(min-width: 1400px) {
    .Stack {
        gap: var(--Stack-gap-whenWide)
    }
}

.Stack-divider {
    display: none;
    padding: 0;
    margin: 0;
    border: 0;
    align-self: stretch
}

.Stack-item {
    flex: 0 1 auto;
    min-inline-size: 0
}

@media(max-width: 767.98px) {
    .Stack--dir-inline-whenNarrow {
        flex-flow: row
    }

    .Stack--dir-block-whenNarrow {
        flex-flow: column
    }

    .Stack--gap-none-whenNarrow {
        --Stack-gap-whenNarrow: 0
    }

    .Stack--gap-condensed-whenNarrow {
        --Stack-gap-whenNarrow: var(--stack-gap-condensed, 8px)
    }

    .Stack--gap-normal-whenNarrow {
        --Stack-gap-whenNarrow: var(--stack-gap-normal, 16px)
    }

    .Stack--align-start-whenNarrow {
        align-items: flex-start
    }

    .Stack--align-center-whenNarrow {
        align-items: center
    }

    .Stack--align-end-whenNarrow {
        align-items: flex-end
    }

    .Stack--align-baseline-whenNarrow {
        align-items: baseline
    }

    .Stack--alignWrap-start-whenNarrow {
        align-content: flex-start
    }

    .Stack--alignWrap-center-whenNarrow {
        align-content: center
    }

    .Stack--alignWrap-end-whenNarrow {
        align-content: flex-end
    }

    .Stack--alignWrap-distribute-whenNarrow {
        align-content: space-between
    }

    .Stack--alignWrap-distributeEvenly-whenNarrow {
        align-content: space-evenly
    }

    .Stack--spread-start-whenNarrow {
        justify-content: flex-start
    }

    .Stack--spread-center-whenNarrow {
        justify-content: center
    }

    .Stack--spread-end-whenNarrow {
        justify-content: flex-end
    }

    .Stack--spread-distribute-whenNarrow {
        justify-content: space-between
    }

    .Stack--spread-distributeEvenly-whenNarrow {
        justify-content: space-evenly
    }

    .Stack--wrap-whenNarrow {
        flex-wrap: wrap
    }

    .Stack--nowrap-whenNarrow {
        flex-wrap: nowrap
    }

    .Stack--showDividers-whenNarrow>.Stack-divider,
    .Stack--showDividers-whenNarrow>.Stack-item>.Stack-divider {
        display: block
    }

    :not(.Stack--dir-inline-whenNarrow)>.Stack-divider,
    :not(.Stack--dir-inline-whenNarrow)>.Stack-item>.Stack-divider {
        border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: auto;
        block-size: 0
    }

    .Stack--dir-inline-whenNarrow>.Stack-divider,
    .Stack--dir-inline-whenNarrow>.Stack-item>.Stack-divider {
        border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: 0;
        block-size: auto
    }

    .Stack-item--expand-whenNarrow {
        flex-grow: 1
    }

    .Stack-item--keepSize-whenNarrow {
        flex-shrink: 0
    }
}

@media(min-width: 768px) {
    .Stack--dir-inline-whenRegular {
        flex-flow: row
    }

    .Stack--dir-block-whenRegular {
        flex-flow: column
    }

    .Stack--gap-none-whenRegular {
        --Stack-gap-whenRegular: 0
    }

    .Stack--gap-condensed-whenRegular {
        --Stack-gap-whenRegular: var(--stack-gap-condensed, 8px)
    }

    .Stack--gap-normal-whenRegular {
        --Stack-gap-whenRegular: var(--stack-gap-normal, 16px)
    }

    .Stack--gap-spacious-whenRegular {
        --Stack-gap-whenRegular: var(--stack-gap-spacious, 24px)
    }

    .Stack--align-start-whenRegular {
        align-items: flex-start
    }

    .Stack--align-center-whenRegular {
        align-items: center
    }

    .Stack--align-end-whenRegular {
        align-items: flex-end
    }

    .Stack--align-baseline-whenRegular {
        align-items: baseline
    }

    .Stack--alignWrap-start-whenRegular {
        align-content: flex-start
    }

    .Stack--alignWrap-center-whenRegular {
        align-content: center
    }

    .Stack--alignWrap-end-whenRegular {
        align-content: flex-end
    }

    .Stack--alignWrap-distribute-whenRegular {
        align-content: space-between
    }

    .Stack--alignWrap-distributeEvenly-whenRegular {
        align-content: space-evenly
    }

    .Stack--spread-start-whenRegular {
        justify-content: flex-start
    }

    .Stack--spread-center-whenRegular {
        justify-content: center
    }

    .Stack--spread-end-whenRegular {
        justify-content: flex-end
    }

    .Stack--spread-distribute-whenRegular {
        justify-content: space-between
    }

    .Stack--spread-distributeEvenly-whenRegular {
        justify-content: space-evenly
    }

    .Stack--wrap-whenRegular {
        flex-wrap: wrap
    }

    .Stack--nowrap-whenRegular {
        flex-wrap: nowrap
    }

    .Stack--showDividers-whenRegular>.Stack-divider,
    .Stack--showDividers-whenRegular>.Stack-item>.Stack-divider {
        display: block
    }

    :not(.Stack--dir-inline-whenRegular)>.Stack-divider,
    :not(.Stack--dir-inline-whenRegular)>.Stack-item>.Stack-divider {
        border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: auto;
        block-size: 0
    }

    .Stack--dir-inline-whenRegular>.Stack-divider,
    .Stack--dir-inline-whenRegular>.Stack-item>.Stack-divider {
        border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: 0;
        block-size: auto
    }

    .Stack-item--expand-whenRegular {
        flex-grow: 1
    }

    .Stack-item--keepSize-whenRegular {
        flex-shrink: 0
    }
}

@media(min-width: 1400px) {
    .Stack--dir-inline-whenWide {
        flex-flow: row
    }

    .Stack--dir-block-whenWide {
        flex-flow: column
    }

    .Stack--gap-none-whenWide {
        --Stack-gap-whenWide: 0
    }

    .Stack--gap-condensed-whenWide {
        --Stack-gap-whenWide: var(--stack-gap-condensed, 8px)
    }

    .Stack--gap-normal-whenWide {
        --Stack-gap-whenWide: var(--stack-gap-normal, 16px)
    }

    .Stack--gap-spacious-whenWide {
        --Stack-gap-whenWide: var(--stack-gap-spacious, 24px)
    }

    .Stack--align-start-whenWide {
        align-items: flex-start
    }

    .Stack--align-center-whenWide {
        align-items: center
    }

    .Stack--align-end-whenWide {
        align-items: flex-end
    }

    .Stack--align-baseline-whenWide {
        align-items: baseline
    }

    .Stack--alignWrap-start-whenWide {
        align-content: flex-start
    }

    .Stack--alignWrap-center-whenWide {
        align-content: center
    }

    .Stack--alignWrap-end-whenWide {
        align-content: flex-end
    }

    .Stack--alignWrap-distribute-whenWide {
        align-content: space-between
    }

    .Stack--alignWrap-distributeEvenly-whenWide {
        align-content: space-evenly
    }

    .Stack--spread-start-whenWide {
        justify-content: flex-start
    }

    .Stack--spread-center-whenWide {
        justify-content: center
    }

    .Stack--spread-end-whenWide {
        justify-content: flex-end
    }

    .Stack--spread-distribute-whenWide {
        justify-content: space-between
    }

    .Stack--spread-distributeEvenly-whenWide {
        justify-content: space-evenly
    }

    .Stack--wrap-whenWide {
        flex-wrap: wrap
    }

    .Stack--nowrap-whenWide {
        flex-wrap: nowrap
    }

    .Stack--showDividers-whenWide>.Stack-divider,
    .Stack--showDividers-whenWide>.Stack-item>.Stack-divider {
        display: block
    }

    :not(.Stack--dir-inline-whenWide)>.Stack-divider,
    :not(.Stack--dir-inline-whenWide)>.Stack-item>.Stack-divider {
        border-block-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: auto;
        block-size: 0
    }

    .Stack--dir-inline-whenWide>.Stack-divider,
    .Stack--dir-inline-whenWide>.Stack-item>.Stack-divider {
        border-inline-end: var(--borderWidth-thin, 1px) solid var(--Stack-divider-color);
        inline-size: 0;
        block-size: auto
    }

    .Stack-item--expand-whenWide {
        flex-grow: 1
    }

    .Stack-item--keepSize-whenWide {
        flex-shrink: 0
    }
}

.filter-list {
    list-style-type: none
}

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

.filter-list.small .filter-item {
    padding: 6px 12px;
    font-size: 12px
}

.filter-list.pjax-active .filter-item {
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: transparent
}

.filter-list.pjax-active .filter-item.pjax-active {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.filter-item {
    position: relative;
    display: block;
    padding: 8px 16px;
    margin-bottom: 4px;
    overflow: hidden;
    font-size: 14px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 6px
}

.filter-item:hover {
    text-decoration: none;
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.filter-item.selected,
.filter-item[aria-selected=true],
.filter-item[aria-current]:not([aria-current=false]) {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.filter-item.selected:focus,
.filter-item[aria-selected=true]:focus,
.filter-item[aria-current]:not([aria-current=false]):focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.filter-item.selected:focus:not(:focus-visible),
.filter-item[aria-selected=true]:focus:not(:focus-visible),
.filter-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible) {
    outline: solid 1px transparent;
    box-shadow: none
}

.filter-item.selected:focus-visible,
.filter-item[aria-selected=true]:focus-visible,
.filter-item[aria-current]:not([aria-current=false]):focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.filter-item .count {
    float: right;
    font-weight: var(--base-text-weight-semibold, 600)
}

.filter-item .bar {
    position: absolute;
    top: 2px;
    right: 0;
    bottom: 2px;
    z-index: -1;
    display: inline-block;
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
}

.SideNav {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.SideNav-item {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: left;
    background-color: transparent;
    border: 0;
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SideNav-item:first-child {
    border-top: 0
}

.SideNav-item:last-child {
    box-shadow: 0 1px 0 var(--borderColor-default, var(--color-border-default))
}

.SideNav-item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 2px;
    pointer-events: none;
    content: ""
}

.SideNav-item:hover {
    text-decoration: none;
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
}

.SideNav-item:active {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.SideNav-item[aria-current]:not([aria-current=false]),
.SideNav-item[aria-selected=true] {
    background-color: var(--sideNav-bgColor-selected, var(--color-sidenav-selected-bg))
}

.SideNav-item[aria-current]:not([aria-current=false])::before,
.SideNav-item[aria-selected=true]::before {
    background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active))
}

.SideNav-icon {
    width: 16px;
    margin-right: 8px;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.Link--dashed:hover {
    border-bottom: 1px dashed var(--fgColor-muted, var(--color-fg-muted)) !important;
    margin-bottom: -1px
}

.Link--dashed.active {

    font-weight: 600
}

.Link--dashed.active:hover {
    border: 0 !important;
    font-weight: 600;
    cursor: default;
    color: var(--fgColor-muted, var(--color-fg-muted)) !important
}

.SideNav-subItem {
    position: relative;
    display: block;
    width: 100%;
    padding: 4px 0;
    color: var(--fgColor-accent, var(--color-accent-fg));
    text-align: left;
    background-color: transparent;
    border: 0
}

.SideNav-subItem:hover {
    color: var(--fgColor-default, var(--color-fg-default));
    text-decoration: none
}

.SideNav-subItem[aria-current]:not([aria-current=false]),
.SideNav-subItem[aria-selected=true] {
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-default, var(--color-fg-default))
}

.subnav {
    margin-bottom: 20px
}

.subnav::before {
    display: table;
    content: ""
}

.subnav::after {
    display: table;
    clear: both;
    content: ""
}

.subnav-bordered {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.subnav-flush {
    margin-bottom: 0
}

.subnav-item {
    position: relative;
    float: left;
    padding: 5px 16px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.subnav-item+.subnav-item {
    margin-left: -1px
}

.subnav-item:hover,
.subnav-item:focus {
    text-decoration: none;
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.subnav-item.selected,
.subnav-item[aria-selected=true],
.subnav-item[aria-current]:not([aria-current=false]) {
    z-index: 2;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis))
}

.subnav-item.selected:focus,
.subnav-item[aria-selected=true]:focus,
.subnav-item[aria-current]:not([aria-current=false]):focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.subnav-item.selected:focus:not(:focus-visible),
.subnav-item[aria-selected=true]:focus:not(:focus-visible),
.subnav-item[aria-current]:not([aria-current=false]):focus:not(:focus-visible) {
    outline: solid 1px transparent;
    box-shadow: none
}

.subnav-item.selected:focus-visible,
.subnav-item[aria-selected=true]:focus-visible,
.subnav-item[aria-current]:not([aria-current=false]):focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.subnav-item:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.subnav-item:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.subnav-search {
    position: relative;
    margin-left: 12px
}

.subnav-search-input {
    width: 320px;
    padding-left: 32px;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.subnav-search-input-wide {
    width: 500px
}

.subnav-search-icon {
    position: absolute;
    top: 9px;
    left: 8px;
    display: block;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    pointer-events: none
}

.subnav-search-context .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.subnav-search-context .btn:hover,
.subnav-search-context .btn:focus,
.subnav-search-context .btn:active,
.subnav-search-context .btn.selected {
    z-index: 2
}

.subnav-search-context+.subnav-search {
    margin-left: -1px
}

.subnav-search-context+.subnav-search .subnav-search-input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.subnav-search-context .select-menu-modal-holder {
    z-index: 30
}

.subnav-search-context .select-menu-modal {
    width: 220px
}

.subnav-search-context .select-menu-item-icon {
    color: inherit
}

.subnav-spacer-right {
    padding-right: 12px
}

.pagination a,
.pagination span,
.pagination em {
    min-width: 32px;
    padding: 5px 10px;
    font-style: normal;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: border-color .2s cubic-bezier(0.3, 0, 0.5, 1)
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus,
.pagination em:hover,
.pagination em:focus {
    text-decoration: none;
    border-color: var(--borderColor-default, var(--color-border-default));
    transition-duration: .1s
}

.pagination a:active,
.pagination span:active,
.pagination em:active {
    border-color: var(--borderColor-muted, var(--color-border-muted));
    transition: none
}

.pagination .previous_page,
.pagination .next_page {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.pagination .current,
.pagination .current:hover,
.pagination [aria-current]:not([aria-current=false]) {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border-color: transparent
}

.pagination .gap,
.pagination .disabled,
.pagination [aria-disabled=true],
.pagination .gap:hover,
.pagination .disabled:hover,
.pagination [aria-disabled=true]:hover {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: default;
    border-color: transparent
}

@supports(clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {

    .pagination .previous_page::before,
    .pagination .next_page::after {
        display: inline-block;
        width: 16px;
        height: 16px;
        vertical-align: text-bottom;
        content: "";
        background-color: currentColor
    }

    .pagination .previous_page::before {
        margin-right: 4px;
        clip-path: polygon(9.8px 12.8px, 8.7px 12.8px, 4.5px 8.5px, 4.5px 7.5px, 8.7px 3.2px, 9.8px 4.3px, 6.1px 8px, 9.8px 11.7px, 9.8px 12.8px)
    }

    .pagination .next_page::after {
        margin-left: 4px;
        clip-path: polygon(6.2px 3.2px, 7.3px 3.2px, 11.5px 7.5px, 11.5px 8.5px, 7.3px 12.8px, 6.2px 11.7px, 9.9px 8px, 6.2px 4.3px, 6.2px 3.2px)
    }
}

.pagination>* {
    display: none
}

.pagination>:first-child,
.pagination>:last-child,
.pagination>.previous_page,
.pagination>.next_page {
    display: inline-block
}

@media(min-width: 544px) {

    .pagination>:nth-child(2),
    .pagination>:nth-last-child(2),
    .pagination>.current,
    .pagination>.gap {
        display: inline-block
    }
}

@media(min-width: 768px) {
    .pagination>* {
        display: inline-block
    }
}

.paginate-container {
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center
}

.paginate-container .pagination {
    display: inline-block
}

.tooltipped {
    position: relative
}

.tooltipped::after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: .5em .75em;
    font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-font-smoothing: subpixel-antialiased;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
    border-radius: 6px;
    opacity: 0
}

.tooltipped::before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0;
    height: 0;
    color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
    pointer-events: none;
    content: "";
    border: 6px solid transparent;
    opacity: 0
}

@keyframes tooltip-appear {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.tooltipped:hover::before,
.tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
    display: inline-block;
    text-decoration: none;
    animation-name: tooltip-appear;
    animation-duration: .1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: .4s
}

.tooltipped-no-delay:hover::before,
.tooltipped-no-delay:hover::after,
.tooltipped-no-delay:active::before,
.tooltipped-no-delay:active::after,
.tooltipped-no-delay:focus::before,
.tooltipped-no-delay:focus::after {
    animation-delay: 0s
}

.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
    display: table-cell
}

.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
    top: 100%;
    right: 50%;
    margin-top: 6px
}

.tooltipped-s::before,
.tooltipped-se::before,
.tooltipped-sw::before {
    top: auto;
    right: 50%;
    bottom: -7px;
    margin-right: -6px;
    border-bottom-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus))
}





.tooltipped-se::after {
    right: auto;
    left: 50%;
    margin-left: -16px
}

.tooltipped-sw::after {
    margin-right: -16px
}

.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 6px
}

.tooltipped-n::before,
.tooltipped-ne::before,
.tooltipped-nw::before {
    top: -7px;
    right: 50%;
    bottom: auto;
    margin-right: -6px;
    border-top-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus))
}

.tooltipped-ne::after {
    right: auto;
    left: 50%;
    margin-left: -16px
}

.tooltipped-nw::after {
    margin-right: -16px
}

.tooltipped-s::after,
.tooltipped-n::after {
    transform: translateX(50%)
}

.tooltipped-w::after {
    right: 100%;
    bottom: 50%;
    margin-right: 6px;
    transform: translateY(50%)
}

.tooltipped-w::before {
    top: 50%;
    bottom: 50%;
    left: -7px;
    margin-top: -6px;
    border-left-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus))
}

.tooltipped-e::after {
    bottom: 50%;
    left: 100%;
    margin-left: 6px;
    transform: translateY(50%)
}

.tooltipped-e::before {
    top: 50%;
    right: -7px;
    bottom: 50%;
    margin-top: -6px;
    border-right-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus))
}

.tooltipped-align-right-1::after,
.tooltipped-align-right-2::after {
    right: 0;
    margin-right: 0
}

.tooltipped-align-right-1::before {
    right: 10px
}

.tooltipped-align-right-2::before {
    right: 15px
}

.tooltipped-align-left-1::after,
.tooltipped-align-left-2::after {
    left: 0;
    margin-left: 0
}

.tooltipped-align-left-1::before {
    left: 5px
}

.tooltipped-align-left-2::before {
    left: 10px
}

.tooltipped-multiline::after {
    width: max-content;
    max-width: 250px;
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: separate
}

.tooltipped-multiline-left::after {
    width: max-content;
    max-width: 250px;
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: separate;
    text-align: left
}

.tooltipped-multiline.tooltipped-s::after,
.tooltipped-multiline.tooltipped-n::after {
    right: auto;
    left: 50%;
    transform: translateX(-50%)
}

.tooltipped-multiline.tooltipped-w::after,
.tooltipped-multiline.tooltipped-e::after {
    right: 100%
}

.tooltipped-sticky::before,
.tooltipped-sticky::after {
    display: inline-block
}

.tooltipped-sticky.tooltipped-multiline::after {
    display: table-cell
}

.anim-fade-in {
    animation-name: fade-in;
    animation-duration: 1s;
    animation-timing-function: ease-in-out
}

.anim-fade-in.fast {
    animation-duration: 300ms
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.anim-fade-out {
    animation-name: fade-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

.anim-fade-out.fast {
    animation-duration: .3s
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.anim-fade-up {
    opacity: 0;
    animation-name: fade-up;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
    animation-delay: 1s
}

@keyframes fade-up {
    0% {
        opacity: .8;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.anim-fade-down {
    animation-name: fade-down;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in
}

@keyframes fade-down {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: .5;
        transform: translateY(100%)
    }
}

.anim-grow-x {
    width: 0%;
    animation-name: grow-x;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-delay: .5s
}

@keyframes grow-x {
    to {
        width: 100%
    }
}

.anim-shrink-x {
    animation-name: shrink-x;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    animation-delay: .5s
}

@keyframes shrink-x {
    to {
        width: 0%
    }
}

.anim-scale-in {
    animation-name: scale-in;
    animation-duration: .15s;
    animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5)
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.anim-pulse {
    animation-name: pulse;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

@keyframes pulse {
    0% {
        opacity: .3
    }

    10% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

.anim-pulse-in {
    animation-name: pulse-in;
    animation-duration: .5s
}

@keyframes pulse-in {
    0% {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    100% {
        transform: scale3d(1, 1, 1)
    }
}

.hover-grow,
.anim-hover-grow {
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.hover-grow:hover,
.anim-hover-grow:hover {
    transform: scale(1.025)
}

.anim-rotate {
    animation: rotate-keyframes 1s linear infinite
}

@keyframes rotate-keyframes {
    100% {
        transform: rotate(360deg)
    }
}

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

@keyframes Overlay--motion-slideDown {
    0% {
        transform: translateY(-100%)
    }
}

@keyframes Overlay--motion-slideUp {
    0% {
        transform: translateY(100%)
    }
}

@keyframes Overlay--motion-slideInRight {
    0% {
        transform: translateX(-100%)
    }
}

@keyframes Overlay--motion-slideInLeft {
    0% {
        transform: translateX(100%)
    }
}

.border-x {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border-y {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important;
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border {
    border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border-right {
    border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border-bottom {
    border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
}

.border-left {
    border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, 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: var(--borderRadius-medium, 6px) !important
}

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

.rounded-1 {
    border-radius: var(--borderRadius-small, 4px) !important
}

.rounded-2 {
    border-radius: var(--borderRadius-medium, 6px) !important
}

.rounded-3 {
    border-radius: var(--borderRadius-large, 8px) !important
}

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

.rounded-top-1 {
    border-top-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-right-radius: var(--borderRadius-small, 4px) !important
}

.rounded-top-2 {
    border-top-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-right-radius: var(--borderRadius-medium, 6px) !important
}

.rounded-top-3 {
    border-top-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-right-radius: var(--borderRadius-medium, 8px) !important
}

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

.rounded-right-1 {
    border-top-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important
}

.rounded-right-2 {
    border-top-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important
}

.rounded-right-3 {
    border-top-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important
}

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

.rounded-bottom-1 {
    border-bottom-right-radius: var(--borderRadius-small, 4px) !important;
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important
}

.rounded-bottom-2 {
    border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important
}

.rounded-bottom-3 {
    border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important
}

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

.rounded-left-1 {
    border-bottom-left-radius: var(--borderRadius-small, 4px) !important;
    border-top-left-radius: var(--borderRadius-small, 4px) !important
}

.rounded-left-2 {
    border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
    border-top-left-radius: var(--borderRadius-medium, 6px) !important
}

.rounded-left-3 {
    border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
    border-top-left-radius: var(--borderRadius-medium, 8px) !important
}

@media(min-width: 544px) {
    .border-sm {
        border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

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

    .border-sm-top {
        border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-sm-right {
        border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-sm-bottom {
        border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-sm-left {
        border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, 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: var(--borderRadius-medium, 6px) !important
    }

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

    .rounded-sm-1 {
        border-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-sm-2 {
        border-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-sm-3 {
        border-radius: var(--borderRadius-large, 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: var(--borderRadius-small, 4px) !important;
        border-top-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-sm-top-2 {
        border-top-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-sm-top-3 {
        border-top-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-sm-right-2 {
        border-top-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-sm-right-3 {
        border-top-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-sm-bottom-2 {
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-sm-bottom-3 {
        border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-top-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-sm-left-2 {
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-sm-left-3 {
        border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-left-radius: var(--borderRadius-medium, 8px) !important
    }
}

@media(min-width: 768px) {
    .border-md {
        border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

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

    .border-md-top {
        border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-md-right {
        border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-md-bottom {
        border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-md-left {
        border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, 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: var(--borderRadius-medium, 6px) !important
    }

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

    .rounded-md-1 {
        border-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-md-2 {
        border-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-md-3 {
        border-radius: var(--borderRadius-large, 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: var(--borderRadius-small, 4px) !important;
        border-top-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-md-top-2 {
        border-top-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-md-top-3 {
        border-top-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-md-right-2 {
        border-top-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-md-right-3 {
        border-top-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-md-bottom-2 {
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-md-bottom-3 {
        border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-top-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-md-left-2 {
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-md-left-3 {
        border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-left-radius: var(--borderRadius-medium, 8px) !important
    }
}

@media(min-width: 1012px) {
    .border-lg {
        border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

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

    .border-lg-top {
        border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-lg-right {
        border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-lg-bottom {
        border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-lg-left {
        border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, 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: var(--borderRadius-medium, 6px) !important
    }

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

    .rounded-lg-1 {
        border-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-lg-2 {
        border-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-lg-3 {
        border-radius: var(--borderRadius-large, 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: var(--borderRadius-small, 4px) !important;
        border-top-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-lg-top-2 {
        border-top-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-lg-top-3 {
        border-top-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-lg-right-2 {
        border-top-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-lg-right-3 {
        border-top-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-lg-bottom-2 {
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-lg-bottom-3 {
        border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-top-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-lg-left-2 {
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-lg-left-3 {
        border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-left-radius: var(--borderRadius-medium, 8px) !important
    }
}

@media(min-width: 1280px) {
    .border-xl {
        border: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

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

    .border-xl-top {
        border-top: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-xl-right {
        border-right: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-xl-bottom {
        border-bottom: var(--borderWidth-thin, 1px) solid var(--borderColor-default, var(--color-border-default)) !important
    }

    .border-xl-left {
        border-left: var(--borderWidth-thin, 1px) solid var(--borderColor-default, 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: var(--borderRadius-medium, 6px) !important
    }

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

    .rounded-xl-1 {
        border-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-xl-2 {
        border-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-xl-3 {
        border-radius: var(--borderRadius-large, 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: var(--borderRadius-small, 4px) !important;
        border-top-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-xl-top-2 {
        border-top-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-xl-top-3 {
        border-top-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-right-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-xl-right-2 {
        border-top-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-xl-right-3 {
        border-top-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-right-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-bottom-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-xl-bottom-2 {
        border-bottom-right-radius: var(--borderRadius-medium, 6px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-xl-bottom-3 {
        border-bottom-right-radius: var(--borderRadius-medium, 8px) !important;
        border-bottom-left-radius: var(--borderRadius-medium, 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: var(--borderRadius-small, 4px) !important;
        border-top-left-radius: var(--borderRadius-small, 4px) !important
    }

    .rounded-xl-left-2 {
        border-bottom-left-radius: var(--borderRadius-medium, 6px) !important;
        border-top-left-radius: var(--borderRadius-medium, 6px) !important
    }

    .rounded-xl-left-3 {
        border-bottom-left-radius: var(--borderRadius-medium, 8px) !important;
        border-top-left-radius: var(--borderRadius-medium, 8px) !important
    }
}

.circle {
    border-radius: var(--borderRadius-full, 50%) !important
}

.border-dashed {
    border-style: dashed !important
}

.color-shadow-small {
    box-shadow: var(--shadow-resting-small, var(--color-shadow-small)) !important
}

.color-shadow-medium {
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)) !important
}

.color-shadow-large {
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large)) !important
}

.color-shadow-extra-large {
    box-shadow: var(--shadow-floating-xlarge, var(--color-shadow-extra-large)) !important
}

.box-shadow-none {
    box-shadow: none !important
}

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

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

.color-fg-subtle {
    color: var(--fgColor-muted, var(--color-fg-subtle)) !important
}

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

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

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

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

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

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

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

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

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

.color-fg-on-emphasis {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)) !important
}

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

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

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

.color-bg-subtle {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle)) !important
}

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

.color-bg-accent {
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle)) !important
}

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

.color-bg-success {
    background-color: var(--bgColor-success-muted, var(--color-success-subtle)) !important
}

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

.color-bg-attention {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle)) !important
}

.kanNLm {
    position: relative;
    padding: 16px;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    color: rgb(31, 35, 40);
    background-color: rgb(255, 248, 197);
    border-color: rgba(212, 167, 44, 0.4);

}

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

.color-bg-severe {
    background-color: var(--bgColor-severe-muted, var(--color-severe-subtle)) !important
}

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

.color-bg-danger {
    background-color: var(--bgColor-danger-muted, var(--color-danger-subtle)) !important
}

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

.color-bg-open {
    background-color: var(--bgColor-open-muted, var(--color-open-subtle)) !important
}

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

.color-bg-closed {
    background-color: var(--bgColor-closed-muted, var(--color-closed-subtle)) !important
}

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

.color-bg-done {
    background-color: var(--bgColor-done-muted, var(--color-done-subtle)) !important
}

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

.color-bg-sponsors {
    background-color: var(--bgColor-sponsors-muted, var(--color-sponsors-subtle)) !important
}

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

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

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

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

.color-border-subtle {
    border-color: var(--borderColor-muted, var(--color-border-subtle)) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.color-border-sponsors-emphasis {
    border-color: var(--borderColor-sponsors-emphasis, 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(--overlay-backdrop-bgColor, 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(--focus-outlineColor, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-reset>summary.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-overlay>summary.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, 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(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column {
    flex-direction: column !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-justify-start {
    justify-content: flex-start !important
}

.flex-justify-end {
    justify-content: flex-end !important
}

.flex-justify-center {
    justify-content: center !important
}

.flex-justify-between {
    justify-content: space-between !important
}

.flex-justify-around {
    justify-content: space-around !important
}

.flex-items-start {
    align-items: flex-start !important
}

.flex-items-end {
    align-items: flex-end !important
}

.flex-items-center {
    align-items: center !important
}

.flex-items-baseline {
    align-items: baseline !important
}

.flex-items-stretch {
    align-items: stretch !important
}

.flex-content-start {
    align-content: flex-start !important
}

.flex-content-end {
    align-content: flex-end !important
}

.flex-content-center {
    align-content: center !important
}

.flex-content-between {
    align-content: space-between !important
}

.flex-content-around {
    align-content: space-around !important
}

.flex-content-stretch {
    align-content: stretch !important
}

.flex-1 {
    flex: 1 !important
}

.flex-auto {
    flex: auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-self-auto {
    align-self: auto !important
}

.flex-self-start {
    align-self: flex-start !important
}

.flex-self-end {
    align-self: flex-end !important
}

.flex-self-center {
    align-self: center !important
}

.flex-self-baseline {
    align-self: baseline !important
}

.flex-self-stretch {
    align-self: stretch !important
}

.flex-order-1 {
    order: 1 !important
}

.flex-order-2 {
    order: 2 !important
}

.flex-order-none {
    order: inherit !important
}

@media(min-width: 544px) {
    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-justify-start {
        justify-content: flex-start !important
    }

    .flex-sm-justify-end {
        justify-content: flex-end !important
    }

    .flex-sm-justify-center {
        justify-content: center !important
    }

    .flex-sm-justify-between {
        justify-content: space-between !important
    }

    .flex-sm-justify-around {
        justify-content: space-around !important
    }

    .flex-sm-items-start {
        align-items: flex-start !important
    }

    .flex-sm-items-end {
        align-items: flex-end !important
    }

    .flex-sm-items-center {
        align-items: center !important
    }

    .flex-sm-items-baseline {
        align-items: baseline !important
    }

    .flex-sm-items-stretch {
        align-items: stretch !important
    }

    .flex-sm-content-start {
        align-content: flex-start !important
    }

    .flex-sm-content-end {
        align-content: flex-end !important
    }

    .flex-sm-content-center {
        align-content: center !important
    }

    .flex-sm-content-between {
        align-content: space-between !important
    }

    .flex-sm-content-around {
        align-content: space-around !important
    }

    .flex-sm-content-stretch {
        align-content: stretch !important
    }

    .flex-sm-1 {
        flex: 1 !important
    }

    .flex-sm-auto {
        flex: auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-self-auto {
        align-self: auto !important
    }

    .flex-sm-self-start {
        align-self: flex-start !important
    }

    .flex-sm-self-end {
        align-self: flex-end !important
    }

    .flex-sm-self-center {
        align-self: center !important
    }

    .flex-sm-self-baseline {
        align-self: baseline !important
    }

    .flex-sm-self-stretch {
        align-self: stretch !important
    }

    .flex-sm-order-1 {
        order: 1 !important
    }

    .flex-sm-order-2 {
        order: 2 !important
    }

    .flex-sm-order-none {
        order: inherit !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-justify-start {
        justify-content: flex-start !important
    }

    .flex-md-justify-end {
        justify-content: flex-end !important
    }

    .flex-md-justify-center {
        justify-content: center !important
    }

    .flex-md-justify-between {
        justify-content: space-between !important
    }

    .flex-md-justify-around {
        justify-content: space-around !important
    }

    .flex-md-items-start {
        align-items: flex-start !important
    }

    .flex-md-items-end {
        align-items: flex-end !important
    }

    .flex-md-items-center {
        align-items: center !important
    }

    .flex-md-items-baseline {
        align-items: baseline !important
    }

    .flex-md-items-stretch {
        align-items: stretch !important
    }

    .flex-md-content-start {
        align-content: flex-start !important
    }

    .flex-md-content-end {
        align-content: flex-end !important
    }

    .flex-md-content-center {
        align-content: center !important
    }

    .flex-md-content-between {
        align-content: space-between !important
    }

    .flex-md-content-around {
        align-content: space-around !important
    }

    .flex-md-content-stretch {
        align-content: stretch !important
    }

    .flex-md-1 {
        flex: 1 !important
    }

    .flex-md-auto {
        flex: auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-self-auto {
        align-self: auto !important
    }

    .flex-md-self-start {
        align-self: flex-start !important
    }

    .flex-md-self-end {
        align-self: flex-end !important
    }

    .flex-md-self-center {
        align-self: center !important
    }

    .flex-md-self-baseline {
        align-self: baseline !important
    }

    .flex-md-self-stretch {
        align-self: stretch !important
    }

    .flex-md-order-1 {
        order: 1 !important
    }

    .flex-md-order-2 {
        order: 2 !important
    }

    .flex-md-order-none {
        order: inherit !important
    }
}

@media(min-width: 1012px) {
    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-justify-start {
        justify-content: flex-start !important
    }

    .flex-lg-justify-end {
        justify-content: flex-end !important
    }

    .flex-lg-justify-center {
        justify-content: center !important
    }

    .flex-lg-justify-between {
        justify-content: space-between !important
    }

    .flex-lg-justify-around {
        justify-content: space-around !important
    }

    .flex-lg-items-start {
        align-items: flex-start !important
    }

    .flex-lg-items-end {
        align-items: flex-end !important
    }

    .flex-lg-items-center {
        align-items: center !important
    }

    .flex-lg-items-baseline {
        align-items: baseline !important
    }

    .flex-lg-items-stretch {
        align-items: stretch !important
    }

    .flex-lg-content-start {
        align-content: flex-start !important
    }

    .flex-lg-content-end {
        align-content: flex-end !important
    }

    .flex-lg-content-center {
        align-content: center !important
    }

    .flex-lg-content-between {
        align-content: space-between !important
    }

    .flex-lg-content-around {
        align-content: space-around !important
    }

    .flex-lg-content-stretch {
        align-content: stretch !important
    }

    .flex-lg-1 {
        flex: 1 !important
    }

    .flex-lg-auto {
        flex: auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-self-auto {
        align-self: auto !important
    }

    .flex-lg-self-start {
        align-self: flex-start !important
    }

    .flex-lg-self-end {
        align-self: flex-end !important
    }

    .flex-lg-self-center {
        align-self: center !important
    }

    .flex-lg-self-baseline {
        align-self: baseline !important
    }

    .flex-lg-self-stretch {
        align-self: stretch !important
    }

    .flex-lg-order-1 {
        order: 1 !important
    }

    .flex-lg-order-2 {
        order: 2 !important
    }

    .flex-lg-order-none {
        order: inherit !important
    }
}

@media(min-width: 1280px) {
    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-justify-start {
        justify-content: flex-start !important
    }

    .flex-xl-justify-end {
        justify-content: flex-end !important
    }

    .flex-xl-justify-center {
        justify-content: center !important
    }

    .flex-xl-justify-between {
        justify-content: space-between !important
    }

    .flex-xl-justify-around {
        justify-content: space-around !important
    }

    .flex-xl-items-start {
        align-items: flex-start !important
    }

    .flex-xl-items-end {
        align-items: flex-end !important
    }

    .flex-xl-items-center {
        align-items: center !important
    }

    .flex-xl-items-baseline {
        align-items: baseline !important
    }

    .flex-xl-items-stretch {
        align-items: stretch !important
    }

    .flex-xl-content-start {
        align-content: flex-start !important
    }

    .flex-xl-content-end {
        align-content: flex-end !important
    }

    .flex-xl-content-center {
        align-content: center !important
    }

    .flex-xl-content-between {
        align-content: space-between !important
    }

    .flex-xl-content-around {
        align-content: space-around !important
    }

    .flex-xl-content-stretch {
        align-content: stretch !important
    }

    .flex-xl-1 {
        flex: 1 !important
    }

    .flex-xl-auto {
        flex: auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-self-auto {
        align-self: auto !important
    }

    .flex-xl-self-start {
        align-self: flex-start !important
    }

    .flex-xl-self-end {
        align-self: flex-end !important
    }

    .flex-xl-self-center {
        align-self: center !important
    }

    .flex-xl-self-baseline {
        align-self: baseline !important
    }

    .flex-xl-self-stretch {
        align-self: stretch !important
    }

    .flex-xl-order-1 {
        order: 1 !important
    }

    .flex-xl-order-2 {
        order: 2 !important
    }

    .flex-xl-order-none {
        order: inherit !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

@media(min-width: 544px) {
    .position-sm-static {
        position: static !important
    }

    .position-sm-relative {
        position: relative !important
    }

    .position-sm-absolute {
        position: absolute !important
    }

    .position-sm-fixed {
        position: fixed !important
    }

    .position-sm-sticky {
        position: sticky !important
    }
}

@media(min-width: 768px) {
    .position-md-static {
        position: static !important
    }

    .position-md-relative {
        position: relative !important
    }

    .position-md-absolute {
        position: absolute !important
    }

    .position-md-fixed {
        position: fixed !important
    }

    .position-md-sticky {
        position: sticky !important
    }
}

@media(min-width: 1012px) {
    .position-lg-static {
        position: static !important
    }

    .position-lg-relative {
        position: relative !important
    }

    .position-lg-absolute {
        position: absolute !important
    }

    .position-lg-fixed {
        position: fixed !important
    }

    .position-lg-sticky {
        position: sticky !important
    }
}

@media(min-width: 1280px) {
    .position-xl-static {
        position: static !important
    }

    .position-xl-relative {
        position: relative !important
    }

    .position-xl-absolute {
        position: absolute !important
    }

    .position-xl-fixed {
        position: fixed !important
    }

    .position-xl-sticky {
        position: sticky !important
    }
}

.SidebarIgnore {
    grid-column: 1/-1 !important;
}

.top-0 {
    top: 0 !important
}

.top-1 {
    top: 1px !important
}

.top-2 {
    top: 2px !important
}

.top-16 {
    top: 64px !important;
}

.tn-1 {
    top: -1px !important
}

.tn-2 {
    top: -2px !important
}

.right-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.left-0 {
    left: 0 !important
}

.top-auto {
    top: auto !important
}

.right-auto {
    right: auto !important
}

.bottom-auto {
    bottom: auto !important
}

.left-auto {
    left: auto !important
}

@media(min-width: 544px) {
    .top-sm-0 {
        top: 0 !important
    }

    .right-sm-0 {
        right: 0 !important
    }

    .bottom-sm-0 {
        bottom: 0 !important
    }

    .left-sm-0 {
        left: 0 !important
    }

    .top-sm-auto {
        top: auto !important
    }

    .right-sm-auto {
        right: auto !important
    }

    .bottom-sm-auto {
        bottom: auto !important
    }

    .left-sm-auto {
        left: auto !important
    }
}

@media(min-width: 768px) {
    .top-md-0 {
        top: 0 !important
    }

    .right-md-0 {
        right: 0 !important
    }

    .bottom-md-0 {
        bottom: 0 !important
    }

    .left-md-0 {
        left: 0 !important
    }

    .top-md-auto {
        top: auto !important
    }

    .right-md-auto {
        right: auto !important
    }

    .bottom-md-auto {
        bottom: auto !important
    }

    .left-md-auto {
        left: auto !important
    }
}

@media(min-width: 1012px) {
    .top-lg-0 {
        top: 0 !important
    }

    .right-lg-0 {
        right: 0 !important
    }

    .bottom-lg-0 {
        bottom: 0 !important
    }

    .left-lg-0 {
        left: 0 !important
    }

    .top-lg-auto {
        top: auto !important
    }

    .right-lg-auto {
        right: auto !important
    }

    .bottom-lg-auto {
        bottom: auto !important
    }

    .left-lg-auto {
        left: auto !important
    }
}

@media(min-width: 1280px) {
    .top-xl-0 {
        top: 0 !important
    }

    .right-xl-0 {
        right: 0 !important
    }

    .bottom-xl-0 {
        bottom: 0 !important
    }

    .left-xl-0 {
        left: 0 !important
    }

    .top-xl-auto {
        top: auto !important
    }

    .right-xl-auto {
        right: auto !important
    }

    .bottom-xl-auto {
        bottom: auto !important
    }

    .left-xl-auto {
        left: auto !important
    }
}

.v-align-middle {
    vertical-align: middle !important
}

.v-align-top {
    vertical-align: top !important
}

.v-align-bottom {
    vertical-align: bottom !important
}

.v-align-text-top {
    vertical-align: text-top !important
}

.v-align-text-bottom {
    vertical-align: text-bottom !important
}

.v-align-baseline {
    vertical-align: baseline !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

@media(min-width: 544px) {
    .overflow-sm-visible {
        overflow: visible !important
    }

    .overflow-sm-x-visible {
        overflow-x: visible !important
    }

    .overflow-sm-y-visible {
        overflow-y: visible !important
    }

    .overflow-sm-hidden {
        overflow: hidden !important
    }

    .overflow-sm-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-sm-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-sm-auto {
        overflow: auto !important
    }

    .overflow-sm-x-auto {
        overflow-x: auto !important
    }

    .overflow-sm-y-auto {
        overflow-y: auto !important
    }

    .overflow-sm-scroll {
        overflow: scroll !important
    }

    .overflow-sm-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-sm-y-scroll {
        overflow-y: scroll !important
    }
}

.no-scroll {
    overflow: hidden;
  }

@media(min-width: 768px) {
    .overflow-md-visible {
        overflow: visible !important
    }

    .overflow-md-x-visible {
        overflow-x: visible !important
    }

    .overflow-md-y-visible {
        overflow-y: visible !important
    }

    .overflow-md-hidden {
        overflow: hidden !important
    }

    .overflow-md-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-md-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-md-auto {
        overflow: auto !important
    }

    .overflow-md-x-auto {
        overflow-x: auto !important
    }

    .overflow-md-y-auto {
        overflow-y: auto !important
    }

    .overflow-md-scroll {
        overflow: scroll !important
    }

    .overflow-md-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-md-y-scroll {
        overflow-y: scroll !important
    }
}

@media(min-width: 1012px) {
    .overflow-lg-visible {
        overflow: visible !important
    }

    .overflow-lg-x-visible {
        overflow-x: visible !important
    }

    .overflow-lg-y-visible {
        overflow-y: visible !important
    }

    .overflow-lg-hidden {
        overflow: hidden !important
    }

    .overflow-lg-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-lg-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-lg-auto {
        overflow: auto !important
    }

    .overflow-lg-x-auto {
        overflow-x: auto !important
    }

    .overflow-lg-y-auto {
        overflow-y: auto !important
    }

    .overflow-lg-scroll {
        overflow: scroll !important
    }

    .overflow-lg-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-lg-y-scroll {
        overflow-y: scroll !important
    }
}

@media(min-width: 1280px) {
    .overflow-xl-visible {
        overflow: visible !important
    }

    .overflow-xl-x-visible {
        overflow-x: visible !important
    }

    .overflow-xl-y-visible {
        overflow-y: visible !important
    }

    .overflow-xl-hidden {
        overflow: hidden !important
    }

    .overflow-xl-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-xl-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-xl-auto {
        overflow: auto !important
    }

    .overflow-xl-x-auto {
        overflow-x: auto !important
    }

    .overflow-xl-y-auto {
        overflow-y: auto !important
    }

    .overflow-xl-scroll {
        overflow: scroll !important
    }

    .overflow-xl-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-xl-y-scroll {
        overflow-y: scroll !important
    }
}

.clearfix::before {
    display: table;
    content: ""
}

.clearfix::after {
    display: table;
    clear: both;
    content: ""
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 544px) {
    .float-sm-left {
        float: left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float: left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width: 1012px) {
    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1280px) {
    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

/* .width-fit {
    max-width: 100% !important
} */

.width-full {
    width: 100% !important
}

.width-comfortable {
    max-width: 65ch !important
}

.height-fit {
    max-height: 100% !important
}

.height-full {
    height: 100% !important
}

.min-width-0 {
    min-width: 0 !important
}

.width-auto {
    width: auto !important
}

.direction-rtl {
    direction: rtl !important
}

.direction-ltr {
    direction: ltr !important
}

@media(min-width: 544px) {
    .width-sm-auto {
        width: auto !important
    }


    .direction-sm-rtl {
        direction: rtl !important
    }

    .direction-sm-ltr {
        direction: ltr !important
    }
}

@media(min-width: 768px) {
    .width-md-auto {
        width: auto !important
    }

    .direction-md-rtl {
        direction: rtl !important
    }

    .direction-md-ltr {
        direction: ltr !important
    }
}

@media(min-width: 1012px) {
    .width-lg-auto {
        width: auto !important
    }

    .direction-lg-rtl {
        direction: rtl !important
    }

    .direction-lg-ltr {
        direction: ltr !important
    }
}

@media(min-width: 1280px) {
    .width-xl-auto {
        width: auto !important
    }

    .direction-xl-rtl {
        direction: rtl !important
    }

    .direction-xl-ltr {
        direction: ltr !important
    }
}

.m-0 {
    margin: 0 !important
}

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

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: var(--base-size-4, 4px) !important
}

.mt-1 {
    margin-top: var(--base-size-4, 4px) !important
}

.mb-1 {
    margin-bottom: var(--base-size-4, 4px) !important
}

.mr-1 {
    margin-right: var(--base-size-4, 4px) !important
}

.ml-1 {
    margin-left: var(--base-size-4, 4px) !important
}

.mt-n1 {
    margin-top: calc(-1*var(--base-size-4, 4px)) !important
}

.mb-n1 {
    margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
}

.mr-n1 {
    margin-right: calc(-1*var(--base-size-4, 4px)) !important
}

.ml-n1 {
    margin-left: calc(-1*var(--base-size-4, 4px)) !important
}

.mx-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important
}

.my-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important
}

.mt-1-5 {
    margin-top: 6px !important;
}

.m-2 {
    margin: var(--base-size-8, 8px) !important
}

.mt-2 {
    margin-top: var(--base-size-8, 8px) !important
}

.mb-2 {
    margin-bottom: var(--base-size-8, 8px) !important
}

.mr-2 {
    margin-right: var(--base-size-8, 8px) !important
}

.ml-2 {
    margin-left: var(--base-size-8, 8px) !important
}

.mt-n2 {
    margin-top: calc(-1*var(--base-size-8, 8px)) !important
}

.mb-n2 {
    margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
}

.mr-n2 {
    margin-right: calc(-1*var(--base-size-8, 8px)) !important
}

.ml-n2 {
    margin-left: calc(-1*var(--base-size-8, 8px)) !important
}

.mx-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important
}

.my-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important
}

.m-3 {
    margin: var(--base-size-16, 16px) !important
}

.mt-12px {
    margin-top: var(--base-size-12, 12px) !important
}

.mt-3 {
    margin-top: var(--base-size-16, 16px) !important
}

.mb-3 {
    margin-bottom: var(--base-size-16, 16px) !important
}

.mr-3 {
    margin-right: var(--base-size-16, 16px) !important
}

.ml-3 {
    margin-left: var(--base-size-16, 16px) !important
}

.mt-n3 {
    margin-top: calc(-1*var(--base-size-16, 16px)) !important
}

.mb-n3 {
    margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
}

.mr-n3 {
    margin-right: calc(-1*var(--base-size-16, 16px)) !important
}

.ml-n3 {
    margin-left: calc(-1*var(--base-size-16, 16px)) !important
}

.mx-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important
}

.my-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important
}

.m-4 {
    margin: var(--base-size-24, 24px) !important
}

.mt-4 {
    margin-top: var(--base-size-24, 24px) !important
}

.mb-4 {
    margin-bottom: var(--base-size-24, 24px) !important
}

.mr-4 {
    margin-right: var(--base-size-24, 24px) !important
}

.ml-4 {
    margin-left: var(--base-size-24, 24px) !important
}

.mt-n4 {
    margin-top: calc(-1*var(--base-size-24, 24px)) !important
}

.mb-n4 {
    margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
}

.mr-n4 {
    margin-right: calc(-1*var(--base-size-24, 24px)) !important
}

.ml-n4 {
    margin-left: calc(-1*var(--base-size-24, 24px)) !important
}

.mx-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important
}

.my-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important
}

.m-5 {
    margin: var(--base-size-32, 32px) !important
}

.mt-5 {
    margin-top: var(--base-size-32, 32px) !important
}

.mb-5 {
    margin-bottom: var(--base-size-32, 32px) !important
}

.mr-5 {
    margin-right: var(--base-size-32, 32px) !important
}

.ml-5 {
    margin-left: var(--base-size-32, 32px) !important
}

.mt-n5 {
    margin-top: calc(-1*var(--base-size-32, 32px)) !important
}

.mb-n5 {
    margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
}

.mr-n5 {
    margin-right: calc(-1*var(--base-size-32, 32px)) !important
}

.ml-n5 {
    margin-left: calc(-1*var(--base-size-32, 32px)) !important
}

.mx-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important
}

.my-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important
}

.m-6 {
    margin: var(--base-size-40, 40px) !important
}

.mt-6 {
    margin-top: var(--base-size-40, 40px) !important
}

.mb-6 {
    margin-bottom: var(--base-size-40, 40px) !important
}

.mr-6 {
    margin-right: var(--base-size-40, 40px) !important
}

.ml-6 {
    margin-left: var(--base-size-40, 40px) !important
}

.mt-n6 {
    margin-top: calc(-1*var(--base-size-40, 40px)) !important
}

.mb-n6 {
    margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
}

.mr-n6 {
    margin-right: calc(-1*var(--base-size-40, 40px)) !important
}

.ml-n6 {
    margin-left: calc(-1*var(--base-size-40, 40px)) !important
}

.mx-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important
}

.my-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important
}

.mt-7 {
    margin-top: var(--base-size-48, 48px) !important
}

.mb-7 {
    margin-bottom: var(--base-size-48, 48px) !important
}

.mt-n7 {
    margin-top: calc(-1*var(--base-size-48, 48px)) !important
}

.mb-n7 {
    margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
}

.my-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important
}

.mt-8 {
    margin-top: var(--base-size-64, 64px) !important
}

.mb-8 {
    margin-bottom: var(--base-size-64, 64px) !important
}

.mt-n8 {
    margin-top: calc(-1*var(--base-size-64, 64px)) !important
}

.mb-n8 {
    margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
}

.my-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important
}

.mt-9 {
    margin-top: var(--base-size-80, 80px) !important
}

.mb-9 {
    margin-bottom: var(--base-size-80, 80px) !important
}

.mt-n9 {
    margin-top: calc(-1*var(--base-size-80, 80px)) !important
}

.mb-n9 {
    margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
}

.my-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important
}

.mt-10 {
    margin-top: var(--base-size-96, 96px) !important
}

.mb-10 {
    margin-bottom: var(--base-size-96, 96px) !important
}

.mt-n10 {
    margin-top: calc(-1*var(--base-size-96, 96px)) !important
}

.mb-n10 {
    margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
}

.my-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important
}

.mt-11 {
    margin-top: var(--base-size-112, 112px) !important
}

.mb-11 {
    margin-bottom: var(--base-size-112, 112px) !important
}

.mt-n11 {
    margin-top: calc(-1*var(--base-size-112, 112px)) !important
}

.mb-n11 {
    margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
}

.my-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important
}

.mt-12 {
    margin-top: var(--base-size-128, 128px) !important
}

.mb-12 {
    margin-bottom: var(--base-size-128, 128px) !important
}

.mt-n12 {
    margin-top: calc(-1*var(--base-size-128, 128px)) !important
}

.mb-n12 {
    margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
}

.my-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

@media(min-width: 544px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-sm-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-sm-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-sm-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-sm-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-sm-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-sm-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-sm-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-sm-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-sm-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-sm-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-sm-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-sm-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-sm-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-sm-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-sm-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-sm-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-sm-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-sm-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-sm-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-sm-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-sm-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-sm-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-sm-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-sm-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-sm-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-sm-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-sm-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-sm-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-sm-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-sm-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-sm-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-sm-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-sm-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-sm-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-sm-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-sm-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-sm-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-sm-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-sm-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-sm-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-sm-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-sm-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-sm-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-sm-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-sm-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-sm-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-sm-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-sm-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-sm-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-sm-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-sm-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-sm-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-sm-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-sm-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-sm-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-sm-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-sm-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-sm-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-sm-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-sm-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-sm-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-sm-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-sm-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-sm-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-sm-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-sm-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-sm-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-sm-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-sm-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-sm-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-sm-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-sm-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-sm-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-sm-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-sm-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-sm-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-sm-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-sm-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-sm-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-sm-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-sm-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-sm-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-sm-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-sm-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-sm-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-sm-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-sm-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-sm-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-sm-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-sm-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-sm-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-sm-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-sm-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-sm-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-sm-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-md-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-md-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-md-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-md-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-md-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-md-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-md-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-md-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-md-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-md-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-md-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-md-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-md-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-md-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-md-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-md-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-md-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-md-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-md-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-md-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-md-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-md-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-md-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-md-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-md-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-md-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-md-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-md-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-md-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-md-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-md-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-md-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-md-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-md-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-md-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-md-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-md-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-md-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-md-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-md-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-md-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-md-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-md-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-md-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-md-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-md-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-md-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-md-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-md-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-md-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-md-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-md-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-md-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-md-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-md-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-md-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-md-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-md-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-md-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-md-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-md-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-md-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-md-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-md-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-md-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-md-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-md-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-md-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-md-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-md-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-md-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-md-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-md-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-md-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-md-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-md-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-md-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-md-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-md-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-md-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-md-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-md-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-md-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-md-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-md-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-md-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-md-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-md-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-md-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-md-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-md-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-md-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-md-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-md-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-md-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 1012px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-lg-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-lg-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-lg-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-lg-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-lg-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-lg-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-lg-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-lg-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-lg-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-lg-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-lg-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-lg-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-lg-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-lg-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-lg-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-lg-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-lg-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-lg-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-lg-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-lg-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-lg-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-lg-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-lg-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-lg-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-lg-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-lg-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-lg-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-lg-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-lg-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-lg-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-lg-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-lg-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-lg-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-lg-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-lg-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-lg-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-lg-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-lg-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-lg-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-lg-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-lg-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-lg-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-lg-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-lg-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-lg-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-lg-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-lg-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-lg-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-lg-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-lg-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-lg-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-lg-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-lg-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-lg-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-lg-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-lg-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-lg-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-lg-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-lg-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-lg-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-lg-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-lg-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-lg-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-lg-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-lg-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-lg-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-lg-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-lg-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-lg-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-lg-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-lg-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-lg-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-lg-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-lg-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-lg-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-lg-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-lg-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-lg-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-lg-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-lg-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-lg-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-lg-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-lg-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-lg-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-lg-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-lg-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-lg-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-lg-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-lg-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-lg-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-lg-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-lg-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-lg-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-lg-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-lg-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 1280px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-xl-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-xl-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-xl-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-xl-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-xl-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-xl-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-xl-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-xl-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-xl-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-xl-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-xl-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-xl-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-xl-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-xl-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-xl-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-xl-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-xl-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-xl-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-xl-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-xl-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-xl-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-xl-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-xl-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-xl-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-xl-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-xl-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-xl-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-xl-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-xl-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-xl-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-xl-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-xl-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-xl-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-xl-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-xl-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-xl-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-xl-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-xl-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-xl-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-xl-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-xl-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-xl-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-xl-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-xl-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-xl-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-xl-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-xl-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-xl-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-xl-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-xl-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-xl-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-xl-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-xl-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-xl-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-xl-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-xl-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-xl-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-xl-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-xl-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-xl-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-xl-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-xl-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-xl-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-xl-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-xl-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-xl-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-xl-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-xl-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-xl-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-xl-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-xl-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-xl-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-xl-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-xl-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-xl-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-xl-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-xl-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-xl-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-xl-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-xl-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-xl-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-xl-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-xl-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-xl-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-xl-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-xl-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-xl-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-xl-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-xl-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-xl-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-xl-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-xl-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-xl-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-xl-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-xl-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .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
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: var(--base-size-4, 4px) !important
}

.pt-1 {
    padding-top: var(--base-size-4, 4px) !important
}

.pr-1 {
    padding-right: var(--base-size-4, 4px) !important
}

.pb-1 {
    padding-bottom: var(--base-size-4, 4px) !important
}

.pl-1 {
    padding-left: var(--base-size-4, 4px) !important
}

.px-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important
}

.py-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important
}

.p-2 {
    padding: var(--base-size-8, 8px) !important
}

.pt-2 {
    padding-top: var(--base-size-8, 8px) !important
}

.sh-pt-12 {
    padding-top: var(--base-size-12, 12px) !important
}

.pr-2 {
    padding-right: var(--base-size-8, 8px) !important
}

.pb-2 {
    padding-bottom: var(--base-size-8, 8px) !important
}

.pl-2 {
    padding-left: var(--base-size-8, 8px) !important
}

.px-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important
}

.py-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important
}

.p-3 {
    padding: var(--base-size-16, 16px) !important
}

.pt-3 {
    padding-top: var(--base-size-16, 16px) !important
}

.pr-3 {
    padding-right: var(--base-size-16, 16px) !important
}

.pb-3 {
    padding-bottom: var(--base-size-16, 16px) !important
}

.pl-3 {
    padding-left: var(--base-size-16, 16px) !important
}

.px-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important
}

.py-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important
}

.p-4 {
    padding: var(--base-size-24, 24px) !important
}

.pt-4 {
    padding-top: var(--base-size-24, 24px) !important
}

.pr-4 {
    padding-right: var(--base-size-24, 24px) !important
}

.pb-4 {
    padding-bottom: var(--base-size-24, 24px) !important
}

.pl-4 {
    padding-left: var(--base-size-24, 24px) !important
}

.px-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important
}

.py-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important
}

.p-5 {
    padding: var(--base-size-32, 32px) !important
}

.pt-5 {
    padding-top: var(--base-size-32, 32px) !important
}

.pr-5 {
    padding-right: var(--base-size-32, 32px) !important
}

.pb-5 {
    padding-bottom: var(--base-size-32, 32px) !important
}

.pl-5 {
    padding-left: var(--base-size-32, 32px) !important
}

.px-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important
}

.py-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important
}

.p-6 {
    padding: var(--base-size-40, 40px) !important
}

.pt-6 {
    padding-top: var(--base-size-40, 40px) !important
}

.pr-6 {
    padding-right: var(--base-size-40, 40px) !important
}

.pb-6 {
    padding-bottom: var(--base-size-40, 40px) !important
}

.pl-6 {
    padding-left: var(--base-size-40, 40px) !important
}

.px-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important
}

.py-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important
}

.pt-7 {
    padding-top: var(--base-size-48, 48px) !important
}

.pr-7 {
    padding-right: var(--base-size-48, 48px) !important
}

.pb-7 {
    padding-bottom: var(--base-size-48, 48px) !important
}

.pl-7 {
    padding-left: var(--base-size-48, 48px) !important
}

.py-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important
}

.pt-8 {
    padding-top: var(--base-size-64, 64px) !important
}

.pr-8 {
    padding-right: var(--base-size-64, 64px) !important
}

.pb-8 {
    padding-bottom: var(--base-size-64, 64px) !important
}

.pl-8 {
    padding-left: var(--base-size-64, 64px) !important
}

.py-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important
}

.pt-9 {
    padding-top: var(--base-size-80, 80px) !important
}

.pr-9 {
    padding-right: var(--base-size-80, 80px) !important
}

.pb-9 {
    padding-bottom: var(--base-size-80, 80px) !important
}

.pl-9 {
    padding-left: var(--base-size-80, 80px) !important
}

.py-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important
}

.pt-10 {
    padding-top: var(--base-size-96, 96px) !important
}

.pr-10 {
    padding-right: var(--base-size-96, 96px) !important
}

.pb-10 {
    padding-bottom: var(--base-size-96, 96px) !important
}

.pl-10 {
    padding-left: var(--base-size-96, 96px) !important
}

.py-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important
}

.pt-11 {
    padding-top: var(--base-size-112, 112px) !important
}

.pr-11 {
    padding-right: var(--base-size-112, 112px) !important
}

.pb-11 {
    padding-bottom: var(--base-size-112, 112px) !important
}

.pl-11 {
    padding-left: var(--base-size-112, 112px) !important
}

.py-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important
}

.pt-12 {
    padding-top: var(--base-size-128, 128px) !important
}

.pr-12 {
    padding-right: var(--base-size-128, 128px) !important
}

.pb-12 {
    padding-bottom: var(--base-size-128, 128px) !important
}

.pl-12 {
    padding-left: var(--base-size-128, 128px) !important
}

.py-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important
}

@media(min-width: 544px) {
    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-sm-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-sm-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-sm-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-sm-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-sm-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-sm-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-sm-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-sm-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-sm-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-sm-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-sm-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-sm-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-sm-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-sm-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-sm-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-sm-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-sm-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-sm-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-sm-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-sm-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-sm-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-sm-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-sm-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-sm-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-sm-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-sm-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-sm-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-sm-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-sm-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-sm-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-sm-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-sm-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-sm-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-sm-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-sm-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-sm-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-sm-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-sm-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-sm-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-sm-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-sm-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-sm-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-sm-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-sm-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-sm-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-sm-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-sm-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-sm-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-sm-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-sm-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-sm-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-sm-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-sm-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-sm-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-sm-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-sm-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-sm-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-sm-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-sm-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-sm-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-sm-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-sm-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-sm-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-sm-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-sm-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-sm-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-sm-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-sm-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-sm-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-sm-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-sm-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 768px) {
    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-md-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-md-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-md-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-md-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-md-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-md-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-md-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-md-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-md-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-md-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-md-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-md-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-md-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-md-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-md-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-md-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-md-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-md-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-md-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-md-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-md-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-md-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-md-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-md-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-md-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-md-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-md-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-md-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-md-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-md-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-md-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-md-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-md-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-md-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-md-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-md-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-md-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-md-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-md-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-md-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-md-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-md-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-md-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-md-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-md-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-md-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-md-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-md-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-md-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-md-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-md-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-md-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-md-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-md-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-md-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-md-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-md-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-md-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-md-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-md-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-md-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-md-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-md-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-md-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-md-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-md-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-md-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-md-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-md-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-md-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-md-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 1012px) {
    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-lg-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-lg-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-lg-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-lg-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-lg-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-lg-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-lg-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-lg-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-lg-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-lg-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-lg-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-lg-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-lg-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-lg-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-lg-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-lg-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-lg-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-lg-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-lg-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-lg-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-lg-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-lg-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-lg-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-lg-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-lg-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-lg-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-lg-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-lg-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-lg-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-lg-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-lg-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-lg-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-lg-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-lg-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-lg-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-lg-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-lg-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-lg-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-lg-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-lg-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-lg-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-lg-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-lg-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-lg-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-lg-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-lg-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-lg-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-lg-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-lg-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-lg-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-lg-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-lg-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-lg-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-lg-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-lg-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-lg-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-lg-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-lg-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-lg-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-lg-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-lg-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-lg-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-lg-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-lg-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-lg-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-lg-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-lg-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-lg-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-lg-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-lg-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-lg-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 1280px) {
    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-xl-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-xl-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-xl-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-xl-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-xl-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-xl-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-xl-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-xl-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-xl-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-xl-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-xl-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-xl-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-xl-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-xl-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-xl-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-xl-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-xl-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-xl-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-xl-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-xl-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-xl-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-xl-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-xl-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-xl-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-xl-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-xl-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-xl-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-xl-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-xl-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-xl-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-xl-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-xl-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-xl-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-xl-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-xl-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-xl-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-xl-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-xl-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-xl-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-xl-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-xl-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-xl-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-xl-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-xl-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-xl-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-xl-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-xl-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-xl-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-xl-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-xl-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-xl-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-xl-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-xl-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-xl-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-xl-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-xl-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-xl-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-xl-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-xl-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-xl-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-xl-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-xl-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-xl-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-xl-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-xl-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-xl-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-xl-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-xl-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-xl-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-xl-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-xl-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

.p-responsive {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important
}

@media(min-width: 544px) {
    .p-responsive {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }
}

@media(min-width: 1012px) {
    .p-responsive {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }
}

.h1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .h1 {
        font-size: var(--h1-size, 32px) !important
    }
}

.h2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .h2 {
        font-size: var(--h2-size, 24px) !important
    }
}

.h3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .h3 {
        font-size: var(--h3-size, 20px) !important
    }
}

.h4 {
    font-size: var(--h4-size, 16px) !important
}

.h5 {
    font-size: var(--h5-size, 14px) !important
}

.h6 {
    font-size: var(--h6-size, 12px) !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.f1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .f1 {
        font-size: var(--h1-size, 32px) !important
    }
}

.f2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .f2 {
        font-size: var(--h2-size, 24px) !important
    }
}

.f3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .f3 {
        font-size: var(--h3-size, 20px) !important
    }
}

.f4 {
    font-size: var(--h4-size, 16px) !important
}

@media(min-width: 768px) {
    .f4 {
        font-size: var(--h4-size, 16px) !important
    }
}

.f5 {
    font-size: var(--h5-size, 14px) !important
}

.f6 {
    font-size: var(--h6-size, 12px) !important
}

.f7 {
    font-size: var(--h7-size, 10px) !important
}

.f00-light {
    font-size: var(--h00-size-mobile, 40px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f00-light {
        font-size: var(--h00-size, 48px) !important
    }
}

.f0-light {
    font-size: var(--h0-size-mobile, 32px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f0-light {
        font-size: var(--h0-size, 40px) !important
    }
}

.f1-light {
    font-size: var(--h1-size-mobile, 26px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f1-light {
        font-size: var(--h1-size, 32px) !important
    }
}

.f2-light {
    font-size: var(--h2-size-mobile, 22px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f2-light {
        font-size: var(--h2-size, 24px) !important
    }
}

.f3-light {
    font-size: var(--h3-size-mobile, 18px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f3-light {
        font-size: var(--h3-size, 20px) !important
    }
}

.text-small {
    font-size: var(--h6-size, 12px) !important
}

.text-extra-small {
    font-size: var(--h6-size, 10px) !important
}

.lead {
    margin-bottom: 30px;
    font-size: var(--h3-size, 20px);
    font-weight: var(--base-text-weight-light, 300)
}

.lh-condensed-ultra {
    line-height: 1 !important
}

.lh-condensed {
    line-height: 1.25 !important
}

.lh-default {
    line-height: 1.5 !important
}

.lh-0 {
    line-height: 0 !important
}

@media(min-width: 544px) {
    .lh-sm-condensed-ultra {
        line-height: 1 !important
    }

    .lh-sm-condensed {
        line-height: 1.25 !important
    }

    .lh-sm-default {
        line-height: 1.5 !important
    }

    .lh-sm-0 {
        line-height: 0 !important
    }
}

@media(min-width: 768px) {
    .lh-md-condensed-ultra {
        line-height: 1 !important
    }

    .lh-md-condensed {
        line-height: 1.25 !important
    }

    .lh-md-default {
        line-height: 1.5 !important
    }

    .lh-md-0 {
        line-height: 0 !important
    }
}

@media(min-width: 1012px) {
    .lh-lg-condensed-ultra {
        line-height: 1 !important
    }

    .lh-lg-condensed {
        line-height: 1.25 !important
    }

    .lh-lg-default {
        line-height: 1.5 !important
    }

    .lh-lg-0 {
        line-height: 0 !important
    }
}

@media(min-width: 1280px) {
    .lh-xl-condensed-ultra {
        line-height: 1 !important
    }

    .lh-xl-condensed {
        line-height: 1.25 !important
    }

    .lh-xl-default {
        line-height: 1.5 !important
    }

    .lh-xl-0 {
        line-height: 0 !important
    }
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.announcement-notice {
    background-image: linear-gradient(var(--bgColor-accent-muted, var(--color-accent-subtle)), var(--bgColor-accent-muted, var(--color-accent-subtle)));
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted));


    opacity: 1;
    transition: opacity 0.5s ease 0s;
}

.text-center {
    text-align: center !important
}

.announcement-notice-close:hover {
    opacity: 0
}

/* Announcment */
.gtLZmh {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /*min-height: 70px;*/
    position: relative;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

/*!sc*/
@media screen and (min-width:544px) {
    .gtLZmh {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*!sc*/
.djlfOe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*!sc*/
.hKZkQz {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #0969da;
}

/*!sc*/
.byoyRl {
    margin-right: 16px;
    margin-left: 16px;
}

/*!sc*/
.ieQEMX {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 48px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*!sc*/
@media screen and (min-width:100px) {
    .announcement-center {
        position: fixed !important;
        bottom: 0;
        right: 0;
        z-index: 99;
        width: 100%;
        max-width: 100%;
    }

    .ieQEMX {
        margin-left: auto;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

}

.DateRelative:hover>.DateRelativeFull {
    visibility: visible !important
}

@media screen and (min-width:768px) {
    .announcement-center {
        position: fixed !important;
        bottom: 0;
        left: calc(50% - 25%/2);
        z-index: 99;
        width: 25%;
        max-width: 50%;
    }

}

.kkrdEu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*!sc*/
data-styled.g2[id="Box-sc-g0xbh4-0"] {
    content: "gtLZmh,djlfOe,hKZkQz,byoyRl,ieQEMX,kkrdEu,"
}

/*!sc*/
.goRVy {
    border-radius: 6px;
    border: 1px solid;
    border-color: var(--button-default-borderColor-rest, rgba(31, 35, 40, 0.15));
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: #f6f8fa;
    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/*!sc*/
.goRVy:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.goRVy:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.goRVy:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.goRVy[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.goRVy[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.goRVy:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.goRVy:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.goRVy:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.goRVy:disabled [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .goRVy:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.goRVy [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.goRVy[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.goRVy[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.goRVy[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.goRVy[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.goRVy[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.goRVy[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.goRVy[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.goRVy[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.goRVy[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.goRVy[data-block="block"] {
    width: 100%;
}

/*!sc*/
.goRVy [data-component="leadingVisual"] {
    grid-area: leadingVisual;
}

/*!sc*/
.goRVy [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.goRVy [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.goRVy [data-component="trailingAction"] {
    margin-right: -4px;
}

/*!sc*/
.goRVy [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.goRVy [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.goRVy:hover:not([disabled]) {
    background-color: #f3f4f6;
    border-color: var(--button-default-borderColor-hover, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy:active:not([disabled]) {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy[aria-expanded=true] {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy [data-component="leadingVisual"],
.goRVy [data-component="trailingVisual"],
.goRVy [data-component="trailingAction"] {
    color: var(--button-color, #656d76);
}

/*!sc*/
.goRVy[data-no-visuals] {
    margin-right: 8px;
}

/*!sc*/
.hsACzD {
    border-radius: 6px;
    border: 1px solid;
    border-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: transparent;
    box-shadow: none;
}

/*!sc*/
.hsACzD:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.hsACzD:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.hsACzD:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.hsACzD[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.hsACzD[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.hsACzD:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.hsACzD:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.hsACzD:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.hsACzD:disabled [data-component=ButtonCounter],
.hsACzD:disabled [data-component="leadingVisual"],
.hsACzD:disabled [data-component="trailingAction"] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .hsACzD:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.hsACzD [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.hsACzD[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.hsACzD[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.hsACzD[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.hsACzD[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.hsACzD[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.hsACzD[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.hsACzD[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.hsACzD[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.hsACzD[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.hsACzD[data-block="block"] {
    width: 100%;
}

/*!sc*/
.hsACzD [data-component="leadingVisual"] {
    grid-area: leadingVisual;
    color: #656d76;
}

/*!sc*/
.hsACzD [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.hsACzD [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.hsACzD [data-component="trailingAction"] {
    margin-right: -4px;
    color: #656d76;
}

/*!sc*/
.hsACzD [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.hsACzD [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.hsACzD:hover:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.32);
}

/*!sc*/
.hsACzD:active:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.48);
}

/*!sc*/
.hsACzD[aria-expanded=true] {
    background-color: rgba(208, 215, 222, 0.24);
}

/*!sc*/
.hsACzD[data-component="IconButton"][data-no-visuals] {
    color: #656d76;
}

/*!sc*/
.hsACzD[data-no-visuals] {
    color: #656d76;
    top: 8px;
    right: 8px;
    position: absolute;
}

/*!sc*/
@media screen and (min-width:544px) {
    .hsACzD[data-no-visuals] {
        top: 0;
        right: 0;
        position: relative;
    }
}

/*!sc*/
.hsACzD:has([data-component="ButtonCounter"]) {
    color: #24292f;
}

/*!sc*/
.hsACzD:disabled[data-no-visuals] {
    color: #8c959f;
}

/*!sc*/
.hsACzD:disabled[data-no-visuals] [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
data-styled.g28[id="types__StyledButton-sc-ws60qy-0"] {
    content: "goRVy,hsACzD,"
}

/*!sc*/
.gepWyC {
    font-weight: 600;
    font-size: 14px;
    margin: 0;
    line-height: 20px;
}


.aMEVc {
    font-size: 12px;
    color: #656d76;
    line-height: 18px;
    display: inline-block;
}


data-styled.g34[id="Text-sc-17v1xeu-0"] {
    content: "gepWyC,aMEVc,"
}

.ContributionCalendar-label {
    padding: 0.125em 0 0.125em 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: left;
    fill: var(--fgColor-default, var(--color-fg-default));
    position: relative;
    width: 65px
}

rect {
    shape-rendering: crispedges;
}

g.bar {
    fill: var(--fgColor-success, var(--color-success-fg));
}

.graph-canvas .axis {
    font-size: 12px;
}

.graph-canvas .axis path {
    display: none;
}

.graph-canvas .axis line {
    stroke: var(--borderColor-default, var(--color-border-default));
    shape-rendering: crispedges;
}





@keyframes shake {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(1px, -1px);
    }

    50% {
        transform: translate(-1px, 1px);
    }

    75% {
        transform: translate(1px, 1px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.shake {
    animation: shake 0.3s ease-in-out infinite;
}


.ContributionCalendar-month {
    padding: 0.125em 0.5em 0.125em 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: right;
    fill: var(--fgColor-default, var(--color-fg-default));
    position: relative;
    height: 26px;
    text-wrap: nowrap;
}

path[Стиль атрибутов] {
    stroke-linejoin: round;
    fill: rgb(64, 196, 99);
    stroke: rgb(64, 196, 99);
    opacity: 0.5;
    stroke-width: 7;
    d: path("M 169.5 168.561 L 169.5 169.5 L 169.5 170.439 L 81.4531 169.5 Z");
}

.activity-overview-axis,
.activity-overview-point {
    stroke: var(--color-calendar-graph-day-L4-bg);
}

.activity-overview-axis,
.activity-overview-point {
    stroke: var(--color-calendar-graph-day-L4-bg);
}

@media(min-width: 544px) {
    .text-sm-right {
        text-align: right !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-right {
        text-align: right !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 1012px) {
    .text-lg-right {
        text-align: right !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1280px) {
    .text-xl-right {
        text-align: right !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-normal {
    font-weight: var(--base-text-weight-normal, 400) !important
}

.text-bold {
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.text-semibold {
    font-weight: var(--base-text-weight-medium, 500) !important
}

.text-light {
    font-weight: var(--base-text-weight-light, 300) !important
}

.text-italic {
    font-style: italic !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-underline {
    text-decoration: underline !important
}

.no-underline {
    text-decoration: none !important
}

.no-wrap {
    white-space: nowrap !important
}

.ws-normal {
    white-space: normal !important
}

.wb-word-wrap {
    word-wrap: break-word !important;
}

.wb-break-word {
    word-break: break-word !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important
}

.wb-break-all {
    word-break: break-all !important
}

.text-emphasized {
    font-weight: var(--base-text-weight-semibold, 600)
}

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

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

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline {
    display: inline !important
}

.subnav-item-small {
    position: relative;
    float: left;
    padding: 2px 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    border: 1px solid var(--borderColor-default, var(--color-border-default));
}

.d-inline-block {
    display: inline-block !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

@media(min-width: 544px) {
    .d-sm-block {
        display: block !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }
}

.flex-items-start {
    align-items: flex-start !important;
}

.graph-before-activity-overview {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.activity-overview-box {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -1px
}

@media(min-width: 768px) {
    .d-md-block {
        display: block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-flex-wrap {
        display: flex !important;
        flex-wrap: wrap !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }
}

@media(min-width: 1012px) {
    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }
}

@media(min-width: 1280px) {
    .d-xl-block {
        display: block !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }
}

.v-hidden {
    visibility: hidden !important
}

.v-visible {
    visibility: visible !important
}

@media(max-width: 543.98px) {
    .hide-sm {
        display: none !important
    }
}

@media(min-width: 544px)and (max-width: 767.98px) {
    .hide-md {
        display: none !important
    }
}

@media(min-width: 768px)and (max-width: 1011.98px) {
    .hide-lg {
        display: none !important
    }
}

@media(min-width: 1012px) {
    .hide-xl {
        display: none !important
    }
}

.show-whenNarrow,
.show-whenRegular,
.show-whenWide,
.show-whenRegular.hide-whenWide {
    display: none !important
}

.hide-whenNarrow,
.hide-whenRegular,
.hide-whenWide {
    display: block !important
}

@media(max-width: 767.98px) {
    .show-whenNarrow {
        display: block !important
    }

    .hide-whenNarrow {
        display: none !important
    }
}

@media(min-width: 768px) {

    .show-whenRegular,
    .show-whenRegular.hide-whenWide {
        display: block !important
    }

    .hide-whenRegular {
        display: none !important
    }
}

@media(min-width: 1280px) {
    .show-whenWide {
        display: block !important
    }

    .hide-whenWide,
    .show-whenRegular.hide-whenWide {
        display: none !important
    }
}

.table-fixed {
    table-layout: fixed !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    word-wrap: normal;
    border: 0
}

.show-on-focus {
    position: absolute !important
}

.show-on-focus:not(:focus) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important
}

.show-on-focus:focus {
    z-index: 999
}

.suggester {
    position: relative;
    top: 0;
    left: 0;
    min-width: 180px;
    padding: 0;
    margin: 0;
    margin-top: 24px;
    list-style: none;
    cursor: pointer;
    background: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium))
}

.suggester li {
    display: block;
    padding: 4px 8px;
    font-weight: var(--base-text-weight-medium, 500);
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.suggester li small {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.suggester li:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.suggester li:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.suggester li:hover {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li:hover small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li:hover .octicon {
    color: inherit !important
}

.suggester li[aria-selected=true],
.suggester li.navigation-focus {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li[aria-selected=true] small,
.suggester li.navigation-focus small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li[aria-selected=true] .octicon,
.suggester li.navigation-focus .octicon {
    color: inherit !important
}

.suggester-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30
}

@media(max-width: 544px) {
    .page-responsive .suggester-container {
        right: 8px !important;
        left: 8px !important
    }

    .page-responsive .suggester li {
        padding: 8px 16px
    }
}

.avatar-parent-child {
    position: relative
}

.avatar-child {
    position: absolute;
    right: -15%;
    bottom: -9%;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 4px;
    box-shadow: var(--avatar-shadow, var(--color-avatar-child-shadow))
}

.CircleBadge {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 50%;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium))
}

.CircleBadge-icon {
    max-width: 60% !important;
    height: auto !important;
    max-height: 55% !important
}

.CircleBadge--small {
    width: 56px;
    height: 56px
}

.CircleBadge--medium {
    width: 96px;
    height: 96px
}

.CircleBadge--large {
    width: 128px;
    height: 128px
}

.DashedConnection {
    position: relative
}

.DashedConnection::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 2px dashed var(--borderColor-default, var(--color-border-default))
}

.DashedConnection .CircleBadge {
    position: relative
}

.branch-name {
    display: inline-block;
    padding: 2px 6px;
    font: 12px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    color: var(--fgColor-muted, var(--color-fg-muted));
    word-break: break-all;
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
    border-radius: 6px
}

.branch-name .octicon {
    margin: 1px -2px 0 0;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

a.branch-name {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle))
}

a.branch-name .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.Header {
    z-index: 32;
    display: flex;
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--header-bgColor, var(--color-header-bg));
    align-items: center;
    flex-wrap: nowrap
}

.Header-item {
    display: flex;
    margin-right: 16px;
    align-self: stretch;
    align-items: center;
    flex-wrap: nowrap
}

.Header-item--full {
    flex: auto
}

.Header-link {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--header-fgColor-logo, var(--color-header-logo));
    white-space: nowrap
}

.Header-link:hover,
.Header-link:focus {
    color: var(--header-fgColor-default, var(--color-header-text));
    text-decoration: none
}

.Header-input {
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
    border: 1px solid var(--headerSearch-borderColor, var(--color-header-search-border));
    box-shadow: none
}

.Header-input::placeholder {
    color: rgba(255, 255, 255, .75)
}

.IssueLabel {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2em
}

.IssueLabel .g-emoji {
    position: relative;
    top: -0.05em;
    display: inline-block;
    font-size: 1em;
    line-height: 1
}

.IssueLabel:hover {
    text-decoration: none
}

.IssueLabel--big {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 22px
}

.AnimatedEllipsis {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom
}

.AnimatedEllipsis::after {
    display: inline-block;
    content: "...";
    animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite
}

@keyframes AnimatedEllipsis-keyframes {
    0% {
        transform: translateX(-100%)
    }
}

.markdown-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", 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(--fgColor-danger, 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
}

.fa-grey {
    color: var(--borderColor-default, var(--color-border-default));
}

.markdown-body hr {
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: var(--borderColor-default, var(--color-border-default));
    border: 0
}

.markdown-body blockquote {
    padding: 0 1em;
    color: var(--fgColor-muted, var(--color-fg-muted));
    border-left: .25em solid var(--borderColor-default, 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: var(--base-text-weight-semibold, 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(--fgColor-default, 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 .2em;
    font-size: inherit
}

.markdown-body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h5 {
    font-size: .875em
}

.markdown-body h6 {
    font-size: .85em;
    color: var(--fgColor-muted, 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="a s"] {
    list-style-type: lower-alpha
}

.markdown-body ol[type="A s"] {
    list-style-type: upper-alpha
}

.markdown-body ol[type="i s"] {
    list-style-type: lower-roman
}

.markdown-body ol[type="I s"] {
    list-style-type: upper-roman
}

.markdown-body ol[type="1"] {
    list-style-type: decimal
}

.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: .25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: var(--base-text-weight-semibold, 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: var(--base-text-weight-semibold, 600)
}

.markdown-body table th,
.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body table td>:last-child {
    margin-bottom: 0
}

.markdown-body table tr {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.markdown-body table img {
    background-color: transparent
}

.markdown-body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: var(--bgColor-default, 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(--borderColor-default, 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(--fgColor-default, 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 code,
.markdown-body tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border-radius: 6px
}

.markdown-body code br,
.markdown-body tt br {
    display: none
}

.markdown-body del code {
    text-decoration: inherit
}

.markdown-body samp {
    font-size: 85%
}

.markdown-body pre {
    word-wrap: normal
}

.markdown-body pre code {
    font-size: 100%
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,
.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-radius: 6px
}

.markdown-body pre code,
.markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.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(--bgColor-default, var(--color-canvas-default));
    border: 0
}

.markdown-body .csv-data tr {
    border-top: 0
}

.markdown-body .csv-data th {
    font-weight: var(--base-text-weight-semibold, 600);
    background: var(--bgColor-muted, 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(--fgColor-muted, var(--color-fg-muted));
    border-top: 1px solid var(--borderColor-default, 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(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: 6px
}

.markdown-body .footnotes li:target {
    color: var(--fgColor-default, var(--color-fg-default))
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.SelectMenu {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 99;
    display: flex;
    padding: 0;
    pointer-events: none;
    flex-direction: column
}

@media(min-width: 544px) {
    .SelectMenu {
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding: 0
    }
}

/* .SelectMenu::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop))
} */

@media(min-width: 544px) {
    .SelectMenu::before {
        display: none
    }
}

.SelectMenu-modal {
    position: relative;
    z-index: 99;
    display: flex;
    max-height: 66%;
    margin: auto 0;
    overflow: hidden;
    pointer-events: auto;
    flex-direction: column;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    /* border: 1px solid var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border)); */
    border-radius: 12px;
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
    animation: SelectMenu-modal-animation .12s cubic-bezier(0, 0.1, 0.1, 1) backwards
}

@keyframes SelectMenu-modal-animation {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }
}

@keyframes SelectMenu-modal-animation--sm {
    0% {
        opacity: 0;
        transform: translateY(-16px)
    }
}

@media(min-width: 544px) {
    .SelectMenu-modal {
        width: 300px;
        height: auto;
        max-height: 480px;
        margin: 8px 0 16px 0;
        font-size: 12px;
        /* border-color: var(--borderColor-default, var(--color-border-default)); */
        border-radius: 6px;
        box-shadow: var(--shadow-floating-small, var(--color-shadow-small));
        animation-name: SelectMenu-modal-animation--sm
    }
}

.SelectMenu-header {
    display: flex;
    padding: 16px;
    flex: none;
    align-items: center;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-header {
        padding: 7px 7px 7px 16px
    }
}

.SelectMenu-title {
    flex: 1;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600)
}

@media(min-width: 544px) {
    .SelectMenu-title {
        font-size: inherit
    }
}

.SelectMenu-closeButton {
    padding: 16px;
    margin: -16px;
    line-height: 1;
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: transparent;
    border: 0
}

@media(min-width: 544px) {
    .SelectMenu-closeButton {
        padding: 8px;
        margin: -8px -7px
    }
}

.SelectMenu-filter {
    padding: 16px;
    margin: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-filter {
        padding: 8px
    }
}

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

@media(min-width: 544px) {
    .SelectMenu-input {
        font-size: 14px
    }
}

.SelectMenu-list {
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: left;
    cursor: pointer;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-item {
        padding-top: 7px;
        padding-bottom: 7px
    }
}

.SelectMenu-list--borderless .SelectMenu-item {
    border-bottom: 0
}

.SelectMenu-icon {
    width: 16px;
    margin-right: 8px;
    flex-shrink: 0
}

.SelectMenu-icon--check {
    visibility: hidden;
    transition: transform .12s cubic-bezier(0.5, 0.1, 1, 0.5), visibility 0s .12s linear;
    transform: scale(0)
}

.SelectMenu-tabs {
    display: flex;
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-tabs::-webkit-scrollbar {
    display: none
}

@media(min-width: 544px) {
    .SelectMenu-tabs {
        padding: 8px 8px 0 8px
    }
}

.SelectMenu-tab {
    flex: 1;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    background-color: transparent;
    border: 0;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab {
        flex: none;
        padding: 4px 16px;
        border: 1px solid transparent;
        border-bottom-width: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
}

.SelectMenu-tab[aria-selected=true] {
    z-index: 1;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: default;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    box-shadow: 0 0 0 1px var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab[aria-selected=true] {
        border-color: var(--borderColor-muted, var(--color-border-muted));
        box-shadow: none
    }
}

.SelectMenu-message {
    padding: 7px 16px;
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-blankslate,
.SelectMenu-loading {
    padding: 24px 16px;
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay))
}

.SelectMenu-divider {
    padding: 4px 16px;
    margin: 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider {
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider:empty {
    padding: 0;
    border-top: 0
}

.SelectMenu-footer {
    z-index: 0;
    padding: 8px 16px;
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-footer {
        padding: 7px 16px
    }
}

.SelectMenu--hasFilter .SelectMenu-modal {
    height: 80%;
    max-height: none;
    margin-top: 0
}

@media(min-width: 544px) {
    .SelectMenu--hasFilter .SelectMenu-modal {
        height: auto;
        max-height: 480px;
        margin-top: 8px
    }
}

.SelectMenu-tab:focus,
.SelectMenu-item:focus {
    outline: 0
}

.SelectMenu-item:hover {
    text-decoration: none
}

.SelectMenu-item[aria-checked=true] {
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-default, var(--color-fg-default))
}

.SelectMenu-item[aria-checked=true] .SelectMenu-icon--check {
    visibility: visible;
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear;
    transform: scale(1)
}

.SelectMenu-item:disabled,
.SelectMenu-item[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    pointer-events: none
}

@media(hover: hover) {

    body:not(.intent-mouse) .SelectMenu-closeButton:focus,
    .SelectMenu-closeButton:hover {
        color: var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-closeButton:active {
        color: var(--fgColor-muted, var(--color-fg-muted))
    }

    body:not(.intent-mouse) .SelectMenu-item:focus,
    .SelectMenu-item:hover {
        background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
    }

    .SelectMenu-item:active {
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }

    body:not(.intent-mouse) .SelectMenu-tab:focus {
        background-color: var(--selectMenu-bgColor-active, var(--color-select-menu-tap-focus-bg))
    }

    .SelectMenu-tab:hover {
        color: var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-tab:not([aria-selected=true]):active {
        color: var(--fgColor-default, var(--color-fg-default));
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }
}

@media(hover: none) {

    .SelectMenu-item:focus,
    .SelectMenu-item:active {
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }

    .SelectMenu-item {
        -webkit-tap-highlight-color: var(--control-bgColor-active, var(--color-select-menu-tap-highlight))
    }
}

.Toast {
    display: flex;
    margin: 8px;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-large, var(--color-shadow-large))
}

@media(min-width: 544px) {
    .Toast {
        width: max-content;
        max-width: 450px;
        margin: 16px
    }
}

.Toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    flex-shrink: 0;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border: 1px solid transparent;
    border-right: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.Toast-content {
    padding: 16px
}

.Toast-dismissButton {
    max-height: 54px;
    padding: 16px;
    color: inherit;
    background-color: transparent;
    border: 0
}

.Toast-dismissButton:hover {
    opacity: .7
}

.Toast-dismissButton:active {
    opacity: .5
}

.Toast--loading {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--loading .Toast-icon {
    background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis))
}

.Toast--error {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--error .Toast-icon {
    background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis))
}

.Toast--warning {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--warning .Toast-icon {
    background-color: var(--bgColor-attention-emphasis, var(--color-attention-emphasis))
}

.Toast--success {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--success .Toast-icon {
    background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis))
}

.Toast--animateIn {
    animation: Toast--animateIn .18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards
}

@keyframes Toast--animateIn {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--animateOut {
    animation: Toast--animateOut .18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards
}

@keyframes Toast--animateOut {
    100% {
        pointer-events: none;
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--spinner {
    animation: Toast--spinner 1000ms linear infinite
}

@keyframes Toast--spinner {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

[popover] {
    background-color: canvas;
    border: initial solid;
    border-color: initial;
    border-image: initial;
    color: initial;
    height: -moz-fit-content;
    height: fit-content;
    inset: 0;
    margin: auto;
    overflow: auto;
    padding: .25em;
    position: fixed;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2147483647
}

[popover]:not(.\:popover-open) {
    display: none
}

[popover]:is(dialog[open]) {
    display: revert
}

[anchor].\:popover-open {
    inset: auto
}

@supports selector([popover]:open) {
    [popover]:not(.\:popover-open, dialog[open]) {
        display: revert
    }

    [anchor]:is(:open) {
        inset: auto
    }
}

@supports selector([popover]:popover-open) {
    [popover]:not(.\:popover-open, dialog[open]) {
        display: revert
    }

    [anchor]:is(:popover-open) {
        inset: auto
    }
}

@supports not (background-color: canvas) {
    [popover] {
        background-color: #fff;
        color: #000
    }
}

@supports(width: -moz-fit-content) {
    [popover] {
        height: -moz-fit-content;
        width: -moz-fit-content
    }
}

@supports not (inset: 0) {
    [popover] {
        bottom: 0;
        left: 0;
        right: 0;
        top: 0
    }
}

:root {
    --actionListContent-paddingBlock: var(--control-medium-paddingBlock, 0.375rem)
}

.ActionListHeader {
    margin-bottom: var(--base-size-16, 1rem);
    margin-left: var(--base-size-8, 0.5rem)
}

.ActionListWrap {
    list-style: none
}

.ActionListWrap--inset {
    padding: var(--base-size-8, 0.5rem)
}

.ActionListWrap--divided .ActionListItem-label:before {
    height: 1px
}

.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before,
.ActionListWrap--divided .ActionListItem-label:before {
    background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--actionListContent-paddingBlock)*-1);
    width: 100%
}

.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before {
    height: var(--borderWidth-thin, max(1px, 0.0625rem))
}

.ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before {
    content: unset
}

.ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before,
.ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before,
.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before,
.ActionListItem:first-of-type .ActionListItem-label:before,
.ActionListWrap--divided .ActionListItem--navActive .ActionListItem-label:before,
.ActionListWrap--divided .ActionListItem--navActive+.ActionListItem .ActionListItem-label:before {
    visibility: hidden
}

.ActionListItem {
    background-color: var(--control-transparent-bgColor-rest, #0000);
    border-radius: var(--borderRadius-medium, 0.375rem);
    list-style: none;
    position: relative
}

.ActionListItem:active,
.ActionListItem:hover {
    cursor: pointer
}

@media(hover: hover) {

    .ActionListItem:hover .ActionListItem-descriptionWrap--inline:before,
    .ActionListItem:hover .ActionListItem-label:before,
    .ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before,
    .ActionListItem:hover+.ActionListItem .ActionListItem-label:before {
        visibility: hidden
    }
}

.ActionListItem[hidden]+.ActionList-sectionDivider {
    display: none
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent {
    z-index: 1
}

@media(hover: hover) {
    .ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover {
        background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
    }
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active {
    background-color: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg))
}

@media(hover: hover) {

    .ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover,
    .ActionListItem:not(.ActionListItem--hasSubItem):hover {
        background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
        cursor: pointer
    }

    .ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive, :focus-visible),
    .ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive, :focus-visible) {
        box-shadow: var(--boxShadow-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
        outline: solid var(--borderWidth-thin, max(1px, 0.0625rem)) #0000;
        outline-offset: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
    }
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active,
.ActionListItem:not(.ActionListItem--hasSubItem):active {
    background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive),
.ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive) {
    box-shadow: var(--boxShadow-thin, inset 0 0 0 max(1px, 0.0625rem)) var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border));
    outline: solid var(--borderWidth-thin, max(1px, 0.0625rem)) #0000;
    outline-offset: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active .ActionListItem-label:before,
.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active+.ActionListItem .ActionListItem-label:before,
.ActionListItem:not(.ActionListItem--hasSubItem):active .ActionListItem-label:before,
.ActionListItem:not(.ActionListItem--hasSubItem):active+.ActionListItem .ActionListItem-label:before {
    visibility: hidden
}

.ActionListItem[aria-selected=true] {
    background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
    font-weight: var(--base-text-weight-normal, 400)
}

@media(hover: hover) {
    .ActionListItem[aria-selected=true]:hover {
        background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
    }
}

.ActionListItem[aria-selected=true]+.ActionListItem:before,
.ActionListItem[aria-selected=true]:before {
    visibility: hidden
}

.ActionListItem[aria-selected=true]:after {
    background: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: var(--base-size-24, 1.5rem);
    left: calc(var(--base-size-4, 0.25rem)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4, 0.25rem)
}

.ActionListItem.ActionListItem--navActive {
    outline: 2px solid #0000
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger) {
    background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg))
}

@media(hover: hover) {
    .ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover {
        background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
    }
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before,
.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before {
    visibility: hidden
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after {
    background: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: var(--base-size-24, 1.5rem);
    left: calc(var(--base-size-8, 0.5rem)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4, 0.25rem)
}

.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-description,
.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-label,
.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description,
.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-visual,
.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual {
    fill: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

@media(hover: hover) {

    .ActionListItem.ActionListItem--disabled:hover,
    .ActionListItem[aria-disabled=true]:hover {
        background-color: initial;
        cursor: not-allowed
    }
}

.ActionListItem.ActionListItem--danger .ActionListItem-label,
.ActionListItem.ActionListItem--danger .ActionListItem-visual {
    color: var(--control-danger-fgColor-rest, var(--color-danger-fg))
}

@media(hover: hover) {
    .ActionListItem.ActionListItem--danger:hover {
        background: var(--control-danger-bgColor-hover, var(--color-action-list-item-danger-hover-bg))
    }

    .ActionListItem.ActionListItem--danger:hover .ActionListItem-description,
    .ActionListItem.ActionListItem--danger:hover .ActionListItem-label,
    .ActionListItem.ActionListItem--danger:hover .ActionListItem-visual {
        color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text))
    }
}

.ActionListItem.ActionListItem--danger .ActionListContent:active {
    background: var(--control-danger-bgColor-active, var(--color-action-list-item-danger-active-bg))
}

.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-description,
.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-label,
.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-visual {
    color: var(--control-danger-fgColor-hover, var(--color-action-list-item-danger-hover-text))
}

.ActionListContent {
    -webkit-tap-highlight-color: transparent;
    align-items: start;
    background-color: initial;
    border: none;
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--control-fgColor-rest, var(--color-fg-default));
    display: grid;
    grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
    grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
    grid-template-rows: min-content;
    padding-block: var(--actionListContent-paddingBlock);
    padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
    position: relative;
    text-align: left;
    touch-action: manipulation;
    transition: background 33.333ms linear;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.ActionListContent>:not(:last-child) {
    margin-right: var(--control-medium-gap, 0.5rem)
}

.ActionListContent:hover {
    text-decoration: none
}

.ActionListContent[aria-disabled=true] .ActionListItem-description,
.ActionListContent[aria-disabled=true] .ActionListItem-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.ActionListContent[aria-disabled=true] .ActionListItem-visual {
    fill: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

@media(hover: hover) {
    .ActionListContent[aria-disabled=true]:hover {
        background-color: initial;
        cursor: not-allowed
    }
}

/* @media screen and (prefers-reduced-motion: no-preference) {
    .ActionListContent[aria-expanded]+.ActionList--subGroup {
        transition: opacity .16s cubic-bezier(0.25, 1, 0.5, 1), transform .16s cubic-bezier(0.25, 1, 0.5, 1)
    }
} */

.ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent {
    padding-left: var(--base-size-24, 1.5rem)
}

.ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent {
    padding-left: calc(var(--base-size-32, 2rem) + 0.25em);
}

.ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent {
    padding-left: var(--base-size-36, 2.25rem)
}

.ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent {
    padding-left: var(--base-size-40, 2.5rem)
}

.ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon {
    transform: scaleY(-1);
    transition: transform .12s linear
}

.ActionListContent[aria-expanded=true]+.ActionList--subGroup {
    height: auto;
    opacity: 1;
    overflow: visible;
    transform: translateY(0);
    visibility: visible
}

.submenu-open>button>.ActionListItem-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon {
    transform: scaleY(1);
    transition: transform .12s linear
}

.ActionListContent[aria-expanded=false]+.ActionList--subGroup {
    /* height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(calc(var(--base-size-16, 1rem) * -1));
    visibility: hidden */
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] {
    background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg))
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before,
.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before {
    visibility: hidden
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after {
    background: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: var(--base-size-24, 1.5rem);
    left: calc(var(--base-size-8, 0.5rem)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4, 0.25rem)
}

.ActionListContent[aria-checked=true] .ActionListItem-multiSelectCheckmark,
.ActionListContent[aria-selected=true] .ActionListItem-multiSelectCheckmark {
    opacity: 1;
    transition: visibility 0 linear 0, opacity 50ms;
    visibility: visible
}

.ActionListContent[aria-checked=true] .ActionListItem-singleSelectCheckmark,
.ActionListContent[aria-selected=true] .ActionListItem-singleSelectCheckmark {
    visibility: visible
}

@media screen and (prefers-reduced-motion: no-preference) {

    .ActionListContent[aria-checked=true] .ActionListItem-singleSelectCheckmark,
    .ActionListContent[aria-selected=true] .ActionListItem-singleSelectCheckmark {
        animation: checkmarkIn .2s cubic-bezier(0.11, 0, 0.5, 0) forwards
    }

    @keyframes checkmarkIn {
        0% {
            clip-path: inset(16px 0 0 0)
        }

        to {
            clip-path: inset(0 0 0 0)
        }
    }
}

.ActionListContent[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,
.ActionListContent[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect {
    fill: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg));
    stroke: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg));
    stroke-width: var(--borderWidth-thin, 1px)
}

.ActionListContent[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark,
.ActionListContent[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark {
    fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.ActionListContent[aria-checked=false] .ActionListItem-multiSelectCheckmark,
.ActionListContent[aria-selected=false] .ActionListItem-multiSelectCheckmark {
    opacity: 0;
    transition: visibility 0 linear 50ms, opacity 50ms;
    visibility: hidden
}

.ActionListContent[aria-checked=false] .ActionListItem-singleSelectCheckmark,
.ActionListContent[aria-selected=false] .ActionListItem-singleSelectCheckmark {
    clip-path: inset(16px 0 0 0);
    transition: visibility 0s linear .2s;
    visibility: hidden
}

@media screen and (prefers-reduced-motion: no-preference) {

    .ActionListContent[aria-checked=false] .ActionListItem-singleSelectCheckmark,
    .ActionListContent[aria-selected=false] .ActionListItem-singleSelectCheckmark {
        animation: checkmarkOut .2s cubic-bezier(0.11, 0, 0.5, 0) forwards
    }

    @keyframes checkmarkOut {
        0% {
            clip-path: inset(0 0 0 0)
        }

        to {
            clip-path: inset(16px 0 0 0)
        }
    }
}

.ActionListContent[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,
.ActionListContent[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect {
    fill: var(--bgColor-default, var(--color-canvas-default));
    stroke: var(--control-borderColor-rest, var(--color-btn-border));
    stroke-width: var(--borderWidth-thin, 1px)
}

.ActionListContent[aria-checked=false] .ActionListItem-multiSelectIconRect,
.ActionListContent[aria-selected=false] .ActionListItem-multiSelectIconRect {
    fill: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, 1px) solid var(--control-borderColor-rest, var(--color-btn-border))
}

.ActionListContent.ActionListContent--sizeLarge {
    --actionListContent-paddingBlock: var(--control-large-paddingBlock, 0.625rem)
}

.ActionListContent.ActionListContent--sizeXLarge {
    --actionListContent-paddingBlock: var(--control-xlarge-paddingBlock, 0.875rem)
}

@media(pointer: coarse) {
    .ActionListContent {
        --actionListContent-paddingBlock: var(--control-large-paddingBlock, 0.625rem)
    }
}

.ActionListContent.ActionListContent--blockDescription .ActionListItem-visual {
    place-self: start
}

.ActionListItem-action--leading {
    grid-area: leadingAction
}

.ActionListItem-visual--leading {
    grid-area: leadingVisual
}

.ActionListItem-visual--trailing {
    grid-area: trailingVisual
}

.ActionListItem-action--trailing {
    grid-area: trailingAction
}

.ActionListItem-visual--leading svg {
    fill: currentcolor
}

.ActionListItem-descriptionWrap {
    display: flex;
    flex-direction: column;
    gap: var(--base-size-4, 0.25rem);
    grid-area: label
}

.ActionListItem-descriptionWrap .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionListItem-descriptionWrap--inline {
    align-items: baseline;
    flex-direction: row;
    gap: var(--base-size-8, 0.5rem);
    position: relative
}

.ActionListItem-description {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-normal, 400);
    line-height: var(--text-body-lineHeight-small, 1.6666)
}

.ActionListItem-action,
.ActionListItem-visual {
    fill: var(--fgColor-muted, var(--color-fg-muted));
    align-items: center;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: flex;
    min-height: var(--control-medium-lineBoxHeight, 1.25rem);
    pointer-events: none
}

.ActionListItem-label {
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-normal, 400);
    grid-area: label;
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    position: relative
}

.ActionListItem-label--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ActionListItem--subItem>.ActionListContent>.ActionListItem-label {
    font-size: var(--text-body-size-small, 0.75rem);
    line-height: var(--text-body-lineHeight-small, 1.6666)
}

.ActionListItem--withActions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.ActionListItem-trailingAction {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ActionListItem--trailingActionHover .ActionListItem-trailingAction {
    visibility: hidden
}

.ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction,
.ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction {
    visibility: visible
}

.ActionList-sectionDivider:not(:empty) {
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: flex;
    flex-direction: column;
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: var(--text-body-lineHeight-small, 1.6666);
    padding-block: var(--base-size-8, 0.5rem);
    padding-inline: var(--actionListContent-paddingBlock)
}

.ActionList-sectionDivider:empty {
    background: var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    border: 0;
    display: block;
    height: var(--borderWidth-thin, max(1px, 0.0625rem));
    list-style: none;
    margin-block-end: var(--base-size-8, 0.5rem);
    margin-block-start: calc(var(--base-size-8, 0.5rem) - var(--borderWidth-thin, max(1px, 0.0625rem)));
    margin-inline: calc(var(--base-size-8, 0.5rem)*-1);
    padding: 0
}

.ActionList-sectionDivider .ActionList-sectionDivider-title {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionList-sectionDivider--filled {
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    border-bottom: solid var(--borderWidth-thin, max(1px, 0.0625rem)) var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    border-top: solid var(--borderWidth-thin, max(1px, 0.0625rem)) var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    margin-block-end: var(--base-size-8, 0.5rem);
    margin-block-start: calc(var(--base-size-8, 0.5rem) - var(--borderWidth-thin, max(1px, 0.0625rem)));
    margin-inline: calc(var(--base-size-8, 0.5rem)*-1)
}

.ActionList-sectionDivider--filled:empty {
    box-sizing: border-box;
    height: var(--base-size-8, 0.5rem)
}

.ActionList-sectionDivider--filled:first-child {
    margin-block-start: 0
}

.autocomplete-label-stacked {
    display: block;
    margin-bottom: 6px
}

.autocomplete-label-inline {
    display: inline;
    margin-right: 6px
}

@media(max-width: 543.98px) {
    .autocomplete-label-inline {
        display: block;
        margin-bottom: 6px
    }
}

.autocomplete-body {
    display: inline;
    position: relative
}

.autocomplete-embedded-icon-wrap {
    align-items: center;
    display: inline-flex;
    padding: 4px 8px
}

.autocomplete-embedded-icon-wrap:focus-within {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.autocomplete-embedded-icon-wrap .form-control {
    border: none;
    box-shadow: none;
    margin-left: 8px;
    padding: 0
}

.autocomplete-embedded-icon-wrap .form-control:focus {
    box-shadow: none
}

.autocomplete-embedded-icon-wrap .form-control:focus-visible {
    box-shadow: none
}

.autocomplete-results {
    background: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
    font-size: 13px;
    left: 0;
    list-style: none;
    max-height: 20em;
    min-width: 100%;
    overflow-y: auto;
    position: absolute;
    width: max-content;
    z-index: 99
}

.autocomplete-item {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    display: block;
    font-weight: var(--base-text-weight-semibold, 600);
    overflow: hidden;
    padding: 4px 8px;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.autocomplete-item:hover {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none
}

.autocomplete-item:hover * {
    color: inherit !important
}

.autocomplete-item.navigation-focus,
.autocomplete-item.selected,
.autocomplete-item[aria-selected=true] {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none
}

.autocomplete-item.navigation-focus *,
.autocomplete-item.selected *,
.autocomplete-item[aria-selected=true] * {
    color: inherit !important
}

.Banner {
    background-image: linear-gradient(var(--bgColor-accent-muted, var(--color-accent-subtle)), var(--bgColor-accent-muted, var(--color-accent-subtle)));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-accent-muted, var(--color-accent-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: "visual message actions close";
    grid-template-columns: min-content 1fr minmax(0, auto) min-content;
    grid-template-rows: min-content;
    padding: var(--base-size-8, 0.5rem);
    position: relative
}

@media(max-width: 543.98px) {
    .Banner {
        grid-template-areas: "visual message close" ". actions actions";
        grid-template-columns: min-content 1fr min-content;
        grid-template-rows: min-content min-content
    }

    .Banner .Banner-actions {
        margin: var(--base-size-8, 0.5rem) 0 0 var(--base-size-8, 0.5rem)
    }
}

.Banner .Banner-visual {
    align-self: start;
    display: grid;
    grid-area: visual;
    padding: .375rem var(--base-size-8, 0.5rem)
}

.Banner .Banner-visual>.octicon {
    margin-block: calc(var(--base-size-4, 0.25rem)/2)
}

.Banner .Banner-visual>* {
    align-self: center
}

.Banner .Banner-message {
    align-self: center;
    grid-area: message;
    padding: .375rem var(--base-size-8, 0.5rem)
}

.Banner .Banner-message p:last-child {
    margin-bottom: 0
}

.Banner .Banner-message .Banner-title:not(:only-child) {
    font-weight: var(--base-text-weight-semibold, 600);
    margin-bottom: 0
}

.Banner .Banner-actions {
    grid-area: actions
}

.Banner .Banner-actions:last-child {
    align-self: center
}

.Banner .Banner-close {
    grid-area: close;
    margin-left: var(--controlStack-medium-gap-condensed, 0.5rem)
}

.Banner .Banner-visual .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.Banner.Banner--warning {
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--color-attention-subtle)), var(--bgColor-attention-muted, var(--color-attention-subtle)));
    border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.Banner.Banner--warning .Banner-visual .octicon {
    color: var(--fgColor-attention, var(--color-attention-fg))
}

.Banner.Banner--error {
    background-image: linear-gradient(var(--bgColor-danger-muted, var(--color-danger-subtle)), var(--bgColor-danger-muted, var(--color-danger-subtle)));
    border-color: var(--borderColor-danger-muted, var(--color-danger-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.Banner.Banner--error .Banner-visual .octicon {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.Banner.Banner--success {
    background-image: linear-gradient(var(--bgColor-success-muted, var(--color-success-subtle)), var(--bgColor-success-muted, var(--color-success-subtle)));
    border-color: var(--borderColor-success-muted, var(--color-success-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.Banner.Banner--success .Banner-visual .octicon {
    color: var(--fgColor-success, var(--color-success-fg))
}

.Banner.Banner--full {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

@media(max-width: 767.98px) {
    .Banner.Banner--full-whenNarrow {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
    }
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none;
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor);
    outline: none;
}


.Overlay--hidden {
    display: none !important
}

.Overlay--show {
    display: block !important
}

.Overlay--visibilityHidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.Overlay {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border-radius: var(--borderRadius-large, 0.75rem);
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow));
    flex-direction: column;
    max-height: min(100vh - 2rem, var(--overlay-height));
    min-width: 192px;
    opacity: 1;
    white-space: normal;
    width: min(var(--overlay-width), 100vw - 2rem)
}

.Overlay {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    border-radius: var(--borderRadius-large, 0.75rem);
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow));
    color: var(--fgColor-default, var(--color-fg-default));
    display: flex;
    flex-direction: column;
    inset: 0;
    margin: auto;
    max-height: min(100vh - 2rem, var(--overlay-height));
    min-width: 192px;
    opacity: 1;
    padding: 0;
    position: static;
    white-space: normal;
    width: min(var(--overlay-width), 100vw - 2rem);
}

.Overlay.Overlay--placement-right {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    inset: 0 0 0 auto;
}

.Overlay.Overlay--placement-left {
    animation-name: Overlay--motion-slideInRight;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    inset: 0 auto 0 0;
}

.Overlay.Overlay--size-auto {
    max-height: calc(100vh - 2rem);
    max-width: calc(100vw - 2rem);
    min-width: 192px
}

.Overlay.Overlay--size-full {
    height: 100vh;
    width: 100vw
}

.Overlay.Overlay--size-xsmall {
    --overlay-width: 192px;
    max-height: calc(100vh - 2rem)
}

.Overlay.Overlay--size-small {
    --overlay-height: 256px;
    --overlay-width: 320px
}

.Overlay.Overlay--size-small-portrait {
    --overlay-height: 432px;
    --overlay-width: 320px
}

.discussion-nested-comment-timeline-item:first-child::before {
    top: 16px;
}

.question-comment-wrapper>.discussion-nested-comment-timeline-item:first-child::before {
    top: 0;
}

.Overlay.Overlay--size-medium {
    --overlay-height: 320px;
    --overlay-width: 480px
}

.Overlay.Overlay--size-medium-portrait {
    --overlay-height: 600px;
    --overlay-width: 480px
}

.Overlay.Overlay--size-large {
    --overlay-height: 432px;
    --overlay-width: 640px
}

.Overlay.Overlay--size-xlarge {
    --overlay-height: 600px;
    --overlay-width: 960px
}

.Overlay.Overlay--height-auto {
    height: auto
}

.Overlay.Overlay--height-xsmall {
    height: min(192px, 100vh - 2rem)
}

.Overlay.Overlay--height-small {
    height: min(256px, 100vh - 2rem)
}

.Overlay.Overlay--height-medium {
    height: min(320px, 100vh - 2rem)
}

.Overlay.Overlay--height-large {
    height: min(432px, 100vh - 2rem)
}

.Overlay.Overlay--height-xlarge {
    height: min(600px, 100vh - 2rem)
}

.Overlay.Overlay--width-auto {
    width: auto
}

.Overlay.Overlay--width-small {
    width: min(256px, 100vw - 2rem)
}

.Overlay.Overlay--width-medium {
    width: min(320px, 100vw - 2rem)
}

.Overlay.Overlay--width-large {
    width: min(480px, 100vw - 2rem)
}

.Overlay.Overlay--width-xlarge {
    width: min(640px, 100vw - 2rem)
}

.Overlay.Overlay--width-xxlarge {
    width: min(960px, 100vw - 2rem)
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay.Overlay--motion-scaleFade {
        animation: Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

dialog.Overlay:not([open]) {
    display: none;
}

@keyframes Overlay--motion-scaleFade {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.Overlay-form {
    flex-grow: 1;
    overflow: auto
}

.Overlay-form,
.Overlay-header {
    display: flex;
    flex-direction: column
}

.Overlay-header {
    color: var(--fgColor-default, var(--color-fg-default));
    z-index: 1
}

.Overlay-header.Overlay-header--divided {
    box-shadow: inset 0 calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) var(--borderColor-default, var(--color-border-default));
    padding-bottom: var(--stack-padding-condensed, 0.5rem)
}

.Overlay-header.Overlay-header--divided+.Overlay-body {
    padding-top: var(--stack-padding-normal, 1rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap {
    gap: var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
    font-size: var(--text-title-size-medium, 1.25rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
    font-size: var(--text-body-size-medium, 0.875rem)
}

.Overlay-header .Overlay-headerContentWrap {
    align-items: flex-start;
    display: flex;
    gap: var(--stack-gap-condensed, 0.5rem);
    padding: var(--stack-gap-condensed, 0.5rem) var(--stack-gap-condensed, 0.5rem) 0 var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap {
    display: flex;
    flex-direction: row;
   /*  gap: var(--stack-gap-condensed, 0.5rem) */
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--control-small-gap, 0.25rem);
    padding: calc(var(--stack-gap-condensed, 0.5rem)*.75) 0 calc(var(--stack-gap-condensed, 0.5rem)*.75) var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600);
    margin: 0
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-normal, 400);
    margin: 0
}

.Overlay-body {
    flex-grow: 1;
    font-size: var(--text-body-size-medium, 0.875rem);
    overflow-y: auto;
    padding: var(--stack-padding-normal, 1rem);
    padding-top: 0;
    scrollbar-width: auto
}

.Overlay-body.Overlay-body--paddingCondensed {
    padding: var(--stack-padding-condensed, 0.5rem);
    padding-top: 0
}

.Overlay-body.Overlay-body--paddingNone {
    padding: 0
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.Overlay-footer {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: 0 var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem);
    z-index: 1
}

.Overlay-footer.Overlay-footer--divided {
    box-shadow: inset 0 var(--borderWidth-thin, max(1px, 0.0625rem)) var(--borderColor-default, var(--color-border-default));
    padding-top: var(--stack-padding-normal, 1rem)
}

.Overlay-footer.Overlay-footer--alignStart {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: flex-start
}

.Overlay-footer.Overlay-footer--alignCenter {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: center
}

.Overlay-footer.Overlay-footer--alignEnd {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: flex-end
}

.flex-self-top {
    align-self: flex-start;
}

.Overlay-closeButton {
    align-self: flex-start;
    background-color: initial;
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000;
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    display: grid;
    flex-shrink: 0;
    height: var(--base-size-32, 2rem);
    padding: 0;
    place-content: center;
    position: relative;
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color, background-color, border-color;
    -webkit-user-select: none;
    user-select: none;
    width: var(--base-size-32, 2rem)
}

/* .Overlay-closeButton:focus, */
.Overlay-closeButton:hover {
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-bgColor-hover, var(--color-btn-hover-bg))
}

.Overlay-closeButton.close-button {
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000
}

.Overlay-backdrop--center {
    align-items: center;
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--anchor {
    background-color: initial;
    position: absolute;
    z-index: 999
}

.Overlay-backdrop--side {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--side,
.Overlay-backdrop--side.Overlay-backdrop--placement-left {
    align-items: center;
    justify-content: left
}

@media screen and (prefers-reduced-motion: no-preference) {

    .Overlay.Overlay--motion-scaleFade,
    .Overlay.Overlay--placement-left,
    .Overlay.Overlay--placement-right {
        animation: Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
}

.Overlay.Overlay--placement-left {
    animation-name: Overlay--motion-slideInRight;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    inset: 0 auto 0 0;
}

.Overlay.Overlay--placement-right {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    inset: 0 0 0 auto;
}

.Overlay.Overlay--placement-left,
.Overlay.Overlay--placement-right {
    height: 100%;
    max-height: unset;
    position: fixed;
}

.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 100vh;
    max-height: unset
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay {
        animation: Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay {
        animation: Overlay--motion-slideInLeft 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right {
    align-items: center;
    justify-content: right
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100vh;
    max-height: unset
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
    align-items: end;
    justify-content: center
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: auto;
    max-height: calc(100vh - 2rem);
    width: 100vw
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay {
        animation: Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top {
    align-items: start;
    justify-content: center
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay {
        animation: Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--full {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--full .Overlay {
    border-radius: unset !important;
    flex-grow: 1;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100%
}

@media(max-width: 767px) {
    .Overlay-backdrop--center-whenNarrow {
        align-items: center;
        background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .Overlay-backdrop--anchor-whenNarrow {
        background-color: initial;
        position: absolute;
        z-index: 999
    }

    .Overlay-backdrop--side-whenNarrow {
        background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .Overlay-backdrop--side-whenNarrow,
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
        align-items: center;
        justify-content: left
    }

    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        height: 100vh;
        max-height: unset
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow {
        animation: Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
        align-items: center;
        justify-content: right
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 100vh;
        max-height: unset
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow {
        animation: 0.25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running Overlay--motion-slideInLeft;
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
        align-items: end;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: auto;
        max-height: calc(100vh - 2rem);
        width: 100vw
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow {
        animation: Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
        align-items: start;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow {
        animation: Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--full-whenNarrow {
        background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--full-whenNarrow .Overlay {
        border-radius: unset !important;
        flex-grow: 1;
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        width: 100%
    }
}

.dropdown {
    position: relative
}

.dropdown-caret {
    border-bottom-color: #0000;
    border-left-color: #0000;
    border-right-color: #0000;
    border-style: solid;
    border-width: var(--borderWidth-thicker, max(4px, 0.25rem)) var(--borderWidth-thicker, max(4px, 0.25rem)) 0;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: var(--shadow-floating-small, var(--color-shadow-small));
    left: 0;
    list-style: none;
    margin-top: 2px;
    padding-bottom: var(--control-small-paddingBlock, 0.25rem);
    padding-top: var(--control-small-paddingBlock, 0.25rem);
    position: absolute;
    top: 100%;
    width: 160px;
    z-index: 100
}

.dropdown-menu:after,
.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute
}

.dropdown-menu:before {
    border: 8px solid #0000;
    border-bottom: 8px solid var(--borderColor-default, var(--color-border-default))
}

.dropdown-menu:after {
    border: 7px solid #0000;
    border-bottom: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay))
}

.dropdown-menu>ul {
    list-style: none
}

.dropdown-menu-no-overflow {
    width: auto
}

.dropdown-menu-no-overflow .dropdown-item {
    overflow: visible;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: inherit
}

.dropdown-item {
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-item:hover {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none
}

.dropdown-item:hover>.octicon {
    color: inherit;
    opacity: 1
}

.dropdown-item:hover [class*=color-fg-],
.dropdown-item:hover>.Label {
    color: inherit !important
}

.dropdown-item:hover>.Label {
    border-color: currentcolor
}

.dropdown-item.btn-link,
.dropdown-signout {
    text-align: left;
    width: 100%
}

.dropdown-signout {
    background: none;
    border: 0
}

.dropdown-divider {
    border-top: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    display: block;
    height: 0;
    margin: var(--stack-gap-condensed, 0.5rem) 0
}

.dropdown-header {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.dropdown-item[aria-checked=false] .octicon-check {
    display: none
}

.dropdown-menu-w {
    left: auto;
    margin-right: 8px;
    margin-top: 0;
    right: 100%;
    top: 0;
    width: auto
}

.dropdown-menu-w:before {
    border-color: #0000;
    border-left-color: var(--borderColor-default, var(--color-border-default));
    left: auto;
    right: -16px;
    top: 10px
}

.dropdown-menu-w:after {
    border-color: #0000;
    border-left-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: auto;
    right: -14px;
    top: 11px
}

.dropdown-menu-e {
    left: 100%;
    margin-left: 8px;
    margin-top: 0;
    top: 0;
    width: auto
}

.dropdown-menu-e:before {
    border-color: #0000;
    border-right-color: var(--borderColor-default, var(--color-border-default));
    left: -16px;
    top: 10px
}

.dropdown-menu-e:after {
    border-color: #0000;
    border-right-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: -14px;
    top: 11px
}

.dropdown-menu-ne {
    bottom: 100%;
    left: 0;
    margin-bottom: 3px;
    top: auto
}

.dropdown-menu-ne:after,
.dropdown-menu-ne:before {
    right: auto;
    top: auto
}

.dropdown-menu-ne:before {
    border-bottom: 0;
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-top: 8px solid var(--borderColor-default, var(--color-border-default));
    bottom: -8px;
    left: 9px
}

.dropdown-menu-ne:after {
    border-bottom: 0;
    border-left: 7px solid #0000;
    border-right: 7px solid #0000;
    border-top: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay));
    bottom: -7px;
    left: 10px
}

.dropdown-menu-s {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

.dropdown-menu-s:before {
    right: 50%;
    top: -16px;
    transform: translateX(50%)
}

.dropdown-menu-s:after {
    right: 50%;
    top: -14px;
    transform: translateX(50%)
}

.dropdown-menu-sw {
    left: auto;
    right: 1px;

}

.dropdown-menu-sw:before {
    left: auto;
    right: 9px;
    top: -16px
}

.dropdown-menu-sw:after {
    left: auto;
    right: 10px;
    top: -14px
}

.dropdown-menu-se:before {
    left: 9px;
    top: -16px
}

.dropdown-menu-se:after {
    left: 10px;
    top: -14px
}

.Layout {
    --Layout-sidebar-width: 220px;
    --Layout-gutter: 16px;
    display: grid
}

@media(max-width: 543.98px) {
    .Layout {
        grid-auto-flow: row;
        grid-template-columns: 1fr !important
    }

    .Layout .Layout-divider,
    .Layout .Layout-main,
    .Layout .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar,
    .Layout.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--divided .Layout-main,
    .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 767.98px) {
    .Layout.Layout--flowRow-until-md {
        grid-auto-flow: row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-md .Layout-divider,
    .Layout.Layout--flowRow-until-md .Layout-main,
    .Layout.Layout--flowRow-until-md .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar,
    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-md.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main,
    .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 1011.98px) {
    .Layout.Layout--flowRow-until-lg {
        grid-auto-flow: row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-lg .Layout-divider,
    .Layout.Layout--flowRow-until-lg .Layout-main,
    .Layout.Layout--flowRow-until-lg .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar,
    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main,
    .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

.Layout {
    grid-gap: var(--Layout-gutter);
    grid-auto-flow: column;
    grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)))
}

.Layout .Layout-sidebar {
    grid-column: 1
}

.Layout .Layout-divider {
    display: none
}

.Layout .Layout-main {
    grid-column: 2/span 2
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-gutter: 24px;
    }
}

.Layout.Layout--gutter-none {
    --Layout-gutter: 0px
}

.Layout.Layout--gutter-condensed {
    --Layout-gutter: 16px
}

@media(min-width: 1012px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter: 32px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter: 40px
    }
}

@media(min-width: 544px) {
    .Layout {
        --Layout-sidebar-width: 220px
    }
}

@media(min-width: 768px) {
    .Layout {
        --Layout-sidebar-width: 256px
    }
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-sidebar-width: 296px
    }
}

@media(min-width: 768px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width: 240px
    }
}

@media(min-width: 1012px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width: 256px
    }

    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width: 320px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width: 336px
    }
}

.Layout.Layout--sidebarPosition-start .Layout-sidebar {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-start .Layout-main {
    grid-column: 2/span 2
}

.Layout.Layout--sidebarPosition-end {
    grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto
}

.Layout.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 2/span 2
}

.Layout.Layout--divided .Layout-divider {
    background: var(--borderColor-default, var(--color-border-default));
    display: block;
    grid-column: 2;
    margin-right: -1px;
    width: 1px
}

.Layout.Layout--divided .Layout-main,
.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 3/span 1
}

.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout-divider {
    display: none;
    width: 1px
}

.Layout-sidebar {
    width: var(--Layout-sidebar-width)
}

.Layout-main {
    min-width: 0
}

.Layout-main .Layout-main-centered-lg,
.Layout-main .Layout-main-centered-md,
.Layout-main .Layout-main-centered-xl {
    margin-left: auto;
    margin-right: auto
}

.Layout-main .Layout-main-centered-lg>.container-lg,
.Layout-main .Layout-main-centered-lg>.container-md,
.Layout-main .Layout-main-centered-lg>.container-xl,
.Layout-main .Layout-main-centered-md>.container-lg,
.Layout-main .Layout-main-centered-md>.container-md,
.Layout-main .Layout-main-centered-md>.container-xl,
.Layout-main .Layout-main-centered-xl>.container-lg,
.Layout-main .Layout-main-centered-xl>.container-md,
.Layout-main .Layout-main-centered-xl>.container-xl {
    margin-left: 0
}

.Layout-main .Layout-main-centered-md {
    max-width: calc(var(--breakpoint-medium, 48rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-lg {
    max-width: calc(var(--breakpoint-large, 63.25rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-xl {
    max-width: calc(var(--breakpoint-xlarge, 80rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.tabnav {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    margin-bottom: var(--stack-gap-normal, 1rem);
    margin-top: 0
}

.tabnav-tabs {
    display: flex;
    margin-bottom: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    overflow: auto
}

.tabnav-tab {
    background-color: initial;
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000;
    border-bottom: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline-block;
    flex-shrink: 0;
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 23px;
    padding: var(--base-size-8, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-decoration: none;
    transition: color .2s cubic-bezier(0.3, 0, 0.5, 1)
}

.tabnav-tab.selected,
.tabnav-tab[aria-current]:not([aria-current=false]),
.tabnav-tab[aria-selected=true] {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem) 0 0;
    color: var(--fgColor-default, var(--color-fg-default))
}

.tabnav-tab.selected .octicon,
.tabnav-tab[aria-current]:not([aria-current=false]) .octicon,
.tabnav-tab[aria-selected=true] .octicon {
    color: inherit
}

.tabnav-tab:hover {
    color: var(--fgColor-default, var(--color-fg-default));
    text-decoration: none;
    transition-duration: .1s
}

.tabnav-tab:focus,
.tabnav-tab:focus-visible {
    border-radius: var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem) 0 0 !important
}

.tabnav-tab:focus,
.tabnav-tab:focus-visible {
    outline-offset: -6px
}

.tabnav-tab .octicon,
.tabnav-tab:active {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.tabnav-tab .octicon {
    margin-right: var(--control-small-gap, 0.25rem)
}

.tabnav-tab .Counter {
    color: inherit;
    margin-left: var(--control-small-gap, 0.25rem)
}


.tabnav-extra {
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    margin-left: 10px;
    padding-top: 10px
}

.tabnav-extra>.octicon {
    margin-right: 2px
}

a.tabnav-extra:hover {
    color: var(--fgColor-accent, var(--color-accent-fg));
    text-decoration: none
}

.tabnav-btn {
    margin-left: var(--controlStack-medium-gap-condensed, 0.5rem)
}

.FormControl {
    display: inline-flex;
    flex-direction: column;
    gap: var(--base-size-4, 0.25rem)
}

.FormControl--fullWidth {
    display: flex
}

.FormControl-label {
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    -webkit-user-select: none;
    user-select: none
}

.FormControl-caption {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-weight: var(--text-caption-weight, 400);
    margin-bottom: 0
}

.FormControl-caption,
.FormControl-inlineValidation {
    font-size: var(--text-caption-size, 0.75rem);
    line-height: var(--text-caption-lineHeight, 1.3333)
}

.FormControl-inlineValidation {
    fill: var(--control-borderColor-danger, var(--color-danger-emphasis));
    align-items: flex-start;
    color: var(--control-borderColor-danger, var(--color-danger-emphasis));
    display: flex;
    flex-direction: row;
    font-weight: var(--base-text-weight-semibold, 600);
    gap: var(--base-size-4, 0.25rem)
}

.FormControl-inlineValidation p {
    margin-bottom: 0
}

.FormControl-inlineValidation--visual {
    align-items: center;
    display: flex;
    min-height: var(--base-size-16, 1rem)
}

.FormControl-spacingWrapper {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.FormControl-horizontalGroup {
    column-gap: .5rem;
    display: flex
}

.FormControl-input,
.FormControl-select,
.FormControl-textarea {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default))
}

.FormControl-input[disabled],
.FormControl-select[disabled],
.FormControl-textarea[disabled] {
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

.FormControl-input[invalid]:not(:focus),
.FormControl-select[invalid]:not(:focus),
.FormControl-textarea[invalid]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

.FormControl-input:not([type=checkbox], [type=radio]):focus,
.FormControl-select:not([type=checkbox], [type=radio]):focus,
.FormControl-textarea:not([type=checkbox], [type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.FormControl-input:not([type=checkbox], [type=radio]):focus:not(:focus-visible),
.FormControl-select:not([type=checkbox], [type=radio]):focus:not(:focus-visible),
.FormControl-textarea:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.FormControl-input:not([type=checkbox], [type=radio]):focus-visible,
.FormControl-select:not([type=checkbox], [type=radio]):focus-visible,
.FormControl-textarea:not([type=checkbox], [type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}


:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor);
    outline: none;
}

.CommentBox-container.CommentBox-container:focus-within {
    border-color: transparent;
    outline: 2px var(--focus-outlineColor, var(--color-accent-emphasis)) solid;
    outline-offset: -1px;
    box-shadow: none;
}
.FormControl-input,
.FormControl-select,
.FormControl-textarea {
    border-radius: var(--borderRadius-medium, 0.375rem);
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
    padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
    width: 100%
}

.FormControl-input[disabled]::placeholder,
.FormControl-select[disabled]::placeholder,
.FormControl-textarea[disabled]::placeholder {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.FormControl-input[readonly],
.FormControl-select[readonly],
.FormControl-textarea[readonly] {
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg))
}

.FormControl-input::placeholder,
.FormControl-select::placeholder,
.FormControl-textarea::placeholder {
    color: var(--control-fgColor-placeholder, var(--color-fg-subtle));
    opacity: 1
}

.FormControl-input.FormControl-small,
.FormControl-select.FormControl-small,
.FormControl-textarea.FormControl-small {
    font-size: var(--text-body-size-small, 0.75rem);
    height: var(--control-small-size, 1.75rem);
    padding-block: var(--control-small-paddingBlock, 0.25rem);
    padding-inline: var(--control-small-paddingInline-normal, 0.75rem)
}

.FormControl-input.FormControl-medium,
.FormControl-select.FormControl-medium,
.FormControl-textarea.FormControl-medium {
    height: var(--control-medium-size, 2rem)
}

.FormControl-input.FormControl-large,
.FormControl-select.FormControl-large,
.FormControl-textarea.FormControl-large {
    height: var(--control-large-size, 2.5rem);
    padding-block: var(--control-large-paddingBlock, 0.625rem);
    padding-inline: var(--control-large-paddingInline-normal, 0.75rem)
}

.FormControl-input.FormControl-inset,
.FormControl-select.FormControl-inset,
.FormControl-textarea.FormControl-inset {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.FormControl-input.FormControl-inset:focus,
.FormControl-input.FormControl-inset:focus-visible,
.FormControl-select.FormControl-inset:focus,
.FormControl-select.FormControl-inset:focus-visible,
.FormControl-textarea.FormControl-inset:focus,
.FormControl-textarea.FormControl-inset:focus-visible {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.FormControl-input.FormControl-monospace,
.FormControl-select.FormControl-monospace,
.FormControl-textarea.FormControl-monospace {
    font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace)
}

.FormControl-input.FormControl-error,
.FormControl-select.FormControl-error,
.FormControl-textarea.FormControl-error {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

.FormControl-input.FormControl-success,
.FormControl-select.FormControl-success,
.FormControl-textarea.FormControl-success {
    border-color: var(--control-borderColor-success, var(--color-success-emphasis))
}

.FormControl-input.FormControl-warning,
.FormControl-select.FormControl-warning,
.FormControl-textarea.FormControl-warning {
    border-color: var(--control-borderColor-warning, var(--color-attention-emphasis))
}

.FormControl-toggleSwitchInput {
    align-items: flex-start;
    display: flex;
    gap: var(--base-size-16, 1rem)
}

.FormControl-input-wrap {
    display: grid;
    position: relative
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap {
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: block;
    height: var(--base-size-16, 1rem);
    left: var(--base-size-8, 0.5rem);
    pointer-events: none;
    position: absolute;
    top: var(--base-size-8, 0.5rem);
    width: var(--base-size-16, 1rem)
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap .FormControl-input-leadingVisual {
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.FormControl-input-wrap .FormControl-input-trailingAction {
    align-items: center;
    background: #0000;
    border: 0;
    border-radius: var(--borderRadius-small, 0.1875rem);
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    display: grid;
    height: var(--control-xsmall-size, 1.5rem);
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--base-size-4, 0.25rem);
    top: var(--base-size-4, 0.25rem);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color, background-color, border-color;
    width: var(--control-xsmall-size, 1.5rem);
    z-index: 4
}

.FormControl-input-wrap .FormControl-input-trailingAction svg {
    -webkit-user-select: none;
    user-select: none
}

.FormControl-input-wrap .FormControl-input-trailingAction[disabled] {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    pointer-events: none
}

.FormControl-input-wrap .FormControl-input-trailingAction:hover {
    background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

.FormControl-input-wrap .FormControl-input-trailingAction:active {
    background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.FormControl-input-wrap .FormControl-input-trailingAction.FormControl-input-trailingAction--divider:before {
    background: var(--borderColor-default, var(--color-border-default));
    content: "";
    display: block;
    height: var(--base-size-16, 1rem);
    left: calc(var(--base-size-4, 0.25rem)*-1);
    position: absolute;
    top: calc((var(--control-xsmall-size, 1.5rem) - var(--base-size-16, 1rem))/2);
    width: var(--borderWidth-thin, max(1px, 0.0625rem))
}

.FormControl-input-wrap .FormControl-input-trailingAction:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: coarse) {
    .FormControl-input-wrap .FormControl-input-trailingAction:after {
        min-height: var(--control-minTarget-coarse, 2.75rem);
        min-width: var(--control-minTarget-coarse, 2.75rem)
    }
}

.FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input {
    padding-inline-start: calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap {
    left: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    top: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem)
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small {
    padding-inline-end: calc(var(--control-small-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-small-gap, 0.25rem))
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small {
    padding-inline-end: calc(var(--control-small-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-small-gap, 0.25rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction {
    height: calc(var(--control-small-size, 1.75rem) - var(--base-size-8, 0.5rem));
    width: calc(var(--control-small-size, 1.75rem) - var(--base-size-8, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction:before {
    top: calc((var(--control-xsmall-size, 1.5rem) - var(--base-size-16, 1rem))/4)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap {
    left: var(--control-medium-paddingInline-normal, 0.75rem);
    top: var(--control-medium-paddingInline-normal, 0.75rem)
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large {
    padding-inline-start: calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large {
    padding-inline-end: calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large {
    padding-inline-end: calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction {
    height: var(--control-small-size, 1.75rem);
    right: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    top: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    width: var(--control-small-size, 1.75rem)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction:before {
    height: var(--base-size-20, 1.25rem);
    top: unset
}

.FormControl-select-wrap {
    display: grid;
    grid-template-columns: minmax(0, auto) var(--base-size-16, 1rem)
}

.FormControl-select-wrap:after {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    content: "";
    grid-column: 2;
    grid-row: 1;
    height: var(--base-size-16, 1rem);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM1ODYwNjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
    mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IiM1ODYwNjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    padding-right: var(--base-size-4, 0.25rem);
    place-self: center end;
    pointer-events: none;
    width: var(--base-size-16, 1rem)
}

.FormControl-select-wrap .FormControl-select {
    -webkit-appearance: none;
    appearance: none;
    grid-column: 1/-1;
    grid-row: 1;
    padding-right: var(--base-size-20, 1.25rem)
}

.FormControl-checkbox-wrap,
.FormControl-radio-wrap {
    display: inline-grid;
    gap: var(--base-size-8, 0.5rem);
    grid-template-columns: min-content auto
}

.FormControl-checkbox-wrap .FormControl-checkbox-labelWrap,
.FormControl-checkbox-wrap .FormControl-radio-labelWrap,
.FormControl-radio-wrap .FormControl-checkbox-labelWrap,
.FormControl-radio-wrap .FormControl-radio-labelWrap {
    display: flex;
    flex-direction: column;
    gap: var(--base-size-4, 0.25rem)
}

.FormControl-checkbox-wrap .FormControl-label,
.FormControl-radio-wrap .FormControl-label {
    cursor: pointer
}

.FormControl-check-group-wrap fieldset,
.FormControl-radio-group-wrap fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input[type=checkbox].FormControl-checkbox {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default))
}

input.FormControl-checkbox[type=checkbox][disabled] {
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-checkbox[type=checkbox][invalid]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox], [type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input[type=checkbox].FormControl-checkbox {
    -webkit-appearance: none;
    appearance: none;
    border-color: var(--control-borderColor-emphasis, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-small, 0.1875rem);
    cursor: pointer;
    display: grid;
    height: var(--base-size-16, 1rem);
    margin: .125rem 0 0;
    place-content: center;
    position: relative;
    transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16, 1rem)
}

input.FormControl-checkbox[type=checkbox]:before {
    background-color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg));
    clip-path: inset(var(--base-size-16, 1rem) 0 0 0);
    content: "";
    height: var(--base-size-16, 1rem);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc4LjIyYS43NS43NSAwIDAgMSAwIDEuMDYxTDQuNTIgOC41NDFhLjc1Mi43NTIgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1MS43NTEgMCAwIDEgMS4wNjIgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjc4LjIyYS43NS43NSAwIDAgMSAwIDEuMDYxTDQuNTIgOC41NDFhLjc1Mi43NTIgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1MS43NTEgMCAwIDEgMS4wNjIgMFoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
    mask-size: 75%;
    transition: visibility 0s linear .23s;
    visibility: hidden;
    width: var(--base-size-16, 1rem)
}

@media screen and (prefers-reduced-motion: no-preference) {
    input.FormControl-checkbox[type=checkbox]:before {
        animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards
    }
}

input.FormControl-checkbox[type=checkbox]:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

input.FormControl-checkbox[type=checkbox][disabled]~.FormControl-checkbox-labelWrap .FormControl-label,
input.FormControl-checkbox[type=checkbox][disabled]~.FormControl-radio-labelWrap .FormControl-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

input.FormControl-checkbox[type=checkbox]:checked {
    background: var(--control-checked-bgColor-rest, var(--color-accent-fg));
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms
}

input.FormControl-checkbox[type=checkbox]:checked:before {
    transition: visibility 0s linear 0s;
    visibility: visible
}

@media screen and (prefers-reduced-motion: no-preference) {
    input.FormControl-checkbox[type=checkbox]:checked:before {
        animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms forwards
    }
}

input.FormControl-checkbox[type=checkbox]:checked:disabled {
    background-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    border-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-checkbox[type=checkbox]:checked:disabled:before {
    background-color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg))
}

@media(forced-colors: active) {
    input.FormControl-checkbox[type=checkbox]:checked {
        background-color: canvastext;
        border-color: canvastext
    }
}

input.FormControl-checkbox[type=checkbox]:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

input.FormControl-checkbox[type=checkbox]:indeterminate:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMWExIDEgMCAwIDEgMS0xaDhhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDAgMS0xLTFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMWExIDEgMCAwIDEgMS0xaDhhMSAxIDAgMSAxIDAgMkgxYTEgMSAwIDAgMS0xLTFaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    visibility: visible
}

input[type=radio].FormControl-radio {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default))
}

input.FormControl-radio[type=radio][disabled] {
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-radio[type=radio][invalid]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-radio[type=radio]:not([type=checkbox], [type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input[type=radio].FormControl-radio {
    -webkit-appearance: none;
    appearance: none;
    border-color: var(--control-borderColor-emphasis, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-full, 624.9375rem);
    cursor: pointer;
    height: var(--base-size-16, 1rem);
    margin: .125rem 0 0;
    position: relative;
    transition: background-color, border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16, 1rem)
}

input.FormControl-radio[type=radio]:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

input.FormControl-radio[type=radio]:checked {
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    border-width: var(--base-size-4, 0.25rem)
}

input.FormControl-radio[type=radio]:checked:disabled {
    border-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

input.FormControl-radio[type=radio]:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

@media(forced-colors: active) {
    input[type=radio].FormControl-radio {
        background-color: canvastext;
        border-color: canvastext
    }
}

@keyframes checkmarkIn {
    0% {
        clip-path: inset(var(--base-size-16, 1rem) 0 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes checkmarkOut {
    0% {
        clip-path: inset(0 0 0 0)
    }

    to {
        clip-path: inset(var(--base-size-16, 1rem) 0 0 0)
    }
}

.btn-mktg {
    -webkit-appearance: none !important;
    appearance: none !important;
    background: linear-gradient(180deg, #ffffff26 0, #fff0 100%), var(--color-mktg-btn-bg) !important;
    border: 0;
    border-radius: .375rem;
    color: var(--bgColor-default, var(--color-canvas-default));
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1;
    padding: .9rem 1.5rem 1.1rem;
    position: relative;
    text-align: center;
    transition: box-shadow .2s, outline .2s ease;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.btn-mktg:before {
    background: linear-gradient(180deg, #ffffff26, #fff0) !important;
    background-blend-mode: normal;
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    z-index: -1
}

.btn-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover) !important;
    text-decoration: none
}

.btn-mktg.focus:before,
.btn-mktg:focus-visible:before,
.btn-mktg:focus:before,
.btn-mktg:hover:before {
    opacity: 1
}

.btn-mktg:focus {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

.btn-mktg:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.btn-mktg:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

.btn-mktg:active:before {
    opacity: .5 !important
}

.btn-mktg.disabled,
.btn-mktg[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.btn-muted-mktg {
    background: none !important;
    box-shadow: var(--color-mktg-btn-shadow-outline);
    color: var(--fgColor-default, var(--color-fg-default)) !important
}

.btn-muted-mktg:before {
    display: none
}

.btn-muted-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-muted-mktg:active {
    box-shadow: var(--fgColor-default, var(--color-fg-default)) 0 0 0 3px inset !important
}

.btn-muted-mktg:disabled {
    box-shadow: var(--fgColor-default, var(--color-fg-default)) 0 0 0 1px inset !important
}

.btn-subtle-mktg {
    box-shadow: none !important;
    color: var(--fgColor-default, var(--color-fg-default)) !important
}

.btn-subtle-mktg,
.btn-subtle-mktg:before {
    background: none !important
}

.btn-subtle-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-signup-mktg {
    background: linear-gradient(180deg, #34b75926, #2ea44f00), #2ea44f !important;
    color: #fff
}

.btn-signup-mktg:before {
    background: linear-gradient(180deg, #34b75926, #2ea44f00) !important
}

.btn-signup-mktg:focus {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

.btn-signup-mktg:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.btn-signup-mktg:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px
}

.btn-small-mktg {
    padding: .625rem 1rem .8125rem
}

.btn-large-mktg {
    font-size: 1.25rem;
    padding: 16px 30px 20px !important
}

.ToggleSwitch,
.ToggleSwitch.ToggleSwitch {
    display: inline-flex
}

.ToggleSwitch {
    align-items: center;
    gap: var(--controlStack-medium-gap-condensed, 0.5rem)
}

.ToggleSwitch--checked .ToggleSwitch-statusOn {
    height: auto;
    visibility: visible
}

.ToggleSwitch--checked .ToggleSwitch-statusOff {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-track {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--controlTrack-bgColor-rest, var(--color-switch-track-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--controlTrack-borderColor-rest, var(--color-switch-track-border));
    border-radius: var(--borderRadius-medium, 0.375rem);
    cursor: pointer;
    display: block;
    height: var(--control-medium-size, 2rem);
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
    transition-duration: 80ms;
    transition-property: background-color, border-color;
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-user-select: none;
    user-select: none;
    width: var(--base-size-64, 4rem)
}

.ToggleSwitch-track:focus,
.ToggleSwitch-track:focus-visible {
    outline-offset: 1px
}

.ToggleSwitch-track:hover {
    background-color: var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg))
}

.flash-close:not(.Banner-close) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4, 0.25rem)*-1);
    text-align: center;
}

.ToggleSwitch-track:active {
    background-color: var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg))
}

.flash-close:not(.Banner-close) .octicon {
    margin-right: 0;
}

.flash:not(.Banner) .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg));
    margin-right: var(--base-size-12, 0.75rem);
}


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

.flash-full:not(.Banner) {
    border-radius: 0;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
}

.flash:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-accent-muted, var(--color-accent-subtle)), var(--bgColor-accent-muted, var(--color-accent-subtle)));
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    color: var(--fgColor-default, var(--color-fg-default));
    padding: var(--base-size-20, 1.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    position: relative;
}

.flash-banner,
.flash-full {
    background-color: var(--bgColor-default, var(--color-canvas-default));
}

body.intent-mouse [role=button]:focus,
body.intent-mouse [role=tabpanel][tabindex="0"]:focus,
body.intent-mouse button:focus,
body.intent-mouse summary:focus,
body.intent-mouse a:focus {
    outline: none;
    box-shadow: none;
}

.flash-close:not(.Banner-close) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4, 0.25rem)*-1);
    text-align: center;
}

.flash-close:not(.Banner-close) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4, 0.25rem)*-1);
    text-align: center;
}

button,
html [type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

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

@media(pointer: coarse) {
    .ToggleSwitch-track:before {
        content: "";
        height: 100%;
        left: 50%;
        min-height: 44px;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

@media(prefers-reduced-motion) {

    .ToggleSwitch-track,
    .ToggleSwitch-track * {
        transition: none
    }
}

.ToggleSwitch-track[aria-pressed=true][disabled] {
    background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg));
    border-color: #0000;
    color: var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg))
}

.ToggleSwitch-track[aria-pressed=true] {
    background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg));
    border-color: var(--borderColor-transparent, #0000)
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover {
    background-color: var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg))
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active {
    background-color: var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg))
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-checked, var(--color-switch-knob-checked-bg));
    border-color: var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border));
    transform: translateX(100%)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon {
    transform: translateX(0)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon {
    transform: translateX(100%)
}

.ToggleSwitch-track[disabled] {
    background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg));
    border-color: #0000;
    cursor: not-allowed;
    transition-property: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-knob {
    border-color: var(--borderColor-default, var(--color-border-default));
    box-shadow: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,
.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon {
    color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg))
}

.ToggleSwitch-icons {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.ToggleSwitch-lineIcon {
    color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg));
    transform: translateX(-100%)
}

.ToggleSwitch-circleIcon,
.ToggleSwitch-lineIcon {
    flex: 1 0 50%;
    line-height: 0;
    transition-duration: 80ms;
    transition-property: transform
}

.ToggleSwitch-circleIcon {
    color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg));
    transform: translateX(0)
}

.ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--controlKnob-borderColor-rest, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: 0;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    position: absolute;
    top: 0;
    transition-duration: 80ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    width: 50%;
    z-index: 1
}

@media(prefers-reduced-motion) {
    .ToggleSwitch-knob {
        transition: none
    }
}

.ToggleSwitch-status {
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 1.5;
    position: relative;
    text-align: right
}

.ToggleSwitch-statusIcon {
    display: flex;
    margin-top: .063rem;
    width: var(--base-size-16, 1rem)
}

.ToggleSwitch--small .ToggleSwitch-status {
    font-size: var(--text-body-size-small, 0.75rem)
}

.ToggleSwitch--small .ToggleSwitch-track {
    height: var(--control-xsmall-size, 1.5rem);
    width: var(--base-size-48, 3rem)
}

.ToggleSwitch--disabled .ToggleSwitch-status {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.ToggleSwitch-statusOn {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-statusOff {
    height: auto;
    visibility: visible
}

.ToggleSwitch--statusAtEnd {
    flex-direction: row-reverse
}

.ToggleSwitch--statusAtEnd .ToggleSwitch-status {
    text-align: left
}

.UnderlineNav {
    -webkit-overflow-scrolling: auto;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted));
    display: flex;
    justify-content: space-between;
    min-height: var(--base-size-48, 3rem);
    overflow-x: auto;
    overflow-y: hidden
}

.UnderlineNav .Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    color: var(--fgColor-default, var(--color-fg-default));
    margin-left: var(--control-medium-gap, 0.5rem)
}

.UnderlineNav .Counter--primary {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.UnderlineNav-body {
    align-items: center;
    display: flex;
    gap: var(--control-medium-gap, 0.5rem);
    list-style: none
}

.UnderlineNav-item {
    align-items: center;
    background-color: initial;
    border: 0;
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    display: flex;
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 30px;
    padding: 0 var(--control-medium-paddingInline-condensed, 0.5rem);
    position: relative;
    text-align: center;
    white-space: nowrap
}

.UnderlineNav-item:focus,
.UnderlineNav-item:focus-visible,
.UnderlineNav-item:hover {
    border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
    color: var(--fgColor-default, var(--color-fg-default));
    outline-offset: -2px;
    text-decoration: none;
    transition: border-bottom-color .12s ease-out
}

.UnderlineNav-item [data-content]:before {
    content: attr(data-content);
    display: block;
    font-weight: var(--base-text-weight-semibold, 600);
    height: 0;
    visibility: hidden
}

.UnderlineNav-item:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: 48px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: fine) {
    .UnderlineNav-item:hover {
        background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
        color: var(--fgColor-default, var(--color-fg-default));
        text-decoration: none;
        transition: background .12s ease-out
    }
}

.UnderlineNav-item.selected,
.UnderlineNav-item[aria-current]:not([aria-current=false]),
.UnderlineNav-item[role=tab][aria-selected=true] {
    border-bottom-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    color: var(--fgColor-default, var(--color-fg-default));
    font-weight: var(--base-text-weight-semibold, 600)
}

.UnderlineNav-item.selected:after,
.UnderlineNav-item[aria-current]:not([aria-current=false]):after,
.UnderlineNav-item[role=tab][aria-selected=true]:after {
    background: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: calc(50% - 25px);
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    z-index: 1
}

.UnderlineNav--right {
    justify-content: flex-end
}

.UnderlineNav--right .UnderlineNav-actions {
    flex: 1 1 auto
}

.UnderlineNav-actions {
    align-self: center
}

.UnderlineNav--full {
    display: block
}

.UnderlineNav--full .UnderlineNav-body {
    min-height: var(--base-size-48, 3rem)
}

.UnderlineNav-octicon {
    fill: var(--fgColor-muted, var(--color-fg-muted));
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline !important;
    margin-right: var(--control-medium-gap, 0.5rem)
}

.UnderlineNav-container {
    display: flex;
    justify-content: space-between
}

.SegmentedControl {
    background-color: var(--controlTrack-bgColor-rest, var(--color-segmented-control-bg));
    border-radius: var(--borderRadius-medium, 0.375rem);
    display: inline-flex;
    list-style: none
}

.SegmentedControl-item {
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000;
    border-radius: var(--borderRadius-medium, 0.375rem);
    display: inline-flex;
    padding: var(--control-xsmall-paddingInline-condensed, 0.25rem);
    position: relative
}

.SegmentedControl-item .Button--invisible:hover:not(:disabled) {
    background-color: var(--controlTrack-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

.SegmentedControl-item .Button--invisible:active:not(:disabled) {
    background-color: var(--controlTrack-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.SegmentedControl-item.SegmentedControl-item--selected {
    background-color: var(--controlKnob-bgColor-rest, var(--color-segmented-control-button-bg));
    border-color: var(--controlKnob-borderColor-rest, var(--color-segmented-control-button-selected-border))
}

.SegmentedControl-item.SegmentedControl-item--selected .Button {
    font-weight: var(--base-text-weight-semibold, 600)
}

.SegmentedControl-item.SegmentedControl-item--selected .Button:hover {
    background-color: initial
}

.SegmentedControl-item.SegmentedControl-item--selected:before {
    border-color: #0000 !important
}

.SegmentedControl-item.SegmentedControl-item--selected+.SegmentedControl-item:before {
    border-color: #0000
}

.SegmentedControl-item .Button-label[data-content]:before {
    content: attr(data-content);
    display: block;
    font-weight: var(--base-text-weight-semibold, 600);
    height: 0;
    visibility: hidden
}

.SegmentedControl-item:not(:first-child):before {
    border-left: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    content: "";
    inset: 0 0 0 -1px;
    margin-bottom: var(--control-medium-paddingBlock, 0.375rem);
    margin-top: var(--control-medium-paddingBlock, 0.375rem);
    position: absolute
}

.SegmentedControl-item .Button {
    border: 0;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    font-weight: var(--base-text-weight-normal, 400);
    transition: none
}

.SegmentedControl-item .Button:focus-visible {
    border-radius: calc(var(--borderRadius-medium, 0.375rem) - 5px);
    outline-offset: calc(var(--control-xsmall-paddingInline-condensed, 0.25rem) - var(--borderWidth-thin, max(1px, 0.0625rem)))
}

.SegmentedControl-item .Button--small {
    height: calc(var(--control-small-size, 1.75rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2);
    padding: 0 calc(var(--control-small-paddingInline-condensed, 0.5rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem))
}

.SegmentedControl-item .Button--small.Button--iconOnly {
    width: calc(var(--control-medium-size, 2rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2)
}

.SegmentedControl-item .Button--small.Button--iconOnly:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem);
    min-width: var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.SegmentedControl-item .Button--medium {
    height: calc(var(--control-medium-size, 2rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2);
    padding: 0 calc(var(--control-medium-paddingInline-normal, 0.75rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem))
}

.SegmentedControl-item .Button--medium.Button--iconOnly {
    width: calc(var(--control-medium-size, 2rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2)
}

.SegmentedControl-item .Button--medium.Button--iconOnly:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem);
    min-width: var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.SegmentedControl-item .Button--large {
    height: calc(var(--control-large-size, 2.5rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2);
    padding: 0 calc(var(--control-large-paddingInline-spacious, 1rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem))
}

.SegmentedControl-item .Button--large.Button--iconOnly {
    width: calc(var(--control-large-size, 2.5rem) - var(--control-xsmall-paddingInline-condensed, 0.25rem)*2 - var(--borderWidth-thin, max(1px, 0.0625rem))*2)
}

.SegmentedControl-item .Button--large.Button--iconOnly:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-large-size, 2.5rem);
    min-width: var(--control-large-size, 2.5rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

.SegmentedControl-item .Button--iconOnly {
    padding: initial
}

.SegmentedControl-item .Button--invisible.Button--invisible-noVisuals .Button-label {
    color: var(--button-default-fgColor-rest, var(--color-btn-text))
}

.SegmentedControl--fullWidth {
    display: flex
}

.SegmentedControl--fullWidth .SegmentedControl-item {
    flex: 1;
    justify-content: center
}

.SegmentedControl--fullWidth .Button--iconOnly,
.SegmentedControl--fullWidth .Button-withTooltip {
    width: 100%
}

.menu {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    list-style: none;
    margin-bottom: var(--stack-gap-normal, 1rem)
}

.menu-item {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem);
    position: relative
}

.menu-item:first-child {
    border-top: 0;
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:first-child,
.menu-item:first-child:before {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:last-child,
.menu-item:last-child:before {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:hover {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
    text-decoration: none
}

.menu-item:active {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.menu-item.selected,
.menu-item[aria-current]:not([aria-current=false]),
.menu-item[aria-selected=true] {
    background-color: var(--menu-bgColor-active, var(--color-menu-bg-active));
    cursor: default
}

.menu-item.selected:before,
.menu-item[aria-current]:not([aria-current=false]):before,
.menu-item[aria-selected=true]:before {
    background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.menu-item .octicon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-right: var(--control-medium-gap, 0.5rem);
    text-align: center;
    width: 16px
}

.menu-item .Counter {
    float: right;
    margin-left: var(--control-small-gap, 0.25rem)
}

.menu-item .menu-warning {
    color: var(--fgColor-attention, var(--color-attention-fg));
    float: right
}

.menu-item .avatar {
    float: left;
    margin-right: var(--control-small-gap, 0.25rem)
}

.menu-item.alert .Counter {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.menu-heading {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    font-size: inherit;
    font-weight: var(--base-text-weight-semibold, 600);
    margin-bottom: 0;
    margin-top: 0;
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.menu-heading:hover {
    text-decoration: none
}

.menu-heading:first-child {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-heading:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.avatar {
    background-color: var(--avatar-bgColor, var(--color-avatar-bg));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: 0 0 0 1px var(--avatar-borderColor, var(--color-avatar-border));
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle
}

.avatar-link {
    float: left;
    line-height: 1
}

.avatar-group-item {
    display: inline-block;
    margin-bottom: 3px
}

.avatar-1,
.avatar-2,
.avatar-small {
    border-radius: var(--borderRadius-small, 0.1875rem)
}

.avatar-1 {
    height: var(--base-size-16, 1rem);
    width: var(--base-size-16, 1rem)
}

.avatar-2 {
    height: var(--base-size-20, 1.25rem);
    width: var(--base-size-20, 1.25rem)
}

.avatar-3 {
    height: var(--base-size-24, 1.5rem);
    width: var(--base-size-24, 1.5rem)
}

.avatar-4 {
    height: var(--base-size-28, 1.75rem);
    width: var(--base-size-28, 1.75rem)
}

.avatar-5 {
    height: var(--base-size-32, 2rem);
    width: var(--base-size-32, 2rem)
}

.avatar-6 {
    height: var(--base-size-40, 2.5rem);
    width: var(--base-size-40, 2.5rem)
}

.avatar-7 {
    height: var(--base-size-48, 3rem);
    width: var(--base-size-48, 3rem)
}

.avatar-8 {
    height: var(--base-size-64, 4rem);
    width: var(--base-size-64, 4rem)
}

.AvatarStack {
    height: 20px;
    min-width: 26px;
    position: relative
}

.AvatarStack .AvatarStack-body {
    position: absolute
}

.AvatarStack.AvatarStack--two {
    min-width: 36px
}

.AvatarStack.AvatarStack--three-plus {
    min-width: 46px
}

.AvatarStack-body {
    background: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 100px;
    display: flex
}

.AvatarStack-body .avatar {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: var(--borderRadius-small, 0.1875rem);
    border-right: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    box-shadow: none;
    box-sizing: initial;
    display: flex;
    height: 20px;
    margin-right: -11px;
    position: relative;
    transition: margin .1s ease-in-out;
    width: 20px;
    z-index: 2
}

.AvatarStack-body .avatar:first-child {
    z-index: 3
}

.AvatarStack-body .avatar:last-child {
    border-right: 0;
    z-index: 1
}

.AvatarStack-body .avatar img {
    border-radius: var(--borderRadius-small, 0.1875rem)
}

.AvatarStack-body .avatar:nth-child(n+4) {
    display: none;
    opacity: 0
}

.AvatarStack-body:hover .avatar {
    margin-right: 3px
}

.AvatarStack-body:hover .avatar:nth-child(n+4) {
    display: flex;
    opacity: 1
}

.AvatarStack-body:hover .avatar-more {
    display: none !important
}

.avatar.avatar-more {
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    margin-right: 0;
    z-index: 1
}

.avatar.avatar-more:after,
.avatar.avatar-more:before {
    border-radius: 2px;
    content: "";
    display: block;
    height: 20px;
    outline: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    position: absolute
}

.avatar.avatar-more:before {
    background: var(--avatarStack-fade-bgColor-muted, var(--color-avatar-stack-fade-more));
    width: 17px
}

.avatar.avatar-more:after {
    background: var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade));
    width: 14px
}

.AvatarStack--right .AvatarStack-body {
    flex-direction: row-reverse;
    right: 0
}

.AvatarStack--right .AvatarStack-body:hover .avatar {
    margin-left: 3px;
    margin-right: 0
}

.AvatarStack--right .AvatarStack-body .avatar:not(:last-child) {
    border-left: 0
}

.AvatarStack--right .avatar.avatar-more {
    background: var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade))
}

.AvatarStack--right .avatar.avatar-more:before {
    width: 5px
}

.AvatarStack--right .avatar.avatar-more:after {
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    width: 2px
}

.AvatarStack--right .avatar {
    border-left: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    border-right: 0;
    margin-left: -11px;
    margin-right: 0
}

.Box {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    overflow: hidden;
}

.Box--condensed {
    line-height: 1.25
}

.Box--condensed .Box-body,
.Box--condensed .Box-footer,
.Box--condensed .Box-header {
    padding: var(--stack-padding-condensed, 0.5rem) var(--stack-padding-normal, 1rem)
}

.Box--condensed .Box-btn-octicon.btn-octicon {
    line-height: 1.25;
    margin: calc(var(--controlStack-medium-gap-condensed, 0.5rem)*-1) calc(var(--controlStack-small-gap-spacious, 1rem)*-1);
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.Box--condensed .Box-row {
    padding: var(--stack-padding-condensed, 0.5rem) var(--stack-padding-normal, 1rem)
}

.Box--spacious .Box-header {
    line-height: 1.25;
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box--spacious .Box-title {
    font-size: var(--text-title-size-medium, 1.25rem)
}

.Box--spacious .Box-body,
.Box--spacious .Box-btn-octicon.btn-octicon,
.Box--spacious .Box-footer {
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box--spacious .Box-btn-octicon.btn-octicon {
    margin: calc(var(--stack-gap-spacious, 1.5rem)*-1) calc(var(--stack-gap-spacious, 1.5rem)*-1)
}

.Box--spacious .Box-row {
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box-header {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-style: solid;
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem);
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    margin: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) 0;
    padding: var(--stack-padding-normal, 1rem)
}

.Box-title {
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600)
}

.Box-body {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    padding: var(--stack-padding-normal, 1rem)
}

.Box-body:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem);
    margin-bottom: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

.Box-row {
    border-top: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    list-style-type: none;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    padding: var(--stack-padding-normal, 1rem)
}

.Box-row:first-of-type {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.Box-row:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.Box-row.Box-row--unread,
.Box-row.unread {
    box-shadow: inset 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis))
}

.Box-row.navigation-focus .Box-row--drag-button {
    color: var(--fgColor-accent, var(--color-accent-fg));
    cursor: grab;
    opacity: 1
}

.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
    cursor: grabbing
}

.Box-row.navigation-focus.sortable-chosen,
.Box-row.navigation-focus.sortable-ghost {
    background-color: var(--bgColor-muted, 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(--bgColor-muted, var(--color-canvas-subtle))
}

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

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

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

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

    .Box-row-link:hover {
        color: var(--fgColor-accent, var(--color-accent-fg));
        text-decoration: none
    }
}

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

.Box-footer {
    border-radius: 0 0 var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem);
    border-top: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    padding: var(--stack-padding-normal, 1rem)
}

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

.Box--blue,
.Box--blue .Box-header {
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted))
}

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

.Box--blue .Box-body,
.Box--blue .Box-footer,
.Box--blue .Box-row {
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted))
}

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

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

.Box-row--yellow {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle))
}

.Box-row--blue {
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle))
}

.Box-row--gray {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.Box-btn-octicon.btn-octicon {
    line-height: 1.5;
    margin: calc(var(--controlStack-small-gap-spacious, 1rem)*-1) calc(var(--controlStack-small-gap-spacious, 1rem)*-1);
    padding: var(--control-medium-paddingInline-spacious, 1rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.blankslate {
    padding: var(--base-size-32, 2rem);
    position: relative;
    text-align: center
}

.blankslate p {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.blankslate code {
    background: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    font-size: var(--text-body-size-medium, 0.875rem);
    padding: 2px 5px 3px
}

.blankslate img {
    height: 56px;
    width: 56px
}

.blankslate-icon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-bottom: var(--stack-gap-condensed, 0.5rem);
    margin-left: var(--control-small-gap, 0.25rem);
    margin-right: var(--control-small-gap, 0.25rem)
}

.blankslate-image {
    margin-bottom: var(--stack-gap-normal, 1rem)
}

.blankslate-heading {
    margin-bottom: var(--base-size-4, 0.25rem)
}

.blankslate-action {
    margin-top: var(--stack-gap-normal, 1rem)
}

.blankslate-action:first-of-type {
    margin-top: var(--stack-gap-spacious, 1.5rem)
}

.blankslate-action:last-of-type {
    margin-bottom: var(--stack-gap-condensed, 0.5rem)
}

.blankslate-capped {
    border-radius: 0 0 var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem)
}

.blankslate-spacious {
    padding: var(--base-size-80, 5rem) var(--base-size-40, 2.5rem)
}

.blankslate-narrow {
    margin: 0 auto;
    max-width: 485px
}

.blankslate-large img {
    height: 80px;
    width: 80px
}

.blankslate-large h3 {
    font-size: 24px;
    margin: var(--stack-gap-normal, 1rem) 0
}

.blankslate-large p {
    font-size: var(--text-body-size-large, 1rem)
}

.blankslate-clean-background {
    border: 0
}

anchored-position[popover] {
    border-width: 0;
    inset: auto;
    min-width: 192px;
    overflow: visible;
    padding: 0;
    position: absolute
}

.Overlay {
    display: flex
}

anchored-position[popover]:not(.\:popover-open) {
    display: none
}

@supports selector(:popover-open) {
    anchored-position[popover]:not(.\:popover-open) {
        display: revert
    }
}

@supports selector(:open) {
    anchored-position[popover]:not(.\:popover-open) {
        display: revert
    }
}

.breadcrumb-item {
    display: inline-block;
    list-style: none;
    margin-left: -0.35em;
    white-space: nowrap
}

.breadcrumb-item:after {
    border-right: .1em solid var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
    content: "";
    display: inline-block;
    height: .8em;
    margin: 0 .5em;
    transform: rotate(15deg)
}

.breadcrumb-item:first-child {
    margin-left: 0
}

.breadcrumb-item-selected:after,
.breadcrumb-item[aria-current]:not([aria-current=false]):after {
    content: none
}

.breadcrumb-item-selected a {
    color: var(--fgColor-default, var(--color-fg-default))
}

:root {
    --duration-fast: 80ms;
    --easing-easeInOut: cubic-bezier(0.65, 0, 0.35, 1)
}

.Button {
    align-items: center;
    background-color: initial;
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid;
    border-color: #0000;
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-medium, 500);
    gap: var(--base-size-4, 0.25rem);
    height: var(--control-medium-size, 2rem);
    justify-content: space-between;
    min-width: max-content;
    padding: 0 var(--control-medium-paddingInline-normal, 0.75rem);
    position: relative;
    text-align: center;
    transition: var(--duration-fast) var(--easing-easeInOut);
    transition-property: color, fill, background-color, border-color;
    -webkit-user-select: none;
    user-select: none
}

@media(pointer: coarse) {
    .Button:before {
        content: "";
        height: 100%;
        left: 50%;
        min-height: 48px;
        min-width: 48px;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

.Button:hover {
    transition-duration: var(--duration-fast)
}

.Button:active {
    transition: none
}

.Button:disabled,
.Button[aria-disabled=true] {
    box-shadow: none;
    cursor: not-allowed
}

.Button-withTooltip {
    display: inline-block;
    position: relative
}

a.Button:hover,
summary.Button:hover {
    text-decoration: none
}

.Button-content {
    align-items: center;
    display: grid;
    flex: 1 0 auto;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    place-content: center
}

.Button-content>:not(:last-child) {
    margin-right: var(--control-medium-gap, 0.5rem)
}

.Button-content--alignStart {
    justify-content: start
}

.Button-visual {
    display: flex;
    pointer-events: none
}

.Button-visual .Counter {
    background-color: var(--buttonCounter-default-bgColor-rest, var(--color-btn-counter-bg));
    color: inherit
}

.Button-label {
    grid-area: text;
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    white-space: nowrap
}

.Button-leadingVisual {
    grid-area: leadingVisual
}

.Button-leadingVisual svg {
    fill: currentcolor
}

.Button-trailingVisual {
    grid-area: trailingVisual
}

.Button-trailingAction {
    margin-right: calc(var(--base-size-4, 0.25rem)*-1)
}

.Button--small {
    font-size: var(--text-body-size-small, 0.75rem);
    gap: var(--control-small-gap, 0.25rem);
    height: var(--control-small-size, 1.75rem);
    padding: 0 var(--control-small-paddingInline-condensed, 0.5rem)
}

.Button--small .Button-label {
    line-height: var(--text-body-lineHeight-small, 1.6666)
}

.Button--small .Button-content>:not(:last-child) {
    margin-right: var(--control-small-gap, 0.25rem)
}

.Button--large {
    gap: var(--control-large-gap, 0.5rem);
    height: var(--control-large-size, 2.5rem);
    padding: 0 var(--control-large-paddingInline-spacious, 1rem)
}

.Button--large .Button-label {
    line-height: var(--text-body-lineHeight-large, 1.5)
}

.Button--large .Button-content>:not(:last-child) {
    margin-right: var(--control-large-gap, 0.5rem)
}

.Button--fullWidth {
    width: 100%
}

.Button--primary {
    fill: var(--button-primary-iconColor-rest, var(--color-btn-primary-icon));
    background-color: var(--button-primary-bgColor-rest, var(--color-btn-primary-bg));
    border-color: var(--button-primary-borderColor-rest, var(--color-btn-primary-border));
    box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow)), var(--shadow-highlight, var(--color-btn-primary-inset-shadow));
    color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text))
}

.Button--primary:hover:not(:disabled) {
    background-color: var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));
    border-color: var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border))
}

.Button--primary:focus {
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px
}

.Button--primary:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.Button--primary:focus-visible {
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px
}

.Button--primary:active:not(:disabled),
.Button--primary[aria-pressed=true] {
    background-color: var(--button-primary-bgColor-active, var(--color-btn-primary-selected-bg));
    box-shadow: var(--button-primary-shadow-selected, var(--color-btn-primary-selected-shadow))
}

.Button--primary:disabled,
.Button--primary[aria-disabled=true] {
    fill: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text));
    background-color: var(--button-primary-bgColor-disabled, var(--color-btn-primary-disabled-bg));
    border-color: var(--button-primary-borderColor-disabled, var(--color-btn-primary-disabled-border));
    color: var(--button-primary-fgColor-disabled, var(--color-btn-primary-disabled-text))
}

.Button--primary .Counter {
    background-color: var(--buttonCounter-primary-bgColor-rest, var(--color-btn-primary-counter-bg));
    color: inherit
}

.Button--secondary {
    fill: var(--fgColor-muted, var(--color-fg-muted));
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    color: var(--button-default-fgColor-rest, var(--color-btn-text))
}

.Button--secondary:hover:not(:disabled) {
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border))
}

.Button--secondary:active:not(:disabled) {
    background-color: var(--button-default-bgColor-active, var(--color-btn-active-bg));
    border-color: var(--button-default-borderColor-active, var(--color-btn-active-border))
}

.Button--secondary[aria-pressed=true] {
    background-color: var(--button-default-bgColor-selected, var(--color-btn-selected-bg));
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset))
}

.Button--secondary:disabled,
.Button--secondary[aria-disabled=true] {
    fill: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--button-default-bgColor-disabled);
    border-color: var(--button-default-borderColor-disabled);
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.Button--invisible {
    color: var(--button-default-fgColor-rest, var(--color-btn-text))
}

.Button--invisible:hover:not(:disabled) {
    background-color: var(--button-invisible-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

.Button--invisible:active:not(:disabled),
.Button--invisible[aria-pressed=true] {
    background-color: var(--button-invisible-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.Button--invisible:disabled,
.Button--invisible[aria-disabled=true] {
    fill: var(--button-invisible-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--button-invisible-bgColor-disabled, var(--color-action-list-item-default-selected-bg));
    border-color: var(--button-invisible-borderColor-disabled);
    color: var(--button-invisible-fgColor-disabled, var(--color-primer-fg-disabled))
}

.Button--invisible.Button--invisible-noVisuals .Button-label {
    color: var(--button-invisible-fgColor-rest, var(--color-btn-outline-text))
}

.Button--invisible .Button-visual {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.Button--invisible .Button-visual .Counter {
    color: var(--fgColor-default, var(--color-fg-default))
}

.Button--link {
    fill: var(--fgColor-link, var(--color-accent-fg));
    border: none;
    color: var(--fgColor-link, var(--color-accent-fg));
    display: inline-block;
    font-size: inherit;
    height: unset;
    padding: 0
}

.Button--link:hover:not(:disabled) {
    text-decoration: underline
}

.Button--link:focus,
.Button--link:focus-visible {
    outline-offset: 2px
}

.Button--link:disabled,
.Button--link[aria-disabled=true] {
    fill: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: initial;
    border-color: #0000;
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.Button--danger {
    fill: var(--button-danger-iconColor-rest, var(--color-btn-danger-icon));
    background-color: var(--button-danger-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-danger-borderColor-rest, var(--color-btn-border));
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    color: var(--button-danger-fgColor-rest, var(--color-btn-danger-text))
}

.Button--danger:hover:not(:disabled) {
    fill: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text));
    background-color: var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg));
    border-color: var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border));
    box-shadow: var(--shadow-resting-small, var(--color-shadow-small)), var(--shadow-highlight, var(--color-primer-shadow-highlight));
    color: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text))
}

.Button--danger:hover:not(:disabled) .Counter {
    background-color: var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg));
    color: var(--buttonCounter-danger-fgColor-hover, var(--color-btn-danger-hover-counter-fg))
}

.Button--danger:active:not(:disabled),
.Button--danger[aria-pressed=true] {
    fill: var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text));
    background-color: var(--button-danger-bgColor-active, var(--color-btn-danger-selected-bg));
    border-color: var(--button-danger-borderColor-active, var(--color-btn-danger-selected-border));
    box-shadow: var(--button-danger-shadow-selected, var(--color-btn-danger-selected-shadow));
    color: var(--button-danger-fgColor-active, var(--color-btn-danger-selected-text))
}

.Button--danger:disabled,
.Button--danger[aria-disabled=true] {
    fill: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text));
    background-color: var(--button-danger-bgColor-disabled, var(--color-btn-danger-disabled-bg));
    border-color: var(--button-default-borderColor-disabled);
    color: var(--button-danger-fgColor-disabled, var(--color-btn-danger-disabled-text))
}

.Button--danger:disabled .Counter,
.Button--danger[aria-disabled=true] .Counter {
    background-color: var(--buttonCounter-danger-bgColor-disabled, var(--color-btn-danger-disabled-counter-bg));
    color: var(--buttonCounter-danger-fgColor-disabled, var(--color-btn-danger-disabled-counter-fg))
}

.Button--danger .Counter {
    background-color: var(--buttonCounter-danger-bgColor-rest, var(--color-btn-danger-counter-bg));
    color: var(--buttonCounter-danger-fgColor-rest, var(--color-btn-danger-counter-fg))
}

.Button--iconOnly {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: var(--control-medium-size, 2rem)
}

.Button--iconOnly.Button--small {
    width: var(--control-small-size, 1.75rem)
}

.Button--iconOnly.Button--large {
    width: var(--control-large-size, 2.5rem)
}

.ButtonGroup {
    display: inline-flex
}

.ButtonGroup .Button {
    border-radius: 0;
    margin-inline-end: -1px;
    position: relative
}

.ButtonGroup .Button:active,
.ButtonGroup .Button:focus,
.ButtonGroup .Button:hover {
    z-index: 1
}

.ButtonGroup>.Button-withTooltip:first-child .Button,
.ButtonGroup>:first-child {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-left-radius: var(--borderRadius-medium, 0.375rem)
}

.ButtonGroup>.Button-withTooltip:last-child .Button,
.ButtonGroup>:last-child {
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--counter-borderColor, var(--color-counter-border));
    border-radius: 2em;
    color: var(--fgColor-default, var(--color-fg-default));
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: calc(var(--base-size-20, 1.25rem) - var(--borderWidth-thin, max(1px, 0.0625rem))*2);
    min-width: var(--base-size-20, 1.25rem);
    padding: 0 6px;
    text-align: center
}

.Counter:empty {
    display: none
}

.Counter .octicon {
    opacity: .8;
    vertical-align: text-top
}

.Counter--primary {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.Counter--secondary {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.flash:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-accent-muted, var(--color-accent-subtle)), var(--bgColor-accent-muted, var(--color-accent-subtle)));
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    color: var(--fgColor-default, var(--color-fg-default));
    padding: var(--base-size-20, 1.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    position: relative
}

.flash:not(.Banner) .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg));
    margin-right: var(--base-size-12, 0.75rem)
}

.flash:not(.Banner) p:last-child {
    margin-bottom: 0
}

.flash-messages {
    margin-bottom: var(--stack-gap-spacious, 1.5rem)
}

.flash-close:not(.Banner-close) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4, 0.25rem)*-1);
    text-align: center
}

.flash-close:not(.Banner-close):hover {
    opacity: .7
}

.flash-close:not(.Banner-close):active {
    opacity: .5
}

.flash-close:not(.Banner-close) .octicon {
    margin-right: 0
}

.flash-action:not(.Banner-actions) {
    background-clip: padding-box;
    float: right;
    margin-left: var(--stack-gap-spacious, 1.5rem);
    margin-top: -3px
}

.flash-action.btn:not(.Banner-actions) .octicon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-right: var(--control-small-gap, 0.25rem)
}

.flash-action.btn-primary:not(.Banner-actions) {
    background-clip: initial
}

.flash-action.btn-primary:not(.Banner-actions) .octicon {
    color: inherit
}

.flash-warn:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--color-attention-subtle)), var(--bgColor-attention-muted, var(--color-attention-subtle)));
    border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-warn:not(.Banner) .octicon {
    color: var(--fgColor-attention, var(--color-attention-fg))
}

.flash-error:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-danger-muted, var(--color-danger-subtle)), var(--bgColor-danger-muted, var(--color-danger-subtle)));
    border-color: var(--borderColor-danger-muted, var(--color-danger-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-error:not(.Banner) .octicon {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.flash-success:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-success-muted, var(--color-success-subtle)), var(--bgColor-success-muted, var(--color-success-subtle)));
    border-color: var(--borderColor-success-muted, var(--color-success-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-success:not(.Banner) .octicon {
    color: var(--fgColor-success, var(--color-success-fg))
}

.flash-full:not(.Banner) {
    border-radius: 0;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

.flash-banner {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90
}

.flash-banner,
.flash-full {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.warning {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
    font-weight: var(--base-text-weight-semibold, 600);
    margin-bottom: .8em;
    padding: .5em
}

.labels {
    position: relative
}

.Label,
.label {
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: 2em;
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    padding: 0 7px;
    white-space: nowrap
}

.Label:hover,
.label:hover {
    text-decoration: none
}

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

.Label--inline {
    display: inline;
    font-size: 85%;
    padding: .12em .5em
}

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

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

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

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

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

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

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

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

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

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

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

.Link {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.Link:hover {
    cursor: pointer
}

.Link:focus,
.Link:hover {
    text-decoration: underline
}

.Link:focus,
.Link:focus-visible {
    outline-offset: 0
}

.Link--primary {
    color: var(--fgColor-default, var(--color-fg-default)) !important
}

.Link--primary:hover {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important
}

.Link--secondary {
    color: var(--fgColor-muted, var(--color-fg-muted)) !important
}

.Link--secondary:hover {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important
}

.Link--muted {
    color: var(--fgColor-muted, var(--color-fg-muted)) !important
}

.Link--muted:hover {
    text-decoration: none
}


.sh-muted {
    color: var(--fgColor-muted, var(--color-fg-muted)) !important
}

.sh-base {
    color: var(--fgColor-default, var(--color-fg-default)) !important;
}

.sh-muted:hover {
    text-decoration: none;
    cursor: default;
    color: var(--fgColor-muted, var(--color-fg-muted)) !important
}


.Link--muted:hover,
.Link--onHover:hover {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important
}

.Link--onHover:hover {
    cursor: pointer;
    text-decoration: underline
}

.BorderGrid {
    display: table;
    width: 100%;
    margin-top: -16px;
    margin-bottom: -16px;
    table-layout: fixed;
    border-collapse: collapse;
    border-style: hidden;
}

.BorderGrid-row {
    display: table-row;
}

.Overlay.Overlay--size-auto {
    max-height: calc(100vh - 2rem);
    max-width: calc(100vw - 2rem);
    min-width: 192px;
}

.BorderGrid .BorderGrid-cell {
    padding-top: 16px;
    padding-bottom: 16px;
}

.BorderGrid-cell {
    display: table-cell;
    border-top: var(--borderWidth-thin) solid var(--borderColor-muted, var(--color-border-muted));

}

.Overlay.Overlay--size-auto {
    max-height: calc(100vh - 2rem);
    max-width: calc(100vw - 2rem);
    min-width: 192px;
}

.ActionListWrap--inset,
.ActionListWrap--inset[popover] {
    padding: var(--base-size-8);
}

.ActionListWrap {
    list-style: none;
}

.Link--muted:hover [class*=color-fg],
.Link--primary:hover [class*=color-fg],
.Link--secondary:hover [class*=color-fg] {
    color: inherit !important
}

.Popover {
    position: absolute;
    z-index: 100
}

.Popover-message {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 232px
}

.Popover-message:after,
.Popover-message:before {
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute
}

.Popover-message:before {
    border: 8px solid #0000;
    border-bottom: 8px solid var(--borderColor-default, var(--color-border-default));
    margin-left: -9px;
    top: -16px
}

.Popover-message:after {
    border: 7px solid #0000;
    border-bottom: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay));
    margin-left: -8px;
    top: -14px
}

.Popover-message--no-caret:after,
.Popover-message--no-caret:before {
    display: none
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-left:before,
.Popover-message--bottom-right:after,
.Popover-message--bottom-right:before,
.Popover-message--bottom:after,
.Popover-message--bottom:before {
    border-bottom-color: #0000;
    top: auto
}

.Popover-message--bottom-left:before,
.Popover-message--bottom-right:before,
.Popover-message--bottom:before {
    border-top-color: var(--borderColor-default, var(--color-border-default));
    bottom: -16px
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-right:after,
.Popover-message--bottom:after {
    border-top-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    bottom: -14px
}

.Popover-message--bottom-right,
.Popover-message--top-right {
    margin-right: 0;
    right: -9px
}

.Popover-message--bottom-right:after,
.Popover-message--bottom-right:before,
.Popover-message--top-right:after,
.Popover-message--top-right:before {
    left: auto;
    margin-left: 0
}

.Popover-message--bottom-right:before,
.Popover-message--top-right:before {
    right: 20px
}

.Popover-message--bottom-right:after,
.Popover-message--top-right:after {
    right: 21px
}

.Popover-message--bottom-left,
.Popover-message--top-left {
    left: -9px;
    margin-left: 0
}

.Popover-message--bottom-left:after,
.Popover-message--bottom-left:before,
.Popover-message--top-left:after,
.Popover-message--top-left:before {
    left: 24px;
    margin-left: 0
}

.Popover-message--bottom-left:after,
.Popover-message--top-left:after {
    left: 25px
}

.Popover-message--left-bottom:after,
.Popover-message--left-bottom:before,
.Popover-message--left-top:after,
.Popover-message--left-top:before,
.Popover-message--left:after,
.Popover-message--left:before,
.Popover-message--right-bottom:after,
.Popover-message--right-bottom:before,
.Popover-message--right-top:after,
.Popover-message--right-top:before,
.Popover-message--right:after,
.Popover-message--right:before {
    border-bottom-color: #0000;
    left: auto;
    margin-left: 0;
    top: 50%
}

.Popover-message--left-bottom:before,
.Popover-message--left-top:before,
.Popover-message--left:before,
.Popover-message--right-bottom:before,
.Popover-message--right-top:before,
.Popover-message--right:before {
    margin-top: -9px
}

.Popover-message--left-bottom:after,
.Popover-message--left-top:after,
.Popover-message--left:after,
.Popover-message--right-bottom:after,
.Popover-message--right-top:after,
.Popover-message--right:after {
    margin-top: -8px
}

.Popover-message--right-bottom:before,
.Popover-message--right-top:before,
.Popover-message--right:before {
    border-left-color: var(--borderColor-default, var(--color-border-default));
    right: -16px
}

.Popover-message--right-bottom:after,
.Popover-message--right-top:after,
.Popover-message--right:after {
    border-left-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    right: -14px
}

.Popover-message--left-bottom:before,
.Popover-message--left-top:before,
.Popover-message--left:before {
    border-right-color: var(--borderColor-default, var(--color-border-default));
    left: -16px
}

.Popover-message--left-bottom:after,
.Popover-message--left-top:after,
.Popover-message--left:after {
    border-right-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: -14px
}

.Popover-message--left-top:after,
.Popover-message--left-top:before,
.Popover-message--right-top:after,
.Popover-message--right-top:before {
    top: 24px
}

.Popover-message--left-bottom:after,
.Popover-message--left-bottom:before,
.Popover-message--right-bottom:after,
.Popover-message--right-bottom:before {
    top: auto
}

.Popover-message--left-bottom:before,
.Popover-message--right-bottom:before {
    bottom: 16px
}

.Popover-message--left-bottom:after,
.Popover-message--right-bottom:after {
    bottom: 17px
}

@media(min-width: 544px) {
    .Popover-message--large {
        min-width: 320px
    }
}

@media(max-width: 767.98px) {
    .Popover {
        bottom: 0 !important;
        left: 0 !important;
        position: fixed;
        right: 0 !important;
        top: auto !important
    }

    .Popover-message {
        bottom: auto;
        left: auto;
        margin: var(--stack-gap-condensed, 0.5rem);
        right: auto;
        top: auto;
        width: auto !important
    }

    .Popover-message>.btn-octicon {
        padding: var(--control-medium-paddingInline-normal, 0.75rem) !important
    }

    .Popover-message:after,
    .Popover-message:before {
        display: none
    }
}

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

.Progress--large {
    height: 10px
}

.Progress--small {
    height: 5px
}

.Progress-item {
    outline: 2px solid #0000
}

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

.State,
.state {
    border-radius: 2em;
    display: inline-block;
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: var(--control-medium-lineBoxHeight, 1.25rem);
    padding: 5px var(--control-medium-paddingInline-normal, 0.75rem);
    text-align: center;
    white-space: nowrap
}

.State,
.State--draft,
.state {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000
}

.State,
.State--draft,
.State--open,
.state {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.State--open {
    background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis))
}

.State--merged {
    background-color: var(--bgColor-done-emphasis, var(--color-done-emphasis))
}

.State--closed,
.State--merged {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.State--closed {
    background-color: var(--bgColor-closed-emphasis, var(--color-closed-emphasis))
}

.State--small {
    font-size: var(--text-body-size-small, 0.75rem);
    line-height: var(--base-size-24, 1.5rem);
    padding: 0 10px
}

.State--small .octicon {
    width: 1em
}

.Subhead {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-bottom: var(--stack-gap-normal, 1rem);
    padding-bottom: var(--stack-padding-condensed, 0.5rem)
}

.Subhead--spacious {
    margin-top: var(--base-size-40, 2.5rem)
}

.Subhead-heading {
    flex: 1 1 auto;
    font-size: 24px;
    font-weight: var(--base-text-weight-normal, 400);
    order: 0
}

.Subhead-heading--danger {
    color: var(--fgColor-danger, var(--color-danger-fg));
    font-weight: var(--base-text-weight-semibold, 600)
}

.Subhead-description {
    color: var(--fgColor-muted, var(--color-fg-muted));
    flex: 1 100%;
    font-size: var(--text-body-size-medium, 0.875rem);
    order: 2
}

.Subhead-actions {
    align-self: center;
    justify-content: flex-end;
    margin: var(--base-size-4, 0.25rem) 0 var(--base-size-4, 0.25rem) var(--base-size-4, 0.25rem);
    order: 1
}

.Subhead-actions+.Subhead-description {
    margin-top: var(--base-size-4, 0.25rem)
}

.Truncate {
    display: inline-flex;
    max-width: 100%;
    min-width: 0
}

.fa-add {
    margin-top: 8px;
    margin-left: -10px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
}

.fa-envelope-bookmark {
    margin-top: 8px;
    margin-left: -10px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
}

.ActionList-item:hover .fa-envelope-bookmark {
    background-color: #f0f2f4;
    border: 1px solid #f0f2f4;
}

.ActionListItem:hover .fa-add {
    background-color: #f0f2f4;
    border: 1px solid #f0f2f4;
}

.fa-arrow-following {
    margin-top: 15px;
    margin-left: -27px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 17px;
    background-clip: padding-box;
}

.fa-arrow-back {
    margin-top: 15px;
    margin-left: -14px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 17px;
    background-clip: padding-box;
}

.fa-arrow-followers {
    margin-top: 15px;
    margin-left: -27px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 11px;
    background-clip: padding-box;
}

.UnderlineNav-item:hover .fa-arrow-following,
.UnderlineNav-item:hover .fa-arrow-followers {
    background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
    border-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
}

.UnderlineNav-item:hover .fa-arrow-back {
    color: #fff;
    background-color: #fff;
    border-color: #fff;
}

.Truncate>.Truncate-text {
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 1ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Truncate>.Truncate-text+.Truncate-text {
    margin-left: var(--control-small-gap, 0.25rem)
}

.Truncate>.Truncate-text.Truncate-text--primary {
    flex-basis: 200%
}

.Truncate>.Truncate-text.Truncate-text--expandable:active,
.Truncate>.Truncate-text.Truncate-text--expandable:focus,
.Truncate>.Truncate-text.Truncate-text--expandable:hover {
    cursor: pointer;
    flex-shrink: 0;
    max-width: 100% !important
}

.TimelineItem {
    display: flex;
    margin-left: var(--stack-gap-normal, 1rem);
    padding: var(--stack-padding-normal, 1rem) 0;
    position: relative
}

.discussion-nested-comment-paging-badge .octicon {
    fill: var(--borderColor-muted, var(--color-border-muted));
    transform: rotate(90deg);
}

/* .TimelineItem:before {
    background-color: var(--borderColor-muted, var(--color-border-muted));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick, max(2px, 0.125rem))
} */


/* .discussion-nested-comment-timeline-item.TimelineItem:before {
    background-color: var(--borderColor-muted, var(--color-border-muted));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick, max(2px, 0.125rem))
} */


.discussion-nested-comment-timeline-item:first-child::before {
    top: var(--base-size-16);
}
@media (min-width: 544px) {
    .discussion-nested-comment-timeline-item::before {
        left: 30px;
    }
}
.discussion-nested-comment-timeline-item::before {
    left: 25px;
}
.discussion-primer-next-nested-comment-timeline-item::before {
    left: 30px;
}


.TimelineItemNest:before {
    background-color: var(--borderColor-muted, var(--color-border-muted));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick, max(2px, 0.125rem));
}


@media (min-width: 544px) {
    .discussion-nested-comment-timeline-item::before {
        left: 30px;
    }
}

.discussion-nested-comment-timeline-item::before {
    left: 25px;
}

.discussion-primer-next-nested-comment-timeline-item::before {
    left: 30px;
}

.discussion-nested-comment-group {
    margin-left: 32px;
}

.discussions-timeline-scroll-target>* {
    pointer-events: auto;
}

.discussion-nested-comment-paging-form-body {
    margin-left: 24px;
}

.Button-content {
    align-items: center;
    display: grid;
    flex: 1 0 auto;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    place-content: center;
}


.TimelineItem:target .TimelineItem-badge {
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    box-shadow: 0 0 .2em var(--borderColor-accent-muted, var(--color-accent-muted))
}

.timeline-comment.timeline-chosen-answer {
    border: 2px solid var(--borderColor-success-emphasis, var(--color-success-emphasis));
}

.TimelineItem-badge {
    align-items: center;
    background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
    border: var(--borderWidth-thick, max(2px, 0.125rem)) solid var(--bgColor-default, var(--color-canvas-default));
    border-radius: 50%;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: flex;
    flex-shrink: 0;
    height: var(--control-medium-size, 2rem);
    justify-content: center;
    margin-left: calc(var(--control-medium-size, 2rem)/-2 + 1px);
    margin-right: var(--controlStack-medium-gap-condensed, 0.5rem);
    position: relative;
    width: var(--control-medium-size, 2rem);
    z-index: 1
}

.TimelineItem-badge--success {
    background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid #0000;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.TimelineItem-body {
    color: var(--fgColor-muted, var(--color-fg-muted));
    flex: auto;
    margin-top: var(--base-size-4, 0.25rem);
    max-width: 100%;
    min-width: 0
}

.TimelineItem-avatar {
    left: -72px;
    position: absolute;
    z-index: 1
}

.TimelineItem-break {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 0;
    border-top: var(--borderWidth-thicker, max(4px, 0.25rem)) solid var(--borderColor-default, var(--color-border-default));
    height: var(--stack-gap-spacious, 1.5rem);
    margin: 0;
    margin-bottom: calc(var(--stack-gap-normal, 1rem)*-1);
    margin-left: -56px;
    position: relative;
    z-index: 1
}

.TimelineItem--condensed {
    padding-bottom: 0;
    padding-top: var(--base-size-4, 0.25rem)
}

.TimelineItem--condensed:last-child {
    padding-bottom: var(--stack-gap-normal, 1rem)
}

.TimelineItem--condensed .TimelineItem-badge {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    height: var(--base-size-16, 1rem);
    margin-bottom: var(--base-size-8, 0.5rem);
    margin-top: var(--base-size-8, 0.5rem)
}

.css-truncate .css-truncate-overflow,
.css-truncate .css-truncate-target,
.css-truncate.css-truncate-overflow,
.css-truncate.css-truncate-target {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-truncate .css-truncate-target,
.css-truncate.css-truncate-target {
    display: inline-block;
    max-width: 125px;
    vertical-align: top
}

.css-truncate.expandable.css-truncate-target:hover,
.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,
.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,
.css-truncate.expandable:hover .css-truncate-target {
    max-width: 10000px !important
}

.ActionBar {
    display: flex !important;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    min-width: calc(var(--control-medium-size, 2rem)*3);
    overflow: hidden;
    position: relative
}

.ActionBar,
.ActionBar-item-container {
    align-items: center;
    box-sizing: initial
}

.ActionBar-item-container {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.ActionBar-item {
    flex-shrink: 0;
    position: relative
}

.ActionBar-more-menu {
    flex-shrink: 0
}

.ActionBar--small {
    min-width: calc(var(--control-small-size, 1.75rem)*3)
}

.ActionBar--large {
    min-width: calc(var(--control-large-size, 2.5rem)*3)
}

.ActionBar-divider {
    border-left: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    height: calc(var(--control-medium-size, 2rem)/2);
    margin: 0 var(--controlStack-medium-gap-condensed, 0.5rem)
}

.ActionBar--small .ActionBar-divider {
    margin: 0 var(--controlStack-small-gap-condensed, 0.5rem)
}

.ActionBar--large .ActionBar-divider {
    margin: 0 var(--controlStack-large-gap-condensed, 0.5rem)
}

@media(pointer: coarse) {
    .ActionBar .ActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 2.75rem) - var(--control-medium-size, 2rem))
    }

    .ActionBar--small .ActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 2.75rem) - var(--control-small-size, 1.75rem))
    }

    .ActionBar--large .ActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 2.75rem) - var(--control-large-size, 2.5rem))
    }
}

.OrderedList {
    margin: 8px
}

.OrderedList-type--decimal {
    list-style-type: decimal
}

.OrderedList-type--upperAlpha {
    list-style-type: upper-alpha
}

.OrderedList-type--lowerAlpha {
    list-style-type: lower-alpha
}

.OrderedList-type--upperRoman {
    list-style-type: upper-roman
}

.OrderedList-type--lowerRoman {
    list-style-type: lower-roman
}

.UnorderedList {
    margin: 8px
}

.active-tab-item {
    border-bottom-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active)) !important;
    color: var(--fgColor-default, var(--color-fg-default)) !important;
    font-weight: var(--base-text-weight-semibold, 600) !important;
}

.active-tab-item:after {
    background: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: calc(50% - 25px);
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    z-index: 1;
}

#menu-list>li.active-tab-item {
    border-bottom-color: transparent !important;
    color: var(--fgColor-default, var(--color-fg-default)) !important;
    font-weight: var(--base-text-weight-semibold, 600) !important;
}

#menu-list>li.active-tab-item:after {
    background: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: 100%;
    /* Full height for a vertical line */
    width: 2px;
    /* Width of the vertical line */
    position: absolute;
    top: 0;
    /* Start from the top */
    left: -8px;
    /* Align to the left side */
    transform: none;
    /* No transform needed */
    z-index: 1;
}

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

.bg-gray-2,
.bg-gray-3 {
    background-color: var(--color-neutral-muted) !important
}

.color-text-white {
    color: var(--color-scale-white) !important
}

.border-white-fade {
    border-color: rgba(255, 255, 255, .15) !important
}

.lead {
    color: var(--color-fg-muted)
}

.text-emphasized {
    color: var(--color-fg-default)
}

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

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

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


.pl-c {
    color: var(--color-prettylights-syntax-comment)
}

.pl-c1,
.pl-s .pl-v {
    color: var(--color-prettylights-syntax-constant)
}

.pl-e,
.pl-en {
    color: var(--color-prettylights-syntax-entity)
}

.pl-smi,
.pl-s .pl-s1 {
    color: var(--color-prettylights-syntax-storage-modifier-import)
}

.pl-ent {
    color: var(--color-prettylights-syntax-entity-tag)
}

.pl-k {
    color: var(--color-prettylights-syntax-keyword)
}

.pl-s,
.pl-pds,
.pl-s .pl-pse .pl-s1,
.pl-sr,
.pl-sr .pl-cce,
.pl-sr .pl-sre,
.pl-sr .pl-sra {
    color: var(--color-prettylights-syntax-string)
}

.pl-v,
.pl-smw {
    color: var(--color-prettylights-syntax-variable)
}

.pl-bu {
    color: var(--color-prettylights-syntax-brackethighlighter-unmatched)
}

.pl-ii {
    color: var(--color-prettylights-syntax-invalid-illegal-text);
    background-color: var(--color-prettylights-syntax-invalid-illegal-bg)
}

.pl-c2 {
    color: var(--color-prettylights-syntax-carriage-return-text);
    background-color: var(--color-prettylights-syntax-carriage-return-bg)
}

.pl-c2::before {
    content: "^M"
}

.pl-sr .pl-cce {
    font-weight: bold;
    color: var(--color-prettylights-syntax-string-regexp)
}

.pl-ml {
    color: var(--color-prettylights-syntax-markup-list)
}

.pl-mh,
.pl-mh .pl-en,
.pl-ms {
    font-weight: bold;
    color: var(--color-prettylights-syntax-markup-heading)
}

.pl-mi {
    font-style: italic;
    color: var(--color-prettylights-syntax-markup-italic)
}

.pl-mb {
    font-weight: bold;
    color: var(--color-prettylights-syntax-markup-bold)
}

.pl-md {
    color: var(--color-prettylights-syntax-markup-deleted-text);
    background-color: var(--color-prettylights-syntax-markup-deleted-bg)
}

.pl-mi1 {
    color: var(--color-prettylights-syntax-markup-inserted-text);
    background-color: var(--color-prettylights-syntax-markup-inserted-bg)
}

.pl-mc {
    color: var(--color-prettylights-syntax-markup-changed-text);
    background-color: var(--color-prettylights-syntax-markup-changed-bg)
}

.pl-mi2 {
    color: var(--color-prettylights-syntax-markup-ignored-text);
    background-color: var(--color-prettylights-syntax-markup-ignored-bg)
}

.pl-mdr {
    font-weight: bold;
    color: var(--color-prettylights-syntax-meta-diff-range)
}

.pl-ba {
    color: var(--color-prettylights-syntax-brackethighlighter-angle)
}

.pl-sg {
    color: var(--color-prettylights-syntax-sublimelinter-gutter-mark)
}

.pl-corl {
    text-decoration: underline;
    color: var(--color-prettylights-syntax-constant-other-reference-link)
}

.CodeMirror {
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr
}

.CodeMirror-lines {
    padding: 4px 0
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px
}

.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    background-color: white
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap
}

.CodeMirror-guttermarker {
    color: black
}

.CodeMirror-guttermarker-subtle {
    color: #999
}

.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver
}

.cm-fat-cursor .CodeMirror-cursor {
    width: auto;
    border: 0 !important;
    background: #7e7
}

.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1
}

.cm-fat-cursor-mark {
    background-color: rgba(20, 255, 20, 0.5);
    animation: blink 1.06s steps(1) infinite
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    animation: blink 1.06s steps(1) infinite;
    background-color: #7e7
}

@keyframes blink {
    50% {
        background-color: transparent
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit
}

.CodeMirror-rulers {
    position: absolute;
    left: 0;
    right: 0;
    top: -50px;
    bottom: 0;
    overflow: hidden
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    top: 0;
    bottom: 0;
    position: absolute
}

.cm-s-default .cm-header {
    color: blue
}

.cm-s-default .cm-quote {
    color: #090
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header,
.cm-strong {
    font-weight: bold
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-strikethrough {
    text-decoration: line-through
}

.cm-s-default .cm-keyword {
    color: #708
}

.cm-s-default .cm-atom {
    color: #219
}

.cm-s-default .cm-number {
    color: #164
}

.cm-s-default .cm-def {
    color: blue
}

.cm-s-default .cm-variable-2 {
    color: #05a
}

.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
    color: #085
}

.cm-s-default .cm-comment {
    color: #a50
}

.cm-s-default .cm-string {
    color: #a11
}

.cm-s-default .cm-string-2 {
    color: #f50
}

.cm-s-default .cm-meta {
    color: #555
}

.cm-s-default .cm-qualifier {
    color: #555
}

.cm-s-default .cm-builtin {
    color: #30a
}

.cm-s-default .cm-bracket {
    color: #997
}

.cm-s-default .cm-tag {
    color: #170
}

.cm-s-default .cm-attribute {
    color: #00c
}

.cm-s-default .cm-hr {
    color: #999
}

.cm-s-default .cm-link {
    color: #00c
}

.cm-s-default .cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.CodeMirror-composing {
    border-bottom: 2px solid
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, 0.3)
}

.CodeMirror-activeline-background {
    background: #e8f2ff
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white
}

.CodeMirror-scroll {
    overflow: scroll !important;
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none;
    position: relative
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent
}

.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
    position: absolute;
    z-index: 6;
    display: none;
    outline: none
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 100%;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: -50px
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: none !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-gutter-wrapper ::selection {
    background-color: transparent
}

.CodeMirror-gutter-wrapper ::-moz-selection {
    background-color: transparent
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
    border-radius: 0;
    border-width: 0;
    background: transparent;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
    font-variant-ligatures: contextual
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    padding: .1px
}

.CodeMirror-rtl pre {
    direction: rtl
}

.CodeMirror-code {
    outline: none
}

.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
    box-sizing: content-box
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-cursor {
    position: absolute;
    pointer-events: none
}

.CodeMirror-measure pre {
    position: static
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3
}

div.CodeMirror-dragcursors {
    visibility: visible
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible
}

.CodeMirror-selected {
    background: #d9d9d9
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0
}

.CodeMirror-crosshair {
    cursor: crosshair
}

.CodeMirror-line::selection,
.CodeMirror-line>span::selection,
.CodeMirror-line>span>span::selection {
    background: #d7d4f0
}

.CodeMirror-line::-moz-selection,
.CodeMirror-line>span::-moz-selection,
.CodeMirror-line>span>span::-moz-selection {
    background: #d7d4f0
}

.cm-searching {
    background-color: #ffa;
    background-color: rgba(255, 255, 0, 0.4)
}

.cm-force-border {
    padding-right: .1px
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden
    }
}

.cm-tab-wrap-hack:after {
    content: ""
}

span.CodeMirror-selectedtext {
    background: none
}

.CodeMirror-dialog {
    position: absolute;
    left: 0;
    right: 0;
    background: inherit;
    z-index: 15;
    padding: .1em .8em;
    overflow: hidden;
    color: inherit
}

.CodeMirror-dialog-top {
    border-bottom: 1px solid #eee;
    top: 0
}

.CodeMirror-dialog-bottom {
    border-top: 1px solid #eee;
    bottom: 0
}

.CodeMirror-dialog input {
    border: none;
    outline: none;
    background: transparent;
    width: 20em;
    color: inherit;
    font-family: monospace
}

.CodeMirror-dialog button {
    font-size: 70%
}

.CodeMirror-merge {
    position: relative;
    border: 1px solid #ddd;
    white-space: pre
}

.CodeMirror-merge,
.CodeMirror-merge .CodeMirror {
    height: 350px
}

.CodeMirror-merge-2pane .CodeMirror-merge-pane {
    width: 47%
}

.CodeMirror-merge-2pane .CodeMirror-merge-gap {
    width: 6%
}

.CodeMirror-merge-3pane .CodeMirror-merge-pane {
    width: 31%
}

.CodeMirror-merge-3pane .CodeMirror-merge-gap {
    width: 3.5%
}

.CodeMirror-merge-pane {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.CodeMirror-merge-pane-rightmost {
    position: absolute;
    right: 0px;
    z-index: 1
}

.CodeMirror-merge-gap {
    z-index: 2;
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    position: relative;
    background: #f8f8f8
}

.CodeMirror-merge-scrolllock-wrap {
    position: absolute;
    bottom: 0;
    left: 50%
}

.CodeMirror-merge-scrolllock {
    position: relative;
    left: -50%;
    cursor: pointer;
    color: #555;
    line-height: 1
}

.CodeMirror-merge-scrolllock:after {
    content: "⇛  ⇚"
}

.CodeMirror-merge-scrolllock.CodeMirror-merge-scrolllock-enabled:after {
    content: "⇛⇚"
}

.CodeMirror-merge-copybuttons-left,
.CodeMirror-merge-copybuttons-right {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    line-height: 1
}

.CodeMirror-merge-copy {
    position: absolute;
    cursor: pointer;
    color: #44c;
    z-index: 3
}

.CodeMirror-merge-copy-reverse {
    position: absolute;
    cursor: pointer;
    color: #44c
}

.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy {
    left: 2px
}

.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy {
    right: 2px
}

.CodeMirror-merge-r-inserted,
.CodeMirror-merge-l-inserted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x
}

.CodeMirror-merge-r-deleted,
.CodeMirror-merge-l-deleted {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
    background-position: bottom left;
    background-repeat: repeat-x
}

.CodeMirror-merge-r-chunk {
    background: #ffffe0
}

.CodeMirror-merge-r-chunk-start {
    border-top: 1px solid #ee8
}

.CodeMirror-merge-r-chunk-end {
    border-bottom: 1px solid #ee8
}

.CodeMirror-merge-r-connect {
    fill: #ffffe0;
    stroke: #ee8;
    stroke-width: 1px
}

.CodeMirror-merge-l-chunk {
    background: #eef
}

.CodeMirror-merge-l-chunk-start {
    border-top: 1px solid #88e
}

.CodeMirror-merge-l-chunk-end {
    border-bottom: 1px solid #88e
}

.CodeMirror-merge-l-connect {
    fill: #eef;
    stroke: #88e;
    stroke-width: 1px
}

.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk {
    background: #dfd
}

.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start {
    border-top: 1px solid #4e4
}

.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end {
    border-bottom: 1px solid #4e4
}

.CodeMirror-merge-collapsed-widget:before {
    content: "(...)"
}

.CodeMirror-merge-collapsed-widget {
    cursor: pointer;
    color: #88b;
    background: #eef;
    border: 1px solid #ddf;
    font-size: 90%;
    padding: 0 3px;
    border-radius: 4px
}

.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt {
    display: none
}

/*!
* GitHub Light v0.4.2
* Copyright (c) 2012 - 2017 GitHub, Inc.
* Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
*/
.cm-s-github-light.CodeMirror {
    background: var(--color-codemirror-bg);
    color: var(--color-codemirror-text)
}

.cm-s-github-light .CodeMirror-gutters {
    background: var(--color-codemirror-gutters-bg);
    border-right-width: 0
}

.cm-s-github-light .CodeMirror-guttermarker {
    color: var(--color-codemirror-guttermarker-text)
}

.cm-s-github-light .CodeMirror-guttermarker-subtle {
    color: var(--color-codemirror-guttermarker-subtle-text)
}

.cm-s-github-light .CodeMirror-scrollbar-filler,
.cm-s-github-light .CodeMirror-gutter-filler {
    background-color: transparent
}

.cm-s-github-light .CodeMirror-linenumber {
    color: var(--color-codemirror-linenumber-text);
    padding: 0 16px 0 16px
}

.cm-s-github-light .CodeMirror-cursor {
    border-left: 1px solid var(--color-codemirror-cursor)
}

.cm-s-github-light.CodeMirror-focused .CodeMirror-selected,
.cm-s-github-light .CodeMirror-line::selection,
.cm-s-github-light .CodeMirror-line>span::selection,
.cm-s-github-light .CodeMirror-line>span>span::selection {
    background: var(--color-codemirror-selection-bg, #d7d4f0)
}

.cm-s-github-light .CodeMirror-line::-moz-selection,
.cm-s-github-light .CodeMirror-line>span::-moz-selection,
.cm-s-github-light .CodeMirror-line>span>span::-moz-selection {
    background: var(--color-codemirror-selection-bg, #d7d4f0)
}

.cm-s-github-light .CodeMirror-activeline-background {
    background: var(--color-codemirror-activeline-bg)
}

.cm-s-github-light .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: var(--color-codemirror-matchingbracket-text) !important
}

.cm-s-github-light .CodeMirror-lines {
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 12px;
    background: var(--color-codemirror-lines-bg);
    line-height: 1.5
}

.react-code-view-edit .CodeMirror,
.react-code-view-edit .CodeMirror-scroll {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.react-code-view-edit .cm-s-github-light .CodeMirror-lines {
    line-height: 20px;
    font-family: "ui-monospace", "SFMono-Regular", "SF Mono", Menlo, Consolas, Liberation Mono, monospace;
    padding-top: 8px
}

.react-code-view-edit .cm-s-github-light .CodeMirror-line,
.react-code-view-edit .cm-s-github-light .CodeMirror-placeholder {
    padding-left: 16px
}

.cm-s-github-light .cm-comment {
    color: var(--color-codemirror-syntax-comment)
}

.cm-s-github-light .cm-constant {
    color: var(--color-codemirror-syntax-constant)
}

.cm-s-github-light .cm-entity {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: var(--color-codemirror-syntax-entity)
}

.cm-s-github-light .cm-keyword {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: var(--color-codemirror-syntax-keyword)
}

.cm-s-github-light .cm-storage {
    color: var(--color-codemirror-syntax-storage)
}

.cm-s-github-light .cm-string {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: var(--color-codemirror-syntax-string)
}

.cm-s-github-light .cm-support {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: var(--color-codemirror-syntax-support)
}

.cm-s-github-light .cm-variable {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: var(--color-codemirror-syntax-variable)
}

details-dialog {
    position: fixed;
    margin: 10vh auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    max-height: 80vh;
    max-width: 90vw;
    width: 448px;
    overflow: auto
}

.user-select-contain {
    -webkit-user-select: contain;
    user-select: contain
}

.ajax-pagination-form .ajax-pagination-btn {
    width: 100%;
    padding: 6px;
    margin-top: 20px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-accent-fg);
    background: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.ajax-pagination-form .ajax-pagination-btn:hover,
.ajax-pagination-form .ajax-pagination-btn:focus {
    color: var(--color-accent-fg);
    background-color: var(--color-canvas-subtle)
}

.ajax-pagination-form.loading .ajax-pagination-btn {
    text-indent: -3000px;
    background-color: var(--color-canvas-subtle);
    background-image: url("/images/spinners/octocat-spinner-16px-EAF2F5.gif");
    background-repeat: no-repeat;
    background-position: center center;
    border-color: var(--color-border-default)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .ajax-pagination-form.loading .ajax-pagination-btn {
        background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif");
        background-size: 16px auto
    }
}

body.intent-mouse [role=button]:focus,
body.intent-mouse [role=tabpanel][tabindex="0"]:focus,
body.intent-mouse button:focus,
body.intent-mouse summary:focus,
body.intent-mouse a:focus {
    outline: none;
    box-shadow: none
}

body.intent-mouse [tabindex="0"]:focus,
body.intent-mouse details-dialog:focus {
    outline: none
}

.CodeMirror {
    height: calc(100vh - 1px)
}

.file-editor-upload {
    height: 100%
}

.issue-template-editor {
    height: 100%
}

.file-editor-textarea {
    width: 100%;
    padding: 5px 4px;
    font: 12px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    resize: vertical;
    border: 0;
    border-radius: 0;
    outline: none
}

.container-preview .tabnav-tabs {
    margin: -5px 0 -5px -9px
}

.container-preview .tabnav-tabs .tabnav-tab {
    padding: 12px 16px;
    border-radius: 0
}

.container-preview .tabnav-tabs>.selected:first-child {
    border-top-left-radius: 6px
}

.container-preview .tabnav-tabs .selected {
    font-weight: var(--base-text-weight-semibold, 600)
}

.container-preview.template-editor .commit-create,
.container-preview.template-editor .file-actions {
    display: block
}

.container-preview.template-editor .show-code,
.container-preview.template-editor .commit-preview,
.container-preview.template-editor .loading-preview-msg,
.container-preview.template-editor .no-changes-preview-msg,
.container-preview.template-editor .error-preview-msg {
    display: none !important
}

.container-preview.render-editor .commit-create,
.container-preview.render-editor .file-actions {
    display: block
}

.container-preview.render-editor .template-editor,
.container-preview.render-editor .show-code,
.container-preview.render-editor .commit-preview,
.container-preview.render-editor .loading-preview-msg,
.container-preview.render-editor .no-changes-preview-msg,
.container-preview.render-editor .error-preview-msg {
    display: none !important
}

.container-preview.show-code .commit-create,
.container-preview.show-code .file-actions {
    display: block
}

.container-preview.show-code .template-editor,
.container-preview.show-code .render-editor,
.container-preview.show-code .commit-preview,
.container-preview.show-code .loading-preview-msg,
.container-preview.show-code .no-changes-preview-msg,
.container-preview.show-code .error-preview-msg {
    display: none !important
}

.container-preview:not(.show-code) .commit-create,
.container-preview:not(.show-code) .file-actions {
    display: none !important
}

.container-preview.loading-preview .loading-preview-msg {
    display: block
}

.container-preview.loading-preview .template-editor,
.container-preview.loading-preview .render-editor,
.container-preview.loading-preview .no-changes-preview-msg,
.container-preview.loading-preview .error-preview-msg,
.container-preview.loading-preview .commit-preview {
    display: none !important
}

.container-preview.show-preview .commit-preview {
    display: block
}

.container-preview.show-preview .template-editor,
.container-preview.show-preview .render-editor,
.container-preview.show-preview .loading-preview-msg,
.container-preview.show-preview .no-changes-preview-msg,
.container-preview.show-preview .error-preview-msg {
    display: none !important
}

.container-preview.no-changes-preview .no-changes-preview-msg {
    display: block
}

.container-preview.no-changes-preview .template-editor,
.container-preview.no-changes-preview .render-editor,
.container-preview.no-changes-preview .loading-preview-msg,
.container-preview.no-changes-preview .error-preview-msg,
.container-preview.no-changes-preview .commit-preview {
    display: none !important
}

.container-preview.error-preview .error-preview-msg {
    display: block
}

.container-preview.error-preview .template-editor,
.container-preview.error-preview .render-editor,
.container-preview.error-preview .loading-preview-msg,
.container-preview.error-preview .no-changes-preview-msg,
.container-preview.error-preview .commit-preview {
    display: none !important
}

.container-preview p.preview-msg {
    padding: 30px;
    font-size: 16px
}

.CodeMirror-merge-header {
    height: 30px
}

.CodeMirror-merge-header .CodeMirror-merge-pane {
    height: 30px;
    line-height: 30px
}

.cm-s-github-light .merge-gutter {
    width: 14px
}

.conflict-background+.CodeMirror-gutter-wrapper .CodeMirror-linenumber {
    background-color: var(--color-attention-subtle)
}

.form-group .edit-action {
    opacity: .6
}

.form-group .form-field-hover {
    background-color: none;
    border: 1px solid var(--color-border-default)
}

.form-group:hover .edit-action {
    cursor: pointer;
    opacity: .7
}

.form-group:hover .form-field-hover {
    cursor: pointer;
    border: 1px solid var(--color-border-default)
}

.placeholder-box {
    border: 1px solid var(--color-border-default)
}

.template-previews {
    max-width: 768px
}

.template-previews .Box .expand-group {
    display: none;
    height: 0
}

.template-previews .Box .dismiss-preview-button {
    display: none
}

.template-previews .Box.expand-preview .expand-group {
    display: block;
    height: 100%;
    transition: height 3s
}

.template-previews .Box.expand-preview .preview-button {
    display: none
}

.template-previews .Box.expand-preview .dismiss-preview-button {
    display: inline
}

.template-previews .discussion-sidebar-heading {
    font-size: 14px;
    color: var(--color-neutral-emphasis)
}

.template-previews .discussion-sidebar-heading:hover {
    color: var(--color-accent-emphasis)
}

.edit-labels {
    display: none
}

.preview-section {
    display: block
}

.edit-section {
    display: none
}

.Box .section-focus .preview-section {
    display: none
}

.Box .section-focus .edit-section {
    display: block
}

.commit-create .CodeMirror {
    padding-top: 8px
}

auto-complete,
details-dialog,
details-menu,
file-attachment,
filter-input,
remote-input,
tab-container,
text-expander,
turbo-frame,
.MenuDetails [data-catalyst] {
    display: block
}

[data-catalyst-inline] {
    display: inline
}

[data-catalyst-grid] {
    display: grid
}

.Details--on .Details-content--shown {
    display: none !important
}

.Details:not(.Details--on) .Details-content--hidden {
    display: none !important
}

.Details:not(.Details--on) .Details-content--hidden-not-important {
    display: none
}

.Details-element[open]>summary .Details-content--closed {
    display: none !important
}

.Details-element:not([open])>summary .Details-content--open {
    display: none !important
}

g-emoji {
    display: inline-block;
    min-width: 1ch;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1em;
    font-style: normal !important;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1;
    vertical-align: -0.075em
}

g-emoji img {
    width: 1em;
    height: 1em
}

.emoji-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: 20px 20px
}

.emoji-result {
    display: inline-block;
    height: 20px;
    font-size: 16px;
    font-weight: var(--base-text-weight-normal, 400);
    vertical-align: middle
}

.gollum-editor .comment-form-head.tabnav {
    border: 1px solid var(--color-border-muted)
}

.gollum-editor .gollum-editor-body {
    height: 390px;
    resize: vertical
}

.active .gollum-editor-function-buttons {
    display: block !important
}

.auth-form {
    width: 340px;
    margin: 0 auto
}

.auth-form .form-group.warn .warning,
.auth-form .form-group.warn .error,
.auth-form .form-group.errored .warning,
.auth-form .form-group.errored .error {
    max-width: 274px
}

.auth-form-wide {
    width: 440px;
    margin: 0 auto
}

.auth-form-wide .form-group.warn .warning,
.auth-form-wide .form-group.warn .error,
.auth-form-wide .form-group.errored .warning,
.auth-form-wide .form-group.errored .error {
    max-width: 274px
}

.auth-form-header {
    padding: 8px 16px;
    margin: 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    background-color: #829aa8;
    border: 1px solid #768995;
    border-radius: 6px 6px 0 0
}

.auth-form-header h1 {
    font-size: 16px
}

.auth-form-header h1 a {
    color: #fff
}

.auth-form-header .octicon {
    position: absolute;
    top: 10px;
    right: 20px;
    color: rgba(0, 0, 0, .4);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1)
}

.auth-form-header .Overlay .octicon {
    position: static
}

.inactive-user-avatar {
    filter: grayscale(1)
}

.auth-divider {
    display: flex;
    flex-basis: 100%;
    align-items: center
}

.flex-basis-4 {
    flex-basis: calc((100% / 4) - 2rem);
}

.flex-basis-5 {
    flex-basis: calc((100% / 5) - 16px);
}

.auth-divider::before,
.auth-divider::after {
    position: relative;
    display: inline-block;
    width: 50%;
    height: 1px;
    vertical-align: middle;
    content: "";
    background-color: var(--color-border-default)
}

.auth-divider::before {
    right: .5em
}

.auth-divider::after {
    left: .5em
}

.auth-form-message {
    max-height: 140px;
    padding: 16px 16px 8px;
    overflow-y: scroll;
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.auth-form-message ol,
.auth-form-message ul {
    padding-left: inherit;
    margin-bottom: inherit
}

.auth-form-body {
    padding: 16px;
    font-size: 14px;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-muted);
    border-top: 0;
    border-radius: 0 0 6px 6px
}

.auth-form-body .input-block {
    margin-top: 4px;
    margin-bottom: 16px
}

.auth-form-body p {
    margin-bottom: 0
}

.auth-form-body ol,
.auth-form-body ul {
    padding-left: inherit;
    margin-bottom: inherit
}

.two-factor-help {
    position: relative;
    padding: 8px 8px 8px 32px;
    margin: 60px 0 auto auto;
    border: 1px solid var(--color-border-muted);
    border-radius: 6px
}

.two-factor-help h4 {
    margin-top: 0;
    margin-bottom: 4px
}

.two-factor-help .octicon-device-mobile,
.two-factor-help .octicon-key,
.two-factor-help .octicon-shield-lock,
.two-factor-help .octicon-circle-slash {
    position: absolute;
    top: 10px;
    left: 10px
}

.sms-send-code-spinner {
    position: relative;
    bottom: 2px;
    display: none;
    vertical-align: bottom
}

.loading .sms-send-code-spinner {
    display: inline
}

.auth-form-body .webauthn-form-body {
    padding: 0
}

.webauthn-form-body {
    padding: 32px 32px 16px;
    text-align: center
}

.webauthn-form-body button {
    margin-top: 16px
}

.flash.sms-error,
.flash.sms-success {
    display: none;
    margin: 0 0 8px
}

.is-sent .sms-success {
    display: block
}

.is-sent .sms-error {
    display: none
}

.is-not-sent .sms-success {
    display: none
}

.is-not-sent .sms-error {
    display: block
}

.session-authentication {
    background-color: var(--color-canvas-default)
}

.session-authentication .header-logged-out {
    background-color: transparent;
    border-bottom: 0
}

.session-authentication .header-logo {
    color: var(--color-fg-default)
}

.session-authentication .flash {
    padding: 16px 16px;
    margin: 0 auto;
    margin-bottom: 8px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px
}

.session-authentication .flash .container {
    width: auto
}

.session-authentication .flash .flash-close {
    height: 40px
}

.session-authentication .flash.flash-banner {
    width: 100%;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.session-authentication .auth-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: var(--base-text-weight-normal, 400);
    text-align: left
}

.session-authentication .auth-form .btn {
    margin-top: 16px
}

.session-authentication .auth-form .webauthn-message {
    margin-bottom: 0
}

.session-authentication .label-link {
    float: right;
    font-size: 12px
}

.session-authentication .auth-form-header {
    margin-bottom: 16px;
    color: var(--color-fg-default);
    text-align: center;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.session-authentication .auth-form-header h1 {
    font-size: 24px;
    font-weight: var(--base-text-weight-light, 300);
    letter-spacing: -0.5px
}

.session-authentication .auth-form-body {
    border-top: 1px solid var(--color-border-muted);
    border-radius: 6px
}

.session-authentication .auth-form-body.webauthn-form-body {
    padding: 16px
}

.session-authentication .login-callout {
    padding: 16px 16px;
    text-align: center;
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.session-authentication .two-factor-help {
    padding: 0 0 0 16px;
    margin-top: 16px;
    border: 0
}

.session-authentication .two-factor-help .octicon-device-mobile,
.session-authentication .two-factor-help .octicon-key,
.session-authentication .two-factor-help .octicon-shield-lock,
.session-authentication .two-factor-help .octicon-circle-slash {
    top: 4px;
    left: 0
}

.session-authentication.enterprise .header-logged-out {
    padding: 48px 0 24px;
    background-color: transparent
}

.session-authentication.hosted .header-logged-out {
    padding: 40px 0 16px;
    background-color: transparent
}

.two-factor-recovery-modal-prompt.fit-in-box .Button-content,
.two-factor-recovery-modal-prompt.fit-in-box .Button-label {
    display: block;
    width: 274px;
    text-align: left;
    white-space: normal
}

.switch-account-popover-body {
    width: auto;
    min-width: 250px;
    max-width: 350px
}

.switch-account-popover-body::before,
.switch-account-popover-body::after {
    display: none
}

.switch-account-popover-row {
    width: 100%;
    padding: 0;
    background-color: transparent
}

.switch-account-popover-row:hover {
    color: var(--color-fg-on-emphasis);
    cursor: pointer;
    background-color: var(--color-accent-emphasis)
}

@media(prefers-reduced-motion: no-preference) {

    .Header-backdrop,
    .HeaderMenu--logged-out,
    .HeaderMenu-link,
    .HeaderMenu-toggle-bar,
    .HeaderMenu-icon,
    .HeaderMenu-dropdown,
    .HeaderMenu-external-icon {
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform
    }
}

.Header-old {
    z-index: 32;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    background-color: var(--color-header-bg)
}

.server-stats+.Header-old {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075)
}

.Header-old .dropdown-menu {
    width: 300px
}

.Header-old .notification-indicator:hover::after {
    content: none
}

@media(min-width: 1012px) {
    .Header-old .notification-indicator:hover::after {
        content: attr(aria-label)
    }
}

.HeaderMenu-toggle-bar {
    width: 22px;
    height: 2px;
    background-color: var(--color-fg-on-emphasis)
}

.HeaderMenu-toggle-bar:nth-of-type(1) {
    transform-origin: bottom right
}

.HeaderMenu-toggle-bar:nth-of-type(3) {
    transform-origin: top right
}

.open .HeaderMenu-toggle-bar:nth-of-type(1) {
    transform: rotate(-45deg) translateY(-3px)
}

.open .HeaderMenu-toggle-bar:nth-of-type(2) {
    opacity: 0;
    transform: scale(0)
}

.open .HeaderMenu-toggle-bar:nth-of-type(3) {
    transform: rotate(45deg) translateY(3px)
}

@media(max-width: 1011px) {
    body:has(.header-logged-out.open) {
        height: 100%;
        overflow: hidden
    }

    .Header-backdrop {
        visibility: hidden;
        background: var(--color-primer-canvas-backdrop);
        opacity: 0
    }

    .open .Header-backdrop {
        visibility: visible;
        opacity: 1;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px)
    }
}

.HeaderMenu--logged-out {
    --header-menu-shadow: 0 5px 30px rgba(27, 31, 35, 0.1), 0 0 1px rgba(27, 31, 35, 0.4), 0 1px 2px rgba(27, 31, 35, 0.15);
    contain: layout;
    z-index: 100;
    width: 100%;
    pointer-events: none
}

@media(prefers-color-scheme: dark) {
    .HeaderMenu--logged-out {
        --header-menu-shadow: 0 0 1px #959da5
    }
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out {
        width: auto;
        padding: 0 !important;
        transition: none
    }
}

.HeaderMenu--logged-out .HeaderMenu-link--sign-in:focus {
    outline-offset: 4px
}

@media(max-width: 1011px) {
    .HeaderMenu--logged-out {
        position: fixed;
        display: flex;
        height: 100%;
        padding-right: 0 !important;
        transform-origin: top right
    }

    .header-logged-out:not(.open) .HeaderMenu--logged-out {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transform: scale(0.9) translateY(-24px)
    }

    .HeaderMenu--logged-out .HeaderMenu-link.HeaderMenu-link--sign-up,
    .HeaderMenu--logged-out .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
    .HeaderMenu--logged-out .HeaderMenu-link.HeaderMenu-link--sign-in,
    .HeaderMenu--logged-out .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
        color: var(--color-fg-on-emphasis) !important;
        background-color: var(--color-neutral-emphasis-plus);
        border-color: var(--color-neutral-emphasis-plus) !important;
        opacity: 1
    }
}

.HeaderMenu--logged-out .header-menu-wrapper {
    width: 100%;
    height: 100%;
    overflow: auto;
    pointer-events: auto;
    background-color: var(--color-canvas-default);
    box-shadow: var(--header-menu-shadow)
}

@media(min-width: 544px) {
    .HeaderMenu--logged-out .header-menu-wrapper {
        width: 320px
    }
}

@media(max-width: 1011px) {
    .HeaderMenu--logged-out .header-menu-wrapper {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .header-menu-wrapper {
        width: 100%;
        overflow: visible;
        background-color: transparent;
        box-shadow: none
    }
}

@media(max-width: 1011px) {
    .HeaderMenu--logged-out .header-search {
        margin-right: 0 !important
    }

    .HeaderMenu--logged-out .HeaderMenu-link {
        font-weight: var(--base-text-weight-semibold, 600)
    }
}

.HeaderMenu--logged-out .jump-to-suggestions {
    top: 100%
}

.HeaderMenu--logged-out .header-search-key-slash {
    margin-right: 8px !important
}

@media(max-width: 1012px) {
    .HeaderMenu--logged-out .header-search-key-slash {
        display: none
    }
}

.HeaderMenu--logged-out .dropdown-menu {
    position: static;
    width: auto;
    border: 0 solid transparent;
    box-shadow: none
}

.HeaderMenu--logged-out .dropdown-menu::before,
.HeaderMenu--logged-out .dropdown-menu::after {
    display: none
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .dropdown-menu {
        position: absolute;
        width: 300px;
        border: 0;
        box-shadow: var(--header-menu-shadow)
    }

    .HeaderMenu--logged-out .dropdown-menu::before,
    .HeaderMenu--logged-out .dropdown-menu::after {
        content: ""
    }

    .HeaderMenu--logged-out .dropdown-menu.dropdown-menu-wide {
        min-width: max-content;
    }
}

.HeaderMenu--logged-out .dropdown-menu-s {
    transform: none
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .dropdown-menu-s {
        transform: translateX(50%)
    }
}

.HeaderMenu--logged-out .header-search {
    width: auto;
    border-top: 0
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .header-search {
        width: 240px
    }
}

.HeaderMenu--logged-out .header-search-wrapper {
    border-color: var(--color-border-muted)
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .header-search-wrapper {
        border-color: var(--color-header-search-border)
    }
}

@media(max-width: 1012px) {
    .HeaderMenu--logged-out .header-search-wrapper {
        background-color: var(--color-canvas-subtle)
    }
}

@media(min-width: 1012px) {
    .HeaderMenu--logged-out .header-search-input {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 14px;
        -webkit-appearance: none
    }
}

.HeaderMenu--logged-out .header-search-input::placeholder {
    color: var(--color-scale-gray-4)
}

.HeaderMenu-link {
    color: var(--color-fg-default);
    white-space: nowrap;
    background: transparent
}

.HeaderMenu-link:hover {
    color: var(--color-fg-default);
    opacity: .75
}

@media(min-width: 1012px) {
    .HeaderMenu-link {
        color: #fff
    }

    .HeaderMenu-link:hover {
        color: #fff;
        opacity: .75
    }
}

.HeaderMenu-item .HeaderMenu-dropdown {
    visibility: hidden;
    opacity: 0;
    transform: scale(0.99) translateY(-0.7em);
    transform-origin: top
}

.HeaderMenu-item:hover .HeaderMenu-dropdown,
.HeaderMenu-item.open .HeaderMenu-dropdown {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0)
}

@media(min-width: 1012px) {

    .HeaderMenu-item:hover .HeaderMenu-icon,
    .HeaderMenu-item.open .HeaderMenu-icon {
        transform: translateY(2px)
    }
}

@media(max-width: 1011px) {
    .HeaderMenu-item .HeaderMenu-dropdown {
        background-color: transparent
    }

    .HeaderMenu-item .HeaderMenu-icon {
        transform: scale(1.2)
    }

    .HeaderMenu-item:not(.open) .HeaderMenu-dropdown {
        position: fixed !important
    }

    .HeaderMenu-item:not(.open) .HeaderMenu-icon {
        transform: rotate(-90deg) scale(1.2)
    }

    .HeaderMenu-item .HeaderMenu-link {
        font-size: 20px
    }
}

.HeaderMenu-dropdown-link:not(:hover):not(:focus) .HeaderMenu-external-icon {
    opacity: 0;
    transform: translateX(-0.5em)
}

.header-logo-invertocat {
    margin: -1px 16px -1px -2px;
    color: #fff;
    white-space: nowrap
}

.header-logo-invertocat .octicon-mark-github {
    float: left
}

.header-logo-invertocat:hover {
    color: #fff;
    text-decoration: none
}

.notification-indicator .mail-status {
    position: absolute;
    top: -6px;
    left: 6px;
    display: none;
    width: 14px;
    height: 14px;
    color: #fff;
    background-image: linear-gradient(#54a3ff, #006eed);
    background-clip: padding-box;
    border: 2px solid var(--color-header-bg);
    border-radius: 50%
}

.notification-indicator .mail-status.unread {
    display: inline-block
}

.notification-indicator:hover .mail-status {
    text-decoration: none;
    background-color: var(--color-accent-emphasis)
}

.header-nav-current-user {
    padding-bottom: 0;
    font-size: inherit
}

.header-nav-current-user .css-truncate-target {
    max-width: 100%
}

.header-nav-current-user .user-profile-link {
    color: var(--color-fg-default)
}

.unread-indicator {
    position: absolute;
    top: 0;
    left: 13px;
    z-index: 2;
    width: 14px;
    height: 14px;
    color: #fff;
    background-image: linear-gradient(#54a3ff, #006eed);
    background-clip: padding-box;
    border: 2px solid var(--color-header-bg);
    border-radius: 50%
}

.unread-indicator--small {
    width: 10px;
    height: 10px;
    border: 0
}

.unread-indicator-container .unread-indicator {
    top: 9px;
    right: 10px;
    left: inherit;
    width: 10px;
    height: 10px;
    border: 0
}

.header-search-wrapper {
    display: table;
    width: 100%;
    max-width: 100%;
    padding: 0;
    font-size: inherit;
    font-weight: var(--base-text-weight-normal, 400);
    vertical-align: middle;
    background-color: var(--color-header-search-bg);
    border: 1px solid var(--color-header-search-border);
    box-shadow: none
}

@media(min-width: 1012px) {
    .header-search-wrapper {
        color: var(--color-scale-white)
    }
}

.header-search-wrapper.header-search-wrapper-jump-to .header-search-scope {
    width: -moz-fit-content;
    width: fit-content
}

.header-search-wrapper.header-search-wrapper-jump-to.search-wrapper-suggestions-active {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.header-search-wrapper .truncate-repo-scope {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-search-wrapper.focus {
    background-color: rgba(255, 255, 255, .175);
    box-shadow: none
}

.header-search-wrapper.focus .header-search-scope {
    color: var(--color-scale-white);
    background-color: rgba(255, 255, 255, .075);
    border-right-color: #282e34
}

.search-input.search-input-absolute {
    position: absolute;
    width: calc(100% - 180px)
}

.header-search-input {
    display: table-cell;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    font-size: inherit;
    color: inherit;
    background: none;
    border: 0;
    box-shadow: none
}

.header-search-input::placeholder {
    color: rgba(255, 255, 255, .75)
}

.header-search-input:focus {
    border: 0;
    box-shadow: none
}

.header-search-input:focus~.header-search-key-slash {
    display: none !important
}

.header-search-input::-ms-clear {
    display: none
}

.header-search-button {
    display: table-cell;
    overflow: hidden;
    font-size: inherit;
    color: inherit;
    word-break: break-word;
    white-space: pre;
    background: none
}

.header-search-button.input-button:focus {
    border: 0 !important
}

.header-search-button.input-button:focus~.header-search-key-slash {
    display: none !important
}

.header-search-button.input-button:focus-visible {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: -2px;
    box-shadow: none
}

.header-search-button::-ms-clear {
    display: none
}

.Header .header-search-button,
.header-logged-out .header-search-button {
    font-size: 14px
}

.Header .header-search-button .input-parsed-symbol,
.header-logged-out .header-search-button .input-parsed-symbol {
    color: #58a6ff;
    background: #388bfd26;
    border-radius: 3px;
    box-shadow: 0 0 0 .8px #388bfd26
}

.Header .header-search-button .pl-c1,
.header-logged-out .header-search-button .pl-c1 {
    color: #58a6ff
}

.Header .header-search-button .pl-en,
.header-logged-out .header-search-button .pl-en {
    color: #58a6ff
}

.header-search-button.placeholder {
    color: rgba(255, 255, 255, .75)
}

.header-search-scope {
    display: none;
    padding-right: 8px;
    padding-left: 8px;
    font-size: inherit;
    line-height: 28px;
    color: rgba(255, 255, 255, .7);
    white-space: nowrap;
    vertical-align: middle;
    border-right: 1px solid var(--color-border-muted);
    border-right-color: #282e34;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.header-search-scope:empty+.header-search-input {
    width: 100%
}

.header-search-scope:hover {
    color: var(--color-scale-white);
    background-color: rgba(255, 255, 255, .12)
}

.scoped-search .header-search-wrapper {
    display: flex
}

.jump-to-field-active {
    color: var(--color-fg-default) !important;
    background-color: var(--color-canvas-default)
}

.jump-to-field-active::placeholder {
    color: var(--color-fg-muted) !important
}

.jump-to-field-active~.header-search-key-slash {
    display: none
}

.jump-to-field-active.jump-to-dropdown-visible {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.jump-to-suggestions {
    top: 100%;
    left: 0;
    z-index: 35;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.jump-to-suggestions-path {
    min-width: 0;
    min-height: 44px;
    color: var(--color-fg-default)
}

.jump-to-suggestions-path .jump-to-octicon {
    width: 28px;
    color: var(--color-fg-muted)
}

.jump-to-suggestions-path .jump-to-suggestion-name {
    max-width: none
}

.jump-to-suggestions-path mark {
    font-weight: var(--base-text-weight-semibold, 600);
    background-color: transparent
}

.jump-to-suggestions-results-container .navigation-item {
    border-bottom: 1px solid var(--color-border-default)
}

.jump-to-suggestions-results-container .navigation-item:last-child {
    border-bottom: 0
}

.jump-to-suggestions-results-container .d-on-nav-focus {
    display: none
}

.jump-to-suggestions-results-container [aria-selected=true] .jump-to-octicon,
.jump-to-suggestions-results-container .navigation-focus .jump-to-octicon {
    color: var(--color-fg-on-emphasis)
}

.jump-to-suggestions-results-container [aria-selected=true] .jump-to-suggestions-path,
.jump-to-suggestions-results-container .navigation-focus .jump-to-suggestions-path {
    color: var(--color-fg-on-emphasis);
    background: var(--color-accent-emphasis)
}

.jump-to-suggestions-results-container [aria-selected=true] mark,
.jump-to-suggestions-results-container .navigation-focus mark {
    color: var(--color-fg-on-emphasis)
}

.jump-to-suggestions-results-container [aria-selected=true] .d-on-nav-focus,
.jump-to-suggestions-results-container .navigation-focus .d-on-nav-focus {
    display: block
}

.header-search {
    max-width: 100%;
    transition: .2s ease-in-out;
    transition-property: max-width, padding-bottom, padding-top
}

@media(min-width: 768px) {
    .header-search {
        max-width: 272px
    }
}

@media(min-width: 768px) {
    .header-search:focus-within {
        max-width: 544px
    }
}

@media(min-width: 768px) {
    .header-search.fixed-width:focus-within {
        max-width: 272px
    }
}

.HeaderMenu--logged-out .header-search {
    min-width: auto;
    margin-bottom: 0 !important
}

@media(max-width: 1011px) {
    .HeaderMenu--logged-out .header-search .header-search-input {
        min-height: 40px
    }
}

.search-input {
    width: 350px
}

@media only screen and (max-width: 768px) {
    .search-input {
        width: 100%
    }

    .search-input-container {
        margin-right: 10px !important;
        margin-bottom: 10px !important;
        margin-left: 10px !important
    }
}

auto-complete,
details-dialog,
details-menu,
file-attachment,
filter-input,
remote-input,
tab-container,
text-expander,
turbo-frame,
[data-catalyst] {
    display: block;
}

.search-input.expanded {
    flex: 1
}

.search-with-dialog {
    height: 32px;
    color: var(--color-scale-white);
    background-color: var(--color-header-bg);
    border: 1px solid var(--color-header-search-border)
}

.search-with-dialog:hover {
    background-color: var(--color-header-search-bg)
}

.search-with-dialog .input-parsed-symbol {
    color: var(--color-accent-fg);
    background-color: var(--color-accent-subtle);
    border-radius: 3px;
    box-shadow: 0 0 0 .8px var(--color-canvas-subtle)
}

.create-custom-scope-form {
    margin-top: -16px;
    margin-bottom: -16px
}

.query-builder-container {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0
}

.query-builder-container .QueryBuilder-StyledInput {
    width: auto;
    margin-right: var(--base-size-12, 12px);
    margin-left: var(--base-size-12, 12px)
}

.query-builder-container .QueryBuilder-sectionTitle {
    margin-left: 8px
}

.query-builder-container .QueryBuilder-ListItem-trailing {
    font-size: 14px
}

.query-builder-container .ActionListItem {
    margin-right: 8px;
    margin-left: 8px
}

.search-feedback-prompt {
    padding-top: var(--base-size-12, 12px);
    padding-bottom: var(--base-size-12, 12px);
    border-top-color: var(--color-action-list-item-inline-divider);
    border-top-style: solid;
    border-top-width: 1px
}

.search-suggestions {
    top: -14px;
    left: -14px;
    z-index: 35;
    width: calc(100% + 26px) !important;
    max-height: 80vh;
    padding-top: var(--base-size-12, 12px);
    border-radius: var(--borderRadius-large, 12px)
}

.search-suggestions .header-search-input {
    overflow: hidden
}

.search-suggestions .octicon {
    pointer-events: none
}

.HeaderMenu--logged-out .search-suggestions {
    width: calc(100% - 16px) !important
}

@media screen and (max-width: 1012px) {
    .HeaderMenu--logged-out .search-suggestions {
        top: 0;
        left: 0;
        width: 100% !important
    }
}

@media screen and (max-width: 1012px) {
    .HeaderMenu--logged-out .search-input {
        width: 100%
    }
}

@media screen and (max-width: 1011px) {
    .HeaderMenu--logged-out .search-input-container {
        margin-right: 0 !important;
        margin-bottom: 16px !important;
        margin-left: 0 !important;
        color: var(--color-fg-default);
        background-color: var(--color-canvas-default) !important
    }
}

.dark-backdrop {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 32;
    width: 120vw;
    height: 120vh;
    margin-top: -24px;
    margin-left: -80px;
    background-color: var(--color-primer-canvas-backdrop)
}

.Header-item--search {
    flex-grow: 100
}

.search-query-builder .QueryBuilder-ListWrap {
    max-height: 60vh;
    padding-right: 0;
    padding-left: 0;
    overflow-y: auto
}

.Header .search-input {
    flex: 1;
    width: auto;
    max-width: 350px
}

.Header .search-input.expanded {
    max-width: none
}

.app-banner {
    background-color: var(--color-header-bg)
}

.app-banner-title {
    color: var(--color-header-logo)
}

.app-banner-text {
    color: var(--color-header-text)
}

.app-banner-icon {
    --icon-gradient-start-color: #171a1e;
    --icon-gradient-end-color: #060606;
    width: 32px;
    height: 32px;
    padding-top: 6px;
    padding-left: 6px;
    color: #fff;
    background: var(--icon-gradient-end-color);
    background: linear-gradient(var(--icon-gradient-start-color), var(--icon-gradient-end-color))
}

.app-banner-icon .octicon {
    width: 20px;
    height: 20px
}

.ActionList {
    padding: 8px
}

.ActionList--full {
    padding: 0
}

.ActionList--subGroup {
    padding: 0
}

.ActionList--divided .ActionList-item-label::before {
    position: absolute;
    top: -6px;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-action-list-item-inline-divider)
}

.ActionList--divided .ActionList-item-descriptionWrap--inline::before {
    position: absolute;
    top: -6px;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-action-list-item-inline-divider)
}

.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before {
    content: unset
}

.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,
.ActionList--divided .ActionList-item--navActive+.ActionList-item .ActionList-item-label::before {
    visibility: hidden
}

.ActionList-item:first-of-type .ActionList-item-label::before,
.ActionList-sectionDivider+.ActionList-item .ActionList-item-label::before {
    visibility: hidden
}

.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
.ActionList-sectionDivider+.ActionList-item .ActionList-item-descriptionWrap--inline::before {
    visibility: hidden
}

.ActionList--tree {
    --ActionList-tree-depth: 1
}

.ActionList--tree .ActionList-item--subItem>.ActionList-content {
    font-size: 14px
}

.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content {
    padding-left: 32px
}

.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
    font-weight: var(--base-text-weight-normal, 400)
}

.ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup {
    position: relative
}

.ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content {
    padding-left: calc(8px * var(--ActionList-tree-depth))
}

.ActionList--tree .ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon {
    transition: transform 120ms linear;
    transform: rotate(0deg)
}

.ActionList--tree .ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label {
    font-weight: var(--base-text-weight-normal, 400)
}

.ActionList--tree .ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon {
    transition: transform 120ms linear;
    transform: rotate(-90deg)
}

.ActionList--tree .ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem>.ActionList-item-label {
    font-weight: var(--base-text-weight-normal, 400)
}

.ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child {
    padding-left: 24px
}

.ActionList--tree>[aria-level="1"].ActionList-item--hasSubItem>.ActionList--subGroup::before {
    position: absolute;
    left: 16px;
    width: 1px;
    height: 100%;
    content: "";
    background: var(--color-action-list-item-inline-divider)
}

.ActionList--tree .ActionList-item--hasSubItem:not([aria-level="1"])>.ActionList--subGroup::before {
    position: absolute;
    left: calc(8px * (var(--ActionList-tree-depth)) + 7px);
    width: 1px;
    height: 100%;
    content: "";
    background: var(--color-action-list-item-inline-divider)
}

.ActionList-item {
    position: relative;
    list-style: none;
    background-color: transparent;
    border-radius: 6px
}

.ActionList-item:hover,
.ActionList-item:active {
    cursor: pointer
}

@media(hover: hover) {

    .ActionList-item:not(.ActionList-item--hasSubItem):hover,
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover {
        cursor: pointer;
        background-color: var(--color-action-list-item-default-hover-bg)
    }

    .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible) {
        outline: solid 1px transparent;
        outline-offset: -1px;
        box-shadow: inset 0 0 0 1px var(--color-action-list-item-default-active-border)
    }
}

.ActionList-item:not(.ActionList-item--hasSubItem):active,
.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active {
    background: var(--color-action-list-item-default-active-bg)
}

.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),
.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active:not(.ActionList-item--navActive) {
    outline: solid 1px transparent;
    outline-offset: -1px;
    box-shadow: inset 0 0 0 1px var(--color-action-list-item-default-active-border)
}

@media(hover: hover) {

    .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,
    .ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-label::before,
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-label::before,
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-label::before {
        visibility: hidden
    }

    .ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,
    .ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before,
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-descriptionWrap--inline::before,
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before {
        visibility: hidden
    }
}

.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,
.ActionList-item:not(.ActionList-item--hasSubItem):active+.ActionList-item .ActionList-item-label::before,
.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active .ActionList-item-label::before,
.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active+.ActionList-item .ActionList-item-label::before {
    visibility: hidden
}

.ActionList-item.ActionList-item--hasSubItem>.ActionList-content {
    z-index: 1
}

@media(hover: hover) {
    .ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover {
        background-color: var(--color-action-list-item-default-hover-bg)
    }
}

.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active {
    background-color: var(--color-action-list-item-default-active-bg)
}

.ActionList-item[hidden]+.ActionList-sectionDivider {
    display: none
}

.ActionList-item[aria-selected=true] {
    font-weight: var(--base-text-weight-normal, 400);
    background: var(--color-action-list-item-default-selected-bg)
}

@media(hover: hover) {
    .ActionList-item[aria-selected=true]:hover {
        background-color: var(--color-action-list-item-default-hover-bg)
    }
}

.ActionList-item[aria-selected=true]::before,
.ActionList-item[aria-selected=true]+.ActionList-item::before {
    visibility: hidden
}

.ActionList-item[aria-selected=true]::after {
    position: absolute;
    top: calc(50% - 12px);
    left: -4px;
    width: 4px;
    height: 24px;
    content: "";
    background: var(--color-accent-fg);
    border-radius: 6px
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
    background: var(--color-action-list-item-default-selected-bg)
}

@media(hover: hover) {
    .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
        background-color: var(--color-action-list-item-default-hover-bg)
    }
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,
.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)+.ActionList-item::before {
    visibility: hidden
}

.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after {
    position: absolute;
    top: calc(50% - 12px);
    left: -8px;
    width: 4px;
    height: 24px;
    content: "";
    background: var(--color-accent-fg);
    border-radius: 6px
}

.ActionList-item[aria-checked=true] .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected=true] .ActionList-item-multiSelectCheckmark {
    visibility: visible;
    opacity: 1;
    transition: visibility 0 linear 0, opacity 50ms
}

.ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,
.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark {
    visibility: visible
}

@media screen and (prefers-reduced-motion: no-preference) {

    .ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,
    .ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark {
        animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards
    }
}

.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
    fill: var(--color-accent-fg);
    stroke: var(--color-accent-fg);
    stroke-width: 1px
}

.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark {
    fill: var(--color-fg-on-emphasis)
}

.ActionList-item[aria-checked=false] .ActionList-item-multiSelectCheckmark,
.ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0 linear 50ms, opacity 50ms
}

.ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,
.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark {
    visibility: hidden;
    transition: visibility 0s linear 200ms;
    clip-path: inset(16px 0 0 0)
}

@media screen and (prefers-reduced-motion: no-preference) {

    .ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,
    .ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark {
        animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards
    }
}

.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect {
    fill: var(--color-canvas-default);
    stroke: var(--color-border-default);
    stroke-width: 1px
}

.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIconRect,
.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIconRect {
    fill: var(--color-canvas-default);
    border: 1px solid var(--color-border-default)
}

@keyframes checkmarkIn {
    from {
        clip-path: inset(16px 0 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes checkmarkOut {
    from {
        clip-path: inset(0 0 0 0)
    }

    to {
        clip-path: inset(16px 0 0 0)
    }
}

.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-label,
.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-description {
    color: var(--color-primer-fg-disabled)
}

.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-visual {
    fill: var(--color-primer-fg-disabled)
}

@media(hover: hover) {
    .ActionList-item[aria-disabled=true]:hover {
        cursor: not-allowed;
        background-color: transparent
    }
}

.ActionList-item.ActionList-item--danger .ActionList-item-label {
    color: var(--color-danger-fg)
}

.ActionList-item.ActionList-item--danger .ActionList-item-visual {
    color: var(--color-danger-fg)
}

@media(hover: hover) {
    .ActionList-item.ActionList-item--danger:hover {
        background: var(--color-action-list-item-danger-hover-bg)
    }

    .ActionList-item.ActionList-item--danger:hover .ActionList-item-label {
        color: var(--color-action-list-item-danger-hover-text)
    }
}

.ActionList-item.ActionList-item--danger .ActionList-content:active {
    background: var(--color-action-list-item-danger-active-bg)
}

.ActionList-item .ActionList {
    padding: unset
}

.ActionList-content {
    position: relative;
    display: grid;
    width: 100%;
    padding: 6px 8px;
    font-size: 14px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-default);
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: none;
    border-radius: 6px;
    transition: background 33.333ms linear;
    touch-action: manipulation;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    grid-template-rows: min-content;
    grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
    grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
    align-items: start
}

.ActionList-content>:not(:last-child) {
    margin-right: 8px
}

.ActionList-content:hover {
    text-decoration: none
}

.ActionList-content:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.ActionList-content:focus:not(:focus-visible) {
    outline: solid 1px transparent
}

.ActionList-content:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.ActionList-content[aria-disabled=true] .ActionList-item-label,
.ActionList-content[aria-disabled=true] .ActionList-item-description {
    color: var(--color-primer-fg-disabled)
}

.ActionList-content[aria-disabled=true] .ActionList-item-visual {
    fill: var(--color-primer-fg-disabled)
}

@media(hover: hover) {
    .ActionList-content[aria-disabled=true]:hover {
        cursor: not-allowed;
        background-color: transparent
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .ActionList-content[aria-expanded]+.ActionList--subGroup {
        transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1)
    }
}

.ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content {
    padding-left: 24px
}

.ActionList-content[aria-expanded].ActionList-content--visual16+.ActionList--subGroup .ActionList-content {
    padding-left: 32px
}

.ActionList-content[aria-expanded].ActionList-content--visual20+.ActionList--subGroup .ActionList-content {
    padding-left: 36px
}

.ActionList-content[aria-expanded].ActionList-content--visual24+.ActionList--subGroup .ActionList-content {
    padding-left: 40px
}

.ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon {
    transition: transform 120ms linear;
    transform: scaleY(-1)
}

.ActionList-content[aria-expanded=true]+.ActionList--subGroup {
    height: auto;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.visibility-h {
    visibility: hidden !important;
}

.ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon {
    transition: transform 120ms linear;
    transform: scaleY(1)
}

.ActionList-content[aria-expanded=false]+.ActionList--subGroup {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-16px)
}

.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem {
    background: var(--color-action-list-item-default-selected-bg)
}

.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem .ActionList-item-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::before,
.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem+.ActionList-item::before {
    visibility: hidden
}

.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::after {
    position: absolute;
    top: calc(50% - 12px);
    left: -8px;
    width: 4px;
    height: 24px;
    content: "";
    background: var(--color-accent-fg);
    border-radius: 6px
}

.ActionList-content.ActionList-content--sizeMedium {
    padding: 10px 8px
}

.ActionList-content.ActionList-content--sizeLarge {
    padding: 14px 8px
}

.ActionList-content.ActionList-content--fontSmall {
    font-size: 12px
}

@media(pointer: coarse) {
    .ActionList-content {
        padding: 14px 8px
    }
}

.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual {
    place-self: start
}

.ActionList-item-action--leading {
    grid-area: leadingAction
}

.ActionList-item-visual--leading {
    grid-area: leadingVisual
}

.ActionList-item-label {
    grid-area: label
}

.ActionList-item-visual--trailing {
    grid-area: trailingVisual
}

.ActionList-item-action--trailing {
    grid-area: trailingAction
}

.ActionList-item-descriptionWrap {
    grid-area: label;
    display: flex;
    flex-direction: column
}

.ActionList-item-descriptionWrap .ActionList-item-description {
    margin-top: 4px
}

.ActionList-item-descriptionWrap .ActionList-item-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

.ActionList-item-descriptionWrap--inline {
    position: relative;
    flex-direction: row;
    align-items: baseline
}

.ActionList-item-descriptionWrap--inline .ActionList-item-description {
    margin-left: 8px
}

.ActionList-item-description {
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.5;
    color: var(--color-fg-muted)
}

.ActionList-item-visual,
.ActionList-item-action {
    display: flex;
    min-height: 20px;
    color: var(--color-fg-muted);
    pointer-events: none;
    fill: var(--color-fg-muted);
    align-items: center
}

.ActionList-item-label {
    position: relative;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 20px;
    color: var(--color-fg-default)
}

.ActionList-item-label--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ActionList-item--subItem>.ActionList-content {
    font-size: 12px
}

.ActionList-sectionDivider:not(:empty) {
    display: flex;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted);
    flex-direction: column
}

.ActionList-sectionDivider:empty {
    display: block;
    height: 1px;
    padding: 0;
    margin: 7px -8px 8px;
    list-style: none;
    background: var(--color-action-list-item-inline-divider);
    border: 0
}

.ActionList-sectionDivider .ActionList-sectionDivider-title {
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted)
}

.ActionList-sectionDivider--filled {
    margin: 8px -8px;
    background: var(--color-canvas-subtle);
    border-top: 1px solid var(--color-action-list-item-inline-divider);
    border-bottom: 1px solid var(--color-action-list-item-inline-divider)
}

.ActionList-sectionDivider--filled:empty {
    height: 8px;
    box-sizing: border-box
}

.ActionList-sectionDivider--filled:first-child {
    margin-top: 0
}

.boxed-group {
    position: relative;
    margin-bottom: 30px;
    border-radius: 6px
}

.boxed-group .Counter {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-neutral-emphasis)
}

.boxed-group.flush .boxed-group-inner {
    padding: 0
}

.boxed-group.condensed .boxed-group-inner {
    padding: 0;
    font-size: 12px
}

.boxed-group>h3,
.boxed-group .heading {
    display: block;
    padding: 9px 10px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 17px;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-bottom: 0;
    border-radius: 6px 6px 0 0
}

.boxed-group>h3 a,
.boxed-group .heading a {
    color: inherit
}

.boxed-group>h3 a.boxed-group-breadcrumb,
.boxed-group .heading a.boxed-group-breadcrumb {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted);
    text-decoration: none
}

.boxed-group>h3 .avatar,
.boxed-group .heading .avatar {
    margin-top: -4px
}

.boxed-group .tabnav.heading {
    padding: 0
}

.boxed-group .tabnav.heading .tabnav-tab.selected {
    border-top: 0
}

.boxed-group .tabnav.heading li:first-child .selected {
    border-left-color: var(--color-canvas-default);
    border-top-left-radius: 6px
}

.boxed-group .tabnav-tab {
    border-top: 0;
    border-radius: 0
}

.boxed-group code.heading {
    font-size: 12px
}

.boxed-group.dangerzone>h3 {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-danger-emphasis);
    border: 1px solid var(--color-danger-emphasis)
}

.boxed-group.dangerzone .boxed-group-inner {
    border-top: 0
}

.boxed-group.condensed>h3 {
    padding: 6px 6px 7px;
    font-size: 12px
}

.boxed-group.condensed>h3 .octicon {
    padding: 0 6px 0 2px
}

.dashboard-sidebar .boxed-group {
    margin-bottom: 20px
}

.boxed-group .bleed-flush {
    width: 100%;
    padding: 0 10px;
    margin-left: -10px
}

.boxed-group .compact {
    margin-top: 10px;
    margin-bottom: 10px
}

.boxed-group-inner {
    padding: 10px;
    color: var(--color-fg-muted);
    background: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.boxed-group-inner .markdown-body {
    padding: 20px 10px 10px;
    font-size: 13px
}

.boxed-group-inner.markdown-body {
    padding-top: 10px;
    padding-bottom: 10px
}

.boxed-group-inner.seamless {
    padding: 0
}

.boxed-group-inner .tabnav {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: -10px;
    margin-left: -10px
}

.boxed-group-inner .tabnav-tab.selected {
    border-top: 1px solid var(--color-border-default)
}

.boxed-action {
    float: right;
    margin-left: 10px
}

.boxed-action .boxed-action {
    float: none;
    margin-left: 0
}

.boxed-group-action {
    position: relative;
    z-index: 2;
    float: right;
    margin: 5px 10px 0 0
}

.boxed-group-action.flush {
    margin-top: 0;
    margin-right: 0
}

.field-with-errors {
    display: inline
}

.boxed-group-list {
    margin: 0;
    list-style: none
}

.boxed-group-list:first-child>li:first-child {
    border-top: 0
}

.boxed-group-list>li {
    display: block;
    padding: 5px 10px;
    margin-right: -10px;
    margin-left: -10px;
    line-height: 23px;
    border-bottom: 1px solid var(--color-border-default)
}

.boxed-group-list>li:first-child {
    border-top: 1px solid var(--color-border-default)
}

.boxed-group-list>li:last-of-type {
    border-bottom: 0
}

.boxed-group-list>li.selected {
    background: var(--color-success-subtle)
}

.boxed-group-list>li.approved .btn-sm,
.boxed-group-list>li.rejected .btn-sm {
    display: none
}

.boxed-group-list>li.rejected a {
    text-decoration: line-through
}

.boxed-group-list>li .avatar {
    margin-top: -2px;
    margin-right: 4px
}

.boxed-group-list>li .octicon {
    width: 24px;
    margin-right: 4px
}

.boxed-group-list>li .btn-sm {
    float: right;
    margin: -1px 0 0 10px
}

.boxed-group-list>li .BtnGroup {
    float: right
}

.boxed-group-list>li .BtnGroup .btn-sm {
    float: left
}

.boxed-group.flush .boxed-group-list li {
    width: auto;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0
}

.boxed-group-list.standalone {
    margin-top: -1px
}

.boxed-group-list.standalone>li:first-child {
    border-top: 0
}

.boxed-group-table {
    width: 100%;
    text-align: left
}

.boxed-group-table tr:last-child td {
    border-bottom: 0
}

.boxed-group-table th {
    padding: 9px;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-muted)
}

.boxed-group-table td {
    padding: 9px;
    vertical-align: top;
    border-bottom: 1px solid var(--color-border-muted)
}

.ajax-error-message {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 9999;
    width: 974px;
    margin: 0 3px;
    margin-left: -487px;
    transition: top .5s ease-in-out
}

.ajax-error-message>.octicon-alert {
    vertical-align: text-top
}

.container {
    width: 980px;
    margin-right: auto;
    margin-left: auto
}

.container::before {
    display: table;
    content: ""
}

.container::after {
    display: table;
    clear: both;
    content: ""
}

.draft.octicon {
    color: var(--color-fg-muted)
}

.closed.octicon,
.reverted.octicon {
    color: var(--color-closed-fg)
}

.open.octicon {
    color: var(--color-open-fg)
}

.closed.octicon.octicon-issue-closed,
.merged.octicon {
    color: var(--color-done-fg)
}

.progress-bar {
    display: block;
    height: 15px;
    overflow: hidden;
    background-color: var(--color-border-muted);
    border-radius: 6px
}

.progress-bar .progress {
    display: block;
    height: 100%;
    background-color: var(--color-success-emphasis)
}

.reverse-progress-container {
    position: relative;
    height: 3px;
    background-color: var(--color-border-muted);
    background-image: linear-gradient(to right, var(--color-success-emphasis), var(--color-accent-emphasis), var(--color-done-emphasis), var(--color-danger-emphasis), var(--color-severe-emphasis));
    background-size: 100% 3px
}

.reverse-progress-bar {
    position: absolute;
    right: 0;
    height: 100%;
    background-color: var(--color-border-muted)
}

.progress-bar-small {
    height: 10px
}

.select-menu-button::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: -2px;
    content: "";
    border: 4px solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.select-menu-button.icon-only {
    padding-left: 7px
}

.select-menu-button.primary::after {
    border-top-color: var(--color-fg-on-emphasis)
}

.select-menu-button.primary::after:active {
    background-color: var(--color-success-emphasis)
}

.select-menu-button-large::after {
    margin-left: .25em;
    border-width: .33em
}

.select-menu .spinner {
    float: left;
    margin: 4px 0 0 -24px
}

.select-menu.active .select-menu-modal-holder {
    display: block
}

.select-menu.select-menu-modal-right {
    position: relative
}

.select-menu.select-menu-modal-right .select-menu-modal-holder {
    right: 0
}

.select-menu .select-menu-clear-item {
    display: block
}

.select-menu .select-menu-clear-item .octicon {
    color: inherit
}

.select-menu .select-menu-clear-item+.select-menu-no-results {
    display: none !important
}

.select-menu.is-loading .select-menu-loading-overlay {
    display: block
}

.select-menu.is-loading .select-menu-modal {
    min-height: 200px
}

.select-menu.has-error .select-menu-error {
    display: block
}

.select-menu-error {
    display: none
}

.select-menu-loading-overlay {
    position: absolute;
    top: 0;
    z-index: 5;
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--color-canvas-overlay);
    border: 1px solid transparent;
    border-radius: 5px
}

.select-menu-modal-holder {
    position: absolute;
    z-index: 30;
    display: none
}

.select-menu-modal {
    position: relative;
    width: 300px;
    margin-top: 4px;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 12px;
    color: var(--color-fg-default);
    background-color: var(--color-canvas-overlay);
    background-clip: padding-box;
    border: 1px solid var(--color-border-default);
    border-radius: 6px;
    box-shadow: var(--color-shadow-large)
}

.select-menu-header,
.select-menu-divider {
    padding: 8px 10px;
    line-height: 16px;
    background: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-muted)
}

.select-menu-header .select-menu-title,
.select-menu-divider {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.select-menu-divider {
    margin-top: -1px;
    border-top: 1px solid var(--color-border-muted)
}

.select-menu-header .close-button,
.select-menu-header .octicon {
    display: block;
    float: right;
    color: var(--color-fg-muted);
    cursor: pointer
}

.select-menu-header .close-button:hover,
.select-menu-header .octicon:hover {
    color: var(--color-fg-default)
}

.select-menu-header:focus {
    outline: none
}

.select-menu-filters {
    background-color: var(--color-canvas-overlay)
}

.select-menu-text-filter {
    padding: 10px 10px 0
}

.select-menu-text-filter:first-child:last-child {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color-border-muted)
}

.select-menu-text-filter input {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    border: 1px solid var(--color-border-muted);
    border-radius: 6px
}

.select-menu-text-filter input::placeholder {
    color: var(--color-fg-subtle)
}

.select-menu-tabs {
    padding: 10px 10px 0;
    border-bottom: 1px solid var(--color-border-muted)
}

.select-menu-tabs ul {
    position: relative;
    bottom: -1px
}

.select-menu-tabs .select-menu-tab {
    display: inline-block
}

.select-menu-tabs a,
.select-menu-tabs .select-menu-tab-nav {
    display: inline-block;
    padding: 4px 8px 2px;
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted);
    text-decoration: none;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0
}

.select-menu-tabs a:hover,
.select-menu-tabs .select-menu-tab-nav:hover {
    color: var(--color-fg-default)
}

.select-menu-tabs a[aria-selected=true],
.select-menu-tabs a.selected,
.select-menu-tabs .select-menu-tab-nav[aria-selected=true],
.select-menu-tabs .select-menu-tab-nav.selected {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-overlay);
    border-color: var(--color-border-muted);
    border-bottom-color: var(--color-canvas-overlay)
}

.select-menu-list {
    position: relative;
    max-height: 400px;
    overflow: auto
}

.select-menu-list.is-showing-new-item-form .select-menu-new-item-form {
    display: block
}

.select-menu-list.is-showing-new-item-form .select-menu-no-results,
.select-menu-list.is-showing-new-item-form .select-menu-clear-item {
    display: none
}

.select-menu-blankslate {
    padding: 16px;
    text-align: center
}

.select-menu-blankslate svg {
    display: block;
    margin-right: auto;
    margin-bottom: 9px;
    margin-left: auto;
    fill: var(--color-fg-muted)
}

.select-menu-blankslate h3 {
    font-size: 14px;
    color: var(--color-fg-default)
}

.select-menu-blankslate p {
    width: 195px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto
}

.select-menu-item {
    display: block;
    padding: 8px 8px 8px 30px;
    overflow: hidden;
    color: inherit;
    cursor: pointer;
    border-bottom: 1px solid var(--color-border-muted)
}

.select-menu-item .select-menu-item-text .octicon-x {
    display: none;
    float: right;
    margin: 1px 10px 0 0;
    opacity: .6
}

.select-menu-item:hover {
    text-decoration: none
}

.select-menu-item.disabled,
.select-menu-item[disabled],
.select-menu-item[aria-disabled=true],
.select-menu-item.disabled.selected {
    color: var(--color-fg-muted);
    cursor: default
}

.select-menu-item.disabled .description,
.select-menu-item[disabled] .description,
.select-menu-item[aria-disabled=true] .description,
.select-menu-item.disabled.selected .description {
    color: var(--color-fg-muted)
}

.select-menu-item.disabled.opaque,
.select-menu-item[disabled].opaque,
.select-menu-item[aria-disabled=true].opaque,
.select-menu-item.disabled.selected.opaque {
    opacity: .7
}

.select-menu-item.disabled .select-menu-item-gravatar,
.select-menu-item[disabled] .select-menu-item-gravatar,
.select-menu-item[aria-disabled=true] .select-menu-item-gravatar,
.select-menu-item.disabled.selected .select-menu-item-gravatar {
    opacity: .5
}

.select-menu-item .octicon {
    vertical-align: middle
}

.select-menu-item .octicon-check,
.select-menu-item .octicon-circle-slash,
.select-menu-item input[type=radio]:not(:checked)+.octicon-check,
.select-menu-item input[type=radio]:not(:checked)+.octicon-circle-slash {
    visibility: hidden
}

.select-menu-item.selected .octicon-circle-slash.select-menu-item-icon {
    color: var(--color-fg-muted) !important
}

.select-menu-item .octicon-circle-slash {
    color: var(--color-fg-muted)
}

.select-menu-item.excluded {
    background-color: var(--color-canvas-subtle)
}

.select-menu-item input[type=radio] {
    display: none
}

.select-menu-item:focus {
    outline: none
}

.select-menu-item:focus .octicon,
.select-menu-item:hover .octicon {
    color: inherit !important
}

.select-menu-item:hover,
.select-menu-item:hover.selected,
.select-menu-item:hover.select-menu-action,
.select-menu-item:hover .description-inline,
.select-menu-item:focus,
.select-menu-item:focus.selected,
.select-menu-item:focus.select-menu-action,
.select-menu-item:focus .description-inline,
.select-menu-item.navigation-focus,
.select-menu-item.navigation-focus.selected,
.select-menu-item.navigation-focus.select-menu-action,
.select-menu-item.navigation-focus .description-inline,
.select-menu-item.navigation-focus[aria-checked=true],
.select-menu-item[aria-checked=true]:focus,
.select-menu-item[aria-checked=true]:hover,
.select-menu-item[aria-selected=true]:hover,
.select-menu-item[aria-selected=true]:focus,
.select-menu-item[aria-selected=true].select-menu-action,
.select-menu-item[aria-selected=true] .description-inline {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.select-menu-item:hover>.octicon,
.select-menu-item:hover.selected>.octicon,
.select-menu-item:hover.select-menu-action>.octicon,
.select-menu-item:hover .description-inline>.octicon,
.select-menu-item:focus>.octicon,
.select-menu-item:focus.selected>.octicon,
.select-menu-item:focus.select-menu-action>.octicon,
.select-menu-item:focus .description-inline>.octicon,
.select-menu-item.navigation-focus>.octicon,
.select-menu-item.navigation-focus.selected>.octicon,
.select-menu-item.navigation-focus.select-menu-action>.octicon,
.select-menu-item.navigation-focus .description-inline>.octicon,
.select-menu-item.navigation-focus[aria-checked=true]>.octicon,
.select-menu-item[aria-checked=true]:focus>.octicon,
.select-menu-item[aria-checked=true]:hover>.octicon,
.select-menu-item[aria-selected=true]:hover>.octicon,
.select-menu-item[aria-selected=true]:focus>.octicon,
.select-menu-item[aria-selected=true].select-menu-action>.octicon,
.select-menu-item[aria-selected=true] .description-inline>.octicon {
    color: var(--color-fg-on-emphasis)
}

.select-menu-item:hover .description,
.select-menu-item:hover .description-warning,
.select-menu-item:hover.selected .description,
.select-menu-item:hover.selected .description-warning,
.select-menu-item:hover.select-menu-action .description,
.select-menu-item:hover.select-menu-action .description-warning,
.select-menu-item:hover .description-inline .description,
.select-menu-item:hover .description-inline .description-warning,
.select-menu-item:focus .description,
.select-menu-item:focus .description-warning,
.select-menu-item:focus.selected .description,
.select-menu-item:focus.selected .description-warning,
.select-menu-item:focus.select-menu-action .description,
.select-menu-item:focus.select-menu-action .description-warning,
.select-menu-item:focus .description-inline .description,
.select-menu-item:focus .description-inline .description-warning,
.select-menu-item.navigation-focus .description,
.select-menu-item.navigation-focus .description-warning,
.select-menu-item.navigation-focus.selected .description,
.select-menu-item.navigation-focus.selected .description-warning,
.select-menu-item.navigation-focus.select-menu-action .description,
.select-menu-item.navigation-focus.select-menu-action .description-warning,
.select-menu-item.navigation-focus .description-inline .description,
.select-menu-item.navigation-focus .description-inline .description-warning,
.select-menu-item.navigation-focus[aria-checked=true] .description,
.select-menu-item.navigation-focus[aria-checked=true] .description-warning,
.select-menu-item[aria-checked=true]:focus .description,
.select-menu-item[aria-checked=true]:focus .description-warning,
.select-menu-item[aria-checked=true]:hover .description,
.select-menu-item[aria-checked=true]:hover .description-warning,
.select-menu-item[aria-selected=true]:hover .description,
.select-menu-item[aria-selected=true]:hover .description-warning,
.select-menu-item[aria-selected=true]:focus .description,
.select-menu-item[aria-selected=true]:focus .description-warning,
.select-menu-item[aria-selected=true].select-menu-action .description,
.select-menu-item[aria-selected=true].select-menu-action .description-warning,
.select-menu-item[aria-selected=true] .description-inline .description,
.select-menu-item[aria-selected=true] .description-inline .description-warning {
    color: var(--color-fg-on-emphasis)
}

.select-menu-item:hover.disabled,
.select-menu-item[disabled]:hover,
.select-menu-item[aria-disabled=true]:hover,
.select-menu-item[aria-selected=true].disabled,
.select-menu-item.navigation-focus.disabled {
    color: var(--color-fg-muted);
    background-color: var(--color-canvas-overlay)
}

.select-menu-item:hover.disabled .description,
.select-menu-item[disabled]:hover .description,
.select-menu-item[aria-disabled=true]:hover .description,
.select-menu-item[aria-selected=true].disabled .description,
.select-menu-item.navigation-focus.disabled .description {
    color: var(--color-fg-muted)
}

.select-menu-item>.octicon-dash {
    display: none
}

.select-menu-item[aria-checked=mixed]>.octicon-check {
    display: none
}

.select-menu-item[aria-checked=mixed]>.octicon-dash {
    display: block
}

.select-menu-item input:checked+.octicon-check {
    color: inherit;
    visibility: visible
}

details-menu .select-menu-item[aria-checked=true],
details-menu .select-menu-item[aria-selected=true],
.MenuDetails .select-menu-item[aria-checked=true],
.MenuDetails .select-menu-item[aria-selected=true],
.select-menu-item.selected {
    color: var(--color-fg-default)
}

details-menu .select-menu-item[aria-checked=true] .description,
details-menu .select-menu-item[aria-selected=true] .description,
.MenuDetails .select-menu-item[aria-checked=true] .description,
.MenuDetails .select-menu-item[aria-selected=true] .description,
.select-menu-item.selected .description {
    color: var(--color-fg-muted)
}

details-menu .select-menu-item[aria-checked=true]>.octicon,
details-menu .select-menu-item[aria-selected=true]>.octicon,
.MenuDetails .select-menu-item[aria-checked=true]>.octicon,
.MenuDetails .select-menu-item[aria-selected=true]>.octicon,
.select-menu-item.selected>.octicon {
    color: var(--color-fg-default)
}

details-menu .select-menu-item[aria-checked=true] .octicon-check,
details-menu .select-menu-item[aria-checked=true] .octicon-circle-slash,
details-menu .select-menu-item[aria-selected=true] .octicon-check,
details-menu .select-menu-item[aria-selected=true] .octicon-circle-slash,
.MenuDetails .select-menu-item[aria-checked=true] .octicon-circle-slash,
.MenuDetails .select-menu-item[aria-selected=true] .octicon-check,
.select-menu-item.selected .octicon-check,
.select-menu-item.selected .octicon-circle-slash {
    color: inherit;
    visibility: visible
}

details-menu .select-menu-item[aria-checked=true] .select-menu-item-text .octicon-x,
details-menu .select-menu-item[aria-selected=true] .select-menu-item-text .octicon-x,
.MenuDetails .select-menu-item[aria-checked=true] .select-menu-item-text .octicon-x,
.MenuDetails .select-menu-item[aria-selected=true] .select-menu-item-text .octicon-x,
.select-menu-item.selected .select-menu-item-text .octicon-x {
    display: block;
    color: inherit
}

.select-menu.label-select-menu .select-menu-item:active {
    background-color: transparent !important
}

.select-menu-item:hover .Label,
.select-menu-item:focus .Label {
    color: inherit;
    border-color: currentColor
}

.select-menu-item a {
    color: inherit;
    text-decoration: none
}

.select-menu-item .hidden-select-button-text {
    display: none
}

.select-menu-item .css-truncate-target {
    max-width: 100%
}

.select-menu-item-icon {
    float: left;
    margin-left: -20px
}

form.select-menu-item>div:first-child {
    display: none !important
}

.select-menu-list:last-child .select-menu-item:last-child,
.select-menu-item.last-visible {
    border-bottom: 0;
    border-radius: 0 0 6px 6px
}

.select-menu-action {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-default)
}

.select-menu-action>.octicon {
    color: inherit
}

.select-menu-action:hover {
    color: var(--color-accent-fg)
}

.select-menu-no-results {
    display: none;
    padding: 9px;
    color: var(--color-fg-muted);
    cursor: auto
}

.select-menu-list.filterable-empty .select-menu-no-results,
.select-menu-no-results:only-child {
    display: block
}

.select-menu-button-gravatar,
.select-menu-item-gravatar {
    width: 20px;
    overflow: hidden;
    line-height: 0
}

.select-menu-button-gravatar img,
.select-menu-item-gravatar img {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 6px
}

.select-menu-item-gravatar {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 6px
}

.select-menu-button-gravatar {
    float: left;
    margin-right: 5px
}

.select-menu-item-text {
    display: block;
    text-align: left
}

.select-menu-item-text .description {
    display: block;
    max-width: 265px;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.select-menu-item-text .description-inline {
    font-size: 12px;
    color: var(--color-fg-muted)
}

.select-menu-item-text .description-warning {
    color: var(--color-danger-fg)
}

.select-menu-item-text mark {
    font-weight: var(--base-text-weight-semibold, 600);
    color: inherit;
    background-color: inherit
}

.select-menu-item-heading {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600)
}

.select-menu-item-heading .description {
    display: inline;
    font-weight: var(--base-text-weight-normal, 400)
}

.select-menu-new-item-form {
    display: none
}

.select-menu-new-item-form .octicon {
    color: var(--color-accent-fg)
}

.table-list {
    display: table;
    width: 100%;
    color: var(--color-fg-muted);
    table-layout: fixed;
    border-bottom: 1px solid var(--color-border-default)
}

.table-list ol {
    list-style-type: decimal
}

.table-list-bordered {
    border-bottom-color: var(--color-border-default)
}

.table-list-bordered .table-list-cell:first-child {
    border-left: 1px solid var(--color-border-default)
}

.table-list-bordered .table-list-cell:last-child {
    border-right: 1px solid var(--color-border-default)
}

.footer-bordered {
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
}

.table-list-item {
    position: relative;
    display: table-row;
    list-style: none
}

.table-list-item.unread .table-list-cell:first-child {
    box-shadow: 2px 0 0 var(--color-accent-emphasis) inset
}

.table-list-cell {
    position: relative;
    display: table-cell;
    padding: 8px 10px;
    font-size: 12px;
    vertical-align: top;
    border-top: 1px solid var(--color-border-default)
}

.table-list-cell.flush-left {
    padding-left: 0
}

.table-list-cell.flush-right {
    padding-right: 0
}

.table-list-header {
    position: relative;
    margin-top: 20px;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-radius: 6px 6px 0 0
}

.table-list-header::before {
    display: table;
    content: ""
}

.table-list-header::after {
    display: table;
    clear: both;
    content: ""
}

.table-list-header .btn-link {
    position: relative;
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    font-weight: var(--base-text-weight-normal, 400)
}

.table-list-heading {
    margin-left: 10px
}

.table-list-header-meta {
    display: inline-block;
    padding-top: 13px;
    padding-bottom: 13px;
    color: var(--color-fg-muted)
}

.table-list-header-toggle h4 {
    padding: 12px 0
}

.table-list-filters:first-child .table-list-header-toggle:first-child {
    padding-left: 16px
}

.table-list-header-toggle.states .selected {
    font-weight: var(--base-text-weight-semibold, 600)
}

.table-list-header-toggle .btn-link {
    color: var(--color-fg-muted)
}

.table-list-header-toggle .btn-link .octicon {
    margin-right: 4px
}

.table-list-header-toggle .btn-link:hover {
    color: var(--color-fg-default);
    text-decoration: none
}

.table-list-header-toggle .btn-link.selected,
.table-list-header-toggle .btn-link.selected:hover {
    color: var(--color-fg-default)
}

.table-list-header-toggle .btn-link+.btn-link {
    margin-left: 10px
}

.table-list-header-toggle .btn-link:disabled,
.table-list-header-toggle .btn-link.disabled {
    pointer-events: none;
    opacity: .5
}

.table-list-header-toggle .select-menu {
    position: relative
}

.table-list-header-toggle .select-menu-item[aria-checked=true],
.table-list-header-toggle .select-menu-item.selected {
    font-weight: var(--base-text-weight-semibold, 600)
}

.table-list-header-toggle .select-menu-button {
    padding-right: 15px;
    padding-left: 15px
}

.table-list-header-toggle .select-menu-button:hover,
.table-list-header-toggle .select-menu-button.selected,
.table-list-header-toggle .select-menu-button.selected:hover {
    color: var(--color-fg-default)
}

.table-list-header-toggle .select-menu-modal-holder {
    right: 10px
}

.table-list-header-toggle .select-menu-modal-holder .select-menu-modal {
    margin-top: -1px
}

.table-list-header-next {
    margin-top: 20px;
    margin-bottom: -1px
}

.table-list-header-next .table-list-header-select-all {
    padding-left: 14px
}

.table-list-header-next .select-all-dropdown {
    padding-top: 10px;
    padding-bottom: 10px
}

.table-list-triage {
    display: none
}

.triage-mode .table-list-filters {
    display: none !important
}

.triage-mode .table-list-triage {
    display: block
}

.breadcrumb {
    font-size: 16px;
    color: var(--color-fg-muted)
}

.breadcrumb .separator {
    white-space: pre-wrap
}

.breadcrumb .separator::before,
.breadcrumb .separator::after {
    content: " "
}

.breadcrumb strong.final-path {
    color: var(--color-fg-default)
}

.capped-cards {
    list-style: none
}

.capped-card-content {
    display: block;
    background: var(--color-canvas-subtle)
}

.capped-card-content::before {
    display: table;
    content: ""
}

.capped-card-content::after {
    display: table;
    clear: both;
    content: ""
}

.details-collapse .collapse {
    position: relative;
    display: none;
    height: 0;
    overflow: hidden;
    transition: height .35s ease-in-out
}

.details-collapse.open .collapse {
    display: block;
    height: auto;
    overflow: visible
}

.collapsible-sidebar-widget-button {
    display: flex;
    padding: 0;
    align-items: center;
    background-color: transparent;
    border: 0;
    justify-content: space-between
}

.collapsible-sidebar-widget-indicator {
    transition: transform .25s;
    transform: translate(0, 0) translate3d(0, 0, 0)
}

.collapsible-sidebar-widget-loader {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s;
    animation-play-state: paused
}

.collapsible-sidebar-widget-content {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .25s ease-in-out, opacity .25s ease-in-out
}

.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-indicator {
    display: none
}

.collapsible-sidebar-widget-loading .collapsible-sidebar-widget-loader {
    display: block;
    visibility: visible;
    opacity: 1;
    animation-play-state: running
}

.collapsible-sidebar-widget-active .collapsible-sidebar-widget-content {
    max-height: 100%;
    overflow: visible;
    opacity: 1
}

.collapsible-sidebar-widget-active .collapsible-sidebar-widget-indicator {
    display: block;
    transform: rotate(180deg)
}

.collapsible-sidebar-widget-active .collapsible-sidebar-widget-loader {
    display: none;
    visibility: hidden;
    opacity: 0
}

.collapsible-sidebar-widget-active .collapsible-sidebar-widget-active-hidden {
    display: none;
    opacity: 0
}

.comment .email-format {
    line-height: 1.5
}

.previewable-edit .previewable-comment-form {
    display: none
}

.previewable-edit .previewable-comment-form::before {
    display: table;
    content: ""
}

.previewable-edit .previewable-comment-form::after {
    display: table;
    clear: both;
    content: ""
}

.previewable-edit .previewable-comment-form .tabnav-tabs {
    display: inline-block
}

.previewable-edit .previewable-comment-form .form-actions {
    float: right;
    margin-right: 8px;
    margin-bottom: 8px
}

.previewable-edit.is-comment-editing .timeline-comment-header:not(.new-comment-box-header) {
    display: none !important
}

.is-comment-editing .previewable-comment-form {
    display: block
}

.is-comment-editing .timeline-comment-actions,
.is-comment-editing .edit-comment-hide {
    display: none
}

.is-comment-loading .previewable-comment-form {
    opacity: .5
}

.comment-show-stale {
    display: none
}

.is-comment-stale .comment-show-stale {
    display: block
}

.comment-body {
    width: 100%;
    padding: 16px;
    overflow: visible;
    font-size: 14px;
    color: var(--color-fg-default)
}

.comment-body .highlight {
    overflow: visible !important;
    background-color: transparent
}

.comment-form-textarea {
    width: 100%;
    max-width: 100%;
    height: 100px;
    min-height: 100px;
    margin: 0;
    line-height: 1.6
}

/* .comment-form-textarea.dragover {
    border: solid 1px var(--color-accent-emphasis)
} */

.hide-reaction-suggestion:hover::before,
.hide-reaction-suggestion:hover::after,
.hide-reaction-suggestion:active::before,
.hide-reaction-suggestion:active::after {
    display: none
}

.reaction-suggestion[data-reaction-suggestion-message]:hover::before,
.reaction-suggestion[data-reaction-suggestion-message]:hover::after {
    display: inline-block
}

.reaction-suggestion[data-reaction-suggestion-message]::before,
.reaction-suggestion[data-reaction-suggestion-message]::after {
    display: inline-block;
    text-decoration: none;
    animation-name: tooltip-appear;
    animation-duration: .1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    animation-delay: 0s
}

.reaction-suggestion[data-reaction-suggestion-message]::after {
    content: attr(data-reaction-suggestion-message)
}

.discussion-topic-header {
    position: relative;
    padding: 8px;
    word-wrap: break-word
}

.comment-form-error {
    padding: 16px 8px;
    margin: 8px;
    color: var(--color-fg-default);
    background-color: var(--color-danger-subtle);
    border: 1px solid var(--color-danger-emphasis);
    border-radius: 6px
}

.email-format {
    line-height: 1.5em !important
}

.email-format div {
    white-space: pre-wrap
}

.email-format .email-hidden-reply {
    display: none;
    white-space: pre-wrap
}

.email-format .email-hidden-reply.expanded {
    display: block
}

.email-format .email-quoted-reply,
.email-format .email-signature-reply {
    padding: 0 16px;
    margin: 16px 0;
    color: var(--color-fg-muted);
    border-left: 4px solid var(--color-border-default)
}

.email-format .email-hidden-toggle a {
    display: inline-block;
    height: 12px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 6px;
    color: var(--color-fg-default);
    text-decoration: none;
    vertical-align: middle;
    background: var(--color-neutral-muted);
    border-radius: 1px
}

.email-format .email-hidden-toggle a:hover {
    background-color: var(--color-accent-muted)
}

.email-format .email-hidden-toggle a:active {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.comment-email-format div {
    white-space: normal
}

.comment-email-format .email-hidden-reply {
    display: none;
    white-space: normal
}

.comment-email-format .email-hidden-reply.expanded {
    display: block
}

.comment-email-format blockquote,
.comment-email-format p {
    margin: 0
}

.locked-conversation .write-tab,
.locked-conversation .preview-tab {
    color: #c6cbd1
}

.write-tab:focus,
.preview-tab:focus {
    outline-offset: -6px !important
}

.manual-file-chooser-transparent {
    min-height: 0;
    overflow: hidden;
    opacity: .01
}

.manual-file-chooser-transparent::-webkit-file-upload-button {
    cursor: pointer
}

.manual-file-chooser-transparent:focus {
    opacity: 1 !important
}

.rich-diff clipboard-copy {
    display: none
}

.css-overflow-wrap-anywhere {
    overflow-wrap: anywhere
}

.commit-form {
    position: relative;
    padding: 16px;
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.commit-form::after,
.commit-form::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.commit-form::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.commit-form::before {
    background-color: var(--color-border-default)
}

.commit-form .input-block {
    margin-top: 8px;
    margin-bottom: 8px
}

.commit-form-avatar {
    float: left;
    margin-left: -64px;
    border-radius: 6px
}

.commit-form-actions::before {
    display: table;
    content: ""
}

.commit-form-actions::after {
    display: table;
    clear: both;
    content: ""
}

.commit-form-actions .BtnGroup {
    margin-right: 4px
}

.merge-commit-message {
    resize: vertical
}

@media(max-width: 768px) {

    .commit-form::after,
    .commit-form::before {
        display: none !important
    }
}

.commit-sha {
    padding: .2em .4em;
    font-size: 90%;
    font-weight: var(--base-text-weight-normal, 400);
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-muted);
    border-radius: .2em
}

.commit .commit-title,
.commit .commit-title a {
    color: var(--color-fg-default)
}

.commit .commit-title.blank,
.commit .commit-title.blank a {
    color: var(--color-fg-muted)
}

.commit .commit-title .issue-link {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-accent-fg)
}

.commit .sha-block,
.commit .sha {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px
}

.commit.open .commit-desc {
    display: block
}

.commit-link {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-accent-fg)
}

.commit-ref {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    font: .85em/1.8 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    color: var(--color-fg-muted);
    white-space: nowrap;
    background-color: var(--color-accent-subtle);
    border-radius: 6px
}

.commit-ref .user {
    color: var(--color-accent-fg)
}

a.commit-ref:hover {
    color: var(--color-accent-fg);
    text-decoration: none;
    background-color: var(--color-accent-subtle)
}

.commit-desc {
    display: none
}

.commit-desc pre {
    max-width: 700px;
    margin-top: 8px;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 11px;
    line-height: 1.45;
    color: var(--color-fg-default);
    white-space: pre-wrap
}

.commit-desc+.commit-branches {
    padding-top: 8px;
    margin-top: 2px;
    border-top: solid 1px var(--color-border-subtle)
}

.commit-author-section {
    color: var(--color-fg-default)
}

.commit-author-section span.user-mention {
    font-weight: var(--base-text-weight-normal, 400)
}

.commit-tease-sha {
    display: inline-block;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 90%;
    color: var(--color-fg-default)
}

.commits-list-item[aria-selected=true],
.commits-list-item.navigation-focus {
    background: #f6fbff
}

.commits-list-item .commit-title {
    margin: 0;
    font-size: 16px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.commits-list-item .commit-meta {
    margin-top: 1px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.commits-list-item .status .octicon {
    height: 14px;
    line-height: 14px
}

.commits-list-item .commit-author {
    color: var(--color-fg-muted)
}

.commits-list-item .octicon-arrow-right {
    margin: 0 4px
}

.commits-list-item .commit-desc pre {
    margin-top: 4px;
    margin-bottom: 8px;
    color: var(--color-fg-muted)
}

.commits-list-item .commit-desc pre a {
    word-break: break-word
}

.commit-indicator {
    margin-left: 4px
}

.commit-links-group {
    margin-right: 4px
}

.commits-list-item+.commits-list-item {
    border-top: 1px solid var(--color-border-default)
}

.full-commit {
    padding: 8px 8px 0;
    margin: 8px 0;
    font-size: 14px;
    background: var(--color-neutral-subtle);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.full-commit:first-child {
    margin-top: 0
}

.full-commit div.commit-title {
    font-size: 16px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.full-commit .branches-list {
    display: inline;
    margin-right: 8px;
    margin-left: 2px;
    vertical-align: middle;
    list-style: none
}

.full-commit .branches-list li {
    display: inline-block;
    padding-left: 4px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.full-commit .branches-list li::before {
    padding-right: 4px;
    font-weight: var(--base-text-weight-normal, 400);
    content: "+"
}

.full-commit .branches-list li:first-child {
    padding-left: 0
}

.full-commit .branches-list li:first-child::before {
    padding-right: 0;
    content: ""
}

.full-commit .branches-list li.loading {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.full-commit .branches-list li.pull-request {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.full-commit .branches-list li.pull-request::before {
    margin-left: -8px;
    content: ""
}

.full-commit .branches-list li.pull-request-error {
    margin-bottom: -1px
}

.full-commit .branches-list li a {
    color: inherit
}

.full-commit .commit-meta {
    padding: 8px;
    margin-right: -8px;
    margin-left: -8px;
    background: var(--color-canvas-default);
    border-top: 1px solid var(--color-border-default);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.full-commit .sha-block {
    margin-left: 16px;
    font-size: 12px;
    line-height: 24px;
    color: var(--color-fg-muted)
}

.full-commit .sha-block>.sha {
    color: var(--color-fg-default)
}

.full-commit .sha-block>a {
    color: var(--color-fg-default);
    text-decoration: none;
    border-bottom: 1px dotted var(--color-border-muted)
}

.full-commit .sha-block>a:hover {
    border-bottom: 1px solid var(--color-border-default)
}

.full-commit .commit-desc {
    display: block;
    margin: -4px 0 8px
}

.full-commit .commit-desc pre {
    max-width: 100%;
    overflow: visible;
    font-size: 13px;
    word-wrap: break-word
}

.commit-branches {
    font-size: 12px;
    color: var(--color-fg-muted);
    vertical-align: middle
}

.commit-branches .octicon {
    vertical-align: middle
}

.commit-build-statuses {
    position: relative;
    display: inline-block;
    text-align: left
}

.commit-build-statuses .dropdown-menu {
    min-width: 362.6666666667px;
    max-width: 544px;
    padding-top: 0;
    padding-bottom: 0
}

.commit-build-statuses .dropdown-menu .merge-status-list {
    max-height: 170px;
    border-bottom: 0
}

.commit-build-statuses .dropdown-menu-w,
.commit-build-statuses .dropdown-menu-e {
    top: -11px
}

.commit-build-statuses .merge-status-item:last-child {
    border-radius: 0 0 6px 6px
}

.dropdown-signed-commit .dropdown-menu {
    width: 260px;
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal
}

.dropdown-signed-commit .dropdown-menu::after {
    border-bottom-color: var(--color-canvas-subtle)
}

.dropdown-signed-commit .dropdown-menu-w {
    top: -28px;
    margin-top: 0
}

.dropdown-signed-commit .dropdown-menu-w::after {
    border-bottom-color: transparent;
    border-left-color: var(--color-canvas-subtle)
}

.signed-commit-header {
    line-height: 1.3;
    white-space: normal;
    border-collapse: separate;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default));
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.signed-commit-header .octicon-verified {
    color: var(--color-success-fg)
}

.signed-commit-header .octicon-unverified {
    color: var(--color-fg-muted)
}

.signed-commit-footer {
    font-size: 12px;
    line-height: 1.5
}

.signed-commit-cert-info {
    margin-bottom: 4px
}

.signed-commit-cert-info td {
    vertical-align: top
}

.signed-commit-cert-info td:first-child {
    width: 44px;
    padding-right: 12px
}

.signed-commit-badge {
    display: inline-block;
    padding: 1px 4px;
    font-size: 12px;
    color: var(--color-fg-muted);
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background: none;
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.signed-commit-badge:hover {
    text-decoration: none;
    border-color: var(--color-neutral-muted)
}

.signed-commit-badge.verified {
    color: var(--color-success-fg)
}

.signed-commit-badge.verified:hover {
    border-color: var(--color-success-emphasis)
}

.signed-commit-badge.unverified {
    color: var(--color-attention-fg)
}

.signed-commit-badge.unverified:hover {
    border-color: var(--color-attention-emphasis)
}

.signed-commit-badge-small {
    height: 20px;
    margin-top: -2px;
    margin-right: 4px
}

.signed-commit-badge-medium {
    height: 20px;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px
}

.signed-commit-badge-large {
    height: 24px;
    padding: 4px 12px;
    margin-right: 8px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px
}

.signed-commit-signer-name {
    font-size: 14px;
    text-align: left
}

.signed-commit-signer-name .signer {
    display: block;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.table-of-contents {
    margin: 16px 0
}

.table-of-contents li {
    padding: 8px 0;
    list-style-type: none
}

.table-of-contents li+li {
    border-top: 1px solid var(--color-border-muted)
}

.table-of-contents li>.octicon {
    margin-right: 4px
}

.table-of-contents .toc-diff-stats {
    padding-left: 16px;
    line-height: 26px
}

.table-of-contents .toc-diff-stats .octicon {
    float: left;
    margin-top: 4px;
    margin-left: -16px;
    color: #c6cbd1
}

.table-of-contents .toc-diff-stats .btn-link {
    font-weight: var(--base-text-weight-semibold, 600)
}

.table-of-contents .toc-diff-stats+.content {
    padding-top: 4px
}

.table-of-contents .octicon-diff-removed {
    color: var(--color-danger-fg)
}

.table-of-contents .octicon-diff-renamed {
    color: var(--color-fg-muted)
}

.table-of-contents .octicon-diff-modified {
    color: var(--color-attention-fg)
}

.table-of-contents .octicon-diff-added {
    color: var(--color-success-fg)
}

.copyable-terminal {
    position: relative;
    padding: 8px 55px 8px 8px;
    background-color: var(--color-canvas-subtle);
    border-radius: 6px
}

.copyable-terminal-content {
    overflow: auto
}

.copyable-terminal-button {
    position: absolute;
    top: 5px;
    right: 5px
}

.copyable-terminal-button .zeroclipboard-button {
    float: right
}

.copyable-terminal-button .zeroclipboard-button .octicon {
    padding-left: 1px;
    margin: 0 auto
}

.blob-wrapper {
    overflow-x: auto;
    overflow-y: hidden
}

.blob-wrapper table tr:nth-child(2n) {
    background-color: transparent
}

.page-edit-blob.height-full .CodeMirror {
    height: 300px
}

.page-edit-blob.height-full .CodeMirror,
.page-edit-blob.height-full .CodeMirror-scroll {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto
}

.blob-wrapper-embedded {
    max-height: 240px;
    overflow-y: auto
}

.diff-table {
    width: 100%;
    border-collapse: separate
}

.diff-table .blob-code.blob-code-inner {
    padding-left: 22px
}

.diff-table .line-comments {
    padding: 10px;
    vertical-align: top;
    border-top: 1px solid var(--color-border-default)
}

.diff-table .line-comments:first-child+.empty-cell {
    border-left-width: 1px
}

.diff-table tr:not(:last-child) .line-comments {
    border-top: 1px solid var(--color-border-default);
    border-bottom: 1px solid var(--color-border-default)
}

.diff-view .blob-code-marker-context::before,
.diff-view .blob-code-marker-injected_context::before,
.diff-view .blob-code-marker-addition::before,
.diff-view .blob-code-marker-deletion::before {
    top: 4px
}

.diff-view .line-alert,
.diff-table .line-alert {
    position: absolute;
    left: -60px;
    margin: 2px
}

.comment-body .diff-view .line-alert {
    left: 0
}

.blob-num {
    position: relative;
    width: 1%;
    min-width: 50px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px;
    line-height: 20px;
    color: var(--color-fg-subtle);
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.blob-num:hover {
    color: var(--color-fg-default)
}

.blob-num::before {
    content: attr(data-line-number)
}

.blob-num.non-expandable {
    cursor: default
}

.blob-num.non-expandable:hover {
    color: var(--color-fg-subtle)
}

.blob-num-hidden::before {
    visibility: hidden
}

.blob-code {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 20px;
    vertical-align: top
}

.blob-code-inner {
    display: table-cell;
    overflow: visible;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px;
    color: var(--color-fg-default);
    word-wrap: anywhere;
    white-space: pre
}

.blob-code-inner .x-first {
    border-top-left-radius: .2em;
    border-bottom-left-radius: .2em
}

.blob-code-inner .x-last {
    border-top-right-radius: .2em;
    border-bottom-right-radius: .2em
}

.blob-code-inner.highlighted,
.blob-code-inner .highlighted {
    background-color: var(--color-attention-subtle);
    box-shadow: inset 2px 0 0 var(--color-attention-muted)
}

.blob-code-inner::selection,
.blob-code-inner *::selection {
    background-color: var(--color-accent-muted)
}

.js-blob-wrapper .blob-code-inner {
    white-space: pre-wrap
}

.blob-code-inner.blob-code-addition,
.blob-code-inner.blob-code-deletion {
    position: relative;
    padding-left: 22px !important
}

.blob-code-marker::before {
    position: absolute;
    top: 1px;
    left: 8px;
    padding-right: 8px;
    content: attr(data-code-marker)
}

.blob-code-context,
.blob-code-addition,
.blob-code-deletion {
    padding-left: 22px
}

.blob-code-marker-addition::before {
    position: absolute;
    top: 1px;
    left: 8px;
    content: "+ "
}

.blob-code-marker-deletion::before {
    position: absolute;
    top: 1px;
    left: 8px;
    content: "- "
}

.blob-code-marker-context::before {
    position: absolute;
    top: 1px;
    left: 8px;
    content: "  "
}

.blob-code-marker-injected_context::before {
    position: absolute;
    top: 1px;
    left: 8px;
    content: "  "
}

.soft-wrap .diff-table {
    table-layout: fixed
}

.soft-wrap .blob-code {
    padding-left: 18px;
    text-indent: 0
}

.soft-wrap .blob-code-inner {
    white-space: pre-wrap
}

.soft-wrap .no-nl-marker {
    display: none
}

.soft-wrap .add-line-comment {
    margin-top: 0;
    margin-left: -24px
}

.soft-wrap .blob-code-context,
.soft-wrap .blob-code-addition,
.soft-wrap .blob-code-deletion {
    padding-left: 22px;
    text-indent: 0
}

.blob-num-hunk,
.blob-code-hunk,
.blob-num-expandable {
    color: var(--color-fg-muted);
    vertical-align: middle
}

.blob-num-hunk,
.blob-num-expandable {
    background-color: var(--color-diff-blob-hunk-num-bg)
}

.blob-code-hunk {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: var(--color-accent-subtle);
    border-width: 1px 0
}

.blob-expanded .blob-num:not(.blob-num-context-outside-diff),
.blob-expanded .blob-code:not(.blob-code-context) {
    background-color: var(--color-canvas-subtle)
}

.blob-expanded+tr.show-top-border:not(.blob-expanded) .blob-num,
.blob-expanded+tr.show-top-border:not(.blob-expanded) .blob-code {
    border-top: 1px solid var(--color-border-muted)
}

.blob-expanded tr.show-top-border .blob-num-hunk,
.blob-expanded tr.show-top-border .blob-num {
    border-top: 1px solid var(--color-border-muted)
}

tr.show-top-border+.blob-expanded .blob-num,
tr.show-top-border+.blob-expanded .blob-code {
    border-top: 1px solid var(--color-border-muted)
}

.blob-num-expandable {
    width: auto;
    padding: 0;
    font-size: 12px;
    text-align: center
}

.blob-num-expandable .directional-expander {
    display: block;
    width: auto;
    height: auto;
    margin-right: -1px;
    color: var(--color-diff-blob-expander-icon);
    cursor: pointer
}

.blob-num-expandable .single-expander {
    padding-top: 4px;
    padding-bottom: 4px
}

.blob-num-expandable .directional-expander:hover {
    color: var(--color-fg-on-emphasis);
    text-shadow: none;
    background-color: var(--color-accent-emphasis);
    border-color: var(--color-accent-emphasis)
}

.blob-code-addition {
    background-color: var(--color-diff-blob-addition-line-bg);
    outline: 1px dotted transparent
}

.blob-code-addition .x {
    color: var(--color-diff-blob-addition-fg);
    background-color: var(--color-diff-blob-addition-word-bg)
}

.blob-num-addition {
    color: var(--color-diff-blob-addition-num-text);
    background-color: var(--color-diff-blob-addition-num-bg);
    border-color: var(--color-success-emphasis)
}

.blob-num-addition:hover {
    color: var(--color-fg-default)
}

.blob-code-deletion {
    background-color: var(--color-diff-blob-deletion-line-bg);
    outline: 1px dashed transparent
}

.blob-code-deletion .x {
    color: var(--color-diff-blob-deletion-fg);
    background-color: var(--color-diff-blob-deletion-word-bg)
}

.blob-num-deletion {
    color: var(--color-diff-blob-deletion-num-text);
    background-color: var(--color-diff-blob-deletion-num-bg);
    border-color: var(--color-danger-emphasis)
}

.blob-num-deletion:hover {
    color: var(--color-fg-default)
}

.is-selecting {
    cursor: ns-resize !important
}

.is-selecting .blob-num {
    cursor: ns-resize !important
}

.is-selecting .add-line-comment,
.is-selecting a {
    pointer-events: none;
    cursor: ns-resize !important
}

.is-selecting .is-hovered .add-line-comment {
    opacity: 0
}

.is-selecting.file-diff-split {
    cursor: nwse-resize !important
}

.is-selecting.file-diff-split .blob-num {
    cursor: nwse-resize !important
}

.is-selecting.file-diff-split .empty-cell,
.is-selecting.file-diff-split .add-line-comment,
.is-selecting.file-diff-split a {
    pointer-events: none;
    cursor: nwse-resize !important
}

.selected-line {
    position: relative
}

.selected-line::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    content: "";
    background: var(--color-attention-subtle);
    mix-blend-mode: var(--color-diff-blob-selected-line-highlight-mix-blend-mode)
}

.selected-line.selected-line-top::after {
    border-top: 1px solid var(--color-attention-muted)
}

.selected-line.selected-line-bottom::after {
    border-bottom: 1px solid var(--color-attention-muted)
}

.selected-line:first-child::after,
.selected-line.selected-line-left::after {
    border-left: 1px solid var(--color-attention-muted)
}

.selected-line:last-child::after,
.selected-line.selected-line-right::after {
    border-right: 1px solid var(--color-attention-muted)
}

.is-commenting .selected-line.blob-code::before {
    position: absolute;
    top: 0;
    left: -1px;
    display: block;
    width: 4px;
    height: 100%;
    content: "";
    background: var(--color-accent-emphasis)
}

.add-line-comment {
    position: relative;
    z-index: 1;
    float: left;
    width: 22px;
    height: 22px;
    margin: -2px -10px -2px -32px;
    line-height: 21px;
    color: var(--color-fg-on-emphasis);
    text-align: center;
    text-indent: 0;
    cursor: pointer;
    background-color: var(--color-accent-emphasis);
    border-radius: 6px;
    box-shadow: var(--color-shadow-medium);
    opacity: 0;
    transition: transform .1s ease-in-out;
    transform: scale(0.8, 0.8)
}

.add-line-comment:hover {
    transform: scale(1, 1)
}

.is-hovered .add-line-comment,
.add-line-comment:focus {
    opacity: 1
}

.add-line-comment .octicon {
    vertical-align: text-top;
    pointer-events: none
}

.add-line-comment.octicon-check {
    background: #333;
    opacity: 1
}

.inline-comment-form {
    border: 1px solid #dfe2e5;
    border-radius: 6px
}

.timeline-inline-comments {
    width: 100%;
    table-layout: fixed
}

.timeline-inline-comments .inline-comments,
.show-inline-notes .inline-comments {
    display: table-row
}

.inline-comments {
    display: none
}

.inline-comments .line-comments+.blob-num {
    border-left-width: 1px
}

.inline-comments .timeline-comment {
    margin-bottom: 10px
}

.inline-comments .inline-comment-form,
.inline-comments .inline-comment-form-container {
    max-width: 780px
}

.comment-holder {
    max-width: 780px
}

.comment-holder+.comment-holder {
    margin-top: 16px
}

.line-comments+.line-comments,
.empty-cell+.line-comments {
    border-left: 1px solid var(--color-border-muted)
}

.inline-comment-form-container .inline-comment-form-box,
.inline-comment-form-container.open .inline-comment-form-actions {
    display: none
}

.inline-comment-form-container .inline-comment-form-actions,
.inline-comment-form-container.open .inline-comment-form-box {
    display: block
}

body.full-width .container,
body.full-width .container-lg:not(.markdown-body),
body.full-width .container-xl {
    width: 100%;
    max-width: none;
    padding-right: 20px;
    padding-left: 20px
}

body.full-width .repository-content {
    width: 100%
}

body.full-width .new-pr-form {
    max-width: 980px
}

.file-diff-split {
    table-layout: fixed
}

.file-diff-split .blob-code+.blob-num {
    border-left: 1px solid var(--color-border-muted)
}

.file-diff-split .blob-code-inner {
    white-space: pre-wrap
}

.file-diff-split .empty-cell {
    cursor: default;
    background-color: var(--color-neutral-subtle);
    border-right-color: var(--color-border-muted)
}

@media(max-width: 1280px) {
    .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) {
        margin-bottom: 80px !important
    }

    .file-diff-split .tabnav:not(.CommentBox-header) markdown-toolbar {
        position: absolute;
        top: 47px;
        right: 0;
        left: 0;
        height: 64px;
        align-items: center !important
    }
}

@media(min-width: 1280px) {
    .file-diff-split .write-selected .comment-form-head.tabnav:not(.CommentBox-header) .tabnav-tabs {
        align-self: end
    }
}

.submodule-diff-stats .octicon-diff-removed {
    color: var(--color-danger-fg)
}

.submodule-diff-stats .octicon-diff-renamed {
    color: var(--color-fg-muted)
}

.submodule-diff-stats .octicon-diff-modified {
    color: var(--color-attention-fg)
}

.submodule-diff-stats .octicon-diff-added {
    color: var(--color-success-fg)
}

.BlobToolbar {
    left: -17px
}

.BlobToolbar-dropdown {
    margin-left: -2px
}

.pl-token:hover,
.pl-token.active {
    cursor: pointer;
    background: var(--color-attention-muted)
}

.diffstat {
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted);
    white-space: nowrap;
    cursor: default
}

.diffstat-block-deleted,
.diffstat-block-added,
.diffstat-block-neutral {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 1px;
    outline-offset: -1px
}

.diffstat-block-deleted {
    background-color: var(--color-danger-emphasis);
    outline: 1px solid var(--color-border-subtle)
}

.diffstat-block-added {
    background-color: var(--color-diffstat-addition-bg);
    outline: 1px solid var(--color-border-subtle)
}

.diffstat-block-neutral {
    background-color: var(--color-neutral-muted);
    outline: 1px solid var(--color-border-subtle)
}

.discussion-timeline {
    position: relative;
    float: left
}

.discussion-timeline::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 72px;
    z-index: 0;
    display: block;
    width: 2px;
    content: "";
    background-color: var(--color-border-default)
}

.discussion-sidebar-item {
    padding-top: 16px;
    font-size: 12px
}

.discussion-sidebar-item .btn .octicon {
    margin-right: 0
}

.discussion-sidebar-item .muted-icon {
    color: var(--color-fg-muted)
}

.discussion-sidebar-item .muted-icon:hover {
    color: var(--color-accent-fg);
    text-decoration: none;
    cursor: pointer
}

.discussion-sidebar-item+.discussion-sidebar-item {
    margin-top: 16px;
    border-top: 1px solid var(--color-border-muted)
}

.discussion-sidebar-item .select-menu {
    position: relative
}

.discussion-sidebar-item .select-menu-modal-holder {
    top: 25px;
    right: -1px;
    left: auto
}

.discussion-sidebar-heading {
    margin-bottom: 8px;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.discussion-sidebar-toggle {
    padding: 4px 0;
    margin: -4px 0 4px
}

.discussion-sidebar-toggle .octicon {
    float: right;
    color: var(--color-fg-muted)
}

.discussion-sidebar-toggle:hover {
    color: var(--color-accent-fg);
    text-decoration: none;
    cursor: pointer
}

.discussion-sidebar-toggle:hover .octicon {
    color: inherit
}

button.discussion-sidebar-toggle {
    display: block;
    width: 100%;
    font-weight: var(--base-text-weight-semibold, 600);
    text-align: left;
    background: none;
    border: 0
}

.sidebar-progress-bar .progress-bar {
    height: 8px;
    margin-bottom: 2px;
    border-radius: 6px
}

.sidebar-assignee .css-truncate-target {
    max-width: 110px
}

.sidebar-assignee .assignee {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted);
    vertical-align: middle
}

.sidebar-assignee .assignee:hover {
    color: var(--color-accent-fg);
    text-decoration: none
}

.sidebar-assignee .reviewers-status-icon {
    width: 14px
}

.sidebar-assignee .octicon {
    margin-top: 2px
}

.sidebar-notifications {
    position: relative
}

.sidebar-notifications .thread-subscription-status {
    padding: 0;
    margin: 0;
    border: 0
}

.sidebar-notifications .thread-subscription-status .thread-subscribe-form {
    display: block
}

.sidebar-notifications .thread-subscription-status .reason {
    padding: 0;
    margin: 4px 0 0
}

.participation .participant-avatar {
    float: left;
    margin: 4px 0 0 4px
}

.participation a {
    color: var(--color-fg-muted)
}

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

.participation-avatars {
    margin-left: -4px
}

.participation-avatars::before {
    display: table;
    content: ""
}

.participation-avatars::after {
    display: table;
    clear: both;
    content: ""
}

.participation-more {
    float: left;
    margin: 8px 4px 0
}

.inline-comment-form .form-actions,
.timeline-new-comment .form-actions {
    padding: 0 8px 8px
}

.inline-comment-form::before {
    display: table;
    content: ""
}

.inline-comment-form::after {
    display: table;
    clear: both;
    content: ""
}

.inline-comment-form .tabnav-tabs {
    display: inline-block
}

.inline-comment-form .form-actions {
    float: right
}

.gh-header-actions {
    float: right;
    margin-top: 4px
}

.gh-header-actions .btn-sm {
    float: left;
    margin-left: 4px
}

.gh-header-actions .btn-sm .octicon {
    margin-right: 0
}

.gh-header {
    background-color: var(--color-canvas-default)
}

.gh-header .gh-header-sticky {
    height: 1px
}

.gh-header .gh-header-sticky .meta {
    font-size: 12px
}

.gh-header .gh-header-sticky .sticky-content,
.gh-header .gh-header-sticky .gh-header-shadow {
    display: none
}

.gh-header .gh-header-sticky.is-stuck {
    z-index: 110;
    height: 60px
}

.gh-header .gh-header-sticky.is-stuck .sticky-content {
    display: block
}

.gh-header .gh-header-sticky.is-stuck .css-truncate-target {
    max-width: 150px
}

.gh-header .gh-header-sticky.is-stuck+.gh-header-shadow {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 109;
    display: block;
    height: 60px;
    content: "";
    background-color: var(--color-canvas-default);
    border-bottom: 1px solid var(--color-border-default)
}

.gh-header .gh-header-edit {
    display: none
}

.gh-header .gh-header-meta .base-ref {
    display: inline-block
}

.gh-header .gh-header-meta .commit-ref-dropdown {
    display: none
}

.gh-header.open .gh-header-show {
    display: none
}

.gh-header.open .gh-header-edit {
    display: block
}

.gh-header.open .gh-header-meta .base-ref {
    display: none
}

.gh-header.open .gh-header-meta .commit-ref-dropdown {
    display: inline-block;
    margin-top: -4px;
    vertical-align: top
}

.gh-header-title {
    margin-right: 150px;
    margin-bottom: 0;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.125;
    word-wrap: break-word
}

.sh-title {
    margin-right: 150px;
    margin-bottom: 0;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.125;
    word-wrap: break-word
}

.sh-subtitle {
    margin-right: 150px;
    margin-bottom: 0;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.25;
    word-wrap: break-word
}

.sh-imprint {
    margin-bottom: 0;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.125;
    word-wrap: break-word
}

.sh-abstract {
    margin-bottom: 0;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.5;
    word-wrap: break-word
}

.gh-header-no-access .gh-header-title {
    margin-right: 0
}

.gh-header-number {
    font-weight: var(--base-text-weight-light, 300);
    color: var(--color-fg-muted)
}

.gh-header-meta {
    padding-bottom: 8px;
    margin-top: 8px;
    font-size: 14px;
    color: var(--color-fg-muted);
    border-bottom: 1px solid var(--color-border-default)
}

.gh-header.issue .gh-header-meta {
    margin-bottom: 16px
}

.gh-header.pull .gh-header-meta {
    padding-bottom: 0;
    border-bottom: 0
}

.gh-header-meta .commit-ref .css-truncate-target,
.gh-header-meta .commit-ref:hover .css-truncate-target {
    max-width: 80vw
}

.gh-header-meta .State {
    margin-right: 8px
}

.gh-header-meta .avatar {
    float: left;
    margin-top: -4px;
    margin-right: 4px
}

.timeline-comment-wrapper {
    position: relative;
    padding-left: 56px;
    margin-top: 16px;
    margin-bottom: 16px
}

.timeline-comment-avatar {
    float: left;
    margin-left: -56px;
    border-radius: 6px
}

.timeline-comment-avatar .avatar {
    width: 40px;
    height: 40px
}

.timeline-comment-avatar .avatar-child {
    width: 20px;
    height: 20px
}

.timeline-comment {
    position: relative;
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 6px;
    overflow: hidden;
}

.timeline-comment.will-transition-once {
    transition: border-color .65s ease-in-out
}

.timeline-comment.will-transition-once .timeline-comment-header {
    transition: background-color .65s ease, border-bottom-color .65s ease-in-out
}

.timeline-comment.will-transition-once::before,
.timeline-comment.will-transition-once::after {
    transition: border-right-color .65s ease-in-out
}

.timeline-comment.current-user {
    border-color: var(--color-accent-muted)
}

.timeline-comment.current-user .timeline-comment-header {
    background-color: var(--color-accent-subtle);
    border-bottom-color: var(--color-accent-muted)
}

.timeline-comment.current-user .Label {
    border-color: var(--color-accent-muted)
}

.timeline-comment.current-user .previewable-comment-form .comment-form-head.tabnav {
    color: var(--color-accent-muted);
    background-color: var(--color-accent-subtle);
    border-bottom-color: var(--color-accent-muted)
}

.timeline-comment.unread-item,
.timeline-comment.is-internal {
    border-color: var(--color-attention-muted)
}

.timeline-comment.unread-item .timeline-comment-header,
.timeline-comment.is-internal .timeline-comment-header {
    background-color: var(--color-attention-subtle);
    border-bottom-color: var(--color-attention-muted)
}

.timeline-comment.unread-item .Label,
.timeline-comment.is-internal .Label {
    border-color: var(--color-attention-muted)
}

.timeline-comment.unread-item .previewable-comment-form .comment-form-head.tabnav,
.timeline-comment.is-internal .previewable-comment-form .comment-form-head.tabnav {
    color: var(--color-attention-muted);
    background-color: var(--color-attention-subtle);
    border-bottom-color: var(--color-attention-muted)
}

.timeline-comment:empty {
    display: none
}

.timeline-comment .comment+.comment {
    border-top: 1px solid var(--color-border-default)
}

.timeline-comment .comment+.comment::before,
.timeline-comment .comment+.comment::after {
    display: none
}

.timeline-comment .comment+.comment .timeline-comment-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.timeline-comment--caret::after,
.timeline-comment--caret::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.timeline-comment--caret::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-subtle), var(--color-canvas-subtle))
}

.timeline-comment--caret::before {
    background-color: var(--color-border-default)
}

.is-pending .timeline-comment--caret::after,
.is-pending .timeline-comment--caret::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.is-pending .timeline-comment--caret::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle))
}

.is-pending .timeline-comment--caret::before {
    background-color: var(--color-attention-emphasis)
}

.timeline-comment--caret.current-user::after,
.timeline-comment--caret.current-user::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.timeline-comment--caret.current-user::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle))
}

.timeline-comment--caret.current-user::before {
    background-color: var(--color-accent-muted)
}

.timeline-comment--caret.unread-item::after,
.timeline-comment--caret.unread-item::before,
.timeline-comment--caret.is-internal::after,
.timeline-comment--caret.is-internal::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.timeline-comment--caret.unread-item::after,
.timeline-comment--caret.is-internal::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle))
}

.timeline-comment--caret.unread-item::before,
.timeline-comment--caret.is-internal::before {
    background-color: var(--color-attention-muted)
}

.timeline-comment--caret.timeline-comment--caret-nw::before,
.timeline-comment--caret.timeline-comment--caret-nw::after {
    transform: rotate(90deg)
}

.timeline-comment--caret.timeline-comment--caret-nw::before {
    top: -12px;
    left: 12px
}

.timeline-comment--caret.timeline-comment--caret-nw::after {
    top: -10px;
    left: 11px
}

.page-responsive .timeline-comment--caret::before,
.page-responsive .timeline-comment--caret::after {
    display: none
}

@media(min-width: 768px) {

    .page-responsive .timeline-comment--caret::before,
    .page-responsive .timeline-comment--caret::after {
        display: block
    }
}

:target .timeline-comment--caret::before {
    background-color: var(--color-accent-fg)
}

:target .timeline-comment--caret::after {
    margin-left: 2px !important
}

:target .timeline-comment {
    border-color: var(--color-accent-fg);
    outline: none !important;
    box-shadow: 0 0 0 1px var(--color-accent-fg) !important
}

.review-comment:target {
    border-radius: 6px;
    outline: none !important;
    box-shadow: 0 0 0 1px var(--color-accent-fg) !important
}

.timeline-comment-header {
    display: flex;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px;
    color: var(--color-fg-muted);
    flex-direction: row-reverse;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-default);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.timeline-comment-header:only-child {
    border-bottom: 0;
    border-radius: 6px
}

.timeline-comment-header .author {
    color: var(--color-fg-muted)
}

.timeline-comment-header code {
    word-break: break-all
}

.timeline-comment-header-text {
    min-width: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 1px;
    flex: 1 1 auto
}

.timeline-comment-header-text code a {
    color: var(--color-fg-muted)
}

.timeline-comment-actions {
    float: right;
    margin-left: 8px
}

.timeline-comment-actions .show-more-popover.dropdown-menu-sw {
    right: -6px;
    margin-top: -4px
}

.timeline-comment-action {
    display: inline-block;
    padding: 8px 4px;
    color: var(--color-fg-muted)
}

.timeline-comment-action:hover,
.timeline-comment-action:focus {
    color: var(--color-accent-fg);
    text-decoration: none;
    opacity: 1
}

.timeline-comment-action .octicon-check {
    height: 16px
}

.timeline-comment-action.disabled {
    color: var(--color-fg-muted);
    cursor: default
}

.timeline-comment-action.disabled:hover {
    color: var(--color-fg-muted)
}

.timeline-new-comment {
    margin-bottom: 0
}

.timeline-new-comment .comment-form-head {
    margin-bottom: 8px
}

.timeline-new-comment .previewable-comment-form .comment-body {
    padding-top: 0
}

.comment-form-head .toolbar-commenting {
    float: right
}

.discussion-item-icon {
    float: left;
    width: 32px;
    height: 32px;
    margin-top: -4px;
    margin-left: -39px;
    line-height: 28px;
    color: var(--color-fg-muted);
    text-align: center;
    background-color: var(--color-timeline-badge-bg);
    border: 2px solid var(--color-canvas-default);
    border-radius: 50%
}

.discussion-item-header {
    color: var(--color-fg-muted);
    word-wrap: break-word
}

.discussion-item-header .discussion-item-private {
    vertical-align: -1px
}

.discussion-item-header:last-child {
    padding-bottom: 0
}

.discussion-item-header .commit-ref {
    font-size: 85%;
    vertical-align: baseline
}

.discussion-item-header .btn-outline {
    float: right;
    padding: 4px 8px;
    margin-top: -4px;
    margin-left: 8px
}

.discussion-item-private {
    color: var(--color-fg-muted)
}

.previewable-comment-form .comment-form-head.tabnav {
    padding: 8px 8px 0;
    background: var(--color-canvas-subtle);
    border-radius: 6px 6px 0 0
}

.page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
    background: var(--color-canvas-default)
}

@media(min-width: 1012px) {
    .page-responsive .previewable-comment-form .comment-form-head.tabnav .toolbar-commenting {
        background: transparent
    }
}

@media(min-width: 768px) {
    .page-responsive .previewable-comment-form .comment-form-head.tabnav {
        background: var(--color-canvas-subtle)
    }
}

.previewable-comment-form .comment-body {
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    background-color: transparent;
    border-bottom: 1px solid var(--color-border-default)
}

.previewable-comment-form .timeline-comment .timeline-comment-actions {
    display: none
}

.new-discussion-timeline .composer .timeline-comment {
    margin-bottom: 8px
}

.new-discussion-timeline .composer .comment-form-head.tabnav {
    padding-top: 0;
    background-color: var(--color-canvas-default)
}

.composer.composer-responsive {
    padding-left: 0
}

.composer.composer-responsive .discussion-topic-header {
    padding: 0
}

.composer.composer-responsive .timeline-comment {
    border: 0
}

.composer.composer-responsive .timeline-comment::before,
.composer.composer-responsive .timeline-comment::after {
    display: none
}

.composer.composer-responsive .previewable-comment-form .write-content {
    margin: 0
}

@media(min-width: 768px) {
    .composer.composer-responsive {
        padding-left: 56px
    }

    .composer.composer-responsive .timeline-comment {
        border: 1px solid var(--color-border-default)
    }

    .composer.composer-responsive .timeline-comment::after,
    .composer.composer-responsive .timeline-comment::before {
        position: absolute;
        top: 11px;
        right: 100%;
        left: -8px;
        display: block;
        width: 8px;
        height: 16px;
        pointer-events: none;
        content: " ";
        clip-path: polygon(0 50%, 100% 0, 100% 100%)
    }

    .composer.composer-responsive .timeline-comment::after {
        margin-left: 2px;
        background-color: var(--bgColor-default, var(--color-canvas-default));
        background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
    }

    .composer.composer-responsive .timeline-comment::before {
        background-color: var(--color-border-default)
    }
}

.discussion-timeline-actions {
    background-color: var(--color-canvas-default);
    border-top: 2px solid var(--color-border-default)
}

.discussion-timeline-actions .merge-pr {
    padding-top: 0;
    border-top: 0
}

.discussion-timeline-actions .thread-subscription-status {
    margin-top: 16px
}

.pagination-loader-container {
    background-color: var(--color-canvas-default);
    background-image: url("/images/modules/pulls/progressive-disclosure-line.svg");
    background-repeat: repeat-x;
    background-position: center;
    background-size: 16px
}

[data-color-mode=light][data-light-theme*=dark] .pagination-loader-container,
[data-color-mode=dark][data-dark-theme*=dark] .pagination-loader-container {
    background-image: url("/images/modules/pulls/progressive-disclosure-line-dark.svg")
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] .pagination-loader-container {
        background-image: url("/images/modules/pulls/progressive-disclosure-line-dark.svg")
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] .pagination-loader-container {
        background-image: url("/images/modules/pulls/progressive-disclosure-line-dark.svg")
    }
}

:target .timeline-comment-group .timeline-comment .timeline-comment-group .timeline-comment {
    box-shadow: none !important
}

.is-pending .form-actions {
    margin-right: 8px;
    margin-bottom: 4px
}

.is-pending .file,
.is-pending .file-header,
.is-pending .tabnav-tab.selected,
.is-pending .comment-form-head.tabnav {
    border-color: var(--color-attention-emphasis)
}

.is-pending .file-header,
.is-pending .comment-form-head.tabnav {
    background-color: var(--color-attention-subtle)
}

.discussion-item-icon-gray {
    background-color: var(--color-timeline-badge-bg) !important
}

.footer-octicon {
    color: var(--color-fg-subtle)
}

.footer-octicon:hover {
    color: var(--color-fg-muted)
}

.user-mention,
.team-mention {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default);
    white-space: nowrap
}

.Popover .user-mention,
.Popover .team-mention {
    white-space: normal
}

@media(max-width: 543px) {
    .notifications-component-menu-modal {
        margin: calc(10vh - 16px) 0
    }
}

@media(min-width: 544px) {

    .notifications-component-menu-modal,
    .notifications-component-dialog,
    .notifications-component-dialog-modal {
        width: 100%
    }
}

@media(min-width: 768px) {

    .notifications-component-menu-modal,
    .notifications-component-dialog,
    .notifications-component-dialog-modal {
        min-width: 300px
    }
}

.notifications-component-dialog:not([hidden])+.notifications-component-dialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    display: block;
    cursor: default;
    content: " ";
    background: transparent;
    background: var(--color-primer-canvas-backdrop)
}

@media(min-width: 544px) {
    .notifications-component-dialog:not([hidden])+.notifications-component-dialog-overlay {
        display: none
    }
}

.notifications-component-dialog {
    z-index: 99;
    animation: none
}

@keyframes notifications-component-dialog-animation--sm {
    0% {
        opacity: 0;
        transform: translateX(16px)
    }
}

@media(min-width: 544px) {
    .notifications-component-dialog {
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-height: none;
        padding-top: 0;
        margin: 0;
        transform: none
    }
}

.notifications-component-dialog .notifications-component-dialog-modal {
    animation: none
}

.pagehead {
    position: relative;
    padding-top: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default))
}

.pagehead.admin {
    background: url("/images/modules/pagehead/background-yellowhatch-v3.png") 0 0 repeat-x
}

.pagehead ul.pagehead-actions {
    position: relative;
    z-index: 31;
    float: right;
    margin: 0
}

.pagehead .path-divider {
    margin: 0 .25em
}

.pagehead h1 {
    min-height: 32px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: var(--base-text-weight-normal, 400)
}

.pagehead h1 .avatar {
    margin-top: -2px;
    margin-right: 8px;
    margin-bottom: -2px
}

.pagehead .underline-nav {
    height: 69px;
    margin-top: -16px;
    margin-bottom: -16px
}

.pagehead-heading {
    color: inherit
}

.pagehead-actions>li {
    float: left;
    margin: 0 8px 0 0;
    font-size: 12px;
    color: var(--color-fg-default);
    list-style-type: none
}

.pagehead-actions>li:last-child {
    margin-right: 0
}

.pagehead-actions .octicon-mute {
    color: var(--color-danger-fg)
}

.pagehead-actions .select-menu {
    position: relative
}

.pagehead-actions .select-menu::before {
    display: table;
    content: ""
}

.pagehead-actions .select-menu::after {
    display: table;
    clear: both;
    content: ""
}

.pagehead-actions .select-menu-modal-holder {
    top: 100%
}

.pagehead-tabs-item {
    float: left;
    padding: 8px 16px 12px;
    color: var(--color-fg-muted);
    white-space: nowrap;
    border: solid transparent;
    border-width: 3px 1px 1px;
    border-radius: 6px 6px 0 0
}

.pagehead-tabs-item .octicon {
    color: var(--color-fg-muted)
}

.pagehead-tabs-item:hover {
    color: var(--color-fg-default);
    text-decoration: none
}

.pagehead-tabs-item.selected {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default);
    border-color: var(--color-severe-emphasis) var(--color-border-default) transparent
}

.pagehead-tabs-item.selected>.octicon {
    color: inherit
}

.reponav {
    position: relative;
    top: 1px;
    margin-top: -4px
}

.reponav::before {
    display: table;
    content: ""
}

.reponav::after {
    display: table;
    clear: both;
    content: ""
}

.reponav-item {
    float: left;
    padding: 8px 16px 8px;
    color: var(--color-fg-muted);
    white-space: nowrap;
    border: solid transparent;
    border-width: 3px 1px 1px;
    border-radius: 6px 6px 0 0
}

.reponav-item .octicon {
    color: var(--color-fg-muted)
}

.reponav-item:hover,
.reponav-item:focus {
    color: var(--color-fg-default);
    text-decoration: none
}

.reponav-item.selected {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default);
    border-color: var(--color-severe-emphasis) var(--color-border-default) transparent
}

.reponav-item.selected .octicon {
    color: inherit
}

.reponav-wrapper {
    position: relative;
    z-index: 2;
    overflow-y: hidden;
    background-color: var(--color-neutral-emphasis)
}

.reponav-wrapper .reponav {
    top: 0;
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    color: rgba(255, 255, 255, .75)
}

.reponav-wrapper .reponav-item {
    display: inline-block;
    float: none;
    padding: 4px 8px 16px;
    color: var(--color-fg-muted);
    border: 0
}

.reponav-wrapper .reponav-item.selected {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default);
    background-color: transparent;
    border: 0
}

@media(max-width: 768px) {
    .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) {
        background-color: transparent
    }

    .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label {
        font-weight: var(--base-text-weight-normal, 400)
    }

    .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item--navActive::after {
        display: none
    }

    .PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover {
        background-color: var(--color-action-list-item-default-hover-bg)
    }
}

.steps {
    display: table;
    width: 100%;
    padding: 0;
    margin: 32px auto 0;
    overflow: hidden;
    list-style: none;
    border: 1px solid #dfe2e5;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(27, 31, 35, .05)
}

.steps li {
    display: table-cell;
    width: 33.3%;
    padding: 8px 16px;
    color: #c6cbd1;
    cursor: default;
    background-color: var(--color-canvas-subtle);
    border-left: 1px solid #dfe2e5
}

.steps li.current {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default)
}

.steps li.current .octicon {
    color: var(--color-accent-fg)
}

.steps li .octicon {
    float: left;
    margin-right: 16px;
    margin-bottom: 4px
}

.steps li .step {
    display: block
}

.steps li:first-child {
    border-left: 0
}

.steps .complete {
    color: var(--color-fg-muted)
}

.steps .complete .octicon {
    color: var(--color-success-fg)
}

.prose-diff .anchor {
    display: none
}

.prose-diff .show-rich-diff {
    color: var(--color-accent-fg);
    text-decoration: none;
    cursor: pointer
}

.prose-diff .show-rich-diff:hover {
    text-decoration: underline
}

.prose-diff.collapsed .rich-diff-level-zero.expandable {
    cursor: pointer
}

.prose-diff.collapsed .rich-diff-level-zero.expandable .vicinity {
    display: block
}

.prose-diff.collapsed .rich-diff-level-zero.expandable .unchanged:not(.vicinity) {
    display: none
}

.prose-diff.collapsed .rich-diff-level-zero.expandable .octicon {
    display: block;
    margin: 16px auto;
    color: var(--color-fg-muted)
}

.prose-diff.collapsed .rich-diff-level-zero.expandable:hover .octicon {
    color: var(--color-fg-muted)
}

.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child::before {
    font-size: 16px;
    color: var(--color-fg-muted);
    content: "Sorry, no visible changes to display."
}

.prose-diff.collapsed .rich-diff-level-zero.expandable:only-child:hover::before {
    color: var(--color-fg-default)
}

.prose-diff.collapsed .rich-diff-level-zero.expandable>.removed,
.prose-diff.collapsed .rich-diff-level-zero.expandable>del {
    display: none;
    text-decoration: none
}

.prose-diff .markdown-body {
    padding: 32px;
    padding-left: 16px
}

.prose-diff .markdown-body>ins {
    box-shadow: inset 4px 0 0 var(--color-success-muted)
}

.prose-diff .markdown-body>del {
    text-decoration: none;
    box-shadow: inset 4px 0 0 var(--color-danger-muted)
}

.prose-diff .markdown-body>ins,
.prose-diff .markdown-body>del {
    display: block;
    border-radius: 0
}

.prose-diff .markdown-body>ins>.rich-diff-level-zero,
.prose-diff .markdown-body>ins>.rich-diff-level-one,
.prose-diff .markdown-body>del>.rich-diff-level-zero,
.prose-diff .markdown-body>del>.rich-diff-level-one {
    margin-left: 16px
}

.prose-diff .markdown-body>ins:first-child *,
.prose-diff .markdown-body>del:first-child * {
    margin-top: 0
}

.prose-diff .rich-diff-level-zero.added {
    box-shadow: inset 4px 0 0 var(--color-success-muted)
}

.prose-diff .rich-diff-level-zero.removed {
    box-shadow: inset 4px 0 0 var(--color-danger-muted)
}

.prose-diff .rich-diff-level-zero.changed {
    box-shadow: inset 4px 0 0 var(--color-attention-muted)
}

.prose-diff .rich-diff-level-zero.unchanged,
.prose-diff .rich-diff-level-zero.vicinity {
    margin-left: 16px
}

.prose-diff .rich-diff-level-zero.added,
.prose-diff .rich-diff-level-zero.removed,
.prose-diff .rich-diff-level-zero.changed {
    display: block;
    border-radius: 0
}

.prose-diff .rich-diff-level-zero.added>.rich-diff-level-one,
.prose-diff .rich-diff-level-zero.removed>.rich-diff-level-one,
.prose-diff .rich-diff-level-zero.changed>.rich-diff-level-one {
    margin-left: 16px
}

.prose-diff .rich-diff-level-zero.added:first-child *,
.prose-diff .rich-diff-level-zero.removed:first-child *,
.prose-diff .rich-diff-level-zero.changed:first-child * {
    margin-top: 0
}

.prose-diff :not(.changed)>:not(.github-user-ins):not(.github-user-del)>.removed,
.prose-diff :not(.changed)>:not(.github-user-ins):not(.github-user-del)>del {
    text-decoration: none
}

.prose-diff .changed del,
.prose-diff .changed del pre,
.prose-diff .changed del code,
.prose-diff .changed del>div,
.prose-diff .changed .removed,
.prose-diff .changed .removed pre,
.prose-diff .changed .removed code,
.prose-diff .changed .removed>div {
    color: var(--color-fg-default);
    text-decoration: line-through;
    background: var(--color-danger-subtle)
}

.prose-diff .changed ins,
.prose-diff .changed ins code,
.prose-diff .changed ins pre,
.prose-diff .changed .added {
    color: var(--color-fg-default);
    background: var(--color-success-subtle);
    border-bottom: 1px solid var(--color-success-muted)
}

.prose-diff>.markdown-body .github-user-ins {
    text-decoration: underline
}

.prose-diff>.markdown-body .github-user-del {
    text-decoration: line-through
}

.prose-diff>.markdown-body li ul.added {
    background: var(--color-success-subtle)
}

.prose-diff>.markdown-body li ul.removed {
    color: var(--color-fg-default);
    background: var(--color-danger-subtle)
}

.prose-diff>.markdown-body li ul.removed:not(.github-user-ins) {
    text-decoration: line-through
}

.prose-diff>.markdown-body li.added.moved-up .octicon,
.prose-diff>.markdown-body li.added.moved-down .octicon {
    margin-right: 4px;
    margin-left: 4px;
    color: var(--color-fg-muted)
}

.prose-diff>.markdown-body li.added.moved {
    background: var(--color-attention-subtle)
}

.prose-diff>.markdown-body li.removed.moved {
    display: none
}

.prose-diff>.markdown-body pre {
    padding: 8px 16px
}

.prose-diff>.markdown-body th.changed,
.prose-diff>.markdown-body td.changed {
    background: var(--color-attention-subtle);
    border-left-color: var(--color-border-default)
}

.prose-diff>.markdown-body :not(li.moved).removed {
    color: var(--color-fg-default);
    text-decoration: line-through;
    background: var(--color-danger-subtle)
}

.prose-diff>.markdown-body :not(.github-user-ins):not(li.moved).removed {
    text-decoration: line-through
}

.prose-diff>.markdown-body :not(li.moved).added,
.prose-diff>.markdown-body li:not(.moved).added {
    background: var(--color-success-subtle)
}

.prose-diff>.markdown-body :not(.github-user-del):not(li.moved).added li:not(.moved):not(.github-user-del).added {
    text-decoration: none
}

.prose-diff>.markdown-body li:not(.moved).removed {
    color: var(--color-fg-default);
    background: var(--color-danger-subtle)
}

.prose-diff>.markdown-body li:not(.moved):not(.github-user-ins).removed {
    text-decoration: line-through
}

.prose-diff>.markdown-body .added,
.prose-diff>.markdown-body ins+.added,
.prose-diff>.markdown-body ins {
    border-top: 0;
    border-bottom: 0
}

.prose-diff>.markdown-body .added:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins+.added:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins:not(.github-user-del):not(.github-user-ins) {
    text-decoration: none
}

.prose-diff>.markdown-body img.added,
.prose-diff>.markdown-body img.removed {
    border-style: solid;
    border-width: 1px
}

.prose-diff>.markdown-body ins pre:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins code:not(.github-user-del):not(.github-user-ins),
.prose-diff>.markdown-body ins>div:not(.github-user-del):not(.github-user-ins) {
    text-decoration: none
}

.prose-diff>.markdown-body ul>ins,
.prose-diff>.markdown-body ul>del {
    display: block;
    padding: 0
}

.prose-diff>.markdown-body .added>li,
.prose-diff>.markdown-body .removed>li {
    margin-top: 0;
    margin-bottom: 0
}

span.changed_tag,
em.changed_tag,
strong.changed_tag,
b.changed_tag,
i.changed_tag,
code.changed_tag {
    border-bottom: 1px dotted var(--color-border-default);
    border-radius: 0
}

a.added_href,
a.changed_href,
span.removed_href {
    border-bottom: 1px dotted var(--color-border-default);
    border-radius: 0
}

.diff-view .file-type-prose .rich-diff {
    display: none
}

.diff-view .display-rich-diff .rich-diff {
    display: block
}

.diff-view .display-rich-diff .file-diff {
    display: none
}

.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.added,
.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.removed,
.prose-diff.no-level-zero-box-shadow .rich-diff-level-zero.changed {
    box-shadow: none
}

.protip {
    margin-top: 16px;
    color: var(--color-fg-muted);
    text-align: center
}

.protip strong {
    color: var(--color-fg-default)
}

.protip code {
    padding: 2px;
    background-color: var(--color-canvas-subtle);
    border-radius: 6px
}

.add-reactions-options-item {
    margin-top: -1px;
    margin-right: -1px;
    line-height: 29px;
    border: 1px solid transparent
}

.add-reactions-options-item .emoji {
    display: inline-block;
    transition: transform .15s cubic-bezier(0.2, 0, 0.13, 2)
}

.add-reactions-options-item:hover .emoji,
.add-reactions-options-item:focus .emoji {
    text-decoration: none !important;
    transform: scale(1.2) !important
}

.add-reactions-options-item:active {
    background-color: var(--color-accent-subtle)
}

.page-responsive .add-reactions-options-item {
    height: 20vw
}

@media(min-width: 544px) {
    .page-responsive .add-reactions-options-item {
        height: auto
    }
}

.comment-reactions {
    display: none
}

.comment-reactions::before {
    display: table;
    content: ""
}

.comment-reactions::after {
    display: table;
    clear: both;
    content: ""
}

.page-responsive .comment-reactions {
    display: none
}

@media(min-width: 768px) {
    .page-responsive .comment-reactions {
        display: none
    }

    .page-responsive .comment-reactions.has-reactions {
        display: flex
    }
}

.comment-reactions.has-reactions {
    display: flex
}

.comment-reactions.has-reactions:not(.social-reactions) {
    border-top: 1px solid var(--color-border-default)
}

.comment-reactions .user-has-reacted {
    background-color: var(--color-accent-subtle)
}

.reactions-container .user-has-reacted {
    background-color: var(--color-accent-subtle)
}

[data-color-mode=light][data-light-theme*=dark],
[data-color-mode=dark][data-dark-theme*=dark] {
    --color-social-reaction-bg-hover: var(--color-scale-gray-7);
    --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8)
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] {
        --color-social-reaction-bg-hover: var(--color-scale-gray-7);
        --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8)
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] {
        --color-social-reaction-bg-hover: var(--color-scale-gray-7);
        --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8)
    }
}

:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][data-dark-theme*=light] {
    --color-social-reaction-bg-hover: var(--color-scale-gray-1);
    --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1)
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=light] {
        --color-social-reaction-bg-hover: var(--color-scale-gray-1);
        --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1)
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=light] {
        --color-social-reaction-bg-hover: var(--color-scale-gray-1);
        --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1)
    }
}

.social-reaction-summary-item+.social-reaction-summary-item {
    margin-left: 8px
}

.social-reactions .comment-body {
    margin-left: 16px !important
}

.social-button-emoji {
    display: inline-block;
    width: 16px;
    height: 16px;
    font-size: 1em !important;
    line-height: 1.25;
    vertical-align: -1px
}

.social-reaction-summary-item {
    height: 26px;
    padding: 0 4px;
    margin-right: 0;
    font-size: 12px;
    line-height: 26px;
    background-color: transparent;
    border: 1px solid var(--color-border-default, #d2dff0);
    border-radius: 100px
}

.social-reaction-summary-item:focus,
.social-reaction-summary-item:focus-visible {
    border-radius: 100px !important
}

.social-reaction-summary-item:focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg))
}

.social-reaction-summary-item:focus:not(:focus-visible) {
    border-color: transparent;
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px transparent
}

.social-reaction-summary-item:focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg))
}

.social-reaction-summary-item.user-has-reacted {
    background-color: var(--color-accent-subtle);
    border: 1px solid var(--color-accent-emphasis) !important
}

.social-reaction-summary-item.user-has-reacted:hover {
    background-color: var(--color-social-reaction-bg-reacted-hover) !important
}

.social-reaction-summary-item>span {
    height: 24px;
    padding: 0 4px;
    margin-left: 2px
}

.social-reaction-summary-item:hover {
    background-color: var(--color-social-reaction-bg-hover)
}

.reaction-dropdown-button {
    color: var(--color-fg-muted)
}

.reaction-dropdown-button:hover {
    color: var(--color-accent-fg)
}

.reaction-dropdown-button--inline {
    width: 26px;
    height: 26px
}

.reaction-dropdown-button--inline:hover {
    background-color: var(--color-btn-hover-bg) !important;
    border-color: var(--color-btn-hover-border) !important
}

.reaction-dropdown-button:disabled {
    color: var(--color-primer-fg-disabled) !important;
    pointer-events: none
}

.reactions-with-gap .comment .comment-reactions {
    margin-left: 16px;
    border-top: 0 !important
}

.new-reactions-dropdown .dropdown-menu-reactions {
    width: auto;
    padding: 0 2px
}

.new-reactions-dropdown .dropdown-menu-reactions::before,
.new-reactions-dropdown .dropdown-menu-reactions::after {
    background-color: transparent;
    border: 0
}

.new-reactions-dropdown .dropdown-item-reaction {
    width: 32px;
    height: 32px;
    padding: 4px;
    margin: 4px 2px
}

.new-reactions-dropdown .dropdown-item-reaction.user-has-reacted {
    background-color: var(--color-accent-subtle)
}

.new-reactions-dropdown .dropdown-item-reaction:hover {
    background-color: var(--color-btn-hover-bg)
}

.RecentBranches {
    background-color: var(--color-attention-subtle);
    border: 1px solid var(--color-attention-emphasis);
    border-radius: 6px
}

.RecentBranches-item {
    line-height: 28px;
    color: var(--color-fg-default)
}

.RecentBranches-item+.RecentBranches-item {
    border-top: 1px solid var(--color-attention-emphasis)
}

.RecentBranches-item-link {
    color: var(--color-fg-default)
}

.RecentBranches-item-link.css-truncate-target {
    max-width: 400px
}

.render-container {
    padding: 32px;
    line-height: 0;
    text-align: center;
    background: var(--color-canvas-subtle);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.render-container .render-viewer {
    display: block;
    width: 1px;
    height: 1px;
    border: 0
}

.render-container .octospinner {
    display: none
}

.render-container .render-viewer-error,
.render-container .render-viewer-fatal,
.render-container .render-viewer-invalid,
.render-container .render-fullscreen {
    display: none
}

.render-container.is-render-automatic .octospinner {
    display: inline-block
}

.render-container.is-render-requested .octospinner {
    display: inline-block
}

.render-container.is-render-requested.is-render-failed .render-viewer-error {
    display: inline-block
}

.render-container.is-render-requested.is-render-failed .render-viewer,
.render-container.is-render-requested.is-render-failed .render-viewer-fatal,
.render-container.is-render-requested.is-render-failed .render-viewer-invalid,
.render-container.is-render-requested.is-render-failed .octospinner {
    display: none
}

.render-container.is-render-requested.is-render-failed-fatal .render-viewer-fatal {
    display: inline-block
}

.render-container.is-render-requested.is-render-failed-fatal .render-viewer,
.render-container.is-render-requested.is-render-failed-fatal .render-viewer-error,
.render-container.is-render-requested.is-render-failed-fatal .render-viewer-invalid,
.render-container.is-render-requested.is-render-failed-fatal .octospinner {
    display: none
}

.render-container.is-render-requested.is-render-failed-invalid .render-viewer-invalid {
    display: inline-block
}

.render-container.is-render-requested.is-render-failed-invalid .render-viewer,
.render-container.is-render-requested.is-render-failed-invalid .render-viewer-error,
.render-container.is-render-requested.is-render-failed-invalid .render-viewer-fatal,
.render-container.is-render-requested.is-render-failed-invalid .octospinner {
    display: none
}

.render-container.is-render-ready.is-render-requested:not(.is-render-failed) {
    height: 500px;
    padding: 0;
    background: none
}

.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer {
    width: 100%;
    height: 100%
}

.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-fullscreen {
    display: flex
}

.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-error,
.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .render-viewer-fatal,
.render-container.is-render-ready.is-render-requested:not(.is-render-failed) .octospinner {
    display: none
}

.render-needs-enrichment {
    margin-bottom: 16px
}

.render-needs-enrichment .render-full-screen {
    width: 100%;
    height: auto;
    padding: 16px;
    overflow: auto
}

.render-needs-enrichment .render-full-screen-close {
    top: 0;
    right: 0;
    padding: 4px
}

.render-needs-enrichment .details {
    margin-bottom: 0
}

.render-needs-enrichment .render-plaintext-hidden {
    display: none
}

.render-notice {
    padding: 16px 16px;
    font-size: 14px;
    color: var(--color-fg-default);
    background-color: var(--color-canvas-subtle);
    border-color: var(--color-border-subtle)
}

relative-time {
    white-space: nowrap
}

.js-inline-math>mjx-container {
    overflow-x: auto;
    overflow-y: hidden
}

math-renderer mjx-labels {
    right: 0;
    left: auto
}

.Skeleton {
    color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.1));
    background-size: 400% 100%;
    animation: skeleton-loading 8s ease-in-out infinite
}

.Skeleton * {
    visibility: hidden
}

.Skeleton--text {
    clip-path: inset(4px 0 4px 0 round 3px 3px 3px 3px)
}

.is-error .Skeleton {
    display: none
}

@keyframes skeleton-loading {
    0% {
        background-position: 200% 0
    }

    100% {
        background-position: -200% 0
    }
}

.authors-2 .AvatarStack {
    min-width: 36px !important
}

.authors-3 .AvatarStack {
    min-width: 46px !important
}

[aria-selected=true] .AvatarStack-body,
.navigation-focus .AvatarStack-body {
    background: #f6fbff
}

.tracked-in-parent-pill {
    position: relative;
    cursor: default
}

.tracked-in-parent-pill-truncated {
    position: absolute;
    left: 100%;
    display: none;
    white-space: nowrap;
    background: var(--color-canvas-default);
    border-left-width: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.tracked-in-parent-pill:hover .tracked-in-parent-pill-truncated {
    display: block
}

.wizard-content.horizontal {
    flex-direction: column
}

.wizard-content.horizontal .wizard-horizontal-steps {
    width: 30%
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge {
    margin: 0;
    color: var(--color-fg-subtle);
    background-color: var(--color-canvas-inset);
    border-color: var(--color-fg-subtle)
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.current {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis);
    border-color: var(--color-accent-emphasis)
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar {
    border-color: var(--color-fg-subtle)
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-bar.complete {
    border-color: var(--color-accent-emphasis)
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge.complete {
    display: none
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check {
    display: none !important
}

.wizard-content.horizontal .wizard-horizontal-steps .wizard-step-badge-check.complete {
    display: inherit !important;
    width: 32px !important;
    height: 32px !important
}

.wizard-content.horizontal .wizard-step[data-single-page-wizard-last-step=true] .wizard-step-buttons {
    align-items: center;
    justify-content: center
}

.wizard-content.horizontal .wizard-step-item {
    margin-left: 0 !important;
    flex-direction: column !important
}

.wizard-content.horizontal .wizard-step-item::before,
.wizard-content.horizontal .wizard-step-item .wizard-step-badge,
.wizard-content.horizontal .wizard-step-item .wizard-step-icon,
.wizard-content.horizontal .wizard-step-item .wizard-step-header {
    display: none !important
}

.wizard-content.horizontal .wizard-step-item .wizard-step-container::before,
.wizard-content.horizontal .wizard-step-item .wizard-step-container::after {
    display: none !important
}

.wizard-step-item {
    position: relative;
    padding: 8px 0;
    margin-left: 16px;
    flex-direction: row
}

.wizard-step-item::before {
    position: absolute;
    top: 32px;
    bottom: 0;
    left: 0;
    display: block;
    width: 2px;
    height: 100%;
    content: "";
    background-color: var(--color-border-default)
}

.wizard-step-badge {
    position: relative;
    z-index: 1;
    display: flex;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    margin-left: -16px;
    color: var(--color-fg-default);
    align-items: center;
    background-color: var(--color-border-default);
    border: 1px solid var(--color-canvas-default);
    border-radius: 50%;
    justify-content: center;
    flex-shrink: 0
}

.wizard-step-body {
    min-width: 0;
    max-width: 100%;
    color: var(--color-fg-default);
    flex: auto
}

.wizard-step-body .wizard-step-buttons {
    display: none;
    margin-top: 24px;
    justify-content: flex-end
}

.wizard-step-container {
    border: 0
}

.wizard-step-container .wizard-step-content {
    display: none;
    width: 100%;
    padding: 16px 24px 24px 24px;
    overflow: visible;
    font-size: 14px
}

.wizard-step-container.wizard-step-container-icon .wizard-step-content {
    padding: 24px
}

.wizard-step-header {
    padding-top: 4px;
    padding-left: 8px
}

.wizard-step-header>.wizard-step-title {
    min-width: 0;
    margin-bottom: 4px;
    flex: 1 1 auto;
    color: var(--color-fg-muted)
}

.wizard-step-icon {
    display: none;
    height: 96px;
    color: var(--color-accent-fg);
    background-image: linear-gradient(to right, var(--color-accent-subtle), var(--color-canvas-default));
    justify-content: center;
    align-items: center;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.wizard-step[data-single-page-wizard-step-complete=true] .wizard-step-badge {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.wizard-step[data-single-page-wizard-step-complete=true] .wizard-step-item::before {
    background-color: var(--color-accent-emphasis)
}

.wizard-step[data-single-page-wizard-step-complete=true] .wizard-step-title {
    color: var(--color-fg-default)
}

.wizard-step[data-single-page-wizard-last-step=true] .wizard-step-badge .wizard-step-check {
    display: block;
    color: var(--color-fg-on-emphasis)
}

.wizard-step[data-single-page-wizard-last-step=true] .wizard-step-item::before {
    top: 0;
    display: block;
    height: 16px
}

@media(min-width: 768px) {
    .wizard-step[data-single-page-wizard-last-step=true] .wizard-step-item::before {
        display: none
    }
}

.wizard-step[data-single-page-wizard-last-step=true] .wizard-step-icon {
    color: var(--color-success-fg);
    background-image: linear-gradient(to right, var(--color-success-subtle), var(--color-canvas-default))
}

.wizard-step:not([data-single-page-wizard-last-step=true]) .wizard-step-badge .wizard-step-check {
    display: none
}

.wizard-step:not([data-single-page-wizard-last-step=true]) .wizard-step-badge::before {
    color: var(--color-fg-on-emphasis);
    content: attr(data-single-page-wizard-step)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-badge {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.wizard-step[data-single-page-wizard-step-current=true][data-single-page-wizard-last-step=true] .wizard-step-badge {
    background-color: var(--color-success-emphasis)
}

.wizard-step[data-single-page-wizard-step-current=true][data-single-page-wizard-last-step=true] .wizard-step-item::before {
    top: 42px;
    height: 16px
}

.wizard-step[data-single-page-wizard-step-current=true][data-single-page-wizard-last-step=true] .wizard-step-container-icon::after {
    background-image: linear-gradient(var(--color-success-subtle), var(--color-success-subtle))
}

.wizard-step[data-single-page-wizard-step-current=true]:not([data-single-page-wizard-last-step=true]) .wizard-step-container-icon::after {
    background-image: linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle))
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-icon {
    display: flex
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-item {
    flex-direction: column
}

@media(min-width: 768px) {
    .wizard-step[data-single-page-wizard-step-current=true] .wizard-step-item {
        flex-direction: row
    }
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-body {
    margin-top: 16px;
    margin-left: -16px
}

@media(min-width: 768px) {
    .wizard-step[data-single-page-wizard-step-current=true] .wizard-step-body {
        margin-top: 0;
        margin-left: 0
    }
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container {
    position: relative;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after,
.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::before {
    background-color: var(--color-border-default)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::before,
.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after {
    transform: rotate(90deg)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::before {
    position: absolute;
    top: -12px;
    right: 100%;
    left: 12px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after {
    top: -10px;
    left: 11px
}

@media(min-width: 768px) {

    .wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::before,
    .wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after {
        top: 11px;
        left: -8px;
        transform: rotate(0)
    }

    .wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container::after {
        margin-left: 1px
    }
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container .wizard-step-header {
    display: none
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container .wizard-step-content-header {
    margin-bottom: 16px
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container .wizard-step-title {
    color: var(--color-fg-default)
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-container .wizard-step-content {
    display: block
}

.wizard-step[data-single-page-wizard-step-current=true] .wizard-step-buttons {
    display: flex
}

[data-a11y-link-underlines=true] .markdown-body a,
[data-a11y-link-underlines=true] .markdown-body a:hover,
[data-a11y-link-underlines=true] .Link--inTextBlock,
[data-a11y-link-underlines=true] .Link--inTextBlock:hover {
    text-decoration: underline
}

.alert-label {
    color: var(--color-fg-on-emphasis)
}

.graph-canvas .alert-label--critical {
    fill: var(--color-danger-emphasis)
}

.graph-canvas .alert-label--high {
    fill: var(--color-severe-emphasis)
}

.graph-canvas .alert-label--moderate {
    fill: var(--color-attention-emphasis)
}

.graph-canvas .alert-label--low {
    fill: var(--color-neutral-emphasis)
}

.advisory-form {
    background-color: var(--color-canvas-subtle);
    border-top: 1px solid var(--borderColor-default, var(--color-border-default))
}

.advisory-form .form-control {
    background-color: var(--color-canvas-default)
}

.advisory-form .form-actions {
    background-color: var(--color-canvas-default)
}

.advisory-form .previewable-comment-form {
    background-color: var(--color-canvas-default)
}

.advisory-credit-window-min {
    min-height: 72px
}

.advisory-credit-window-max {
    max-height: 370px
}

.AppHeader {
    --AppHeader-bg: var(--color-canvas-inset);
    color: var(--color-fg-default);
    background: var(--AppHeader-bg);
    box-shadow: inset 0 calc(var(--borderWidth-thin, 1px)*-1) var(--color-border-default)
}

.AppHeader .AppHeader-globalBar {
    display: flex;
    padding: var(--base-size-16, 16px);
    gap: var(--base-size-12, 12px)
}

.AppHeader .AppHeader-globalBar.second-row {
    display: block
}

.AppHeader .AppHeader-globalBar.second-row .AppHeader-search {
    display: block
}

.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-start,
.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-start {
    flex: none
}

.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-context,
.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-context {
    display: none
}

.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search .AppHeader-search-whenRegular,
.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-search .AppHeader-search-whenRegular {
    max-width: 100%
}

.AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end,
.AppHeader .AppHeader-globalBar.always-expanded .AppHeader-globalBar-end {
    flex: 1 1 auto
}

@media(max-width: 1011.98px) {
    .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-search {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    .AppHeader .AppHeader-globalBar.search-expanded .AppHeader-globalBar-end {
        flex: none
    }

    .AppHeader .AppHeader-globalBar.search-expanded .search-suggestions {
        left: 0;
        top: 0;
        width: 100% !important
    }
}

.AppHeader .AppHeader-globalBar .AppHeader-globalBar-start {
    flex: 1 1 auto;
    display: flex;
    gap: var(--base-size-8, 8px)
}

.AppHeader .AppHeader-globalBar .AppHeader-globalBar-end {
    flex: 0 1 auto;
    display: flex;
    justify-content: flex-end;
    gap: var(--controlStack-medium-gap-auto, 8px)
}

.AppHeader .AppHeader-globalBar .AppHeader-logo {
    border: 0;
    width: var(--base-size-32, 32px);
    height: var(--base-size-32, 32px);
    outline-offset: 2px
}

.AppHeader .AppHeader-globalBar .AppHeader-logo svg {
    width: var(--base-size-32, 32px);
    height: var(--base-size-32, 32px);
    color: var(--fgColor-default); /* Added for logo icon in header */
}

.AppHeader .AppHeader-globalBar .AppHeader-user {
    position: relative;
    background: var(--color-neutral-muted);
    border-radius: 50%;

}

.AppHeader .AppHeader-globalBar .AppHeader-user img {
    position: relative;
    border-radius: 50%
}

.AppHeader .AppHeader-globalBar .AppHeader-context {
    min-width: 0;
    height: var(--base-size-32, 32px);
    flex: 1 1 auto
}

@media(min-width: 768px) {
    .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact {
        display: none
    }
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger {
    display: grid;
    width: 100%;
    height: var(--base-size-48, 48px);
    color: inherit;
    text-align: left;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: var(--borderRadius-medium, 6px);
    margin-block: calc(var(--base-size-8, 8px)*-1);
    padding-block: var(--control-medium-paddingBlock, 6px);
    padding-inline: var(--control-medium-paddingInline-condensed, 8px);
    -webkit-appearance: none;
    appearance: none;
    align-items: center
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:hover {
    background-color: var(--color-action-list-item-default-hover-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-trigger:active {
    background-color: var(--color-action-list-item-default-active-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-lead {
    display: grid;
    width: -moz-fit-content;
    width: fit-content;
    font-size: var(--text-caption-size, 12px);
    line-height: var(--text-caption-lineHeight, 1.3333333333);
    color: var(--color-fg-muted);
    grid-auto-flow: column;
    align-items: center
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-parentItem {
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-separator {
    white-space: nowrap
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-compact .AppHeader-context-compact-mainItem {
    display: block;
    overflow: hidden;
    line-height: var(--text-body-lineHeight-medium, 1.4285714286);
    text-overflow: ellipsis;
    white-space: nowrap
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
    display: inline-flex;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden
}

@media(max-width: 767.98px) {
    .AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full {
        display: none
    }
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full nav {
    width: 100%
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul,
.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
    list-style: none
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full ul {
    display: flex;
    flex-direction: row
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li {
    display: inline-grid;
    grid-auto-flow: column;
    align-items: center;
    flex: 0 99999 auto
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:first-child {
    flex: 0 100 max-content
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child {
    flex: 0 1 max-content
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-full li:last-child .AppHeader-context-item {
    font-weight: var(--base-text-weight-semibold, 600)
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item {
    display: flex;
    align-items: center;
    min-width: 3ch;
    line-height: var(--text-body-lineHeight-medium, 1.4285714286);
    color: inherit;
    text-decoration: none !important;
    border-radius: var(--borderRadius-medium, 6px);
    padding-inline: var(--control-medium-paddingInline-condensed, 8px);
    padding-block: var(--control-medium-paddingBlock, 6px)
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item .AppHeader-context-item-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:hover {
    background: var(--color-action-list-item-default-hover-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-context a.AppHeader-context-item:active {
    background: var(--color-action-list-item-default-active-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-context .AppHeader-context-item-separator {
    color: var(--color-fg-muted);
    white-space: nowrap
}

.AppHeader .AppHeader-globalBar .AppHeader-search {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end
}

@media(min-width: 1012px) {
    .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenNarrow {
        display: none
    }
}

@media(max-width: 1011.98px) {
    .AppHeader .AppHeader-globalBar .AppHeader-search {
        flex-grow: 0
    }

    .AppHeader .AppHeader-globalBar .AppHeader-search .search-input {
        width: auto
    }

    .AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
        margin: 0 !important
    }

    .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
        display: none
    }

    .AppHeader .AppHeader-globalBar .AppHeader-search .header-search {
        max-width: 100%
    }
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-whenRegular {
    min-width: 12rem;
    max-width: 24rem;
    flex: 1 1 auto
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap {
    display: grid
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-wrap.AppHeader-search-wrap--hasTrailing input[type=search] {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) - var(--borderWidth-thin, 1px))
}

.AppHeader .AppHeader-globalBar .AppHeader-search .search-input-container {
    height: auto
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
    display: inline-grid;
    width: var(--base-size-12, 14px);
    height: var(--base-size-16, 15px);
    padding: 0;
    font-size: var(--text-caption-size, 11px);
    line-height: var(--text-caption-lineHeight, 1.3333333333);
    color: inherit;
    vertical-align: baseline;
    background: transparent;
    border: var(--borderWidth-thin, 1px) solid var(--color-fg-subtle);
    border-radius: var(--borderRadius-small, 3px);
    box-shadow: none;
    align-items: center;
    justify-content: center;
    /*  display: inline-grid;
  width: var(--base-size-12, 12px);
  height: var(--base-size-16, 16px);
  padding: 0;
  font-size: var(--text-caption-size, 12px);
  line-height: var(--text-caption-lineHeight, 1.3333333333);
  color: inherit;
  vertical-align: baseline;
  background: transparent;
  border: var(--borderWidth-thin, 1px) solid var(--color-fg-subtle);
  border-radius: var(--borderRadius-small, 3px);
  box-shadow: none;
  align-items: center;
  justify-content: center */
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-placeholder {
    display: block;
    width: 100%;
    overflow: hidden;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: var(--text-body-lineHeight-medium, 20px);
    color: var(--color-fg-subtle);
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    grid-area: 1/1;
    padding-block: var(--control-medium-paddingBlock, 6px);
    padding-inline: calc(var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px))
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-control {
    grid-area: 1/1;
    position: relative;
    overflow: hidden
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading {
    position: absolute;
    top: var(--base-size-8, 8px);
    left: var(--base-size-8, 8px);
    display: block;
    width: var(--base-size-16, 16px);
    height: var(--base-size-16, 16px);
    color: var(--color-fg-muted);
    pointer-events: none
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-visual--leading svg {
    display: block !important
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
    background: transparent
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search],
.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-searchButton {
    width: 100%;
    padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
    padding-inline-start: calc(var(--control-medium-paddingInline-condensed, 8px) + var(--base-size-16, 16px) + var(--control-medium-gap, 8px) - var(--borderWidth-thin, 1px));
    padding-inline-end: var(--control-medium-paddingInline-condensed, 40px);
    transition: none;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:placeholder-shown {
    background: transparent
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:not(:placeholder-shown) {
    background: var(--color-canvas-default)
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]::placeholder {
    color: transparent;
    opacity: 1
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:focus {
    background: var(--color-canvas-default)
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:focus::placeholder {
    color: var(--color-fg-subtle)
}

.AppHeader .AppHeader-globalBar .AppHeader-search input[type=search]:focus:placeholder {
    color: var(--color-fg-subtle);
    opacity: 1
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing {
    position: absolute;
    top: var(--base-size-4, 4px);
    right: var(--base-size-4, 4px);
    display: grid;
    width: var(--control-xsmall-size, 24px);
    height: var(--control-xsmall-size, 24px);
    padding: 0;
    color: var(--color-fg-muted);
    background: transparent;
    border: none;
    border-radius: var(--borderRadius-small, 3px);
    align-items: center;
    justify-content: center
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:hover {
    background: var(--color-action-list-item-default-hover-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing:active {
    background: var(--color-action-list-item-default-active-bg)
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::before {
    position: absolute;
    top: calc((var(--control-xsmall-size, 24px) - var(--base-size-16, 16px))/2);
    left: calc(var(--base-size-4, 4px)*-1);
    display: block;
    width: var(--borderWidth-thin, 1px);
    height: var(--base-size-16, 16px);
    content: "";
    background: var(--color-border-default)
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    min-height: var(--control-medium-size, 32px);
    content: "";
    transform: translateX(-50%) translateY(-50%);
    min-width: var(--control-medium-size, 32px)
}

@media(pointer: coarse) {
    .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing::after {
        min-width: var(--control-minTarget-coarse, 44px);
        min-height: var(--control-minTarget-coarse, 44px)
    }
}

.AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-action--trailing svg {
    color: inherit
}

.AppHeader .AppHeader-globalBar .AppHeader-divider {
    width: var(--borderWidth-thin, 1px);
    height: var(--base-size-20, 20px);
    height: var(--base-size-20, 20px);
    margin: calc((var(--control-medium-size, 32px) - var(--base-size-20, 20px))/2) 0;
    background: var(--color-border-default)
}

.AppHeader .AppHeader-globalBar .AppHeader-actions {
    display: grid;
    grid-auto-flow: column;
    gap: var(--controlStack-medium-gap-auto, 8px)
}

.AppHeader .AppHeader-globalBar .AppHeader-actions::before {
    display: block;
    width: var(--borderWidth-thin, 1px);
    height: var(--base-size-20, 20px);
    height: var(--base-size-20, 20px);
    content: "";
    background: var(--color-border-default);
    margin-block: calc((var(--control-medium-size, 32px) - var(--base-size-20, 20px))/2)
}

@media(pointer: fine) {
    .AppHeader .AppHeader-globalBar .AppHeader-actions::before {
        margin-inline: var(--base-size-4, 4px)
    }
}

@media(max-width: 543.98px) {
    .AppHeader .AppHeader-globalBar .AppHeader-actions {
        display: none
    }
}

.AppHeader .AppHeader-localBar {
    padding: 0 var(--base-size-16, 16px)
}

.AppHeader .AppHeader-item {
    flex: 0 0 auto;
    background: #ffb6c1
}

.AppHeader .AppHeader-item--full {
    flex-grow: 1
}

.AppHeader .AppHeader-button {
    position: relative;
    display: grid;
    grid-auto-columns: max-content;
    width: var(--base-size-32, 32px);
    height: var(--base-size-32, 32px);
    color: var(--color-fg-muted);
    background: transparent;
    border: var(--borderWidth-thin, 1px) solid var(--color-border-default);
    border-radius: var(--borderRadius-medium, 6px);
    align-items: center;
    justify-content: center
}

.AppHeader .AppHeader-button svg {
    color: inherit !important
}

.AppHeader .AppHeader-button:hover {
    background: var(--color-action-list-item-default-hover-bg);
    text-decoration: none;
}

.AppHeader .AppHeader-button:active {
    background: var(--color-action-list-item-default-active-bg)
}

@media(pointer: coarse) {
    .AppHeader .AppHeader-button::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        min-height: var(--control-minTarget-coarse, 44px);
        content: "";
        transform: translateX(-50%) translateY(-50%);
        min-width: var(--control-minTarget-coarse, 44px)
    }
}

.AppHeader .AppHeader-button.AppHeader-button--hasIndicator::before {
    position: absolute;
    top: calc(var(--base-size-4, 4px)/-2);
    right: calc(var(--base-size-4, 4px)/-2);
    display: block;
    width: var(--base-size-8, 8px);
    height: var(--base-size-8, 8px);
    content: "";
    background: var(--color-accent-fg);
    border-radius: 50%;
    box-shadow: 0 0 0 calc(var(--base-size-4, 4px)/2) var(--AppHeader-bg)
}

.AppHeader .Overlay-titleWrap {
    width: 100%;
    overflow-x: hidden
}

[data-target="animated-image.originalImage"],
[data-target="animated-image.replacedImage"],
[data-a11y-animated-images=system] [data-animated-image],
[data-a11y-animated-images=disabled] [data-animated-image] {
    display: none
}

[data-target="animated-image.originalImage"] {
    width: 100%
}

animated-image[data-catalyst] {
    display: inline-block
}

animated-image {
    max-width: 100%
}

.AnimatedImagePlayer {
    position: relative;
    display: inline-block;
    width: 100%
}

.AnimatedImagePlayer>a:not(.AnimatedImagePlayer-images) {
    display: none
}

.AnimatedImagePlayer-controls {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    display: none;
    padding: 4px;
    list-style: none;
    background: var(--color-canvas-default);
    border-radius: 6px;
    box-shadow: var(--color-overlay-shadow);
    opacity: 1;
    transition: opacity 80ms linear
}

.AnimatedImagePlayer-images .AnimatedImagePlayer-animatedImage {
    cursor: pointer
}

.AnimatedImagePlayer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: var(--color-canvas-default);
    border: 0;
    border-radius: 6px;
    color: var(--button-invisible-iconColor-rest, #636c76);
}

@media(hover: hover)and (pointer: fine) {
    .AnimatedImagePlayer-button:hover {
        background-color: var(--color-btn-hover-bg);
        transition: background-color 200ms linear
    }
}

.AnimatedImagePlayer-images {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    outline: none;
    outline-offset: 0
}

.AnimatedImagePlayer-images:focus-visible {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: 0
}

.AnimatedImagePlayer-button:focus-visible {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: -2px
}

.AnimatedImagePlayer-button svg {
    width: 16px;
    height: 16px;
    pointer-events: none;
    fill: var(--color-fg-muted)
}

.AnimatedImagePlayer-button:hover svg {
    fill: var(--color-fg-default)
}

.AnimatedImagePlayer-stillImage {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.AnimatedImagePlayer-animatedImage {
    width: 100%;
    max-width: 100%;
    max-height: 100%
}

.AnimatedImagePlayer.playing .AnimatedImagePlayer-controls {
    opacity: 0;
    transition-delay: 1s
}

.AnimatedImagePlayer.enabled .AnimatedImagePlayer-animatedImage {
    opacity: 0 !important
}

.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-animatedImage {
    opacity: 1 !important
}

.AnimatedImagePlayer.playing.player-focused .AnimatedImagePlayer-controls {
    opacity: 1;
    transition-delay: 0ms
}

@media(hover: hover)and (pointer: fine) {
    .AnimatedImagePlayer.playing:hover .AnimatedImagePlayer-controls {
        opacity: 1;
        transition-delay: 0s
    }
}

.AnimatedImagePlayer.enabled.playing .AnimatedImagePlayer-stillImage,
.AnimatedImagePlayer.enabled.playing .icon-play,
.AnimatedImagePlayer .icon-pause {
    display: none
}

.AnimatedImagePlayer .icon-play,
.AnimatedImagePlayer.enabled.playing .icon-pause,
.AnimatedImagePlayer.enabled .AnimatedImagePlayer-stillImage {
    display: block
}

.AnimatedImagePlayer.enabled .AnimatedImagePlayer-controls {
    display: flex
}

.emoji-tab.UnderlineNav-item {
    margin-right: 4px
}

.emoji-tab[role=tab][aria-selected=true] {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default);
    border-bottom-color: var(--color-severe-emphasis)
}

.emoji-tab[role=tab][aria-selected=true] .UnderlineNav-octicon {
    color: var(--color-fg-muted)
}

.selected-emoji {
    z-index: 100;
    background-color: var(--color-accent-emphasis)
}

.emoji-picker-container .emoji-picker-tab g-emoji {
    margin-right: auto;
    margin-left: 4px
}

.emoji-tab .emoji-icon {
    width: auto
}

.emoji-picker-container {
    z-index: 2;
    width: 395px;
    max-width: 80vw
}

.emoji-picker-tab {
    height: 136px;
    padding-top: 8px
}

.emoji-picker-emoji-width {
    width: 32px;
    height: 28px
}

.emoji-picker-list {
    list-style: none
}

.notification-shelf {
    z-index: 34
}

.notification-shelf.is-stuck {
    z-index: 999
}

@media(max-width: 767px) {
    .notifications-v2 .commit-ref .css-truncate-target {
        word-break: break-all;
        white-space: normal
    }
}

@media(max-width: 543px) {
    .notifications-v2 .Box {
        border-right: 0;
        border-left: 0;
        border-radius: 0
    }
}

@media(max-width: 543px) {
    .notifications-v2 .Box .Box-header {
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important
    }
}

@media(max-width: 767px) {
    .notifications-v2 .AvatarStack--right {
        width: auto !important;
        min-width: auto !important;
        margin-left: 53px !important
    }
}

@media(max-width: 767px) {
    .notifications-v2 .AvatarStack--right .AvatarStack-body {
        position: relative !important;
        right: unset !important;
        margin-right: 8px;
        flex-direction: row !important
    }
}

@media(max-width: 767px) {
    .notifications-v2 .AvatarStack-body .avatar {
        position: relative !important;
        margin-right: -12px !important;
        margin-left: 0 !important;
        border-right: 1px solid #fff !important;
        border-left: 0 !important
    }
}

.notifications-v2 .thread-subscription-status {
    background-color: transparent !important
}

.notifications-v2 .notification-action-mark-archived,
.notifications-v2 .notification-action-mark-unread,
.notifications-v2 .notification-action-star,
.notifications-v2 .notification-action-unsubscribe {
    display: block !important
}

.notifications-v2 .notification-action-mark-read,
.notifications-v2 .notification-action-mark-unarchived,
.notifications-v2 .notification-action-subscribe,
.notifications-v2 .notification-action-unstar,
.notifications-v2 .notification-is-starred-icon {
    display: none !important
}

.notifications-v2 .notification-unsubscribed .notification-action-unsubscribe {
    display: none !important
}

.notifications-v2 .notification-unsubscribed .notification-action-subscribe {
    display: block !important
}

.notifications-v2 .notification-unread .notification-action-mark-read {
    display: block !important
}

.notifications-v2 .notification-unread .notification-action-mark-unread {
    display: none !important
}

.notifications-v2 .notification-archived .notification-action-mark-archived,
.notifications-v2 .notification-archived .notification-action-mark-read,
.notifications-v2 .notification-archived .notification-action-mark-unread {
    display: none !important
}

.notifications-v2 .notification-archived .notification-action-mark-unarchived {
    display: block !important
}

.notifications-v2 .notification-starred .notification-action-star {
    display: none !important
}

.notifications-v2 .notification-starred .notification-is-starred-icon {
    display: inline-block !important
}

.notifications-v2 .notification-starred .notification-action-unstar {
    display: block !important
}

.notifications-v2 .thread-subscribe-form {
    display: none !important
}

.notifications .read .avatar img {
    opacity: .5
}

.notifications .read .undo {
    display: block
}

.notifications .read .delete {
    visibility: hidden
}

.notifications .read[aria-selected=true],
.notifications .read.navigation-focus {
    background-color: #f5f9fc
}

.notifications .muted .unmute {
    display: block
}

.notifications .muted .mute {
    display: none
}

.notifications .unmute {
    display: none
}

.notifications-list {
    float: left;
    width: 100%
}

.thread-subscription-status {
    padding: 8px;
    margin: 40px 0 16px;
    color: var(--color-fg-muted);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.thread-subscription-status .reason {
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle
}

.thread-subscription-status .thread-subscribe-form {
    display: inline-block;
    vertical-align: middle
}

.subscription .loading {
    opacity: .5
}

.inline-form {
    display: inline-block
}

.inline-form .btn-plain {
    background-color: transparent;
    border: 0
}

.drag-and-drop {
    padding: 7px 10px;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
    color: var(--color-fg-muted);
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-top: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.drag-and-drop .default,
.drag-and-drop .loading,
.drag-and-drop .error {
    display: none
}

.drag-and-drop .error {
    color: var(--color-danger-fg)
}

.drag-and-drop img {
    vertical-align: top
}

.file-attachment-errors .Banner--error {
    display: none
}

.is-bad-file .file-attachment-errors .bad-file,
.is-bad-dimensions .file-attachment-errors .bad-dimensions,
.is-too-big .file-attachment-errors .too-big,
.is-duplicate-filename .file-attachment-errors .duplicate-filename,
.is-too-many .file-attachment-errors .too-many,
.is-hidden-file .file-attachment-errors .hidden-file,
.is-failed .file-attachment-errors .failed,
.is-empty .file-attachment-errors .empty,
.is-bad-permissions .file-attachment-errors .bad-permissions,
.is-repository-required .file-attachment-errors .repository-required {
    display: flex
}

.is-default .drag-and-drop .default {
    display: inline-block
}

.is-uploading .drag-and-drop .loading {
    display: inline-block
}

.is-bad-file .drag-and-drop .bad-file {
    display: inline-block
}

.is-duplicate-filename .drag-and-drop .duplicate-filename {
    display: inline-block
}

.is-too-big .drag-and-drop .too-big {
    display: inline-block
}

.is-hidden-file .drag-and-drop .hidden-file {
    display: inline-block
}

.is-empty .drag-and-drop .empty {
    display: inline-block
}

.is-bad-permissions .drag-and-drop .bad-permissions {
    display: inline-block
}

.is-repository-required .drag-and-drop .repository-required {
    display: inline-block
}

.drag-and-drop-error-info {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.drag-and-drop-error-info a {
    color: var(--color-accent-fg)
}

.is-failed .drag-and-drop .failed-request {
    display: inline-block
}

.manual-file-chooser {
    position: absolute;
    width: 240px;
    padding: 5px;
    margin-left: -80px;
    cursor: pointer;
    opacity: .0001
}

.btn .manual-file-chooser {
    top: 0;
    padding: 0;
    line-height: 34px
}

.upload-enabled textarea {
    display: block;
    border-bottom: 1px dashed var(--color-border-default);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.upload-enabled.focused {
    border-color: var(--color-accent-fg);
    border-radius: 6px;
    outline: none;
    box-shadow: 0 0 0 2px var(--color-accent-fg)
}

.upload-enabled.focused .form-control {
    border-color: transparent;
    border-bottom-color: var(--color-accent-fg);
    box-shadow: none
}

.upload-enabled.focused .drag-and-drop {
    border-color: transparent
}

/* .dragover textarea,
.dragover .drag-and-drop {
    box-shadow: #c9ff00 0 0 3px
} */

.write-content {
    position: relative
}

.previewable-comment-form {
    position: relative
}

.previewable-comment-form .tabnav {
    position: relative;
    padding: 8px 8px 0
}

.previewable-comment-form .comment {
    border: 1px solid transparent;
    border-bottom: 0
}

.previewable-comment-form .comment-form-error {
    margin-bottom: 8px
}

.previewable-comment-form .write-content,
.previewable-comment-form .preview-content {
    display: none;
    margin: 0 8px 8px
}

.previewable-comment-form.write-selected .write-content,
.previewable-comment-form.preview-selected .preview-content {
    display: block
}

.previewable-comment-form textarea {
    display: block;
    width: 100%;
    min-height: 100px;
    max-height: 500px;
    padding: 8px;
    resize: vertical
}

.form-action-spacious {
    margin-top: 10px
}

div.composer {
    margin-top: 0;
    border: 0
}

.composer .comment-form-textarea {
    height: 200px;
    min-height: 200px
}

.composer .tabnav {
    margin: 0 0 10px
}

h2.account {
    margin: 15px 0 0;
    font-size: 18px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

p.explain {
    position: relative;
    font-size: 12px;
    color: var(--color-fg-muted)
}

p.explain strong {
    color: var(--color-fg-default)
}

p.explain .octicon {
    margin-right: 5px;
    color: var(--color-fg-muted)
}

p.explain .minibutton {
    top: -4px;
    float: right
}

.progress-pjax-loader {
    z-index: 99999;
    height: 2px !important;
    background: transparent;
    opacity: 0;
    transition: opacity .4s linear .4s
}

.progress-pjax-loader.is-loading {
    opacity: 1;
    transition: none
}

.progress-pjax-loader>.progress-pjax-loader-bar {
    background-color: #79b8ff;
    transition: width .4s ease
}

.starred .starred-button-icon {
    color: var(--color-scale-yellow-2);
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.bookmarked .bookmarked-button-icon {
    color: var(--color-scale-blue-2);
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.user-lists-menu-action {
    color: var(--color-fg-default)
}

.user-lists-menu-action:hover:not(:disabled) {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-subtle)
}

.user-lists-menu-action:focus:not(:disabled) {
    color: var(--color-fg-default);
    outline: 2px solid var(--color-accent-emphasis);
    outline-offset: 2px
}

.starring-container .BtnGroup-parent:active {
    z-index: auto
}

.shelf {
    padding-top: 16px;
    margin-bottom: 16px;
    background-color: var(--color-canvas-default);
    border-bottom: 1px solid var(--color-border-muted)
}

.shelf .container {
    position: relative
}

.org-sso,
.business-sso {
    width: 340px;
    margin: 0 auto
}

.org-sso .sso-title,
.business-sso .sso-title {
    font-size: 24px;
    font-weight: var(--base-text-weight-light, 300);
    letter-spacing: -0.5px
}

.org-sso .org-sso-panel,
.org-sso .business-sso-panel,
.business-sso .org-sso-panel,
.business-sso .business-sso-panel {
    padding: 16px;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.org-sso .sso-recovery-callout,
.business-sso .sso-recovery-callout {
    padding: 16px 8px;
    text-align: center;
    border: 1px solid var(--color-border-muted);
    border-radius: 6px
}

.sso-modal {
    padding: 16px
}

.sso-modal .org-sso,
.sso-modal .business-sso {
    width: auto
}

.sso-modal .org-sso .org-sso-panel,
.sso-modal .business-sso .business-sso-panel {
    border: 0
}

.sso-modal .sso-prompt-success,
.sso-modal .sso-prompt-error {
    display: none
}

.sso-modal.success .sso-prompt-default {
    display: none
}

.sso-modal.success .sso-prompt-success {
    display: block
}

.sso-modal.error .sso-prompt-default {
    display: none
}

.sso-modal.error .sso-prompt-error {
    display: block
}

.sso-modal.error .flash-error {
    margin-right: -32px;
    margin-left: -32px;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.status-indicator {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px
}

.status-indicator .octicon {
    display: none
}

.status-indicator-success::before {
    content: ""
}

.status-indicator-success .octicon-check {
    display: inline-block;
    color: var(--color-success-fg);
    fill: var(--color-success-fg)
}

.status-indicator-success .octicon-x {
    display: none
}

.status-indicator-failed::before {
    content: ""
}

.status-indicator-failed .octicon-check {
    display: none
}

.status-indicator-failed .octicon-x {
    display: inline-block;
    color: var(--color-danger-fg);
    fill: var(--color-danger-fg)
}

.status-indicator-loading {
    width: 16px;
    background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 16px
}

.tag-input-container {
    position: relative
}

.tag-input-container .focus {
    border-color: transparent !important;
    box-shadow: none !important
}

.tag-input-container .suggester {
    position: absolute;
    z-index: 100;
    width: 100%;
    margin-top: -1px
}

.tag-input-container ul {
    list-style: none
}

.tag-input input {
    float: left;
    padding-left: 2px;
    margin: 0;
    background: none;
    border: 0;
    box-shadow: none
}

.tag-input input:focus {
    box-shadow: none
}

.task-list-item {
    list-style-type: none
}

.task-list-item label {
    font-weight: var(--base-text-weight-normal, 400)
}

.task-list-item.enabled label {
    cursor: pointer
}

.task-list-item+.task-list-item {
    margin-top: 4px
}

.task-list-item .handle {
    display: none
}

.task-list-item-checkbox {
    margin: 0 .2em .25em -1.4em;
    vertical-align: middle
}

.contains-task-list:dir(rtl) .task-list-item-checkbox {
    margin: 0 -1.6em .25em .2em
}

.convert-to-issue-button {
    top: 2px;
    right: 4px;
    padding: 0 2px;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--color-canvas-subtle)
}

.convert-to-issue-button .octicon {
    fill: var(--color-fg-default)
}

.convert-to-issue-button:hover .octicon,
.convert-to-issue-button:focus .octicon {
    fill: var(--color-accent-fg)
}

.reorderable-task-lists .markdown-body .contains-task-list {
    padding: 0
}

.reorderable-task-lists .markdown-body li:not(.task-list-item) {
    margin-left: 24px
}

.reorderable-task-lists .markdown-body ol:not(.contains-task-list) li,
.reorderable-task-lists .markdown-body ul:not(.contains-task-list) li {
    margin-left: 0
}

.reorderable-task-lists .markdown-body .task-list-item {
    padding: 2px 15px 2px 42px;
    margin-right: -15px;
    margin-left: -15px;
    line-height: 1.5;
    border: 0
}

.reorderable-task-lists .markdown-body .task-list-item+.task-list-item {
    margin-top: 0
}

.reorderable-task-lists .markdown-body .task-list-item .handle {
    display: block;
    float: left;
    width: 20px;
    padding: 2px 0 0 2px;
    margin-left: -43px;
    opacity: 0
}

.reorderable-task-lists .markdown-body .task-list-item .drag-handle {
    fill: var(--color-fg-default)
}

.reorderable-task-lists .markdown-body .task-list-item.hovered>.handle {
    opacity: 1
}

.reorderable-task-lists .markdown-body .task-list-item.is-dragging {
    opacity: 0
}

.reorderable-task-lists .markdown-body .contains-task-list:dir(rtl) .task-list-item {
    margin-right: 0
}

.comment-body .reference {
    font-weight: var(--base-text-weight-semibold, 600);
    white-space: nowrap
}

.comment-body .issue-link {
    white-space: normal
}

.comment-body .issue-link .issue-shorthand {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.comment-body .issue-link:hover .issue-shorthand,
.comment-body .issue-link:focus .issue-shorthand {
    color: var(--color-accent-fg)
}

.review-comment-contents .markdown-body .task-list-item {
    padding-left: 42px;
    margin-right: -12px;
    margin-left: -12px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.convert-to-issue-enabled .task-list-item .contains-task-list {
    padding: 4px 15px 0 43px;
    margin: 0 -15px 0 -42px
}

.convert-to-issue-enabled .task-list-item.hovered {
    background-color: var(--color-canvas-subtle)
}

.convert-to-issue-enabled .task-list-item.hovered .contains-task-list {
    background-color: var(--color-canvas-default)
}

.convert-to-issue-enabled .task-list-item>.convert-to-issue-button {
    opacity: 0
}

.convert-to-issue-enabled .task-list-item.hovered>.convert-to-issue-button,
.convert-to-issue-enabled .task-list-item>.convert-to-issue-button:focus {
    z-index: 20;
    opacity: 1
}

.convert-to-issue-enabled .task-list-item.is-loading {
    color: var(--color-fg-muted);
    background-color: var(--color-accent-subtle);
    border-top: 1px solid var(--color-accent-subtle);
    border-bottom: 1px solid var(--color-canvas-default);
    border-left: 1px solid var(--color-canvas-default)
}

.convert-to-issue-enabled .task-list-item.is-loading ul {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-default)
}

.convert-to-issue-enabled .task-list-item.is-loading>.handle {
    opacity: 0
}

.task-list-item-convert-container {
    position: absolute !important;
    top: calc(100% - 4px);
    right: 0;
    left: 0;
    display: none;
    margin-top: 0
}

.task-list-item-convert-container:hover,
.task-list-item-convert-container:focus {
    display: block
}


.task-list-item-convert-button-container {
    top: 4px;
    right: 0;
    left: auto;
    width: auto
}

.contains-task-list {
    position: relative
}

.contains-task-list:hover .task-list-item-convert-container,
.contains-task-list:focus-within .task-list-item-convert-container {
    display: block;
    width: auto;
    height: 24px;
    overflow: visible;
    clip: auto
}

.convert-to-block-button {
    margin: 0 4px
}

.toolbar-commenting .dropdown-menu-s {
    width: 100px
}

.toolbar-commenting .dropdown-item {
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1em;
    background: none;
    border: 0
}

.toolbar-commenting .dropdown-item:hover {
    color: var(--color-accent-fg)
}

.toolbar-commenting .dropdown-item:focus {
    color: var(--color-accent-fg);
    outline: none
}

.toolbar-item {
    display: block;
    float: left;
    padding: 4px;
    cursor: pointer
}

.toolbar-item.dropdown,
.toolbar-item.select-menu {
    padding: 0
}

.toolbar-item .select-menu-modal {
    margin-top: 2px
}

.toolbar-item .select-menu-item {
    padding-left: 8px
}

.topic-tag {
    display: inline-block;
    padding: .3em .9em;
    margin: 0 .5em .5em 0;
    white-space: nowrap;
    background-color: var(--color-accent-subtle);
    border-radius: 6px
}

.topic-tag-link:hover {
    text-decoration: none;
    background-color: #def
}

.delete-topic-button,
.delete-topic-link {
    display: inline-block;
    width: 26px;
    color: var(--color-fg-muted);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #b4d9ff
}

.topic-tag-action:hover .delete-topic-link {
    color: var(--color-fg-on-emphasis)
}

.topic-tag-outline {
    background: transparent;
    box-shadow: inset 0 0 0 1px #c8e1ff
}

.delete-topic-link {
    padding-right: 8px;
    padding-left: 8px;
    margin-left: 8px;
    line-height: 1.75
}

.delete-topic-link:hover {
    text-decoration: none
}

.invalid-topic .delete-topic-button {
    color: var(--color-fg-default);
    background-color: var(--color-danger-subtle);
    border-left-color: var(--color-danger-emphasis)
}

.invalid-topic .delete-topic-button:hover {
    background-color: #ffc8ce
}

.topic-tag-action {
    display: inline-flex;
    align-items: center;
    padding-left: .8em;
    margin: .4em .4em 0 0;
    background-color: var(--color-accent-subtle);
    border-radius: 6px
}

.topic-tag-action.invalid-topic {
    color: var(--color-fg-default);
    background-color: var(--color-danger-subtle);
    border-color: var(--color-danger-emphasis)
}

.topic-tag-action .add-topic-button,
.topic-tag-action .remove-topic-button {
    display: inline-block;
    width: 26px;
    font-size: 14px;
    color: var(--color-fg-muted);
    background-color: var(--color-accent-subtle);
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 1px solid #b4d9ff
}

.topic-tag-action .add-topic-button:hover,
.topic-tag-action .remove-topic-button:hover {
    color: var(--color-fg-on-emphasis)
}

.topic-tag-action .add-topic-button:hover {
    background-color: var(--color-success-emphasis)
}

.topic-tag-action .remove-topic-button {
    border-right: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.topic-tag-action .remove-topic-button:hover {
    background-color: var(--color-danger-emphasis)
}

.topic-input-container .tag-input {
    width: 908px;
    cursor: text
}

.topic-input-container .tag-input.org-repo-tag-input {
    width: 100%
}

.topic-input-container .tag-input .tag-input-inner {
    min-height: 26px;
    background-image: none
}

.topic-input-container .topic-tag {
    margin-top: 2px
}

.topic .css-truncate-target {
    max-width: 75%
}

.topic-list .topic-list-item+.topic-list-item {
    border-top: 1px solid var(--borderColor-default, var(--color-border-default))
}

.topic-box .starred {
    color: var(--color-attention-fg);
    border: 0
}

.topic-box .unstarred {
    color: var(--color-fg-muted);
    border: 0
}

.user-status-suggestions {
    height: 98px;
    transition: height 100ms ease-out, opacity 200ms ease-in
}

.user-status-suggestions.collapsed {
    height: 0;
    opacity: 0
}

.user-status-container,
.user-status-container .team-mention,
.user-status-container .user-mention {
    white-space: normal
}

.user-status-container {
    word-break: break-word;
    word-wrap: break-word
}

.user-status-container .input-group-button .btn {
    width: 46px;
    height: 34px;
    line-height: 0
}

.user-status-container .input-group-button g-emoji {
    font-size: 1.3em;
    line-height: 18px
}

.user-status-container .team-mention,
.user-status-container .user-mention {
    white-space: normal
}

.user-status-container img.emoji {
    width: 18px;
    height: 18px
}

.emoji-status-width {
    width: 20px
}

.user-status-org-button .user-status-org-detail {
    color: var(--color-fg-muted)
}

.user-status-org-button:hover .user-status-org-detail,
.user-status-org-button:focus .user-status-org-detail {
    color: var(--color-fg-on-emphasis)
}

.user-status-org-button.selected {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.user-status-org-button.selected .user-status-org-detail {
    color: var(--color-fg-on-emphasis)
}

.user-status-limited-availability-compact {
    width: 8px;
    height: 8px;
    background-color: var(--color-attention-emphasis)
}

.user-status-message-wrapper {
    color: var(--color-fg-default)
}

.toggle-user-status-edit:hover .user-status-message-wrapper,
.toggle-user-status-edit:focus .user-status-message-wrapper {
    color: var(--color-accent-fg)
}

.user-status-message-wrapper div {
    display: inline
}

.user-status-header g-emoji {
    font-size: 1.25em
}

.user-status-message-wrapper .g-emoji {
    display: inline-block
}

.user-status-limited-availability-container {
    margin-top: 16px;
    margin-bottom: 16px
}

@media only screen and (max-height: 560px) {
    .user-status-suggestions {
        display: none
    }

    .user-status-limited-availability-container {
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.user-status-circle-badge {
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 2em;
    box-shadow: var(--color-shadow-small)
}

.command-palette {
    box-shadow: var(--color-overlay-shadow)
}

@media(min-width: 768px) {
    .command-palette-details-dialog {
        width: 512px
    }
}

@media(min-width: 1012px) {
    .command-palette-details-dialog {
        width: 640px
    }
}

@media(min-width: 1280px) {
    .command-palette-details-dialog {
        width: 720px
    }
}

.page-stack-transition-height {
    overflow-y: scroll;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-duration: .2s;
    transition-property: max-height, min-height
}

.page-stack-transition-height.no-transition {
    transition-duration: 0s
}

.command-palette-input-group {
    position: relative;
    z-index: 0;
    padding-left: 0;
    color: var(--color-fg-subtle)
}

.command-palette-input-group .no-focus-indicator:focus,
.command-palette-input-group .no-focus-indicator:focus-visible {
    border: 0 !important;
    outline: none !important
}

.command-palette-input-group .command-palette-typeahead {
    position: absolute;
    z-index: 1;
    padding: inherit;
    pointer-events: none
}

.command-palette-input-group .command-palette-typeahead .typeahead-segment {
    white-space: pre
}

.command-palette-input-group .command-palette-typeahead .typeahead-segment.input-mirror {
    opacity: 0
}

.command-palette-input-group .typeahead-input {
    padding: inherit
}

.command-palette-input-clear-button {
    color: var(--color-fg-subtle)
}

.command-palette-input-clear-button:hover {
    color: var(--color-fg-muted)
}

themed-picture {
    visibility: hidden
}

.SidePanel>.Overlay-header>.Overlay-headerContentWrap>.Overlay-titleWrap {
    padding-top: 8px
}

.SidePanel>.Overlay-header>.Overlay-headerContentWrap>.Overlay-actionWrap {
    padding: 8px
}

.is-auto-complete-loading :not(input).form-control {
    padding-right: 0;
    background-image: none
}

.ExperimentalActionBar {
    position: relative;
    display: flex !important;
    min-width: 0;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: content-box;
    overflow: hidden;
    justify-content: flex-end
}

.ExperimentalActionBar-item-container {
    display: flex;
    box-sizing: content-box;
    align-items: center;
    flex-shrink: 0;
    flex-grow: 0
}

.ExperimentalActionBar-item {
    position: relative;
    flex-shrink: 0
}

.ExperimentalActionBar-more-menu {
    flex-shrink: 0
}

.ExperimentalActionBar-divider {
    height: calc(var(--control-medium-size, 32px)/2);
    margin: 0 var(--controlStack-medium-gap-condensed, 8px);
    border-left: var(--borderWidth-thin, 1px) solid var(--color-border-subtle)
}

.ExperimentalActionBar--small .ExperimentalActionBar-divider {
    margin: 0 var(--controlStack-small-gap-condensed, 8px)
}

.ExperimentalActionBar--large .ExperimentalActionBar-divider {
    margin: 0 var(--controlStack-large-gap-condensed, 8px)
}

@media(pointer: coarse) {
    .ExperimentalActionBar .ExperimentalActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 44px) - var(--control-medium-size, 32px))
    }

    .ExperimentalActionBar--small .ExperimentalActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 44px) - var(--control-small-size, 28px))
    }

    .ExperimentalActionBar--large .ExperimentalActionBar-item-container {
        gap: calc(var(--control-minTarget-coarse, 44px) - var(--control-large-size, 40px))
    }
}

.ActionMenu {
    position: absolute;
    z-index: 999;
    display: none;
    background-color: var(--color-canvas-overlay)
}

.CommentBox-header {
    display: flex;
    background-color: var(--color-canvas-subtle);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.CommentBox-header.CommentBox-header {
    margin-bottom: 0
}

.CommentBox-header .tabnav-tabs {
    margin-top: -1px;
    margin-left: -1px;
    flex-shrink: 0
}


.ace_scroller {
    display: block;
    width: 100%;
    min-height: 102px;
    padding: 8px;
    line-height: 1.5;
    resize: vertical;
    background: none;
    border: 0;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    padding-block: calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));
    padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
    width: 100%;
}






.CommentBox-toolbar {
    display: flex;
    min-width: 0;
    margin-right: var(--base-size-4, 4px);
    flex-shrink: 1;
    flex-grow: 1
}

.CommentBox-toolbar .Button--invisible {
    color: var(--color-fg-muted)
}

.CommentBox-input {
    display: block;
    width: 100%;
    min-height: 102px;
    padding: var(--base-size-8);
    line-height: 1.5;
    resize: vertical;
    background: none;
    border: 0;
}
/* .CommentBox-input.CommentBox-input.CommentBox-input:focus {
    box-shadow: none
} */

.CommentBox-input::placeholder {
    visibility: hidden
}

.CommentBox-input.CommentBox-input--medium {
    min-height: 150px
}

.CommentBox-input.CommentBox-input--large {
    min-height: 250px
}

.CommentBox-placeholder {
    position: absolute;
    top: 1px;
    left: 9px;
    display: none;
    padding: var(--base-size-8);
    color: var(--fgColor-muted, var(--color-fg-subtle));
    pointer-events: none;
}

.CommentBox-input:placeholder-shown+.CommentBox-placeholder {
    display: block
}
.CommentBox-container {
    display: block;
    width: calc(100% - var(--stack-padding-condensed, 8px) * 2);
    height: 100%;
    margin: var(--base-size-8);
    overflow: hidden;
    border: var(--borderWidth-thin) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium);
}
.CommentBox:has(.CommentBox-input:focus, .Button:active) {
    outline: 2px solid var(--color-accent-emphasis);
    outline-offset: -1px
}
@supports (field-sizing: content) {
    .size-to-fit {
        field-sizing: content;
        max-height: calc(100vh - 200px);
    }
}
@supports not selector(.CommentBox:has(*:focus)) {
    .CommentBox:focus-within {
        outline: 2px solid var(--color-accent-emphasis);
        outline-offset: -1px
    }
}

.CommentBox.dragover > .CommentBox-input,
.CommentBox .dragover .CommentBox-input:focus {
    border-radius: 10px;
    outline: 2px dashed var(--color-border-default);
    outline-offset: -6px;
    box-shadow: none
}

.CommentBox-container.dragover > .CommentBox-input,
.CommentBox-container.dragover .CommentBox-input:focus {
    border-radius: 10px;
    outline: 2px dashed var(--color-border-default);
    outline-offset: -6px;
    box-shadow: none
}

.js-paste-markdown.dragover,
.js-paste-markdown.dragover:focus  {
    border-radius: 10px;
    outline: 2px dashed var(--color-border-default);
    outline-offset: -6px;
    box-shadow: none
}

.previewable-comment-form textarea.CommentBox-input {
    padding: var(--stack-padding-normal, 16px)
}

.previewable-edit .previewable-comment-form .CommentBox-header .tabnav-tabs {
    display: flex
}

.previewable-comment-form .CommentBox .preview-content {
    margin: 0
}

.previewable-comment-form .CommentBox .comment-body {
    padding: var(--stack-padding-normal, 16px);
    border-bottom: 0
}

.PageHeader {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "contextBar" "titleBar" "description" "navigation";
    margin-bottom: 24px
}

@media(max-width: 768px) {
    .PageHeader {
        margin-bottom: 16px
    }
}

.PageHeader .PageHeader-contextBar {
    display: flex;
    column-gap: 16px;
    align-items: center
}

.PageHeader .PageHeader-contextBar .PageHeader-parentLink {
    flex: 1 1 auto
}

.PageHeader .PageHeader-parentLink a {
    display: inline-grid;
    grid-template-columns: min-content auto;
    gap: 4px;
    align-items: center;
    padding: 4px 8px;
    margin-left: -8px;
    font-size: 14px;
    line-height: 1.25;
    color: var(--color-fg-muted);
    border-radius: 6px
}

.PageHeader .PageHeader-parentLink a:hover {
    color: var(--color-fg-default);
    text-decoration: none;
    background: var(--color-canvas-subtle)
}

.PageHeader .PageHeader-parentLink .PageHeader-parentLink-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.PageHeader .PageHeader-titleBar {
    display: flex;
    column-gap: 16px
}

.PageHeader .PageHeader-titleBar .PageHeader-titleWrap {
    flex: 1 1 auto
}

.PageHeader .PageHeader-titleBar .PageHeader-actions {
    flex: 0 0 auto
}

.PageHeader .PageHeader-titleWrap {
    display: flex;
    column-gap: 8px
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
    font: 400 var(--text-title-size-large, 2rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-backButton {
    height: var(--text-title-lineHeight-large, 2.5rem)
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large .PageHeader-leadingVisual {
    max-height: var(--text-title-lineHeight-large, 2.5rem)
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
    font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
    font: 400 var(--text-subtitle-size, 1.25rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
}

@media(max-width: 768px) {
    .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--large {
        font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
    }

    .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--medium {
        font: 600 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
    }

    .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--subtitle {
        font: 400 var(--text-title-size-medium, 1.25rem) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"
    }
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasLeadingVisual {
    display: flex
}

.PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
    margin-left: -4px
}

@media(min-width: 768px) {
    .PageHeader .PageHeader-titleWrap.PageHeader-titleWrap--hasBackButton:first-child {
        display: flex !important;
        align-items: center;
        margin-left: 8px;
        grid-template-columns: min-content auto
    }
}

.PageHeader .PageHeader-titleWrap h1,
.PageHeader .PageHeader-titleWrap h2,
.PageHeader .PageHeader-titleWrap h3 {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.PageHeader .PageHeader-titleWrap .PageHeader-title {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-columns: auto;
    align-items: center;
    gap: 8px
}

.PageHeader .PageHeader-titleWrap .PageHeader-leadingVisual {
    display: grid;
    align-items: center;
    max-height: var(--text-title-lineHeight-large, 1.5)
}

.PageHeader .PageHeader-titleWrap .PageHeader-trailingVisual {
    display: grid;
    align-items: center;
    max-height: var(--text-title-lineHeight-large, 1.5)
}

.PageHeader .PageHeader-titleWrap .PageHeader-backButton {
    position: relative;
    display: grid;
    width: 16px;
    height: var(--text-title-lineHeight-medium, 1.5rem);
    align-items: center;
    padding: 0;
    color: inherit;
    border-radius: 6px
}

@media(max-width: 768px) {
    .PageHeader .PageHeader-titleWrap .PageHeader-backButton {
        display: none
    }
}

.PageHeader .PageHeader-description {
    margin-top: 8px;
    overflow: auto
}

.PageHeader .PageHeader-navigation {
    margin-top: 16px;
    overflow: auto
}

.QueryBuilder-StyledInput {
    display: inline-flex;
    width: 100%;
    min-height: var(--control-medium-size, 32px);
    color: var(--color-fg-default);
    vertical-align: middle;
    cursor: text;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 6px);
    outline: none;
    align-items: center;
    gap: 4px
}

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

.QueryBuilder-StyledInputContainer {
    position: relative;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: inherit;
    align-items: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 1;
    align-self: stretch
}

.QueryBuilder-StyledInputContainer::-webkit-scrollbar {
    display: none
}

.QueryBuilder-StyledInputContent {
    position: absolute;
    display: inline-flex;
    padding: 0;
    word-break: break-word;
    white-space: pre;
    -webkit-user-select: none;
    user-select: none;
    flex: 1
}

.QueryBuilder-leadingVisualWrap {
    margin: 4px 4px 4px 8px;
    color: var(--color-fg-muted)
}

.QueryBuilder-spacer {
    width: 8px;
    height: 100%
}

.QueryBuilder-InputWrapper {
    width: 100%;
    align-self: stretch
}

.QueryBuilder-Sizer {
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    overflow: scroll;
    white-space: pre;
    visibility: hidden
}

.QueryBuilder-Input {
    position: relative;
    display: flex;
    min-width: 100%;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    color: transparent;
    resize: none;
    background: transparent;
    border: 0;
    outline: none;
    caret-color: var(--color-fg-default)
}

.QueryBuilder-Input:focus {
    border: 0 !important;
    box-shadow: none !important
}

query-builder:not(:defined) .QueryBuilder-Input {
    color: var(--color-fg-default)
}

.QueryBuilder-ListItem {
    display: grid;
    grid-template-columns: max-content minmax(0, auto) max-content;
    grid-template-areas: "leadingVisual label trailingLabel";
    -webkit-user-select: unset;
    user-select: unset
}

.QueryBuilder-ListItem-link {
    color: inherit;
    text-decoration: none !important
}

.QueryBuilder-ListItem-trailing {
    grid-area: trailingLabel
}

.QueryBuilder-ListWrap {
    max-height: 20em;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto !important
}

.QueryBuilder [data-type=filter-value] {
    color: var(--color-accent-fg);
    background-color: var(--color-accent-subtle);
    border-radius: var(--borderRadius-small, 3px)
}

.QueryBuilder .qb-filter-value {
    color: var(--color-accent-fg);
    background-color: var(--color-accent-subtle);
    border-radius: var(--borderRadius-small, 3px)
}

.QueryBuilder .qb-entity {
    color: var(--color-prettylights-syntax-entity)
}

.QueryBuilder .qb-constant {
    color: var(--color-prettylights-syntax-constant)
}

.QueryBuilder .ActionList-sectionDivider:not(:empty) {
    padding: 0
}

@media(min-width: 1012px) {
    .hx_actions-sidebar {
        max-width: 320px
    }
}

.hx_anim-fade-out {
    animation-name: hx-fade-out;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out
}

@keyframes hx-fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.AvatarStack--large {
    min-width: 44px;
    height: 32px
}

.AvatarStack--large.AvatarStack--two {
    min-width: 48px
}

.AvatarStack--large.AvatarStack--three-plus {
    min-width: 52px
}

.AvatarStack--large .AvatarStack-body .avatar {
    width: 32px;
    height: 32px;
    margin-right: -28px
}

.AvatarStack--large .AvatarStack-body:hover .avatar {
    margin-right: 4px
}

.AvatarStack--large .avatar.avatar-more::before {
    width: 32px
}

.AvatarStack--large .avatar.avatar-more::after {
    width: 30px
}

.AvatarStack--large .avatar.avatar-more::after,
.AvatarStack--large .avatar.avatar-more::before {
    height: 32px
}

.hx_avatar_stack_commit .AvatarStack {
    min-width: 24px;
    height: 24px
}

.hx_avatar_stack_commit .AvatarStack .avatar {
    width: 24px;
    height: 24px
}

.hx_avatar_stack_commit .AvatarStack.AvatarStack--two {
    min-width: 40px
}

.hx_avatar_stack_commit .AvatarStack.AvatarStack--three-plus {
    min-width: 44px
}

.hx_flex-avatar-stack {
    display: flex;
    align-items: center
}

.hx_flex-avatar-stack-item {
    min-width: 0;
    max-width: 24px
}

.hx_flex-avatar-stack-item .avatar {
    display: block;
    background-color: var(--color-canvas-default);
    border: 2px solid var(--color-canvas-default);
    box-shadow: none
}

.hx_flex-avatar-stack-item:last-of-type {
    flex-shrink: 0;
    max-width: none
}

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

.AvatarStack-body:not(:hover) {
    background-color: transparent
}

.AvatarStack--three-plus.AvatarStack--three-plus .avatar-more {
    display: none
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body .avatar:nth-child(n+4) {
    display: flex;
    opacity: 1
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover) .avatar:nth-of-type(n + 6) {
    display: none;
    opacity: 0
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body>.avatar:nth-of-type(1) {
    z-index: 5
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body>.avatar:nth-of-type(2) {
    z-index: 4
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body>.avatar:nth-of-type(3) {
    z-index: 3
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body>.avatar:nth-of-type(4) {
    z-index: 2
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body>.avatar:nth-of-type(5) {
    z-index: 1
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) img {
    opacity: .5
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) img {
    opacity: .33
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) img {
    opacity: .25
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) {
    margin-right: 0;
    margin-left: -6px
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) {
    margin-right: 0;
    margin-left: -18px
}

.AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) {
    margin-right: 0;
    margin-left: -18px
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) {
    margin-right: -6px;
    margin-left: 0
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) {
    margin-right: -18px;
    margin-left: 0
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--right .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) {
    margin-right: -18px;
    margin-left: 0
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) {
    margin-right: 0;
    margin-left: -2px
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) {
    margin-right: 0;
    margin-left: -30px
}

.AvatarStack--three-plus.AvatarStack--three-plus.AvatarStack--large .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) {
    margin-right: 0;
    margin-left: -30px
}

.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more+.avatar:nth-of-type(3) {
    margin-right: 0;
    margin-left: -10px
}

.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(4) {
    margin-right: 0;
    margin-left: -21px
}

.hx_avatar_stack_commit .AvatarStack--three-plus.AvatarStack--three-plus .AvatarStack-body:not(:hover)>.avatar-more~.avatar:nth-of-type(5) {
    margin-right: 0;
    margin-left: -21px
}

.hx_badge-search-container {
    cursor: text
}

.hx_badge-search-container .hx_badge-input {
    border: 0;
    outline: 0;
    box-shadow: none
}

.hx_badge-search-container .hx_badge-input:focus {
    border: 0 !important;
    box-shadow: none !important
}

.hx_badge-search-container .hx_badge-input::placeholder {
    font-size: 12px
}

.hx_badge-search-container .hx_badge-input-inline {
    height: 30px
}

.hx_badge {
    cursor: pointer
}

.hx_badge[aria-pressed=true] {
    color: var(--color-fg-on-emphasis) !important;
    background-color: var(--color-accent-emphasis) !important;
    border-color: var(--color-accent-emphasis) !important
}

.hx_Box--firstRowRounded0 .Box-row:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.Box-row:first-of-type {
    border-top-color: transparent
}

.hx_Box-row--with-top-border:first-of-type {
    border-top-color: inherit
}

.Box--overlay [data-close-dialog],
.Box-overlay--narrow [data-close-dialog],
.Box-overlay--wide [data-close-dialog] {
    z-index: 1
}

.dropdown-item.btn-link:disabled,
.dropdown-item.btn-link:disabled:hover,
.dropdown-item.btn-link[aria-disabled=true],
.dropdown-item.btn-link[aria-disabled=true]:hover {
    background-color: transparent
}

@media(-webkit-min-device-pixel-ratio: 2)and (-webkit-min-device-pixel-ratio: 0), (-webkit-min-device-pixel-ratio: 2)and (min-resolution: 0.001dpcm) {
    g-emoji {
        font-size: 1.25em
    }
}

.hx_create-pr-button:hover {
    border-right-width: 0
}

.hx_create-pr-button:hover+.BtnGroup-parent .BtnGroup-item {
    border-left-width: 1px
}

summary[type=button].btn {
    -webkit-appearance: none;
    appearance: none
}

.form-control:-webkit-autofill {
    box-shadow: inset 0 0 0 32px var(--color-canvas-default) !important;
    -webkit-text-fill-color: var(--color-fg-default)
}

.form-control:-webkit-autofill:focus {
    box-shadow: inset 0 0 0 32px var(--color-canvas-default), 0 0 0 2px var(--color-accent-fg) !important
}

::-webkit-calendar-picker-indicator {
    filter: invert(50%)
}

[data-color-mode=light][data-light-theme*=dark] ::selection,
[data-color-mode=dark][data-dark-theme*=dark] ::selection {
    background-color: var(--color-accent-muted)
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] ::selection {
        background-color: var(--color-accent-muted)
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] ::selection {
        background-color: var(--color-accent-muted)
    }
}

@font-face {
    font-family: "Noto Sans";
    src: local(sans-serif);
    unicode-range: U+60
}

[data-color-mode=light][data-light-theme*=dark],
[data-color-mode=dark][data-dark-theme*=dark] {
    --color-workflow-card-connector: var(--color-scale-gray-5);
    --color-workflow-card-connector-bg: var(--color-scale-gray-5);
    --color-workflow-card-connector-inactive: var(--color-border-default);
    --color-workflow-card-connector-inactive-bg: var(--color-border-default);
    --color-workflow-card-connector-highlight: var(--color-scale-blue-5);
    --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5);
    --color-workflow-card-bg: var(--color-scale-gray-7);
    --color-workflow-card-inactive-bg: var(--color-canvas-inset);
    --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
    --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5);
    --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6);
    --color-discussions-state-answered-icon: var(--color-scale-green-3);
    --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);
    --color-notifications-button-text: var(--color-scale-white);
    --color-notifications-button-hover-text: var(--color-scale-white);
    --color-notifications-button-hover-bg: var(--color-scale-blue-4);
    --color-notifications-row-read-bg: var(--color-canvas-default);
    --color-notifications-row-bg: var(--color-canvas-subtle);
    --color-icon-directory: var(--color-fg-muted);
    --color-checks-step-error-icon: var(--color-scale-red-4);
    --color-calendar-halloween-graph-day-L1-bg: #631c03;
    --color-calendar-halloween-graph-day-L2-bg: #bd561d;
    --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
    --color-calendar-halloween-graph-day-L4-bg: #fddf68;
    --color-calendar-winter-graph-day-L1-bg: #0A3069;
    --color-calendar-winter-graph-day-L2-bg: #0969DA;
    --color-calendar-winter-graph-day-L3-bg: #54AEFF;
    --color-calendar-winter-graph-day-L4-bg: #B6E3FF;
    --color-calendar-graph-day-bg: var(--color-scale-gray-8);
    --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
    --color-calendar-graph-day-L1-bg: #0e4429;
    --color-calendar-graph-day-L2-bg: #006d32;
    --color-calendar-graph-day-L3-bg: #26a641;
    --color-calendar-graph-day-L4-bg: #39d353;
    --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
    --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
    --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
    --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
    --color-user-mention-fg: var(--color-scale-yellow-0);
    --color-user-mention-bg: var(--color-scale-yellow-8);
    --color-dashboard-feed-bg: var(--color-scale-gray-9);
    --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-2);
    --color-marketing-icon-secondary: var(--color-scale-blue-5);
    --color-project-header-bg: var(--color-scale-gray-9);
    --color-project-sidebar-bg: var(--color-scale-gray-8);
    --color-project-gradient-in: var(--color-scale-gray-8);
    --color-project-gradient-out: rgba(22, 27, 34, 0);
    --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
    --color-checks-donut-error: var(--color-scale-red-4);
    --color-checks-donut-pending: var(--color-scale-yellow-3);
    --color-checks-donut-success: var(--color-scale-green-4);
    --color-checks-donut-neutral: var(--color-scale-gray-3);
    --color-text-white: var(--color-scale-white)
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] {
        --color-workflow-card-connector: var(--color-scale-gray-5);
        --color-workflow-card-connector-bg: var(--color-scale-gray-5);
        --color-workflow-card-connector-inactive: var(--color-border-default);
        --color-workflow-card-connector-inactive-bg: var(--color-border-default);
        --color-workflow-card-connector-highlight: var(--color-scale-blue-5);
        --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5);
        --color-workflow-card-bg: var(--color-scale-gray-7);
        --color-workflow-card-inactive-bg: var(--color-canvas-inset);
        --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
        --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5);
        --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6);
        --color-discussions-state-answered-icon: var(--color-scale-green-3);
        --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);
        --color-notifications-button-text: var(--color-scale-white);
        --color-notifications-button-hover-text: var(--color-scale-white);
        --color-notifications-button-hover-bg: var(--color-scale-blue-4);
        --color-notifications-row-read-bg: var(--color-canvas-default);
        --color-notifications-row-bg: var(--color-canvas-subtle);
        --color-icon-directory: var(--color-fg-muted);
        --color-checks-step-error-icon: var(--color-scale-red-4);
        --color-calendar-halloween-graph-day-L1-bg: #631c03;
        --color-calendar-halloween-graph-day-L2-bg: #bd561d;
        --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
        --color-calendar-halloween-graph-day-L4-bg: #fddf68;
        --color-calendar-winter-graph-day-L1-bg: #0A3069;
        --color-calendar-winter-graph-day-L2-bg: #0969DA;
        --color-calendar-winter-graph-day-L3-bg: #54AEFF;
        --color-calendar-winter-graph-day-L4-bg: #B6E3FF;
        --color-calendar-graph-day-bg: var(--color-scale-gray-8);
        --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L1-bg: #0e4429;
        --color-calendar-graph-day-L2-bg: #006d32;
        --color-calendar-graph-day-L3-bg: #26a641;
        --color-calendar-graph-day-L4-bg: #39d353;
        --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
        --color-user-mention-fg: var(--color-scale-yellow-0);
        --color-user-mention-bg: var(--color-scale-yellow-8);
        --color-dashboard-feed-bg: var(--color-scale-gray-9);
        --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-project-header-bg: var(--color-scale-gray-9);
        --color-project-sidebar-bg: var(--color-scale-gray-8);
        --color-project-gradient-in: var(--color-scale-gray-8);
        --color-project-gradient-out: rgba(22, 27, 34, 0);
        --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
        --color-checks-donut-error: var(--color-scale-red-4);
        --color-checks-donut-pending: var(--color-scale-yellow-3);
        --color-checks-donut-success: var(--color-scale-green-4);
        --color-checks-donut-neutral: var(--color-scale-gray-3);
        --color-text-white: var(--color-scale-white)
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] {
        --color-workflow-card-connector: var(--color-scale-gray-5);
        --color-workflow-card-connector-bg: var(--color-scale-gray-5);
        --color-workflow-card-connector-inactive: var(--color-border-default);
        --color-workflow-card-connector-inactive-bg: var(--color-border-default);
        --color-workflow-card-connector-highlight: var(--color-scale-blue-5);
        --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-5);
        --color-workflow-card-bg: var(--color-scale-gray-7);
        --color-workflow-card-inactive-bg: var(--color-canvas-inset);
        --color-workflow-card-header-shadow: rgba(27, 31, 35, 0.04);
        --color-workflow-card-progress-complete-bg: var(--color-scale-blue-5);
        --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-6);
        --color-discussions-state-answered-icon: var(--color-scale-green-3);
        --color-bg-discussions-row-emoji-box: var(--color-scale-gray-6);
        --color-notifications-button-text: var(--color-scale-white);
        --color-notifications-button-hover-text: var(--color-scale-white);
        --color-notifications-button-hover-bg: var(--color-scale-blue-4);
        --color-notifications-row-read-bg: var(--color-canvas-default);
        --color-notifications-row-bg: var(--color-canvas-subtle);
        --color-icon-directory: var(--color-fg-muted);
        --color-checks-step-error-icon: var(--color-scale-red-4);
        --color-calendar-halloween-graph-day-L1-bg: #631c03;
        --color-calendar-halloween-graph-day-L2-bg: #bd561d;
        --color-calendar-halloween-graph-day-L3-bg: #fa7a18;
        --color-calendar-halloween-graph-day-L4-bg: #fddf68;
        --color-calendar-winter-graph-day-L1-bg: #0A3069;
        --color-calendar-winter-graph-day-L2-bg: #0969DA;
        --color-calendar-winter-graph-day-L3-bg: #54AEFF;
        --color-calendar-winter-graph-day-L4-bg: #B6E3FF;
        --color-calendar-graph-day-bg: var(--color-scale-gray-8);
        --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L1-bg: #0e4429;
        --color-calendar-graph-day-L2-bg: #006d32;
        --color-calendar-graph-day-L3-bg: #26a641;
        --color-calendar-graph-day-L4-bg: #39d353;
        --color-calendar-graph-day-L1-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L2-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L3-border: rgba(255, 255, 255, 0.05);
        --color-calendar-graph-day-L4-border: rgba(255, 255, 255, 0.05);
        --color-user-mention-fg: var(--color-scale-yellow-0);
        --color-user-mention-bg: var(--color-scale-yellow-8);
        --color-dashboard-feed-bg: var(--color-scale-gray-9);
        --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-project-header-bg: var(--color-scale-gray-9);
        --color-project-sidebar-bg: var(--color-scale-gray-8);
        --color-project-gradient-in: var(--color-scale-gray-8);
        --color-project-gradient-out: rgba(22, 27, 34, 0);
        --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
        --color-checks-donut-error: var(--color-scale-red-4);
        --color-checks-donut-pending: var(--color-scale-yellow-3);
        --color-checks-donut-success: var(--color-scale-green-4);
        --color-checks-donut-neutral: var(--color-scale-gray-3);
        --color-text-white: var(--color-scale-white)
    }
}

:root,
[data-color-mode=light][data-light-theme*=light],
[data-color-mode=dark][data-dark-theme*=light] {
    --color-workflow-card-connector: var(--color-scale-gray-3);
    --color-workflow-card-connector-bg: var(--color-scale-gray-3);
    --color-workflow-card-connector-inactive: var(--color-border-default);
    --color-workflow-card-connector-inactive-bg: var(--color-border-default);
    --color-workflow-card-connector-highlight: var(--color-scale-blue-4);
    --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-4);
    --color-workflow-card-bg: var(--color-scale-white);
    --color-workflow-card-inactive-bg: var(--color-canvas-inset);
    --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
    --color-workflow-card-progress-complete-bg: var(--color-scale-blue-4);
    --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-2);
    --color-discussions-state-answered-icon: var(--color-scale-white);
    --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
    --color-notifications-button-text: var(--color-fg-muted);
    --color-notifications-button-hover-text: var(--color-fg-default);
    --color-notifications-button-hover-bg: var(--color-scale-gray-2);
    --color-notifications-row-read-bg: var(--color-canvas-subtle);
    --color-notifications-row-bg: var(--color-scale-white);
    --color-icon-directory: var(--color-scale-blue-3);
    --color-checks-step-error-icon: var(--color-scale-red-4);
    --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
    --color-calendar-halloween-graph-day-L2-bg: #ffc501;
    --color-calendar-halloween-graph-day-L3-bg: #fe9600;
    --color-calendar-halloween-graph-day-L4-bg: #03001c;
    --color-calendar-winter-graph-day-L1-bg: #B6E3FF;
    --color-calendar-winter-graph-day-L2-bg: #54AEFF;
    --color-calendar-winter-graph-day-L3-bg: #0969DA;
    --color-calendar-winter-graph-day-L4-bg: #0A3069;
    --color-calendar-graph-day-bg: #ebedf0;
    --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
    --color-calendar-graph-day-L1-bg: #9be9a8;
    --color-calendar-graph-day-L2-bg: #40c463;
    --color-calendar-graph-day-L3-bg: #30a14e;
    --color-calendar-graph-day-L4-bg: #216e39;
    --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
    --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
    --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
    --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
    --color-user-mention-fg: var(--color-fg-default);
    --color-user-mention-bg: var(--color-attention-subtle);
    --color-dashboard-feed-bg: var(--color-scale-white);
    --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-4);
    --color-marketing-icon-secondary: var(--color-scale-blue-3);
    --color-project-header-bg: var(--color-scale-gray-9);
    --color-project-sidebar-bg: var(--color-scale-white);
    --color-project-gradient-in: var(--color-scale-white);
    --color-project-gradient-out: rgba(255, 255, 255, 0);
    --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
    --color-checks-donut-error: var(--color-scale-red-4);
    --color-checks-donut-pending: var(--color-scale-yellow-4);
    --color-checks-donut-success: var(--color-success-emphasis);
    --color-checks-donut-neutral: var(--color-scale-gray-3);
    --color-text-white: var(--color-scale-white)
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=light] {
        --color-workflow-card-connector: var(--color-scale-gray-3);
        --color-workflow-card-connector-bg: var(--color-scale-gray-3);
        --color-workflow-card-connector-inactive: var(--color-border-default);
        --color-workflow-card-connector-inactive-bg: var(--color-border-default);
        --color-workflow-card-connector-highlight: var(--color-scale-blue-4);
        --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-4);
        --color-workflow-card-bg: var(--color-scale-white);
        --color-workflow-card-inactive-bg: var(--color-canvas-inset);
        --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
        --color-workflow-card-progress-complete-bg: var(--color-scale-blue-4);
        --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-2);
        --color-discussions-state-answered-icon: var(--color-scale-white);
        --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
        --color-notifications-button-text: var(--color-fg-muted);
        --color-notifications-button-hover-text: var(--color-fg-default);
        --color-notifications-button-hover-bg: var(--color-scale-gray-2);
        --color-notifications-row-read-bg: var(--color-canvas-subtle);
        --color-notifications-row-bg: var(--color-scale-white);
        --color-icon-directory: var(--color-scale-blue-3);
        --color-checks-step-error-icon: var(--color-scale-red-4);
        --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
        --color-calendar-halloween-graph-day-L2-bg: #ffc501;
        --color-calendar-halloween-graph-day-L3-bg: #fe9600;
        --color-calendar-halloween-graph-day-L4-bg: #03001c;
        --color-calendar-winter-graph-day-L1-bg: #B6E3FF;
        --color-calendar-winter-graph-day-L2-bg: #54AEFF;
        --color-calendar-winter-graph-day-L3-bg: #0969DA;
        --color-calendar-winter-graph-day-L4-bg: #0A3069;
        --color-calendar-graph-day-bg: #ebedf0;
        --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L1-bg: #9be9a8;
        --color-calendar-graph-day-L2-bg: #40c463;
        --color-calendar-graph-day-L3-bg: #30a14e;
        --color-calendar-graph-day-L4-bg: #216e39;
        --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
        --color-user-mention-fg: var(--color-fg-default);
        --color-user-mention-bg: var(--color-attention-subtle);
        --color-dashboard-feed-bg: var(--color-scale-white);
        --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-project-header-bg: var(--color-scale-gray-9);
        --color-project-sidebar-bg: var(--color-scale-white);
        --color-project-gradient-in: var(--color-scale-white);
        --color-project-gradient-out: rgba(255, 255, 255, 0);
        --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
        --color-checks-donut-error: var(--color-scale-red-4);
        --color-checks-donut-pending: var(--color-scale-yellow-4);
        --color-checks-donut-success: var(--color-success-emphasis);
        --color-checks-donut-neutral: var(--color-scale-gray-3);
        --color-text-white: var(--color-scale-white)
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=light] {
        --color-workflow-card-connector: var(--color-scale-gray-3);
        --color-workflow-card-connector-bg: var(--color-scale-gray-3);
        --color-workflow-card-connector-inactive: var(--color-border-default);
        --color-workflow-card-connector-inactive-bg: var(--color-border-default);
        --color-workflow-card-connector-highlight: var(--color-scale-blue-4);
        --color-workflow-card-connector-highlight-bg: var(--color-scale-blue-4);
        --color-workflow-card-bg: var(--color-scale-white);
        --color-workflow-card-inactive-bg: var(--color-canvas-inset);
        --color-workflow-card-header-shadow: rgba(0, 0, 0, 0);
        --color-workflow-card-progress-complete-bg: var(--color-scale-blue-4);
        --color-workflow-card-progress-incomplete-bg: var(--color-scale-gray-2);
        --color-discussions-state-answered-icon: var(--color-scale-white);
        --color-bg-discussions-row-emoji-box: rgba(209, 213, 218, 0.5);
        --color-notifications-button-text: var(--color-fg-muted);
        --color-notifications-button-hover-text: var(--color-fg-default);
        --color-notifications-button-hover-bg: var(--color-scale-gray-2);
        --color-notifications-row-read-bg: var(--color-canvas-subtle);
        --color-notifications-row-bg: var(--color-scale-white);
        --color-icon-directory: var(--color-scale-blue-3);
        --color-checks-step-error-icon: var(--color-scale-red-4);
        --color-calendar-halloween-graph-day-L1-bg: #ffee4a;
        --color-calendar-halloween-graph-day-L2-bg: #ffc501;
        --color-calendar-halloween-graph-day-L3-bg: #fe9600;
        --color-calendar-halloween-graph-day-L4-bg: #03001c;
        --color-calendar-winter-graph-day-L1-bg: #B6E3FF;
        --color-calendar-winter-graph-day-L2-bg: #54AEFF;
        --color-calendar-winter-graph-day-L3-bg: #0969DA;
        --color-calendar-winter-graph-day-L4-bg: #0A3069;
        --color-calendar-graph-day-bg: #ebedf0;
        --color-calendar-graph-day-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L1-bg: #9be9a8;
        --color-calendar-graph-day-L2-bg: #40c463;
        --color-calendar-graph-day-L3-bg: #30a14e;
        --color-calendar-graph-day-L4-bg: #216e39;
        --color-calendar-graph-day-L1-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L2-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L3-border: rgba(27, 31, 35, 0.06);
        --color-calendar-graph-day-L4-border: rgba(27, 31, 35, 0.06);
        --color-user-mention-fg: var(--color-fg-default);
        --color-user-mention-bg: var(--color-attention-subtle);
        --color-dashboard-feed-bg: var(--color-scale-white);
        --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-project-header-bg: var(--color-scale-gray-9);
        --color-project-sidebar-bg: var(--color-scale-white);
        --color-project-gradient-in: var(--color-scale-white);
        --color-project-gradient-out: rgba(255, 255, 255, 0);
        --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply;
        --color-checks-donut-error: var(--color-scale-red-4);
        --color-checks-donut-pending: var(--color-scale-yellow-4);
        --color-checks-donut-success: var(--color-success-emphasis);
        --color-checks-donut-neutral: var(--color-scale-gray-3);
        --color-text-white: var(--color-scale-white)
    }
}

.hx_color-icon-directory {
    color: var(--color-icon-directory)
}

.hx_comment-box--tip::after {
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default)) !important
}

.hx_keyword-hl {
    background-color: var(--color-search-keyword-hl)
}

.hx_dot-fill-pending-icon {
    color: var(--color-attention-emphasis) !important
}

@media(max-width: 543px) {

    [data-color-mode=light][data-light-theme*=dark],
    [data-color-mode=dark][data-dark-theme*=dark] {
        --color-fg-default: var(--color-scale-gray-0);
        --color-canvas-default: var(--color-scale-gray-8)
    }
}

@media(max-width: 543px)and (prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] {
        --color-fg-default: var(--color-scale-gray-0);
        --color-canvas-default: var(--color-scale-gray-8)
    }
}

@media(max-width: 543px)and (prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] {
        --color-fg-default: var(--color-scale-gray-0);
        --color-canvas-default: var(--color-scale-gray-8)
    }
}

:root[data-color-mode=dark] .entry-content [href$="#gh-light-mode-only"],
:root[data-color-mode=dark] .comment-body [href$="#gh-light-mode-only"],
:root[data-color-mode=dark] .readme [href$="#gh-light-mode-only"] {
    display: none
}

:root[data-color-mode=light] .entry-content [href$="#gh-dark-mode-only"],
:root[data-color-mode=light] .comment-body [href$="#gh-dark-mode-only"],
:root[data-color-mode=light] .readme [href$="#gh-dark-mode-only"] {
    display: none
}

@media(prefers-color-scheme: dark) {

    :root[data-color-mode=auto] .entry-content [href$="#gh-light-mode-only"],
    :root[data-color-mode=auto] .comment-body [href$="#gh-light-mode-only"],
    :root[data-color-mode=auto] .readme [href$="#gh-light-mode-only"] {
        display: none
    }
}

@media(prefers-color-scheme: light) {

    :root[data-color-mode=auto] .entry-content [href$="#gh-dark-mode-only"],
    :root[data-color-mode=auto] .comment-body [href$="#gh-dark-mode-only"],
    :root[data-color-mode=auto] .readme [href$="#gh-dark-mode-only"] {
        display: none
    }
}

.colorblind-themes-v1 {
    --color-open-fg: var(--color-success-fg);
    --color-open-emphasis: var(--color-success-emphasis);
    --color-open-muted: var(--color-success-muted);
    --color-open-subtle: var(--color-success-subtle);
    --color-closed-fg: var(--color-danger-fg);
    --color-closed-emphasis: var(--color-danger-emphasis);
    --color-closed-muted: var(--color-danger-muted);
    --color-closed-subtle: var(--color-danger-subtle)
}

.decoration-none {
    text-decoration: none !important;
}

.decoration-none:hover {
    text-decoration: none !important;
}

.dropdown-item:focus [class*=color-text-],
.dropdown-item:hover [class*=color-text-] {
    color: inherit !important
}

.filter-item.selected [class*=color-text-] {
    color: inherit !important
}

body:not(.intent-mouse) .hx_focus-input:focus+.hx_focus-target {
    box-shadow: 0 0 0 2px var(--color-accent-fg)
}

.reset-btn-override {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted)
}

.reset-btn-override:hover {
    color: var(--color-accent-fg);
    text-decoration: none
}

.reset-btn-override:hover .reset-btn-override-icon {
    background-color: var(--color-accent-emphasis)
}

.reset-btn-override-icon {
    width: 18px;
    height: 18px;
    padding: 1px;
    margin-right: 3px;
    color: var(--color-fg-on-emphasis);
    text-align: center;
    background-color: var(--color-neutral-emphasis);
    border-radius: 6px
}

.is-auto-complete-loading .form-control {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 16px
}

[data-color-mode=dark] .is-auto-complete-loading .form-control {
    background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important
}

[data-color-mode=light] .is-auto-complete-loading .form-control {
    background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme^=light] .is-auto-complete-loading .form-control {
        background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important
    }

    [data-color-mode=auto][data-dark-theme^=dark] .is-auto-complete-loading .form-control {
        background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important
    }
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme^=light] .is-auto-complete-loading .form-control {
        background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important
    }

    [data-color-mode=auto][data-light-theme^=dark] .is-auto-complete-loading .form-control {
        background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important
    }
}

.hx_breadcrumb-header-crumbs .Header-link {
    transition: opacity .1s ease-out
}

.hx_breadcrumb-header-crumbs .Header-link:hover {
    color: var(--color-header-text);
    opacity: .75
}

.hx_breadcrumb-header-divider {
    color: var(--color-header-divider)
}

.Header-button {
    background-color: var(--color-scale-gray-8);
    border: 1px solid var(--color-scale-gray-6);
    border-radius: 6px;
    transition: background-color .2s cubic-bezier(0.3, 0, 0.5, 1)
}

.Header-button .octicon {
    color: var(--color-header-logo)
}

.Header-button:hover,
.Header-button:focus,
.Header-button:active {
    background-color: transparent
}

.Header-button:hover .octicon,
.Header-button:focus .octicon,
.Header-button:active .octicon {
    color: var(--color-header-text);
    box-shadow: none
}

.hx_breadcrumb-header-dropdown::before,
.hx_breadcrumb-header-dropdown::after {
    display: none
}

.hx_breadcrumb-header-dropdown .dropdown-item {
    line-height: 40px;
    transition: background-color 60ms ease-out
}

.hx_breadcrumb-header-dropdown .dropdown-item:hover {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-subtle)
}

.icon-sponsor,
.icon-sponsoring {
    transition: transform .15s cubic-bezier(0.2, 0, 0.13, 2);
    transform: scale(1)
}

.btn:hover .icon-sponsor,
.btn:focus .icon-sponsor,
.Label:hover .icon-sponsor,
.Label:focus .icon-sponsor,
.btn:hover .icon-sponsoring,
.btn:focus .icon-sponsoring,
.Label:hover .icon-sponsoring,
.Label:focus .icon-sponsoring {
    transform: scale(1.1)
}

.icon-sponsor {
    overflow: visible !important
}

.hx_kbd {
    display: inline-block;
    min-width: 21px;
    padding: 0 4px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.5;
    color: var(--color-fg-muted);
    text-align: center;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px;
    box-shadow: none
}

.hx_hit-user em,
.hx_hit-package em,
.hx_hit-marketplace em,
.hx_hit-highlighting-wrapper em,
.hx_hit-commit em,
.hx_hit-issue em,
.hx_hit-repo em,
.hx_hit-wiki em {
    font-style: normal;
    font-weight: var(--base-text-weight-semibold, 600)
}

.SelectMenu-list.select-menu-list {
    max-height: none
}

@media(max-width: 543px) {
    .SelectMenu-modal {
        width: unset !important
    }
}

.SelectMenu--hasFilter .SelectMenu-list {
    contain: content
}

.SelectMenu-item:disabled,
.SelectMenu-item[aria-disabled=true] {
    color: var(--color-fg-muted);
    pointer-events: none
}

.SelectMenu .SelectMenu-item .is-filtering {
    color: var(--color-fg-muted)
}

.SelectMenu .SelectMenu-item .is-filtering b {
    color: var(--color-fg-default)
}

label.SelectMenu-item {
    font-weight: var(--base-text-weight-normal, 400)
}

label.SelectMenu-item[aria-checked=true] {
    font-weight: var(--base-text-weight-semibold, 600)
}

.hx_SelectMenu-modal-no-animation {
    animation: none
}

.SelectMenu-item.focused {
    background-color: var(--color-neutral-subtle)
}

.Box--responsive {
    margin-right: -15px;
    margin-left: -15px;
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.Box--responsive .Box-row--unread {
    position: relative;
    box-shadow: none
}

.Box--responsive .Box-row--unread::before {
    position: absolute;
    top: 36px;
    left: 20px;
    display: inline-block;
    width: 8px;
    height: 8px;
    color: #fff;
    content: "";
    background-image: linear-gradient(#54a3ff, #006eed);
    background-clip: padding-box;
    border-radius: 50%
}

.Box--responsive .Box-header {
    border-right-width: 0;
    border-left-width: 0;
    border-radius: 0
}

@media(min-width: 544px) {
    .Box--responsive {
        margin-right: 0;
        margin-left: 0;
        border: 1px solid var(--color-border-default);
        border-radius: 6px
    }

    .Box--responsive .Box-header {
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .Box--responsive .Box-row--unread {
        box-shadow: 2px 0 0 var(--color-accent-emphasis) inset
    }

    .Box--responsive .Box-row--unread::before {
        display: none
    }
}

.mw-none {
    max-width: none !important
}

.ImageRemoveBox {
    display: flex !important;
    justify-content: left;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    list-style-type: none;
}

.ImageRemoveBox>.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio] {
    margin-top: 4px;
}

.user-profile-bio-message {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--fgColor-default, var(--color-fg-default));
}

.profileformbio {
    width: 440px !important;
    height: 100px !important;
    min-height: 100px !important;
}

.filebutton[type=file]::file-selector-button {
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border)) !important;
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
    position: relative;
    display: inline-block;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 20px;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid;
    border-radius: 6px;
    -webkit-appearance: none;
    appearance: none;
}

.filebutton[type=file]::file-selector-button:hover {
    text-decoration: none;
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
    transition-duration: .1s;
}

@media(max-width: 767px) {

    .page-responsive .dropdown-menu,
    .page-responsive .dropdown-item {
        padding-top: 8px;
        padding-bottom: 8px
    }

    .page-responsive .hx_dropdown-fullscreen[open]>summary::before {
        background-color: var(--color-primer-canvas-backdrop)
    }

    .page-responsive .hx_dropdown-fullscreen .dropdown-menu {
        position: fixed;
        top: auto;
        right: 16px !important;
        bottom: 20%;
        left: 16px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(80% - 16px);
        margin: 0 !important;
        overflow-y: auto;
        transform: none;
        animation: dropdown-menu-animation .24s cubic-bezier(0, 0.1, 0.1, 1) backwards;
        -webkit-overflow-scrolling: touch
    }

    .page-responsive .hx_dropdown-fullscreen .dropdown-menu::before,
    .page-responsive .hx_dropdown-fullscreen .dropdown-menu::after {
        display: none
    }

    @keyframes dropdown-menu-animation {
        0% {
            opacity: 0;
            transform: scale(0.9)
        }
    }

    .page-responsive .hx_dropdown-fullscreen .dropdown-item {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.hx_rsm-close-button {
    display: none !important
}

@media(max-width: 767px) {
    .page-responsive .hx_rsm[open]>summary::before {
        background-color: var(--color-primer-canvas-backdrop)
    }

    .page-responsive .hx_rsm .select-menu-modal,
    .page-responsive .hx_rsm-modal {
        position: fixed !important;
        top: 75px;
        right: 16px !important;
        left: 16px;
        display: flex;
        width: auto;
        height: 80%;
        margin: 0;
        flex-direction: column;
        animation: hx_rsm-modal-animation .24s .12s cubic-bezier(0, 0.1, 0.1, 1) backwards
    }

    .page-responsive .hx_rsm--auto-height .select-menu-modal {
        top: auto;
        bottom: 20%;
        height: auto;
        max-height: calc(80% - 16px)
    }

    .page-responsive .hx_rsm .select-menu-header,
    .page-responsive .hx_rsm .select-menu-text-filter.select-menu-text-filter {
        padding: 16px;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit
    }

    .page-responsive .hx_rsm tab-container,
    .page-responsive .hx_rsm-content {
        display: flex;
        min-height: 0;
        flex-direction: column;
        flex: auto
    }

    .page-responsive .hx_rsm .select-menu-list {
        flex: auto;
        max-height: none;
        -webkit-overflow-scrolling: touch
    }

    .page-responsive .hx_rsm-content>.select-menu-item {
        flex-shrink: 0
    }

    .page-responsive .hx_rsm .select-menu-item {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-left: 40px
    }

    .page-responsive .hx_rsm .close-button,
    .page-responsive .hx_rsm-close-button {
        position: relative;
        display: block !important
    }

    .page-responsive .hx_rsm .close-button::before,
    .page-responsive .hx_rsm-close-button::before {
        position: absolute;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        content: ""
    }

    .page-responsive .hx_rsm .close-button .octicon-x,
    .page-responsive .hx_rsm-close-button .octicon-x {
        color: var(--color-fg-muted)
    }

    .page-responsive .hx_rsm .select-menu-loading-overlay {
        animation-delay: 1s
    }

    .page-responsive .hx_rsm .select-menu-button::before,
    .page-responsive .hx_rsm-trigger::before {
        animation: hx_rsm-trigger-animation .24s cubic-bezier(0, 0, 0.2, 1) backwards
    }

    @keyframes hx_rsm-trigger-animation {
        0% {
            opacity: 0
        }
    }

    @keyframes hx_rsm-modal-animation {
        0% {
            opacity: 0;
            transform: scale(0.9)
        }
    }

    .page-responsive .hx_rsm-dialog {
        max-width: none;
        height: auto;
        max-height: 80%;
        transform: none
    }

    .page-responsive .hx_rsm-dialog-content {
        flex: 1;
        min-height: 0
    }
}

@media(max-width: 767px)and (max-height: 500px) {

    .page-responsive .hx_rsm .select-menu-modal,
    .page-responsive .hx_rsm-modal {
        bottom: 16px;
        height: auto
    }
}

.select-menu-modal {
    border-color: var(--color-border-default);
    box-shadow: var(--color-shadow-large)
}

.select-menu-header,
.select-menu-filters {
    background: var(--color-canvas-overlay)
}

.select-menu-text-filter input {
    padding: 5px 12px
}

.select-menu-item {
    text-align: left;
    background-color: var(--color-canvas-overlay);
    border-top: 0;
    border-right: 0;
    border-left: 0
}

.preview-selected .tabnav--responsive {
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default))
}

.tabnav--responsive .tabnav-tabs {
    z-index: 1
}

@media(max-width: 767px) {
    .tabnav--responsive .tabnav-tab {
        background-color: var(--color-canvas-subtle);
        border: 1px solid var(--borderColor-default, var(--color-border-default));
        border-left: 0;
        border-radius: 0
    }

    .tabnav--responsive .tabnav-tab:first-child {
        border-left: 1px solid var(--borderColor-default, var(--color-border-default))
    }

    .tabnav--responsive .tabnav-tab[aria-selected=true],
    .tabnav--responsive .tabnav-tab.selected {
        background-color: var(--color-canvas-default);
        border-bottom: 0
    }
}

@media(max-width: 767px) {
    .hx_sm-hide-drag-drop textarea {
        border-bottom: 1px solid var(--borderColor-default, var(--color-border-default));
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px
    }

    .hx_sm-hide-drag-drop .hx_drag-and-drop {
        display: none !important
    }
}

@media(hover: none) {

    .tooltipped:hover::before,
    .tooltipped:hover::after {
        display: none
    }
}

@media(hover: none) {

    .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 {
        visibility: visible !important
    }
}

.min-width-lg {
    min-width: 1012px
}

.min-width-xl {
    min-width: 1280px
}

.min-height-0 {
    min-height: 0 !important
}

.ws-pre-wrap {
    white-space: pre-wrap
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

@media screen and (prefers-reduced-motion: no-preference) {
    .hide-no-pref-motion {
        display: none !important;
        visibility: hidden
    }
}

@media screen and (prefers-reduced-motion: reduce) {
    .hide-reduced-motion {
        display: none !important;
        visibility: hidden
    }
}

.gap-1 {
    gap: 4px !important
}

.gap-2 {
    gap: 8px !important
}

.gap-3 {
    gap: 16px !important
}

.gap-4 {
    gap: 24px !important
}

.starring-container .unstarred,
.starring-container.on .starred {
    display: flex
}

.starring-container.on .unstarred,
.starring-container .starred {
    display: none
}

.starring-container.loading {
    opacity: .5
}

.user-following-container .follow,
.user-following-container.on .unfollow {
    display: inline-block
}

.user-following-container.on .follow,
.user-following-container .unfollow {
    display: none
}

.user-following-container.loading {
    opacity: .5
}

.hidden-when-empty:empty {
    display: none !important
}

.cm-number,
.cm-atom {
    color: var(--color-codemirror-syntax-constant)
}

dl.form-group>dd .form-control.is-autocheck-loading,
dl.form-group>dd .form-control.is-autocheck-successful,
dl.form-group>dd .form-control.is-autocheck-errored,
.form-group>.form-group-body .form-control.is-autocheck-loading,
.form-group>.form-group-body .form-control.is-autocheck-successful,
.form-group>.form-group-body .form-control.is-autocheck-errored {
    padding-right: 30px
}

dl.form-group>dd .form-control.is-autocheck-loading,
.form-group>.form-group-body .form-control.is-autocheck-loading {
    background-image: url("/images/spinners/octocat-spinner-16px.gif")
}

dl.form-group>dd .form-control.is-autocheck-successful,
.form-group>.form-group-body .form-control.is-autocheck-successful {
    background-image: url("/images/modules/ajax/success.png")
}

dl.form-group>dd .form-control.is-autocheck-errored,
.form-group>.form-group-body .form-control.is-autocheck-errored {
    background-image: url("/images/modules/ajax/error.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    dl.form-group>dd .form-control.is-autocheck-loading,
    dl.form-group>dd .form-control.is-autocheck-successful,
    dl.form-group>dd .form-control.is-autocheck-errored,
    .form-group>.form-group-body .form-control.is-autocheck-loading,
    .form-group>.form-group-body .form-control.is-autocheck-successful,
    .form-group>.form-group-body .form-control.is-autocheck-errored {
        background-size: 16px 16px
    }

    dl.form-group>dd .form-control.is-autocheck-loading,
    .form-group>.form-group-body .form-control.is-autocheck-loading {
        background-image: url("/images/spinners/octocat-spinner-32.gif")
    }

    dl.form-group>dd .form-control.is-autocheck-successful,
    .form-group>.form-group-body .form-control.is-autocheck-successful {
        background-image: url("/images/modules/ajax/success@2x.png")
    }

    dl.form-group>dd .form-control.is-autocheck-errored,
    .form-group>.form-group-body .form-control.is-autocheck-errored {
        background-image: url("/images/modules/ajax/error@2x.png")
    }
}

[data-color-mode=dark] auto-check .is-autocheck-loading {
    background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important;
    background-size: 16px 16px
}

[data-color-mode=light] auto-check .is-autocheck-loading {
    background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important;
    background-size: 16px 16px
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme^=light] auto-check .is-autocheck-loading {
        background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important;
        background-size: 16px 16px
    }

    [data-color-mode=auto][data-dark-theme^=dark] auto-check .is-autocheck-loading {
        background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important;
        background-size: 16px 16px
    }
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme^=light] auto-check .is-autocheck-loading {
        background-image: url("/images/spinners/octocat-spinner-lightmode.svg") !important;
        background-size: 16px 16px
    }

    [data-color-mode=auto][data-light-theme^=dark] auto-check .is-autocheck-loading {
        background-image: url("/images/spinners/octocat-spinner-darkmode.svg") !important;
        background-size: 16px 16px
    }
}

auto-check .is-autocheck-loading,
auto-check .is-autocheck-successful,
auto-check .is-autocheck-errored {
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right 8px center
}

auto-check .is-autocheck-successful {
    background-image: url("/images/modules/ajax/success.png")
}

auto-check .is-autocheck-errored {
    background-image: url("/images/modules/ajax/error.png")
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {

    auto-check .is-autocheck-loading,
    auto-check .is-autocheck-successful,
    auto-check .is-autocheck-errored {
        background-size: 16px 16px
    }

    auto-check .is-autocheck-successful {
        background-image: url("/images/modules/ajax/success@2x.png")
    }

    auto-check .is-autocheck-errored {
        background-image: url("/images/modules/ajax/error@2x.png")
    }
}

.hx_text-body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important
}

.hx_disabled-form-checkbox-label.form-checkbox.disabled {
    color: var(--color-fg-muted)
}

.autocomplete-item {
    background-color: transparent
}

.ColorSwatch {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    border: 1px solid var(--color-border-subtle);
    border-radius: 6px
}

.label-select-menu .color,
.ColorSwatch {
    border-radius: 2em
}

.details-overlay[open]>.dropdown-item:hover {
    color: inherit;
    background: var(--color-canvas-default)
}

remote-input[loading] .form-control {
    padding-right: 30px;
    background-image: url("/images/spinners/octocat-spinner-32.gif");
    background-size: 16px
}

.hx_form-control-spinner {
    position: absolute;
    top: 24px;
    right: 24px;
    display: none
}

@media(min-width: 767px) {
    .hx_form-control-spinner {
        top: 18px;
        right: 18px
    }
}

.hx_form-control-spinner-wrapper {
    position: relative
}

.hx_form-control-spinner-wrapper .is-loading.form-control {
    padding-right: 28px
}

.hx_form-control-spinner-wrapper .is-loading+.hx_form-control-spinner {
    display: block
}

.drag-and-drop {
    border-color: var(--color-border-default)
}

.input-sm {
    min-height: 28px
}

.btn .octicon-triangle-down {
    margin-right: 0
}

.UnderlineNav-item.selected .UnderlineNav-octicon,
.UnderlineNav-item[aria-current]:not([aria-current=false]) .UnderlineNav-octicon,
.UnderlineNav-item[role=tab][aria-selected=true] .UnderlineNav-octicon {
    color: inherit
}

.break-line-anywhere {
    line-break: anywhere !important
}

.form-checkbox input[type=checkbox],
.form-checkbox input[type=radio] {
    margin-top: 4px
}

.status-indicator-success::before,
.status-indicator-failed::before {
    content: none
}

.markdown-title code {
    padding: 2px 4px;
    font-size: .9em;
    line-height: 1;
    background-color: var(--color-neutral-muted);
    border-radius: 6px
}


.markdown-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    display: block;
}

[data-turbo-body] {
    isolation: isolate
}

#__primerPortalRoot__ {
    z-index: 1
}

.hx_ActionList-content>.hx_ActionList-item-label,
.hx_ActionList-content>.hx_ActionList-item-visual {
    pointer-events: none
}

.IssueLabel--big.lh-condensed {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 22px !important;
    border: 1px solid transparent;
    border-radius: 2em
}

.TypeLabel {
    --perceived-lightness: calc(((237 * 0.2126) + (237 * 0.7152) + (237 * 0.0722)) / 255);
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1)) --lightness-threshold: 0.453;
    --border-threshold: 0.96;
    --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
    color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
    background: rgb(237, 237, 237);
    border-color: hsla(0, calc(0 * 1%), calc((92 - 25) * 1%), var(--border-alpha))
}

.hx_IssueLabel {
    --perceived-lightness: calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255);
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1))
}

:root .hx_IssueLabel,
[data-color-mode=light][data-light-theme*=light] .hx_IssueLabel,
[data-color-mode=dark][data-dark-theme*=light] .hx_IssueLabel {
    --lightness-threshold: 0.453;
    --border-threshold: 0.96;
    --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
    color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
    background: rgb(var(--label-r), var(--label-g), var(--label-b));
    border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha))
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=light] .hx_IssueLabel {
        --lightness-threshold: 0.453;
        --border-threshold: 0.96;
        --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
        color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
        background: rgb(var(--label-r), var(--label-g), var(--label-b));
        border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha))
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=light] .hx_IssueLabel {
        --lightness-threshold: 0.453;
        --border-threshold: 0.96;
        --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
        color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
        background: rgb(var(--label-r), var(--label-g), var(--label-b));
        border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha))
    }
}

[data-color-mode=light][data-light-theme*=dark] .hx_IssueLabel,
[data-color-mode=dark][data-dark-theme*=dark] .hx_IssueLabel {
    --lightness-threshold: 0.6;
    --background-alpha: 0.18;
    --border-alpha: 0.3;
    --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
    color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
    background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
    border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha))
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] .hx_IssueLabel {
        --lightness-threshold: 0.6;
        --background-alpha: 0.18;
        --border-alpha: 0.3;
        --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
        color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
        background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
        border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha))
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] .hx_IssueLabel {
        --lightness-threshold: 0.6;
        --background-alpha: 0.18;
        --border-alpha: 0.3;
        --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch));
        color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%));
        background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha));
        border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha))
    }
}

.signed-commit-badge-small,
.signed-commit-badge-medium,
.signed-commit-badge-large {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2em;
    border-color: var(--color-border-default)
}

.signed-commit-badge-small {
    margin-top: 0
}

.signed-commit-badge-large {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 22px
}

.topic-tag-action,
.delete-topic-button,
.topic-tag {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2em;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 22px;
    color: var(--color-accent-fg);
    background-color: var(--color-accent-subtle);
    border: 1px solid var(--color-topic-tag-border, transparent)
}

.topic-tag-action:active,
.topic-tag-action:hover,
.delete-topic-button:active,
.delete-topic-button:hover,
.topic-tag:active,
.topic-tag:hover {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.topic-tag {
    margin: 0 .125em .333em 0
}

.topic-tag-outline {
    background: transparent
}

.topic-tag-action {
    display: inline-flex;
    padding-right: 0;
    margin: .6em .5em 0 0
}

.delete-topic-button,
.topic-tag-action .add-topic-button,
.topic-tag-action .remove-topic-button {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 0;
    color: inherit;
    border-color: transparent;
    border-left: 0;
    border-radius: 2em;
    align-items: center;
    justify-content: center
}

.hx_Layout.hx_Layout--sidebar-hidden {
    grid-auto-flow: row;
    grid-gap: 0;
    grid-template-columns: 1fr
}

.hx_Layout.hx_Layout--sidebar-hidden .Layout-sidebar {
    display: none
}

.hx_Layout.hx_Layout--sidebar-hidden .Layout-main {
    grid-column: auto
}

.hx_Layout--sidebar {
    top: 60px;
    box-sizing: border-box;
    overscroll-behavior: contain
}

.branch-action-item.color-border-default {
    border-color: var(--color-border-default) !important
}

.user-status-container .input-group-button .btn {
    height: 32px
}

.reponav-item,
.pagehead-tabs-item {
    border-radius: 4px 4px 0 0
}

.reponav-item.selected,
.pagehead-tabs-item.selected {
    border-top-color: #f9826c
}

.auto-search-group>.octicon {
    top: 8px
}

.subnav-search>button.mt-2 {
    margin-top: 6px !important
}

.completeness-indicator-success {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-btn-primary-bg)
}

.pagination-loader-container button.color-bg-default.border-0 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.avatar-user {
    border-radius: 50% !important
}

@media(max-width: 543px) {
    .minimized-comment>details>div {
        padding-left: 0 !important
    }
}

@media(max-width: 543px) {
    .minimized-comment>details>summary>div {
        flex-direction: column
    }

    .minimized-comment>details>summary>div .review-comment-contents {
        align-left: flex-start
    }
}

.hx_disabled-input {
    margin-right: -4px !important;
    margin-left: -4px !important
}

.hx_disabled-input sidebar-memex-input[disabled] * {
    cursor: pointer
}

.hx_disabled-input sidebar-memex-input:not([disabled]) .Box-row--hover-gray {
    background-color: var(--color-canvas-subtle)
}

.hx_disabled-input .Box-row--hover-gray svg.octicon-pencil {
    visibility: hidden;
    opacity: 0
}

.hx_disabled-input .Box-row--hover-gray:hover,
.hx_disabled-input .Box-row--hover-gray:focus {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.hx_disabled-input .Box-row--hover-gray:hover svg.octicon-pencil,
.hx_disabled-input .Box-row--hover-gray:focus svg.octicon-pencil {
    visibility: visible;
    opacity: 1
}

.hx_disabled-input input:not(:disabled) {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.hx_disabled-input input[disabled],
.hx_disabled-input select[disabled],
.hx_disabled-input .form-control[contenteditable=false] {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    color: var(--color-fg-default) !important;
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 1
}

.hx_disabled-input text-expander input[type=text][disabled] {
    display: none
}

.hx_disabled-input text-expander input[type=text][disabled]+div.form-control {
    display: block
}

.hx_disabled-input text-expander input[type=text]+div.form-control {
    display: none
}

.hx_disabled-input input[type=number][disabled] {
    display: none
}

.hx_disabled-input input[type=number][disabled]+div.form-control {
    display: block
}

.hx_disabled-input input[type=number]+div.form-control {
    display: none
}

.hx_disabled-input input[type=date][disabled] {
    display: none
}

.hx_disabled-input input[type=date][disabled]+div.form-control {
    display: block
}

.hx_disabled-input input[type=date]+div.form-control {
    display: none
}

.hx_disabled-input input[disabled]::placeholder,
.hx_disabled-input selected[disabled]::placeholder {
    color: var(--color-fg-default) !important
}

.hx_disabled-input .form-select {
    background-image: none !important
}

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

.summary-iteration .inline-status {
    display: none
}

.summary-iteration .block-status {
    display: inline-block
}

.list-iteration .inline-status {
    display: inline
}

.list-iteration .block-status {
    display: none
}

.hx_tabnav-in-dropdown {
    border-radius: 5px 5px 0 0
}

.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab.selected,
.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-selected=true],
.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:first-child .tabnav-tab[aria-current]:not([aria-current=false]) {
    border-left: 0
}

.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab.selected,
.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-selected=true],
.hx_tabnav-in-dropdown .tabnav-tabs .hx_tabnav-in-dropdown-wrapper:last-child .tabnav-tab[aria-current]:not([aria-current=false]) {
    border-right: 0
}

.hx_tabnav-in-dropdown .tabnav-tab.selected,
.hx_tabnav-in-dropdown .tabnav-tab[aria-selected=true],
.hx_tabnav-in-dropdown .tabnav-tab[aria-current]:not([aria-current=false]) {
    margin-top: -1px;
    background-color: var(--color-canvas-overlay)
}

.hx_tabnav-in-dropdown #cloud-tab[aria-selected=false]::after {
    position: absolute;
    top: -14px;
    right: 10px;
    left: auto;
    z-index: 10;
    display: inline-block;
    content: "";
    border: 7px solid transparent;
    border-bottom: 7px solid var(--color-canvas-subtle)
}

.details-overlay-dark[open]>summary::before {
    z-index: 111 !important
}

.turbo-progress-bar {
    z-index: 2147483647
}

.timeline-comment .previewable-comment-form textarea {
    max-height: none
}

.truncate-with-responsive-width {
    width: 50px;
    min-width: 100%
}

.hx_merge_queue_entry_status_icon {
    fill: none;
    background-color: transparent;
    border: none
}

.markdown-alert {
    padding: 0 1em;
    margin-bottom: 16px;
    color: inherit;
    border-left: .25em solid var(--color-border-default)
}

.markdown-alert>:first-child {
    margin-top: 0
}

.markdown-alert>:last-child {
    margin-bottom: 0
}

.markdown-alert.markdown-alert-note {
    border-left-color: var(--color-accent-fg)
}

.markdown-alert.markdown-alert-important {
    border-left-color: var(--color-done-fg)
}

.markdown-alert.markdown-alert-warning {
    border-left-color: var(--color-attention-fg)
}

.ScienceSelectButton {
    display: inline-flex;
    column-gap: 0.25rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-end;
    margin-top: -1px
}

.fa-5 {
    font-size: 5px;
}


.fa-6 {
    font-size: 6px;
}

.fa-7 {
    font-size: 7px;
}

.fa-8 {
    font-size: 8px;
}

.fa-9 {
    font-size: 9px;
}

.fa-11 {
    font-size: 11px;
}

.fa-10 {
    font-size: 10px;
}

.fa-16 {
    font-size: 16px;
}

.fa-17 {
    font-size: 17px;
}

.fa-18 {
    font-size: 18px;
}

.fa-19 {
    font-size: 19px;
}

.fa-20 {
    font-size: 20px;
}

.fa-21 {
    font-size: 21px;
}

.discussion-sidebar-toggle i {
    float: right;
    color: var(--fgColor-muted, var(--color-fg-muted));
}

.fa-22 {
    font-size: 22px;
}

.fa-23 {
    font-size: 23px;
}

.fa-24 {
    font-size: 24px;
}

.fa-25 {
    font-size: 25px;
}

.fa-14 {
    font-size: 14px;
}

.fa-24 {
    font-size: 24px;
}

.fa-12 {
    font-size: 12px;
}

.fa-13 {
    font-size: 13px;
}

.fa-32 {
    font-size: 32px;
}

.fa-38 {
    font-size: 38px;
}










.AppHeader-logotext {
    background: -webkit-linear-gradient(-70deg, #8250df 0%, #d42a32 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    -webkit-box-decoration-break: clone;
    font-weight: 600;
    font-size: 15px;
}

.social-reaction-summary-item>div {
    height: 24px;
    padding: 0 4px;
    margin-left: 2px;
}

.mt-1p {
    margin-top: 1px;
}

.fa-pr {
    margin-right: var(--control-medium-gap, 0.5rem);
}

.fa-mt-1 {
    position: absolute;
    margin-top: 1px;
}

/* .Box-row:hover {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
} */

.Box-row:hover.hover-no {
    background-color: unset;
}

@media (min-width: 767.98px) {
    #list {
        width: calc(100vw + 250px);
        overflow: hidden;
        margin-right: -250px;
    }
}

.notunderline:hover {
    text-decoration: none !important
}

@media (max-width: 767.98px) {
    #list {
        width: calc(100vw - 45px);
        overflow: hidden;
        margin-right: -45px;
    }
}

.menu--open {

    overflow: visible;
    transition: visibility 0s, opacity 0.5s linear;

}

.menu--open .UnderlineNav-item {
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: transparent;
    text-decoration: none;
    border: 0;
    width: 158px;
    line-height: 21px;
    text-align: left;
    border-radius: 0;
}

.menu--open .UnderlineNav-item:hover {

    background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
    color: var(--fgColor-default, var(--color-fg-default));
    text-decoration: none;
    transition: background .12s ease-out;
}

.menu--open .Counter {
    display: none;
}


.menu-list-open .tabicon {
    display: none !important;
}

.menu-list-open .Counter {
    display: none
}

ul.menu-list-open>li>a.UnderlineNav-item {
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    line-height: 1.5;
}

ul.menu-list-open>li {
    display: block !important;
}

ul.menu-list-open>li>a.UnderlineNav-item:hover {

    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    border-radius: 0;
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.thinspace {
    padding-left: .2em
}

.SidePanelLogoText {
    padding-left: 10px;
    margin-top: 3px;
    font-weight: bold;
    font-size: 1.025rem;
}

.SidePanel {
    z-index: 99999
}

.Button--green {
    background-color: var(--button-primary-bgColor-rest, var(--color-btn-primary-bg)) !important;
    color: white !important;
    border-color: #0000 !important;
}


.Button--green:hover:not(:disabled) {
    background-color: var(--button-primary-bgColor-hover, var(--color-btn-primary-hover-bg));
    border-color: var(--button-primary-borderColor-hover, var(--color-btn-primary-hover-border));
}

.AppHeader-localBar--sticky {
    display: flex;
    padding-right: 8px;
    position: sticky;
    top: 0px;
    background-color: rgb(255, 255, 255);
    z-index: 2;
}

.AuthInput>input,
.AuthInput>p>input {
    margin-top: 4px;
    margin-bottom: 16px;
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    outline: none;
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    display: block;
    width: 100%;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid var(--control-borderColor-rest, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
}

.AuthCheckbox>input {}

.CopyHover:hover:after {
    font-family: "Font Awesome 6 Pro";
    content: "\f0c5";
    display: inline-block;
    padding-left: 3px;
    font-size: 12px;
}

.CopyHover {
    cursor: pointer
}

body.accounts-home .MainProfileSidebarItem,
body.home-discussions .DiscussionsProfileSidebarItem,
body.publications-database .PublicationsSidebarItem,
body.publications-home .PublicationsSidebarItem,
body.publication-single .PublicationsSidebarItem,
body.Institutions .InstitutionsSidebarItem,
body.Authors .AuthorsSidebarItem,
body.Journals .JournalsSidebarItem,
body.settings-appearance .SettingsAppearanceSidebarItem {
    background: var(--color-action-list-item-default-selected-bg);
}

body.accounts-home .MainProfileSidebarItem .ActionList-item-label,
body.home-discussions .DiscussionsProfileSidebarItem .ActionList-item-label,
body.publications-database .PublicationsSidebarItem .ActionList-item-label,
body.publications-home .PublicationsSidebarItem .ActionList-item-label,
body.publication-single .PublicationsSidebarItem .ActionList-item-label,
body.Institutions .InstitutionsSidebarItem .ActionList-item-label,
body.Authors .AuthorsSidebarItem .ActionList-item-label,
body.Journals .JournalsSidebarItem .ActionList-item-label,
body.settings-appearance .SettingsAppearanceSidebarItem .ActionList-item-label {
    font-weight: var(--base-text-weight-semibold, 600)
}

body.accounts-home .MainProfileSidebarItem::after,
body.home-discussions .DiscussionsProfileSidebarItem::after,
body.publications-database .PublicationsSidebarItem::after,
body.publications-home .PublicationsSidebarItem::after,
body.publication-single .PublicationsSidebarItem::after,
body.Institutions .InstitutionsSidebarItem::after,
body.Authors .AuthorsSidebarItem::after,
body.Journals .JournalsSidebarItem::after,
body.settings-appearance .SettingsAppearanceSidebarItem::after {
    position: absolute;
    top: calc(50% - 12px);
    left: -8px;
    width: 4px;
    height: 24px;
    content: "";
    background: var(--color-accent-fg);
    border-radius: 6px
}

body.PublicationsHome .PublicationsHome>span,
body.PublicationsDatabase .PublicationsDatabase>span,
body.InstitutionsHome .InstitutionsHome>span,
body.InstitutionsDatabase .InstitutionsDatabase>span,
body.AuthorsHome .AuthorsHome>span,
body.AuthorsDatabase .AuthorsDatabase>span,
body.JournalsHome .JournalsHome>span,
.active-tabs-item>span {
    color: var(--fgColor-default, var(--color-fg-default));
    font-weight: var(--base-text-weight-semibold, 600);
}

body.PublicationsHome .PublicationsHome:after,
body.PublicationsDatabase .PublicationsDatabase:after,
body.InstitutionsHome .InstitutionsHome:after,
body.InstitutionsDatabase .InstitutionsDatabase:after,
body.AuthorsHome .AuthorsHome:after,
body.AuthorsDatabase .AuthorsDatabase:after,
body.JournalsHome .JournalsHome:after,
body.JournalsDatabase .JournalsDatabase:after,
.active-tabs-item:after {
    background: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: calc(50% - 25px);
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    z-index: 1;
}

.sh-h-100 {
    height: calc(100vh)
}

.ActionList--subGroup {
    display: none;


    transition: max-height 0.3s ease;
    /* Add smooth transition for height */
}

.submenu-open .ActionList--subGroup {
    display: block;
    max-height: 200px;
    /* Set a reasonable max height */
}

/* .submenu-open>button>.ActionListItem-label {
    font-weight: 600;
} */

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label {
    font-weight: var(--base-text-weight-semibold);
}

.rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
    /* Add smooth transition for rotation */
}

/* START:  Left sidebar active items */

.active-sidebar-item,
.active-sidebar-subitem {
    background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
    outline: 2px solid #0000;
    border-radius: var(--borderRadius-medium, 0.375rem);
    list-style: none;
    position: relative;
}

.active-sidebar-item .ActionListItem-label {
    font-weight: 600 !important;
}

.active-sidebar-subitem .ActionListItem-label {
    font-weight: 400 !important;
}

.active-sidebar-item:after,
.active-sidebar-subitem:after {
    background: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: var(--base-size-24, 1.5rem);
    left: calc(var(--base-size-8, 0.5rem)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4, 0.25rem);

}

/* END:  Left sidebar active items */

body.ItemActiveSettingsAccount .ItemActiveSettingsAccount {
    background: var(--control-transparent-bgColor-selected, var(--color-action-list-item-default-selected-bg));
    outline: 2px solid #0000;
    border-radius: var(--borderRadius-medium, 0.375rem);
    list-style: none;
    position: relative;
}

body.ItemActiveSettingsAccount .ItemActiveSettingsAccount:after {
    background: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: var(--borderRadius-medium, 0.375rem);
    content: "";
    height: var(--base-size-24, 1.5rem);
    left: calc(var(--base-size-8, 0.5rem)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4, 0.25rem);
}

body.ItemActiveSettingsAccount .ItemActiveSettingsAccount {
    font-weight: var(--base-text-weight-semibold, 600);
}

.ItemActiveClose {
    height: auto !important;
    opacity: 1 !important;
    overflow: hidden !important;
    transform: translateY(0) !important;
    visibility: hidden !important;
}

body.ItemActiveSettingsAccount .ActionList--subGroup {
    height: auto;
    opacity: 1;
    overflow: visible;
    transform: translateY(0);
    visibility: visible;

}

body.ItemActiveSettingsProfile .ActionList--subGroup {
    height: 0;
    opacity: 1;
    overflow: hidden;
    transform: translateY(0);
    visibility: hidden;
}

.SettingsSidebarSubMenuCloseMenu {
    height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    transform: translateY(calc(var(--base-size-16, 1rem) * -1)) !important;
    visibility: hidden !important;
    transition: all 1s ease-out;

}

.SettingsSidebarSubMenuOpenMenu {
    height: auto !important;
    opacity: 1 !important;
    overflow: visible !important;
    transform: translateY(0) !important;
    visibility: visible !important;
}

body.ItemActiveSettingsAccount .ActionListItem-collapseIcon {
    transform: scaleY(-1) !important;
    transition: transform .12s linear !important;
}

.ActiveItem-collapseIcon {
    transform: scaleY(-1) !important;
    transition: transform .12s linear !important;
}

.HeaderA {
    --AppHeader-bg: var(--color-canvas-inset);
    color: var(--color-fg-default) !important;
    background: var(--AppHeader-bg);
    box-shadow: inset 0 calc(var(--borderWidth-thin, 1px)*-1) var(--color-border-default);

}

.fs-14 {
    font-size: 14px
}

.tippy-content {
    position: relative;
    padding: 0 !important;
    z-index: 1;
}

.tippy-box[data-theme~='sh'] {
    background-color: white;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    position: relative;
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large)) !important;
}


.tippy-arrow {
    color: white
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    ;
    transform-origin: center bottom;
    z-index: 2;
}

.tippy-arrow:before {
    content: "";
    position: absolute;

    border: 7px solid #0000;
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:after {
    top: -8px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: var(--borderColor-default, var(--color-border-default));
    transform-origin: center bottom;
    z-index: 1;
}

.tippy-arrow:after {
    content: "";
    position: absolute;

    border: 3px solid #0000;
}


.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
    z-index: 2;
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border: 7px solid #0000;
}

.tippy-box[data-placement^=top]>.tippy-arrow:after {
    top: 16px;
    left: 0;
    border-width: 8px;
    border-bottom-color: var(--borderColor-default, var(--color-border-default));
    transform: rotate(180deg);
    z-index: 1;
}

.tippy-arrow:after {
    content: "";
    position: absolute;

    border: 3px solid #0000;
}

.mb-40 {
    margin-bottom: 160px !important
}

.resource-card:hover {
    transform: scale3d(1.025, 1.025, 1);
}

.box-shadow-card-border-mktg {
    transition: transform .6s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 0 0 1px rgba(53, 72, 91, .14), 0 3px 2px rgba(0, 0, 0, .04), 0 7px 5px rgba(0, 0, 0, .02), 0 13px 10px rgba(0, 0, 0, .02), 0 22px 17px rgba(0, 0, 0, .02) !important;
    display: flex !important;
}



.h4-mktg {
    font-family: "Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-feature-settings: "ss02" on, "ss01" on;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
}

.f4-mktg {
    font-family: "Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-feature-settings: "ss02" on, "ss01" on;
    font-weight: var(--base-text-weight-normal, 400);
}

.ContributionCalendar-day {
    width: 10px;
}

.ContributionCalendar-day,
.ContributionCalendar-day[data-level="0"] {
    fill: var(--color-calendar-graph-day-bg);
    shape-rendering: geometricPrecision;
    background-color: var(--color-calendar-graph-day-bg);
    border-radius: 2px;
    outline: 1px solid var(--color-calendar-graph-day-border);
    outline-offset: -1px;
}

.ContributionCalendar-day[data-level="1"] {
    fill: var(--color-calendar-graph-day-L1-bg);
    background-color: var(--color-calendar-graph-day-L1-bg);
    outline: 1px solid var(--color-calendar-graph-day-L1-border);
}

.ContributionCalendar-day[data-level="2"] {
    fill: var(--color-calendar-graph-day-L2-bg);
    background-color: var(--color-calendar-graph-day-L2-bg);
    outline: 1px solid var(--color-calendar-graph-day-L2-border);
}

.ContributionCalendar-day[data-level="3"] {
    fill: var(--color-calendar-graph-day-L3-bg);
    background-color: var(--color-calendar-graph-day-L3-bg);
    outline: 1px solid var(--color-calendar-graph-day-L3-border);
}

.ContributionCalendar-day[data-level="4"] {
    fill: var(--color-calendar-graph-day-L4-bg);
    background-color: var(--color-calendar-graph-day-L4-bg);
    outline: 1px solid var(--color-calendar-graph-day-L4-border);
}

.command-palette-pjax-container--open {
    display: block !important
}

.helptext {
    min-height: 17px;
    margin: 4px 0 2px;
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: block;
}

.vcard-details {
    list-style: none;
}

.vcard-detail {

    font-size: 14px;
}

.notifications-list-item.notification-unread {
    background-color: var(--color-notifications-row-bg) !important;
}

.notifications-list-item:hover {
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle)) !important;
    box-shadow: 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis)) inset;
}

.notifications-list-item.notification-unread .notification-list-item-unread-indicator {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
}

.notifications-list-item .notification-list-item-unread-indicator {
    width: 8px;
    height: 8px;
    background: none;
}

.circle {
    border-radius: var(--borderRadius-full, 50%) !important;
}

.sortlink--disable {
    display: none;
}

.sortlinkitem--active {
    font-weight: var(--base-text-weight-semibold, 600) !important;
}

.sortlink--active2 {
    display: inline !important;
}

a.sortlink--active2 {
    text-decoration: none;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

a.sortlink--active2:hover {
    text-decoration: none;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

.trending-list {
    counter-reset: css-counter 0;
    /* initializes counter to 0; use -1 for zero-based numbering */
}

.homepage-article--trending-count {
    counter-increment: css-counter 1;
    /* Increase the counter by 1. */
}

.homepage-article--trending-count:before {
    content: counter(css-counter) "";
    /* Apply counter before children's content. */
}










/* Github-563 */

:root {
    --h00-size-mobile: 2.5rem;
    --h0-size-mobile: 2rem;
    --h1-size-mobile: 1.625rem;
    --h2-size-mobile: 1.375rem;
    --h3-size-mobile: 1.125rem;
    --h00-size: 3rem;
    --h0-size: 2.5rem;
    --h1-size: 2rem;
    --h2-size: 1.5rem;
    --h3-size: 1.25rem;
    --h4-size: 1rem;
    --h5-size: 0.875rem;
    --h6-size: 0.75rem;
    --body-font-size: 0.875rem;
    --font-size-small: 0.75rem
}

.min-height-full {
    min-height: 100vh !important
}

.marketing-section {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    border-bottom: 1px solid var(--color-border-default)
}

.marketing-section::before {
    display: table;
    content: ""
}

.marketing-section::after {
    display: table;
    clear: both;
    content: ""
}

.marketing-section h3 {
    font-size: 20px;
    font-weight: var(--base-text-weight-normal, 400)
}

.marketing-hero-octicon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto 16px;
    text-align: center;
    border: solid 1px var(--color-border-default);
    border-radius: 50px
}

.marketing-hero-octicon .octicon {
    margin-top: 24px;
    color: var(--color-accent-fg)
}

.marketing-hero-octicon .octicon-checklist {
    position: relative;
    right: -3px
}

.hanging-icon-list {
    list-style-type: none
}

.hanging-icon-list li {
    padding-left: 24px;
    margin: 8px 0;
    font-size: 14px
}

.hanging-icon-list .octicon {
    float: left;
    margin-top: 4px;
    margin-left: -24px;
    color: var(--color-fg-muted)
}

.hanging-icon-list .octicon-check {
    color: var(--color-success-fg)
}

.hanging-icon-list .octicon-x {
    color: var(--color-danger-fg)
}

.integrations-hero-octicon.marketing-hero-octicon {
    width: 75px;
    height: 75px;
    border-width: 5px
}

.integrations-hero-octicon.marketing-hero-octicon .octicon {
    margin-top: 16px
}

.marketing-blue-octicon {
    color: #34acbf;
    border-color: #34acbf
}

.marketing-blue-octicon .octicon {
    color: #34acbf
}

.marketing-turquoise-octicon {
    color: #75bbb6;
    border-color: #75bbb6
}

.marketing-turquoise-octicon .octicon {
    color: #75bbb6
}

.marketing-purple-octicon {
    color: #b086b7;
    border-color: #b086b7
}

.marketing-purple-octicon .octicon {
    color: #b086b7
}

.marketing-graphic {
    position: relative
}

.intgrs-dir .marketing-graphic {
    padding-right: 0;
    margin: 0
}

.intgrs-dir .footer {
    margin-top: 40px
}

.intgrs-dir-section h2 {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 24px;
    font-weight: var(--base-text-weight-light, 300)
}

.intgrs-dir-intro {
    padding: 40px 0;
    margin: 0;
    text-align: left;
    background-image: linear-gradient(-110deg, #48227d 0%, #2f569c 100%);
    border-bottom: 0
}

.pagehead+.intgrs-dir-intro {
    margin-top: -16px
}

.intgrs-dir-intro .directory-header-back {
    margin-top: 8px;
    font-size: 16px;
    color: #fff
}

.intgrs-dir-intro .directory-header-back:hover {
    color: #d7def1;
    text-decoration: none
}

.intgrs-dir-intro .directory-header-back .octicon {
    vertical-align: middle
}

.intgrs-dir-intro .directory-header-back .header-link {
    color: var(--color-accent-fg)
}

.intgrs-dir-intro .directory-tag-line {
    margin-bottom: 0;
    font-size: 32px;
    font-weight: var(--base-text-weight-normal, 400);
    color: #fff
}

.intgrs-dir-intro .lead {
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: var(--base-text-weight-normal, 400);
    color: #d7def1
}

.intgrs-lstng-search {
    display: inline-block;
    width: 33%;
    margin-left: 16px
}

.intgrs-lstng-search .subnav-search-input {
    width: 100%
}

.intgrs-lstng-categories-container {
    display: inline-block;
    float: left;
    width: 20%
}

.intgrs-lstng-categories-container .intgrs-lstng-categories {
    top: 0
}

.intgrs-lstng-categories-container .filter-item {
    padding: 4px 8px;
    margin-right: -8px;
    margin-left: -8px
}

.intgrs-lstng-container {
    display: inline-block;
    width: 80%;
    text-align: left
}

.intgrs-lstng-item {
    position: relative;
    display: inline-flex;
    width: 30.8%;
    font-size: 14px;
    border: 1px solid var(--color-border-muted);
    border-radius: 4px;
    transition: border-color .15s ease 0s, transform .15s ease 0s, box-shadow .15s ease 0s, color .15s ease 0s
}

.intgrs-lstng-item:hover {
    border-color: #51a7e8;
    box-shadow: 0 0 5px rgba(81, 167, 232, .5);
    transform: scale(1.05)
}

.intgrs-lstng-item .intgrs-lstng-logo {
    display: block;
    margin: 0 auto 8px
}

.intgrs-lstng-item .draft-tag {
    position: absolute;
    top: -1px;
    left: 10px
}

.intgrs-lstng-item-link {
    display: block;
    width: 100%;
    height: 181px;
    padding-top: 16px
}

.intgrs-lstng-item-link:hover {
    text-decoration: none
}

.intgrs-lstng-item-link:hover .intgrs-lstng-item-header {
    color: var(--color-accent-fg)
}

.intgrs-lstng-item-header {
    margin: 16px 8px 0;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default)
}

.intgrs-lstng-item-description {
    position: relative;
    height: 2.8em;
    padding: 0 8px;
    margin-top: 4px;
    overflow: hidden;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.intgrs-lstng-item-description::after {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 16px 0 16px;
    color: transparent;
    content: " ";
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 80%)
}

.intgr-admin-link {
    position: relative;
    display: inline-block;
    height: 25px;
    padding-left: 24px;
    font-size: 12px;
    vertical-align: middle;
    border: 1px solid var(--color-border-muted);
    border-radius: 6px
}

.intgr-admin-link.draft-tag {
    padding-left: 24px;
    border: 0
}

.intgr-admin-link.draft-tag .octicon,
.intgr-admin-link.draft-tag:hover .octicon {
    color: #fff
}

.intgr-admin-link.draft-tag:hover {
    text-decoration: none;
    background-color: #000
}

.intgr-admin-link:hover .octicon {
    color: var(--color-accent-fg)
}

.intgr-admin-link .octicon {
    position: absolute;
    top: 3px;
    left: 5px;
    color: var(--color-fg-muted)
}

.intgr-feat-header {
    position: relative;
    width: 85%;
    padding: 0 65px 8px;
    color: #d7def1
}

.intgr-feat-header .intgr-admin-link {
    border-color: rgba(215, 222, 241, .6)
}

.intgr-feat-header .intgr-admin-link .octicon {
    color: #d7def1
}

.intgr-feat-header .intgr-admin-link:hover .octicon {
    color: #fff
}

.intgr-feat-header .marketing-hero-octicon {
    position: absolute;
    top: 0;
    left: 5px;
    width: 50px;
    height: 50px;
    border-width: 3px
}

.intgr-feat-header .marketing-hero-octicon .octicon {
    margin-top: 12px
}

.intgr-feat-header h2 {
    margin: 0;
    font-size: 24px;
    line-height: 50px;
    color: #fff
}

.intgr-feat-header p {
    max-width: 580px;
    margin: 0;
    font-size: 16px
}

.integrations-breadcrumb {
    display: inline-block;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-accent-fg)
}

.integrations-breadcrumb-link {
    line-height: 0;
    color: #d7def1
}

.integrations-breadcrumb-link:hover {
    color: #fff;
    text-decoration: none
}

.integrations-auth-wrapper {
    max-width: 540px;
    padding-right: 16px;
    padding-left: 16px;
    margin: 60px auto
}

.integrations-auth-header {
    font-size: 20px;
    text-align: center
}

.integrations-permissions-group dt {
    font-size: 16px;
    font-weight: var(--base-text-weight-normal, 400)
}

.integrations-permissions-group .integrations-permission {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    list-style-type: none
}

.integrations-permissions-group .integrations-permission .octicon {
    position: absolute;
    top: 1px;
    left: 0;
    margin-right: 8px
}

.integrations-install-target .select-menu {
    vertical-align: middle
}

.integrations-install-target input[type=radio] {
    margin-right: 8px
}

.integrations-install-target .flash {
    background-color: transparent
}

.integrations-install-target .flash-error {
    background-color: transparent;
    border: 0
}

.integrations-install-target .octicon-lock,
.integrations-install-target .octicon-repo,
.integrations-install-target .octicon-repo-forked {
    margin-right: 4px
}

.integrations-install-target .octicon-lock {
    color: var(--color-attention-fg)
}

.integrations-install-target .private {
    background-color: #fff9ea
}

.integrations-install-target [aria-selected=true].private,
.integrations-install-target .navigation-focus.private {
    background-color: #4078c0
}

.integrations-install-target [aria-selected=true].octicon-lock,
.integrations-install-target .navigation-focus .octicon-lock {
    color: inherit
}

.integrations-setup-note {
    margin: 8px 0
}

.listgroup-item {
    line-height: inherit
}

.listgroup-item.disabled {
    background-color: var(--color-canvas-subtle)
}

.listgroup-item.disabled .listgroup-item-title {
    color: var(--color-fg-default)
}

.link-small {
    color: var(--color-fg-muted);
    transition: color 500ms ease
}

.sub-permissions-error {
    max-width: unset !important
}

.not-found-octocat-wrapper {
    width: 71px;
    height: 71px;
    border-radius: 45px
}

.not-found-octocat-wrapper::after {
    position: absolute;
    top: 58px;
    left: 45px;
    z-index: -2;
    display: block;
    width: 4px;
    height: 4px;
    vertical-align: baseline;
    content: "";
    background: var(--color-canvas-default);
    border-radius: 4px;
    box-shadow: 0 4px 0 #fff, 0 8px 0 #fff, 0 12px 0 #fff, 0 16px 0 #fff, 0 20px 0 #fff;
    animation-name: pull-string;
    animation-duration: .75s;
    animation-fill-mode: forwards;
    animation-delay: .5s
}

@keyframes lightbulb {

    0%,
    8%,
    14% {
        opacity: .1
    }

    10%,
    25% {
        opacity: .25
    }

    5%,
    30%,
    50%,
    70% {
        opacity: .5
    }

    16%,
    60%,
    80% {
        opacity: .75
    }

    90% {
        opacity: .8
    }

    94% {
        opacity: .5
    }

    100% {
        opacity: 1;
        stddeviation: 0
    }
}

.not-found-lightbulb-ani {
    z-index: 1;
    opacity: .25;
    animation-name: lightbulb;
    animation-duration: 2.5s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s
}

@keyframes pull-string {
    50% {
        transform: translate3d(0, 12px, 0)
    }

    75% {
        opacity: 1;
        transform: none
    }

    100% {
        opacity: 0
    }
}

.has-removed-contents {
    display: none
}

.org-login {
    margin-top: -32px;
    margin-bottom: 32px
}

.org-login img {
    width: 450px;
    padding: 1px;
    margin: 8px -24px;
    border: 1px solid var(--color-border-default)
}

.member-list-item .member-username {
    display: inline
}

.member-list-item .member-link {
    display: inline
}

.actor-and-action {
    font-weight: var(--base-text-weight-semibold, 600)
}

.vertical-separator {
    margin-right: 8px;
    margin-left: 4px;
    border-left: 1px solid var(--color-border-default)
}

.audit-log-search .audit-search-form {
    margin-bottom: 8px
}

.audit-log-search .audit-results-actions {
    margin: 16px 0
}

.audit-log-search .audit-search-clear {
    margin-bottom: 0
}

.filtered-details {
    display: none;
    max-width: 60%;
    margin-top: 8px
}

.filtered-details .filtered-details-th,
.filtered-details .filtered-details-td {
    max-width: 425px;
    padding-right: 8px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filtered-details .filtered-details-th:hover,
.filtered-details .filtered-details-td:hover {
    word-wrap: break-word;
    white-space: normal
}

.filtered-details .filtered-details-tr:hover .filtered-details-th,
.filtered-details .filtered-details-tr:hover .filtered-details-td {
    background: var(--color-border-subtle)
}

.audit-log-details-cont.open .filtered-details {
    display: block
}

.billing-addon-items table input {
    width: 5em
}

.billing-addon-items td {
    vertical-align: middle;
    border-bottom: 0
}

.billing-addon-items td.fixed {
    width: 150px
}

.billing-addon-items td.black {
    color: var(--color-fg-default)
}

.billing-addon-items tr {
    border-bottom: 1px solid var(--color-border-muted)
}

.billing-addon-items tr:last-child {
    border-bottom-width: 0
}

.billing-addon-items tr:nth-child(even) {
    background-color: var(--color-canvas-subtle)
}

.billing-addon-items tr.total-row {
    color: var(--color-danger-fg);
    background-color: var(--color-canvas-default)
}

.billing-addon-items .new-addon-items {
    margin-left: 4px
}

.billing-addon-items .addon-cost {
    color: var(--color-fg-muted)
}

.billing-addon-items .discounted-original-price {
    color: var(--color-fg-muted)
}

.billing-addon-items .form-submit,
.billing-addon-items .payment-method {
    margin-left: 8px
}

.billing-addon-items .payment-summary {
    margin-right: 8px;
    margin-left: 8px
}

.billing-credit-card .javascript-disabled-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: var(--color-canvas-default);
    opacity: .5
}

.billing-credit-card.disabled .javascript-disabled-overlay {
    display: block
}

.billing-extra-box {
    padding-left: 8px;
    margin: 8px 0;
    border-left: 6px solid var(--color-border-muted)
}

.billing-vat-box {
    padding-left: 8px;
    margin: 8px 0;
    border-left: 6px solid var(--color-border-muted)
}

.billing-section .action-button {
    float: right;
    margin-bottom: 4px;
    margin-left: 8px
}

.billing-section .section-label {
    position: absolute;
    width: 85px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted);
    text-align: right
}

.billing-section .section-content {
    margin-left: 100px;
    color: var(--color-fg-default)
}

.billing-section:last-child {
    border-bottom: 0
}

.billing-section .usage-bar {
    max-width: 304px
}

.usage-bar {
    width: 100%;
    margin: 4px 0 0;
    background: #eee;
    border-radius: 20px
}

.usage-bar.exceeded .progress {
    background-color: var(--color-danger-emphasis) !important
}

.usage-bar .progress {
    position: relative;
    max-width: 100%;
    height: 5px;
    background-color: var(--color-success-emphasis);
    border-radius: 20px;
    transition: width .3s
}

.usage-bar .progress.no-highlight {
    background: var(--color-neutral-muted)
}

.usage-bar .progress--orange {
    background-color: var(--color-severe-emphasis)
}

.usage-bar .progress--purple {
    background-color: var(--color-done-emphasis)
}

.lfs-data-pack-field {
    margin: -4px 0
}

.packs-table .desc {
    width: 1%;
    white-space: nowrap
}

.lfs-data-icon {
    color: var(--color-fg-muted);
    text-align: center
}

.lfs-data-icon.dark {
    color: var(--color-fg-default)
}

.lfs-data-icon.octicon-database {
    margin-right: 4px;
    margin-left: 2px
}

.setup-wrapper .paypal-container {
    margin-bottom: 32px
}

.setup-wrapper .paypal-logged-in .paypal-container {
    margin-bottom: 8px
}

.payment-methods {
    position: relative
}

.payment-methods .selected-payment-method {
    display: none
}

.payment-methods .selected-payment-method::before {
    display: table;
    content: ""
}

.payment-methods .selected-payment-method::after {
    display: table;
    clear: both;
    content: ""
}

.payment-methods .selected-payment-method.active {
    display: block
}

.payment-methods .form-group dd .form-control.short.input-vat {
    width: 300px
}

.payment-methods .pay-with-header {
    margin: 4px 0
}

.payment-methods .pay-with-paypal .setup-creditcard-form,
.payment-methods .pay-with-paypal .paypal-form-actions,
.payment-methods .pay-with-paypal .terms,
.payment-methods .pay-with-paypal .paypal-signed-in,
.payment-methods .pay-with-paypal .paypal-down-flash,
.payment-methods .pay-with-paypal .loading-paypal-spinner {
    display: none
}

.payment-methods.paypal-loading .loading-paypal-spinner {
    display: block
}

.payment-methods.paypal-down .paypal-down-flash {
    display: block
}

.payment-methods.paypal-logged-in .paypal-sign-in {
    display: none
}

.payment-methods.paypal-logged-in .setup-creditcard-form,
.payment-methods.paypal-logged-in .paypal-form-actions,
.payment-methods.paypal-logged-in .terms,
.payment-methods.paypal-logged-in .paypal-signed-in {
    display: block
}

.payment-methods.has-paypal-account .paypal-sign-in {
    display: none
}

.payment-methods.has-paypal-account .paypal-signed-in {
    display: block
}

.paypal-label {
    margin: 16px 0 8px;
    font-weight: var(--base-text-weight-semibold, 600)
}

.paypal-container {
    display: inline-block;
    margin-bottom: 16px;
    vertical-align: top;
    background-color: var(--color-canvas-subtle);
    border-radius: 4px
}

.braintree-paypal-loggedin {
    padding: 12px 16px !important;
    background-position: 12px 50% !important;
    border: 1px solid var(--color-border-muted) !important;
    border-radius: 4px
}

.bt-pp-name {
    margin-left: 16px !important
}

.bt-pp-email {
    margin-left: 16px !important
}

.bt-pp-cancel {
    font-size: 0 !important;
    line-height: 1 !important;
    color: var(--color-danger-fg) !important;
    text-decoration: none !important
}

.payment-history .id,
.payment-history .date,
.payment-history .receipt,
.payment-history .status,
.payment-history .amount {
    white-space: nowrap
}

.payment-history .break-all {
    word-break: break-all
}

.payment-history .receipt {
    text-align: center
}

.payment-history .currency,
.payment-history .status {
    color: var(--color-fg-muted)
}

.payment-history .status-icon {
    width: 14px;
    text-align: center
}

.payment-history .succeeded .status {
    color: var(--color-success-fg)
}

.payment-history .refunded,
.payment-history .failed {
    background: var(--color-canvas-subtle)
}

.payment-history .refunded td,
.payment-history .failed td {
    opacity: .5
}

.payment-history .refunded .receipt,
.payment-history .refunded .status,
.payment-history .failed .receipt,
.payment-history .failed .status {
    opacity: 1
}

.payment-history .refunded .status {
    color: var(--color-fg-muted)
}

.payment-history .failed .status {
    color: var(--color-danger-fg)
}

.payment-history .transaction:target {
    background: var(--color-attention-subtle);
    border-color: var(--color-attention-emphasis)
}

.paypal-icon {
    margin: 0 2px 0 1px;
    vertical-align: middle
}

.currency-container .local-currency,
.currency-container .local-currency-block {
    display: none
}

.currency-container.open .local-currency {
    display: inline
}

.currency-container.open .local-currency-block {
    display: block
}

.currency-container.open .default-currency {
    display: none
}

.strong-label {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: var(--base-text-weight-semibold, 600)
}

.discounted-original-price {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted);
    text-decoration: line-through
}

.billing-manager-input {
    width: 500px
}

.seats-change-arrow {
    margin: 0 8px
}

.plan-choice {
    position: relative;
    display: block;
    padding: 16px;
    padding-left: 40px;
    font-weight: var(--base-text-weight-normal, 400);
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default)
}

.plan-choice.open,
.plan-choice.selected {
    background-color: var(--color-canvas-default)
}

.plan-choice--experiment {
    cursor: pointer;
    transition: transform .3s, box-shadow .3s, border-color .3s
}

.plan-choice--experiment.open,
.plan-choice--experiment.selected {
    border-color: var(--color-border-default);
    box-shadow: var(--color-shadow-large);
    transform: scale(1.025)
}

.plan-choice--experiment.open .plan-choice-icon,
.plan-choice--experiment.selected .plan-choice-icon {
    background-color: var(--color-success-emphasis);
    box-shadow: var(--color-shadow-small)
}

.plan-choice--experiment.open .plan-choice-icon .octicon,
.plan-choice--experiment.selected .plan-choice-icon .octicon {
    transform: scale(1)
}

.plan-choice--experiment.plan-choice--green.open,
.plan-choice--experiment.plan-choice--green.selected {
    border-color: var(--color-success-emphasis)
}

.plan-choice--experiment.plan-choice--green.open .plan-choice-icon,
.plan-choice--experiment.plan-choice--green.selected .plan-choice-icon {
    background-color: var(--color-success-emphasis)
}

.plan-choice--experiment.plan-choice--purple.open,
.plan-choice--experiment.plan-choice--purple.selected {
    border-color: var(--color-done-emphasis)
}

.plan-choice--experiment.plan-choice--purple.open .plan-choice-icon,
.plan-choice--experiment.plan-choice--purple.selected .plan-choice-icon {
    background-color: var(--color-done-fg)
}

.plan-choice-icon {
    transition: box-shadow .3s
}

.plan-choice-icon .octicon {
    transition: transform .2s;
    transform: scale(0.5)
}

.plan-choice-radio {
    position: absolute;
    top: 18px;
    left: 15px
}

.plan-choice-exp {
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.seat-field {
    width: 50px;
    margin-right: 4px
}

.billing-line-items {
    margin-top: 8px
}

.billing-line-item {
    padding: 8px 0;
    font-size: 12px;
    list-style: none;
    border-top: 1px solid var(--color-border-default)
}

.billing-line-item::before {
    display: table;
    content: ""
}

.billing-line-item::after {
    display: table;
    clear: both;
    content: ""
}

.billing-line-item-last {
    font-weight: var(--base-text-weight-semibold, 600);
    border-top-width: 3px
}

.line-item-value {
    float: right
}

.condensed-payment-methods .vat-field {
    width: 100%
}

.condensed-payment-methods .state-field {
    width: 30%
}

.condensed-payment-methods .postcode-field {
    width: 28%
}

.condensed-payment-methods .country-field {
    width: 42%
}

.condensed-payment-methods .is-international .country-field {
    width: 72%
}

.condensed-payment-methods .is-international.no-postcodes .country-field {
    width: 100%
}

.zuora-billing-section.PaymentMethod--creditcard:not(.has-removed-contents)~.SignUpContinueActions {
    display: none
}

.zuora-billing-section.PaymentMethod--creditcard-added~.SignUpContinueActions {
    display: block
}

.zuora-billing-section.PaymentMethod--paypal~.SignUpContinueActions {
    display: block
}

.new-org-billing-form .z_hppm_iframe {
    width: 100% !important
}

.billing-box-accordion[open] .octicon-chevron-right {
    height: auto;
    transform: rotate(90deg)
}

.billing-box-accordion:hover .billing-box-accordion-state .octicon {
    color: var(--color-fg-muted)
}

.billing-box-accordion-chevron[open] .octicon-chevron-right {
    height: auto;
    transform: rotate(90deg)
}

.billing-box-accordion-state .octicon {
    color: var(--color-fg-muted);
    transition: transform .09s ease-out
}

.billing-box-progress {
    padding-top: 1px;
    margin-bottom: 4px
}

.Details-element:focus {
    outline: none
}

.organization-radio-button-budget-disabled {
    color: var(--color-fg-muted);
    background-color: var(--color-canvas-subtle)
}

.organization-radio-button-budget-disabled label p {
    color: var(--color-fg-muted) !important
}

.blob-interaction-bar {
    position: relative;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-default)
}

.blob-interaction-bar::before {
    display: table;
    content: ""
}

.blob-interaction-bar::after {
    display: table;
    clear: both;
    content: ""
}

.blob-interaction-bar .octicon-search {
    position: absolute;
    top: 6px;
    left: 10px;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.blob-filter {
    width: 100%;
    padding: 4px 16px 4px 32px;
    font-size: 12px;
    border: 0;
    border-radius: 0;
    outline: none
}

.blob-filter:focus {
    outline: none
}

.TagsearchPopover {
    width: inherit;
    max-width: 600px
}

.TagsearchPopover-content {
    max-height: 300px
}

.TagsearchPopover-list .TagsearchPopover-list-item:hover {
    background-color: var(--color-canvas-subtle)
}

.TagsearchPopover-list .TagsearchPopover-list-item .TagsearchPopover-item:hover {
    text-decoration: none
}

.TagsearchPopover-list .blob-code-inner {
    white-space: pre-wrap
}

.diff-table .line-alert,
.blob-code-content .line-alert {
    position: absolute;
    left: 0;
    margin: -2px 2px
}

.diff-table .codeowners-error,
.blob-code-content .codeowners-error {
    color: var(--color-danger-fg)
}

.diff-table .error-highlight,
.blob-code-content .error-highlight {
    position: relative;
    cursor: help;
    font-style: italic;
    color: var(--color-danger-fg)
}

.diff-table .error-highlight::before,
.blob-code-content .error-highlight::before {
    position: absolute;
    top: 101%;
    width: 100%;
    height: .25em;
    content: "";
    background: linear-gradient(135deg, transparent, transparent 45%, var(--color-danger-fg), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--color-danger-fg), transparent 55%, transparent 100%);
    background-repeat: repeat-x, repeat-x;
    background-size: .5em .5em
}

.blob-code-content .blob-num .line-alert {
    margin-top: 1px
}

.diff-table .blob-num .line-alert {
    margin: 2px -2px
}

.csv-data .line-alert {
    position: absolute;
    margin: 2px 4px
}

.CopyBlock {
    line-height: 20px;
    cursor: pointer
}

.CopyBlock .octicon-copy {
    display: none
}

.CopyBlock:hover,
.CopyBlock:focus,
.CopyBlock:active {
    background-color: var(--color-canvas-default);
    outline: none
}

.CopyBlock:hover .octicon-copy,
.CopyBlock:focus .octicon-copy,
.CopyBlock:active .octicon-copy {
    display: inline-block
}

.blob-header.is-stuck {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.commit-form-avatar {
    margin-left: -64px
}

.commit-form::after,
.commit-form::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.commit-form::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.commit-form::before {
    background-color: var(--color-border-default)
}

.quick-pull-new-branch-icon {
    top: 9px;
    left: 10px
}

.CodeMirror-hints {
    position: absolute;
    z-index: 10;
    max-height: 20em;
    margin: 0;
    overflow-y: auto;
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
    font-size: 12px;
    list-style: none;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 6px;
    box-shadow: var(--color-shadow-medium)
}

.CodeMirror-hint {
    padding: 2px 8px;
    margin: 0;
    color: var(--color-fg-default);
    white-space: pre;
    cursor: pointer
}

.CodeMirror-hint .CodeMirror-hint:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.CodeMirror-hint .CodeMirror-hint:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.CodeMirror-hint-active {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.CodeMirror-lint-tooltip {
    position: fixed;
    z-index: 100;
    min-width: 300px;
    max-width: 600px;
    opacity: 0;
    transition: opacity .4s
}

.CodeMirror-lint-mark-error,
.cm-lintRange.cm-lintRange-error {
    position: relative;
    cursor: help
}

.CodeMirror-lint-mark-error::before,
.cm-lintRange.cm-lintRange-error::before {
    position: absolute;
    top: 101%;
    width: 100%;
    height: .25em;
    content: "";
    background: linear-gradient(135deg, transparent, transparent 45%, var(--color-danger-emphasis), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--color-danger-emphasis), transparent 55%, transparent 100%);
    background-repeat: repeat-x, repeat-x;
    background-size: .5em .5em
}

.CodeMirror-lint-mark-warning,
.cm-lintRange.cm-lintRange-warning {
    position: relative;
    cursor: help
}

.CodeMirror-lint-mark-warning::before,
.cm-lintRange.cm-lintRange-warning::before {
    position: absolute;
    top: 101%;
    width: 100%;
    height: .25em;
    content: "";
    background: linear-gradient(135deg, transparent, transparent 45%, var(--color-attention-emphasis), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--color-attention-emphasis), transparent 55%, transparent 100%);
    background-repeat: repeat-x, repeat-x;
    background-size: .5em .5em
}

.CodeMirror-lint-mark-info,
.cm-lintRange.cm-lintRange-info {
    position: relative;
    cursor: help
}

.CodeMirror-lint-mark-info::before,
.cm-lintRange.cm-lintRange-info::before {
    position: absolute;
    top: 101%;
    width: 100%;
    height: .25em;
    content: "";
    background: linear-gradient(135deg, transparent, transparent 45%, var(--color-accent-emphasis), transparent 55%, transparent 100%), linear-gradient(45deg, transparent, transparent 45%, var(--color-accent-emphasis), transparent 55%, transparent 100%);
    background-repeat: repeat-x, repeat-x;
    background-size: .5em .5em
}

.CodeMirror-hint-active .CodeMirror-hint-description {
    color: var(--color-fg-on-emphasis) !important
}

.merge-pr {
    padding-top: 8px;
    margin: 16px 0 0;
    border-top: 1px solid var(--color-border-default)
}

.merge-pr.open .merge-branch-form {
    display: block
}

.merge-pr.open .branch-action {
    display: none
}

.merge-pr.is-merging-jump.open .queue-branch-form,
.merge-pr.is-merging-group.open .queue-branch-form,
.merge-pr.is-merging-solo.open .queue-branch-form {
    display: block
}

.status-heading {
    margin-bottom: 1px
}

.merge-status-list {
    max-height: 0;
    padding: 0;
    margin: 16px -16px -16px -55px;
    overflow-y: auto;
    transition: max-height .25s ease-in-out
}

.statuses-toggle-opened {
    display: none
}

.merge-status-item {
    position: relative;
    padding: 8px 16px;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-default)
}

.merge-status-item:last-child:not(.review-item) {
    border-bottom: 0
}

.merge-status-item .css-truncate-target {
    max-width: 100%
}

.merge-status-item .dismiss-review-form {
    display: none
}

.merge-status-item.open .review-status-item {
    display: none !important
}

.merge-status-item.open .dismiss-review-form {
    display: block
}

.status-meta {
    color: var(--color-fg-muted)
}

.status-meta-file-name {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    background-color: rgba(27, 31, 35, .05);
    border-radius: 6px
}

.status-actions {
    margin-left: auto
}

.branch-action-item-icon {
    float: left;
    margin-left: -40px
}

.merge-status-icon {
    min-width: 30px
}

.branch-action {
    padding-left: 55px;
    margin-top: 16px;
    margin-bottom: 16px
}

.branch-action .merge-branch-heading {
    margin-bottom: 4px
}

.branch-action-icon {
    float: left;
    width: 40px;
    height: 40px;
    margin-left: -55px;
    color: var(--color-fg-on-emphasis);
    border-radius: 6px
}

.branch-action-body {
    position: relative;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.branch-action-body .spinner {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 16px;
    background: url("/images/spinners/octocat-spinner-32.gif") no-repeat
}

.branch-action-body .merge-message,
.branch-action-body .merge-branch-form,
.branch-action-body .queue-branch-form {
    padding: 16px;
    background-color: var(--color-canvas-subtle);
    border-top: 1px solid var(--color-border-default);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.post-merge-message {
    padding: 16px
}

.branch-action-item {
    padding: 16px 16px 16px 55px;
    font-size: 13px;
    line-height: 1.4
}

.branch-action-item+.branch-action-item,
.branch-action-item+.mergeability-details {
    border-top: 1px solid var(--color-border-default)
}

.branch-action-item.open>.merge-status-list-wrapper>.merge-status-list,
.branch-action-item.open>.merge-status-list {
    max-height: 231px;
    margin-bottom: -16px;
    border: solid var(--color-border-default);
    border-width: 1px 0 0
}

.branch-action-item.open .statuses-toggle-opened {
    display: inline
}

.branch-action-item.open .statuses-toggle-closed {
    display: none
}

.branch-action-btn {
    margin-left: 16px
}

.branch-action-item-simple {
    padding-left: 16px
}

.branch-action-item-simple .merge-status-list {
    margin-left: -16px
}

.branch-action-item-simple .merge-status-item {
    padding-left: 12px
}

.branch-action-state-clean .branch-action-icon {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-success-emphasis);
    border: 1px solid transparent
}

.branch-action-state-clean .branch-action-body {
    border-color: var(--color-success-emphasis)
}

.branch-action-state-clean .branch-action-body::after,
.branch-action-state-clean .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.branch-action-state-clean .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.branch-action-state-clean .branch-action-body::before {
    background-color: var(--color-success-emphasis)
}

.branch-action-state-unknown .branch-action-icon,
.branch-action-state-unstable .branch-action-icon {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-attention-emphasis);
    border: 1px solid transparent
}

.branch-action-state-unknown .branch-action-body,
.branch-action-state-unstable .branch-action-body {
    border-color: var(--color-attention-emphasis)
}

.branch-action-state-unknown .branch-action-body::after,
.branch-action-state-unknown .branch-action-body::before,
.branch-action-state-unstable .branch-action-body::after,
.branch-action-state-unstable .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.branch-action-state-unknown .branch-action-body::after,
.branch-action-state-unstable .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.branch-action-state-unknown .branch-action-body::before,
.branch-action-state-unstable .branch-action-body::before {
    background-color: var(--color-attention-emphasis)
}

.branch-action-state-merged .branch-action-icon {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-done-emphasis);
    border: 1px solid transparent
}

.branch-action-state-merged .branch-action-body {
    border-color: var(--color-done-emphasis)
}

.branch-action-state-merged .branch-action-body::after,
.branch-action-state-merged .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.branch-action-state-merged .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.branch-action-state-merged .branch-action-body::before {
    background-color: var(--color-done-emphasis)
}

.branch-action-state-dirty .branch-action-icon,
.branch-action-state-closed-dirty .branch-action-icon,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-icon {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-neutral-emphasis);
    border: 1px solid transparent
}

.branch-action-state-dirty .branch-action-body,
.branch-action-state-closed-dirty .branch-action-body,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body {
    border-color: var(--color-border-default)
}

.branch-action-state-dirty .branch-action-body::after,
.branch-action-state-dirty .branch-action-body::before,
.branch-action-state-closed-dirty .branch-action-body::after,
.branch-action-state-closed-dirty .branch-action-body::before,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body::after,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.branch-action-state-dirty .branch-action-body::after,
.branch-action-state-closed-dirty .branch-action-body::after,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.branch-action-state-dirty .branch-action-body::before,
.branch-action-state-closed-dirty .branch-action-body::before,
.is-rebasing .branch-action-state-dirty-if-rebasing .branch-action-body::before {
    background-color: var(--color-border-default)
}

.branch-action-state-error .branch-action-icon,
.is-merging .branch-action-state-error-if-merging .branch-action-icon {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-danger-emphasis);
    border: 1px solid transparent
}

.branch-action-state-error .branch-action-body,
.is-merging .branch-action-state-error-if-merging .branch-action-body {
    border-color: var(--color-danger-emphasis)
}

.branch-action-state-error .branch-action-body::after,
.branch-action-state-error .branch-action-body::before,
.is-merging .branch-action-state-error-if-merging .branch-action-body::after,
.is-merging .branch-action-state-error-if-merging .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.branch-action-state-error .branch-action-body::after,
.is-merging .branch-action-state-error-if-merging .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.branch-action-state-error .branch-action-body::before,
.is-merging .branch-action-state-error-if-merging .branch-action-body::before {
    background-color: var(--color-danger-emphasis)
}

.enqueued-pull-request .branch-action-body::after,
.enqueued-pull-request .branch-action-body::before {
    position: absolute;
    top: 11px;
    right: 100%;
    left: -8px;
    display: block;
    width: 8px;
    height: 16px;
    pointer-events: none;
    content: " ";
    clip-path: polygon(0 50%, 100% 0, 100% 100%)
}

.enqueued-pull-request .branch-action-body::after {
    margin-left: 2px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-image: linear-gradient(var(--color-canvas-default), var(--color-canvas-default))
}

.enqueued-pull-request .branch-action-body::before {
    background-color: var(--color-attention-emphasis)
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .branch-action-body .spinner {
        background-image: url("/images/spinners/octocat-spinner-64.gif");
        background-size: 32px 32px
    }
}

.merge-branch-form,
.queue-branch-form {
    display: none;
    margin: 16px 0
}

.merge-branch-form .commit-form,
.queue-branch-form .commit-form {
    border-color: var(--color-success-emphasis)
}

.merge-branch-form .commit-form::before,
.queue-branch-form .commit-form::before {
    display: none
}

@media(min-width: 768px) {

    .merge-branch-form .commit-form::before,
    .queue-branch-form .commit-form::before {
        display: block;
        border-right-color: var(--color-border-default)
    }
}

.merge-branch-form .commit-form::after,
.queue-branch-form .commit-form::after {
    display: none
}

@media(min-width: 768px) {

    .merge-branch-form .commit-form::after,
    .queue-branch-form .commit-form::after {
        display: block
    }
}

.merge-branch-form.error .commit-form,
.merge-branch-form.danger .commit-form,
.queue-branch-form.error .commit-form,
.queue-branch-form.danger .commit-form {
    border-color: var(--color-danger-emphasis)
}

.merge-branch-form.error .commit-form::before,
.merge-branch-form.danger .commit-form::before,
.queue-branch-form.error .commit-form::before,
.queue-branch-form.danger .commit-form::before {
    border-right-color: var(--color-danger-emphasis)
}

.merge-button-matrix-merge-form .merge-branch-form {
    display: block
}

.completeness-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px
}

.completeness-indicator-success {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-success-emphasis);
    border: 1px solid transparent;
    border-radius: 50%
}

.completeness-indicator-error {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-danger-emphasis);
    border: 1px solid transparent;
    border-radius: 50%
}

.completeness-indicator-problem {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-neutral-emphasis);
    border: 1px solid transparent;
    border-radius: 50%
}

.completeness-indicator-warning {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-attention-emphasis);
    border: 1px solid transparent;
    border-radius: 50%
}

.pull-merging .pull-merging-error {
    display: none
}

.pull-merging.is-error .pull-merging-error {
    display: block
}

.pull-merging.is-error .merge-pr {
    display: none
}

.admin-options-block .admin-option-button {
    margin-top: 8px
}

.admin-options-block .policy-enforcement {
    display: inline;
    margin-left: 8px;
    color: var(--color-fg-muted)
}

.admin-options-block .policy-enforcement label {
    font-size: 14px
}

.admin-options-block .disabled {
    color: var(--color-fg-muted)
}

.admin-options-block .disabled .note {
    color: var(--color-fg-muted)
}

.overflow-scroll-y {
    overflow-x: hidden !important;
    overflow-y: scroll !important
}

.business-menu-item:not([aria-current=page])+.business-sub-menu {
    display: none
}

.business-menu-icon {
    width: 16px;
    margin-right: 8px
}

.deprovisioning-checkbox>.show-if-disabled {
    display: none
}

.deprovisioning-checkbox.checkbox-disabled {
    color: var(--color-fg-muted)
}

.deprovisioning-checkbox.checkbox-disabled>.show-if-disabled {
    display: inherit
}

.dormant-users-recent-reports {
    gap: 16px
}

.avatar-migration-status-badge {
    width: 20px;
    height: 20px
}

body.full-width-p-0 .new-discussion-timeline {
    padding: 0 !important
}

body.full-width-p-0 .footer .mt-6 {
    margin-top: 0 !important;
    border-top: 0 !important
}

body.full-width-p-0 .tabnav .tabnav-extra {
    margin-right: 24px
}

body.full-width-p-0 .tabnav .tabnav-tabs {
    margin-left: 16px
}

.actions-full-screen .pagehead,
.actions-full-screen .hide-full-screen,
.actions-full-screen .Header-old,
.actions-full-screen .Header {
    display: none
}

.checks-list-item.selected .checks-list-item-name {
    background-color: var(--color-accent-emphasis) !important
}

.checks-list-item.selected .selected-color-white {
    color: var(--color-fg-on-emphasis) !important
}

.checks-list-item-icon {
    width: 16px
}

.check-annotation {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.file .check-annotation {
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default))
}

.file .check-annotation:last-child {
    border-bottom: 0
}

.check-annotation .annotation-actions {
    top: 4px;
    right: 8px
}

.check-annotation .annotation-octicon {
    width: 16px
}

.check-annotation.Details--on .Details-content--hidden {
    display: block !important
}

.annotation-title {
    word-break: break-word
}

.check-annotation-failure {
    box-shadow: inset 4px 0 0 var(--color-danger-emphasis)
}

.check-annotation-failure .annotation-title {
    color: var(--color-danger-fg)
}

.check-annotation-warning {
    box-shadow: inset 4px 0 0 var(--color-attention-emphasis)
}

.check-annotation-warning .octicon-alert {
    color: var(--color-attention-fg)
}

.check-annotation-warning .annotation-title {
    color: var(--color-attention-fg)
}

.neutral-check {
    color: var(--color-fg-muted)
}

.check-range-menu-loading {
    display: block
}

.check-range-menu-error {
    display: none
}

.is-error .check-range-menu-loading {
    display: none
}

.is-error .check-range-menu-error {
    display: block
}

.code-frequency .addition {
    fill: #2cbe4e;
    fill-opacity: 1
}

.code-frequency .deletion {
    fill: var(--color-danger-emphasis);
    fill-opacity: 1
}

.code-list .file-box {
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.code-list .title {
    min-height: 24px;
    margin: -4px 0 8px 40px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.2
}

.code-list .repo-specific .title,
.code-list .repo-specific .full-path {
    margin-left: 0
}

.code-list .match-count,
.code-list .updated-at {
    margin: 0;
    font-weight: var(--base-text-weight-normal, 400)
}

.code-list .language {
    float: right;
    margin-left: 8px;
    font-size: 12px;
    color: rgba(51, 51, 51, .75)
}

.code-list .avatar {
    float: left
}

.code-list .code-list-item+.code-list-item {
    border-top: 1px solid var(--color-border-muted)
}

.code-list .blob-num {
    padding: 0
}

.code-list .blob-num::before {
    content: normal
}

.code-list .blob-num a {
    padding: 0 8px;
    color: inherit
}

.code-list .blob-num a:hover {
    color: var(--color-accent-fg)
}

.code-list .blob-code {
    white-space: pre-wrap
}

.code-list .divider .blob-num,
.code-list .divider .blob-code {
    padding-top: 0;
    padding-bottom: 0;
    cursor: default;
    background-color: var(--color-canvas-subtle)
}

.code-list .divider .blob-num {
    height: 18px;
    padding: 0 8px;
    line-height: 15px;
    background-color: var(--color-canvas-subtle)
}

.code-list .full-path {
    margin: 0 0 0 40px
}

.code-list .full-path .octicon-repo {
    color: var(--color-fg-muted)
}

.code-list .full-path .octicon-lock {
    color: var(--color-attention-fg)
}

.code-list .full-path a {
    color: var(--color-fg-muted)
}

.code-list-item-private .file-box {
    border: 1px solid var(--color-attention-muted)
}

.code-list-item-private .blob-num {
    background-color: var(--color-attention-subtle);
    border-right: 1px solid var(--color-attention-muted)
}

.code-list-item-private .blob-num a {
    color: var(--color-attention-fg)
}

.code-list-item-private .divider .blob-num,
.code-list-item-private .divider .blob-code {
    color: var(--color-attention-fg);
    background-color: var(--color-attention-subtle)
}

.code-scanning-alert-warning-message {
    border-color: var(--color-attention-emphasis) !important
}

.code-scanning-font-size-inherit {
    font-size: inherit !important
}

.cs-status-message .md-paragraph,
.cs-status-message .md-list {
    margin-bottom: 8px
}

.cs-status-message .md-paragraph:last-child,
.cs-status-message .md-list:last-child {
    margin-bottom: 0
}

.cs-status-message .md-list,
.cs-message .md-list {
    padding-left: 2em
}

.cs-status-message .md-pre {
    white-space: pre-wrap
}

.code-scanning-timeline .TimelineItem:last-of-type.code-scanning-alert-dismissal-comment::before {
    width: 0
}

.codesearch-head.pagehead h1 {
    width: 250px;
    line-height: 33px
}

@media(min-width: 768px) {
    .advanced-search-form .flattened dt {
        width: 230px
    }

    .advanced-search-form .flattened dt label {
        font-weight: var(--base-text-weight-normal, 400)
    }

    .advanced-search-form .flattened dd {
        margin-left: 250px
    }

    .advanced-search-form .form-checkbox {
        margin-left: 250px
    }
}

.codesearch-results .code-list .title a {
    word-wrap: break-word
}

.codesearch-results .repo-list-item {
    border-bottom: 0
}

.codesearch-results .repo-list-item+.repo-list-item {
    border-top: 1px solid var(--borderColor-default, var(--color-border-default))
}

.search-form-fluid .TableObject-item--primary {
    position: relative;
    padding-right: 8px
}

.search-form-fluid .completed-query {
    position: absolute;
    z-index: 1;
    padding: inherit;
    margin: 0;
    overflow: hidden;
    white-space: nowrap
}

.search-form-fluid .completed-query span {
    opacity: 0
}

.search-form-fluid .search-page-label {
    position: relative;
    display: block;
    font-weight: var(--base-text-weight-normal, 400);
    cursor: text
}

.search-form-fluid .search-page-label.focus .completed-query {
    opacity: .6
}

.search-form-fluid .search-page-input {
    position: relative;
    z-index: 2;
    min-height: 0;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
    box-shadow: none
}

.search-form-fluid .search-page-input:focus {
    box-shadow: none
}

.topics-row-container {
    height: 30px;
    overflow: hidden
}

@media(max-width: 544px) {

    .codesearch-pagination-container a:not(.next_page):not(.previous_page),
    .codesearch-pagination-container .gap {
        display: none
    }

    .codesearch-pagination-container .previous_page,
    .codesearch-pagination-container .next_page {
        width: 100%
    }

    .codesearch-pagination-container .current {
        color: var(--color-fg-muted);
        background: var(--color-canvas-default);
        border-color: var(--color-border-default)
    }

    .codesearch-pagination-container .current::after {
        content: " of " attr(data-total-pages)
    }
}

.codespaces-policy-form details>summary::-webkit-details-marker {
    display: none
}

.codespaces-wider-select-menu-modal {
    width: 420px;
    margin-right: 32px
}

.codespaces-policy-item-no-hover:hover {
    background-color: var(--color-canvas-overlay)
}

.codespaces-policy-constraint-menu-item-muted-hover:hover {
    color: var(--color-fg-default);
    background-color: var(--color-btn-hover-bg)
}

.codespaces-policy-form-button-hover:hover .codespaces-policy-form-button-text-hover {
    border-color: var(--color-btn-hover-bg) !important
}

.codespaces-policy-form-button-hide-border {
    border-color: var(--color-scale-white) !important
}

.codespaces-policy-form-blue-hover:hover {
    color: var(--color-accent-fg) !important
}

.codespaces-policy-form-blue-hover:hover svg {
    color: var(--color-accent-fg) !important
}

.codespaces-policy-form-blue-hover:focus svg {
    color: var(--color-accent-fg) !important
}

.codespaces-policy-form-danger-hover:hover {
    background-color: var(--color-danger-subtle) !important
}

.codespaces-list-box .css-truncate-target {
    max-width: 100%
}

.commit-activity-master {
    margin-top: 16px
}

.is-graph-loading .commit-activity-master {
    display: none
}

rect {
    shape-rendering: crispedges
}

rect.max {
    fill: var(--color-attention-fg)
}

g.bar {
    fill: var(--color-success-fg)
}

g.mini {
    fill: var(--color-severe-fg)
}

g.active rect {
    fill: var(--color-danger-fg)
}

circle.focus {
    fill: var(--color-fg-muted)
}

.dot text {
    fill: var(--color-fg-muted);
    stroke: none
}

span.no-nl-marker {
    position: relative;
    color: var(--color-danger-fg);
    vertical-align: middle
}

.symlink .no-nl-marker {
    display: none
}

.range-editor {
    position: relative;
    padding: 4px 16px 4px 40px;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.range-editor .dots {
    font-size: 16px
}

.range-editor .select-menu {
    position: relative;
    display: inline-block
}

.range-editor .select-menu.fork-suggester {
    display: none
}

.range-editor .branch-name {
    line-height: 22px
}

.range-editor .branch .css-truncate-target,
.range-editor .fork-suggester .css-truncate-target {
    max-width: 180px
}

.range-editor .pre-mergability {
    display: inline-block;
    padding: 4px;
    line-height: 26px;
    vertical-align: middle
}

.range-editor .pre-mergability .octicon {
    vertical-align: text-bottom
}

.range-editor.is-cross-repo .select-menu.fork-suggester {
    display: inline-block
}

.range-editor-icon {
    float: left;
    margin-top: 8px;
    margin-left: -24px;
    color: var(--color-fg-muted)
}

.compare-pr-header {
    display: none
}

.is-pr-composer-expanded .compare-show-header {
    display: none
}

.is-pr-composer-expanded .compare-pr-header {
    display: block
}

.range-cross-repo-pair {
    display: inline-block;
    padding: 4px;
    white-space: nowrap
}

.tint-box {
    position: relative;
    margin-bottom: 8px;
    background: var(--color-canvas-subtle);
    border-radius: 6px
}

.tint-box.transparent {
    background: var(--color-canvas-default)
}

.tint-box .activity {
    padding-top: 100px;
    margin-top: 0
}

.contrib-person path {
    fill: var(--color-severe-fg)
}

.contrib-person .midlabel {
    fill: var(--color-neutral-emphasis)
}

.coupons .setup-plans td img {
    margin-top: -2px;
    vertical-align: middle
}

.coupons .coupon-form-body {
    width: 270px;
    padding: 16px;
    margin: 100px auto 60px;
    font-size: 14px;
    text-align: center;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.coupons .coupon-form-body .input-block {
    margin-bottom: 16px
}

.coupons .coupon-form-body .btn {
    display: block;
    width: 100%
}

.coupon-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 16px;
    color: var(--color-accent-fg);
    border: 1px solid var(--color-border-default);
    border-radius: 40px
}

.coupon-icon .octicon {
    margin-top: 16px;
    margin-right: 2px
}

.coupons-list-options .select-menu {
    display: inline-block;
    margin-right: 8px
}

.coupons-list-options .pagination {
    float: right;
    margin: 0
}

.repo-private-icon {
    fill: var(--color-attention-fg)
}

.dashboard-rollup-items>.dashboard-rollup-item {
    border-top: 1px solid var(--color-border-default)
}

.news-full {
    float: none;
    width: auto
}

.pinned-favorites-update-form {
    height: 200px
}

.dashboard-break-word {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.news .bio g-emoji,
.news .repo-description g-emoji {
    display: inline-block
}

.news .feed-item-heading-menu-button {
    color: var(--color-fg-muted);
    outline: none
}

.news .feed-item-heading-menu-button:hover {
    color: var(--color-fg-default)
}

.suggest-icon {
    width: 48px;
    height: 48px;
    padding: 4px
}

.suggest-icon svg,
.suggest-icon path {
    fill: #fff
}

.suggest-icon svg::before,
.suggest-icon path::before {
    bottom: -6px;
    left: -4px;
    background-color: #9e7bff
}

.suggest-icon svg::after,
.suggest-icon path::after {
    top: -5px;
    right: -5px;
    width: 5px;
    height: 5px;
    background-color: #6c84e9
}

.suggest-icon .suggest-icon-bubble {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #6c84e9;
    border-radius: 50%
}

.suggest-icon .suggest-icon-bubble:nth-of-type(2n) {
    width: 4px;
    height: 4px;
    background-color: #9e7bff
}

.suggest-icon .suggest-icon-bubble:nth-of-type(1) {
    bottom: -7px;
    left: -7px
}

.suggest-icon .suggest-icon-bubble:nth-of-type(2) {
    top: -4px;
    right: 4px
}

.suggest-icon .suggest-icon-bubble:nth-of-type(3) {
    top: -7px;
    right: -8px
}

.dashboard-notice {
    position: relative;
    padding: 16px 16px 16px 55px;
    margin-bottom: 16px;
    font-size: 14px;
    background-color: var(--color-canvas-subtle);
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.dashboard-notice .dismiss {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    color: var(--color-fg-muted);
    cursor: pointer
}

.dashboard-notice .dismiss:hover {
    color: var(--color-fg-muted)
}

.dashboard-notice .notice-icon {
    position: absolute;
    top: 15px;
    left: 15px
}

.dashboard-notice .octicon-organization {
    color: var(--color-accent-fg)
}

.dashboard-notice h2 {
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-default)
}

.dashboard-notice p.no-title {
    padding-right: 4px
}

.dashboard-notice ul {
    margin-left: 16px
}

.dashboard-notice li {
    padding-bottom: 16px
}

.dashboard-notice .coupon {
    padding: 8px;
    margin: 16px 0;
    font-size: 20px;
    font-weight: var(--base-text-weight-semibold, 600);
    text-align: center;
    background: var(--color-canvas-default);
    border: 1px dashed var(--color-border-default)
}

.dashboards-overview-lead {
    width: 700px
}

.dashboards-overview-cards .boxed-group {
    width: 100%;
    margin: 8px 0
}

.dashboards-overview-cards .boxed-group .graph-canvas path {
    stroke-opacity: .5
}

.dashboards-overview-cards .is-no-activity .blankslate {
    display: block
}

.dashboards-overview-cards .is-no-activity .dashboards-overview-graph {
    display: none
}

.dashboards-overview-cards .blankslate {
    display: none;
    padding-top: 47px;
    background-color: var(--color-canvas-default);
    border: 0;
    box-shadow: none
}

.dashboards-overview-cards .octicon-arrow-down,
.dashboards-overview-cards .octicon-arrow-up {
    display: none
}

.dashboards-overview-cards .is-increase .octicon-arrow-up {
    display: inline-block
}

.dashboards-overview-cards .is-decrease .octicon-arrow-down {
    display: inline-block
}

.dashboards-overview-cards .octicon-arrow-down {
    color: var(--color-danger-fg)
}

.dashboards-overview-cards .octicon-arrow-up {
    color: #1db34f
}

.dashboards-overview-cards .graph-canvas .dots {
    padding: 43px 0
}

.dashboards-overview-cards .summary-stats {
    height: 78px
}

.dashboards-overview-cards .summary-stats .metric-0 {
    color: #1db34f
}

.dashboards-overview-cards .summary-stats .metric-1 {
    color: var(--color-accent-fg)
}

.dashboards-overview-cards .summary-stats .totals-num {
    margin: 0 8px
}

.dashboards-overview-cards .summary-stats .single {
    width: 100%
}

.dashboards-overview-cards .dashboards-overview-graph {
    height: 160px
}

.dashboards-overview-cards .dashboards-overview-graph path {
    fill: none;
    stroke-width: 2
}

.dashboards-overview-cards .dashboards-overview-graph path.metric-0 {
    stroke: #1db34f
}

.dashboards-overview-cards .dashboards-overview-graph path.metric-1 {
    stroke: #1d7fb3
}

.dashboards-overview-cards .dashboards-overview-graph .y line {
    stroke: #1db34f
}

.dashboards-overview-cards .dashboards-overview-graph .y.unique line {
    stroke: #1d7fb3
}

.dashboards-overview-cards .dashboards-overview-graph .overlay {
    fill-opacity: 0
}

.dashboards-overview-cards .metric-0 circle {
    fill: #1db34f;
    stroke: #fff;
    stroke-width: 2
}

.dashboards-overview-cards .dots.metric-1 circle {
    fill: #1d7fb3;
    stroke: #fff;
    stroke-width: 2
}

.TimelineItem:last-of-type.dependabot-alert-dismissal-comment::before {
    width: 0
}

@media only screen and (max-width: 544px) {
    .dependabot-alert-filter-options {
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .dependabot-alert-filter-options>* {
        padding-top: 4px;
        padding-bottom: 4px
    }

    .dependabot-alert-bulk-edit-checkbox>input {
        margin-right: 16px;
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 544px) {
    .dependabot-alert-filter-options {
        justify-content: space-evenly
    }

    .dependabot-alert-bulk-edit-checkbox>input {
        margin-right: 8px
    }
}

dl.form.developer-select-account {
    margin-top: 0
}

.developer-wrapper .setup-info-module .features-list {
    margin-left: 16px
}

.developer-wrapper .setup-info-module .features-list .octicon {
    margin-left: -16px
}

.developer-thanks h2 {
    font-size: 40px;
    font-weight: var(--base-text-weight-normal, 400)
}

.developer-thanks .hook {
    margin-top: 2px;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: var(--base-text-weight-light, 300);
    color: var(--color-fg-muted)
}

.developer-thanks-image {
    position: relative;
    bottom: -45px;
    float: left;
    width: 400px
}

.developer-thanks-section {
    margin: 130px 0 0 470px
}

.developer-next-steps {
    font-size: 16px;
    font-weight: var(--base-text-weight-light, 300);
    list-style: none
}

.developer-next-steps li {
    margin-top: 8px
}

.developer-next-steps li:first-child {
    margin-top: 0
}

.developer-next-steps .octicon {
    margin-right: 8px;
    color: var(--color-success-fg);
    vertical-align: middle
}

development-menu .line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}

development-menu .form-control[is-loading] {
    background: transparent
}

development-menu .development-menu-component-menu-modal,
development-menu .development-menu-component-dialog-modal {
    margin-top: 4px !important
}

development-menu .SelectMenu-item:hover,
development-menu .SelectMenu-item:focus-visible {
    color: var(--color-fg-on-emphasis) !important;
    background-color: var(--color-accent-emphasis) !important
}

development-menu .SelectMenu-item:hover .arrow,
development-menu .SelectMenu-item:focus-visible .arrow {
    visibility: visible !important
}

development-menu .SelectMenu-item:hover svg,
development-menu .SelectMenu-item:hover span,
development-menu .SelectMenu-item:hover p,
development-menu .SelectMenu-item:focus-visible svg,
development-menu .SelectMenu-item:focus-visible span,
development-menu .SelectMenu-item:focus-visible p {
    color: var(--color-fg-on-emphasis) !important;
    background-color: var(--color-accent-emphasis) !important
}

development-menu .development-menu-component-menu-modal,
development-menu .development-menu-component-dialog,
development-menu .development-menu-component-dialog-modal {
    animation: none
}

@media(min-width: 544px) {

    development-menu .development-menu-component-menu-modal,
    development-menu .development-menu-component-dialog,
    development-menu .development-menu-component-dialog-modal {
        max-width: 300px
    }
}

@media(max-width: 544px) {
    development-menu .hx_rsm-modal-sm {
        position: fixed !important;
        top: 75px;
        right: 16px !important;
        left: 16px;
        display: flex;
        width: auto;
        height: 80%;
        margin: 0;
        flex-direction: column;
        animation: hx_rsm-modal-animation .24s .12s cubic-bezier(0, 0.1, 0.1, 1) backwards
    }
}

development-menu .development-menu-component-dialog:not([hidden])+.development-menu-component-dialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80;
    display: block;
    cursor: default;
    content: " ";
    background: transparent;
    background: var(--color-primer-canvas-backdrop)
}

@media(min-width: 544px) {
    development-menu .development-menu-component-dialog:not([hidden])+.development-menu-component-dialog-overlay {
        display: none
    }
}

development-menu .development-menu-component-dialog {
    z-index: 99
}

@keyframes development-menu-component-dialog-animation--sm {
    0% {
        opacity: 0;
        transform: translateX(16px)
    }
}

@media(min-width: 544px) {
    development-menu .development-menu-component-dialog {
        position: absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        max-height: none;
        padding-top: 0;
        margin: 0;
        transform: none
    }
}

development-menu .development-menu-component-dialog .development-menu-component-dialog-modal {
    animation: none
}

development-menu .SelectMenu-item[aria-disabled=true] {
    opacity: .5
}

.file-diff-split[data-lock-side-selection=left] [data-split-side=right],
.file-diff-split[data-lock-side-selection=right] [data-split-side=left] {
    -webkit-user-select: none;
    user-select: none
}

.invisible {
    position: absolute;
    opacity: 0
}

.label-select-menu .color {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 7px
}

.label-select-menu .select-menu-item:hover,
.label-select-menu .select-menu-item:focus,
.label-select-menu .select-menu-item[aria-checked=true]:hover,
.label-select-menu .select-menu-item[aria-checked=true]:focus {
    color: inherit;
    background-color: var(--color-neutral-subtle)
}

.label-select-menu .select-menu-item-icon,
.label-select-menu .label-options-icon {
    color: inherit !important
}

.user-has-reacted .octicon {
    fill: var(--color-accent-fg)
}

.user-has-reacted>.fa-light,
.user-has-reacted>div>span {
    fill: var(--color-accent-fg)
}

.discussions-header-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px
}

@media(min-width: 1012px) {
    .discussions-header-wrap {
        grid-template-columns: minmax(0, 1fr) max-content
    }
}

.discussions-query-builder {
    order: 2
}

@media(min-width: 1012px) {
    .discussions-query-builder {
        order: inherit
    }
}

.discussions-button-wrap {
    display: flex;
    align-items: center;
    order: 1;
    flex-wrap: wrap;
    gap: 4px
}

@media(min-width: 768px) {
    .discussions-button-wrap {
        gap: 0
    }
}

@media(min-width: 1012px) {
    .discussions-button-wrap {
        order: inherit;
        justify-content: flex-end
    }
}

.discussions-select-menu a:focus {
    outline: 2px solid var(--color-accent-emphasis)
}

.hx_discussion_section_row {
    border-top: solid 1px var(--color-border-muted) !important;
    border-radius: 0 !important
}

.donut-chart>.error,
.donut-chart>.cancelled,
.donut-chart>.action_required,
.donut-chart>.timed_out,
.donut-chart>.failure {
    fill: var(--color-checks-donut-error)
}

.donut-chart>.expected,
.donut-chart>.queued,
.donut-chart>.in_progress,
.donut-chart>.waiting,
.donut-chart>.requested,
.donut-chart>.pending {
    fill: var(--color-checks-donut-pending)
}

.donut-chart>.success {
    fill: var(--color-checks-donut-success)
}

.donut-chart>.neutral,
.donut-chart>.stale,
.donut-chart>.skipped {
    fill: var(--color-checks-donut-neutral)
}

.ds-action-prompt-container {
    height: auto;
    background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-mobile.png");
    background-repeat: no-repeat;
    background-position: top right
}

.ds-action-prompt-container .content {
    width: 95%
}

@media(min-width: 768px) {
    .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner.png")
    }

    .ds-action-prompt-container .content {
        width: 80%
    }
}

[data-color-mode=light][data-light-theme*=dark] .ds-action-prompt-container,
[data-color-mode=dark][data-dark-theme*=dark] .ds-action-prompt-container {
    background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-mobile-dark.png")
}

@media(min-width: 768px) {

    [data-color-mode=light][data-light-theme*=dark] .ds-action-prompt-container,
    [data-color-mode=dark][data-dark-theme*=dark] .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-dark.png")
    }
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-mobile-dark.png")
    }
}

@media(prefers-color-scheme: light)and (min-width: 768px) {
    [data-color-mode=auto][data-light-theme*=dark] .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-dark.png")
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-mobile-dark.png")
    }
}

@media(prefers-color-scheme: dark)and (min-width: 768px) {
    [data-color-mode=auto][data-dark-theme*=dark] .ds-action-prompt-container {
        background-image: url("/images/modules/dependency-graph/ds-actions-prompt-banner-dark.png")
    }
}

.metered-license-graph {
    display: block;
    height: 275px
}

.metered-license-graph .metered-license-graph-loading,
.metered-license-graph .metered-license-graph-error {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.ghe-license-status {
    padding: 40px 0;
    font-size: 16px;
    text-align: center
}

.ghe-license-status .octocat {
    width: 225px;
    margin-bottom: 16px
}

.ghe-license-status h1 {
    margin-bottom: 8px
}

.ghe-license-status p {
    margin-bottom: 4px;
    color: var(--color-fg-muted)
}

.ghe-license-expiry-icon {
    margin: 4px 8px 0 0;
    color: var(--color-attention-fg)
}

.feature-preview-dialog {
    width: 90vw;
    max-width: 880px;
    height: 60vh;
    min-height: 240px;
    max-height: 700px
}

.feature-preview-dialog .feature-preview-info {
    height: 60vh;
    min-height: 183px;
    max-height: calc(100% - 57px)
}

.global-nav-feature-preview-dialog {
    height: 60vh;
    min-height: 240px
}

.file {
    position: relative;
    margin-top: 16px;
    margin-bottom: 16px;
    border: 1px solid var(--color-border-default, #ddd);
    border-radius: 6px
}

.file .drag-and-drop {
    border: 0;
    border-top: 1px dashed var(--color-border-default)
}

.file:target {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--color-accent-fg) !important
}

.file .data.empty {
    padding: 4px 8px;
    color: var(--color-fg-muted)
}

.file:not(.open) .file-header.file-header--expandable {
    border-bottom: 0;
    border-radius: 6px
}

.file .data.suppressed,
.file.open .image {
    display: none
}

.file.open .data.suppressed {
    display: block
}

.file .image {
    position: relative;
    padding: 32px;
    text-align: center;
    background-color: #ddd
}

.file .image table {
    margin: 0 auto
}

.file .image td {
    padding: 0 4px;
    color: var(--color-fg-muted);
    text-align: center;
    vertical-align: top
}

.file .image td img {
    max-width: 100%
}

.file .image .border-wrap {
    position: relative;
    display: inline-block;
    line-height: 0;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default)
}

.file .image a {
    display: inline-block;
    line-height: 0
}

.file .image img,
.file .image canvas {
    max-width: 600px;
    background: url("/images/modules/commit/trans_bg.gif") right bottom #eee;
    border: 1px solid #fff
}

.file .image .view img,
.file .image .view canvas {
    position: relative;
    top: 0;
    right: 0;
    max-width: inherit;
    background: url("/images/modules/commit/trans_bg.gif") right bottom #eee
}

.file .image .view>span {
    vertical-align: middle
}

.file .empty {
    background: none
}

.file-header {
    z-index: 2;
    padding: 4px 8px;
    background-color: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-default);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.file-header::before {
    display: table;
    content: ""
}

.file-header::after {
    display: table;
    clear: both;
    content: ""
}

.file-actions {
    float: right;
    padding-top: 2px;
    font-size: 12px
}

.file-actions select {
    margin-left: 4px
}

.file-info {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 12px;
    line-height: 32px
}

.file-info .octicon {
    vertical-align: text-bottom
}

.sticky-file-header {
    position: sticky;
    top: 60px
}

.sticky-file-header.has-open-dropdown {
    z-index: 10
}

.diff-progressive-loader {
    min-height: 150px
}

.load-diff-button,
.load-diff-retry {
    z-index: 1;
    min-height: 32px
}

.diff-placeholder-svg {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%)
}

.ghae-bootstrap-container {
    min-height: calc(100vh - 54px)
}

.ghae-bootstrap-incomplete-step {
    color: var(--color-fg-muted);
    background-color: var(--color-canvas-subtle)
}

.ghae-bootstrap-complete-step {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-success-emphasis)
}

.ghae-enterprise-name-form-error {
    left: 50%;
    transform: translateX(-50%)
}

.graphs .area {
    fill: var(--color-success-emphasis);
    fill-opacity: .5
}

.graphs .path {
    fill: none;
    stroke: var(--color-success-emphasis);
    stroke-opacity: 1;
    stroke-width: 2px
}

.graphs .dot {
    fill: var(--color-success-emphasis);
    stroke: #1e7e34;
    stroke-width: 2px
}

.graphs .dot.padded {
    stroke: var(--color-canvas-default);
    stroke-width: 1px
}

.graphs .dot.padded circle:hover {
    fill: var(--color-accent-emphasis)
}

.graphs .d3-tip {
    fill: var(--color-neutral-emphasis)
}

.graphs .d3-tip text {
    font-size: 12px;
    fill: var(--color-canvas-default)
}

.graphs .dir {
    float: right;
    padding-top: 4px;
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 100%;
    color: var(--color-fg-muted)
}

.graphs .selection .overlay {
    visibility: none
}

.graphs .selection .selection {
    fill: var(--color-neutral-emphasis);
    fill-opacity: .1;
    stroke: var(--color-fg-default);
    stroke-dasharray: 3 3;
    stroke-opacity: .4;
    stroke-width: 1px;
    shape-rendering: crispedges
}

.graph-filter h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: var(--base-text-weight-light, 300)
}

.graph-filter .info {
    margin-bottom: 16px;
    color: var(--color-fg-muted)
}

.graph-canvas .activity {
    width: 400px;
    padding: 8px;
    margin: 100px auto 0;
    color: var(--color-fg-default);
    text-align: center;
    border-radius: 6px
}

.graph-canvas .dots {
    margin: 0 auto
}

.graph-canvas>.activity {
    display: none
}

.graph-canvas .axis {
    font-size: 12px
}

.graph-canvas .axis line {
    stroke: var(--color-border-default);
    shape-rendering: crispedges
}

.graph-canvas .axis text {
    fill: var(--color-fg-muted)
}

.graph-canvas .axis path {
    display: none
}

.graph-canvas .axis .zero line {
    stroke: var(--color-accent-emphasis);
    stroke-dasharray: 3 3;
    stroke-width: 1.5
}

.graph-canvas text.axis {
    fill: var(--color-fg-muted)
}

.graph-canvas .graph-loading,
.graph-canvas .graph-error,
.graph-canvas .graph-no-usable-data,
.graph-canvas .graph-empty {
    display: none
}

.graph-canvas.is-graph-loading>.activity,
.graph-canvas.is-graph-without-usable-data>.activity,
.graph-canvas.is-graph-empty>.activity {
    display: block
}

.graph-canvas.is-graph-loading .graph-loading,
.graph-canvas.is-graph-empty .graph-empty,
.graph-canvas.is-graph-without-usable-data .graph-no-usable-data,
.graph-canvas.is-graph-load-error .graph-error {
    display: block
}

.svg-tip {
    position: absolute;
    z-index: 99999;
    padding: 8px 16px;
    font-size: 12px;
    color: var(--color-fg-on-emphasis);
    text-align: center;
    background: var(--color-neutral-emphasis-plus);
    border-radius: 6px
}

.svg-tip.is-visible {
    display: block
}

.svg-tip::after {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 5px;
    height: 5px;
    box-sizing: border-box;
    margin: 0 0 0 -4px;
    content: " ";
    border: 5px solid transparent;
    border-top-color: var(--color-neutral-emphasis-plus)
}

.svg-tip.left::after {
    left: 10%
}

.svg-tip.right::after {
    left: 90%
}

.svg-tip.comparison {
    padding: 0;
    text-align: left;
    pointer-events: none
}

.svg-tip.comparison .title {
    display: block;
    padding: 8px;
    margin: 0;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1;
    pointer-events: none
}

.svg-tip.comparison ul {
    padding: 4px 8px 8px 8px;
    margin: 0;
    white-space: nowrap;
    list-style: none
}

.svg-tip.comparison li {
    display: inline-block;
    padding-top: 16px
}

.svg-tip.comparison .metric-0,
.svg-tip.comparison .metric-1 {
    position: relative
}

.svg-tip.comparison .metric-0::before,
.svg-tip.comparison .metric-1::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    content: "";
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.svg-tip.comparison .metric-0::before {
    background-color: var(--color-success-emphasis)
}

.svg-tip.comparison .metric-1::before {
    background-color: var(--color-accent-emphasis)
}

.svg-tip-one-line {
    white-space: nowrap
}

.activity-overview-axis,
.activity-overview-point {
    stroke: var(--color-calendar-graph-day-L4-bg)
}

.halloween-activity-overview .activity-overview-axis,
.halloween-activity-overview .activity-overview-point {
    stroke: var(--color-calendar-halloween-graph-day-L4-bg)
}

.winter-activity-overview .activity-overview-axis,
.winter-activity-overview .activity-overview-point {
    stroke: var(--color-calendar-winter-graph-day-L4-bg)
}

.activity-overview-label {
    fill: var(--color-fg-muted)
}

.activity-overview-percentage {
    font-size: 12px;
    fill: var(--color-fg-muted)
}

.team-breadcrumb .team-breadcrumb-item {
    display: inline-block
}

.team-breadcrumb .team-breadcrumb-item::after {
    padding-right: .5em;
    padding-left: .5em;
    color: var(--color-neutral-muted);
    content: "/"
}

.team-breadcrumb .team-breadcrumb-item-selected::after {
    content: none
}

.team-discussions-container {
    min-height: 100vh
}

@media(min-width: 768px) {
    .team-left-column {
        max-width: 350px
    }
}

.team-left-column .team-avatar {
    width: 80px;
    height: 80px
}

@media(min-width: 768px) {
    .team-left-column .team-avatar {
        width: 140px;
        height: 140px
    }
}

.team-discussions {
    max-width: 768px
}

.team-discussions .previewable-comment-form .comment {
    border: 0
}

.team-discussions .previewable-comment-form .toolbar-commenting.toolbar-commenting.toolbar-commenting {
    background: transparent
}

.team-discussions .previewable-comment-form .tabnav-tab.selected {
    background-color: var(--color-canvas-default)
}

.hooks-listing .boxed-group-action.select-menu {
    z-index: auto
}

.hooks-listing .boxed-group-inner {
    padding: 0 8px;
    margin-bottom: 8px
}

.hook-item a:hover {
    text-decoration: none
}

.hook-item .item-status {
    float: left;
    width: 16px;
    margin-right: 8px;
    text-align: center
}

.hook-item .description {
    color: var(--color-fg-muted)
}

.hook-item .description .css-truncate-target {
    max-width: 160px
}

.hook-item .icon-for-success,
.hook-item .icon-for-failure,
.hook-item .icon-for-pending,
.hook-item .icon-for-inactive {
    display: none
}

.hook-item.success .icon-for-success {
    display: inline-block;
    color: var(--color-success-fg)
}

.hook-item.failure .icon-for-failure {
    display: inline-block;
    color: var(--color-danger-fg)
}

.hook-item.pending .icon-for-pending {
    display: inline-block;
    color: var(--color-fg-muted)
}

.hook-item.inactive .icon-for-inactive {
    display: inline-block;
    color: var(--color-fg-muted)
}

.hook-item .icon-for-enabled,
.hook-item .icon-for-disabled {
    display: none
}

.hook-item.enabled .icon-for-enabled {
    display: inline-block;
    color: var(--color-success-fg)
}

.hook-item.disabled .icon-for-disabled {
    display: inline-block;
    color: var(--color-fg-muted)
}

.hook-item .hook-error-message {
    margin-left: 24px;
    color: var(--color-danger-fg)
}

.hook-url.css-truncate-target {
    max-width: 360px
}

.hooks-oap-warning {
    margin-top: 0
}

.hooks-oap-warning ul {
    margin: 8px 0
}

.hooks-oap-warning ul li {
    margin-left: 16px
}

.item-name {
    float: left;
    font-weight: var(--base-text-weight-semibold, 600)
}

.hovercard-icon {
    width: 16px
}

.integration-meta-head {
    font-size: 16px;
    color: var(--color-fg-muted)
}

.integrations-select-repos {
    max-height: 138px;
    overflow-y: scroll;
    border-radius: 6px
}

.integrations-select-repos .mini-repo-list-item {
    padding: 8px 64px 8px 32px
}

.integrations-select-repos .mini-repo-list-item:hover .repo,
.integrations-select-repos .mini-repo-list-item:hover .owner {
    text-decoration: none
}

.integrations-select-repos .mini-repo-list-item .css-truncate-target {
    max-width: 345px
}

.integrations-select-repos::-webkit-scrollbar {
    width: 10px
}

.integrations-select-repos::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border: solid var(--color-canvas-default) 2px;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.integrations-select-repos::-webkit-scrollbar-track-piece {
    background: transparent
}

.integrations-repository-picker {
    width: 440px
}

.target-avatar {
    position: relative;
    top: -2px
}

.select-permission-modal {
    width: 340px
}

.issue-list-item+.issue-list-item {
    border-top: solid 1px var(--color-border-muted)
}

.issue-list-item {
    overflow-wrap: anywhere
}

.pinned-issue-item .pinned-issue-handle {
    cursor: grab
}

.pinned-issue-item.is-dragging,
.pinned-issue-item.is-dragging .pinned-issue-handle {
    cursor: grabbing
}

.pinned-issue-item.is-dragging {
    background-color: var(--color-accent-subtle)
}

.pinned-issue-item.sortable-ghost {
    background-color: var(--color-accent-subtle);
    opacity: 0
}

.issues-reset-query-wrapper {
    margin-bottom: 16px
}

.label-link:hover {
    text-decoration: none
}

.issues-reset-query {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted)
}

.issues-reset-query:hover {
    color: var(--color-accent-fg);
    text-decoration: none
}

.issues-reset-query:hover .issues-reset-query-icon {
    background-color: var(--color-accent-emphasis)
}

.issues-reset-query-icon {
    width: 18px;
    height: 18px;
    padding: 1px;
    margin-right: 4px;
    color: var(--color-fg-on-emphasis);
    text-align: center;
    background-color: var(--color-neutral-emphasis);
    border-radius: 6px
}

.table-list-milestones .stats {
    gap: 0 15px
}

.table-list-milestones .table-list-cell {
    padding: 16px 16px
}

.table-list-milestones .stat {
    display: inline-block;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.2;
    color: var(--color-fg-muted);
    white-space: nowrap
}

.table-list-milestones .stat a {
    color: inherit
}

.table-list-milestones .stat-label {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.milestone-title {
    width: 500px
}

.milestone-title-link {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.2
}

.milestone-title-link a {
    color: var(--color-fg-default, #333)
}

.milestone-title-link a:hover {
    color: var(--color-accent-fg)
}

.milestone-progress {
    width: auto;
    max-width: 420px
}

.milestone-progress .progress-bar {
    margin-top: 8px;
    margin-bottom: 12px
}

.milestone-meta {
    font-size: 14px
}

.milestone-meta-item {
    display: inline-block;
    margin-right: 8px
}

.milestone-meta-item .octicon {
    width: 16px;
    text-align: center
}

.milestone-description-html {
    display: none
}

.milestone-description {
    margin-top: 4px
}

.milestone-description .expand-more {
    color: var(--color-accent-fg);
    cursor: pointer
}

.milestone-description .expand-more:hover {
    text-decoration: underline
}

.milestone-description.open .milestone-description-plaintext {
    display: none
}

.milestone-description.open .milestone-description-html {
    display: block
}

.milestones-flexbox-gap {
    gap: 10px
}

.issue-reorder-warning {
    z-index: 110
}

.task-progress {
    color: var(--color-fg-muted);
    text-decoration: none;
    vertical-align: top
}

.task-progress .octicon {
    margin-right: 4px;
    color: var(--color-fg-muted, #999);
    vertical-align: bottom
}

.task-progress .progress-bar {
    display: inline-block;
    width: 80px;
    height: 5px;
    vertical-align: 2px;
    background-color: var(--color-neutral-muted)
}

.task-progress .progress-bar .progress {
    background-color: var(--color-border-default)
}

.task-progress-counts {
    display: inline-block;
    margin-right: 4px;
    margin-left: -2px;
    font-size: 12px
}

a.task-progress:hover {
    color: var(--color-accent-fg)
}

a.task-progress:hover .octicon {
    color: inherit
}

a.task-progress:hover .progress-bar .progress {
    background-color: var(--color-accent-emphasis)
}

.issue-meta-section .octicon {
    color: var(--color-fg-muted, #ccc);
    vertical-align: bottom
}

.issue-milestone {
    max-width: 240px
}

.issue-milestone .css-truncate-target {
    max-width: 100px
}

.milestone-link .octicon {
    font-size: 14px
}

.milestone-link:hover .octicon {
    color: inherit
}

.new-pr-form {
    margin-top: 16px;
    margin-bottom: 16px
}

.new-pr-form::before {
    display: table;
    content: ""
}

.new-pr-form::after {
    display: table;
    clear: both;
    content: ""
}

.new-pr-form .discussion-timeline::before {
    display: none
}

.label-select-menu .description {
    margin-left: 16px
}

.label-select-menu .color {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -1px;
    margin-right: 2px;
    vertical-align: middle;
    border-radius: 7px
}

.label-select-menu [aria-checked=true] .select-menu-item-icon,
.label-select-menu [aria-checked=mixed] .select-menu-item-icon,
.label-select-menu .selected .select-menu-item-icon {
    color: inherit !important
}

.label-select-menu [aria-checked=true] .octicon-circle-slash,
.label-select-menu [aria-checked=mixed] .octicon-circle-slash,
.label-select-menu .selected .octicon-circle-slash {
    color: var(--color-fg-muted)
}

.label-select-menu [aria-checked=true]:active,
.label-select-menu [aria-checked=mixed]:active,
.label-select-menu .selected:active {
    background-color: transparent !important
}

.label-select-menu .select-menu-item {
    position: relative
}

.label-select-menu .select-menu-item:hover,
.label-select-menu .select-menu-item:focus,
.label-select-menu .select-menu-item[aria-selected=true],
.label-select-menu .select-menu-item.navigation-focus {
    color: inherit;
    background-color: var(--color-neutral-subtle)
}

.label-select-menu .select-menu-item:hover .select-menu-item-icon,
.label-select-menu .select-menu-item:focus .select-menu-item-icon,
.label-select-menu .select-menu-item[aria-selected=true] .select-menu-item-icon,
.label-select-menu .select-menu-item.navigation-focus .select-menu-item-icon {
    color: transparent
}

.label-select-menu .select-menu-item:hover .label-options-icon,
.label-select-menu .select-menu-item:focus .label-options-icon,
.label-select-menu .select-menu-item[aria-selected=true] .label-options-icon,
.label-select-menu .select-menu-item.navigation-focus .label-options-icon {
    color: inherit
}

.label-select-menu>form {
    position: relative
}

.subnav .btn+.issues-search {
    padding-right: 8px;
    border-right: 1px solid var(--color-border-muted)
}

.reaction-sort-item {
    float: left;
    width: 39px;
    padding: 4px;
    margin-top: 4px;
    text-align: center;
    pointer-events: all;
    border: solid 1px transparent;
    border-radius: 6px;
    opacity: .7
}

.reaction-sort-item:focus,
.reaction-sort-item:hover {
    text-decoration: none;
    background-color: var(--color-accent-emphasis);
    opacity: 1
}

.reaction-sort-item[aria-checked=true] {
    background-color: var(--color-accent-subtle);
    border-color: var(--color-accent-emphasis);
    opacity: 1
}

.issue-keyword {
    border-bottom: 1px dotted var(--color-border-default)
}

.issue-keyword:hover {
    border-bottom: 0
}

.new-label-color-dimensions {
    width: 24px;
    height: 24px
}

.select-menu-item[aria-selected=true]>.octicon.label-options-icon,
.select-menu-item.navigation-focus>.octicon.label-options-icon {
    color: var(--color-fg-default)
}

.new-label-color-input:invalid {
    color: var(--color-danger-fg)
}

.issue-form-textarea {
    height: 100px !important;
    min-height: 100px !important
}

.issue-forms-wysiwyg-container .comment-form-head {
    background: var(--color-canvas-subtle) !important
}

.issue-forms-wysiwyg-container .comment-body {
    border-bottom: 0 !important
}

.issue-form-body>:first-child {
    margin-top: 0 !important
}

.issue-create-branch-menu-action {
    color: var(--color-fg-default)
}

.issue-create-branch-menu-action:hover:not(:disabled) {
    color: var(--color-fg-default);
    background-color: var(--color-canvas-subtle)
}

.issue-create-branch-menu-action:focus:not(:disabled) {
    color: var(--color-fg-default);
    background-color: var(--color-neutral-subtle)
}

react-app[app-name=issues] {
    display: flex !important
}

react-app[app-name=issues]>[data-target="react-app.reactRoot"] {
    width: 100%
}

.repository-lang-stats {
    position: relative
}

.repository-lang-stats ol.repository-lang-stats-numbers li {
    display: table-cell;
    width: 1%;
    padding: 8px 4px;
    text-align: center;
    white-space: nowrap;
    border-bottom: 0
}

.repository-lang-stats ol.repository-lang-stats-numbers li span.percent {
    float: none
}

.repository-lang-stats ol.repository-lang-stats-numbers li>a,
.repository-lang-stats ol.repository-lang-stats-numbers li>span {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted);
    text-decoration: none
}

.repository-lang-stats ol.repository-lang-stats-numbers li .lang {
    color: var(--color-fg-default)
}

.repository-lang-stats ol.repository-lang-stats-numbers li .language-color {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%
}

.repository-lang-stats ol.repository-lang-stats-numbers li a:hover {
    background: transparent
}

.repository-lang-stats-graph {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: 1px solid var(--color-border-default);
    border-top: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.repository-lang-stats-graph .language-color {
    line-height: 8px;
    text-indent: -9999px
}

.repository-lang-stats-graph .language-color:first-child {
    border-bottom-left-radius: 6px
}

.repository-lang-stats-graph .language-color:last-child {
    border-bottom-right-radius: 6px
}

.repository-lang-stats-graph .language-color:not(:first-child) {
    border-left: 1px solid var(--color-canvas-default)
}

.octocat-spinner {
    min-height: 64px;
    background-image: url("/images/spinners/octocat-spinner-64.gif");
    background-repeat: no-repeat;
    background-position: center center
}

.octocat-spinner-32 {
    min-height: 32px;
    background-image: url("/images/spinners/octocat-spinner-32.gif");
    background-repeat: no-repeat;
    background-position: center center
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
    .octocat-spinner {
        background-image: url("/images/spinners/octocat-spinner-128.gif");
        background-size: 64px 64px
    }

    .octocat-spinner-32 {
        background-image: url("/images/spinners/octocat-spinner-64.gif");
        background-size: 32px 32px
    }
}

.map-container .activity {
    top: 120px;
    left: 340px;
    z-index: 99999
}

.map-container .is-graph-loading .activity {
    display: block
}

.map {
    height: 350px
}

.map-background {
    pointer-events: all;
    fill: #0366d6
}

.map-background-zoom {
    cursor: grab
}

.map-land {
    fill: none;
    stroke: #256aae;
    stroke-width: 2;
    shape-rendering: crispedges
}

.map-country {
    fill: #d7c7ad;
    shape-rendering: crispedges;
    cursor: pointer
}

.map-country.hk {
    stroke: #a5967e
}

.map-country:hover {
    fill: #c8b28e
}

.map-country.active {
    fill: #f6e5ca
}

.map-borders {
    fill: none;
    stroke: #a5967e;
    shape-rendering: crispedges
}

.map-graticule {
    pointer-events: none;
    fill: none;
    stroke: #fff;
    stroke-opacity: .2;
    shape-rendering: crispedges
}

.map-graticule :nth-child(2n) {
    stroke-dasharray: 2, 2
}

.map-legend .map-legend-circle {
    fill-opacity: 0;
    stroke: #fff;
    stroke-width: 1.5
}

.map-legend .map-legend-text {
    font-size: 12px;
    fill: #fff;
    text-anchor: end
}

.map-legend .map-legend-link {
    stroke: #fff;
    stroke-width: 1.5
}

.map-point {
    pointer-events: none;
    fill: #f66a0a
}

.map-point:hover {
    fill: #e36209
}

.map-country-info {
    top: 8px;
    right: 8px;
    pointer-events: none;
    opacity: 0
}

.MarketplaceJumbotron {
    background-color: var(--color-neutral-emphasis);
    background-image: url("/images/modules/marketplace/bg-hero.svg");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 150% auto
}

@media(min-width: 768px) {
    .MarketplaceJumbotron {
        background-repeat: no-repeat;
        background-size: cover
    }
}

.CircleBadge--feature {
    position: relative;
    top: 0;
    transition: top .15s ease-in, box-shadow .12s ease-in
}

.MarketplaceFeature {
    min-width: 250px
}

.MarketplaceFeature-text {
    opacity: .7;
    transition: opacity .12s ease-in
}

.MarketplaceFeature-link:hover .CircleBadge--feature {
    top: -3px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2)
}

.MarketplaceFeature-link:hover .MarketplaceFeature-text {
    opacity: 1
}

.MarketplaceFeature-link:active .CircleBadge--feature {
    top: 0;
    box-shadow: 0
}

.MarketplaceSideNav {
    -webkit-overflow-scrolling: touch;
    background-color: var(--color-canvas-subtle)
}

@media(min-width: 768px) {
    .MarketplaceSideNav {
        background-color: var(--color-canvas-default);
        border-right: 1px solid var(--borderColor-default, var(--color-border-default))
    }
}

.ScreenshotCarousel {
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.ScreenshotCarousel-screenshot {
    padding: 16px
}

.ScreenshotCarousel-nav {
    display: flex;
    overflow-x: auto;
    align-items: top;
    box-shadow: inset 0 1px 0 var(--color-border-default)
}

.ScreenshotCarousel-navitem {
    width: 20%;
    min-width: 120px;
    padding: 16px;
    cursor: pointer;
    border-right: 1px solid var(--borderColor-default, var(--color-border-default))
}

.ScreenshotCarousel-navitem:last-child {
    border-right: 0
}

.ScreenshotCarousel-navitem.selected {
    background-color: var(--color-canvas-subtle);
    box-shadow: inset 0 0 4px rgba(36, 41, 46, .15)
}

.marketplace-listing-screenshot-container {
    width: 175px;
    min-height: 175px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.marketplace-listing-screenshot-zoom {
    display: none;
    cursor: move
}

.marketplace-listing-details-sidebar {
    order: 2
}

@media(min-width: 768px) {
    .marketplace-listing-details-sidebar {
        order: 1
    }
}

.marketplace-listing-details-description {
    order: 1
}

@media(min-width: 768px) {
    .marketplace-listing-details-description {
        order: 2
    }
}

.marketplace-listing-screenshot-link {
    height: 100px;
    cursor: move
}

.marketplace-listing-screenshot-link:hover .marketplace-listing-screenshot-zoom,
.marketplace-listing-screenshot-link:focus .marketplace-listing-screenshot-zoom {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 24px;
    background-color: rgba(255, 255, 255, .75)
}

.marketplace-integratable-logo {
    width: 40px;
    height: 40px
}

.marketplace-listing-save-notice,
.marketplace-listing-save-error {
    display: none;
    opacity: 0;
    transition: opacity .15s linear
}

.marketplace-listing-save-notice.visible,
.marketplace-listing-save-error.visible {
    display: inline-block;
    opacity: 1
}

.marketplace-listing-screenshot-delete-form {
    position: absolute;
    bottom: -24px;
    width: 100%;
    text-align: center
}

.marketplace-plan-dollar-field-container .price-note {
    display: none
}

.marketplace-plan-dollar-field-container.is-errored .price-note {
    display: block
}

.marketplace-plan-dollar-field-container.is-errored .form-control {
    border-color: var(--color-danger-emphasis)
}

.marketplace-plan-emphasis {
    color: var(--color-fg-default)
}

.selected .marketplace-plan-emphasis {
    color: var(--color-fg-on-emphasis)
}

.marketplace-plan-unit-name-preview::before {
    content: "per "
}

.marketplace-plan-per-time {
    clear: right
}

.marketplace-billing-modal {
    width: 540px;
    max-height: 90vh;
    margin-top: 5vh
}

.marketplace-listing-markdown,
.marketplace-url-link {
    word-wrap: break-word;
    white-space: pre-wrap
}

.marketplace-listing-markdown {
    line-height: 1.4
}

.marketplace-product-callout {
    border-color: var(--color-border-default) !important
}

.marketplace-product-callout::before,
.marketplace-product-callout::after {
    display: none
}

.marketplace-product-callout .branch-action-item-icon {
    color: var(--color-fg-muted);
    background-color: var(--color-canvas-subtle)
}

.filter-item.selected .Label--secondary {
    color: var(--color-fg-on-emphasis);
    border-color: var(--color-fg-on-emphasis)
}

.MarketplaceEdit-body {
    min-height: 570px
}

.MarketplaceEdit-body .pricing-model-selector {
    width: calc(100% - 12px);
    max-width: 100% !important
}

.MarketplaceEdit-body .menu {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.MarketplaceEdit-body .menu-item {
    padding: 12px 16px;
    background: var(--color-canvas-subtle)
}

.MarketplaceEdit-body .menu-item.selected {
    background: var(--color-canvas-default)
}

.MarketplaceEdit-body .menu-item:hover {
    background: var(--color-canvas-subtle)
}

.MarketplaceEdit-body .menu-item.selected::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 3px;
    content: "";
    background-color: var(--color-severe-emphasis)
}

.MarketplaceEdit-body .menu-item:first-child::before {
    border-top-left-radius: 0
}

.MarketplaceEdit-body .CircleIcon {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 32px;
    color: var(--color-fg-muted);
    text-align: center;
    background: #e6ebf1;
    border-radius: 50%
}

.MarketplaceEdit-body .CircleIcon .octicon {
    display: inline-block
}

.MarketplaceInsights-graph .insights-month .tick:nth-child(2n) {
    visibility: hidden
}

.BarChart {
    border-radius: 6px
}

.BarChart-bar {
    height: 10px;
    border-right: 1px solid var(--color-canvas-default)
}

.BarChart-bar--green {
    background-color: var(--color-success-emphasis)
}

.BarChart-bar--orange {
    background-color: var(--color-severe-emphasis)
}

.BarChart-bar--yellow {
    background-color: var(--color-attention-emphasis)
}

.CircleBadge--tiny {
    width: 32px;
    height: 32px
}

.CircleBadge--github {
    position: relative
}

.CircleBadge--github.CircleBadge--large::after {
    right: 5px;
    bottom: 5px
}

.CircleBadge--github.CircleBadge--small::after {
    right: -5px;
    bottom: -5px
}

.CircleBadge--github::after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 22px;
    height: 22px;
    padding: 4px;
    line-height: 0;
    content: "";
    background: var(--color-canvas-default) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiIHZpZXdCb3g9IjAgMCAyMiAyMiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TaGFwZSBDb3B5PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IktpdGNoZW4tc2luayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iT2N0aWNvbnMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNzAuMDAwMDAwLCAtMTU4NC4wMDAwMDApIiBmaWxsPSIjMUIxRjIzIj4gICAgICAgICAgICA8cGF0aCBkPSJNMzgxLDE1ODQgQzM3NC45MjI1LDE1ODQgMzcwLDE1ODguOTIyNSAzNzAsMTU5NSBDMzcwLDE1OTkuODY3NSAzNzMuMTQ4NzUsMTYwMy45Nzg3NSAzNzcuNTIxMjUsMTYwNS40MzYyNSBDMzc4LjA3MTI1LDE2MDUuNTMyNSAzNzguMjc3NSwxNjA1LjIwMjUgMzc4LjI3NzUsMTYwNC45MTM3NSBDMzc4LjI3NzUsMTYwNC42NTI1IDM3OC4yNjM3NSwxNjAzLjc4NjI1IDM3OC4yNjM3NSwxNjAyLjg2NSBDMzc1LjUsMTYwMy4zNzM3NSAzNzQuNzg1LDE2MDIuMTkxMjUgMzc0LjU2NSwxNjAxLjU3MjUgQzM3NC40NDEyNSwxNjAxLjI1NjI1IDM3My45MDUsMTYwMC4yOCAzNzMuNDM3NSwxNjAwLjAxODc1IEMzNzMuMDUyNSwxNTk5LjgxMjUgMzcyLjUwMjUsMTU5OS4zMDM3NSAzNzMuNDIzNzUsMTU5OS4yOSBDMzc0LjI5LDE1OTkuMjc2MjUgMzc0LjkwODc1LDE2MDAuMDg3NSAzNzUuMTE1LDE2MDAuNDE3NSBDMzc2LjEwNSwxNjAyLjA4MTI1IDM3Ny42ODYyNSwxNjAxLjYxMzc1IDM3OC4zMTg3NSwxNjAxLjMyNSBDMzc4LjQxNSwxNjAwLjYxIDM3OC43MDM3NSwxNjAwLjEyODc1IDM3OS4wMiwxNTk5Ljg1Mzc1IEMzNzYuNTcyNSwxNTk5LjU3ODc1IDM3NC4wMTUsMTU5OC42MyAzNzQuMDE1LDE1OTQuNDIyNSBDMzc0LjAxNSwxNTkzLjIyNjI1IDM3NC40NDEyNSwxNTkyLjIzNjI1IDM3NS4xNDI1LDE1OTEuNDY2MjUgQzM3NS4wMzI1LDE1OTEuMTkxMjUgMzc0LjY0NzUsMTU5MC4wNjM3NSAzNzUuMjUyNSwxNTg4LjU1MTI1IEMzNzUuMjUyNSwxNTg4LjU1MTI1IDM3Ni4xNzM3NSwxNTg4LjI2MjUgMzc4LjI3NzUsMTU4OS42Nzg3NSBDMzc5LjE1NzUsMTU4OS40MzEyNSAzODAuMDkyNSwxNTg5LjMwNzUgMzgxLjAyNzUsMTU4OS4zMDc1IEMzODEuOTYyNSwxNTg5LjMwNzUgMzgyLjg5NzUsMTU4OS40MzEyNSAzODMuNzc3NSwxNTg5LjY3ODc1IEMzODUuODgxMjUsMTU4OC4yNDg3NSAzODYuODAyNSwxNTg4LjU1MTI1IDM4Ni44MDI1LDE1ODguNTUxMjUgQzM4Ny40MDc1LDE1OTAuMDYzNzUgMzg3LjAyMjUsMTU5MS4xOTEyNSAzODYuOTEyNSwxNTkxLjQ2NjI1IEMzODcuNjEzNzUsMTU5Mi4yMzYyNSAzODguMDQsMTU5My4yMTI1IDM4OC4wNCwxNTk0LjQyMjUgQzM4OC4wNCwxNTk4LjY0Mzc1IDM4NS40Njg3NSwxNTk5LjU3ODc1IDM4My4wMjEyNSwxNTk5Ljg1Mzc1IEMzODMuNDIsMTYwMC4xOTc1IDM4My43NjM3NSwxNjAwLjg1NzUgMzgzLjc2Mzc1LDE2MDEuODg4NzUgQzM4My43NjM3NSwxNjAzLjM2IDM4My43NSwxNjA0LjU0MjUgMzgzLjc1LDE2MDQuOTEzNzUgQzM4My43NSwxNjA1LjIwMjUgMzgzLjk1NjI1LDE2MDUuNTQ2MjUgMzg0LjUwNjI1LDE2MDUuNDM2MjUgQzM4OC44NTEyNSwxNjAzLjk3ODc1IDM5MiwxNTk5Ljg1Mzc1IDM5MiwxNTk1IEMzOTIsMTU4OC45MjI1IDM4Ny4wNzc1LDE1ODQgMzgxLDE1ODQgTDM4MSwxNTg0IFoiIGlkPSJTaGFwZS1Db3B5Ij48L3BhdGg+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=") center no-repeat;
    border-radius: 100px
}

body.page-responsive .flash-full .container {
    width: 100%;
    max-width: 980px
}

.ClipboardButton {
    position: relative
}

.ClipboardButton.ClipboardButton--success {
    border-color: var(--color-success-emphasis);
    box-shadow: 0 0 0 .2em rgba(52, 208, 88, .4)
}

.ClipboardButton.ClipboardButton--success:focus {
    box-shadow: 0 0 0 .2em rgba(52, 208, 88, .4)
}

@media(min-width: 768px) {
    .MarketplacePlan--sticky {
        position: sticky;
        top: 24px;
        z-index: 999
    }
}

@media(max-width: 544px) {
    .Box--full {
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        max-height: none;
        margin: 0;
        border-radius: 0;
        transform: none
    }
}

.MarketplaceBackground-wrapper {
    position: relative
}

.MarketplaceBackground-recommendations {
    position: relative;
    top: -90px;
    width: 313px;
    margin-top: -150px;
    margin-bottom: -120px;
    overflow: hidden
}

.MarketplaceBackground-recommendations img {
    position: relative;
    top: 0;
    right: 225px;
    width: 549px
}

@media(min-width: 544px) {
    .MarketplaceBackground-recommendations {
        position: relative;
        width: 463px;
        margin-top: -180px;
        margin-bottom: 70px;
        overflow: hidden
    }

    .MarketplaceBackground-recommendations img {
        right: 305px;
        width: 730px
    }
}

@media(min-width: 768px) {
    .MarketplaceBackground-recommendations {
        position: absolute;
        top: -228px;
        right: -69px;
        width: 633px
    }

    .MarketplaceBackground-recommendations img {
        right: 195px;
        width: 750px
    }
}

@media(min-width: 1012px) {
    .MarketplaceBackground-recommendations {
        top: -268px;
        right: 0;
        width: 1040px
    }

    .MarketplaceBackground-recommendations img {
        right: -115px;
        width: 900px
    }
}

@media(min-width: 1280px) {
    .MarketplaceBackground-recommendations {
        top: -325px;
        right: 105px;
        width: 1040px
    }

    .MarketplaceBackground-recommendations img {
        right: 0;
        width: 1040px
    }
}

.MarketplaceBackground-buffer {
    padding-top: 40px;
    margin-top: -146px;
    background: var(--color-canvas-subtle)
}

@media(min-width: 544px) {
    .MarketplaceBackground-buffer {
        padding-top: 120px;
        margin-top: -233px
    }
}

@media(min-width: 768px) {
    .MarketplaceBackground-buffer {
        margin-top: -109px
    }
}

@media(min-width: 1012px) {
    .MarketplaceBackground-buffer {
        margin-top: -89px
    }
}

.MarketplaceHeader {
    overflow: hidden
}

.Link--muted.filter-item.selected {
    color: var(--color-fg-on-emphasis) !important
}

.MarketplaceBody {
    position: relative
}

@media(min-width: 544px) {
    .MarketplaceBody {
        top: -72px;
        z-index: 2
    }
}

.MarketplaceDetails .octicon {
    transition: transform 200ms linear;
    transform: scaleY(1)
}

.MarketplaceDetails[open] .octicon {
    transform: scaleY(-1)
}

.MarketplaceAnnouncement {
    color: #fff;
    background: linear-gradient(90deg, #257bf9, #2426ca)
}

.MarketplaceAnnouncement-icon {
    width: 80px;
    opacity: .9
}

.MarketplaceAnnouncement-description {
    opacity: .7
}

.member-list-item .table-list-cell-checkbox {
    width: 30px
}

.member-list-item.adminable .member-info {
    padding-left: 4px
}

.member-list-item .member-avatar-cell {
    width: 64px
}

.triage-mode .none-selected {
    display: none
}

.merge-branch-heading {
    margin: 0;
    line-height: 1;
    color: var(--color-fg-default)
}

.merge-branch-description {
    margin-right: 160px;
    margin-bottom: -4px;
    line-height: 1.6em;
    color: var(--color-fg-muted)
}

.merge-branch-description.multi-line-error {
    white-space: pre-wrap
}

.alt-merge-options {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 4px;
    vertical-align: middle
}

.merged .merge-branch-description .commit-ref .css-truncate-target {
    max-width: 180px
}

.merge-branch-prh-output {
    margin-top: 8px
}

.merge-branch-form,
.queue-branch-form {
    display: none;
    padding-left: 60px
}

.merge-branch-manually {
    display: none;
    padding-top: 16px;
    margin-top: 16px;
    background-color: transparent;
    border-top: 1px solid var(--color-border-default)
}

.merge-branch-manually p {
    margin-bottom: 0
}

.merge-branch-manually h3 {
    margin-bottom: 8px
}

.merge-branch-manually .intro {
    padding-bottom: 8px;
    margin-top: 0
}

.merge-branch-manually .step {
    margin: 16px 0 4px
}

.open .merge-branch-manually {
    display: block
}

.select-menu-merge-method {
    width: 310px
}

.select-menu-merge-method .select-menu-item:hover,
.select-menu-merge-method .select-menu-item:hover .octicon,
.select-menu-merge-method .select-menu-item:hover .select-menu-item-text {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.select-menu-merge-method .select-menu-item:hover .description {
    color: var(--color-fg-on-emphasis)
}

.merge-pr.is-squashing .commit-author-fields {
    display: none
}

.merge-pr.is-squashing .commit-author-fields.current-user-is-author {
    display: block
}

.merge-pr.is-rebasing .commit-form-fields {
    display: none;
    transition: opacity .15s linear 0s, margin-top .25s ease .1s
}

.merge-pr .btn-group-merge,
.merge-pr .btn-group-merge-group,
.merge-pr .merge-queue-info,
.merge-pr .merge-queue-group-time-to-merge,
.merge-pr.is-squashing .btn-group-squash,
.merge-pr.is-rebasing .btn-group-rebase,
.merge-pr.is-updating-via-merge .btn-group-update-merge,
.merge-pr.is-updating-via-rebase .btn-group-update-rebase,
.merge-pr.is-merging-solo .btn-group-merge-solo,
.merge-pr.is-merging-solo .merge-queue-solo-time-to-merge,
.merge-pr.is-merging-jump .btn-group-merge-jump,
.merge-pr.is-merging-group .btn-group-merge-group,
.merge-pr.is-merging .btn-group-merge-directly,
.merge-pr.is-merging .merging-directly-warning {
    display: inline-block
}

.merge-pr .merging-body,
.merge-pr .rebasing-body,
.merge-pr .squashing-body,
.merge-pr .merging-body-merge-warning,
.merge-pr .merging-directly-warning,
.merge-pr .squash-commit-author-email-info,
.merge-pr .merge-commit-author-email-info,
.merge-pr.is-merging .merge-queue-info,
.merge-pr.is-merging-group .merge-queue-solo-time-to-merge,
.merge-pr.is-merging-solo .merge-queue-group-time-to-merge,
.merge-pr.is-merging .branch-action-state-error-if-merging .merging-body {
    display: none
}

.merge-pr.is-merging .merging-body,
.merge-pr.is-merging .merge-commit-author-email-info,
.merge-pr.is-merging-solo .merging-body,
.merge-pr.is-merging-jump .merging-body,
.merge-pr.is-merging-group .merging-body,
.merge-pr.is-rebasing .rebasing-body,
.merge-pr.is-squashing .squashing-body,
.merge-pr.is-squashing .squash-commit-author-email-info,
.merge-pr.is-merging .branch-action-state-error-if-merging .merging-body-merge-warning {
    display: block
}

.merge-pr .btn-group-squash,
.merge-pr .btn-group-merge-solo,
.merge-pr .btn-group-merge-jump,
.merge-pr .btn-group-merge-directly,
.merge-pr .btn-group-rebase,
.merge-pr .btn-group-update-merge,
.merge-pr .btn-group-update-rebase,
.merge-pr.is-squashing .btn-group-merge,
.merge-pr.is-rebasing .btn-group-merge,
.merge-pr.is-merging-solo .btn-group-merge-group,
.merge-pr.is-merging-jump .btn-group-merge-group,
.merge-pr.is-merging .btn-group-merge-group {
    display: none;
    margin-left: 0
}

.commit-form-fields {
    transition: opacity .15s linear .1s, margin-top .25s ease 0s
}

.unavailable-merge-method {
    display: block;
    margin-top: 4px;
    color: var(--color-severe-fg)
}

[aria-selected=true].disabled .unavailable-merge-method,
.navigation-focus.disabled .unavailable-merge-method {
    color: var(--color-fg-on-emphasis)
}

.network .network-tree {
    vertical-align: middle
}

.network .gravatar {
    margin-right: 4px;
    vertical-align: middle;
    border-radius: 6px
}

.network .octicon {
    display: inline-block;
    width: 16px;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle
}

.owner-reponame dl.form-group {
    margin-top: 4px;
    margin-bottom: 0
}

.owner-reponame .slash {
    float: left;
    padding-top: 32px;
    margin: 0 8px;
    font-size: 20px;
    color: var(--color-fg-muted)
}

.owner-reponame .form-group.errored details details-menu label {
    color: inherit
}

.owner-reponame .form-group.errored details .hack-repos-owner-summary {
    border-color: var(--color-danger-emphasis)
}

.reponame-suggestion {
    color: var(--color-success-fg);
    cursor: pointer
}

.news .release {
    margin-top: 0;
    margin-bottom: 0
}

.news blockquote {
    color: var(--color-fg-muted)
}

.news .alert {
    position: relative;
    padding: 0 0 1em 45px;
    overflow: hidden;
    border-top: 1px solid #eff3f6
}

.news .alert .commits {
    padding-left: 40px
}

.news .alert .css-truncate.css-truncate-target,
.news .alert .css-truncate .css-truncate-target {
    max-width: 180px
}

.news .alert p {
    margin: 0
}

.news .alert .markdown-body blockquote {
    padding: 0 0 0 40px;
    border-width: 0
}

.news .alert .octicon {
    color: var(--color-fg-muted)
}

.news .alert .dashboard-event-icon {
    position: absolute;
    top: 18px;
    left: 22px;
    transform: translateX(-50%)
}

.news .alert .body {
    padding: 1em 0 0;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 0
}

.news .alert .time {
    font-size: 12px;
    color: var(--color-fg-muted)
}

.news .alert .title {
    padding: 0;
    font-weight: var(--base-text-weight-semibold, 600)
}

.news .alert .title .subtle {
    color: var(--color-fg-muted)
}

.news .alert .gravatar {
    float: left;
    margin-right: .6em;
    line-height: 0;
    background-color: var(--color-canvas-default);
    border-radius: 6px
}

.news .alert .simple .title {
    display: inline-block;
    font-size: 14px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.news .alert .simple .time {
    display: inline-block
}

.news .alert:first-child {
    border-top: 0
}

.news .alert:first-child .body {
    padding-top: 0
}

.news .alert:first-child .dashboard-event-icon {
    top: 0
}

.news .github-welcome .done {
    color: var(--color-fg-muted);
    text-decoration: line-through
}

.news .commits li {
    margin-top: .15em;
    list-style-type: none
}

.news .commits li.more {
    padding-top: 2px;
    font-size: 12px
}

.news .commits li .committer {
    display: none;
    padding-left: .5em
}

.news .commits li img {
    margin: 0 1px 0 0;
    vertical-align: middle;
    background-color: var(--color-canvas-default);
    border-radius: 6px
}

.news .commits li img.emoji {
    padding: 0;
    margin: 0;
    border: 0
}

.news .commits li .message {
    display: inline-block;
    max-width: 390px;
    margin-top: 2px;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.news div.message,
.news li blockquote {
    display: inline;
    font-size: 14px;
    color: var(--color-fg-muted)
}

.oauth-permissions-details {
    position: relative;
    padding: 16px;
    margin: 0;
    list-style: none;
    border-bottom: 1px solid var(--color-border-muted)
}

.oauth-permissions-details:first-child {
    border-radius: 6px 6px 0 0
}

.oauth-permissions-details:last-child {
    border: 0;
    border-radius: 0 0 6px 6px
}

.oauth-permissions-details.oauth-public-data-only {
    border-radius: 6px
}

.oauth-permissions-details .markdown-body {
    font-size: 12px
}

.oauth-permissions-details .content {
    display: none;
    margin-left: 45px
}

.oauth-permissions-details .content .form-checkbox {
    margin-left: 0
}

.oauth-permissions-details .content .form-checkbox:last-child {
    margin-bottom: 0
}

.oauth-permissions-details .octicon {
    float: left;
    color: var(--color-fg-muted);
    text-align: center
}

.oauth-permissions-details .permission-help {
    font-size: 12px
}

.oauth-permissions-details .permission-help ul {
    padding-left: 16px;
    margin: 1em 0
}

.oauth-permissions-details .permission-summary {
    margin-left: 45px
}

.oauth-permissions-details .permission-summary .access-details {
    position: relative;
    color: var(--color-fg-muted)
}

.oauth-permissions-details .permission-summary em.highlight {
    position: relative;
    padding: 2px 4px;
    margin-right: -2px;
    margin-left: -4px;
    font-style: normal;
    color: var(--color-fg-default);
    background: var(--color-search-keyword-hl);
    border-radius: 6px
}

.oauth-permissions-details .permission-title {
    display: block;
    color: var(--color-fg-default)
}

.oauth-permissions-details a.btn-sm {
    float: right;
    margin-top: 4px
}

.oauth-permissions-details.open a.btn-sm {
    background-color: #dcdcdc;
    background-image: none;
    border-color: #b5b5b5;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15)
}

.oauth-permissions-details.open .content {
    display: block
}

.oauth-permissions-details.default:not(.delete) .no-access,
.oauth-permissions-details.default:not(.delete) .default-access,
.oauth-permissions-details.none .no-access,
.oauth-permissions-details.none .default-access {
    display: inline
}

.oauth-permissions-details.default:not(.delete) .access-details,
.oauth-permissions-details.default:not(.delete) .permission-title,
.oauth-permissions-details.none .access-details,
.oauth-permissions-details.none .permission-title {
    color: var(--color-fg-muted)
}

.oauth-permissions-details.default:not(.delete) .octicon,
.oauth-permissions-details.none .octicon {
    color: var(--color-fg-muted)
}

.oauth-permissions-details.default .default-access {
    display: inline
}

.oauth-permissions-details.full .full-access {
    display: inline
}

.oauth-details-toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 16px 16px
}

.oauth-details-toggle .octicon-chevron-up {
    display: none
}

.open .oauth-details-toggle .octicon-chevron-down {
    display: none
}

.open .oauth-details-toggle .octicon-chevron-up {
    display: block
}

.oauth-user-permissions .full-access,
.oauth-user-permissions .limited-access,
.oauth-user-permissions .limited-access-emails-followers,
.oauth-user-permissions .limited-access-emails-profile,
.oauth-user-permissions .limited-access-followers-profile,
.oauth-user-permissions .limited-access-profile,
.oauth-user-permissions .limited-access-followers,
.oauth-user-permissions .limited-access-emails,
.oauth-user-permissions .no-access {
    display: none
}

.oauth-user-permissions.limited.limited-email .limited-access-emails {
    display: inline
}

.oauth-user-permissions.limited.limited-email.limited-profile .limited-access-emails,
.oauth-user-permissions.limited.limited-email.limited-profile .limited-access-profile {
    display: none
}

.oauth-user-permissions.limited.limited-email.limited-profile .limited-access-emails-profile {
    display: inline
}

.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-emails,
.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-profile,
.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-followers,
.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-emails-profile,
.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-emails-followers,
.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access-followers-profile {
    display: none
}

.oauth-user-permissions.limited.limited-email.limited-profile.limited-follow .limited-access {
    display: inline
}

.oauth-user-permissions.limited.limited-email.limited-follow .limited-access-emails,
.oauth-user-permissions.limited.limited-email.limited-follow .limited-access-followers {
    display: none
}

.oauth-user-permissions.limited.limited-email.limited-follow .limited-access-emails-followers {
    display: inline
}

.oauth-user-permissions.limited.limited-follow .limited-access-followers {
    display: inline
}

.oauth-user-permissions.limited.limited-follow.limited-profile .limited-access-followers,
.oauth-user-permissions.limited.limited-follow.limited-profile .limited-access-profile {
    display: none
}

.oauth-user-permissions.limited.limited-follow.limited-profile .limited-access-followers-profile {
    display: inline
}

.oauth-user-permissions.limited.limited-profile .limited-access-profile {
    display: inline
}

.oauth-repo-permissions .default-access,
.oauth-repo-permissions .public-access,
.oauth-repo-permissions .limited-repo-invite-access,
.oauth-repo-permissions .full-access {
    display: none
}

.oauth-repo-permissions.full .full-access {
    display: inline
}

.oauth-repo-permissions.limited-repo-invite .limited-repo-invite-access {
    display: inline
}

.oauth-repo-permissions.public .public-access {
    display: inline
}

.oauth-repo-permissions.default .default-access {
    display: inline
}

.oauth-delete-repo-permissions .octicon-alert {
    color: var(--color-danger-fg)
}

.oauth-repo-status-permissions .no-access,
.oauth-repo-status-permissions .full-access,
.oauth-repo-deployment-permissions .no-access,
.oauth-repo-deployment-permissions .full-access {
    display: none
}

.oauth-notifications-permissions .no-access,
.oauth-notifications-permissions .read-access,
.oauth-notifications-permissions .via-public-access,
.oauth-notifications-permissions .via-full-access {
    display: none
}

.oauth-notifications-permissions.read .read-access {
    display: inline
}

.oauth-notifications-permissions.via-public .via-public-access {
    display: inline
}

.oauth-notifications-permissions.via-public .octicon {
    display: none
}

.oauth-notifications-permissions.via-full .via-full-access {
    display: inline
}

.oauth-gist-permissions .no-access,
.oauth-gist-permissions .full-access {
    display: none
}

.oauth-granular-permissions .no-access,
.oauth-granular-permissions .read-access,
.oauth-granular-permissions .write-access,
.oauth-granular-permissions .full-access {
    display: none
}

.oauth-granular-permissions.none .no-access {
    display: inline
}

.oauth-granular-permissions.read .read-access {
    display: inline
}

.oauth-granular-permissions.write .write-access {
    display: inline
}

.oauth-granular-permissions.full .full-access {
    display: inline
}

.oauth-no-description {
    color: var(--color-fg-muted)
}

.oauth-org-access-details {
    background: var(--color-canvas-default)
}

.oauth-org-access-details .oauth-org-item:hover {
    background: var(--color-canvas-subtle)
}

.oauth-org-access-details a:hover {
    text-decoration: none
}

.oauth-org-access-details .boxed-group-inner {
    border: 0;
    border-radius: 6px
}

.oauth-org-access-details .oauth-org-item {
    line-height: 24px
}

.oauth-org-access-details .oauth-org-item:first-child {
    border-radius: 6px 6px 0 0
}

.oauth-org-access-details .oauth-org-item .loading-indicator {
    display: none;
    margin: 4px
}

.oauth-org-access-details .oauth-org-item.on .authorized-tools {
    display: block
}

.oauth-org-access-details .oauth-org-item.on .unauthorized-tools {
    display: none
}

.oauth-org-access-details .oauth-org-item.on strong {
    color: var(--color-fg-default)
}

.oauth-org-access-details .oauth-org-item.on .octicon-check {
    display: inline
}

.oauth-org-access-details .oauth-org-item.on .octicon-x {
    display: none
}

.oauth-org-access-details .oauth-org-item.revoked {
    background: var(--color-canvas-default)
}

.oauth-org-access-details .oauth-org-item.revoked .unauthorized-tools,
.oauth-org-access-details .oauth-org-item.revoked .authorized-tools {
    display: none
}

.oauth-org-access-details .oauth-org-item.revoked .octicon-x {
    color: var(--color-danger-fg)
}

.oauth-org-access-details .oauth-org-item.loading .unauthorized-tools,
.oauth-org-access-details .oauth-org-item.loading .authorized-tools {
    display: none
}

.oauth-org-access-details .oauth-org-item.loading .loading-indicator {
    display: block
}

.oauth-org-access-details .oauth-org-item .authorized-tools {
    display: none
}

.oauth-org-access-details .oauth-org-item .unauthorized-tools {
    display: block
}

.oauth-org-access-details .btn {
    line-height: 1.5em
}

.oauth-org-access-details .octicon {
    color: var(--color-fg-muted)
}

.oauth-org-access-details .octicon-check {
    display: none;
    color: var(--color-success-fg)
}

.oauth-org-access-details .octicon-x {
    display: inline
}

.oauth-org-access-details .octicon-x.org-access-denied {
    color: var(--color-danger-fg)
}

.permission-title {
    margin-top: 0
}

.boxed-group-inner .oauth-application-info {
    margin-bottom: 8px
}

.oauth-application-info .application-title {
    font-size: 32px;
    color: var(--color-fg-default)
}

.oauth-application-info .application-description {
    margin-top: 4px;
    margin-bottom: 0
}

.oauth-application-info .listgroup-item {
    line-height: inherit
}

.oauth-application-info .app-denied,
.oauth-application-info .app-approved {
    margin-left: 8px;
    font-size: 14px;
    font-weight: var(--base-text-weight-normal, 400);
    white-space: nowrap
}

.oauth-application-info .app-approved,
.oauth-application-info .octicon-check {
    color: var(--color-success-fg)
}

.oauth-application-info .app-denied,
.oauth-application-info .octicon-x {
    color: var(--color-severe-fg)
}

.app-transfer-actions form {
    display: inline
}

.developer-app-item .developer-app-avatar-cell {
    width: 60px
}

.developer-app-item .developer-app-name {
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.25;
    color: var(--color-fg-default)
}

.developer-app-item .developer-app-name:hover {
    color: var(--color-accent-fg);
    text-decoration: none
}

.developer-app-item .developer-app-info-cell {
    padding-left: 0
}

.developer-app-item .developer-app-list-meta {
    margin-top: 4px;
    margin-bottom: 2px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.org-transfer-requests {
    margin: 8px 0 16px
}

.toggle-secret-field .secret-standin {
    display: block
}

.toggle-secret-field .secret-field {
    display: none
}

.toggle-secret-field.open .secret-standin {
    display: none
}

.toggle-secret-field.open .secret-field {
    display: block
}

.invitation-2fa-banner {
    margin-right: -24px;
    margin-left: -24px
}

.sign-up-via-invitation .bleed-flush {
    width: 100%;
    padding: 0 16px;
    margin-left: -16px;
    border-color: var(--color-border-default)
}

.sign-up-via-invitation label {
    font-size: 14px
}

.orghead {
    padding-top: 16px;
    padding-bottom: 0;
    margin-bottom: 16px;
    color: var(--color-fg-default);
    background-color: var(--color-page-header-bg);
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default))
}

.orghead .orgnav {
    position: relative;
    top: 1px;
    margin-top: 8px
}

.org-repos .TableObject-item--primary {
    white-space: normal
}

.org-name {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-default)
}

.audit-log-search .member-info {
    width: 300px
}

.audit-log-search .member-info .member-avatar {
    float: left;
    margin-right: 16px
}

.audit-log-search .member-info .member-link {
    display: block
}

.audit-log-search .member-info .member-list-avatar {
    margin-right: 0
}

.audit-log-search .member-info .ghost {
    display: inline-block;
    color: var(--color-fg-muted)
}

.audit-log-search .blankslate {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.audit-log-search .export-phrase {
    margin: 4px 0
}

.audit-results-actions {
    overflow: auto
}

.audit-search-clear {
    float: left;
    margin-bottom: 16px;
    border: 0
}

.audit-search-clear .issues-reset-query {
    margin-bottom: 0
}

.audit-type {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.audit-type .octicon {
    margin-right: 4px;
    font-weight: var(--base-text-weight-normal, 400);
    vertical-align: bottom
}

.audit-type .repo {
    color: var(--color-severe-fg)
}

.audit-type .team {
    color: var(--color-success-fg)
}

.audit-type .user {
    color: var(--color-done-fg)
}

.audit-type .oauth_access {
    color: var(--color-danger-fg)
}

.audit-type .hook {
    color: #e1bf4e
}

.export-phrase {
    margin-top: 4px
}

.export-phrase pre {
    padding-left: 8px;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    white-space: pre-wrap;
    border-left: 1px solid var(--color-border-muted)
}

.two-factor-enforcement-form .loading-spinner {
    float: left;
    margin: 0 0 0 -16px;
    vertical-align: middle
}

.saml-enabled-banner-container {
    background-color: var(--color-canvas-default)
}

.saml-settings-form .test-status-indicator,
.oidc-settings-form .test-status-indicator {
    width: 30px;
    height: 30px;
    margin-top: -4px;
    border-radius: 50%
}

.saml-settings-form .test-status-indicator .octicon,
.oidc-settings-form .test-status-indicator .octicon {
    display: block;
    margin-top: 8px;
    margin-right: auto;
    margin-left: auto
}

.saml-settings-form .form-group.errored,
.oidc-settings-form .form-group.errored {
    margin-bottom: 40px
}

.saml-settings-form .test-status-indicator-error,
.oidc-settings-form .test-status-indicator-error {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-danger-emphasis)
}

.saml-settings-form .test-status-indicator-success,
.oidc-settings-form .test-status-indicator-success {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-success-emphasis)
}

.saml-settings-form .details-container .method-field,
.oidc-settings-form .details-container .method-field {
    display: none
}

.saml-settings-form .details-container .method-label,
.oidc-settings-form .details-container .method-label {
    font-weight: var(--base-text-weight-normal, 400)
}

.saml-settings-form .details-container .details-target,
.oidc-settings-form .details-container .details-target {
    cursor: pointer
}

.saml-settings-form .details-container.open .method-value,
.saml-settings-form .details-container.open .details-target,
.oidc-settings-form .details-container.open .method-value,
.oidc-settings-form .details-container.open .details-target {
    display: none
}

.saml-settings-form .details-container.open .method-field,
.oidc-settings-form .details-container.open .method-field {
    display: inline-block
}

.saml-settings-form .saml-enforcement-disabled,
.oidc-settings-form .saml-enforcement-disabled {
    opacity: .5
}

.form-group .form-control.saml-certificate-field {
    width: 440px;
    height: 150px;
    min-height: 0
}

.member-avatar {
    float: left;
    margin: 1px
}

.member-fullname {
    color: var(--color-fg-muted)
}

.auto-search-group {
    position: relative
}

.auto-search-group .auto-search-input {
    padding-left: 32px
}

.auto-search-group .spinner,
.auto-search-group>.octicon {
    position: absolute;
    left: 10px;
    z-index: 5;
    width: 16px;
    height: 16px
}

.auto-search-group .spinner {
    top: 9px;
    background-color: var(--color-canvas-default)
}

.auto-search-group>.octicon {
    top: 10px;
    font-size: 14px;
    color: var(--color-fg-muted);
    text-align: center
}

.org-list .list-item {
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-border-muted)
}

.org-list .list-item::before {
    display: table;
    content: ""
}

.org-list .list-item::after {
    display: table;
    clear: both;
    content: ""
}

.permission-level-cell .select-menu-button {
    width: 90px;
    text-align: left
}

.permission-level-cell .select-menu-button::after {
    position: absolute;
    top: 10px;
    right: 10px
}

.permission-level-cell .spinner {
    float: none;
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.permission-level-cell .is-loading .spinner {
    opacity: 1
}

.select-menu-option-title {
    margin-top: 0;
    margin-bottom: 0
}

.reinstate-org-member {
    position: relative;
    width: 500px;
    margin: 40px auto
}

.reinstate-org-member .reinstate-lead {
    margin-bottom: 32px;
    font-size: 16px
}

.reinstate-org-member label {
    cursor: pointer
}

.reinstate-org-member .reinstate-detail-container {
    margin: 16px 0
}

.reinstate-org-member .reinstate-title {
    color: var(--color-fg-default)
}

.reinstate-org-member .reinstate-title .octicon {
    width: 16px;
    margin-right: 8px;
    color: var(--color-fg-muted)
}

.permission-title {
    margin-top: 0
}

.invite-member-results ul {
    margin: 0
}

.team-member-list {
    list-style: none
}

.team-member-list .table-list-cell {
    padding-top: 16px;
    padding-bottom: 16px
}

.team-member-list .team-member-content {
    margin-left: 50px
}

.team-member-list .team-member-username {
    margin: 0;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 20px
}

.team-member-list .Label--secondary {
    cursor: default
}

.team-member-list .invite-icon {
    width: 28px;
    color: var(--color-fg-muted)
}

.menu-item-danger,
.menu-item-danger.selected {
    color: var(--color-danger-fg)
}

.menu-item-danger:hover,
.menu-item-danger[aria-selected=true],
.menu-item-danger.navigation-focus,
.menu-item-danger.selected:hover,
.menu-item-danger.selected[aria-selected=true],
.menu-item-danger.selected.navigation-focus {
    color: var(--color-fg-on-emphasis);
    background: var(--color-danger-emphasis)
}

.team-member-list-avatar {
    float: left;
    margin-right: 8px
}

.team-member-list-avatar .octicon {
    width: 40px;
    color: var(--color-fg-muted)
}

.confirm-removal-list-container {
    margin-bottom: 16px;
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.confirm-removal-list-item {
    padding: 8px;
    margin: 0;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600);
    border-top: 1px solid var(--color-border-muted)
}

.confirm-removal-list-item:first-child {
    border-top: 0
}

.manage-member-meta {
    list-style: none
}

.manage-member-meta-item {
    margin-top: 12px;
    color: var(--color-fg-muted)
}

.manage-member-meta-item:first-child {
    margin-top: 0
}

.manage-member-meta-item .btn-link {
    color: var(--color-fg-muted)
}

.manage-member-meta-item>.octicon {
    width: 14px;
    margin-right: 4px;
    color: var(--color-fg-muted);
    text-align: center
}

.manage-member-meta-item>.octicon-alert {
    color: var(--color-severe-fg)
}

.ldap-group-dn {
    display: block;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.ldap-import-groups-container .blankslate {
    display: none
}

.ldap-import-groups-container.is-empty .blankslate {
    display: block
}

.ldap-import-groups-container.is-empty .ldap-memberships-list {
    display: none
}

.ldap-memberships-list {
    margin-bottom: 32px
}

.ldap-memberships-list .table-list-cell {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    vertical-align: middle
}

.ldap-memberships-list .table-list-cell:last-child {
    width: 92px
}

.ldap-memberships-list .ldap-list-team-name {
    width: 380px
}

.ldap-memberships-list .ldap-group-dn {
    font-size: 12px
}

.ldap-memberships-list .ldap-mention-as {
    width: 260px
}

.ldap-memberships-list .edit {
    position: absolute;
    padding: 8px;
    margin-left: -32px;
    color: var(--color-accent-fg);
    cursor: pointer
}

.ldap-memberships-list .edit-fields {
    display: none
}

.ldap-memberships-list .is-editing .edit-hide {
    display: none
}

.ldap-memberships-list .is-editing .edit-fields {
    display: block
}

.ldap-memberships-list .is-editing .spinner {
    margin-left: 16px;
    vertical-align: middle
}

.ldap-memberships-list .is-removing {
    opacity: .25
}

.ldap-memberships-list .is-removing .edit {
    opacity: .5
}

.team-name-field {
    height: 33px
}

.ldap-import-form-actions {
    margin-top: 32px
}

.invited .team-member-list {
    margin: -16px 0
}

.invited .team-member-list .list-item {
    padding: 8px 0;
    border-bottom: 1px solid var(--color-border-muted)
}

.invited .team-member-list .list-item::before {
    display: table;
    content: ""
}

.invited .team-member-list .list-item::after {
    display: table;
    clear: both;
    content: ""
}

.invited .team-member-list .list-item:last-of-type {
    border: 0
}

.invited .team-member-list .list-item .edit-invitation {
    float: right;
    margin-top: 4px
}

.invited-banner::before {
    display: table;
    content: ""
}

.invited-banner::after {
    display: table;
    clear: both;
    content: ""
}

.invited-banner .btn-sm {
    float: right;
    margin-left: 4px
}

.invited-banner p {
    font-size: 14px;
    line-height: 1.5
}

.invited-banner .inviter-link {
    font-weight: var(--base-text-weight-semibold, 600)
}

.manage-member-sso-sessions.has-active-sessions .blankslate {
    display: none
}

.org-menu-item:not([aria-current=page])+.org-sub-menu {
    display: none
}

.trial-banner-notice {
    background-image: linear-gradient(180deg, #0366d6 0%, #2188ff 100%)
}

@media(min-width: 768px) {
    .Popover-message--extra-large {
        min-width: 544px !important
    }
}

.theme-name {
    display: inline-block;
    margin-right: 8px;
    margin-left: 8px;
    font-size: 20px;
    line-height: 1;
    vertical-align: middle
}

.pinned-items-spinner {
    position: relative;
    top: 2px;
    left: 6px
}

.pinned-items-setting-link {
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400)
}

.pinned-item-name {
    color: var(--color-fg-default)
}

.pinned-item-checkbox+.pinned-item-name:hover {
    cursor: pointer;
    background-color: var(--color-action-list-item-default-hover-bg);
    border-radius: 6px
}

.pinned-item-checkbox:disabled+.pinned-item-name {
    color: var(--color-fg-muted)
}

.pinned-item-checkbox:disabled+.pinned-item-name:hover {
    cursor: default
}

.pinned-gist-blob-num {
    min-width: 36px;
    cursor: default
}

.pinned-gist-blob-num:hover {
    color: var(--color-fg-muted);
    cursor: default
}

@media print {

    #serverstats,
    .Header-old,
    .Header,
    .header-search,
    .reponav,
    .comment::before,
    .comment::after,
    .footer,
    .pagehead-actions,
    .discussion-timeline-actions,
    .timeline-comment-actions,
    .timeline-new-comment,
    .thread-subscription-status,
    .lock-toggle-link,
    .header,
    .file-actions,
    .js-expandable-line,
    .gh-header-sticky,
    .pr-toolbar.is-placeholder,
    .language-color {
        display: none !important
    }

    .repository-lang-stats-graph {
        height: 0
    }

    p,
    .comment h2 {
        page-break-inside: avoid
    }

    .markdown-body h2 {
        page-break-after: avoid
    }

    .topic-tag {
        padding: 0
    }

    .topic-tag::before {
        margin-right: -2px;
        content: "#"
    }

    .blob-num {
        border-right: 2px solid var(--color-border-default)
    }

    .blob-num-deletion {
        border-right-color: var(--color-danger-emphasis)
    }

    .blob-num-addition {
        border-right-color: var(--color-success-emphasis)
    }

    .blob-code-addition .x {
        border-bottom: 2px solid var(--color-success-emphasis);
        border-radius: 0
    }

    .blob-code-deletion .x {
        border-bottom: 2px solid var(--color-danger-emphasis);
        border-radius: 0
    }

    .pr-toolbar.is-stuck {
        position: static !important;
        width: 100% !important
    }

    .diffstat-block-neutral {
        border: 4px solid var(--color-border-default)
    }

    .diffstat-block-deleted {
        border: 4px solid var(--color-danger-emphasis)
    }

    .diffstat-block-added {
        border: 4px solid var(--color-success-emphasis)
    }

    .State {
        color: var(--color-fg-default);
        background: none;
        border: 1px solid var(--borderColor-default, var(--color-border-default));
        border-color: none
    }

    .State--open {
        color: var(--color-success-fg);
        border: 1px solid #2cbe4e
    }

    .State--merged {
        color: var(--color-done-fg);
        border: 1px solid var(--color-done-emphasis)
    }

    .State--closed {
        color: var(--color-danger-fg);
        border: 1px solid var(--color-danger-emphasis)
    }

    .markdown-body pre>code {
        white-space: pre-wrap
    }
}

.projects-splash-dialog {
    position: fixed;
    top: 0;
    right: auto;
    left: 50%;
    z-index: 999;
    width: 90vw;
    max-width: 700px;
    max-height: 80vh;
    margin: 10vh auto;
    transform: translateX(-50%)
}

@media(min-width: 544px) {
    .projects-splash-dialog {
        margin: 20vh auto
    }
}

.projects-splash-banner {
    background-image: url("/images/modules/memexes/projects-beta-banner-mobile.png");
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover
}

@media(min-width: 768px) {
    .projects-splash-banner {
        background-image: url("/images/modules/memexes/projects-beta-banner.png")
    }
}

.projects-splash-banner p {
    max-width: 100%
}

@media(min-width: 768px) {
    .projects-splash-banner p {
        max-width: 55%
    }
}

@media(min-width: 768px) {

    [data-color-mode=light][data-light-theme*=dark] .projects-splash-banner,
    [data-color-mode=dark][data-dark-theme*=dark] .projects-splash-banner {
        background-image: url("/images/modules/memexes/projects-beta-banner-dark.png")
    }
}

@media(prefers-color-scheme: light)and (min-width: 768px) {
    [data-color-mode=auto][data-light-theme*=dark] .projects-splash-banner {
        background-image: url("/images/modules/memexes/projects-beta-banner-dark.png")
    }
}

@media(prefers-color-scheme: dark)and (min-width: 768px) {
    [data-color-mode=auto][data-dark-theme*=dark] .projects-splash-banner {
        background-image: url("/images/modules/memexes/projects-beta-banner-dark.png")
    }
}

.project-description p:last-child {
    margin-bottom: 0 !important
}

.pending-cards-status {
    top: -2px;
    right: -9px;
    width: 14px;
    height: 14px;
    background-image: linear-gradient(#54a3ff, #006eed);
    background-clip: padding-box;
    border: 2px solid var(--color-canvas-default)
}

.project-column {
    min-width: 100%;
    max-width: 100%;
    background-color: var(--color-canvas-inset);
    border-width: 0 !important;
    border-radius: 0 !important
}

.project-column:focus {
    outline: none
}

@media(min-width: 544px) {
    .project-column {
        min-width: 355px;
        max-width: 355px;
        border-width: 1px !important;
        border-radius: 6px !important
    }

    .project-column:focus {
        border-color: var(--color-accent-fg) !important;
        box-shadow: 0 0 0 2px var(--color-accent-fg)
    }
}

.project-column.moving {
    background-color: var(--color-accent-subtle) !important;
    box-shadow: 0 0 0 2px var(--color-accent-fg);
    transform: translateX(4px) translateY(-4px)
}

.sortable-ghost {
    background-color: var(--color-canvas-subtle);
    opacity: .5
}

.project-card {
    background-color: var(--color-canvas-overlay)
}

.project-card .project-reference-markdown>p,
.project-card:last-child {
    margin-bottom: 0 !important
}

.project-card:first-child {
    margin-top: 8px !important
}

@media(min-width: 544px) {
    .project-card:first-child {
        margin-top: 4px !important
    }
}

.project-card ul,
.project-card ol {
    margin-bottom: 8px;
    margin-left: 16px
}

.project-card blockquote {
    padding: 0 .75em;
    color: var(--color-fg-muted);
    border-left: .25em solid var(--color-border-default)
}

.project-card .contains-task-list {
    margin-left: 24px
}

.project-card:hover {
    border-color: var(--color-border-default) !important;
    box-shadow: 0 1px 3px rgba(106, 115, 125, .3) !important
}

.project-card:focus {
    outline: none
}

@media(min-width: 544px) {
    .project-card:focus {
        border-color: var(--color-accent-fg) !important;
        box-shadow: 0 0 0 2px var(--color-accent-fg) !important
    }
}

.project-card.moving {
    background-color: var(--color-accent-subtle) !important;
    box-shadow: 0 0 0 2px var(--color-accent-fg) !important;
    transform: translateX(4px) translateY(0)
}

.issue-card.draggable {
    cursor: move
}

.issue-card .AvatarStack:hover .from-avatar {
    margin-right: -4px
}

.issue-card pre {
    word-wrap: break-word;
    white-space: pre-wrap
}

@keyframes show-pane {
    0% {
        transform: translateX(390px)
    }

    100% {
        transform: translateX(0)
    }
}

.project-note-form textarea {
    resize: vertical
}

.card-menu-container .dropdown-menu,
.column-menu-container .dropdown-menu {
    min-width: 180px
}

.card-octicon {
    top: 6px;
    left: 10px
}

.card-note-octicon {
    top: 8px
}

.is-sending .auto-search-group .chooser-spinner {
    top: 15px;
    right: 21px;
    left: auto
}

.card-filter-autocomplete-dropdown {
    z-index: 500;
    float: none;
    min-width: 240px;
    max-height: 270px;
    cursor: pointer
}

.card-filter-autocomplete-dropdown [aria-selected=true],
.card-filter-autocomplete-dropdown .navigation-focus {
    color: var(--color-fg-on-emphasis) !important;
    background-color: var(--color-accent-emphasis);
    border-radius: 6px
}

.card-filter-autocomplete-dropdown [aria-selected=true] .autocomplete-text-qualifier,
.card-filter-autocomplete-dropdown .navigation-focus .autocomplete-text-qualifier {
    color: var(--color-fg-on-emphasis) !important
}

.projects-reset-query:hover {
    color: var(--color-fg-subtle) !important
}

.projects-reset-query:hover .projects-reset-query-icon {
    color: var(--color-fg-subtle) !important
}

.projects-reset-query-icon {
    width: 18px;
    height: 18px;
    padding: 1px
}

.project-small-menu-dropdown::before,
.project-small-menu-dropdown::after {
    display: none
}

.project-edit-mode .column-menu-container,
.project-edit-mode .column-menu-item {
    display: none !important
}

.project-edit-mode .project-move-actions {
    display: flex !important
}

.push-board-over {
    padding-right: 0 !important;
    transition: all .2s ease
}

@media(min-width: 544px) {
    .push-board-over {
        padding-right: 360px !important
    }
}

.projects-comment-form .comment-md-support-link {
    float: none;
    width: 100%;
    text-align: center
}

.projects-comment-form .comment-form-actions {
    width: 100%;
    padding: 8px 16px;
    margin: 4px 0 !important
}

.projects-comment-form .comment-form-actions button {
    width: 100%;
    margin: 4px 0 !important
}

.projects-comment-form .comment-form-head {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 0
}

.projects-comment-form .comment-form-head .tabnav-tabs {
    padding: 8px 8px 0
}

.projects-comment-form .comment-form-head .toolbar-commenting {
    width: 100%;
    padding-top: 4px;
    text-align: center;
    background-color: var(--color-canvas-default);
    border-top: 1px solid var(--color-border-default)
}

.projects-comment-form .comment-form-head::after {
    display: block;
    clear: both;
    content: " "
}

.projects-comment-form .comment-form-textarea {
    height: 250px !important
}

.projects-comment-form .preview-content {
    margin: 0;
    border-top: 1px solid var(--color-border-default)
}

.projects-comment-form .preview-content .comment-body {
    padding: 16px
}

.project-issue-body-wrapper {
    max-height: 200px;
    overflow: hidden
}

.Details--on .project-issue-body-wrapper {
    max-height: none;
    overflow: visible
}

.project-issue-body-blur {
    height: 32px;
    background: linear-gradient(to top, var(--color-project-gradient-in), var(--color-project-gradient-out))
}

.Details--on .project-issue-body-blur {
    height: 0
}

.project-comment-title-hover .comment-action,
.project-comment-body-hover .comment-action {
    opacity: 0
}

.project-comment-title-hover:hover .comment-action,
.project-comment-body-hover:hover .comment-action {
    opacity: 1
}

.project-comment-body-reaction .timeline-comment-action {
    padding: 4px 8px
}

.project-name-hover .project-name-edit-action {
    opacity: 0
}

.project-name-hover:hover .project-name-edit-action {
    opacity: 1
}

.project-icon path {
    fill: var(--color-fg-default)
}

.vcard-fullname {
    font-size: 24px;
    line-height: 1.25
}

.vcard-username {
    font-size: 20px;
    font-style: normal;
    font-weight: var(--base-text-weight-light, 300);
    line-height: 24px;
    color: var(--color-fg-muted)
}

.user-profile-bio-message {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-fg-default)
}

.profile-readme .markdown-body .anchor {
    scroll-margin-top: 64px
}

.user-profile-following-container .user-following-container.on .follow,
.user-profile-following-container .user-following-container .unfollow {
    display: none
}

.user-profile-following-container .user-following-container .follow,
.user-profile-following-container .user-following-container.on .unfollow {
    display: block
}

.user-repo-search-results-summary {
    white-space: normal
}

.pull-request-tab-content {
    display: none
}

.pull-request-tab-content.is-visible {
    display: block
}

.discussion-timeline p.explain {
    margin: 0;
    font-size: 12px
}

.pull-request-ref-restore {
    display: none
}

.pull-request-ref-restore-text {
    display: block
}

.pull-discussion-timeline.is-pull-restorable .pull-request-ref-restore.last {
    display: block
}

.files-bucket {
    margin-bottom: 16px
}

.full-width .diffbar .container {
    padding-right: 0;
    padding-left: 0
}

.stale-files-tab {
    float: left;
    padding: 4px 8px;
    margin-top: -4px;
    margin-bottom: -4px;
    color: var(--color-severe-fg);
    background-color: var(--color-severe-subtle);
    border-radius: 6px
}

.stale-files-tab-link {
    font-weight: var(--base-text-weight-semibold, 600);
    color: inherit
}

.pr-toolbar {
    position: sticky;
    top: 0;
    z-index: 29;
    min-height: 60px;
    padding: 0 16px;
    margin: -16px -16px 0
}

.pr-toolbar .float-right .diffbar-item {
    margin-right: 0
}

.pr-toolbar .float-right .diffbar-item+.diffbar-item {
    margin-left: 16px
}

.pr-toolbar.is-stuck {
    height: 60px;
    background-color: var(--color-canvas-default)
}

.commit-toolbar {
    top: var(--base-sticky-header-height, 0)
}

@media(min-width: 1150px) {
    .commit-build-statuses .status-checks-dropdown {
        width: 500px
    }
}

.full-commit .commit-build-statuses .status-checks-dropdown {
    width: 500px
}

.files-next-bucket .file,
.files-next-bucket .full-commit {
    margin-top: 0;
    margin-bottom: 16px
}

.diffbar {
    background-color: var(--color-canvas-default)
}

.diffbar .show-if-stuck {
    display: none
}

.diffbar .container {
    width: auto
}

.diffbar .table-of-contents {
    margin-bottom: 0
}

.diffbar .table-of-contents ol {
    margin-bottom: -16px
}

.diffbar .table-of-contents li {
    border-top: 1px solid var(--color-border-muted)
}

.diffbar .table-of-contents li:first-child {
    border-top: 0
}

.diffbar [role^=menuitem]:focus:not(.is-range-selected) .text-emphasized,
.diffbar [role^=menuitem]:hover:not(.is-range-selected) .text-emphasized {
    color: var(--color-fg-on-emphasis)
}

.is-stuck .diffbar .show-if-stuck {
    display: block
}

.is-stuck .diffbar .diffstat {
    display: none
}

.is-stuck .diffbar .stale-files-tab {
    margin-top: -8px
}

.diffbar-item {
    float: left;
    font-size: 12px;
    vertical-align: middle
}

.add-comment-label,
.is-review-pending .start-review-label {
    display: none
}

.start-review-label,
.is-review-pending .add-comment-label {
    display: inline-block
}

.is-review-pending .review-simple-reply-button {
    display: none
}

.review-comment-contents {
    margin-left: 44px
}

.review-comment::after,
.review-comment-loader::after,
.review-comment.is-comment-editing::after {
    position: absolute;
    top: 31px;
    left: 29px;
    z-index: -1;
    width: 3px;
    height: 100%;
    content: "";
    background-color: var(--color-canvas-subtle)
}

.review-comment {
    position: relative;
    padding: 8px 16px;
    color: var(--color-fg-default)
}

.review-comment:first-child {
    padding-top: 16px
}

.review-comment:last-child {
    padding-bottom: 16px
}

.review-comment .comment-body,
.review-comment .comment-reactions {
    padding: 0
}

.review-comment .comment-body {
    padding-top: 4px
}

.review-comment .comment-body .suggested-change-form-container:nth-last-of-type(2) {
    margin-bottom: 0 !important
}

.review-comment .comment-reactions {
    margin-top: 4px;
    border-top: 0 !important
}

.review-comment .comment-reactions.has-reactions {
    margin-top: 12px
}

.review-comment .show-more-popover.dropdown-menu-sw {
    right: -5px;
    margin-top: 4px
}

.review-comment:last-child::after,
.review-comment:last-child .review-comment-contents::after {
    display: none
}

.review-comment .timeline-comment-action {
    padding: 0 4px
}

.review-comment .is-comment-editing {
    position: relative;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px
}

.review-comment .is-comment-editing::after {
    top: 100%;
    bottom: 0;
    left: 19px;
    height: 20px
}

.review-comment .is-comment-editing .timeline-comment-actions,
.review-comment .is-comment-editing .edit-comment-hide {
    display: none
}

.review-comment .is-comment-editing .previewable-comment-form {
    display: block
}

.review-comment.is-comment-loading .previewable-comment-form {
    opacity: .5
}

.pr-review-reactions .just-bottom,
.pr-review-reactions .has-reactions,
.pr-review-reactions .has-reactions.comment-reactions {
    margin-bottom: 16px;
    margin-left: 16px
}

.pr-review-reactions.pr-review-reactions-no-margin .just-bottom,
.pr-review-reactions.pr-review-reactions-no-margin .has-reactions,
.pr-review-reactions.pr-review-reactions-no-margin .has-reactions.comment-reactions {
    margin-left: 0
}

.timeline-comment.is-comment-editing .discussion-item-header {
    display: none
}

.review-thread-reply {
    padding: 8px 16px;
    background-color: var(--color-canvas-subtle);
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 0 0 6px 6px
}

.review-thread-reply .inline-comment-form {
    margin: -8px -16px;
    background-color: var(--color-canvas-default);
    border: 0
}

.review-thread-reply-button {
    display: inline-block;
    min-height: 28px;
    padding: 4px 8px;
    margin-left: 8px;
    cursor: text
}

.readme.contributing>div {
    max-height: 250px;
    overflow: auto
}

.readme .markdown-body,
.readme .plain {
    word-wrap: break-word
}

.readme .plain pre {
    font-size: 14px;
    white-space: pre-wrap
}

.file .readme table[data-table-type=yaml-metadata] {
    font-size: 12px;
    line-height: 1
}

.file .readme table[data-table-type=yaml-metadata] table {
    margin: 0
}

.labels-list .blankslate {
    display: none
}

.labels-list .table-list-header {
    display: block
}

.labels-list.is-empty .blankslate {
    display: block
}

.labels-list.is-empty .table-list-header {
    display: none
}

.label-select-menu-item .g-emoji {
    font-size: 12px;
    line-height: 1;
    vertical-align: baseline
}

.label-edit::before {
    display: table;
    content: ""
}

.label-edit::after {
    display: table;
    clear: both;
    content: ""
}

.label-edit label {
    display: block;
    margin-bottom: 8px
}

.label-edit .error {
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    color: var(--color-danger-fg)
}

.label-edit.loading {
    display: block
}

.label-characters-remaining {
    color: var(--color-fg-muted)
}

.repo-list {
    position: relative
}

.repo-list-item {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    list-style: none;
    border-bottom: 1px solid var(--color-border-muted)
}

.repo-list-item-with-avatar {
    padding-left: 42px
}

.repo-list-item-hanging-avatar {
    float: left;
    margin-left: -42px
}

.mini-repo-list-item {
    position: relative;
    display: block;
    padding: 4px 64px 4px 32px;
    font-size: 14px;
    border-top: 1px solid var(--color-border-default)
}

.mini-repo-list-item:hover {
    text-decoration: none
}

.mini-repo-list-item:hover .repo,
.mini-repo-list-item:hover .owner {
    text-decoration: underline
}

.mini-repo-list-item .repo-icon {
    float: left;
    margin-top: 2px;
    margin-left: -16px;
    color: var(--color-fg-muted)
}

.mini-repo-list-item .repo-and-owner {
    max-width: 220px
}

.mini-repo-list-item .owner {
    max-width: 110px
}

.mini-repo-list-item .repo {
    font-weight: var(--base-text-weight-semibold, 600)
}

.mini-repo-list-item .stars {
    position: absolute;
    top: 0;
    right: 10px;
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.mini-repo-list-item .repo-description {
    display: block;
    max-width: 100%;
    font-size: 12px;
    line-height: 21px;
    color: var(--color-fg-muted)
}

.private .mini-repo-list-item {
    background-color: var(--color-attention-subtle)
}

.private .mini-repo-list-item .repo-icon {
    color: var(--color-attention-fg)
}

.form-group.errored label .commit-ref {
    background-color: var(--color-danger-subtle)
}

.repo-menu-item:not([aria-current=page])+.repo-sub-menu {
    display: none
}

.feature-callout .new-label-hidden {
    display: none
}

.feature-callout .new-feature-label.new-label-hidden {
    display: inline
}

.repository-og-image {
    width: 100%;
    max-width: 640px;
    height: 320px;
    object-fit: cover;
    object-position: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.timeout {
    width: auto;
    height: 300px;
    padding: 0;
    margin: 16px 0;
    background-color: transparent;
    border: 0
}

.timeout h3 {
    padding-top: 100px;
    color: var(--color-fg-muted)
}

.repo-language-color {
    position: relative;
    top: 1px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid var(--color-primer-border-contrast);
    border-radius: 50%
}

.iconbutton .octicon {
    margin-right: 0
}

.prereceive-feedback {
    padding: 16px;
    margin-bottom: 16px;
    border: 1px solid #dfe2e5;
    border-left: 6px solid #caa21a;
    border-radius: 6px
}

.prereceive-feedback-heading {
    margin-top: 0;
    margin-bottom: 8px;
    color: var(--color-attention-fg)
}

.repository-item-checkbox:checked+.repository-item-name {
    background-color: var(--color-accent-subtle)
}

.custom-role-icon {
    background-color: var(--color-canvas-subtle)
}

.profile-picture {
    margin: 8px 0 0
}

.profile-picture>p {
    float: left;
    margin: 0;
    line-height: 30px
}

.profile-picture>img {
    float: left;
    margin: 0 8px 0 0;
    border-radius: 6px
}

.app-owner {
    margin: 16px 0 0
}

.avatar-upload .flash {
    width: 100%;
    padding: 32px 16px;
    border: dashed 1px var(--color-danger-emphasis);
    box-shadow: none
}

.avatar-upload .upload-state {
    display: none;
    padding: 8px 0
}

.avatar-upload .upload-state p {
    margin: 0;
    font-size: 12px;
    color: var(--color-fg-muted)
}

.avatar-upload .avatar-upload .octicon {
    display: inline-block
}

.is-uploading .avatar-upload .loading {
    display: block;
    padding: 0
}

.is-uploading .avatar-upload .loading img {
    vertical-align: top
}

.is-uploading .avatar-upload .button-change-avatar {
    display: none
}

.is-bad-file .avatar-upload .bad-file {
    display: block;
    margin: 0
}

.is-too-big .avatar-upload .too-big {
    display: block;
    margin: 0
}

.is-bad-dimensions .avatar-upload .bad-dimensions {
    display: block;
    margin: 0
}

.is-bad-format .avatar-upload .bad-format {
    display: block;
    margin: 0
}

.is-failed .avatar-upload .failed-request {
    display: block;
    margin: 0
}

.is-empty .avatar-upload .file-empty {
    display: block;
    margin: 0
}

dl.new-email-form {
    padding: 8px 8px 0;
    margin: 0 -8px 8px;
    border-top: 1px solid var(--color-border-default)
}

.recent-user-key-access {
    color: #1e7e34
}

.oauth-app-info-container .float-left-container {
    float: left;
    text-align: left
}

.oauth-app-info-container .float-right-container {
    float: right;
    text-align: right
}

.oauth-app-info-container dl.keys {
    margin: 8px 0
}

.oauth-app-info-container dl.keys dt {
    margin-top: 8px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted)
}

.oauth-app-info-container dl.keys dd {
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    color: var(--color-fg-default)
}

.oauth-app-info-container .user-count {
    font-size: 32px;
    font-weight: var(--base-text-weight-light, 300);
    color: var(--color-fg-muted)
}

.access-token {
    border-bottom: 1px solid var(--color-border-muted)
}

.access-token:last-child {
    border: 0
}

.access-token .last-used {
    margin-right: 8px
}

.access-token.new-token {
    background-color: rgba(108, 198, 68, .1)
}

.access-token.new-token .octicon-check {
    color: var(--color-success-fg)
}

.access-token .token-description {
    max-width: 450px;
    color: var(--color-fg-default)
}

.access-token .token {
    font-size: 14px
}

.access-token .token-type {
    min-width: 76px
}

table.security-history-detail {
    width: 100%;
    font-size: 12px
}

table.security-history-detail td {
    max-width: 200px;
    word-wrap: break-word
}

.u2f-registration {
    position: relative;
    padding-bottom: 4px;
    margin-bottom: 4px
}

.new-u2f-registration {
    position: relative
}

.new-u2f-registration .add-u2f-registration-form:not(.for-trusted-device) {
    display: none;
    margin-bottom: 8px
}

.new-u2f-registration.is-active .add-u2f-registration-link {
    display: none
}

.new-u2f-registration.is-active .add-u2f-registration-form {
    display: block
}

.new-u2f-registration .webauthn-request-interaction,
.new-u2f-registration .webauthn-request-error {
    display: none
}

.new-u2f-registration.is-sending .webauthn-request-interaction {
    display: block
}

.new-u2f-registration.is-showing-error .webauthn-request-error {
    display: block
}

.spinner {
    display: none
}

.is-sending .spinner {
    display: inline-block
}

.confirmation-phrase {
    font-style: italic;
    font-weight: var(--base-text-weight-normal, 400)
}

.session-device .session-state-indicator.recent {
    background-color: var(--color-success-emphasis);
    box-shadow: 0 0 10px rgba(108, 198, 68, .5)
}

.session-device .session-state-indicator.revoked {
    background-color: var(--color-danger-emphasis);
    box-shadow: 0 0 10px rgba(198, 108, 68, .5)
}

.session-device .session-state-indicator.not-recent {
    background-image: linear-gradient(#aaa, #ccc);
    box-shadow: 0 1px 0 #fff
}

.collaborators .collab-list {
    border-bottom-width: 0
}

.collaborators .collab-list-item:first-child .collab-list-cell {
    border-top-width: 0
}

.collaborators .collab-list-cell {
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: middle
}

.collaborators .collab-meta {
    width: 140px
}

.collaborators .collab-remove {
    padding-right: 16px;
    text-align: right
}

.collaborators .collab-remove .remove-link {
    color: var(--color-fg-muted)
}

.collaborators .collab-remove .remove-link:hover {
    color: var(--color-danger-fg)
}

.collaborators .collab-team-link {
    width: 300px
}

.collaborators .collab-team-link:hover {
    text-decoration: none
}

.collaborators .collab-team-link .avatar {
    float: left;
    margin-top: 1px;
    margin-right: 8px
}

.collaborators .collab-team-link.disabled {
    pointer-events: none
}

.collaborators .collab-info {
    height: 100%;
    color: var(--color-fg-default)
}

.collaborators .collab-info .description {
    padding-right: 50px;
    margin-top: 4px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.collaborators .collab-info .collab-name {
    display: block;
    font-size: 14px
}

.collaborators .collab-info .collab-message {
    position: relative;
    top: 25%;
    display: block
}

.collaborators .copy-invite-modal {
    left: 0;
    width: 300px
}

@media(min-width: 768px) {
    .collaborators .copy-invite-modal {
        right: 0;
        left: unset;
        width: 352px
    }
}

.collaborators .copy-invite-modal::before,
.collaborators .copy-invite-modal::after {
    display: none
}

.access-form-wrapper {
    padding: 8px;
    background-color: var(--color-canvas-subtle);
    border-top: 1px solid var(--color-border-default);
    border-radius: 0 0 6px 6px
}

.access-flash {
    padding: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-left: 8px
}

.repo-access-group .blankslate {
    display: none
}

.repo-access-group.is-empty .blankslate {
    display: block
}

.boxed-group-list .access-level {
    color: var(--color-fg-muted)
}

.boxed-group-list .access-level.css-truncate-target {
    max-width: 500px
}

.settings-next {
    font-size: 14px;
    line-height: 1.5
}

.settings-next label {
    font-size: 14px
}

.settings-next .note {
    font-size: 12px
}

.settings-next .form-checkbox input[type=radio],
.settings-next .form-checkbox input[type=checkbox] {
    margin-top: 4px
}

dl.form-group>dd textarea.compact {
    height: 100px;
    min-height: 0
}

.form-hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border-bottom-color: var(--color-border-default, #e5e5e5)
}

.listgroup {
    list-style: none;
    border: 1px solid var(--color-border-default, #e5e5e5);
    border-radius: 6px
}

.listgroup-item {
    min-height: inherit;
    padding: 8px;
    font-size: 12px;
    line-height: 26px;
    color: var(--color-fg-muted)
}

.listgroup-item::before {
    display: table;
    content: ""
}

.listgroup-item::after {
    display: table;
    clear: both;
    content: ""
}

.listgroup-item+.listgroup-item {
    border-top: 1px solid var(--color-border-default, #e5e5e5)
}

.listgroup-item.listgroup-item-preview {
    line-height: inherit
}

.listgroup-item.listgroup-item-preview .BtnGroup {
    margin-top: 4px
}

.listgroup-item .css-truncate-target {
    max-width: 200px
}

.listgroup-item-title {
    display: block;
    font-weight: var(--base-text-weight-semibold, 600)
}

.listgroup-item-body {
    display: block
}

.listgroup-header {
    border-top: 0;
    border-bottom: 1px solid var(--color-border-default, #e5e5e5)
}

.listgroup-overflow {
    max-height: 240px;
    overflow-y: auto;
    background-color: var(--color-canvas-subtle, #f5f5f5)
}

.listgroup-sm .listgroup-item {
    padding-top: 4px;
    padding-bottom: 4px
}

.protected-branches {
    margin-top: 16px;
    margin-bottom: 16px
}

.protected-branch-options {
    margin-left: 16px;
    opacity: .5
}

.protected-branch-options.active {
    opacity: 1
}

.protected-branch-reviews.on .require-code-owner-review,
.protected-branch-reviews.on .reviews-dismiss-on-push,
.protected-branch-reviews.on .reviews-include-dismiss,
.protected-branch-reviews.on .ignore-approvals-from-contributors,
.protected-branch-reviews.on .require-last-push-approval,
.protected-branch-reviews.on .allow-force-pushes,
.protected-branch-reviews.on .require-approving-reviews {
    display: block
}

.protected-branch-reviews .require-code-owner-review,
.protected-branch-reviews .reviews-dismiss-on-push,
.protected-branch-reviews .reviews-include-dismiss,
.protected-branch-reviews .ignore-approvals-from-contributors,
.protected-branch-reviews .require-last-push-approval,
.protected-branch-reviews .allow-force-pushes,
.protected-branch-reviews .require-approving-reviews {
    display: none
}

.authorized-pushers {
    width: 440px
}

.authorized-pushers .add-protected-branch-actor {
    display: block
}

.authorized-pushers .actor-limit-reached {
    display: none;
    padding: 8px;
    font-size: 12px
}

.authorized-pushers.at-limit .add-protected-branch-actor {
    display: none
}

.authorized-pushers.at-limit .actor-limit-reached {
    display: block;
    width: 440px
}

.protected-branch-authorized-pushers-table,
.protected-branch-pushers-table {
    margin-top: 8px
}

.protected-branch-authorized-pushers-table .boxed-group-inner,
.protected-branch-pushers-table .boxed-group-inner {
    max-height: 350px;
    overflow-y: auto
}

.protected-branch-authorized-pushers-table .table-list,
.protected-branch-pushers-table .table-list {
    border-bottom: 0
}

.protected-branch-authorized-pushers-table .table-list-cell,
.protected-branch-pushers-table .table-list-cell {
    vertical-align: middle
}

.protected-branch-authorized-pushers-table .table-list-cell:first-child,
.protected-branch-pushers-table .table-list-cell:first-child {
    width: 100%
}

.protected-branch-authorized-pushers-table .avatar,
.protected-branch-authorized-pushers-table .octicon-jersey,
.protected-branch-authorized-pushers-table .octicon-organization,
.protected-branch-pushers-table .avatar,
.protected-branch-pushers-table .octicon-jersey,
.protected-branch-pushers-table .octicon-organization {
    width: 36px;
    margin-right: 8px;
    text-align: center
}

.user-already-added::after {
    display: inline-block;
    padding: 1px 4px;
    margin-left: 4px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-fg-on-emphasis);
    content: "Already added";
    background: var(--color-severe-emphasis);
    border-radius: 6px
}

.protected-branch-admin-permission {
    padding: 4px;
    margin: -2px 0 -2px -4px;
    line-height: normal;
    border: 1px solid transparent;
    border-radius: 6px
}

.protected-branch-admin-permission.active {
    animation: toggle-color 1s ease-in-out 0s
}

@keyframes toggle-color {
    0% {
        background-color: transparent
    }

    50% {
        color: #4c4a42;
        background-color: #fff9ea;
        border-color: #dfd8c2
    }

    100% {
        background-color: transparent
    }
}

.automated-check-options {
    margin-top: 8px
}

.automated-check-options .listgroup-item label {
    font-size: inherit
}

.automated-check-options .listgroup-item input[type=checkbox] {
    float: none;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: 0
}

.automated-check-options .label {
    margin-top: 4px
}

.repository-settings-actions [role=tab][aria-selected=true] {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-default);
    border-color: var(--color-severe-emphasis)
}

.repository-settings-actions [role=tab][aria-selected=true] .UnderlineNav-octicon {
    color: var(--color-fg-muted)
}

.repository-visibility-change-warning::before {
    display: none
}

.two-factor-recovery-codes {
    margin: 32px 0;
    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    font-size: 20px
}

.two-factor-recovery-code-mark {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 16px;
    color: var(--color-fg-muted)
}

.two-factor-recovery-code {
    display: inline-block;
    width: 48%;
    line-height: 1.6;
    text-align: center
}

.two-factor-recovery-code::before {
    position: relative;
    top: -3px;
    margin-right: 8px;
    font-size: 12px;
    color: var(--color-fg-muted);
    content: "●"
}

.recovery-codes-saving-options {
    margin-left: 32px
}

.recovery-codes-saving-options .recovery-code-save-button {
    width: 126px;
    margin-right: 16px;
    text-align: center
}

.recovery-codes-warning {
    margin: 0 -16px
}

.two-factor-steps {
    padding: 16px 16px 0;
    margin: 32px 0;
    border: 1px solid var(--color-border-default);
    border-radius: 6px
}

.setup-wrapper {
    width: 750px;
    padding-top: 32px;
    margin: 0 auto
}

.setup-wrapper::before {
    display: table;
    content: ""
}

.setup-wrapper::after {
    display: table;
    clear: both;
    content: ""
}

.setup-header {
    padding-bottom: 16px;
    margin: 0 auto 32px;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid var(--color-border-default)
}

.setup-header h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 1.1;
    letter-spacing: -1px
}

.setup-header h1 .octicon {
    color: var(--color-fg-muted)
}

.setup-header .lead {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 20px
}

.setup-header .lead a {
    color: var(--color-fg-muted)
}

.setup-header .lead a:hover {
    color: var(--color-accent-fg);
    text-decoration: none
}

.setup-org {
    padding-bottom: 0;
    border-bottom: 0
}

.setup-main {
    float: left;
    width: 450px
}

.setup-secondary {
    float: right;
    width: 250px
}

.setup-secondary .info {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -8px;
    font-size: 12px;
    line-height: 18px;
    color: var(--color-fg-muted);
    text-align: center
}

.setup-info-module {
    margin-bottom: 32px;
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-border-default);
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .075)
}

.setup-info-module h2 {
    padding: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid var(--color-border-default)
}

.setup-info-module h2 .price {
    float: right;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--color-fg-muted)
}

.setup-info-module h3 {
    padding: 0 16px;
    margin: 0 0 -8px;
    font-size: 14px
}

.setup-info-module p {
    padding: 0 16px;
    margin: 16px 0
}

.features-list {
    padding: 0 16px 16px;
    margin: 0;
    font-size: 14px;
    list-style: none
}

.features-list li {
    margin-top: 8px
}

.features-list li:first-child {
    margin-top: 0
}

.features-list .list-divider {
    margin: 16px -16px;
    border-top: 1px solid var(--color-border-muted)
}

.features-list .octicon-check {
    margin-right: 4px;
    color: var(--color-success-fg)
}

.features-list .octicon-question {
    font-size: 12px;
    color: var(--color-fg-muted)
}

.features-list .tooltipped::after {
    width: 250px;
    white-space: normal
}

.setup-form-container .setup-form-title {
    font-size: 16px
}

.setup-form-container .secure {
    float: right;
    margin-top: 2px;
    font-size: 12px;
    color: var(--color-success-fg);
    text-transform: uppercase
}

.setup-form-container hr {
    margin-top: 24px;
    margin-bottom: 24px
}

.setup-form-container .form-actions {
    padding-top: 0;
    padding-bottom: 0;
    text-align: left
}

.team-member-container {
    margin-bottom: 16px
}

.team-member-container .team-member-username {
    line-height: 1.2
}

.setup-form {
    padding-bottom: 16px
}

.setup-form .form-group.successed .error {
    display: none
}

.setup-form .form-group dd .form-control {
    width: 100%
}

.setup-form .form-group dd .form-control.short {
    width: 250px
}

.setup-form dd {
    position: relative
}

.setup-form dd .octicon {
    position: absolute;
    top: 8px;
    right: 25px
}

.setup-form .octicon-alert {
    color: var(--color-danger-fg)
}

.setup-form .octicon-check {
    color: var(--color-success-fg)
}

.setup-form .tos-info,
.setup-form .setup-organization-next {
    margin: 16px 0;
    border-top: 1px solid var(--color-border-muted);
    border-bottom: 1px solid var(--color-border-muted)
}

.setup-form .tos-info {
    padding: 16px 0
}

.setup-form .setup-organization-next {
    padding-top: 16px;
    padding-bottom: 16px
}

.setup-form .setup-plans {
    border-collapse: separate;
    border: 1px solid var(--color-border-default)
}

.setup-form .setup-plans tr.selected {
    background-color: var(--color-accent-subtle)
}

.setup-form .setup-plans .name {
    font-weight: var(--base-text-weight-semibold, 600)
}

.setup-form .setup-plans .choose-plan input[type=radio] {
    display: none
}

.setup-creditcard-form .country-form,
.setup-creditcard-form .state-form {
    float: left;
    margin: 0;
    word-wrap: normal
}

.setup-creditcard-form .country-form,
.setup-creditcard-form .postal-code-form {
    margin-top: 0;
    margin-bottom: 16px
}

.setup-creditcard-form .form-group select.select-country {
    width: 182px;
    margin-right: 4px
}

.setup-creditcard-form .form-group select:invalid {
    color: var(--color-fg-muted)
}

.setup-creditcard-form .form-group select.select-state {
    width: 113px
}

.setup-creditcard-form .form-group .input-vat {
    width: 288px
}

.setup-creditcard-form .form-group input.input-postal-code {
    width: 180px
}

.setup-creditcard-form.is-vat-country .vat-field {
    display: block
}

.setup-creditcard-form.is-international .form-group select.select-country {
    width: 300px
}

.setup-creditcard-form.is-international .state-form {
    display: none
}

.setup-creditcard-form.no-postcodes .postal-code-form {
    display: none
}

.setup-creditcard-form dd .octicon-credit-card {
    position: inherit
}

.setup-creditcard-form .vat-field {
    display: none
}

.setup-creditcard-form .vat-field.prefilled {
    display: block
}

.setup-creditcard-form .help-text {
    font-size: 80%;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-muted)
}

.user-identification-questions {
    float: none;
    width: auto;
    margin-top: 40px
}

.user-identification-questions .question {
    margin-bottom: 32px
}

.user-identification-questions .response-group label {
    font-weight: var(--base-text-weight-normal, 400)
}

.user-identification-questions .form-checkbox {
    margin: 8px 0
}

.user-identification-questions .disclaimer {
    margin: 40px 0 0;
    text-align: center
}

.user-identification-questions.redesign .question {
    margin-bottom: 96px
}

.user-identification-questions.redesign .topic-input-container .tag-input {
    width: 100%;
    border: 0;
    border-bottom: 6px solid #000;
    box-shadow: 0 0 0
}

.signup-plan-summary-subhead {
    border-bottom: 6px solid
}

.signup-btn:disabled {
    opacity: .5 !important
}

.collection-search-results em {
    padding: .1em;
    background-color: #faffa6
}

.draft-tag {
    padding: 4px 8px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: #eee;
    background-color: #404040
}

.showcase-page-pattern {
    position: relative;
    z-index: -1;
    height: 100px;
    margin-top: -24px;
    margin-bottom: -70px
}

.showcase-page-pattern::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    content: "";
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.85), white)
}

.showcase-page-repo-list {
    border-top: 1px solid var(--color-border-muted)
}

.slash-command-menu-item .command-description {
    color: var(--color-fg-muted)
}

.slash-command-menu-item[aria-selected=true] {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.slash-command-menu-item[aria-selected=true] .command-description {
    color: var(--color-fg-on-emphasis)
}

.modal-anchor::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: block;
    cursor: default;
    content: " ";
    background: var(--color-primer-canvas-backdrop)
}

.sortable-button-item:first-of-type .sortable-button[data-direction=up],
.sortable-button-item:last-of-type .sortable-button[data-direction=down] {
    display: none
}

@keyframes sponsors-progress-animation {
    0% {
        background-position: 100%
    }

    100% {
        background-position: 0%
    }
}

@keyframes circle-progress {
    0% {
        stroke-dasharray: 0 100
    }
}

.sponsors-funded-dependencies-percent-circle-bg,
.sponsors-funded-dependencies-percent-circle {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round
}

.sponsors-funded-dependencies-percent-circle-bg {
    stroke: var(--color-done-subtle)
}

.sponsors-funded-dependencies-percent-circle {
    animation: circle-progress 1s ease-out forwards
}

.sponsors-goal-progress-bar {
    background: #ec6cb9;
    transition: width .5s ease-in
}

@media(prefers-reduced-motion: no-preference) {
    .sponsors-goal-progress-bar:hover {
        background: linear-gradient(90deg, #ffd33d 0%, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff 100%);
        background-size: 300% 100%;
        animation: sponsors-progress-animation 2s linear infinite
    }
}

.sponsors-goal-completed-bar {
    background: linear-gradient(90deg, #ffd33d 0%, #ea4aaa 17%, #b34bff 34%, #01feff 51%, #ffd33d 68%, #ea4aaa 85%, #b34bff 100%);
    background-size: 300% 100%
}

@media(prefers-reduced-motion: no-preference) {
    .sponsors-goal-completed-bar {
        transition: width .5s ease-in;
        animation: sponsors-progress-animation 2s linear infinite
    }
}

.sponsors-goals-avatar-border {
    background-color: var(--color-canvas-default);
    border: 1px solid var(--color-fg-on-emphasis)
}

.bulk-sponsorship-secondary-cell {
    width: 1%
}

.sponsors-goals-heart-anim {
    width: 100px;
    height: 100px;
    cursor: pointer;
    background: url("/images/modules/site/sponsors/heart-explosion.png") no-repeat;
    background-position: 0 0;
    background-size: 600px 100px;
    transition: background-position .3s steps(5);
    transition-duration: 0s
}

.sponsors-goals-heart-anim.is-active {
    background-position: -500px 0;
    transition-duration: .3s
}

.open>.sponsors-foldable {
    max-height: 700px
}

.open .sponsors-foldable-opened {
    display: block
}

.open .sponsors-foldable-closed {
    display: none
}

.sponsors-foldable {
    max-height: 0;
    box-sizing: border-box;
    overflow-y: auto;
    transition: max-height .25s ease-in-out
}

.sponsors-foldable-opened {
    display: none
}

.sponsors-foldable-closed {
    display: block
}

.sponsor-card {
    width: 100%;
    height: 450px;
    border: 0
}

@media(min-width: 544px) {
    .sponsor-card {
        height: 260px
    }
}

.sponsor-cell {
    padding: 8px;
    vertical-align: middle;
    border-right: 1px solid var(--color-neutral-muted);
    border-bottom: 1px solid var(--color-neutral-muted)
}

.sponsor-cell:first-child {
    width: 45px;
    padding-left: 32px;
    border-right-width: 0
}

.sponsor-cell:last-child {
    padding-left: 8px;
    border-right-width: 0
}

.sponsor-header-cell {
    padding-right: 16px;
    font-weight: var(--base-text-weight-semibold, 600);
    text-align: left;
    border-top: 1px solid var(--color-neutral-muted)
}

.sponsor-row-number {
    color: var(--color-fg-subtle)
}

@media(prefers-reduced-motion: no-preference) {
    .tier-category:hover .tier-emoji {
        animation: wiggle .1s alternate;
        animation-timing-function: ease;
        animation-delay: .1s;
        animation-iteration-count: 4
    }
}

@keyframes wiggle {
    0% {
        transform: rotate(-25deg)
    }

    100% {
        transform: rotate(15deg) scale(1.2)
    }
}

.sponsors-featured-item {
    width: 100%
}

@media(min-width: 768px) {
    .sponsors-featured-item {
        width: calc(50% - 8px)
    }
}

.bulk-sponsorship-import-dropzone .bulk-sponsorship-import-outline {
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px
}

.bulk-sponsorship-import-dropzone .bulk-sponsorship-show-on-dragover {
    display: none
}

.bulk-sponsorship-import-dropzone .bulk-sponsorship-template-image {
    width: 47%;
    max-width: 100%;
    height: 51%
}

.bulk-sponsorship-import-dropzone.bulk-sponsor-dragover .bulk-sponsorship-show-on-dragover {
    display: inline
}

.bulk-sponsorship-import-dropzone.bulk-sponsor-dragover .bulk-sponsorship-hide-on-dragover {
    display: none
}

.bulk-sponsorship-import-dropzone.bulk-sponsor-dragover .bulk-sponsorship-import-outline {
    border: 6px dashed var(--color-border-default)
}

.bulk-sponsorship-import-csv {
    display: none
}

.bulk-sponsorship-import-csv-label:focus {
    outline: 2px solid var(--color-accent-fg);
    outline-offset: -2px;
    box-shadow: none
}

.bulk-sponsorship-table {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}

@media(min-width: 544px) {
    .bulk-sponsorship-table {
        display: table
    }
}

.bulk-sponsorship-table-for-individuals {
    display: block;
    width: 100%;
    min-height: .01%;
    overflow-x: auto
}

@media(min-width: 768px) {
    .bulk-sponsorship-table-for-individuals {
        display: table
    }
}

@media(max-width: 768px) {
    .bulk-sponsorship-amount-cell-non-correctble-error {
        padding-right: 24px
    }
}

@media(min-width: 768px) {
    .bulk-sponsorship-amount-cell-non-correctble-error {
        padding-right: 8px
    }
}

@media(min-width: 0) {
    .bulk-sponsorship-amount-column-header {
        min-width: 150px
    }
}

@media(min-width: 768px) {
    .bulk-sponsorship-amount-column-header {
        min-width: 200px
    }
}

.tab-size[data-tab-size="1"] {
    tab-size: 1
}

.tab-size[data-tab-size="2"] {
    tab-size: 2
}

.tab-size[data-tab-size="3"] {
    tab-size: 3
}

.tab-size[data-tab-size="4"] {
    tab-size: 4
}

.tab-size[data-tab-size="5"] {
    tab-size: 5
}

.tab-size[data-tab-size="6"] {
    tab-size: 6
}

.tab-size[data-tab-size="7"] {
    tab-size: 7
}

.tab-size[data-tab-size="8"] {
    tab-size: 8
}

.tab-size[data-tab-size="9"] {
    tab-size: 9
}

.tab-size[data-tab-size="10"] {
    tab-size: 10
}

.tab-size[data-tab-size="11"] {
    tab-size: 11
}

.tab-size[data-tab-size="12"] {
    tab-size: 12
}

.team-label-ldap {
    display: inline-block;
    padding: 0 8px;
    line-height: 25px;
    color: var(--color-fg-muted);
    text-transform: uppercase;
    cursor: default;
    border: 1px solid var(--color-border-muted);
    border-radius: 6px;
    box-shadow: none
}

.team-label-ldap.header-label-ldap {
    padding: 4px 4px
}

.team-member-ellipsis {
    width: 25px;
    height: 25px;
    line-height: 24px
}

.team-member-ellipsis:hover {
    color: var(--color-accent-fg);
    background: var(--color-canvas-subtle)
}

.team-listing .nested-teams-checkbox {
    padding-left: 4px
}

.team-listing .nested-teams-checkbox.show {
    padding-right: 12px
}

.team-listing .nested-teams-checkbox.indent-1 {
    padding-left: 30px
}

.team-listing .nested-teams-checkbox.indent-2 {
    padding-left: 54px
}

.team-listing .nested-teams-checkbox.indent-3 {
    padding-left: 78px
}

.team-listing .nested-teams-checkbox.indent-4 {
    padding-left: 102px
}

.team-listing .nested-teams-checkbox.indent-5 {
    padding-left: 126px
}

.team-listing .nested-teams-checkbox.indent-6 {
    padding-left: 150px
}

.team-listing .nested-teams-checkbox.indent-7 {
    padding-left: 174px
}

.team-listing .nested-teams-checkbox.indent-8 {
    padding-left: 198px
}

.team-listing .nested-teams-checkbox.indent-9 {
    padding-left: 222px
}

.team-listing .nested-teams-checkbox.indent-10 {
    padding-left: 246px
}

.team-listing .nested-teams-checkbox.indent-11 {
    padding-left: 270px
}

.team-listing .nested-teams-checkbox.indent-12 {
    padding-left: 294px
}

.team-listing .nested-teams-checkbox.indent-13 {
    padding-left: 318px
}

.team-listing .nested-teams-checkbox.indent-14 {
    padding-left: 342px
}

.team-listing .nested-teams-checkbox.indent-15 {
    padding-left: 366px
}

.team-listing .team-info {
    width: 280px
}

.team-listing .team-short-info {
    width: 170px
}

.team-listing .nested-team-info {
    width: 650px
}

.team-listing .nested-team-name {
    max-width: 268px
}

.team-listing .shortened-teams-avatars {
    margin-left: auto
}

.team-listing .shortened-teams-avatars.width-0 {
    width: 300px
}

.team-listing .shortened-teams-avatars.width-1 {
    width: 233px
}

.team-listing .shortened-teams-avatars.width-2 {
    width: 167px
}

.team-listing .shortened-teams-avatars.width-3 {
    width: 99px
}

.team-listing .team-members-count {
    width: 124px
}

.team-listing .team-show-more-cell {
    width: 980px
}

.team-listing .team-buttons {
    width: 150px
}

.team-listing .octicon-wrapper {
    width: 16px
}

.team-listing .is-open.root-team {
    background-color: var(--color-canvas-subtle)
}

.team-listing .is-open .expand-nested-team {
    font-weight: var(--base-text-weight-semibold, 600)
}

.team-listing .is-open .octicon-chevron-down {
    transform: rotate(180deg)
}

.traffic-graph {
    min-height: 150px
}

.traffic-graph .activity {
    margin-top: 0
}

.traffic-graph .activity .dots {
    margin-top: 40px
}

.traffic-graph .path {
    fill: none;
    stroke-width: 2
}

.traffic-graph path.total {
    stroke: var(--color-success-emphasis)
}

.traffic-graph path.unique {
    stroke: var(--color-accent-emphasis)
}

.traffic-graph .axis.x .tick:first-of-type line {
    stroke: var(--color-success-emphasis);
    stroke-width: 2px
}

.traffic-graph .y line {
    stroke: var(--color-success-emphasis)
}

.traffic-graph .y.unique line {
    stroke: var(--color-accent-emphasis)
}

.traffic-graph .overlay {
    fill-opacity: 0
}

.uniques-graph .axis.x .tick:last-child line {
    stroke: var(--color-accent-emphasis);
    stroke-width: 2px
}

.svg-tip .date {
    color: var(--color-fg-on-emphasis)
}

.top-domains .dots {
    display: block;
    margin: 167px auto 0
}

table.capped-list {
    width: 100%;
    line-height: 100%
}

table.capped-list th {
    padding: 8px;
    text-align: left;
    background: var(--color-canvas-subtle);
    border-bottom: 1px solid var(--color-border-default)
}

table.capped-list td {
    padding: 8px;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid var(--color-border-muted)
}

table.capped-list th.middle,
table.capped-list td.middle {
    text-align: center
}

table.capped-list .favicon {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    vertical-align: middle
}

table.capped-list .octicon {
    margin-right: 8px;
    color: var(--color-fg-muted);
    vertical-align: -3px
}

table.capped-list tr:nth-child(even) {
    background-color: var(--color-canvas-subtle)
}

.capped-list-label {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.traffic-graph-stats .summary-stats {
    width: 100%
}

.traffic-graph-stats .summary-stats::before {
    display: table;
    content: ""
}

.traffic-graph-stats .summary-stats::after {
    display: table;
    clear: both;
    content: ""
}

.traffic-graph-stats .summary-stats li {
    display: block;
    float: left;
    width: 50%
}

.totals circle {
    fill: var(--color-success-emphasis);
    stroke: var(--color-canvas-default);
    stroke-width: 2
}

.uniques circle {
    fill: var(--color-accent-emphasis);
    stroke: var(--color-canvas-default);
    stroke-width: 2
}

ul.web-views li {
    width: 140px
}

ul.clones li {
    width: 170px
}

.TrackingBlock .TrackingBlock-list {
    min-height: 4px;
    padding-left: 0
}

.TrackingBlock .Label {
    border-color: inherit !important
}

.TrackingBlock .tasklist-issue-chosen-item [role=tooltip] {
    display: none
}

.TrackingBlock .tasklist-issue-chosen-item [role=tooltip]::before,
.TrackingBlock .tasklist-issue-chosen-item [role=tooltip]::after {
    display: none
}

.TrackingBlock .Button--invisible:disabled {
    background-color: transparent
}

.TrackingBlock-list:not(.js-tasklist-dragging) .TrackingBlock-item:hover {
    background-color: var(--color-canvas-subtle)
}

.TrackingBlock-item .AvatarStack-body {
    background: inherit
}

.TrackingBlock-item .AvatarStack-body .avatar {
    max-width: none
}

.TrackingBlock-item .js-label-loading-container .Skeleton {
    display: inline-block;
    width: 30px;
    height: 18px;
    border-radius: 2em
}

.TrackingBlock-item .js-label-loading-container .Skeleton:first-child {
    margin-right: 4px
}

.TrackingBlock-item .hide-labels {
    position: absolute;
    opacity: 0
}

.TrackingBlock-item .js-hidden-label-counter {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2em
}

.TrackingBlock-item .js-issue-template-content {
    margin-top: 2px;
    opacity: .6
}

.TrackingBlock-item .js-issue-template-content .octicon {
    margin-right: 8px
}

.TrackingBlock-item .ActionListItem-label {
    display: flex
}

.TrackingBlock-item .ActionListItem-label .octicon {
    margin-top: 4px
}

.TrackingBlock-item:focus-visible {
    outline-color: var(--color-accent-fg)
}

.tasklist-issue-content .no-truncate {
    display: flex
}

.tasklist-issue-content .no-truncate .issue-state-icon {
    margin-top: 2px;
    margin-right: 8px
}

.tasklist-issue-content .no-truncate .issue-title {
    font-weight: var(--base-text-weight-normal, 400) !important
}

.tasklist-checkbox {
    display: flex;
    margin-top: 8px;
    margin-left: .1em;
    align-items: flex-start
}

.tasklist-checkbox.read-only {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 4px
}

.tasklist-flex-grow {
    flex-grow: 1
}

.tasklist-draft {
    font-size: 14px;
    align-items: center
}

.tasklist-textarea-container,
.tasklist-draft-title-container {
    display: flex;
    align-items: flex-start;
    flex-grow: 1;
    padding: 4px 0
}

.tasklist-textarea-container>textarea {
    width: 100%;
    max-height: none !important;
    padding: 0 4px;
    margin-left: -4px;
    overflow: hidden;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--color-fg-default);
    vertical-align: middle;
    resize: none;
    background-color: inherit;
    border: 0;
    box-shadow: none
}

.tasklist-issue-handle {
    display: block;
    float: left;
    padding-right: 4px;
    margin-right: -8px;
    margin-left: -16px;
    color: var(--color-fg-muted);
    -webkit-user-select: none;
    user-select: none;
    opacity: 0;
    flex-shrink: 0
}

.tasklist-issue-handle.draft-handle {
    display: flex;
    align-items: flex-start;
    margin-top: 6px
}

.dragger-icon {
    width: 16px;
    padding-right: -8px;
    vertical-align: text-top;
    cursor: grab
}

.dragger-icon:active {
    cursor: grabbing
}

.TrackingBlock-list:not(.js-tasklist-dragging) .TrackingBlock-item:hover .tasklist-issue-handle {
    opacity: 1
}

.tasklist-issue-ghost-item {
    opacity: 0
}

.tasklist-omnibar {
    position: relative;
    display: flex;
    width: 100%;
    margin-top: 8px;
    margin-left: 4px;
    flex-direction: row
}

.tasklist-omnibar-autocomplete-wrapper {
    width: 100%;
    flex: 1;
    margin-right: 8px
}

.tasklist-omnibar-autocomplete-wrapper .ActionListWrap {
    padding: 8px;
    margin: 0
}

.tasklist-omnibar-autocomplete-wrapper .ActionListItem-label .octicon {
    margin-right: 4px
}

.tasklist-omnibar-input-wrapper:not([open]) .Overlay {
    box-shadow: none
}

.tasklist-omnibar-input-wrapper .FormControl-input {
    display: inline-block;
    border-radius: 6px
}

.tasklist-omnibar-input-wrapper .FormControl-input:focus {
    border-radius: 6px
}

.TrackingBlock details.dropdown[disabled] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .5
}

.TrackingBlock .js-item-avatar-stack[disabled],
.TrackingBlock .js-label-assignee-container[disabled] {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

.tracking-block [data-disabled] .tasklist-omnibar {
    background-color: var(--color-canvas-subtle)
}

.tracking-block [data-disabled] .tasklist-omnibar:hover {
    outline: none !important
}

.autocomplete-suggestion {
    display: inline-block
}

.truncated-autocomplete-suggestion-title {
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top
}

.autocomplete-suggestion-issue-number {
    margin-left: 3px;
    color: var(--color-fg-muted)
}

.edit-metadata-popover-container[data-menu-type=project] .discussion-sidebar-item {
    padding-top: 0
}

.edit-metadata-popover-container[data-menu-type=project] .discussion-sidebar-heading {
    display: none
}

.edit-metadata-popover-container[data-menu-type=project] .js-discussion-sidebar-menu {
    position: relative !important;
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0
}

.edit-metadata-popover-container[data-menu-type=project] [role=listbox] {
    padding-left: 0
}

.edit-metadata-popover-container .discussion-sidebar-item {
    padding-top: 8px
}

.edit-metadata-popover-container .select-menu {
    margin: 0
}

.edit-metadata-popover-container .new-label-modal,
.edit-metadata-popover-container .edit-labels-button {
    display: none !important
}

.edit-metadata-popover-container .Popover-message {
    width: unset
}

.edit-metadata-popover-overlay,
.label-count-popover-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 80
}

.avatar-template,
.label-template,
.label-popover-template {
    display: none !important
}

.empty-avatar-icon {
    width: 20px;
    height: 20px;
    padding: 2px;
    border: 1px solid var(--color-fg-muted);
    border-radius: 2em
}

.convert-to-issue-button {
    width: 20px;
    height: 20px;
    padding: 2px;
    background-color: transparent
}

.tasklist-metadata-toast {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    opacity: 0;
    animation: tasklist-metadata-toast-slide-in 4s forwards
}

.tracking-block-list-item-dropdown-menu .tracking-block-menu-btn,
.tracking-block-list-item-dropdown-menu .tracking-block-item-menu-btn {
    border: none
}

.tracking-block-list-item-dropdown-menu .tracking-block-item-menu-btn {
    top: 3px
}

.tracking-block-list-item-dropdown-menu [role=menu] {
    padding-left: 8px;
    margin-bottom: 0
}

@keyframes tasklist-metadata-toast-slide-in {
    0% {
        opacity: 0;
        transform: translateX(-100%)
    }

    10% {
        opacity: 1;
        transform: translateX(0)
    }

    80% {
        opacity: 1;
        transform: translateX(0)
    }

    100% {
        opacity: 0
    }
}

.tasklist-title-edit-button {
    opacity: 0
}

.tasklist-title-container:hover .tasklist-title-edit-button {
    opacity: 1
}

.add-tasklist-spinner {
    cursor: pointer
}

.add-tasklist-spinner .Button-label {
    display: flex;
    color: var(--color-fg-muted) !important;
    align-items: center
}

.add-tasklist-spinner .Button-label svg {
    margin-right: 8px
}

.tlb,
.tlb-border,
.tlb-checkbox,
.tlb-header-title,
.tlb-icon,
.tlb-issue-reference-number,
.tlb-item-title,
.tlb-li,
.tlb-line-height,
.tlb-link-style-none,
.tlb-ol,
.tlb-overflow,
.tlb-rounded-header,
.tlb-text {
    display: none
}

.typeahead-result {
    position: relative;
    display: block;
    min-width: 100%;
    padding: 8px;
    margin-top: 0;
    color: var(--color-fg-default);
    cursor: pointer
}

.typeahead-result::before {
    display: table;
    content: ""
}

.typeahead-result::after {
    display: table;
    clear: both;
    content: ""
}

.typeahead-result:first-child {
    border-top: 0
}

.typeahead-result:focus,
.typeahead-result:hover,
.typeahead-result[aria-selected=true],
.typeahead-result.navigation-focus {
    text-decoration: none
}

.typeahead-result[aria-selected=true],
.typeahead-result:hover,
.typeahead-result.navigation-focus {
    color: var(--color-fg-on-emphasis);
    background-color: var(--color-accent-emphasis)
}

.typeahead-result[aria-selected=true] .octicon-plus,
.typeahead-result:hover .octicon-plus,
.typeahead-result.navigation-focus .octicon-plus {
    color: var(--color-fg-on-emphasis)
}

.typeahead-result.disabled {
    pointer-events: none;
    opacity: .5
}

.member-suggestion {
    padding-left: 44px
}

.member-suggestion .avatar {
    float: left;
    margin-right: 8px;
    margin-left: -32px
}

.member-suggestion .member-suggestion-info {
    width: 90%;
    margin-top: 2px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.member-suggestion .member-name {
    font-size: 12px;
    color: var(--color-fg-muted)
}

.member-suggestion .member-email {
    margin-top: 0;
    margin-bottom: 0
}

.member-suggestion .octicon-plus,
.member-suggestion .octicon-check {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    color: var(--color-fg-muted)
}

.member-suggestion .already-member-note,
.member-suggestion .non-member-note,
.member-suggestion .non-member-action {
    margin-top: 0;
    margin-bottom: 0;
    color: var(--color-fg-muted)
}

.member-suggestion .non-member-action {
    display: none
}

.member-suggestion[aria-selected=true] .member-name,
.member-suggestion[aria-selected=true] .non-member-note,
.member-suggestion[aria-selected=true] .already-member-note,
.member-suggestion[aria-selected=true] .non-member-action,
.member-suggestion[aria-selected=true] .member-email,
.member-suggestion:hover .member-name,
.member-suggestion:hover .non-member-note,
.member-suggestion:hover .already-member-note,
.member-suggestion:hover .non-member-action,
.member-suggestion:hover .member-email,
.member-suggestion.navigation-focus .member-name,
.member-suggestion.navigation-focus .non-member-note,
.member-suggestion.navigation-focus .already-member-note,
.member-suggestion.navigation-focus .non-member-action,
.member-suggestion.navigation-focus .member-email {
    color: var(--color-fg-on-emphasis)
}

.member-suggestion[aria-selected=true] .non-member-note,
.member-suggestion:hover .non-member-note,
.member-suggestion.navigation-focus .non-member-note {
    display: none
}

.member-suggestion[aria-selected=true] .non-member-action,
.member-suggestion:hover .non-member-action,
.member-suggestion.navigation-focus .non-member-action {
    display: block
}

.member-suggestion[aria-selected=true] .octicon,
.member-suggestion:hover .octicon,
.member-suggestion.navigation-focus .octicon {
    color: var(--color-fg-on-emphasis)
}

.member-suggestion.not-a-member .member-info,
.member-suggestion.disabled .member-info {
    margin-top: -2px
}

.non-member-result {
    padding-left: 32px
}

.email-suggestion {
    padding-left: 32px
}

.email-suggestion .octicon-mail {
    margin-left: -16px;
    color: var(--color-fg-muted)
}

.email-suggestion .member-suggestion-info {
    margin-top: 1px
}

.repo-access-add-team .team-name {
    font-size: 14px
}

.repo-access-add-team .team-description {
    display: block
}

.repo-access-add-team .team-size,
.repo-access-add-team .team-description {
    font-size: 12px;
    color: var(--color-fg-muted)
}

.repo-access-add-team[aria-selected=true] .team-size,
.repo-access-add-team[aria-selected=true] .team-description,
.repo-access-add-team.navigation-focus .team-size,
.repo-access-add-team.navigation-focus .team-description {
    color: var(--color-fg-on-emphasis)
}

#user-content-toc {
    overflow: visible
}

#user-content-toc tr {
    border-top: 0
}

#user-content-toc td {
    padding: 0 16px;
    background-color: var(--color-canvas-subtle);
    border: 0;
    border-radius: 6px
}

#user-content-toc ul {
    padding-left: 0;
    font-weight: var(--base-text-weight-semibold, 600);
    list-style: none
}

#user-content-toc ul li {
    padding-left: .2em
}

#user-content-toc ul ul {
    font-weight: var(--base-text-weight-normal, 400)
}

#user-content-toc ul ul li::before {
    float: left;
    margin-top: -0.2em;
    margin-right: .2em;
    font-size: 1.2em;
    line-height: 1;
    color: var(--color-fg-muted);
    content: "⌞"
}

#user-content-toc ul ul ul {
    padding-left: .9em
}

#user-content-toctitle h2 {
    margin-top: 1em;
    margin-bottom: .5em;
    font-size: 1.25em;
    border-bottom: 0
}

.user-list-info {
    min-height: 48px;
    padding: 0;
    font-size: 16px;
    font-weight: var(--base-text-weight-normal, 400);
    line-height: 20px
}

.WorkflowJob-deployment-progress .Progress {
    background: none
}

.WorkflowJob-deployment-progress .WorkflowJob-deployment-progress-complete {
    background-color: var(--color-workflow-card-progress-complete-bg) !important
}

.WorkflowJob-deployment-progress .WorkflowJob-deployment-progress-incomplete {
    background-color: var(--color-workflow-card-progress-incomplete-bg) !important
}

.WorkflowJob {
    padding: 12px;
    transition: opacity ease-out .12s
}

.WorkflowJob-title {
    height: 20px;
    line-height: 20px
}

.WorkflowJob-title::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: ""
}

.MatrixComponent-pending {
    padding: 12px;
    transition: opacity ease-out .12s
}

.MatrixComponent-collapse--title {
    line-height: 20px
}

ul.actions {
    list-style: none;
}

.actions-workflow-table.sticky th {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--color-primer-canvas-sticky)
}

.actions-workflow-table th {
    height: auto;
    line-height: 44px;
    text-align: left
}

.actions-workflow-table td {
    height: 64px;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 20px
}

.actions-workflow-table td.compact {
    height: 48px
}

.actions-workflow-table th:first-child,
.actions-workflow-table td:first-child {
    padding-left: 16px
}

@media(min-width: 768px) {

    .actions-workflow-table th:first-child,
    .actions-workflow-table td:first-child {
        padding-left: 20px
    }
}

.actions-workflow-table th:last-child,
.actions-workflow-table td:last-child {
    padding-right: 20px
}

@media(max-width: 768px) {
    .actions-fullwidth-module {
        position: relative;
        margin-right: -16px !important;
        margin-left: -16px !important;
        border-right: 0 !important;
        border-left: 0 !important
    }

    .actions-fullwidth-module.actions-fullwidth-module {
        border-radius: 0 !important
    }

    .actions-fullwidth-module::after {
        position: absolute;
        right: 0;
        bottom: -17px;
        left: 0;
        z-index: 0;
        height: 16px;
        content: "";
        background-color: var(--color-canvas-subtle)
    }
}

.annotation--contracted div:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.annotation--expanded div:first-child {
    word-break: break-word;
    white-space: pre-wrap
}

.enterprise-settings .field-with-errors {
    min-width: 0;
    padding: 0
}


.discussion-footer-answer-button {
    padding: 0 8px !important;
    line-height: inherit;
}


button>i::before {
    pointer-events: auto;
}


/* Choices css */

.choices {
    position: relative;
    overflow: hidden;
    font-size: 16px
}

.choices:focus {
    outline: 0
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-open {
    overflow: initial
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*=select-one] {
    cursor: pointer
}

.choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0
}

.choices[data-type*=select-one] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: .25
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
    opacity: 1
}

.choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4
}

.choices[data-type*=select-one] .choices__item[data-value=''] .choices__button {
    display: none
}

.choices[data-type*=select-one]:after {
    content: '';
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*=select-one].is-open:after {
    border-color: transparent transparent #333;
    margin-top: -7.5px
}

.choices[data-type*=select-one][dir=rtl]:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
    cursor: text
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: .75;
    border-radius: 0
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
    opacity: 1
}



.choices__inner {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--borderColor-muted, var(--color-border-muted));
    border-radius: 6px;
    font-size: 14px;
    overflow: hidden;
    padding: 5px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-repeat: no-repeat;
    background-position: right 8px center;
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color, background-color, box-shadow, border-color;
}


.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 6px 6px 0 0;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {

    display: inline-block;
    padding: 0 7px 1px 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 6px;
    margin-right: var(--base-size-4, 4px) !important;
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important;
    --lightness-threshold: 0.453;
    --border-threshold: 0.96;
    --border-alpha: max(0, min(calc((var(--perceived-lightness) - var(--border-threshold)) * 100), 1));
    --label-r: 29;
    --label-g: 118;
    --label-b: 219;
    --label-h: 211;
    --label-s: 76;
    --label-l: 48;
    --perceived-lightness: calc(((var(--label-r) * 0.2126) + (var(--label-g) * 0.7152) + (var(--label-b) * 0.0722)) / 255);
    --lightness-switch: max(0, min(calc((1/(var(--lightness-threshold) - var(--perceived-lightness)))), 1));
    color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%));
    background: rgb(var(--label-r), var(--label-g), var(--label-b));
    border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) - 25) * 1%), var(--border-alpha));
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 6px 6px;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility
}

.choices__list--dropdown.is-active {
    visibility: visible;
    border-radius: 0 0 6px 6px;
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7;
    border-radius: 0 0 6px 6px;
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0 0 6px 6px;
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
    border-radius: 0 0 6px 6px;
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir=rtl] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width:640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir=rtl] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: .5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus,
.choices__input:focus {
    outline: 0
}

.choices__input {
    display: inline-block;
    /* vertical-align: baseline;
    background-color: #f9f9f9; */
    font-size: 14px;
    /* margin-bottom: 5px; */
    border: 0;
    border-radius: 0;
    max-width: 100%;
    /* padding: 4px 0 4px 2px */
}

[dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: .5
}



/* Dashboard */

:root {
    --h00-size-mobile: 2.5rem;
    --h0-size-mobile: 2rem;
    --h1-size-mobile: 1.625rem;
    --h2-size-mobile: 1.375rem;
    --h3-size-mobile: 1.125rem;
    --h00-size: 3rem;
    --h0-size: 2.5rem;
    --h1-size: 2rem;
    --h2-size: 1.5rem;
    --h3-size: 1.25rem;
    --h4-size: 1rem;
    --h5-size: 0.875rem;
    --h6-size: 0.75rem;
    --body-font-size: 0.875rem;
    --font-size-small: 0.75rem
}

.billing-manager-banner {
    padding: 32px 16px;
    margin-bottom: 32px;
    overflow: hidden;
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.billing-manager-banner .container {
    position: relative
}

.billing-manager-banner-text {
    margin-left: 210px;
    font-size: 14px;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.billing-manager-banner-text .btn {
    margin-top: 8px;
    margin-right: 8px
}

.billing-manager-banner-title {
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.billing-manager-icon {
    position: absolute;
    top: -35px;
    left: 0;
    width: 180px;
    height: 180px;
    font-size: 180px;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.dashboard-changelog .octicon.octicon-dot-fill {
    fill: var(--borderColor-default, var(--color-border-default))
}

.dashboard-changelog .TimelineItem-badge {
    margin-left: -15.5px
}

.dashboard-changelog .TimelineItem::before {
    width: 1px
}

.dashboard-changelog-timestamp::first-letter {
    text-transform: uppercase
}

.new-feed-onboarding-notice {
    background: var(--light-grad-pink-blue, radial-gradient(ellipse at 40% 0%, #bf398910 0, transparent 75%), radial-gradient(ellipse at 60% 0%, #096bde10 0, transparent 75%))
}

.feed-item-heading-icon {
    right: -8px;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    box-shadow: 0 0 0 2px var(--bgColor-inset, var(--color-canvas-inset))
}

.feed-item-heading-icon.color-fg-attention {
    color: var(--color-scale-yellow-2) !important
}

.feed-item-heading-icon.feed-next {
    right: -5px;
    bottom: 2px
}

.feed-item-user-avatar {
    border: 1px solid var(--bgColor-inset, var(--color-canvas-inset))
}

.feed-sponsored-user-description p:last-child {
    margin-bottom: 0
}

@media(prefers-color-scheme: dark) {
    .feed-background {
        background-color: var(--bgColor-inset, var(--color-canvas-inset))
    }
}

@media(prefers-color-scheme: light) {
    .feed-background {
        background-color: var(--bgColor-default, var(--color-canvas-default))
    }
}

html[data-color-mode=dark] .feed-background {
    background-color: var(--bgColor-inset, var(--color-canvas-inset))
}

html[data-color-mode=light] .feed-background {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

@media(prefers-color-scheme: dark) {
    .feed-item-content {
        background-color: var(--bgColor-default, var(--color-canvas-default))
    }
}

@media(prefers-color-scheme: light) {
    .feed-item-content {
        background-color: var(--overlay-bgColor, var(--color-canvas-overlay))
    }
}

.discover-people-gradient {
    background: radial-gradient(ellipse at 40% -8%, var(--bgColor-accent-muted, var(--color-accent-muted)) 0, transparent 48%), radial-gradient(ellipse at 60% -8%, var(--bgColor-done-muted, var(--color-done-muted)) 0, transparent 48%)
}

@media screen and (prefers-reduced-motion: no-preference) {
    .js-pinned-announcement-container {
        transition: opacity 250ms ease-in-out
    }
}

.js-pinned-announcement-container.transition {
    opacity: 0
}

.release-feed-inline-last-p p:last-of-type {
    display: inline
}

[data-dev-analytics-enabled] .Truncate-text {
    overflow: visible
}

[data-dev-analytics-enabled] [data-feeds-analytics] {
    box-shadow: 0 0 0 1px var(--borderColor-success-emphasis, var(--color-success-emphasis))
}

[data-dev-analytics-enabled] [data-feeds-analytics]::after {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    font-size: 12px;
    color: var(--fgColor-default, var(--color-fg-default));
    pointer-events: none;
    content: attr(data-feeds-analytics);
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

[data-dev-analytics-enabled] [data-feeds-analytics]:hover {
    position: relative
}

[data-dev-analytics-enabled] [data-feeds-analytics]:hover::after {
    display: block
}

.feed-post-url-embed .preview-image {
    width: 60px;
    height: 60px;
    background-position: center center;
    background-size: cover
}

:root {
    --feed-sidebar: 256px
}

.feed-content {
    gap: 24px;
    width: 100%;
    /* margin-inline: auto */
}

.feed-content .feed-main {
    width: 100%
}

@media(min-width: 768px) {
    .feed-content {
        padding-inline: 24px
    }
}

@media(min-width: 768px) {
    .feed-content {
        max-width: calc(995px + var(--feed-sidebar) + 48px)
    }

    .feed-content .feed-main {
        max-width: 680px
    }
}

@media(min-width: 1400px) {
    .feed-content .feed-main {
        max-width: 900px
    }
}

.feed-left-sidebar {
    width: var(--feed-sidebar)
}

@media(min-width: 768px) {
    .feed-left-sidebar {
        --feed-sidebar: 320px
    }
}

@media(min-width: 1400px) {
    .feed-left-sidebar {
        --feed-sidebar: 336px
    }
}

.feed-left-sidebar .team-avatar {
    width: 80px;
    height: 80px
}

@media(min-width: 768px) {
    .feed-left-sidebar .team-avatar {
        width: 140px;
        height: 140px
    }
}

.feed-right-sidebar {
    display: none;
    max-width: 315px
}

.feed-right-sidebar .team-avatar {
    width: 80px;
    height: 80px
}

@media(min-width: 768px) {
    .feed-right-sidebar .team-avatar {
        width: 140px;
        height: 140px
    }
}

@media(min-width: 1280px) {
    .feed-right-sidebar {
        display: block
    }
}

@media(min-width: 1400px) {
    .feed-right-sidebar {
        display: block;
        max-width: 356px
    }
}

.user-repos .mini-repo-list-item {
    padding-right: 4px
}

.user-repos .mini-repo-list-item .repo-and-owner {
    max-width: 100%
}

.user-repos .mini-repo-list-item .owner {
    max-width: 145px
}

.dashboard-sidebar {
    position: sticky;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: flex;
    min-height: 50vh;
    max-height: 100vh;
    flex-direction: column
}

.dashboard-sidebar-favorites-modal .auto-search-group>.octicon {
    top: 8px
}

.dashboard-sidebar-sortable-item .pinned-item-handle {
    visibility: hidden
}

.dashboard-sidebar-sortable-item:hover .pinned-item-handle {
    visibility: visible
}

.dashboard-sidebar-sortable-item:hover .pinned-item-handle:hover {
    cursor: grab
}

.dashboard-sidebar-sortable-item:hover.is-dragging,
.dashboard-sidebar-sortable-item:hover.is-dragging .pinned-item-handle {
    cursor: grabbing
}

.dashboard-sidebar .loading-context {
    min-height: 50vh;
    flex: 1
}

.dashboard-sidebar .loading-context .loading-context-spinner {
    position: absolute;
    z-index: 1000;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex: 1
}

.dashboard h1 {
    margin-bottom: .5em;
    font-size: 160%
}

.dashboard h1 a {
    font-weight: var(--base-text-weight-normal, 400)
}

.dashboard .notice {
    padding: 16px;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.dashboard .UnderlineNav-item .Label {
    text-shadow: none
}

.timeline-comment.timeline-chosen-answer {
    border: 2px solid var(--color-success-emphasis)
}

.timeline-child-comment-answer-border {
    outline: 1px solid var(--color-success-emphasis)
}

.sidebar-emoji-box {
    width: auto !important;
    height: auto !important
}

.discussions-timeline-scroll-target {
    width: 100%;
    padding-top: 60px;
    margin-top: -60px;
    pointer-events: none !important
}

.discussions-timeline-scroll-target>* {
    pointer-events: auto
}

.discussions-emoji-box {
    font-size: 14px !important;
    line-height: 14px !important;
    vertical-align: 0 !important;
    cursor: default
}

@media(min-width: 768px) {
    .discussions-emoji-box {
        font-size: 16px !important;
        line-height: 16px !important;
        vertical-align: 0 !important
    }
}

.discussion-timeline-item::before {
    display: none
}





.discussion-nested-comment-timeline-item:first-child::before {
    top: 16px
}

.discussion-nested-comment-group {
    margin-left: 32px
}

.discussion-nested-comment-paging-form::before {
    width: 0;
    background-color: transparent
}

.discussion-nested-comment-paging-badge .octicon {
    fill: var(--color-border-muted);
    transform: rotate(90deg)
}

.discussion-nested-comment-paging-form-body {
    margin-left: 24px
}

:target .discussion-nested-comment-group .timeline-comment {
    box-shadow: none !important
}

.discussion-nested-comment-timeline-item:target {
    outline: none !important;
    box-shadow: 0 0 0 2px var(--color-accent-fg) !important
}

.inline-comment-form-container.open .discussion-nested-comment-inline-form .previewable-comment-form {
    display: block
}

.discussion-footer-answered-badge {
    padding: 0 8px 0 4px !important;
    line-height: inherit
}

.discussion-footer-answer-icon {
    width: 26px;
    height: 26px
}

.discussion-footer-answer-button {
    padding: 0 8px !important;
    line-height: inherit
}

.discussion-event-wrapper:last-child .discussion-event-timeline-item {
    padding-bottom: 0 !important
}

.discussion-event-wrapper:last-child .discussion-event-timeline-item::before {
    display: none
}

.discussion-event-timeline-item::before {
    left: -6px
}

.is-comment-editing .discussion-comment .previewable-comment-form {
    display: none
}

.is-comment-editing .discussion-comment .timeline-comment-actions,
.is-comment-editing .discussion-comment .edit-comment-hide {
    display: block
}

.discussion-comment .previewable-edit.is-comment-editing .timeline-comment-header {
    display: flex !important
}

.discussion-Link--secondary:visited {
    color: var(--color-fg-subtle) !important
}

.disabled-category-form {
    color: var(--color-primer-fg-disabled);
    cursor: default;
    background-color: var(--color-neutral-subtle)
}

.bg-discussions-row-emoji-box {
    width: 42px !important;
    height: 42px !important;
    background: var(--color-bg-discussions-row-emoji-box)
}

.bg-discussions-row-emoji-box-small {
    width: 30px !important;
    height: 30px !important;
    background: var(--color-bg-discussions-row-emoji-box)
}

:target .nested-discussion-timeline-comment {
    box-shadow: none !important
}

.nested-discussion-timeline-comment .markdown-body pre {
    background-color: var(--color-neutral-muted)
}

.comment-body div[type=discussions-op-text] {
    padding: 8px;
    border: 1px solid var(--color-border-muted) !important;
    border-radius: 6px
}

.comment-body div[type=discussions-op-text] p {
    margin-bottom: 0
}







.s-badge,
.s-topbar--notice {
    --_ba-as: unset;
    --_ba-bc: var(--bc-medium);
    --_ba-bg: var(--black-150);
    --_ba-fc: var(--black-500);
    --_ba-fs: var(--fs-caption);
    --_ba-g: .3em;
    --_ba-lh: 2;
    --_ba-px: var(--su6);
    --_ba-py: 0;
    --_ba-wmn: 0;
    align-self: var(--_ba-as);
    background-color: var(--_ba-bg);
    border: var(--su-static1) solid var(--_ba-bc);
    color: var(--_ba-fc);
    font-size: var(--_ba-fs);
    gap: var(--_ba-g);
    line-height: var(--_ba-lh);
    min-width: auto;
    padding: var(--_ba-py) var(--_ba-px);
    align-items: center;
    border-radius: var(--br-sm);
    display: inline-flex;
    font-weight: normal;
    justify-content: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

body.theme-highcontrast .s-badge__gold,
body.theme-highcontrast .s-badge__silver,
body.theme-highcontrast .s-badge__bronze,
body.theme-highcontrast .s-badge__rep,
body.theme-highcontrast .s-badge__rep-down,
body.theme-highcontrast .s-badge__votes:not(.s-badge__answered),
body.theme-highcontrast .s-badge__admin,
body.theme-highcontrast .s-badge__moderator,
body.theme-highcontrast .s-badge__staff {
    --_ba-bc: currentColor
}

.s-badge.s-badge__xs,
.s-badge.s-badge__sm {
    --_ba-as: flex-start;
    --_ba-fs: var(--fs-fine)
}

.s-badge.s-badge__xs {
    --_ba-lh: 1.5;
    --_ba-px: var(--su2);
    --_ba-wmn: calc(var(--su-static16) + var(--su-static2))
}

.s-badge.s-badge__sm {
    --_ba-lh: 1.8;
    --_ba-px: var(--su4);
    --_ba-wmn: calc(var(--su-static16) + var(--su-static2))
}

.s-badge.s-badge__gold,
.s-badge.s-badge__silver,
.s-badge.s-badge__bronze {
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__gold {
    --_ba-bc: var(--gold-300);
    --_ba-bg: var(--gold-100)
}

.s-badge.s-badge__silver {
    --_ba-bc: var(--silver-300);
    --_ba-bg: var(--silver-100)
}

.s-badge.s-badge__bronze {
    --_ba-bc: var(--bronze-300);
    --_ba-bg: var(--bronze-100)
}

.s-badge.s-badge__answered,
.s-badge.s-badge__bounty,
.s-badge.s-badge__important {
    --_ba-bc: transparent;
    --_ba-fc: var(--white)
}

.s-badge.s-badge__rep,
.s-badge.s-badge__rep-down,
.s-badge.s-badge__votes:not(.s-badge__answered) {
    --_ba-bg: var(--white)
}

.s-badge.s-badge__answered {
    --_ba-bg: var(--green-400)
}

.s-badge.s-badge__bounty {
    --_ba-bg: var(--blue-400)
}

.s-badge.s-badge__important {
    --_ba-bg: var(--red-400)
}

.s-badge.s-badge__rep {
    --_ba-bc: var(--green-300);
    --_ba-fc: var(--green-400)
}

.s-badge.s-badge__rep-down {
    --_ba-bc: var(--red-300);
    --_ba-fc: var(--red-400)
}

.s-badge.s-badge__votes:not(.s-badge__answered) {
    --_ba-bc: var(--black-250);
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__admin {
    --_ba-bc: var(--theme-primary-200);
    --_ba-bg: var(--theme-primary-100);
    --_ba-fc: var(--theme-primary-500)
}

.s-badge.s-badge__moderator {
    --_ba-bc: var(--theme-secondary-300);
    --_ba-bg: var(--theme-secondary-200);
    --_ba-fc: var(--theme-secondary-600);
    --_ba-g: calc(var(--su-static4) - var(--su-static1));
    --_ba-before-h: calc(var(--su-static16) - var(--su-static2));
    --_ba-before-icon: url("data:image/svg+xml,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: calc(var(--su-static1) * -1);
    --_ba-before-w: var(--su-static12)
}

.s-badge.s-badge__moderator.s-badge__xs {
    --_ba-before-h: calc(var(--su-static8) + var(--su-static1));
    --_ba-before-icon: url("data:image/svg+xml,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: 0;
    --_ba-before-w: calc(var(--su-static8) - var(--su-static1))
}

.s-badge.s-badge__moderator.s-badge__sm {
    --_ba-g: var(--su-static2);
    --_ba-before-h: calc(var(--su-static12) - var(--su-static1));
    --_ba-before-icon: url("data:image/svg+xml,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: 0;
    --_ba-before-w: calc(var(--su-static8) + var(--su-static1))
}

.s-badge.s-badge__moderator:before {
    height: var(--_ba-before-h);
    margin-top: var(--_ba-before-mt);
    width: var(--_ba-before-w);
    content: "";
    display: inline-block;
    background-color: currentColor;
    -webkit-mask: var(--_ba-before-icon) no-repeat center;
    mask: var(--_ba-before-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain
}

.s-badge.s-badge__staff {
    --_ba-bc: var(--orange-300);
    --_ba-bg: var(--orange-200);
    --_ba-fc: var(--orange-600)
}

.s-badge.s-badge__danger.s-badge__filled,
.s-badge.s-badge__muted.s-badge__filled {
    --_ba-bc: transparent
}

.s-badge.s-badge__danger {
    --_ba-bc: var(--red-300);
    --_ba-bg: var(--red-200);
    --_ba-fc: var(--red-600)
}

.s-badge.s-badge__danger.s-badge__filled {
    --_ba-bg: var(--red-400);
    --_ba-fc: var(--white)
}

.s-badge.s-badge__info {
    --_ba-bc: var(--blue-300);
    --_ba-bg: var(--blue-200);
    --_ba-fc: var(--blue-600)
}

.s-badge.s-badge__warning {
    --_ba-bc: var(--yellow-300);
    --_ba-bg: var(--yellow-200);
    --_ba-fc: var(--yellow-600)
}

.s-badge.s-badge__muted {
    --_ba-bc: var(--black-300);
    --_ba-bg: var(--black-200);
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__muted.s-badge__filled {
    --_ba-bg: var(--black-500);
    --_ba-fc: var(--white)
}

.s-badge--image,
.s-badge .s-badge--image {
    align-self: center;
    display: inline-flex;
    margin-right: var(--su1);
    margin-left: calc((var(--su4) + var(--su1)) * -1)
}

a.s-badge:hover {
    text-decoration: none
}

.badge {
    transition: background var(--default-transition-duration) ease
}

.badge1,
.badge2,
.badge3 {
    margin-right: 3px;
    margin-left: 2px;
    width: 6px
}

.badge1 {
    background-position: -102px -398px
}

.badge2 {
    background-position: -82px -398px
}

.badge3 {
    background-position: -62px -398px
}


.badge1,
.badge2,
.badge3 {
    background-image: url(../../sprites.png);
    background-image: url(../../sprites.svg), none;
    background-size: initial;
    background-repeat: no-repeat;
    overflow: hidden;
}




.sh-badge {
    --_ba-as: unset;
    --_ba-bc: var(--bc-medium);
    --_ba-bg: var(--black-150);
    --_ba-fc: var(--black-500);
    --_ba-fs: var(--fs-caption);
    --_ba-g: .3em;
    --_ba-lh: 2;
    --_ba-px: var(--su6);
    --_ba-py: 0;
    --_ba-wmn: 0;
    align-self: var(--_ba-as);
    background-color: var(--_ba-bg);
    border: var(--su-static1) solid var(--_ba-bc);
    color: var(--_ba-fc);
    font-size: var(--_ba-fs);
    gap: var(--_ba-g);
    line-height: var(--_ba-lh);
    min-width: auto;
    padding: var(--_ba-py) var(--_ba-px);
    align-items: center;
    border-radius: var(--br-sm);
    display: inline-flex;
    font-weight: normal;
    justify-content: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    flex-grow: 1 !important;

}

.sh-badge__transparent {
    --_ba-as: unset;
    --_ba-bc: var(--bc-medium);
    --_ba-bg: var(--black-150);
    --_ba-fc: var(--black-500);
    --_ba-fs: var(--fs-caption);
    --_ba-g: .3em;
    --_ba-lh: 2;
    --_ba-px: var(--su6);
    --_ba-py: 0;
    --_ba-wmn: 0;
    align-self: var(--_ba-as);
    border: var(--su-static1) solid var(--_ba-bc);
    color: var(--_ba-fc);
    font-size: var(--_ba-fs);
    gap: var(--_ba-g);
    line-height: var(--_ba-lh);
    min-width: auto;
    padding: var(--_ba-py) var(--_ba-px);
    align-items: center;
    border-radius: var(--br-sm);
    display: inline-flex;
    font-weight: normal;
    justify-content: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    flex-grow: 1 !important;

}

.sh-badge_gold {
    color: #ffcc01;
    background-color: #fff4d1;
    border-color: #d6a100;
}

.sh-badge_gold>i,
.sh-badge_gold__transparent>i {
    color: #ffcc01;
}

.sh-badge_silver>i,
.sh-badge_silver__transparent>i {
    color: #b4b8bc;
}

.user-answers>div:last-child {
    border-bottom-width: 0 !important
}

.sh-badge_bronze>i,
.sh-badge_bronze__transparent>i {
    color: #d1a684;
}

.sh-badge_silver {
    color: #ffcc01;
    background-color: #f2f2f2;
    border-color: #a9adb1;
}

.sh-badge_silver__transparent {
    color: #ffcc01;
    border-color: #a9adb1;
}

.sh-badge_bronze {
    color: #ffcc01;
    background-color: #f3eae2;
    border-color: #cca37f;
}

.sh-badge_bronze__transparent {
    color: #ffcc01;
    border-color: #cca37f;
}

.sh-badge_gold__transparent {
    color: #ffcc01;
    border-color: #d6a100;
}

.sh-badge_default {
    background-color: #3b4045;
    border: 1px solid transparent;
    cursor: pointer;
    color: hsl(0, 0%, 100%);
}


.sh-badge_default:hover {
    color: hsl(0, 0%, 100%);
    text-decoration: none;
    background-color: hsl(210, 8%, 5%);
}

.sh-badge__icon {
    top: 1px;
    position: relative;
}

.sh-badge__counter {
    color: #3b4045;
}

:checked+.color-theme-toggle-label {
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-fg));
}


:checked+.radio-label-theme-discs,
.radio-label-theme-discs:hover {
    padding: 8px;
}

:checked+.radio-label-theme-discs {
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}

:checked+.radio-label {
    position: relative;
    z-index: 1;
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
}

.radio-label-theme-discs {
    padding: 0;
    transition: padding .25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.hidden-radio-input {
    position: absolute;
    width: 0;
    height: 0;
    -webkit-appearance: none;
    appearance: none;
}

.d-grid {
    display: grid !important;
}

.grid__2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.community-checklist .progress-bar {
    background: linear-gradient(to right, var(--bgColor-attention-emphasis, var(--color-attention-emphasis)), #c5e300, var(--bgColor-success-emphasis, var(--color-success-emphasis)));
    background-color: transparent;
}

.community-checklist .progress {
    float: right;
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
}

.Overlay:modal {
    position: fixed;
}


.user-status-container {
    word-break: break-word;
    word-wrap: break-word;
}

.user-status-container,
.user-status-container .team-mention,
.user-status-container .user-mention {
    white-space: normal;
}


.user-status-circle-badge-container {
    /* position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 2;
    width: 38px;
    height: 38px;
    margin-bottom: 32px;
    margin-left: -40px; */
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 2;
    width: 16px;
    height: 30px;
    margin-bottom: -20px;
    margin-left: -92px;
}

.user-status-circle-badge {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 2em;
    box-shadow: var(--shadow-resting-small, var(--color-shadow-small));
}

.user-status-circle-badge-container .user-status-emoji-container {
    width: 20px;
    height: 20px;
    margin-right: 0 !important;
}

.user-status-circle-badge-container .user-status-message-wrapper {
    width: 0;
    padding-top: 0 !important;
    overflow: hidden;
    line-height: 20px;
    opacity: 0;
    transition: .1s ease;
}

.user-status-message-wrapper div {
    display: inline;
}

.user-status-circle-badge-container.user-status-editable:hover .user-status-circle-badge,
.user-status-circle-badge-container.user-status-has-content:hover .user-status-circle-badge,
.user-status-circle-badge-container:focus-within .user-status-circle-badge {
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
}

/* .user-status-circle-badge-container.user-status-editable:hover .user-status-emoji-container,
.user-status-circle-badge-container.user-status-has-content:hover .user-status-emoji-container,
.user-status-circle-badge-container:focus-within .user-status-emoji-container {
    margin-right: 8px !important;
} */

.user-status-circle-badge-container.user-status-editable:hover .user-status-message-wrapper,
.user-status-circle-badge-container.user-status-has-content:hover .user-status-message-wrapper,
.user-status-circle-badge-container:focus-within .user-status-message-wrapper {
    width: 100%;
    opacity: 1;
}

.user-status-circle-badge-container .user-status-busy {
    background-color: var(--bgColor-default, var(--color-canvas-default)) !important;
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--bgColor-attention-muted, var(--color-attention-subtle))), var(--color-attention-subtle));
}

.status-busy {
    background-color: var(--bgColor-default, var(--color-canvas-default)) !important;
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--bgColor-attention-muted, var(--color-attention-subtle))), var(--color-attention-subtle));
}

.fa-solid {
    font-weight: 900 !important
}

/* 
.Overlay.Overlay--placement-left,
.Overlay.Overlay--placement-right {
    height: 100%;
    max-height: unset;
    position: fixed;
}

.Overlay.Overlay--placement-right {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    inset: 0 0 0 auto;
}

@media screen and (prefers-reduced-motion: no-preference) {

    .Overlay.Overlay--motion-scaleFade,
    .Overlay.Overlay--placement-left,
    .Overlay.Overlay--placement-right {
        animation: Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running;
    }
} */

.site-subnav-sticky {
    position: sticky;
    top: 0;
    z-index: 21;
}

.site-subnav {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

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

@media (min-width: 768px) {
    .subnav-link {
        font-size: 14px;
    }
}

.subnav-link {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    border: 0;
    border-bottom: 2px solid transparent;
    transition: border-bottom-color .4s;
}




.subnav-link.selected {
    font-weight: 600;
    color: var(--fgColor-default, var(--color-fg-default)) !important;
    border-bottom-color: #1074e7;
}

.subnav-primary {
    flex-basis: 100%;
    border-bottom-color: transparent;
}

.subnav-primary.selected {
    border-bottom-color: transparent;
}

@media (min-width: 768px) {
    .subnav-primary.selected {
        border-bottom-color: #1074e7;
    }
}

@media (min-width: 768px) {
    .subnav-primary {
        flex-basis: auto;
    }
}

.subnav-link {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    border: 0;
    border-bottom: 2px solid transparent;
    transition: border-bottom-color .4s;
}

@media (min-width: 768px) {
    .subnav-link {
        font-size: 14px;
    }
}

.subnav-link:hover {
    color: var(--fgColor-default, var(--color-fg-default));
    border-bottom-color: var(--borderColor-default, var(--color-border-default));
}



.video-responsive {
    position: relative;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .width-full {
    width: 100% !important;
} */

.width-fit {
    max-width: 100% !important;
}


@media (min-width: 768px) {
    .PublicationTitle>p {
        display: inline !important;
    }
}

.ActionList-item-external:hover .external-link {
    display: inline !important;
}

@media (min-width: 1012px) {
    .HeaderMenu .dropdown-menu.dropdown-menu-wide {
        width: max-content;
    }
}

.HeaderMenu {
    z-index: 100;
    width: 100%;
    /*     padding-top: 68px;
 */
    pointer-events: none;
    contain: layout;
}

@media (max-width: 1011px) {
    .HeaderMenu {
        position: fixed;
        display: flex;
        height: 100%;
        transform-origin: top center;
    }
}


@media (prefers-reduced-motion: no-preference) {

    .HeaderMktg-backdrop,
    .HeaderMenu,
    .HeaderMenu-link,
    .HeaderMenu-toggle-bar,
    .HeaderMenu-icon,
    .HeaderMenu-dropdown,
    .HeaderMenu-external-icon,
    .HeaderMktg.header-logged-out::before,
    .HeaderMktg .search-input {
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform;
    }
}

.height-fit {
    max-height: 100% !important;
}

.HeaderMenu .HeaderMenu-wrapper {
    width: 100%;
    height: 100%;
    overflow: auto;
    pointer-events: auto;
    background-color: var(--bgColor-default);
    box-shadow: var(--shadow-floating-small);
}

@media (max-width: 1011px) {
    .HeaderMenu .HeaderMenu-wrapper {
        padding: var(--base-size-20) var(--base-size-28) var(--base-size-36);
        border-top-left-radius: var(--base-size-12) !important;
        border-top-right-radius: var(--base-size-12) !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

.HeaderMenu-nav {
    margin-bottom: auto;
}

@media (max-width: 1011px) {
    .HeaderMenu-item .HeaderMenu-link {
        font-size: var(--h3-size);
    }
}

@media (max-width: 1011px) {
    .HeaderMenu .HeaderMenu-link {
        padding: var(--base-size-12) 0;
        font-weight: var(--base-text-weight-semibold, 600);
    }
}

.HeaderMenu-link {
    color: var(--fgColor-default);
    white-space: nowrap;
    background: transparent;
}

:root {
    --base-size-2: 0.125rem;
    --base-size-4: 0.25rem;
    --base-size-6: 0.375rem;
    --base-size-8: 0.5rem;
    --base-size-12: 0.75rem;
    --base-size-16: 1rem;
    --base-size-20: 1.25rem;
    --base-size-24: 1.5rem;
    --base-size-28: 1.75rem;
    --base-size-32: 2rem;
    --base-size-36: 2.25rem;
    --base-size-40: 2.5rem;
    --base-size-44: 2.75rem;
    --base-size-48: 3rem;
    --base-size-64: 4rem;
    --base-size-80: 5rem;
    --base-size-96: 6rem;
    --base-size-112: 7rem;
    --base-size-128: 8rem;
}

@media (max-width: 1011px) {

    .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up,
    .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-up:hover,
    .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in,
    .HeaderMenu .HeaderMenu-link.HeaderMenu-link--sign-in:hover {
        color: var(--fgColor-onEmphasis) !important;
        background-color: var(--bgColor-emphasis);
        border-color: var(--bgColor-emphasis) !important;
        opacity: 1;
    }
}

@media screen and (max-width: 1011px) {
    .HeaderMenu-button.HeaderMenu-link--sign-up {
        height: var(--base-size-40);
        font-size: var(--h4-size) !important;
    }
}

@media (max-width: 1011px) {
    .HeaderMenu .HeaderMenu-link {
        padding: var(--base-size-12) 0;
        font-weight: var(--base-text-weight-semibold, 600);
    }
}

.HeaderMenu-link {
    color: var(--fgColor-default);
    white-space: nowrap;
    background: transparent;
}

@media screen and (max-width: 1011px) {
    .HeaderMenu-button {
        font-weight: 500;
    }
}

.HeaderMenu-button {
    height: 32px;
    padding-right: var(--base-size-12) !important;
    padding-left: var(--base-size-12) !important;
    font-size: var(--h5-size);
    line-height: 1;
    align-items: center;
    justify-content: center;
}

@media (prefers-reduced-motion: no-preference) {

    .HeaderMktg-backdrop,
    .HeaderMenu,
    .HeaderMenu-link,
    .HeaderMenu-toggle-bar,
    .HeaderMenu-icon,
    .HeaderMenu-dropdown,
    .HeaderMenu-external-icon,
    .HeaderMktg.header-logged-out::before,
    .HeaderMktg .search-input {
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        transition-duration: 500ms;
        transition-property: opacity, transform;
    }
}

@media screen and (max-width: 1011px) {
    .HeaderMenu .search-input .search-input-container {
        height: var(--base-size-40) !important;
        margin-bottom: var(--base-size-16) !important;
        margin-left: 0 !important;
        background-color: #f9fafb !important;
        border-color: var(--borderColor-muted) !important;
    }
}

.HeaderMenu .search-input .search-input-container {
    margin-right: 0 !important;
}

@media screen and (max-width: 1011px) {
    .HeaderMenu .search-input .header-search-button {
        color: var(--fgColor-muted);
    }
}

@media (min-width: 1012px) {
    .HeaderMenu .HeaderMenu-wrapper {
        width: 100%;
        overflow: visible;
        background-color: transparent;
        box-shadow: none;
    }
}

@media (min-width: 1012px) {
    .HeaderMenu .dropdown-menu {
        position: absolute;
        width: 320px;
        border: 0;
        box-shadow: var(--shadow-floating-small);
    }
}

.HeaderMenu-dropdown.dropdown-menu:before {
    border: 0
}

.header-search-button {
    display: table-cell;
    overflow: hidden;
    font-size: inherit;
    color: inherit;
    word-break: break-word;
    white-space: pre;
    background: none;
}

.HeaderMenu .search-with-dialog {
    height: 32px;
    color: var(--fgColor-muted, var(--color-fg-subtle)) !important;
    background: transparent;
    border: solid var(--borderWidth-thin) var(--button-default-borderColor-rest);
}

.HeaderMenu .search-with-dialog>button {
    color: var(--fgColor-muted, var(--color-fg-subtle)) !important;
}


@media (max-width: 1011px) {
    .header-logged-out:not(.open) .HeaderMenu {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transform: translateX(-12px);
    }
}

@media (max-width: 1011px) {
    .HeaderMktg-backdrop {
        visibility: hidden;
        background: var(--overlay-backdrop-bgColor);
        opacity: 0;
    }
}

.HeaderMktg .HeaderMenu-toggle-bar {
    width: 22px;
    height: 2px;
    background-color: var(--color-fg-default) !important;
}

.HeaderMenu-item:hover .HeaderMenu-dropdown,
.HeaderMenu-item.open .HeaderMenu-dropdown {
    visibility: visible;
    opacity: 1;
    transform: scale(1) translateY(0);
}

@media (max-width: 1011px) {
    .HeaderMenu-item .HeaderMenu-dropdown {
        background-color: transparent;
    }
}

@media screen and (max-width: 1011px) {
    .HeaderMenu .dropdown-menu {
        position: static;
        z-index: 0;
        width: auto;
        border: 0 solid transparent;
        box-shadow: none;
    }


    .HeaderMenu .search-input {
        width: 100%;
        max-width: none;
    }
}


.Overlay:modal {
    position: fixed;
}

#delete-discussion::backdrop {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
}

@media (min-width: 544px) {
    .px-sm-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important;
    }
}

@media (min-width: 544px) {
    .pb-sm-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }
}


.Ads>div>a>img {
    border-radius: var(--borderRadius-medium, 6px) !important;
}

.server-stats,
.global-banner {
    position: relative;
    z-index: 36;
}

.global-banner {
    padding-top: var(--base-size-12);
    padding-bottom: var(--base-size-12);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #30363d;
}

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

.global-banner--title {
    display: block;
}

@media (min-width: 544px) {
    .global-banner--title {
        display: inline;
    }
}

@media (min-width: 768px) {
    .px-md-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important;
    }
}

.px-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important;
}

.right-2 {
    right: 8px !important;
}

@media (min-width: 768px) {
    .right-md-3 {
        right: 16px !important;
    }
}

@media (min-width: 544px) {
    .global-banner>span>a {
        white-space: nowrap;
        text-decoration: underline;
        text-underline-offset: .2rem;
        color: currentColor
    }
}

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


.form-group .form-control.user-profile-bio-field {
    width: 440px;
    height: 5.35em;
    min-height: 0;
}

/* .Overlay {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    border-radius: var(--borderRadius-large, 0.75rem);
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow));
    color: var(--fgColor-default, var(--color-fg-default));
    display: flex;
    flex-direction: column;
    inset: 0;
    margin: auto;
    max-height: min(100vh - 2rem,var(--overlay-height));
    min-width: 192px;
    opacity: 1;
    padding: 0;
    position: fixed;
    white-space: normal;
    width: min(var(--overlay-width),100vw - 2rem);
    z-index: 9;
} */
.pinned-item-list-item-content {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.pinned-item-list-item .pinned-item-handle:hover {
    cursor: grab;
}

.pinned-item-list-item .pinned-item-handle {
    color: var(--fgColor-muted, var(--color-fg-muted));
}

.js-pinned-items-spinner {
    display: none;
    /* Initially hidden */
}

.js-pinned-items-reorder-message {
    display: none;
    /* Initially hidden */
}

.js-pinned-items-reorder-message.success {
    display: inline;
    /* Show success message */
    color: var(--fgColor-success, var(--color-success-fg));
    /* Success color */
}

.js-pinned-items-reorder-message.error {
    display: block;
    /* Show error message */
    color: var(--fgColor-danger, var(--color-danger-fg));
    /* Error color */
}

.pinned-items-spinner {
    position: relative;
    top: -2px;
    left: 0px;
}

.cfweLO {
    height: auto;
    text-align: left;
}

.cfweLO {
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    user-select: none;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 32px;
    min-width: 100%;
    color: rgb(36, 41, 47);
    background-color: rgb(246, 248, 250);
    box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: var(--button-default-borderColor-rest, rgba(31, 35, 40, 0.15));
    text-decoration: none;
    padding: 0px 12px;
    gap: 8px;
    transition: color 80ms cubic-bezier(0.65, 0, 0.35, 1) 0s, fill, background-color, border-color;
}

.cfweLO span:first-child {
    display: inline;
}

.cfweLO [data-component="buttonContent"] {
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0px, auto) min-content;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
}

.cEhRXB {
    -webkit-box-pack: center;
    justify-content: center;
}

.cfweLO [data-component="leadingVisual"],
.cfweLO [data-component="trailingVisual"],
.cfweLO [data-component="trailingAction"] {
    color: var(--button-color, #656d76);
}

.cfweLO [data-component="trailingAction"] {
    margin-right: -4px;
}

.dmdEgz {
    display: flex;
    pointer-events: none;
}

.fXPcar {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(31, 35, 40, 0.12) 0px 1px 3px, rgba(66, 74, 83, 0.12) 0px 8px 24px;
    position: absolute;
    min-width: 192px;
    height: auto;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
    visibility: var(--styled-overlay-visibility);
}

.hgjakc {
    margin: 0px;
    padding-inline-start: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.eCHpfY {
    position: relative;
    display: flex;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 20px;
    min-height: 5px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 6px;
    transition: background 33.333ms linear 0s;
    color: rgb(31, 35, 40);
    cursor: pointer;
    appearance: none;
    background: unset;
    border: unset;
    width: calc(100% - 16px);
    font-family: unset;
    text-align: unset;
    margin-top: unset;
    margin-bottom: unset;
}

.hylVkU {
    position: relative;
    display: flex;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 20px;
    min-height: 5px;
    margin-left: 8px;
    margin-right: 8px;
    border-radius: 6px;
    transition: background 33.333ms linear 0s;
    color: rgb(31, 35, 40);
    cursor: pointer;
    appearance: none;
    background: unset;
    border: unset;
    width: calc(100% - 16px);
    font-family: unset;
    text-align: unset;
    margin-top: unset;
    margin-bottom: unset;
}

.bRUlZq {
    height: 20px;
    min-width: 16px;
    max-width: 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 8px;
}

.eCHpfY [data-component="ActionList.Item--DividerContainer"] {
    position: relative;
}

.hROlum {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0px;
}

.hylVkU:hover:not([aria-disabled]),
.hylVkU:focus:not([aria-disabled]),
.hylVkU[data-focus-visible-added]:not([aria-disabled]) {
    --divider-color: transparent;
}

@media (hover: hover) and (pointer: fine) {

    .hylVkU:active:not([aria-disabled]) {
        background-color: rgba(208, 215, 222, 0.48);
        color: rgb(31, 35, 40);
    }
}

@media (hover: hover) and (pointer: fine) {

    .hylVkU:hover:not([aria-disabled]) {
        background-color: rgba(208, 215, 222, 0.32);
        color: rgb(31, 35, 40);
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px max(1px, 0.0625rem) inset;
    }
}

.hylVkU:hover {
    text-decoration: none;
    text-align: left;
}


.hylVkU:not(:first-of-type) {
    --divider-color: rgba(208, 215, 222, 0.48);
}

.Fields_extrasDisplay__v0ZVm>span:first-child {
    display: none;
}

.bRUlZq {
    height: 20px;
    min-width: 16px;
    max-width: 20px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
    margin-right: 8px;
}

.hylVkU [data-component="ActionList.Item--DividerContainer"] {
    position: relative;
}

.eCHpfY:hover:not([aria-disabled]),
.eCHpfY:focus:not([aria-disabled]),
.eCHpfY[data-focus-visible-added]:not([aria-disabled]) {
    --divider-color: transparent;
}

@media (hover: hover) and (pointer: fine) {

    .eCHpfY:active:not([aria-disabled]) {
        background-color: rgba(208, 215, 222, 0.48);
        color: rgb(31, 35, 40);
    }
}

@media (hover: hover) and (pointer: fine) {

    .eCHpfY:hover:not([aria-disabled]) {
        background-color: rgba(208, 215, 222, 0.32);
        color: rgb(31, 35, 40);
        box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px max(1px, 0.0625rem) inset;
    }
}

.eCHpfY:hover {
    text-decoration: none;
    text-align: left;
}

.hROlum {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0px;
}

.hylVkU [data-component="ActionList.Item--DividerContainer"]::before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    top: -7px;
    border-width: 0px;
    border-style: solid;
    border-image: initial;
    border-color: var(--divider-color, transparent);
}

.iGPchh {
    -webkit-box-flex: 1;
    flex-grow: 1;
    font-weight: 400;
}

.hylVkU [data-component="ActionList.Item--DividerContainer"] {
    position: relative;
}

.hROlum {
    display: flex;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0px;
}

.cfweLO {
    height: auto;
    text-align: left;
}

.cfweLO:hover:not([disabled]) {
    background-color: rgb(243, 244, 246);
    border-color: var(--button-default-borderColor-hover, rgba(31, 35, 40, 0.15));
}

.cfweLO[aria-expanded="true"] {
    background-color: rgb(235, 236, 240);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

.cfweLO:hover {
    transition-duration: 80ms;
}

.kmxwYj {
    height: auto;
    text-align: left;
}

.kmxwYj {
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    user-select: none;
    text-align: left;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 32px;
    min-width: 100%;
    color: rgb(36, 41, 47);
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: transparent;
    text-decoration: none;
    padding: 0px 12px;
    gap: 8px;
    transition: color 80ms cubic-bezier(0.65, 0, 0.35, 1) 0s, fill, background-color, border-color;
}

.kmxwYj span:first-child {
    display: inline;
}

.kmxwYj [data-component="buttonContent"] {
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0px, auto) min-content;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
}

.cEhRXB {
    -webkit-box-pack: center;
    justify-content: center;
}

.kmxwYj [data-component="trailingAction"] {
    margin-right: -4px;
    color: rgb(101, 109, 118);
}

.dmdEgz {
    display: flex;
    pointer-events: none;
}

.kmxwYj:hover:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.32);
}

.kmxwYj:hover {
    transition-duration: 80ms;
}

.hovermenu {
    background-color: rgba(208, 215, 222, 0.32);
    transition-duration: 80ms;
}




@media (hover: hover) and (pointer: fine) {
    .cIPdXI:hover {
        background: var(--item-hover-bg-override, var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(208, 215, 222, 0.32))));
        cursor: pointer;
    }
}

.kbCLEG:focus {
    outline: 0px;
}

.dAQnVY:focus-within {
    border-color: var(--fgColor-accent, var(--color-accent-fg, #0969da));
    outline: 2px solid var(--fgColor-accent, var(--color-accent-fg, #0969da));
    outline-offset: -1px;
}

.hXErGm>input,
.hXErGm>select {
    padding-left: 0px;
    padding-right: 12px;
}

.dAQnVY input,
.dAQnVY textarea {
    cursor: text;
}

.kbCLEG {
    border: 0px;
    font-size: inherit;
    font-family: inherit;
    background-color: transparent;
    appearance: none;
    color: inherit;
    width: 100%;
}

.rNmmh {
    display: flex;
    flex-direction: column;
    height: inherit;
    max-height: inherit;
}

.gtTaSn {
    font-size: 14px;
}

:where(.prc-Heading-Heading-6CmGO) {
    font-size: var(--text-title-size-large, 2rem);
    font-weight: var(--base-text-weight-semibold, 600);
    margin: 0;
}

.hoBwTZ {
    padding-top: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

.fFdFiB path {
    fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff));
    opacity: 0;
}

.incICr rect {
    fill: var(--fgColor-accent, var(--color-accent-fg, #0969da));
    stroke: var(--fgColor-accent, var(--color-accent-fg, #0969da));
    shape-rendering: auto;
}

.incICr path {
    fill: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff));
    opacity: 1;
}

.fFdFiB rect {
    fill: var(--bgColor-default, var(--color-canvas-default, #ffffff));
    stroke: var(--borderColor-default, var(--color-border-default, #d0d7de));
    shape-rendering: auto;
}

.bsKDre {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay, #ffffff));
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow, 0 1px 3px rgba(31, 35, 40, 0.12), 0 8px 24px rgba(66, 74, 83, 0.12)));
    position: absolute;
    min-width: 192px;
    height: 320px;
    width: 320px;
    border-radius: 12px;
    overflow: hidden;
    animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running overlay-appear;
    visibility: var(--styled-overlay-visibility);
}

.kzorcb {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
}

.eXfLhe {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    height: inherit;
    max-height: inherit;
}

.eUNJuZ {
    box-shadow: 0 1px 0 var(--borderColor-default, var(--color-border-default, #d0d7de));
    z-index: 1;
}

.hXErGm {
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-left: 12px;
    padding-right: 0px;
    margin: 8px;
}

@media (min-width: 768px) {
    .dAQnVY {
        font-size: 14px;
    }
}

.dAQnVY {
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    vertical-align: middle;
    border: 1px solid var(--control-borderColor-rest, var(--borderColor-default, var(--color-border-default, #d0d7de)));
    border-radius: 6px;
    outline: none;
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset, inset 0 1px 0 rgba(208, 215, 222, 0.2)));
    -webkit-box-align: stretch;
    align-items: stretch;
    min-height: 32px;
    overflow: hidden;
    background-color: var(--bgColor-inset, var(--color-canvas-inset, #f6f8fa));
    display: flex;
    align-self: stretch;
    width: auto;
    margin: 8px;
}

.hXErGm .TextInput-icon,
.hXErGm .TextInput-action {
    align-self: center;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    flex-shrink: 0;
}

.hXErGm> :not(:last-child) {
    margin-right: 8px;
}

.hXErGm>input,
.hXErGm>select {
    padding-left: 0px;
    padding-right: 12px;
}


.dAQnVY input,
.dAQnVY textarea {
    cursor: text;
}

.kbCLEG {
    border: 0px;
    font-size: inherit;
    font-family: inherit;
    background-color: transparent;
    appearance: none;
    color: inherit;
    width: 100%;
}

.fhNCdb:not(:focus):not(:active):not(:focus-within) {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.caZNBm {
    overflow: auto;
    scrollbar-width: thin;
}

.cKeyOT {
    font-size: 14px;
    line-height: 20px;
}

.fSVUAg {
    margin-top: 8px;
    margin-bottom: 8px;
}

.cIPdXI {
    padding: 6px 8px;
    display: flex;
    border-radius: 6px;
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    transition: background 33.333ms linear;
    text-decoration: none;
    margin-left: 8px;
    margin-right: 8px;
}

.kZPNyg {
    height: 20px;
    width: 16px;
    margin-right: 8px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
}

.fueKvm {
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.kZPNyg {
    height: 20px;
    width: 16px;
    margin-right: 8px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-shrink: 0;
}

.kRjRzW svg {
    fill: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    font-size: 12px;
}

.ETpUy {
    display: flex;
    min-width: 0px;
    position: relative;
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.jvxRfw {
    -webkit-box-align: baseline;
    align-items: baseline;
    display: flex;
    min-width: 0px;
    flex-direction: var(--main-content-flex-direction);
    -webkit-box-flex: 1;
    flex-grow: 1;
}

.cMCBMV {
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    font-size: 12px;
    line-height: 16px;
    margin-left: var(--description-container-margin-left);
    min-width: 0px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex-basis: var(--description-container-flex-basis);
}

.bgsFir {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    max-width: 100%;
}



@media (hover: hover) and (pointer: fine) {
    .cIPdXI:hover {
        background: var(--item-hover-bg-override, var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(208, 215, 222, 0.32))));
        cursor: pointer;
    }
}

.ListView-module__container--zF6wW {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

:where(.prc-Heading-Heading-6CmGO) {
    font-size: var(--text-title-size-large, 2rem);
    font-weight: var(--base-text-weight-semibold, 600);
    margin: 0;
}

.ListView-module__ul--vMLEZ {
    list-style: none;
    margin: 0;
    padding: 0;
}

.Box-row:first-of-type {
    border-top-color: transparent;
}

.Box-row:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium);
}

.Box-row:first-of-type {
    border-top-left-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium);
}

.Box-row {
    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
    list-style-type: none;
    margin-top: calc(var(--borderWidth-thin)* -1);
    padding: var(--stack-padding-normal);
}

.dgmmuv {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.fGwBZA[data-size="medium"][data-no-visuals] {
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
}

[aria-expanded=true]:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]) {
    background-color: var(--button-invisible-bgColor-active, var(--color-action-list-item-default-active-bg));
}

.prc-Button-IconButton-szpyj:where(.prc-Button-ButtonBase-c50BI) {
    display: inline-grid;
    min-width: unset;
    padding: unset;
    place-content: center;
    width: var(--control-medium-size, 2rem);
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]):where(.prc-Button-IconButton-szpyj) {
    color: var(--button-invisible-iconColor-rest, #636c76);
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]) {
    border-color: transparent;
    box-shadow: none;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

:where(.prc-Button-ButtonBase-c50BI) {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: var(--borderWidth-thin, max(1px, .0625rem)) solid;
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    border-radius: var(--borderRadius-medium, .375rem);
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: var(--text-body-size-medium, .875rem);
    font-weight: var(--base-text-weight-medium, 500);
    gap: var(--base-size-8, .5rem);
    height: var(--control-medium-size, 2rem);
    justify-content: space-between;
    min-width: max-content;
    padding: 0 var(--control-medium-paddingInline-normal, .75rem);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: 80ms cubic-bezier(.65, 0, .35, 1);
    transition-property: color, fill, background-color, border-color;
    -webkit-user-select: none;
    user-select: none;
}

.jOyaRH[popover] {
    position: absolute;
    padding: 0.5em 0.75em;
    width: max-content;
    margin: auto;
    clip: auto;
    white-space: normal;
    font: 11px / 1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-font-smoothing: subpixel-antialiased;
    color: var(--tooltip-fgColor, var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff)));
    text-align: center;
    overflow-wrap: break-word;
    background: var(--tooltip-bgColor, var(--bgColor-emphasis, var(--color-neutral-emphasis-plus, #24292f)));
    border-radius: 6px;
    border: 0px;
    opacity: 0;
    max-width: 250px;
    inset: auto;
    overflow: visible;
}

.jOyaRH {
    display: none;
}






@media (hover: hover) and (pointer: fine) {
    .bOlmjG:hover:not([aria-disabled]):not([data-inactive]) {
        background-color: var(--control-danger-bgColor-hover, var(--color-action-list-item-default-danger-hover-bg, rgba(255, 235, 233, 0.64)));
        color: var(--control-danger-fgColor-hover, var(--color-action-list-item-default-danger-hover-text, #d1242f));
        box-shadow: inset 0 0 0 max(1px, 0.0625rem) var(--control-transparent-borderColor-active, var(--color-action-list-item-default-active-border, transparent));
    }
}



.dVqwxe {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    margin-top: 0px;
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    background-color: var(--bgColor-danger-muted, var(--color-danger-subtle, #dafbe1));
    border-color: var(--borderColor-danger-muted, var(--color-danger-muted, rgba(74, 194, 107, 0.4)));
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 8px 8px 8px 16px;
    margin-bottom: 24px;
}

.prc-Button-IconButton-szpyj:where(.prc-Button-ButtonBase-c50BI):where([data-size=small]) {
    width: var(--control-small-size, 1.75rem);
}

.prc-Button-IconButton-szpyj:where(.prc-Button-ButtonBase-c50BI) {
    display: inline-grid;
    min-width: unset;
    padding: unset;
    place-content: center;
    width: var(--control-medium-size, 2rem);
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]):where(.prc-Button-IconButton-szpyj) {
    color: var(--button-invisible-iconColor-rest, #636c76);
}

:where(.prc-Button-ButtonBase-c50BI):where([data-size=small]) {
    font-size: var(--text-body-size-small, .75rem);
    gap: var(--control-small-gap, .25rem);
    height: var(--control-small-size, 1.75rem);
    padding: 0 var(--control-small-paddingInline-condensed, .5rem);
}

:where(.prc-Button-ButtonBase-c50BI) {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: var(--borderWidth-thin, max(1px, .0625rem)) solid;
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    border-radius: var(--borderRadius-medium, .375rem) !important;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: var(--text-body-size-medium, .875rem);
    font-weight: var(--base-text-weight-medium, 500);
    gap: var(--base-size-8, .5rem);
    height: var(--control-medium-size, 2rem);
    justify-content: space-between;
    min-width: max-content;
    padding: 0 var(--control-medium-paddingInline-normal, .75rem);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: 80ms cubic-bezier(.65, 0, .35, 1);
    transition-property: color, fill, background-color, border-color;
    -webkit-user-select: none;
    user-select: none;
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]) {
    border-color: transparent;
    box-shadow: none;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]):hover {
    background-color: var(--button-invisible-bgColor-hover, var(--color-action-list-item-default-hover-bg));
}

:where(.prc-Button-ButtonBase-c50BI):hover {
    transition-duration: 80ms;
}

.audioButtonProfile {

    position: relative;
    top: -2px;
    padding: var(--control-small-paddingInline-supercondensed, 0.25rem);
    align-items: center;
    appearance: none;
    background-color: transparent;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: var(--text-body-size-small, .75rem);
    font-weight: var(--base-text-weight-medium, 500);
    gap: var(--base-size-8, .5rem);
    justify-content: space-between;
    min-width: max-content;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: 80ms cubic-bezier(.65, 0, .35, 1);
    transition-property: color, fill, background-color, border-color;
    -webkit-user-select: none;
    user-select: none;
}

.audioButtonProfile:hover {
    transition-duration: 80ms;
    background-color: var(--button-invisible-bgColor-hover, var(--color-action-list-item-default-hover-bg));
    border-radius: var(--borderRadius-medium, .375rem) !important;
}

.notification-configure-filters:hover .octicon,
.notification-configure-filters:hover .hover-text-link {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important;
}

.notifications-list-item:hover .notification-list-item-actions,
.notifications-list-item:focus-within .notification-list-item-actions {
    display: flex !important;
}

.notifications-list-item:hover .notification-list-item-actions .btn,
.notifications-list-item:focus-within .notification-list-item-actions .btn {
    color: var(--fgColor-muted, var(--color-fg-muted)) !important;
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle)) !important;
    border: 0 !important;
}

.notification-list-item-actions .btn {
    box-shadow: none;
}

.notifications-list-item:hover .notification-list-item-hide-on-hover,
.notifications-list-item:focus-within .notification-list-item-hide-on-hover {
    visibility: hidden !important;
}

/* TODO Стиль строки уведомления прочитанного. Иконку тоже менять на серый
.notifications-list-item .notification-list-item-link {
    color: var(--fgColor-muted, var(--color-fg-muted)) !important;
} */


.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all
}










.react-directory-row td {
    padding-left: 16px;
    text-align: left;
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
}

.react-directory-row-name-cell-large-screen {
    display: table-cell;
}

.react-directory-row-name-cell-small-screen {
    display: none;
}

.react-directory-filename-column {
    display: flex;
    height: 40px;
    padding-right: 16px;
    align-items: center;
    row-gap: 4px;
    column-gap: 10px;
}


.react-directory-row {
    height: 40px;
    font-size: 14px;
}

.react-directory-filename-column {
    display: flex;
    height: 40px;
    padding-right: 16px;
    align-items: center;
    row-gap: 4px;
    column-gap: 10px;
}

.react-directory-filename-column .icon-directory {
    color: var(--color-icon-directory);
}

.react-directory-truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre;
    vertical-align: top;
}

.react-directory-filename-column h3 {
    margin: 0;
    font-size: 14px;
    font-weight: var(--base-text-weight-normal, 400);
}

.react-directory-row td {
    padding-left: 16px;
    text-align: left;
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
}

.react-directory-row-commit-cell {
    display: table-cell;
}

.react-directory-commit-message {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.react-directory-commit-age {
    padding-right: 16px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: right;
}

.hDoBEw .TextInput-icon,
.hDoBEw .TextInput-action {
    align-self: center;
    color: rgb(101, 109, 118);
    flex-shrink: 0;
}

.hDoBEw> :not(:last-child) {
    margin-right: 8px;
}


.hDoBEw>input,
.hDoBEw>select {
    padding-left: 0px;
    padding-right: 0px;
}

.cgNHBf input,
.cgNHBf textarea {
    cursor: text;
}

.cDLBls {
    border: 0px;
    font-size: inherit;
    font-family: inherit;
    background-color: transparent;
    appearance: none;
    color: inherit;
    width: 100%;
}

.hDoBEw {
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    min-width: 200px;
}

@media (min-width: 768px) {
    .cgNHBf {
        font-size: 14px;
    }
}

.cgNHBf {
    font-size: 14px;
    line-height: 20px;
    color: rgb(31, 35, 40);
    vertical-align: middle;
    background-color: rgb(255, 255, 255);
    border: 1px solid var(--control-borderColor-rest, #d0d7de);
    border-radius: 6px;
    outline: none;
    box-shadow: rgba(208, 215, 222, 0.2) 0px 1px 0px inset;
    -webkit-box-align: stretch;
    align-items: stretch;
    min-height: 32px;
    display: flex;
    min-width: 200px;
}

.iTETFQ[data-component="IconButton"] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

.react-directory-remove-file-icon {
    display: block;
}

@media screen and (max-width: 1278px) {
    .react-directory-remove-file-icon {
        display: none;
    }
}

.react-directory-remove-file-icon {
    display: block;
}

.hFFfJn {
    position: relative;
    display: inline-block;
}

.ftOYgF {
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    color: rgb(31, 35, 40);
}

.fIqerb {
    color: rgb(9, 105, 218);
    text-decoration: none;
}

.fXNBMC {
    display: inline-block;
    overflow: hidden;
    line-height: 1;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: rgba(31, 35, 40, 0.15) 0px 0px 0px 1px;
    height: var(--avatar-size);
    width: var(--avatar-size);
    --avatar-size: 20px;
    margin-right: 8px;
    margin-top: -1px;
    margin-left: 1px;
}

.hLLhje {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
}

.jgsWFN {
    display: flex;
    flex-flow: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.fqNQBl {
    -webkit-box-align: center;
    align-items: center;
    min-width: 0px;
    gap: 8px;
}

.react-last-commit-message {
    display: flex;
}

.jEKUjt {
    font-size: 14px;
    -webkit-box-align: center;
    align-items: center;
}

.Truncate {
    display: inline-flex;
    max-width: 100%;
    min-width: 0px;
}

.Truncate>.Truncate-text {
    max-width: fit-content;
    min-width: 1ch;
    text-overflow: ellipsis;
    white-space-collapse: collapse;
    text-wrap: nowrap;
    overflow: hidden;
}

.kVLBBA[data-size="small"][data-no-visuals] {
    padding: 0px;
    margin-right: 8px;
}

.kVLBBA[data-component="IconButton"][data-no-visuals] {
    color: rgb(101, 109, 118);
}

.kVLBBA[data-size="small"][data-component="IconButton"] {
    width: 28px;
    padding: unset;
}

.kVLBBA[data-no-visuals] {
    color: rgb(9, 105, 218);
}

.kVLBBA[data-size="small"] {
    padding: 0px 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

.kVLBBA[data-component="IconButton"] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

.kVLBBA[data-size="small"][data-no-visuals] svg {
    color: rgb(31, 136, 61);
}


.kVLBBA {
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    user-select: none;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 32px;
    min-width: max-content;
    color: rgb(36, 41, 47);
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: transparent;
    text-decoration: none;
    padding: 0px 12px;
    gap: 8px;
    transition: color 80ms cubic-bezier(0.65, 0, 0.35, 1) 0s, fill, background-color, border-color;
}

.ewkWQC {
    color: rgb(101, 109, 118);
    font-size: 12px;
}

.react-last-commit-summary-timestamp {
    display: none;
}

.jGfYmh {
    display: flex;
    gap: 8px;
}

.lhFvfi {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.ewkWQC {
    color: rgb(101, 109, 118);
    font-size: 12px;
}

.react-last-commit-oid-timestamp {
    display: flex;
    flex-wrap: nowrap;
}

.cgQnMS {
    font-weight: 600;
    font-size: 32px;
    margin: 0px;
}

.fNmgkb[data-size="small"] {
    padding: 0px 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

.fNmgkb[href] {
    display: inline-flex;
}

.fNmgkb {
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    user-select: none;
    text-align: center;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 32px;
    min-width: max-content;
    color: rgb(31, 35, 40);
    background-color: transparent;
    box-shadow: none;
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-color: transparent;
    text-decoration: none;
    padding: 0px 12px;
    gap: 8px;
    transition: color 80ms cubic-bezier(0.65, 0, 0.35, 1) 0s, fill, background-color, border-color;
}

.react-last-commit-history-group {
    display: flex !important;
}

.drtGBr {
    display: flex;
    min-width: 0px;
    font-size: 14px;
    -webkit-box-align: center;
    align-items: center;
    width: max-content;
    gap: 8px;
    flex-basis: 0px;
    -webkit-box-flex: 1;
    flex-grow: 1;
}


.fqNQBl {
    -webkit-box-align: center;
    align-items: center;
    min-width: 0px;
    gap: 8px;
}

.react-last-commit-message {
    display: flex;
}











.cgQnMS {
    font-weight: 600;
    font-size: 32px;
    margin: 0;
}

/*!sc*/
data-styled.g1[id="Heading__StyledHeading-sc-1c1dgg0-0"] {
    content: "cgQnMS,"
}

/*!sc*/
.fSWWem {
    padding: 0;
}

/*!sc*/
.kPPmzM {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*!sc*/
.cIAPDV {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 100%;
}

/*!sc*/
.gvCnwW {
    width: 100%;
}

/*!sc*/
@media screen and (min-width:544px) {
    .gvCnwW {
        width: 100%;
    }
}

/*!sc*/
@media screen and (min-width:768px) {
    .gvCnwW {
        width: auto;
    }
}

/*!sc*/
.hFCATI {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 1px;
    margin-right: 0;
}

/*!sc*/
@media print {
    .hFCATI {
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/*!sc*/
@media screen and (min-width:1440px) {
    .hFCATI>div {
        margin-right: 24px;
    }
}

/*!sc*/
.jAVTmU {
    width: 100%;
    max-width: 1280px;
    margin-left: 0;
    margin-right: auto;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}

/*!sc*/
.jgEDtJ {
    margin-right: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;



}

/*!sc*/
.eIgvIk {
    display: inherit;
}

/*!sc*/
.lgAUwq {
    margin-left: 0;
    margin-right: 0;
}

/*!sc*/
@media screen and (min-width:1440px) {
    .lgAUwq {
        margin-left: 0;
    }
}

/*!sc*/
.eUMEDg {
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px;
}

/*!sc*/
.kLxXov {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid;
    border-color: #d0d7de;
    border-radius: 6px;
    margin-bottom: 16px;
}

/*!sc*/
.eYedVD {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-width: 273px;
    padding-right: 8px;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*!sc*/
.jGfYmh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

/*!sc*/
.lhFvfi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*!sc*/
.kkrdEu {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*!sc*/
.trpoQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
}

/*!sc*/
.bqgLjk {
    display: inherit;
}

/*!sc*/
@media screen and (min-width:544px) {
    .bqgLjk {
        display: none;
    }
}

/*!sc*/
@media screen and (min-width:768px) {
    .bqgLjk {
        display: none;
    }
}

/*!sc*/
.yfPnm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

/*!sc*/
.iwGxyT {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid;
    border-color: #d0d7de;
    border-radius: 6px;
    table-layout: fixed;
    overflow: unset;
}

/*!sc*/
.iiUlLN {
    height: 0px;
    line-height: 0px;
}

/*!sc*/
.iiUlLN tr {
    height: 0px;
    font-size: 0px;
}

/*!sc*/
.dApGZs {
    padding: 16px;
    color: #656d76;
    font-size: 12px;
    text-align: left;
    height: 40px;
}

/*!sc*/
.dApGZs th {
    padding-left: 16px;
    background-color: #f6f8fa;
}

/*!sc*/
.kvYunM {
    width: 100%;
    border-top-left-radius: 6px;
}

/*!sc*/
@media screen and (min-width:544px) {
    .kvYunM {
        display: none;
    }
}

/*!sc*/
.hrLuxA {
    width: 40%;
    border-top-left-radius: 6px;
}

/*!sc*/
@media screen and (max-width:543px) {
    .hrLuxA {
        display: none;
    }
}

/*!sc*/
@media screen and (max-width:543px) {
    .ePjhhA {
        display: none;
    }
}

/*!sc*/
.cuEKae {
    text-align: right;
    padding-right: 16px;
    width: 136px;
    border-top-right-radius: 6px;
}

/*!sc*/
.dPdBRe {
    color: #656d76;
    font-size: 12px;
    height: 40px;
}

/*!sc*/
.ipeATo {
    background-color: #f6f8fa;
    padding: 8px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

/*!sc*/
.cFPoqW {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*!sc*/
.kepxdE {
    margin-right: 4px;
}

/*!sc*/
@media screen and (max-width:768px),
screen and (min-width:1441px) {
    .kepxdE {
        display: none;
    }
}

/*!sc*/
.kotAup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/*!sc*/
.cluMzC {
    position: relative;
}

/*!sc*/
.bKgizp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

/*!sc*/
.kYlvBX {
    margin-right: 4px;
    color: #656d76;
}

/*!sc*/
.dKmYfk {
    font-size: 14px;
    min-width: 0;
    max-width: 125px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*!sc*/
.jAEdko {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
}

/*!sc*/
.erEVHn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*!sc*/
@media screen and (max-width:768px) {
    .erEVHn {
        display: none;
    }
}

/*!sc*/
.CpfbQ {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*!sc*/
@media screen and (min-width:769px) {
    .CpfbQ {
        display: none;
    }
}

/*!sc*/
.gtUgJA {
    text-align: center;
    vertical-align: center;
    height: 40px;
    border-top: 1px solid;
    border-color: #d0d7de;
}

/*!sc*/
.ldpruc {
    border-top: 1px solid var(--borderColor-default, var(--color-border-default));
    cursor: pointer;
}

/*!sc*/
.ehcSsh {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    gap: 16px;
}

/*!sc*/
.lnFahy {
    border: 1px solid;
    border-color: #d0d7de;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/*!sc*/
@media screen and (max-width:543px) {
    .lnFahy {
        margin-left: -16px;
        margin-right: -16px;
        max-width: calc(100% + 32px);
    }
}

/*!sc*/
@media screen and (min-width:544px) {
    .lnFahy {
        max-width: 100%;
    }
}

/*!sc*/
.jiofnV {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid;
    border-bottom-color: #d0d7de;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 8px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


.gVUMgT {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: none;
    border-bottom-color: hsla(210, 18%, 87%, 1);
    align: row;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}


.gwuIGu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*!sc*/
.kOxwQs {
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px;
}

/*!sc*/
.kOgeFj {
    font-weight: 600;
}

/*!sc*/
.bJMeLZ {
    padding: 32px;
    overflow: auto;
}

/*!sc*/
.aZrVR {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 15px;
    -webkit-transition: -webkit-transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
    z-index: 1;
}

/*!sc*/
.aZrVR:hover {
    -webkit-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    transform: scaleX(1.5);
}


data-styled.g2[id="Box-sc-g0xbh4-0"] {
    content: "fSWWem,kPPmzM,cIAPDV,gvCnwW,hFCATI,jAVTmU,jgEDtJ,eIgvIk,lgAUwq,eUMEDg,kLxXov,eYedVD,jGfYmh,lhFvfi,kkrdEu,trpoQ,bqgLjk,yfPnm,iwGxyT,iiUlLN,dApGZs,kvYunM,hrLuxA,ePjhhA,cuEKae,dPdBRe,ipeATo,cFPoqW,kepxdE,kotAup,cluMzC,bKgizp,kYlvBX,dKmYfk,jAEdko,erEVHn,CpfbQ,gtUgJA,ldpruc,ehcSsh,lnFahy,jiofnV,gVUMgT,gwuIGu,kOxwQs,kOgeFj,bJMeLZ,aZrVR,"
}


.rTZSs {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    -webkit-clip: rect(0, 0, 0, 0);
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/*!sc*/
data-styled.g4[id="_VisuallyHidden__VisuallyHidden-sc-11jhm7a-0"] {
    content: "rTZSs,"
}

/*!sc*/
.fUpWeN {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    max-width: 125px;
    max-width: 100%;
}

/*!sc*/
data-styled.g6[id="Truncate__StyledTruncate-sc-23o1d2-0"] {
    content: "fUpWeN,"
}

/*!sc*/
.fIqerb {
    color: #0969da;
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.fIqerb:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

/*!sc*/
.fIqerb:is(button) {
    display: inline-block;
    padding: 0;
    font-size: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*!sc*/
.fXEcmQ {
    color: #0969da;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #1F2328;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: calc(20/14);
    border-radius: 6px;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: calc((2rem - 1.25rem) / 2);
    padding-bottom: calc((2rem - 1.25rem) / 2);
}

/*!sc*/
.fXEcmQ:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

/*!sc*/
.fXEcmQ:is(button) {
    display: inline-block;
    padding: 0;
    font-size: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*!sc*/
.fXEcmQ span[data-component="icon"] {
    color: #656d76;
}

/*!sc*/
@media (hover:hover) {
    .fXEcmQ:hover {
        background-color: rgba(175, 184, 193, 0.2);
        -webkit-transition: background .12s ease-out;
        transition: background .12s ease-out;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
}

/*!sc*/
.fXEcmQ:focus {
    outline: 2px solid transparent;
}

/*!sc*/
.fXEcmQ:focus {
    box-shadow: inset 0 0 0 2px #0969da;
}

/*!sc*/
.fXEcmQ:focus:not(:focus-visible) {
    box-shadow: none;
}

/*!sc*/
.fXEcmQ:focus-visible {
    outline: 2px solid transparent;
    box-shadow: inset 0 0 0 2px #0969da;
}

/*!sc*/
.fXEcmQ span[data-content]::before {
    content: attr(data-content);
    display: block;
    height: 0;
    font-weight: 600;
    visibility: hidden;
    white-space: nowrap;
}

/*!sc*/
.fXEcmQ::after {
    position: absolute;
    right: 50%;
    bottom: calc(50% - 25px);
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fd8c73;
    border-radius: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

/*!sc*/
@media (forced-colors:active) {
    .fXEcmQ::after {
        background-color: LinkText;
    }
}

/*!sc*/
.hrQaEH {
    color: #0969da;
    -webkit-text-decoration: none;
    text-decoration: none;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #1F2328;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    line-height: calc(20/14);
    border-radius: 6px;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: calc((2rem - 1.25rem) / 2);
    padding-bottom: calc((2rem - 1.25rem) / 2);
}

/*!sc*/
.hrQaEH:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

/*!sc*/
.hrQaEH:is(button) {
    display: inline-block;
    padding: 0;
    font-size: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*!sc*/
.hrQaEH span[data-component="icon"] {
    color: #656d76;
}

/*!sc*/
@media (hover:hover) {
    .hrQaEH:hover {
        background-color: rgba(175, 184, 193, 0.2);
        -webkit-transition: background .12s ease-out;
        transition: background .12s ease-out;
        -webkit-text-decoration: none;
        text-decoration: none;
    }
}

/*!sc*/
.hrQaEH:focus {
    outline: 2px solid transparent;
}

/*!sc*/
.hrQaEH:focus {
    box-shadow: inset 0 0 0 2px #0969da;
}

/*!sc*/
.hrQaEH:focus:not(:focus-visible) {
    box-shadow: none;
}

/*!sc*/
.hrQaEH:focus-visible {
    outline: 2px solid transparent;
    box-shadow: inset 0 0 0 2px #0969da;
}

/*!sc*/
.hrQaEH span[data-content]::before {
    content: attr(data-content);
    display: block;
    height: 0;
    font-weight: 600;
    visibility: hidden;
    white-space: nowrap;
}

/*!sc*/
.hrQaEH::after {
    position: absolute;
    right: 50%;
    bottom: calc(50% - 25px);
    width: 100%;
    height: 2px;
    content: "";
    background-color: transparent;
    border-radius: 0;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

/*!sc*/
@media (forced-colors:active) {
    .hrQaEH::after {
        background-color: transparent;
    }
}

/*!sc*/
data-styled.g8[id="Link__StyledLink-sc-14289xe-0"] {
    content: "fIqerb,fXEcmQ,hrQaEH,"
}

/*!sc*/
.fNmgkb {
    border-radius: 6px;
    border: 1px solid;
    border-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #1F2328;
    background-color: transparent;
    box-shadow: none;
}

/*!sc*/
.fNmgkb:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.fNmgkb:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.fNmgkb:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.fNmgkb[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.fNmgkb[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.fNmgkb:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.fNmgkb:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.fNmgkb:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.fNmgkb:disabled [data-component=ButtonCounter],
.fNmgkb:disabled [data-component="leadingVisual"],
.fNmgkb:disabled [data-component="trailingAction"] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .fNmgkb:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.fNmgkb [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.fNmgkb[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.fNmgkb[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

.react-directory-filename-column {
    display: flex;
    height: 40px;
    padding-right: 16px;
    align-items: center;
    row-gap: 4px;
    column-gap: 10px;
}

/*!sc*/
.fNmgkb[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.fNmgkb[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.fNmgkb[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.fNmgkb[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.fNmgkb[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.fNmgkb[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.fNmgkb[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.fNmgkb[data-block="block"] {
    width: 100%;
}

/*!sc*/
.fNmgkb [data-component="leadingVisual"] {
    grid-area: leadingVisual;
    color: #656d76;
}

/*!sc*/
.fNmgkb [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.fNmgkb [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.fNmgkb [data-component="trailingAction"] {
    margin-right: -4px;
    color: #656d76;
}

/*!sc*/
.fNmgkb [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.fNmgkb [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.fNmgkb:hover:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.32);
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.fNmgkb:active:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.48);
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.fNmgkb[aria-expanded=true] {
    background-color: rgba(208, 215, 222, 0.24);
}

/*!sc*/
.fNmgkb[data-component="IconButton"][data-no-visuals] {
    color: #656d76;
}

/*!sc*/
.fNmgkb[data-no-visuals] {
    color: #0969da;
}

/*!sc*/
.fNmgkb:has([data-component="ButtonCounter"]) {
    color: #24292f;
}

/*!sc*/
.fNmgkb:disabled[data-no-visuals] {
    color: #8c959f;
}

/*!sc*/
.fNmgkb:disabled[data-no-visuals] [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
.fNmgkb:focus:not([disabled]) {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.hgfMvt {
    border-radius: 6px;
    border: 1px solid;
    border-color: var(--button-default-borderColor-rest, rgba(31, 35, 40, 0.15));
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: #f6f8fa;
    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/*!sc*/
.hgfMvt:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.hgfMvt:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.hgfMvt:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.hgfMvt[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.hgfMvt[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.hgfMvt:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.hgfMvt:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.hgfMvt:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.hgfMvt:disabled [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .hgfMvt:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.hgfMvt [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.hgfMvt[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.hgfMvt[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.hgfMvt[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.hgfMvt[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.hgfMvt[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.hgfMvt[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.hgfMvt[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.hgfMvt[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.hgfMvt[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.hgfMvt[data-block="block"] {
    width: 100%;
}

/*!sc*/
.hgfMvt [data-component="leadingVisual"] {
    grid-area: leadingVisual;
}

/*!sc*/
.hgfMvt [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.hgfMvt [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.hgfMvt [data-component="trailingAction"] {
    margin-right: -4px;
}

/*!sc*/
.hgfMvt [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.hgfMvt [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.hgfMvt:hover:not([disabled]) {
    background-color: #f3f4f6;
    border-color: var(--button-default-borderColor-hover, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.hgfMvt:active:not([disabled]) {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.hgfMvt[aria-expanded=true] {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.hgfMvt [data-component="leadingVisual"],
.hgfMvt [data-component="trailingVisual"],
.hgfMvt [data-component="trailingAction"] {
    color: var(--button-color, #656d76);
}

/*!sc*/
.hgfMvt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*!sc*/
.hgfMvt svg {
    color: #656d76;
}

/*!sc*/
.hgfMvt>span {
    width: inherit;
}

/*!sc*/
.goRVy {
    border-radius: 6px;
    border: 1px solid;
    border-color: var(--button-default-borderColor-rest, rgba(31, 35, 40, 0.15));
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: #f6f8fa;
    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/*!sc*/
.goRVy:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.goRVy:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.goRVy:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.goRVy[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.goRVy[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.goRVy:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.goRVy:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.goRVy:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.goRVy:disabled [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .goRVy:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.goRVy [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.goRVy[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.goRVy[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.goRVy[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.goRVy[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.goRVy[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.goRVy[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.goRVy[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.goRVy[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.goRVy[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.goRVy[data-block="block"] {
    width: 100%;
}

/*!sc*/
.goRVy [data-component="leadingVisual"] {
    grid-area: leadingVisual;
}

/*!sc*/
.goRVy [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.goRVy [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.goRVy [data-component="trailingAction"] {
    margin-right: -4px;
}

/*!sc*/
.goRVy [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.goRVy [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.goRVy:hover:not([disabled]) {
    background-color: #f3f4f6;
    border-color: var(--button-default-borderColor-hover, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy:active:not([disabled]) {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy[aria-expanded=true] {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.goRVy [data-component="leadingVisual"],
.goRVy [data-component="trailingVisual"],
.goRVy [data-component="trailingAction"] {
    color: var(--button-color, #656d76);
}

/*!sc*/
.goRVy[data-no-visuals] {
    margin-right: 8px;
}

/*!sc*/
.iTETFQ {
    border-radius: 6px;
    border: 1px solid;
    border-color: var(--button-default-borderColor-rest, rgba(31, 35, 40, 0.15));
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: #f6f8fa;
    box-shadow: 0 1px 0 rgba(31, 35, 40, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

/*!sc*/
.iTETFQ:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.iTETFQ:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.iTETFQ:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.iTETFQ[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.iTETFQ[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.iTETFQ:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.iTETFQ:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.iTETFQ:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.iTETFQ:disabled [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .iTETFQ:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.iTETFQ [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.iTETFQ[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.iTETFQ[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.iTETFQ[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.iTETFQ[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.iTETFQ[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.iTETFQ[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.iTETFQ[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.iTETFQ[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.iTETFQ[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.iTETFQ[data-block="block"] {
    width: 100%;
}

/*!sc*/
.iTETFQ [data-component="leadingVisual"] {
    grid-area: leadingVisual;
}

/*!sc*/
.iTETFQ [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.iTETFQ [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.iTETFQ [data-component="trailingAction"] {
    margin-right: -4px;
}

/*!sc*/
.iTETFQ [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.iTETFQ [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.iTETFQ:hover:not([disabled]) {
    background-color: #f3f4f6;
    border-color: var(--button-default-borderColor-hover, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.iTETFQ:active:not([disabled]) {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.iTETFQ[aria-expanded=true] {
    background-color: hsla(220, 14%, 93%, 1);
    border-color: var(--button-default-borderColor-active, rgba(31, 35, 40, 0.15));
}

/*!sc*/
.iTETFQ [data-component="leadingVisual"],
.iTETFQ [data-component="trailingVisual"],
.iTETFQ [data-component="trailingAction"] {
    color: var(--button-color, #656d76);
}

/*!sc*/
.esHtYi {
    border-radius: 6px;
    border: 1px solid;
    border-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: transparent;
    box-shadow: none;
}

/*!sc*/
.esHtYi:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.esHtYi:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.esHtYi:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.esHtYi[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.esHtYi[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.esHtYi:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.esHtYi:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.esHtYi:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.esHtYi:disabled [data-component=ButtonCounter],
.esHtYi:disabled [data-component="leadingVisual"],
.esHtYi:disabled [data-component="trailingAction"] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .esHtYi:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.esHtYi [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.esHtYi[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.esHtYi[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.esHtYi[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.esHtYi[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.esHtYi[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.esHtYi[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.esHtYi[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.esHtYi[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.esHtYi[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.esHtYi[data-block="block"] {
    width: 100%;
}

/*!sc*/
.esHtYi [data-component="leadingVisual"] {
    grid-area: leadingVisual;
    color: #656d76;
}

/*!sc*/
.esHtYi [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.esHtYi [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.esHtYi [data-component="trailingAction"] {
    margin-right: -4px;
    color: #656d76;
}

/*!sc*/
.esHtYi [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.esHtYi [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.esHtYi:hover:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.32);
}

/*!sc*/
.esHtYi:active:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.48);
}

/*!sc*/
.esHtYi[aria-expanded=true] {
    background-color: rgba(208, 215, 222, 0.24);
}

/*!sc*/
.esHtYi[data-component="IconButton"][data-no-visuals] {
    color: #656d76;
}

/*!sc*/
.esHtYi[data-no-visuals] {
    color: #0969da;
}

/*!sc*/
.esHtYi:has([data-component="ButtonCounter"]) {
    color: #24292f;
}

/*!sc*/
.esHtYi:disabled[data-no-visuals] {
    color: #8c959f;
}

/*!sc*/
.esHtYi:disabled[data-no-visuals] [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
.esHtYi[data-size="small"][data-no-visuals] {
    margin-right: 8px;
    color: var(--color-fg-muted);
    height: 28px;
}

/*!sc*/
.cHudMD {
    border-radius: 6px;
    border: 1px solid;
    border-color: transparent;
    font-family: inherit;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 32px;
    padding: 0 12px;
    gap: 8px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    -webkit-transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    transition: 80ms cubic-bezier(0.65, 0, 0.35, 1);
    -webkit-transition-property: color, fill, background-color, border-color;
    transition-property: color, fill, background-color, border-color;
    color: #24292f;
    background-color: transparent;
    box-shadow: none;
}

/*!sc*/
.cHudMD:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.cHudMD:focus:not(:disabled):not(:focus-visible) {
    outline: solid 1px transparent;
}

/*!sc*/
.cHudMD:focus-visible:not(:disabled) {
    box-shadow: none;
    outline: 2px solid #0969da;
    outline-offset: -2px;
}

/*!sc*/
.cHudMD[href] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/*!sc*/
.cHudMD[href]:hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}

/*!sc*/
.cHudMD:hover {
    -webkit-transition-duration: 80ms;
    transition-duration: 80ms;
}

/*!sc*/
.cHudMD:active {
    -webkit-transition: none;
    transition: none;
}

/*!sc*/
.cHudMD:disabled {
    cursor: not-allowed;
    box-shadow: none;
    color: #8c959f;
}

/*!sc*/
.cHudMD:disabled [data-component=ButtonCounter],
.cHudMD:disabled [data-component="leadingVisual"],
.cHudMD:disabled [data-component="trailingAction"] {
    color: inherit;
}

/*!sc*/
@media (forced-colors:active) {
    .cHudMD:focus {
        outline: solid 1px transparent;
    }
}

/*!sc*/
.cHudMD [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.cHudMD[data-component=IconButton] {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: 32px;
    min-width: unset;
}

/*!sc*/
.cHudMD[data-size="small"] {
    padding: 0 8px;
    height: 28px;
    gap: 4px;
    font-size: 12px;
}

/*!sc*/
.cHudMD[data-size="small"] [data-component="text"] {
    line-height: calc(20 / 12);
}

/*!sc*/
.cHudMD[data-size="small"] [data-component=ButtonCounter] {
    font-size: 12px;
}

/*!sc*/
.cHudMD[data-size="small"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 4px;
}

/*!sc*/
.cHudMD[data-size="small"][data-component=IconButton] {
    width: 28px;
    padding: unset;
}

/*!sc*/
.cHudMD[data-size="large"] {
    padding: 0 16px;
    height: 40px;
    gap: 8px;
}

/*!sc*/
.cHudMD[data-size="large"] [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.cHudMD[data-size="large"][data-component=IconButton] {
    width: 40px;
    padding: unset;
}

/*!sc*/
.cHudMD[data-block="block"] {
    width: 100%;
}

/*!sc*/
.cHudMD [data-component="leadingVisual"] {
    grid-area: leadingVisual;
    color: #656d76;
}

/*!sc*/
.cHudMD [data-component="text"] {
    grid-area: text;
    line-height: calc(20/14);
    white-space: nowrap;
}

/*!sc*/
.cHudMD [data-component="trailingVisual"] {
    grid-area: trailingVisual;
}

/*!sc*/
.cHudMD [data-component="trailingAction"] {
    margin-right: -4px;
    color: #656d76;
}

/*!sc*/
.cHudMD [data-component="buttonContent"] {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

/*!sc*/
.cHudMD [data-component="buttonContent"]> :not(:last-child) {
    margin-right: 8px;
}

/*!sc*/
.cHudMD:hover:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.32);
}

/*!sc*/
.cHudMD:active:not([disabled]) {
    background-color: rgba(208, 215, 222, 0.48);
}

/*!sc*/
.cHudMD[aria-expanded=true] {
    background-color: rgba(208, 215, 222, 0.24);
}

/*!sc*/
.cHudMD[data-component="IconButton"][data-no-visuals] {
    color: #656d76;
}

/*!sc*/
.cHudMD[data-no-visuals] {
    color: #0969da;
}

/*!sc*/
.cHudMD:has([data-component="ButtonCounter"]) {
    color: #24292f;
}

/*!sc*/
.cHudMD:disabled[data-no-visuals] {
    color: #8c959f;
}

/*!sc*/
.cHudMD:disabled[data-no-visuals] [data-component=ButtonCounter] {
    color: inherit;
}

/*!sc*/
.cHudMD {
    color: #6e7781;
    padding-left: 8px;
    padding-right: 8px;
}

/*!sc*/
data-styled.g28[id="types__StyledButton-sc-ws60qy-0"] {
    content: "fNmgkb,hgfMvt,goRVy,iTETFQ,esHtYi,cHudMD,"
}

/*!sc*/
.hFFfJn {
    position: relative;
    display: inline-block;
}

/*!sc*/
.hFFfJn::before {
    position: absolute;
    z-index: 1000001;
    display: none;
    width: 0px;
    height: 0px;
    color: #24292f;
    pointer-events: none;
    content: '';
    border: 6px solid transparent;
    opacity: 0;
}

/*!sc*/
.hFFfJn::after {
    position: absolute;
    z-index: 1000000;
    display: none;
    padding: 0.5em 0.75em;
    font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-font-smoothing: subpixel-antialiased;
    color: #ffffff;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    -webkit-letter-spacing: normal;
    -moz-letter-spacing: normal;
    -ms-letter-spacing: normal;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre;
    pointer-events: none;
    content: attr(aria-label);
    background: #24292f;
    border-radius: 3px;
    opacity: 0;
}

/*!sc*/
@-webkit-keyframes tooltip-appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*!sc*/
@keyframes tooltip-appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*!sc*/
.hFFfJn:hover::before,
.hFFfJn:active::before,
.hFFfJn:focus::before,
.hFFfJn:focus-within::before,
.hFFfJn:hover::after,
.hFFfJn:active::after,
.hFFfJn:focus::after,
.hFFfJn:focus-within::after {
    display: inline-block;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-animation-name: tooltip-appear;
    animation-name: tooltip-appear;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

/*!sc*/
.hFFfJn.tooltipped-no-delay:hover::before,
.hFFfJn.tooltipped-no-delay:active::before,
.hFFfJn.tooltipped-no-delay:focus::before,
.hFFfJn.tooltipped-no-delay:focus-within::before,
.hFFfJn.tooltipped-no-delay:hover::after,
.hFFfJn.tooltipped-no-delay:active::after,
.hFFfJn.tooltipped-no-delay:focus::after,
.hFFfJn.tooltipped-no-delay:focus-within::after {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

/*!sc*/
.hFFfJn.tooltipped-multiline:hover::after,
.hFFfJn.tooltipped-multiline:active::after,
.hFFfJn.tooltipped-multiline:focus::after,
.hFFfJn.tooltipped-multiline:focus-within::after {
    display: table-cell;
}

/*!sc*/
.hFFfJn.tooltipped-s::after,
.hFFfJn.tooltipped-se::after,
.hFFfJn.tooltipped-sw::after {
    top: 100%;
    right: 50%;
    margin-top: 6px;
}

/*!sc*/
.hFFfJn.tooltipped-s::before,
.hFFfJn.tooltipped-se::before,
.hFFfJn.tooltipped-sw::before {
    top: auto;
    right: 50%;
    bottom: -7px;
    margin-right: -6px;
    border-bottom-color: #24292f;
}

/*!sc*/
.hFFfJn.tooltipped-se::after {
    right: auto;
    left: 50%;
    margin-left: -16px;
}

/*!sc*/
.hFFfJn.tooltipped-sw::after {
    margin-right: -16px;
}

/*!sc*/
.hFFfJn.tooltipped-n::after,
.hFFfJn.tooltipped-ne::after,
.hFFfJn.tooltipped-nw::after {
    right: 50%;
    bottom: 100%;
    margin-bottom: 6px;
}

/*!sc*/
.hFFfJn.tooltipped-n::before,
.hFFfJn.tooltipped-ne::before,
.hFFfJn.tooltipped-nw::before {
    top: -7px;
    right: 50%;
    bottom: auto;
    margin-right: -6px;
    border-top-color: #24292f;
}

/*!sc*/
.hFFfJn.tooltipped-ne::after {
    right: auto;
    left: 50%;
    margin-left: -16px;
}

/*!sc*/
.hFFfJn.tooltipped-nw::after {
    margin-right: -16px;
}

/*!sc*/
.hFFfJn.tooltipped-s::after,
.hFFfJn.tooltipped-n::after {
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

/*!sc*/
.hFFfJn.tooltipped-w::after {
    right: 100%;
    bottom: 50%;
    margin-right: 6px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

/*!sc*/
.hFFfJn.tooltipped-w::before {
    top: 50%;
    bottom: 50%;
    left: -7px;
    margin-top: -6px;
    border-left-color: #24292f;
}

/*!sc*/
.hFFfJn.tooltipped-e::after {
    bottom: 50%;
    left: 100%;
    margin-left: 6px;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

/*!sc*/
.hFFfJn.tooltipped-e::before {
    top: 50%;
    right: -7px;
    bottom: 50%;
    margin-top: -6px;
    border-right-color: #24292f;
}

/*!sc*/
.hFFfJn.tooltipped-multiline::after {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 250px;
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: separate;
}

/*!sc*/
.hFFfJn.tooltipped-multiline.tooltipped-s::after,
.hFFfJn.tooltipped-multiline.tooltipped-n::after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*!sc*/
.hFFfJn.tooltipped-multiline.tooltipped-w::after,
.hFFfJn.tooltipped-multiline.tooltipped-e::after {
    right: 100%;
}

/*!sc*/
.hFFfJn.tooltipped-align-right-2::after {
    right: 0;
    margin-right: 0;
}

/*!sc*/
.hFFfJn.tooltipped-align-right-2::before {
    right: 15px;
}

/*!sc*/
.hFFfJn.tooltipped-align-left-2::after {
    left: 0;
    margin-left: 0;
}

/*!sc*/
.hFFfJn.tooltipped-align-left-2::before {
    left: 10px;
}

/*!sc*/
data-styled.g29[id="Tooltip__TooltipBase-sc-uha8qm-0"] {
    content: "hFFfJn,"
}

/*!sc*/
.ghRVGj {
    color: #1F2328;
}

/*!sc*/
.eUGNHp {
    font-weight: 600;
}

/*!sc*/
.bOMzPg {
    min-width: 0;
}

/*!sc*/
data-styled.g34[id="Text-sc-17v1xeu-0"] {
    content: "ghRVGj,eUGNHp,bOMzPg,"
}

/*!sc*/
.bPgibo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    margin-bottom: -1px;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    position: relative;
}

/*!sc*/
data-styled.g118[id="UnderlineNav__NavigationList-sc-1jfr31k-0"] {
    content: "bPgibo,"
}


.Input-module__Box_4--GVHsf {
    background: transparent;
    border: 0;
    caret-color: var(--fgColor-default, var(--color-fg-default));
    color: transparent;
    display: flex;
    height: 30px;
    min-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0;
    position: relative;
    resize: none;
}

:is(:where(.prc-Button-ButtonBase-c50BI) .prc-Button-ButtonContent-HKbr-)>:not(:last-child) {
    margin-right: var(--base-size-8, .5rem);
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=default]):hover {
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
}

.AdvancedFilterDialog-module__Button_0--vFOss {
    border-radius: var(--borderRadius-medium);
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    box-shadow: none !important;
    margin-inline-end: -1px;
    z-index: 1;
}

.SubmitButton-module__IconButton_0--AJwMO {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    box-shadow: none;
    color: var(--fgColor-muted);
    flex-shrink: 0;
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]) {
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=invisible]):hover {
    background-color: var(--button-invisible-bgColor-hover, var(--color-action-list-item-default-hover-bg));
}

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

    .gutter-condensed {
        margin-right: calc(var(--base-size-8)*-1);
        margin-left: calc(var(--base-size-8)*-1);
    }

    .flex-row {
        flex-direction: row !important;
    }

    .flex-column {
        flex-direction: column !important;
    }

    .flex-wrap {
        flex-wrap: wrap !important;
    }

    .flex-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-items-center {
        align-items: center !important;
    }

    .flex-content-stretch {
        align-content: stretch !important;
    }

    .flex-1 {
        flex: 1 !important;
    }

    .flex-self-start {
        align-self: flex-start !important;
    }

    .mt-1 {
        margin-top: var(--base-size-4, 4px) !important;
    }

    .mr-2 {
        margin-right: var(--base-size-8, 8px) !important;
    }

    .pl-1 {
        padding-left: var(--base-size-4, 4px) !important;
    }

    .py-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important;
    }

    .pb-3 {
        padding-bottom: var(--base-size-16, 16px) !important;
    }

    .text-bold {
        font-weight: var(--base-text-weight-semibold, 600) !important;
    }

    .d-flex {
        display: flex !important;
    }

    @media (max-width: 543.98px) {
        .hide-sm {
            display: none !important;
        }
    }

    @media (min-width: 544px)and (max-width: 767.98px) {
        .hide-md {
            display: none !important;
        }
    }

    @media (min-width: 768px)and (max-width: 1011.98px) {
        .hide-lg {
            display: none !important;
        }
    }

    @media (min-width: 1012px) {
        .hide-xl {
            display: none !important;
        }
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip-path: rect(0 0 0 0);
        overflow-wrap: normal;
        border: 0;
    }

    .FormControl {
        display: inline-flex;
        flex-direction: column;
        gap: var(--base-size-4);
    }

    .FormControl--fullWidth {
        display: flex;
    }

    .FormControl-label {
        color: var(--fgColor-default);
        font-size: var(--text-body-size-medium);
        font-weight: var(--base-text-weight-semibold);
        line-height: var(--text-body-lineHeight-medium);
    }
}
 */
/*! CSS Used from: https://github.githubassets.com/assets/global-79a5b5698a34.css ; media=all */
@media all {

    body button:focus:not(:focus-visible),
    body a:focus:not(:focus-visible) {
        outline: none;
        box-shadow: none;
    }

    body [tabindex="0"]:focus:not(:focus-visible) {
        outline: none;
    }

    [data-catalyst] {
        display: block;
    }

    relative-time {
        white-space: nowrap;
    }

    @media (prefers-color-scheme: dark) {
        [data-color-mode=auto][data-dark-theme*=dark] ::selection {
            background-color: var(--selection-bgColor);
        }
    }
}

/*! CSS Used from: https://github.githubassets.com/assets/github-6110438c1619.css ; media=all */
@media all {
    @media print {
        p {
            page-break-inside: avoid;
        }
    }
}

/*! CSS Used from: https://github.githubassets.com/assets/react-1a79343258bd.css ; media=all */
@media all {
    .react-app {
        display: block;
        min-height: calc(100vh - 64px);
    }
}

/*! CSS Used from: Embedded */
.dWWPyL {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr;
    grid-template-areas: "context-area context-area context-area context-area context-area" "leading-action breadcrumbs title-area trailing-action actions" "description description description description description" "navigation navigation navigation navigation navigation";
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--borderColor-default, var(--color-border-default, #d0d7de));
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.dWWPyL:has([data-component="TitleArea"][data-size-variant="medium"]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}

.dWWPyL [data-component="PH_Actions"],
.dWWPyL [data-component="PH_TrailingVisual"] {
    height: calc(var(--title-line-height) * 1em);
}

.cpOVOS {
    grid-area: title-area;
    display: flex;
    gap: 0.5rem;
    flex-direction: row;
    align-items: flex-start;
}

.hFAVwB {
    display: block;
    order: 1;
    font-size: inherit;
    font-weight: inherit;
}

.kRKHJl {
    display: flex;
    order: 2;
    -webkit-box-align: center;
    align-items: center;
}

.bnmsDs {
    grid-area: actions;
    display: flex;
    flex-direction: row;
    padding-left: 0.5rem;
    gap: 0.5rem;
    min-width: max-content;
    justify-content: right;
    -webkit-box-align: center;
    align-items: center;
}

.kScZQx {
    grid-area: description;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 0.5rem;
    gap: 0.5rem;
    font-weight: initial;
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    font-size: var(--text-body-size-medium, 0.875rem);
}

.VfulE {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--borderColor-default, var(--color-border-default, #d0d7de));
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.fHrHav {
    display: grid;
    grid-template-columns: auto auto auto auto 1fr;
    grid-template-areas: "context-area context-area context-area context-area context-area" "leading-action breadcrumbs title-area trailing-action actions" "description description description description description" "navigation navigation navigation navigation navigation";
}

.fHrHav:has([data-component="TitleArea"][data-size-variant="medium"]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}

.fHrHav [data-component="PH_TrailingVisual"] {
    height: calc(var(--title-line-height) * 1em);
}

.dWHhHo {
    border-width: 1px;
    border-style: solid;
    border-color: var(--borderColor-default, var(--color-border-default, #d0d7de));
    border-radius: 6px;
    width: 270px;
    padding: 12px 16px 6px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
    flex-basis: 100%;
}

@media screen and (min-width: 544px) {
    .dWHhHo {
        flex-basis: 40%;
    }
}



:where(.prc-Label-Label--LG6X) {
    align-items: center;
    background-color: transparent;
    border-radius: var(--borderRadius-full, 624.9375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, .0625rem));
    color: var(--fgColor-default, var(--color-fg-default));
    display: inline-flex;
    font-size: var(--text-body-size-small, .75rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 1;
    white-space: nowrap;
}

:where(.prc-Label-Label--LG6X):where([data-size=small]) {
    height: var(--base-size-20, 1.25rem);
    padding: 0 var(--base-size-6, .375rem);
}

:where(.prc-Label-Label--LG6X):where([data-variant=success]) {
    border-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
    color: var(--fgColor-success, var(--color-success-fg));
}


@media screen and (min-width: 768px) {
    .dWHhHo {
        flex-basis: 21%;
    }
}

@media screen and (min-width: 1012px) {
    .dWHhHo {
        flex-basis: 40%;
    }
}

@media screen and (min-width: 1280px) {
    .dWHhHo {
        flex-basis: 21%;
    }
}

.JcuiZ {
    padding-top: 16px;
}

.hdShgm {
    position: relative;
    overflow: auto;
}

.bTwlvY {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
}

.kSvtQp {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
}

.cSURfY {
    display: flex;
}

.heaOmx {
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}

.fhNCdb:not(:focus):not(:active):not(:focus-within) {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.jOyaRH {
    display: none;
}

.jOyaRH[popover] {
    position: absolute;
    padding: 0.5em 0.75em;
    width: max-content;
    margin: auto;
    clip: auto;
    white-space: normal;
    font: 11px / 1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    -webkit-font-smoothing: subpixel-antialiased;
    color: var(--tooltip-fgColor, var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff)));
    text-align: center;
    overflow-wrap: break-word;
    background: var(--tooltip-bgColor, var(--bgColor-emphasis, var(--color-neutral-emphasis-plus, #24292f)));
    border-radius: 6px;
    border: 0px;
    opacity: 0;
    max-width: 250px;
    inset: auto;
    overflow: visible;
}

@media (forced-colors: active) {
    .jOyaRH {
        outline: transparent solid 1px;
    }
}

.jOyaRH::after {
    position: absolute;
    display: block;
    right: 0px;
    left: 0px;
    height: var(--overlay-offset, 0.25rem);
    content: "";
}

.jOyaRH[data-direction="s"]::after {
    bottom: 100%;
}

.jOyaRH[data-direction="w"]::after {
    position: absolute;
    display: block;
    height: 100%;
    width: 8px;
    content: "";
    bottom: 0px;
    left: 100%;
}

.gAwGiF {
    margin: 0px;
    padding-inline-start: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.eAtkQz {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    max-width: 100%;
}

.dzIsdW[data-cell-padding="normal"] {
    --cell-padding-block: 0.5rem;
    --cell-padding-inline: 0.75rem;
}

.dzIsdW .TableCell:first-child,
.dzIsdW .TableHeader:first-child {
    border-left: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.dzIsdW .TableCell:last-child,
.dzIsdW .TableHeader:last-child {
    border-right: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.dzIsdW .TableHeader,
.dzIsdW .TableCell {
    text-align: start;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
    padding: var(--table-cell-padding);
}

.dzIsdW .TableHeader[data-cell-align="end"],
.dzIsdW .TableCell[data-cell-align="end"] {
    text-align: end;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
}

.dzIsdW .TableHeader[data-cell-align="end"] .TableSortButton {
    display: flex;
    flex-direction: row-reverse;
}

.dzIsdW .TableHead .TableRow:first-of-type .TableHeader {
    border-top: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.dzIsdW .TableHead .TableRow:first-of-type .TableHeader:first-child {
    border-top-left-radius: var(--table-border-radius);
}

.dzIsdW .TableHead .TableRow:first-of-type .TableHeader:last-child {
    border-top-right-radius: var(--table-border-radius);
}

.dzIsdW .TableRow> :first-child:not(.TableCellSkeleton) {
    padding-inline-start: 1rem;
}

.dzIsdW .TableRow> :last-child:not(.TableCellSkeleton) {
    padding-inline-end: 1rem;
}

.dzIsdW .TableHeader {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle, #f6f8fa));
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    font-weight: 600;
    border-top: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.dzIsdW .TableHeader[aria-sort="descending"] {
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
}

.dzIsdW .TableSortIcon {
    visibility: hidden;
}

.dzIsdW .TableHeader:hover .TableSortIcon--ascending,
.dzIsdW .TableHeader .TableSortButton:focus .TableSortIcon--ascending {
    visibility: visible;
}

.dzIsdW .TableHeader[aria-sort="descending"] .TableSortIcon--descending {
    visibility: visible;
}

.dzIsdW .TableRow:hover .TableCell:not(.TableCellSkeleton) {
    background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(208, 215, 222, 0.32)));
}

.dzIsdW .TableHead,
.dzIsdW .TableBody,
.dzIsdW .TableRow {
    display: contents;
}

.fTqOoa {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title actions" "divider divider" "subtitle subtitle" "filter filter" "table table" "footer footer";
    column-gap: 8px;
}

.fTqOoa .Table {
    grid-area: table;
}

.fTqOoa .TableOverflowWrapper {
    grid-area: table;
}

.fGmHoh {
    margin: 0px;
    display: inline-flex;
    padding: 0px;
    border: 0px;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    font: inherit;
    color: inherit;
    column-gap: 0.5rem;
    -webkit-box-align: center;
    align-items: center;
}

.FApfV {
    margin: 0px;
    display: inline-flex;
    padding: 0px;
    border: 0px;
    appearance: none;
    background: none;
    cursor: pointer;
    text-align: start;
    font: inherit;
    color: inherit;
    -webkit-box-align: center;
    align-items: center;
}

.cVodWt {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    column-gap: 1rem;
    width: 100%;
    grid-area: footer;
    padding: 0.5rem 1rem;
    border-top-width: 0px;
    border-end-start-radius: 6px;
    border-end-end-radius: 6px;
    border: 1px solid rgb(209, 217, 224);
    border-top: 0 !important;



}

.Input-module__Box_0--Don6t {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex: 1;
    font-size: inherit;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    scrollbar-width: none;
}

.Input-module__Box_1--k2OuJ {
    display: inline-flex;
    flex: 1;
    padding: 0;
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    white-space: pre;
    word-break: break-word;
}

.Filter-module__Box_2--cXSlw {
    align-items: center;
    border-color: var(--borderColor-default);
    border-style: solid;
    border-width: var(--borderWidth-thin);
    display: grid;
    grid-template-columns: min-content 1fr min-content;
    margin-inline-end: -1px;
    padding-left: var(--base-size-4);
    padding-right: 1px;
    width: 100%;
}

.Filter-module__hasSubmit--Kbnqi {
    grid-template-columns: 1fr min-content;
    padding-left: var(--base-size-12);
}

.Input-module__Box_2--aQerX {
    align-self: stretch;
    height: 30px;
    width: 100%;
}

.FilterInputWrapper-module__Box_1--vewob {
    align-items: center;
    background: var(--bgColor-default);
    color: var(--fgColor-default);
    cursor: text;
    display: inline-flex;
    font-size: var(--text-body-size-medium);
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.prc-Button-IconButton-szpyj:where(.prc-Button-ButtonBase-c50BI) {
    display: inline-grid;
    min-width: unset;
    padding: 0 !important;
    place-content: center;
    width: var(--control-medium-size, 2rem);
}

.cVodWt .TablePaginationRange {
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    font-size: 0.75rem;
    margin: 0px;
}

.cVodWt .TablePaginationSteps {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    font-size: 0.875rem;
    margin: 0px;
    padding: 0px;
}

.cVodWt .TablePaginationStep:first-of-type {
    margin-right: 1rem;
}

.cVodWt .TablePaginationStep:last-of-type {
    margin-left: 1rem;
}

.cVodWt .TablePaginationAction {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    font-size: 0.875rem;
    line-height: calc(1.42857);
    user-select: none;
    padding: 0.5rem;
    border-radius: 6px;
}

.cVodWt .TablePaginationPage {
    min-width: 2rem;
    min-height: 2rem;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 0.875rem;
    line-height: calc(1.42857);
    user-select: none;
    border-radius: 6px;
    padding: 0.5rem calc(0.375rem);
}

.cVodWt .TablePaginationPage:hover,
.cVodWt .TablePaginationPage:focus {
    background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg, rgba(208, 215, 222, 0.32)));
    transition-duration: 0.1s;
}

.cVodWt .TablePaginationPage[data-active="true"] {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis, #0969da));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis, #ffffff));
}

@media ((max-width: calc(767.98px))) {
    .cVodWt .TablePaginationSteps[data-hidden-viewport-ranges*="narrow"]> :not(:first-child):not(:last-child) {
        display: none;
    }

    .cVodWt .TablePaginationSteps[data-hidden-viewport-ranges*="narrow"]> :first-child {
        margin-inline-end: 0px;
    }

    .cVodWt .TablePaginationSteps[data-hidden-viewport-ranges*="narrow"]> :last-child {
        margin-inline-start: 0px;
    }
}

.DvNYj {
    display: flex;
    margin-bottom: -1px;
    overflow: auto;
}

.hSklQi {
    margin-top: 0px;
    border-bottom: 1px solid var(--borderColor-default, var(--color-border-default, #d0d7de));
}

.hRkaKP {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    text-decoration: none;
    background-color: transparent;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    cursor: default;
    white-space: nowrap;
}

.hRkaKP:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid var(--fgColor-accent, var(--color-accent-fg, #0969da));
    outline-offset: -6px;
}

.hRkaKP:focus:not(:disabled):not(:focus-visible) {
    outline: transparent solid 1px;
}

.hRkaKP:hover,
.hRkaKP:focus {
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    text-decoration: none;
}

.hRkaKP.selected {
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    border-color: var(--borderColor-default, var(--color-border-default, #d0d7de));
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background-color: var(--bgColor-default, var(--color-canvas-default, #ffffff));
}

.knbwfB {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    background-color: transparent;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
    cursor: pointer;
    white-space: nowrap;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
}

.knbwfB:focus:not(:disabled) {
    box-shadow: none;
    outline: 2px solid var(--fgColor-accent, var(--color-accent-fg, #0969da));
    outline-offset: -6px;
}

.knbwfB:focus:not(:disabled):not(:focus-visible) {
    outline: transparent solid 1px;
}

.knbwfB:hover,
.knbwfB:focus {
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
    text-decoration: none;
}

.knbwfB:hover {
    color: var(--fgColor-default, var(--color-fg-default, #1F2328));
}

.hyhjyo {
    display: flex;
    flex-flow: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: flex-start;
    gap: var(--stack-gap, var(--stack-gap-normal, 1rem));
}

.hyhjyo[data-padding="none"] {
    padding: 0px;
}

.hyhjyo[data-direction="horizontal"] {
    flex-flow: row;
}

.hyhjyo[data-gap="condensed"] {
    --stack-gap: var(--stack-gap-condensed, 0.5rem);
}

.hyhjyo[data-justify="space-between"] {
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.hyhjyo[data-wrap="nowrap"] {
    flex-wrap: nowrap;
}







/* :where(.prc-Button-ButtonBase-c50BI) {
    align-items: center;
    appearance: none;
    background-color: transparent;
    border: var(--borderWidth-thin, max(1px, .0625rem)) solid;
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    border-radius: var(--borderRadius-medium, .375rem) !important;
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: var(--text-body-size-medium, .875rem);
    font-weight: var(--base-text-weight-medium, 500);
    gap: var(--base-size-8, .5rem);
    height: var(--control-medium-size, 2rem);
    justify-content: space-between;
    min-width: max-content;
    padding: 0 var(--control-medium-paddingInline-normal, .75rem);
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: 80ms cubic-bezier(.65, 0, .35, 1);
    transition-property: color, fill, background-color, border-color;
    -webkit-user-select: none;
    user-select: none;
} */

:where(.prc-Button-ButtonBase-c50BI):where([data-variant=default]) {
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow));
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
}

:is(:where(.prc-Button-ButtonBase-c50BI) .prc-Button-ButtonContent-HKbr-):where([data-align=center]) {
    justify-content: center;
}

:where(.prc-Button-ButtonBase-c50BI) .prc-Button-ButtonContent-HKbr- {
    align-content: center;
    align-items: center;
    display: grid;
    flex: 1 0 auto;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
}

.play-button .fa-play {
    display: inline;
}

.play-button.playing .fa-play {
    display: none;
}

.play-button .fa-pause {
    display: none;
}

.play-button.playing .fa-pause {
    display: inline;
}

[data-a11y-link-underlines=true] .Link--outlineOffset {
    outline-offset: .15rem !important;
}

.footer-social-icon {
    color: var(--fgColor-muted);
}

.footer-social-icon:hover {
    color: var(--fgColor-disabled);
}

[data-a11y-link-underlines=true] .Link--outlineOffset {
    outline-offset: .15rem !important;
}





.achievement-card {
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
    transition: .4s ease;
}

.achievement-card:hover {
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
}

:is(.label, .Label):hover {
    -webkit-text-decoration: none;
    text-decoration: none;
}








.TimelineItem--condensed {
    padding-bottom: 0;
    padding-top: var(--base-size-4);
}

.TimelineItem {
    display: flex;
    margin-left: var(--stack-gap-normal);
    padding: var(--stack-padding-normal) 0;
    position: relative;
}



/* .TimelineItem:before {
    background-color: var(--borderColor-muted);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick);
} */

.TimelineItem--condensed .TimelineItem-badge {
    background-color: var(--bgColor-default);
    border: 0;
    color: var(--fgColor-muted);
    height: var(--base-size-16);
    margin-bottom: var(--base-size-8);
    margin-top: var(--base-size-8);
}

.TimelineItem-badge {
    align-items: center;
    background-color: var(--timelineBadge-bgColor);
    border: var(--borderWidth-thick) solid var(--bgColor-default);
    border-radius: 50%;
    color: var(--fgColor-muted);
    display: flex;
    flex-shrink: 0;
    height: var(--control-medium-size);
    justify-content: center;
    margin-left: calc(var(--control-medium-size) / -2 + 1px);
    margin-right: var(--controlStack-medium-gap-condensed);
    position: relative;
    width: var(--control-medium-size);
    z-index: 1;
}

.TimelineItem-body {
    color: var(--fgColor-muted);
    flex: auto;
    margin-top: var(--base-size-4);
    max-width: 100%;
    min-width: 0;
}

.TimelineItem {
    display: flex;
    margin-left: var(--stack-gap-normal);
    padding: var(--stack-padding-normal) 0;
    position: relative;
}
/* 
.TimelineItem:before {
    background-color: var(--borderColor-muted);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick);
} */

.TimelineItem--condensed .TimelineItem-badge {
    background-color: var(--bgColor-default);
    border: 0;
    color: var(--fgColor-muted);
    height: var(--base-size-16);
    margin-bottom: var(--base-size-8);
    margin-top: var(--base-size-8);
}

.TimelineItem-badge {
    align-items: center;
    background-color: var(--timelineBadge-bgColor);
    border: var(--borderWidth-thick) solid var(--bgColor-default);
    border-radius: 50%;
    color: var(--fgColor-muted);
    display: flex;
    flex-shrink: 0;
    height: var(--control-medium-size);
    justify-content: center;
    margin-left: calc(var(--control-medium-size) / -2 + 1px);
    margin-right: var(--controlStack-medium-gap-condensed);
    position: relative;
    width: var(--control-medium-size);
    z-index: 1;
}

.TimelineItem--condensed {
    padding-bottom: 0;
    padding-top: var(--base-size-4);
}



/* .TimelineItem:before {
    background-color: var(--borderColor-muted);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick);
}
 */



.achievement-badges-flip .tier-badge:first-child,
.achievement-badges-flip .tier-badge:nth-child(2) {
    opacity: 1;
}

.achievement-badges-flip .tier-badge--back {
    transform: rotateY(180deg);
}

.achievement-badges-flip .tier-badge {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    opacity: 0;
}

.achievement-badges .tier-badge {
    padding: 0;
    border: 0;
}


.achievement-badge-sidebar {
    filter: drop-shadow(var(--shadow-floating-large, var(--color-shadow-large)))
}

.achievement-badge-card {
    width: 96px;
    margin: var(--base-size-4);
    filter: drop-shadow(var(--shadow-floating-large, var(--color-shadow-large)))
}

@media(min-width: 1012px) {
    .achievement-badge-card {
        width: 128px
    }
}

.achievement-tier-label {
    color: var(--fgColor-black, var(--color-scale-gray-9))
}

.achievement-tier-label--bronze {
    background-color: #f9bfa7;
    border-color: #f9bfa7
}

.achievement-tier-label--silver {
    background-color: #e1e4e4;
    border-color: #e1e4e4
}

.achievement-tier-label--gold {
    background-color: #fae57e;
    border-color: #fae57e
}

.achievement-card {
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
    transition: .4s ease
}

.achievement-card:hover {
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large))
}

.achievement-card-unseen {
    box-shadow: 0 3px 6px var(--borderColor-accent-muted, var(--color-accent-subtle))
}

.achievement-badges .tier-badge {
    padding: 0;
    border: 0
}

.achievement-badges-flip {
    position: relative;
    transform-style: preserve-3d;
    width: 140px;
    height: 140px
}

.achievement-badges-flip .tier-badge {
    position: absolute;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    opacity: 0
}

.achievement-badges-flip .tier-badge--back {
    transform: rotateY(180deg)
}

.achievement-badges-flip .tier-badge:first-child,
.achievement-badges-flip .tier-badge:nth-child(2) {
    opacity: 1
}

.achievement-detail-close {
    width: var(--base-size-32);
    height: var(--base-size-32)
}

.achievement-history {
    margin-bottom: calc(var(--base-size-16)*-1)
}

.achievement-history .achievement-history-unlocked-at::before {
    top: var(--base-size-24)
}

.achievement-history .achievement-history-tier:last-child::before {
    bottom: var(--base-size-40)
}

.main-martor .nav-tabs .nav-item.show .nav-link,
.main-martor .nav-tabs .nav-link.active,
.main-martor .nav-tabs .nav-link.active:hover {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem) 0 0;
    color: var(--fgColor-default, var(--color-fg-default));
}

    .auth-form-body {
          border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
          border-radius: var(--borderRadius-medium);
      }

      .auth-form-header {
          margin-bottom: var(--base-size-16);
          color: var(--fgColor-default);
          text-align: center;
          text-shadow: none;
          background-color: transparent;
          border: 0;
      }

      .auth-form-header h1 {
          font-size: 24px;
          font-weight: var(--base-text-weight-light, 300);
          letter-spacing: -0.5px;
      }

     .login-callout {
        padding: var(--base-size-16) var(--base-size-16);
        text-align: center;
        border: var(--borderWidth-thin) solid var(--borderColor-default);
        border-radius: var(--borderRadius-medium);
    }

 .auth-form label {
        display: block;
        margin-bottom: var(--base-size-8);
        font-weight: var(--base-text-weight-normal, 400);
        text-align: left;
    }

    .auth-form .label-link {
        float: right;
        font-size: 12px;
    }



    @media (min-width: 1012px) {
        .start-copilot-banner[data-color-mode=light] {
            background-image: url(../img/copilot-light-c5693f6c5ff6.png);
        }
    }
    
    @media (min-width: 1012px) and (prefers-color-scheme: light) {
        .start-copilot-banner {
            background-image: url(../img/copilot-light-c5693f6c5ff6.png);
        }
    }
    @media (min-width: 1012px) {
        .start-copilot-banner {
            background-repeat: no-repeat;
            background-position: right;
            background-size: contain;
        }
    }
    .copilot-typing {
        font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 32px;
        font-weight: 800;
        line-height: 30px;
    }
    @media (prefers-color-scheme: light) {
        .copilot-typing .copilot-text-prediction {
            color: #d1d5da;
        }
    }
    .copilot-typing span.copilot-text-prediction::before {
        position: absolute;
        display: inline-block;
        width: 2px;
        height: 30px;
        margin-top: 2px;
        content: "";
        background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    }
    @media (prefers-color-scheme: light) {
        .copilot-typing .copilot-text-prediction {
            color: #d1d5da;
        }
    }
    .copilot-typing {
        font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 32px;
        font-weight: 800;
        line-height: 30px;
    }
    
    .blankslate {
    --blankslate-outer-padding-block: var(--base-size-32);
    --blankslate-outer-padding-inline: var(--base-size-32);
    padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);
    position: relative;
    text-align: center;
}

.blankslate p {
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-large);
}
.blankslate-icon {
    color: var(--fgColor-muted);
    margin-bottom: var(--stack-gap-condensed);
    margin-left: var(--control-small-gap);
    margin-right: var(--control-small-gap);
}

:root {
    --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
    --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --fontStack-sansSerifDisplay: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    --text-body-lineHeight-large: 1.5;
    --text-body-lineHeight-medium: 1.4285;
    --text-body-lineHeight-small: 1.6666;
    --text-body-size-large: 1rem;
    --text-body-size-medium: 0.875rem;
    --text-body-size-small: 0.75rem;
    --text-caption-lineHeight: 1.3333;
    --text-caption-size: 0.75rem;
    --text-codeBlock-lineHeight: 1.5385;
    --text-codeBlock-size: 0.8125rem;
    --text-codeInline-size: 0.9285em;
    --text-display-lineBoxHeight: 1.4;
    --text-display-lineHeight: 1.4;
    --text-display-size: 2.5rem;
    --text-subtitle-lineHeight: 1.6;
    --text-subtitle-size: 1.25rem;
    --text-title-lineHeight-large: 1.5;
    --text-title-lineHeight-medium: 1.6;
    --text-title-lineHeight-small: 1.5;
    --text-title-size-large: 2rem;
    --text-title-size-medium: 1.25rem;
    --text-title-size-small: 1rem;
    --text-body-weight: var(--base-text-weight-normal);
    --text-caption-weight: var(--base-text-weight-normal);
    --text-codeBlock-weight: var(--base-text-weight-normal);
    --text-codeInline-weight: var(--base-text-weight-normal);
    --text-display-weight: var(--base-text-weight-medium);
    --text-subtitle-weight: var(--base-text-weight-normal);
    --text-title-weight-large: var(--base-text-weight-semibold);
    --text-title-weight-medium: var(--base-text-weight-semibold);
    --text-title-weight-small: var(--base-text-weight-semibold);
    --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); /* User-generated content, markdown rendering. */
    --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); /* Default UI font. Most commonly used for body text. */
    --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); /* Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. */
    --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); /* Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. */
    --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); /* Default style for rendering code blocks. */
    --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); /* Inline code blocks using em units to inherit size from its parent. */
    --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerifDisplay); /* Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. */
    --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerifDisplay); /* Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). */
    --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerifDisplay); /* Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. */
    --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerifDisplay); /* Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. */
    --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); /* Uses the same size as body (large) with a heavier weight of semibold (600). */
  }
  


  .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: var(--base-size-16);
}

.hxTuxw {
    font: var(--text-title-shorthand-small);
}

.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]), .prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=subtitle]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]) {
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]), .prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=subtitle]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]) {
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]), .prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=subtitle]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]) {
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]), .prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=subtitle]) {
    font-size: var(--custom-font-size, var(--text-title-size-medium, 1.25rem));
    line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
    --title-line-height: var(--custom-line-height, var(--text-title-lineHeight-medium, 1.6));
}
.prc-PageHeader-PageHeader-sT1Hp:has([data-component=TitleArea][data-size-variant=medium]) {
    font-weight: var(--custom-font-weight, var(--base-text-weight-semibold, 600));
}


@media screen and (min-width: 544px) {
    .dWHhHo {
        flex-basis: 40%;
    }
}
@media screen and (min-width: 768px) {
    .dWHhHo {
        flex-basis: 21%;
    }
}

@media screen and (min-width: 1012px) {
    .dWHhHo {
        flex-basis: 40%;
    }
}

@media screen and (min-width: 1280px) {
    .dWHhHo {
        flex-basis: 21%;
    }
}


 @media (min-width: 1012px) {
      .HeaderMenu-link-wrap {
          margin-right: var(--base-size-12);
      }
  }
    .HeaderMenu-item:hover .HeaderMenu-dropdown, .HeaderMenu-item.open .HeaderMenu-dropdown {
      visibility: visible;
      opacity: 1;
      transform: scale(1) translateY(0);
  }
  
  .HeaderMenu-button-separator {
    width: var(--base-size-8);
    margin: 0 var(--base-size-8);
  }
  @media (min-width: 1012px) {
    .d-lg-block {
        display: block !important;
    }
  }
  .HeaderMenu-button-separator::before {
    display: block;
    width: var(--borderWidth-thin);
    height: var(--base-size-20);
    margin: var(--base-size-4);
    content: "";
    background: var(--color-border-default);
  }
  
  .BackToTop {
    position: sticky;
    bottom: var(--base-size-16);
    z-index: 98;
    display: flex
  ;
    padding-right: var(--base-size-16);
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s ease-out;
    justify-content: flex-end;
  }
  
  .BackToTop--visible {
    opacity: 1;
  }
  
  @media screen and (min-width: 768px) {
    .BackToTop {
        bottom: var(--base-size-24);
        padding-right: var(--base-size-24);
    }
  }
  
  .BackToTop--visible a {
    pointer-events: auto;
  }
  .BackToTop a {
    display: flex
  ;
    width: var(--base-size-36);
    height: var(--base-size-36);
    color: var(--brand-color-text-default);
    background-color: rgba(255, 255, 255, .15);
    background-clip: content-box;
    border: var(--borderWidth-thin) solid rgba(13, 17, 23, .75);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition: color .2s ease-in-out;
  }
  
  .BackToTop svg {
    width: var(--base-size-24);
    height: var(--base-size-24);
  }
  .octicon {
    display: inline-block;
    overflow: visible !important;
    vertical-align: text-bottom;
    fill: currentColor;
  }
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
  }
  .BackToTop:hover a, .BackToTop:focus a {
    color: rgba(13, 17, 23, .75);
    text-decoration:none;
  }

  .AppHeader .AppHeader-globalBar .AppHeader-search .AppHeader-search-kbd {
    display: inline-grid
;
    width: var(--base-size-16, 16px);
    height: var(--base-size-16, 16px);
    padding: 0;
    font-size: var(--text-caption-size, 12px);
    line-height: var(--text-caption-lineHeight, 1.3333333333);
    color: inherit;
    vertical-align: baseline;
    background: var(--bgColor-transparent);
    border: var(--borderWidth-thin) solid var(--fgColor-muted);
    border-radius: var(--borderRadius-small);
    box-shadow: none;
    align-items: center;
    justify-content: center;
}
kbd {
    display: inline-block;
    padding: var(--base-size-4);
    font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
    line-height: 10px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border: solid 1px var(--borderColor-neutral-muted, var(--color-neutral-muted));
    border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
    border-radius: 6px;
    box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted));
}

 .h0-mktg,
    .h1-mktg,
    .h2-mktg,
    .h3-mktg,
    .h4-mktg,
    .h5-mktg {
      font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-feature-settings: unset;
    }
    @media (min-width: 768px) {
      .h1-mktg {
        font-size: 56px !important;
        line-height: 60px !important;
        letter-spacing: -0.03em !important;
      }
    }
    @media (min-width: 1012px) {
      .h1-mktg {
        font-size: 72px !important;
        line-height: 76px !important;
      }
    }
      .h1-mktg {
        font-size: 40px;
        line-height: 44px;
        font-weight: 800;
      }
      .h0-mktg,
      .h1-mktg,
      .h2-mktg,
      .h3-mktg,
      .h4-mktg,
      .h5-mktg,
      .h6-mktg {
        font-family: "Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-feature-settings: "ss02" on, "ss01" on;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
      }
      .f0-mktg,
      .f1-mktg,
      .f2-mktg,
      .f3-mktg,
      .f4-mktg,
      .f5-mktg,
      .f6-mktg {
        font-feature-settings: unset;
      }
      @media (min-width: 1012px) { .f2-mktg {
        font-size: 24px !important;
        line-height: 32px !important;
        font-weight: 500;
      }
    }
      .f2-mktg {
        font-size: 20px !important;
        line-height: 28px !important;
      }
      .f0-mktg,
      .f1-mktg,
      .f2-mktg,
      .f3-mktg,
      .f4-mktg,
      .f5-mktg,
      .f6-mktg {
        font-family: "Mona Sans", "Mona Sans Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-feature-settings: "ss02" on, "ss01" on;
        font-weight: var(--base-text-weight-normal, 400);
      }

      .fQHCiz {
        padding-left: 4px;
        font-weight: 600;
    }

    .hnddHC {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted, #656d76));
    padding: 16px;
}
@media screen and (min-width: 1012px) {
    .hnddHC {
        padding: 0px;
    }
}
@media screen and (min-width: 768px) {
    .hnddHC {
        padding: 0px;
    }
}

@media screen and (min-width: 544px) {
    .hnddHC {
        padding: 16px;
    }
}
.eSyazd {
    display: inline-block;
    color: var(--fgColor-attention, var(--color-attention-fg, #9a6700));
}
.gYoIDA {
    color: var(--fgColor-attention, var(--color-attention-fg, #9a6700));
}

.logo__gradient {background: #814edf;
              background: linear-gradient(to right, #814edf 0%, #D52A33 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold);
}
.ActionList-item.active-sidebar-item:not(.ActionListItem--subItem) .ActionList-item-label {
    font-weight: var(--base-text-weight-semibold);
}