/* Collection default theme */
.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */
.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */
.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
    font-weight: 700;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ReactVirtualized__Table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ReactVirtualized__Table__headerColumn, .ReactVirtualized__Table__rowColumn {
    margin-right: 10px;
    min-width: 0px;
}

.ReactVirtualized__Table__rowColumn {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type, .ReactVirtualized__Table__rowColumn:first-of-type {
    margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn {
    cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ReactVirtualized__Table__sortableHeaderIcon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 1em;
    width: 1em;
    fill: currentColor;
}

/* List default theme */
.ReactVirtualized__List {
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS9zdHlsZXMuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhCQUE4Qjs7QUFFOUI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHdCQUF3Qjs7QUFFeEI7Q0FDQzs7QUFFRDtDQUNDOztBQUVELHlCQUF5Qjs7QUFFekI7Q0FDQzs7QUFFRDtDQUNDOztBQUVEO0VBQ0UsaUJBQWlCO0VBQ2pCLDBCQUEwQjtFQUMxQixxQkFBYztFQUFkLHFCQUFjO0VBQWQsY0FBYztFQUNkLCtCQUFvQjtFQUFwQiw4QkFBb0I7TUFBcEIsd0JBQW9CO1VBQXBCLG9CQUFvQjtFQUNwQiwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwrQkFBb0I7RUFBcEIsOEJBQW9CO01BQXBCLHdCQUFvQjtVQUFwQixvQkFBb0I7RUFDcEIsMEJBQW9CO01BQXBCLHVCQUFvQjtVQUFwQixvQkFBb0I7Q0FDckI7O0FBRUQ7RUFDRSxzQkFBc0I7RUFDdEIsZ0JBQWdCO0VBQ2hCLG9CQUFvQjtFQUNwQix3QkFBd0I7RUFDeEIsaUJBQWlCO0NBQ2xCOztBQUVEOztFQUVFLG1CQUFtQjtFQUNuQixlQUFlO0NBQ2hCO0FBQ0Q7RUFDRSx3QkFBd0I7RUFDeEIsb0JBQW9CO0NBQ3JCOztBQUVEOztFQUVFLGtCQUFrQjtDQUNuQjtBQUNEO0VBQ0UsZ0JBQWdCO0NBQ2pCOztBQUVEO0VBQ0UscUJBQWM7RUFBZCxxQkFBYztFQUFkLGNBQWM7RUFDZCwwQkFBb0I7TUFBcEIsdUJBQW9CO1VBQXBCLG9CQUFvQjtDQUNyQjtBQUNEO0VBQ0Usb0JBQWU7TUFBZixtQkFBZTtVQUFmLGVBQWU7RUFDZixZQUFZO0VBQ1osV0FBVztFQUNYLG1CQUFtQjtDQUNwQjs7QUFFRCx3QkFBd0I7O0FBRXhCO0NBQ0MiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIENvbGxlY3Rpb24gZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fQ29sbGVjdGlvbiB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19Db2xsZWN0aW9uX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIEdyaWQgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fR3JpZCB7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19HcmlkX19pbm5lclNjcm9sbENvbnRhaW5lciB7XG59XG5cbi8qIFRhYmxlIGRlZmF1bHQgdGhlbWUgKi9cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19HcmlkIHtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJSb3cge1xuICBmb250LXdlaWdodDogNzAwO1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uUmVhY3RWaXJ0dWFsaXplZF9fVGFibGVfX2hlYWRlclRydW5jYXRlZFRleHQge1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9faGVhZGVyQ29sdW1uLFxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gIG1pbi13aWR0aDogMHB4O1xufVxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19yb3dDb2x1bW4ge1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbn1cblxuLlJlYWN0VmlydHVhbGl6ZWRfX1RhYmxlX19oZWFkZXJDb2x1bW46Zmlyc3Qtb2YtdHlwZSxcbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fcm93Q29sdW1uOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tbGVmdDogMTBweDtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJDb2x1bW4ge1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uQ29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5SZWFjdFZpcnR1YWxpemVkX19UYWJsZV9fc29ydGFibGVIZWFkZXJJY29uIHtcbiAgZmxleDogMCAwIDI0cHg7XG4gIGhlaWdodDogMWVtO1xuICB3aWR0aDogMWVtO1xuICBmaWxsOiBjdXJyZW50Q29sb3I7XG59XG5cbi8qIExpc3QgZGVmYXVsdCB0aGVtZSAqL1xuXG4uUmVhY3RWaXJ0dWFsaXplZF9fTGlzdCB7XG59XG4iXX0= */
/* BASICS */
.CodeMirror {
    /* Set height, width, borders, and global font properties here */
    font-family: monospace;
    height: 300px;
    color: black;
    direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
    padding: 4px 0;
    /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    padding: 0 4px;
    /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
    background-color: white;
    /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumbers {
}

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

/* CURSOR */
.CodeMirror-cursor {
    border-left: 1px solid black;
    border-right: none;
    width: 0;
}

/* Shown when moving in bi-directional text */
.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 .CodeMirror-line::selection, .cm-fat-cursor .CodeMirror-line > span::selection, .cm-fat-cursor .CodeMirror-line > span > span::selection {
    background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection, .cm-fat-cursor .CodeMirror-line > span::-moz-selection, .cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
    background: transparent;
}

.cm-fat-cursor {
    caret-color: transparent;
}

@-moz-keyframes blink {
    0% {
    }

    50% {
        background-color: transparent;
    }

    100% {
    }
}

@-webkit-keyframes blink {
    0% {
    }

    50% {
        background-color: transparent;
    }

    100% {
    }
}

@keyframes blink {
    0% {
    }

    50% {
        background-color: transparent;
    }

    100% {
    }
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {
}

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

/* DEFAULT THEME */
.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: #00f;
}

.cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator {
}

.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: #f00;
}

.cm-invalidchar {
    color: #f00;
}

.CodeMirror-composing {
    border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #a22;
}

.CodeMirror-matchingtag {
    background: rgba(255, 150, 0, .3);
}

.CodeMirror-activeline-background {
    background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
    position: relative;
    overflow: hidden;
    background: white;
}

.CodeMirror-scroll {
    overflow: scroll !important;
    /* Things will break if this is overridden */
    /* 50px is the magic margin used to hide the element's real scrollbars */
    /* See overflow: hidden in .CodeMirror */
    margin-bottom: -50px;
    margin-right: -50px;
    padding-bottom: 50px;
    height: 100%;
    outline: none;
    /* Prevent dragging from highlighting the element */
    position: relative;
    z-index: 0;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.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;
    /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like {
    /* Reset some styles that the rest of the page might have set */
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    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;
    -webkit-font-variant-ligatures: contextual;
    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: 0.1px;
    /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {
}

.CodeMirror-rtl pre {
    direction: rtl;
}

.CodeMirror-code {
    outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber {
    -moz-box-sizing: content-box;
    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, .4);
}

/* Used to force a border model for a node */
.cm-force-border {
    padding-right: .1px;
}

@media print {
    /* Hide the cursor when printing */
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after {
    content: '';
}

/* Help users use markselection to safely style text background */
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%;
}

/*
Solarized theme for code-mirror
http://ethanschoonover.com/solarized
*/
/*
Solarized color palette
http://ethanschoonover.com/solarized/img/solarized-palette.png
*/
.solarized.base03 {
    color: #002b36;
}

.solarized.base02 {
    color: #073642;
}

.solarized.base01 {
    color: #586e75;
}

.solarized.base00 {
    color: #657b83;
}

.solarized.base0 {
    color: #839496;
}

.solarized.base1 {
    color: #93a1a1;
}

.solarized.base2 {
    color: #eee8d5;
}

.solarized.base3 {
    color: #fdf6e3;
}

.solarized.solar-yellow {
    color: #b58900;
}

.solarized.solar-orange {
    color: #cb4b16;
}

.solarized.solar-red {
    color: #dc322f;
}

.solarized.solar-magenta {
    color: #d33682;
}

.solarized.solar-violet {
    color: #6c71c4;
}

.solarized.solar-blue {
    color: #268bd2;
}

.solarized.solar-cyan {
    color: #2aa198;
}

.solarized.solar-green {
    color: #859900;
}

/* Color scheme for code-mirror */
.cm-s-solarized {
    line-height: 1.45em;
    color-profile: sRGB;
    rendering-intent: auto;
}

.cm-s-solarized.cm-s-dark {
    color: #839496;
    background-color: #002b36;
}

.cm-s-solarized.cm-s-light {
    background-color: #fdf6e3;
    color: #657b83;
}

.cm-s-solarized .CodeMirror-widget {
    text-shadow: none;
}

.cm-s-solarized .cm-header {
    color: #586e75;
}

.cm-s-solarized .cm-quote {
    color: #93a1a1;
}

.cm-s-solarized .cm-keyword {
    color: #cb4b16;
}

.cm-s-solarized .cm-atom {
    color: #d33682;
}

.cm-s-solarized .cm-number {
    color: #d33682;
}

.cm-s-solarized .cm-def {
    color: #2aa198;
}

.cm-s-solarized .cm-variable {
    color: #839496;
}

.cm-s-solarized .cm-variable-2 {
    color: #b58900;
}

.cm-s-solarized .cm-variable-3, .cm-s-solarized .cm-type {
    color: #6c71c4;
}

.cm-s-solarized .cm-property {
    color: #2aa198;
}

.cm-s-solarized .cm-operator {
    color: #6c71c4;
}

.cm-s-solarized .cm-comment {
    color: #586e75;
    font-style: italic;
}

.cm-s-solarized .cm-string {
    color: #859900;
}

.cm-s-solarized .cm-string-2 {
    color: #b58900;
}

.cm-s-solarized .cm-meta {
    color: #859900;
}

.cm-s-solarized .cm-qualifier {
    color: #b58900;
}

.cm-s-solarized .cm-builtin {
    color: #d33682;
}

.cm-s-solarized .cm-bracket {
    color: #cb4b16;
}

.cm-s-solarized .CodeMirror-matchingbracket {
    color: #859900;
}

.cm-s-solarized .CodeMirror-nonmatchingbracket {
    color: #dc322f;
}

.cm-s-solarized .cm-tag {
    color: #93a1a1;
}

.cm-s-solarized .cm-attribute {
    color: #2aa198;
}

.cm-s-solarized .cm-hr {
    color: transparent;
    border-top: 1px solid #586e75;
    display: block;
}

.cm-s-solarized .cm-link {
    color: #93a1a1;
    cursor: pointer;
}

.cm-s-solarized .cm-special {
    color: #6c71c4;
}

.cm-s-solarized .cm-em {
    color: #999;
    text-decoration: underline;
    text-decoration-style: dotted;
}

.cm-s-solarized .cm-error, .cm-s-solarized .cm-invalidchar {
    color: #586e75;
    border-bottom: 1px dotted #dc322f;
}

.cm-s-solarized.cm-s-dark div.CodeMirror-selected {
    background: #073642;
}

.cm-s-solarized.cm-s-dark.CodeMirror ::selection {
    background: rgba(7, 54, 66, 0.99);
}

.cm-s-solarized.cm-s-dark .CodeMirror-line::-moz-selection, .cm-s-dark .CodeMirror-line > span::-moz-selection, .cm-s-dark .CodeMirror-line > span > span::-moz-selection {
    background: rgba(7, 54, 66, 0.99);
}

.cm-s-solarized.cm-s-light div.CodeMirror-selected {
    background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::selection, .cm-s-light .CodeMirror-line > span::selection, .cm-s-light .CodeMirror-line > span > span::selection {
    background: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-line::-moz-selection, .cm-s-light .CodeMirror-line > span::-moz-selection, .cm-s-light .CodeMirror-line > span > span::-moz-selection {
    background: #eee8d5;
}

/* Editor styling */
/* Little shadow on the view-port of the buffer view */
.cm-s-solarized.CodeMirror {
    -moz-box-shadow: inset 7px 0 12px -6px #000;
    -webkit-box-shadow: inset 7px 0 12px -6px #000;
    box-shadow: inset 7px 0 12px -6px #000;
}

/* Remove gutter border */
.cm-s-solarized .CodeMirror-gutters {
    border-right: 0;
}

/* Gutter colors and line number styling based of color scheme (dark / light) */
/* Dark */
.cm-s-solarized.cm-s-dark .CodeMirror-gutters {
    background-color: #073642;
}

.cm-s-solarized.cm-s-dark .CodeMirror-linenumber {
    color: #586e75;
}

/* Light */
.cm-s-solarized.cm-s-light .CodeMirror-gutters {
    background-color: #eee8d5;
}

.cm-s-solarized.cm-s-light .CodeMirror-linenumber {
    color: #839496;
}

/* Common */
.cm-s-solarized .CodeMirror-linenumber {
    padding: 0 5px;
}

.cm-s-solarized .CodeMirror-guttermarker-subtle {
    color: #586e75;
}

.cm-s-solarized.cm-s-dark .CodeMirror-guttermarker {
    color: #ddd;
}

.cm-s-solarized.cm-s-light .CodeMirror-guttermarker {
    color: #cb4b16;
}

.cm-s-solarized .CodeMirror-gutter .CodeMirror-gutter-text {
    color: #586e75;
}

/* Cursor */
.cm-s-solarized .CodeMirror-cursor {
    border-left: 1px solid #819090;
}

/* Fat cursor */
.cm-s-solarized.cm-s-light.cm-fat-cursor .CodeMirror-cursor {
    background: #77ee77;
}

.cm-s-solarized.cm-s-light .cm-animate-fat-cursor {
    background-color: #77ee77;
}

.cm-s-solarized.cm-s-dark.cm-fat-cursor .CodeMirror-cursor {
    background: #586e75;
}

.cm-s-solarized.cm-s-dark .cm-animate-fat-cursor {
    background-color: #586e75;
}

/* Active line */
.cm-s-solarized.cm-s-dark .CodeMirror-activeline-background {
    background: rgba(255, 255, 255, 0.06);
}

.cm-s-solarized.cm-s-light .CodeMirror-activeline-background {
    background: rgba(0, 0, 0, 0.06);
}

.CodeMirror-simplescroll-horizontal div, .CodeMirror-simplescroll-vertical div {
    position: absolute;
    background: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.CodeMirror-simplescroll-horizontal, .CodeMirror-simplescroll-vertical {
    position: absolute;
    z-index: 6;
    background: #eee;
}

.CodeMirror-simplescroll-horizontal {
    bottom: 0;
    left: 0;
    height: 8px;
}

.CodeMirror-simplescroll-horizontal div {
    bottom: 0;
    height: 100%;
}

.CodeMirror-simplescroll-vertical {
    right: 0;
    top: 0;
    width: 8px;
}

.CodeMirror-simplescroll-vertical div {
    right: 0;
    width: 100%;
}

.CodeMirror-overlayscroll .CodeMirror-scrollbar-filler, .CodeMirror-overlayscroll .CodeMirror-gutter-filler {
    display: none;
}

.CodeMirror-overlayscroll-horizontal div, .CodeMirror-overlayscroll-vertical div {
    position: absolute;
    background: #bcd;
    border-radius: 3px;
}

.CodeMirror-overlayscroll-horizontal, .CodeMirror-overlayscroll-vertical {
    position: absolute;
    z-index: 6;
}

.CodeMirror-overlayscroll-horizontal {
    bottom: 0;
    left: 0;
    height: 6px;
}

.CodeMirror-overlayscroll-horizontal div {
    bottom: 0;
    height: 100%;
}

.CodeMirror-overlayscroll-vertical {
    right: 0;
    top: 0;
    width: 6px;
}

.CodeMirror-overlayscroll-vertical div {
    right: 0;
    width: 100%;
}

:root {
    --color-new: #22863a;
    --color-deleted: #cb2431;
    --color-modified: #aa8507;
    --color-renamed: #0366d6;
    --color-conflicted: #c24e00;
    --text-color: #24292e;
    --text-secondary-color: #6a737d;
    --text-secondary-color-muted: #bbc0c5;
    --background-color: #fff;
    --button-height: 25px;
    --button-background: #0366d6;
    --button-border-radius: 6px;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #dbedff;
    --link-button-color: #0372ef;
    --link-button-hover-color: #005cc5;
    --link-button-selected-hover-color: #c8e1ff;
    --secondary-button-background: #f6f8fa;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-background: #fff;
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #fff;
    --warning-badge-icon-color: #f66a0a;
    --input-icon-warning-color: #b08800;
    --input-icon-error-color: #cb2431;
    --input-icon-hover-background-color: #f6f8fa;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-color);
    --font-family-sans-serif: system-ui, sans-serif, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-weight-semibold: 600;
    --font-weight-light: 300;
    --font-size: 12px;
    --font-size-sm: 11px;
    --font-size-md: 14px;
    --font-size-lg: 28px;
    --font-size-xl: 32px;
    --font-size-xxl: 42px;
    --font-size-xs: 9px;
    --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);
    --box-background-color: var(--background-color);
    --box-alt-background-color: #f6f8fa;
    --box-skeleton-background-color: #e1e4e8;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --box-border-color: #e1e4e8;
    --box-border-contrast-color: #879099;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #ebeef1;
    --box-hover-text-color: #24292e;
    --box-hover-background-color: #f6f8fa;
    --box-selected-text-color: #24292e;
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-border: none;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    --no-shadow-top: linear-gradient(#fff, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #fff);
    --top-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #6a737d;
    --co-author-tag-background-color: #f1f8ff;
    --co-author-tag-border-color: #c8e1ff;
    --commit-warning-badge-background-color: #fafbfc;
    --commit-warning-badge-border: #d1d5da;
    --win32-title-bar-height: 28px;
    --win32-title-bar-background-color: #24292e;
    --darwin-title-bar-height: 22px;
    --spacing: 10px;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-quint: calc(var(--spacing) * 5);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing-third: calc(var(--spacing) / 3);
    --border-radius: 6px;
    --outlined-border-radius: 3px;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(71, 83, 95, 0.19);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-height: 50px;
    --toolbar-background-color: #24292e;
    --toolbar-border-color: #24292e;
    --toolbar-text-color: #fff;
    --toolbar-text-secondary-color: #d1d5da;
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: black;
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #c24e00;
    --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--toolbar-button-active-color);
    --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: var(--toolbar-button-active-background-color);
    --app-menu-divider-color: var(--box-border-color);
    --toolbar-badge-background-color: #586069;
    --toolbar-badge-active-background-color: #e1e4e8;
    --tab-bar-height: 29px;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: #fff;
    --tab-bar-hover-background-color: #f6f8fa;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #e1e4e8;
    --list-item-badge-color: #2f363d;
    --list-item-badge-background-color: #e1e4e8;
    --list-item-selected-badge-color: #24292e;
    --list-item-selected-badge-background-color: #d1d5da;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #f6f8fa;
    --win32-scroll-bar-size: 10px;
    --linux-scroll-bar-size: 10px;
    --tooltip-z-index: 20;
    --popup-z-index: 19;
    --popup-overlay-z-index: 18;
    --foldout-z-index: 17;
    --nudge-arrow-z-index: 16;
    --drag-overlay-z-index: 15;
    --side-panel-z-index: 14;
    --list-sticky-header-top-level-z-index: 11;
    --list-sticky-header-second-level-z-index: 10;
    --toast-notification-color: #fafbfc;
    --toast-notification-background-color: rgba(36, 41, 46, 0.6);
    --tip-box-background-color: rgba(3, 102, 214, 0.06);
    --tip-box-border-color: #c8e1ff;
    --focus-color: #0366d6;
    --accent-color: #2188ff;
    --diff-linenumber-focus-color: #005cc5;
    --text-field-height: 25px;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #f1f8ff;
    --primary-suggested-action-border-color: #c8e1ff;
    --suggested-action-icon-color: #2188ff;
    --diff-line-padding-y: 2px;
    --diff-text-color: #24292e;
    --diff-border-color: #e1e4e8;
    --diff-gutter-color: #e1e4e8;
    --diff-gutter-background-color: var(--background-color);
    --diff-line-number-color: #444d56;
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #2188ff;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--background-color);
    --diff-add-background-color: #e6ffed;
    --diff-add-border-color: #85e89d;
    --diff-add-gutter-color: #85e89d;
    --diff-add-gutter-background-color: #cdffd8;
    --diff-add-inner-background-color: #acf2bd;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #ffeef0;
    --diff-delete-border-color: #fdaeb7;
    --diff-delete-gutter-color: #fdaeb7;
    --diff-delete-gutter-background-color: #ffdce0;
    --diff-delete-inner-background-color: #fdb8c0;
    --diff-delete-text-color: var(--diff-text-color);
    --diff-hunk-background-color: #f1f8ff;
    --diff-hunk-border-color: #c8e1ff;
    --diff-hunk-gutter-color: #afd3ff;
    --diff-hunk-gutter-background-color: #dbedff;
    --diff-hunk-text-color: #586069;
    --diff-hover-background-color: #79b8ff;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--background-color);
    --diff-add-hover-background-color: #85e89d;
    --diff-add-hover-border-color: #34d058;
    --diff-add-hover-gutter-color: #34d058;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #fdaeb7;
    --diff-delete-hover-border-color: #f97583;
    --diff-delete-hover-gutter-color: #f97583;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #fafbfc;
    --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);
    --diff-empty-hunk-handle: #d1d5da;
    --syntax-variable-color: #6f42c1;
    --syntax-alt-variable-color: #24292e;
    --syntax-keyword-color: #d73a49;
    --syntax-atom-color: #005cc5;
    --syntax-string-color: #032f62;
    --syntax-qualifier-color: #6f42c1;
    --syntax-type-color: #d73a49;
    --syntax-comment-color: #6a737d;
    --syntax-tag-color: #22863a;
    --syntax-attribute-color: #6f42c1;
    --syntax-link-color: #032f62;
    --syntax-header-color: #0000ff;
    --syntax-quote-color: #1a7e31;
    --undo-animation-duration: 500ms;
    --error-color: #d73a49;
    --form-error-background: #ffdce0;
    --form-error-border-color: #fdaeb7;
    --form-error-text-color: #9e1c23;
    --dialog-banner-success-background: #dcffe4;
    --dialog-banner-success-border-color: #85e89d;
    --dialog-banner-success-text-color: #165c26;
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #9e1c23;
    --overlay-background-color: rgba(0, 0, 0, 0.4);
    --dialog-warning-color: #b08800;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #d73a49;
    --banner-warning-background: #fffbdd;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #046ee7;
    --banner-warning-icon-color: #aa8507;
    --file-warning-background-color: #fffbdd;
    --file-warning-color: #aa8507;
    --file-warning-border-color: rgba(219, 171, 9, 0.4);
    --tooltip-background-color: #24292e;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: rgba(36, 41, 46, 0.65);
    --path-segment-background: #f1f8ff;
    --path-segment-background-focus: #d8ebff;
    --path-segment-padding: var(--spacing-third);
    --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --dialog-progress-background: #28a745;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #1a7f37;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #6a737d;
    --pr-timeline-line-color: var(--box-border-color);
    --pr-changes-requested-icon-color: #fff;
    --pr-changes-requested-icon-background-color: #cf222e;
    --pr-approved-icon-color: #fff;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: var(--md-fg-muted-color);
    --pr-commented-icon-background-color: #eaeef2;
    --call-to-action-bubble-border-color: #28a745;
    --call-to-action-bubble-color: #28a745;
    --title-tool-tip-background-color: rgb(236, 236, 236);
    --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);
    --md-border-default-color: #d0d7de;
    --md-border-muted-color: hsla(210, 18%, 87%, 1);
    --md-canvas-default-color: #ffffff;
    --md-canvas-subtle-color: #f6f8fa;
    --md-fg-default-color: #24292f;
    --md-fg-muted-color: #57606a;
    --md-danger-fg-color: #cf222e;
    --md-neutral-muted-color: rgba(175, 184, 193, 0.2);
    --md-accent-emphasis-color: #0969da;
    --md-accent-fg-color: #0969da
}

::backdrop {
    --overlay-background-color: rgba(0, 0, 0, 0.4)
}

body.theme-dark {
    --color-new: #28a745;
    --color-deleted: #d73a49;
    --color-modified: #dbab09;
    --color-renamed: #0366d6;
    --color-conflicted: #f66a0a;
    --text-color: #f6f8fa;
    --text-secondary-color: #959da5;
    --text-secondary-color-muted: #535a61;
    --background-color: #24292e;
    --button-background: #0366d6;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #005cc5;
    --link-button-color: #2e8fff;
    --link-button-hover-color: #3d97ff;
    --link-button-selected-hover-color: #2e8fff;
    --secondary-button-background: #2f363d;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: #d1d5da;
    --secondary-button-hover-background: var(--secondary-button-background);
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #d1d5da;
    --input-icon-warning-color: #f9c513;
    --input-icon-error-color: #ea4a5a;
    --input-icon-hover-background-color: #2f363d;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-contrast-color);
    --scroll-bar-thumb-background-color: rgba(255, 255, 255, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(255, 255, 255, 0.5);
    --box-background-color: #1d2125;
    --box-alt-background-color: #2b3137;
    --box-skeleton-background-color: #444d56;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(36, 41, 46, 0) 0%, rgba(36, 41, 46, 0.5) 50%, rgba(36, 41, 46, 0) 100%);
    --box-border-color: #141414;
    --box-border-contrast-color: #717b85;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #444d56;
    --box-hover-text-color: var(--text-color);
    --box-hover-background-color: #2f363d;
    --box-selected-text-color: var(--text-color);
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(36, 41, 46, 0) 0%, #24292e 90%, #24292e 100%);
    --no-shadow-top: linear-gradient(#24292e, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #24292e);
    --top-shadow: linear-gradient(0deg, rgba(36, 41, 46, 0) 0%, rgba(0, 0, 0, 0.6) 90%, black 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(36, 41, 46, 0) 0%, rgba(0, 0, 0, 0.6) 90%, black 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #959da5;
    --co-author-tag-background-color: #032f62;
    --co-author-tag-border-color: #044289;
    --commit-warning-badge-background-color: #24292e;
    --commit-warning-badge-border-color: #444d56;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(0, 0, 0, 0.5);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-background-color: #1d2125;
    --toolbar-border-color: var(--box-border-color);
    --toolbar-text-color: var(--text-color);
    --toolbar-text-secondary-color: var(--text-secondary-color);
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: var(--box-border-color);
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #e36209;
    --toolbar-dropdown-text-hover-color: #fff;
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--text-color);
    --app-menu-button-active-background-color: #2f363d;
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: #2f363d;
    --app-menu-divider-color: #586069;
    --toolbar-badge-background-color: #444d56;
    --toolbar-badge-active-background-color: #444d56;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: var(--box-background-color);
    --tab-bar-hover-background-color: #2f363d;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #444d56;
    --list-item-badge-color: var(--text-color);
    --list-item-badge-background-color: #586069;
    --list-item-selected-badge-color: #fff;
    --list-item-selected-badge-background-color: #6a737d;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #2f363d;
    --toast-notification-color: var(--text-color);
    --toast-notification-background-color: rgba(0, 0, 0, 0.8);
    --focus-color: #0366d6;
    --accent-color: #c8e1ff;
    --diff-linenumber-focus-color: #c8e1ff;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #05264c;
    --primary-suggested-action-border-color: #044289;
    --suggested-action-icon-color: #2188ff;
    --diff-text-color: var(--text-color);
    --diff-border-color: #2f363d;
    --diff-gutter-color: #2f363d;
    --diff-gutter-background-color: #1d2125;
    --diff-line-number-color: var(--text-secondary-color);
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #044289;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--text-color);
    --diff-add-background-color: #113a1b;
    --diff-add-border-color: #123e1c;
    --diff-add-gutter-color: #123e1c;
    --diff-add-gutter-background-color: #0b2611;
    --diff-add-inner-background-color: #22863a;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #450c0f;
    --diff-delete-border-color: #5b1014;
    --diff-delete-gutter-color: #5b1014;
    --diff-delete-gutter-background-color: #2f090a;
    --diff-delete-inner-background-color: #b31d28;
    --diff-delete-text-color: #ffdce0;
    --diff-hunk-background-color: #1d2125;
    --diff-hunk-border-color: #2b3137;
    --diff-hunk-gutter-color: #2b3137;
    --diff-hunk-gutter-background-color: #171a1d;
    --diff-hunk-text-color: var(--text-secondary-color);
    --diff-hover-background-color: #0366d6;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--diff-text-color);
    --diff-add-hover-background-color: #144620;
    --diff-add-hover-border-color: #176f2c;
    --diff-add-hover-gutter-color: #176f2c;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #9e1c23;
    --diff-delete-hover-border-color: #b31d28;
    --diff-delete-hover-gutter-color: #b31d28;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #22262b;
    --diff-empty-row-gutter-background-color: var(--diff-gutter-background-color);
    --diff-empty-hunk-handle: #444d56;
    --syntax-variable-color: #b392f0;
    --syntax-alt-variable-color: #79b8ff;
    --syntax-keyword-color: #f97583;
    --syntax-atom-color: #79b8ff;
    --syntax-string-color: #ffab70;
    --syntax-qualifier-color: #b392f0;
    --syntax-type-color: #f97583;
    --syntax-comment-color: #959da5;
    --syntax-tag-color: #34d058;
    --syntax-attribute-color: #b392f0;
    --syntax-link-color: #79b8ff;
    --syntax-header-color: #f97583;
    --syntax-quote-color: #34d058;
    --error-color: #d73a49;
    --form-error-background: #79161a;
    --form-error-border-color: #86181d;
    --form-error-text-color: var(--text-color);
    --dialog-banner-success-background: rgba(22, 92, 38, 0.7);
    --dialog-banner-success-border-color: #165c26;
    --dialog-banner-success-text-color: var(--text-color);
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #f97583;
    --overlay-background-color: rgba(0, 0, 0, 0.5);
    --dialog-warning-color: #f9c513;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #cb2431;
    --banner-warning-background: #272216;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #6682ff;
    --banner-warning-icon-color: #dbab09;
    --file-warning-background-color: rgba(115, 92, 15, 0.4);
    --file-warning-color: #dbab09;
    --file-warning-border-color: rgba(176, 136, 0, 0.4);
    --tooltip-background-color: #2f363d;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: #1b1f23;
    --path-segment-background: #444d56;
    --path-segment-background-focus: #4f5a64;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #28a745;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #959da5;
    --pr-timeline-line-color: #6a737d;
    --pr-changes-requested-icon-background-color: #da3633;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: #8b949e;
    --pr-commented-icon-background-color: #444d56;
    --call-to-action-bubble-background-color: #0366d6;
    --call-to-action-bubble-color: #fff;
    --title-tool-tip-background-color: rgb(56, 58, 62);
    --title-tool-tip-shadow: none;
    --md-border-default-color: #30363d;
    --md-border-muted-color: #21262d;
    --md-canvas-default-color: #0d1117;
    --md-canvas-subtle-color: #161b22;
    --md-fg-default-color: #c9d1d9;
    --md-fg-muted-color: #8b949e;
    --md-danger-fg-color: #f85149;
    --md-neutral-muted-color: rgba(110, 118, 129, 0.4);
    --md-accent-emphasis-color: #1f6feb;
    --md-accent-fg-color: #58a6ff
}

body.theme-dark .blankslate-image {
    filter: invert() grayscale(1) brightness(8) contrast(0.6)
}

.CodeMirror-cursor {
    border-left-color: currentColor
}

html {
    box-sizing: border-box
}

*,*::before,*::after {
    box-sizing: inherit
}

html,body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden
}

html {
    font-size: var(--font-size);
    position: relative
}

body {
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size);
    line-height: 1.5;
    color: var(--text-color);
    background-color: var(--background-color);
    accent-color: var(--accent-color)
}

:not(input,textarea),:not(input,textarea)::after,:not(input,textarea)::before {
    user-select: none;
    cursor: default
}

.selectable-text {
    user-select: text;
    cursor: auto
}

img {
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none
}

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

code,pre {
    font-family: var(--font-family-monospace)
}

button {
    -webkit-app-region: no-drag
}

#content {
    display: flex;
    height: 100%;
    width: 100%
}

.blankslate {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color);
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--spacing)
}

.fill-window {
    position: absolute;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

:focus {
    outline: none
}

:focus-visible {
    outline: auto;
    outline-color: var(--focus-color)
}

.more-dropdown {
    color: var(--text-color) !important;
    margin-left: var(--spacing)
}

.more-dropdown .octicon {
    margin-left: var(--spacing-third);
    width: 8px
}

.brutalism {
    background: salmon
}

kbd {
    border-radius: var(--border-radius);
    border: var(--base-border);
    display: inline-block;
    padding: 1px 2px;
    line-height: 1;
    min-height: 16px;
    font-family: var(--font-family);
    text-align: center;
    min-width: 1.5em
}

body.platform-darwin kbd:not(:last-child) {
    margin-right: 2px
}

.byline {
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

.underline-links a {
    text-decoration: underline
}

#desktop-app-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#desktop-app-chrome {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}

#desktop-app-contents {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0
}

#desktop-app-contents.commit-being-dragged :not(input):not(textarea),#desktop-app-contents.commit-being-dragged :not(input):not(textarea)::after,#desktop-app-contents.commit-being-dragged :not(input):not(textarea)::before {
    cursor: not-allowed
}

#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button :not(input):not(textarea),#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button :not(input):not(textarea)::after,#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button :not(input):not(textarea)::before {
    cursor: default
}

#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button .branches-list-item div {
    pointer-events: none
}

#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button .list-item:not(.selected) .branches-list-item:hover,#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button .list-item:not(.selected) .pull-request-item:hover {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color);
    cursor: copy
}

#desktop-app-contents.commit-being-dragged #desktop-app-toolbar .toolbar-dropdown.branch-button .branches-list-item.new-branch-drop:hover {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color);
    cursor: copy
}

#desktop-app-contents.commit-being-dragged #commit-list :not(input):not(textarea),#desktop-app-contents.commit-being-dragged #commit-list :not(input):not(textarea)::after,#desktop-app-contents.commit-being-dragged #commit-list :not(input):not(textarea)::before {
    cursor: default
}

#desktop-app-contents.commit-being-dragged #compare-view>.compare-commit-list>#commit-list .list-item:not(.selected) .commit:hover {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color)
}

#desktop-app-contents.commit-being-dragged #compare-view>.compare-commit-list>#commit-list .list-item:not(.selected) .commit div {
    pointer-events: none
}

.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

#app-menu-foldout {
    display: flex;
    max-height: 95%
}

.menu-pane {
    overflow-y: auto;
    padding-bottom: var(--spacing-half)
}

.menu-pane:not(:first-child) {
    border-left: var(--base-border)
}

.menu-pane:focus {
    outline: none
}

.menu-pane .ReactVirtualized__Grid:focus {
    outline: none
}

.menu-pane .menu-item {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 30px
}

.menu-pane .menu-item.disabled {
    opacity: .3
}

.menu-pane .menu-item.selected {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color)
}

.menu-pane .menu-item .label {
    flex-grow: 1;
    margin-left: var(--spacing-double);
    margin-right: var(--spacing);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-pane .menu-item .submenu-arrow {
    flex-shrink: 0;
    opacity: .7;
    height: 12px;
    margin-right: var(--spacing)
}

.menu-pane .menu-item .accelerator {
    flex-shrink: 0;
    margin-right: var(--spacing);
    color: var(--text-secondary-color)
}

.menu-pane .menu-item.checked .label {
    margin-left: 0
}

.menu-pane .menu-item.checked .icon {
    flex-grow: 0;
    margin: calc((var(--spacing-double) - 16) / 2) 0
}

.menu-pane .menu-item .access-key.highlight {
    text-decoration: underline
}

.menu-pane hr {
    width: 100%;
    border: none;
    height: 1px;
    border-bottom: 1px solid var(--app-menu-divider-color)
}

body.platform-win32 ::-webkit-scrollbar {
    width: var(--win32-scroll-bar-size);
    height: var(--win32-scroll-bar-size);
    background: transparent;
    cursor: pointer
}

body.platform-win32 ::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-thumb-background-color);
    border-radius: var(--win32-scroll-bar-size);
    border-color: transparent;
    border-style: solid;
    border-width: 3px;
    background-clip: padding-box
}

body.platform-win32 ::-webkit-scrollbar-thumb:active {
    background-color: var(--scroll-bar-thumb-background-color-active)
}

body.platform-win32 ::-webkit-scrollbar-thumb:hover,body.platform-win32 ::-webkit-scrollbar-thumb:active {
    border-width: 1px;
    background-color: var(--scroll-bar-thumb-background-color-active);
    cursor: pointer
}

body.platform-linux ::-webkit-scrollbar {
    width: var(--linux-scroll-bar-size);
    height: var(--linux-scroll-bar-size);
    background: transparent;
    cursor: pointer
}

body.platform-linux ::-webkit-scrollbar-thumb {
    background-color: var(--scroll-bar-thumb-background-color);
    border-radius: var(--linux-scroll-bar-size);
    border-color: transparent;
    border-style: solid;
    border-width: 3px;
    background-clip: padding-box
}

body.platform-linux ::-webkit-scrollbar-thumb:active {
    background-color: var(--scroll-bar-thumb-background-color-active)
}

body.platform-linux ::-webkit-scrollbar-thumb:hover,body.platform-linux ::-webkit-scrollbar-thumb:active {
    border-width: 1px;
    background-color: var(--scroll-bar-thumb-background-color-active);
    cursor: pointer
}

#desktop-app-title-bar {
    -webkit-app-region: drag;
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    display: flex;
    flex-direction: row
}

body.platform-darwin #desktop-app-title-bar {
    height: var(--darwin-title-bar-height);
    background: linear-gradient(to bottom, #3b3f46 0%, #2b2e33 100%);
    border-bottom: 1px solid #000
}

body.platform-win32 #desktop-app-title-bar {
    height: var(--win32-title-bar-height);
    background: var(--win32-title-bar-background-color);
    border-bottom: 1px solid #000
}

body.platform-win32 #desktop-app-title-bar .app-icon {
    color: var(--toolbar-button-secondary-color);
    margin: 0 var(--spacing);
    align-self: center
}

#desktop-app-title-bar .resize-handle {
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-app-region: no-drag
}

#desktop-app-title-bar .resize-handle.top {
    width: 100%;
    height: 3px
}

#desktop-app-title-bar .resize-handle.left {
    width: 3px;
    height: var(--win32-title-bar-height)
}

#desktop-app-title-bar .window-controls {
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto
}

#desktop-app-title-bar .window-controls button {
    -webkit-app-region: no-drag;
    display: inline-block;
    position: relative;
    width: 45px;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: none;
    box-shadow: none;
    border-radius: 0;
    color: #a0a0a0;
    background-color: transparent;
    transition: background-color .25s ease;
    line-height: 10px
}

#desktop-app-title-bar .window-controls button:focus {
    outline: none
}

#desktop-app-title-bar .window-controls button:hover {
    background-color: #888;
    color: #fff
}

#desktop-app-title-bar .window-controls button:hover:active {
    background-color: #666;
    transition: none
}

#desktop-app-title-bar .window-controls button.close:hover {
    background-color: #e81123;
    color: #fff
}

#desktop-app-title-bar .window-controls button.close:hover:active {
    background-color: #bf0f1d;
    transition: none
}

#desktop-app-title-bar .window-controls button svg {
    fill: currentColor
}

#desktop-app-title-bar.light-title-bar {
    position: fixed;
    z-index: 1
}

body.platform-darwin #desktop-app-title-bar.light-title-bar {
    background: transparent;
    border-bottom: none
}

body.platform-win32 #desktop-app-title-bar.light-title-bar {
    background: transparent;
    border-bottom: none
}

#desktop-app-title-bar.light-title-bar .window-controls button:hover {
    background-color: #e5e5e5;
    color: #000
}

#desktop-app-title-bar.light-title-bar .window-controls button:hover:active {
    background-color: #ccc
}

#desktop-app-title-bar.light-title-bar .window-controls button.close:hover {
    background-color: #e81123
}

#desktop-app-title-bar.light-title-bar .window-controls button.close:hover svg {
    fill: #fff
}

#desktop-app-title-bar.light-title-bar .window-controls button.close:hover:active {
    background-color: #f1707a
}

#app-menu-bar {
    display: flex
}

#app-menu-bar .toolbar-button>button {
    padding: 0 var(--spacing);
    border: 0
}

#app-menu-bar .toolbar-button>button .access-key.highlight {
    text-decoration: underline
}

#app-menu-bar .toolbar-dropdown.open>.toolbar-button>button {
    background-color: var(--app-menu-button-active-background-color);
    color: var(--app-menu-button-active-color)
}

#app-menu-bar .toolbar-dropdown:not(.open)>.toolbar-button>button {
    color: var(--app-menu-button-color);
    background: transparent
}

#app-menu-bar .toolbar-dropdown:not(.open)>.toolbar-button>button:hover,#app-menu-bar .toolbar-dropdown:not(.open)>.toolbar-button>button:focus {
    color: var(--app-menu-button-hover-color);
    background: var(--app-menu-button-hover-background-color)
}

#app-menu-bar #foldout-container .foldout {
    background: transparent;
    pointer-events: none
}

#app-menu-bar #foldout-container .foldout .menu-pane {
    --background-color: var(--app-menu-pane-background-color);
    background: var(--background-color);
    --text-color: var(--app-menu-pane-color);
    color: var(--text-color);
    --text-secondary-color: var(--app-menu-pane-secondary-color);
    pointer-events: all
}

body.platform-win32 #desktop-app-chrome.blurred #desktop-app-title-bar .app-icon,body.platform-win32 #desktop-app-chrome.blurred #desktop-app-title-bar .window-controls>button:not(:hover),body.platform-win32 #desktop-app-chrome.blurred #desktop-app-title-bar .toolbar-dropdown:not(.open) .menu-item .label {
    opacity: .6
}

#window-zoom-info {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#window-zoom-info>div {
    padding: var(--spacing);
    min-width: 100px;
    background: var(--toast-notification-background-color);
    color: var(--toast-notification-color);
    text-align: center;
    border-radius: 100px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    z-index: 20
}

#window-zoom-info .zoom-in-appear {
    transform: scale(0.25);
    opacity: 0
}

#window-zoom-info .zoom-out-appear {
    transform: scale(1.75);
    opacity: 0
}

#window-zoom-info .zoom-in-exit-active,#window-zoom-info .zoom-out-exit-active {
    opacity: 0;
    transition: opacity 100ms ease-out
}

#window-zoom-info .zoom-in-appear-active,#window-zoom-info .zoom-out-appear-active {
    transform: scale(1);
    opacity: 1;
    transition: all 100ms ease-out
}

.toast-notification-container {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.toast-notification-container .toast-notification {
    padding: var(--spacing) var(--spacing-double);
    min-width: 100px;
    background: var(--toast-notification-background-color);
    color: var(--toast-notification-color);
    text-align: center;
    border-radius: 100px;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    z-index: 20
}

.toast-notification-container kbd {
    padding: var(--spacing-half);
    border-color: #d1d5da
}

.toast-animation-appear {
    transform: scale(0.25);
    opacity: .1
}

.toast-animation-appear-active {
    transform: scale(1);
    opacity: 1;
    transition: all 100ms ease-out
}

.toast-animation-exit-active {
    opacity: 0;
    transition: all 250ms ease-out
}

body>.tooltip,.tooltip-host>.tooltip {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    z-index: var(--tooltip-z-index);
    pointer-events: none;
    max-height: 500px;
    max-width: 300px;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word;
    background-color: var(--tooltip-background-color);
    color: var(--tooltip-color);
    border-radius: var(--border-radius);
    padding: var(--spacing-half) var(--spacing);
    font-size: var(--font-size);
    box-shadow: 0 8px 24px var(--tooltip-shadow-color)
}

body>.tooltip .tooltip-content,.tooltip-host>.tooltip .tooltip-content {
    overflow: auto;
    font-size: var(--font-size-sm)
}

body>.tooltip::before,.tooltip-host>.tooltip::before {
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: "";
    border: 6px solid transparent;
    color: var(--tooltip-background-color)
}

body>.tooltip.tooltip-s::before,body>.tooltip.tooltip-se::before,body>.tooltip.tooltip-sw::before,.tooltip-host>.tooltip.tooltip-s::before,.tooltip-host>.tooltip.tooltip-se::before,.tooltip-host>.tooltip.tooltip-sw::before {
    top: -12px;
    right: 50%;
    bottom: auto;
    margin-right: -6px;
    border-bottom-color: var(--tooltip-background-color)
}

body>.tooltip.tooltip-n::before,body>.tooltip.tooltip-ne::before,body>.tooltip.tooltip-nw::before,.tooltip-host>.tooltip.tooltip-n::before,.tooltip-host>.tooltip.tooltip-ne::before,.tooltip-host>.tooltip.tooltip-nw::before {
    bottom: -12px;
    right: 50%;
    top: auto;
    margin-right: -6px;
    border-top-color: var(--tooltip-background-color)
}

body>.tooltip.tooltip-w::before,.tooltip-host>.tooltip.tooltip-w::before {
    top: 50%;
    bottom: 50%;
    right: -12px;
    margin-top: -6px;
    border-left-color: var(--tooltip-background-color)
}

body>.tooltip.tooltip-e::before,.tooltip-host>.tooltip.tooltip-e::before {
    top: 50%;
    bottom: 50%;
    left: -12px;
    margin-top: -6px;
    border-right-color: var(--tooltip-background-color)
}

body>.tooltip.tooltip-sw::before,body>.tooltip.tooltip-nw::before,.tooltip-host>.tooltip.tooltip-sw::before,.tooltip-host>.tooltip.tooltip-nw::before {
    right: 10px;
    margin-right: 0
}

body>.tooltip.tooltip-se::before,body>.tooltip.tooltip-ne::before,.tooltip-host>.tooltip.tooltip-se::before,.tooltip-host>.tooltip.tooltip-ne::before {
    left: 10px
}

body>.tooltip.interactive,.tooltip-host>.tooltip.interactive {
    pointer-events: auto
}

body>.tooltip.selectable .tooltip-content,.tooltip-host>.tooltip.selectable .tooltip-content {
    user-select: text;
    cursor: text
}

body>.tooltip.path-text mark,.tooltip-host>.tooltip.path-text mark {
    font-weight: bold;
    background-color: inherit;
    color: currentColor
}

body>.tooltip.sha-hint,.tooltip-host>.tooltip.sha-hint {
    max-width: 500px
}

body>.tooltip.sha-hint .tooltip-content,.tooltip-host>.tooltip.sha-hint .tooltip-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: visible;
    overflow-wrap: anywhere
}

body>.tooltip.sha-hint code,.tooltip-host>.tooltip.sha-hint code {
    padding-right: var(--spacing);
    user-select: text;
    cursor: text
}

body>.tooltip.sha-hint button,.tooltip-host>.tooltip.sha-hint button {
    display: block;
    appearance: none;
    color: currentColor;
    background: rgba(255,255,255,.1);
    font-family: var(--font-family);
    border: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    padding: 0 10px;
    padding-bottom: 1px;
    margin: -5px -10px -5px 0;
    align-self: stretch;
    cursor: pointer;
    font-size: var(--font-size-sm);
    flex-shrink: 0
}

body>.tooltip.sha-hint button:hover,.tooltip-host>.tooltip.sha-hint button:hover {
    background: rgba(255,255,255,.2)
}

body>.tooltip.sha-hint button:active,.tooltip-host>.tooltip.sha-hint button:active {
    background: #fff;
    color: #24292e
}

body>.tooltip.user-info .tooltip-content,.tooltip-host>.tooltip.user-info .tooltip-content {
    display: flex;
    flex-direction: row;
    padding: var(--spacing-half) 0
}

body>.tooltip.user-info .tooltip-content .avatar,.tooltip-host>.tooltip.user-info .tooltip-content .avatar {
    width: 32px;
    height: 32px;
    margin-right: var(--spacing)
}

body>.tooltip.length-hint-tooltip,.tooltip-host>.tooltip.length-hint-tooltip {
    max-width: none
}

body>.tooltip.length-hint-tooltip .tooltip-content .title,.tooltip-host>.tooltip.length-hint-tooltip .tooltip-content .title {
    white-space: pre
}

body>.tooltip.length-hint-tooltip .tooltip-content .description,.tooltip-host>.tooltip.length-hint-tooltip .tooltip-content .description {
    opacity: .7
}

body>.tooltip.changed-files-description-tooltip .tooltip-content,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-third)
}

body>.tooltip.changed-files-description-tooltip .tooltip-content .files-added-icon,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content .files-added-icon {
    color: var(--color-new)
}

body>.tooltip.changed-files-description-tooltip .tooltip-content .files-modified-icon,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content .files-modified-icon {
    color: var(--color-modified)
}

body>.tooltip.changed-files-description-tooltip .tooltip-content .files-deleted-icon,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content .files-deleted-icon {
    color: var(--color-deleted)
}

body>.tooltip.changed-files-description-tooltip .tooltip-content .files-renamed-icon,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content .files-renamed-icon {
    color: var(--color-renamed)
}

body>.tooltip.changed-files-description-tooltip .tooltip-content .octicon,.tooltip-host>.tooltip.changed-files-description-tooltip .tooltip-content .octicon {
    margin-right: var(--spacing-third);
    vertical-align: bottom
}

body>.tooltip.window-controls-tooltip,.tooltip-host>.tooltip.window-controls-tooltip {
    background-color: var(--toolbar-tooltip-background-color);
    box-shadow: 0 8px 24px var(--toolbar-tooltip-shadow-color)
}

body>.tooltip.window-controls-tooltip::before,.tooltip-host>.tooltip.window-controls-tooltip::before {
    border-bottom-color: var(--toolbar-tooltip-background-color)
}

body>.tooltip .list-item-tooltip>div,.tooltip-host>.tooltip .list-item-tooltip>div {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-half)
}

body>.tooltip .list-item-tooltip .label,.tooltip-host>.tooltip .list-item-tooltip .label {
    min-width: 60px;
    margin-right: var(--spacing-half);
    font-weight: bold
}

.tooltip-host {
    position: relative
}

button.toggletip {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: inherit;
    border: none;
    color: inherit;
    background-color: inherit
}

.file-list {
    height: 100%
}

.file-list .list-item {
    border-bottom: var(--base-border)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-new,.file-list .list-focus-container:not(.focus-within) .list-item .status-new {
    fill: var(--color-new)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-copied,.file-list .list-focus-container:not(.focus-within) .list-item .status-copied {
    fill: var(--color-new)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-modified,.file-list .list-focus-container:not(.focus-within) .list-item .status-modified {
    fill: var(--color-modified)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-renamed,.file-list .list-focus-container:not(.focus-within) .list-item .status-renamed {
    fill: var(--color-renamed)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-deleted,.file-list .list-focus-container:not(.focus-within) .list-item .status-deleted {
    fill: var(--color-deleted)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-conflicted,.file-list .list-focus-container:not(.focus-within) .list-item .status-conflicted {
    fill: var(--color-conflicted)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .status-resolved,.file-list .list-focus-container:not(.focus-within) .list-item .status-resolved {
    fill: var(--color-new)
}

.file-list .list-focus-container.focus-within .list-item:not(.selected) .line-endings,.file-list .list-focus-container:not(.focus-within) .list-item .line-endings {
    fill: var(--color-conflicted)
}

.file-list .file {
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 0;
    height: 100%;
    padding: 0 var(--spacing)
}

.file-list .file .checkbox-component {
    flex-shrink: 0;
    width: 20px
}

.file-list .file input,.file-list .file .status {
    flex-shrink: 0
}

.file-list .file .octicon {
    vertical-align: text-bottom
}

.file-list .file mark {
    font-weight: bold;
    background-color: inherit;
    color: var(--text-color)
}

svg.octicon {
    fill: currentColor;
    flex-shrink: 0
}

.list {
    flex-grow: 1;
    height: 100%;
    min-width: 0;
    overflow: hidden
}

.list .ReactVirtualized__Grid {
    background: var(--background-color)
}

.list .keyboard-insertion-element {
    display: block;
    position: fixed;
    z-index: 1000
}

.list .overlay {
    position: fixed;
    z-index: var(--drag-overlay-z-index);
    background: var(--overlay-background-color)
}

body.platform-win32 .list {
    position: relative
}

body.platform-win32 .list .ReactVirtualized__Grid::-webkit-scrollbar {
    display: none
}

body.platform-win32 .list .fake-scroll {
    display: none
}

body.platform-win32 .list:hover .fake-scroll {
    display: block;
    position: absolute;
    top: 0px;
    right: 1px;
    width: 12px;
    overflow-y: auto;
    overflow-x: hidden
}

.list-focus-container.focus-within .list-item.selected:not(.in-keyboard-insertion-mode) {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color)
}

.list-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%
}

.list-item.selected {
    --text-color: var(--box-selected-text-color);
    --text-secondary-color: var(--box-selected-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-background-color)
}

.list-item:focus {
    outline: none
}

.list-item:not(.not-selectable):hover {
    background: var(--list-item-hover-background-color)
}

.list-item .list-item-content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%
}

.list-item-insertion-overlay {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.list-insertion-point {
    position: absolute;
    left: 0;
    right: 0;
    height: 15px
}

.list-insertion-point.top {
    top: 0
}

.list-insertion-point.bottom {
    bottom: 0
}

.list-item-insertion-indicator {
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.list-item-insertion-indicator.darwin-line {
    left: 10px;
    right: 0;
    height: 2px;
    background-color: var(--focus-color)
}

.list-item-insertion-indicator.darwin-line.top {
    top: -1px
}

.list-item-insertion-indicator.darwin-line.bottom {
    bottom: -1px
}

.list-item-insertion-indicator.darwin-circle {
    left: 0;
    width: 10px;
    height: 10px;
    border-color: var(--focus-color);
    border-radius: 50%;
    border-style: solid;
    border-width: 2px
}

.list-item-insertion-indicator.darwin-circle.top {
    top: -5px
}

.list-item-insertion-indicator.darwin-circle.bottom {
    bottom: -5px
}

.repository-list {
    height: 100%;
    display: flex;
    flex-direction: row;
    min-width: inherit
}

.repository-list .repository-list-item {
    padding: 0 var(--spacing);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.repository-list .repository-list-item .icon-for-repository {
    margin-right: var(--spacing-half);
    flex-shrink: 0;
    width: 16px
}

.repository-list .repository-list-item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.repository-list .repository-list-item .name .prefix {
    color: var(--text-secondary-color)
}

.repository-list .repository-list-item .name mark {
    font-weight: bold;
    background-color: inherit;
    color: currentColor
}

.repository-list .repository-list-item .alias {
    font-style: italic
}

.repository-list .filter-list-group-header {
    padding-top: var(--spacing);
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.repository-list .new-repository-button {
    flex-shrink: 0
}

.repository-list .new-repository-button .octicon {
    margin-left: 5px
}

.repository-list .no-items {
    text-align: center;
    padding: var(--spacing);
    word-wrap: break-word
}

.repository-list .no-items .blankslate-image {
    margin: 0 auto;
    max-width: 300px;
    min-width: auto
}

.repository-list .no-items .title {
    font-weight: var(--font-weight-semibold)
}

.repository-list .no-items .protip {
    padding-top: var(--spacing-double);
    padding-left: var(--spacing-double);
    padding-right: var(--spacing-double);
    text-align: center;
    font-size: var(--font-size-sm)
}

.repository-list .no-items .protip .kbd-shortcut {
    display: inline-block
}

.repository-list .no-items .protip kbd {
    border-radius: var(--border-radius);
    border: var(--base-border);
    border-color: #d1d5da;
    display: inline-block;
    padding: 1px 2px;
    line-height: 1;
    min-height: 16px;
    font-family: var(--font-family);
    text-align: center
}

.list-focus-container .list-item.selected .repository-list-item .ahead-behind,.list-focus-container .list-item.selected .repository-list-item-tooltip .ahead-behind {
    background: var(--list-item-selected-badge-background-color);
    color: var(--list-item-selected-badge-color)
}

.list-focus-container.focus-within .list-item.selected .repository-list-item .ahead-behind,.list-focus-container.focus-within .list-item.selected .repository-list-item-tooltip .ahead-behind {
    background: var(--list-item-selected-active-badge-background-color);
    color: var(--list-item-selected-active-badge-color)
}

.list-focus-container.focus-within .list-item.selected .repository-list-item .change-indicator-wrapper .octicon,.list-focus-container.focus-within .list-item.selected .repository-list-item-tooltip .change-indicator-wrapper .octicon {
    color: var(--text-color)
}

.list-focus-container.focus-within .change-indicator {
    color: var(--text-color)
}

.repository-list .repo-indicators,.repository-list-item-tooltip .repo-indicators {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: var(--spacing-half)
}

.repository-list .change-indicator-wrapper,.repository-list-item-tooltip .change-indicator-wrapper {
    display: flex;
    min-width: 12px;
    justify-content: center;
    align-items: center;
    margin-left: var(--spacing-half)
}

.repository-list .change-indicator-wrapper .octicon,.repository-list-item-tooltip .change-indicator-wrapper .octicon {
    color: var(--tab-bar-active-color);
    width: auto
}

.repository-list .ahead-behind,.repository-list-item-tooltip .ahead-behind {
    height: 16px;
    background: var(--list-item-badge-background-color);
    color: var(--list-item-badge-color);
    align-items: center;
    margin-left: auto
}

body.platform-darwin .repository-list .ahead-behind,body.platform-darwin .repository-list-item-tooltip .ahead-behind {
    height: 12px;
    line-height: 12px
}

body.platform-win32 .repository-list .ahead-behind,body.platform-win32 .repository-list-item-tooltip .ahead-behind {
    height: 13px;
    line-height: 13px
}

.repository-list .ahead-behind .octicon,.repository-list-item-tooltip .ahead-behind .octicon {
    margin: 0;
    height: 20px;
    width: 12px
}

.repository-list-item-tooltip .ahead-behind {
    display: inline-flex;
    margin: unset
}

.repository-list-item-tooltip .change-indicator-wrapper {
    justify-content: unset
}

.commit-message-component {
    border-top: 1px solid var(--box-border-color);
    flex-direction: column;
    flex-shrink: 0;
    margin-top: auto;
    display: flex;
    background-color: var(--box-alt-background-color);
    padding: var(--spacing)
}

.commit-message-component .copilot-disclaimer-popover-header {
    display: flex
}

.commit-message-component .copilot-disclaimer-popover-header h3 {
    margin-bottom: 0;
    font-size: var(--font-size)
}

.commit-message-component .copilot-disclaimer-popover-header .close {
    flex-shrink: 0;
    border: 0;
    height: 16px;
    width: 16px;
    margin: 0 calc(var(--spacing) * -1) 0 auto;
    padding: 0;
    background: transparent;
    color: var(--text-secondary-color);
    cursor: pointer
}

.commit-message-component .copilot-disclaimer-popover-header .close .octicon {
    pointer-events: none
}

.commit-message-component .copilot-disclaimer-popover-header .close:hover {
    color: var(--text-color)
}

.commit-message-component .copilot-disclaimer-popover-header .close:focus {
    outline-offset: 3px
}

.commit-message-component .copilot-disclaimer-popover-header .close {
    margin-right: 0
}

.commit-message-component .summary {
    position: relative;
    display: flex;
    flex-direction: row;
    column-gap: var(--spacing-half)
}

.commit-message-component .summary .summary-field {
    flex: 1;
    margin-bottom: var(--spacing)
}

.commit-message-component .summary .summary-field input {
    width: 100%
}

.commit-message-component .summary.with-trailing-icon input {
    padding-right: 20px
}

.commit-message-component .summary .length-hint,.commit-message-component .summary .commit-message-failure-hint {
    position: absolute;
    top: 2px;
    right: 0;
    width: 16px;
    margin-right: 2px;
    height: calc(var(--text-field-height) - 4px);
    display: flex;
    justify-content: center;
    align-items: center
}

.commit-message-component .summary .length-hint .octicon,.commit-message-component .summary .commit-message-failure-hint .octicon {
    height: 12px
}

.commit-message-component .summary .commit-message-failure-hint {
    border: none;
    background: none
}

.commit-message-component .summary .commit-message-failure-hint:hover {
    background: var(--input-icon-hover-background-color)
}

.commit-message-component .summary .commit-message-failure-hint .warning-icon {
    color: var(--input-icon-warning-color)
}

.commit-message-component .summary .commit-message-failure-hint .error-icon {
    color: var(--input-icon-error-color)
}

.commit-message-component .popover-component {
    width: 298px
}

.commit-message-component.with-co-authors .description-focus-container .action-bar,.commit-message-component.with-co-authors .description-focus-container {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.commit-message-component .copilot-button {
    color: var(--text-secondary-color);
    width: auto !important
}

.commit-message-component .copilot-button:hover {
    color: var(--text-color)
}

.commit-message-component .copilot-button:focus {
    outline-offset: 2px
}

.commit-message-component .call-to-action-bubble {
    font-weight: var(--font-weight-semibold);
    display: inline-block;
    font-size: var(--font-size-xs);
    border: 1px solid var(--call-to-action-bubble-border-color);
    color: var(--call-to-action-bubble-color);
    padding: 1px 5px;
    border-radius: var(--border-radius);
    margin-left: var(--spacing-third);
    cursor: pointer
}

.commit-message-component .co-authors-toggle {
    color: var(--text-secondary-color)
}

.commit-message-component .co-authors-toggle:hover {
    color: var(--text-color)
}

.commit-message-component .co-authors-toggle:focus {
    outline-offset: 2px
}

.commit-message-component.with-co-authors .co-authors-toggle {
    color: var(--link-button-color)
}

.commit-message-component.with-co-authors .co-authors-toggle:hover {
    color: var(--link-button-hover-color)
}

.commit-message-component.with-action-bar .description-field textarea {
    min-height: 80px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media(max-height: 500px) {
    .commit-message-component.with-action-bar .description-field textarea {
        min-height:10px
    }
}

.commit-message-component .description-focus-container {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--background-color);
    cursor: text
}

.commit-message-component .description-focus-container.focus-within {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.commit-message-component .description-focus-container .description-field.with-overflow {
    position: relative
}

.commit-message-component .description-focus-container .description-field.with-overflow:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 5px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    border-bottom: var(--base-border)
}

.commit-message-component .description-focus-container textarea {
    border: none;
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    padding: var(--spacing-half);
    resize: none;
    min-height: 100px
}

.commit-message-component .description-focus-container textarea:focus {
    outline: 0;
    border: none;
    box-shadow: none
}

.commit-message-component .description-focus-container .action-bar {
    display: flex;
    padding: var(--spacing);
    background: var(--box-background-color);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    cursor: default
}

.commit-message-component .description-focus-container .action-bar:empty {
    display: none
}

.commit-message-component .description-focus-container .action-bar.disabled {
    background: var(--box-alt-background-color)
}

.commit-message-component .description-focus-container .action-bar .separator {
    width: 1px;
    margin-left: var(--spacing-half);
    margin-right: var(--spacing-half);
    margin-top: 1px;
    margin-bottom: 1px;
    background: var(--commit-message-action-button-separator-color)
}

.commit-message-component .description-focus-container .co-authors-toggle,.commit-message-component .description-focus-container .copilot-button {
    border: none;
    border-radius: 0px;
    -webkit-appearance: none;
    background: transparent;
    padding: 0;
    margin: 0;
    text-align: left;
    align-items: center;
    display: block;
    height: 17px;
    width: 18px;
    cursor: pointer
}

.commit-message-component .description-focus-container .co-authors-toggle:disabled,.commit-message-component .description-focus-container .copilot-button:disabled {
    pointer-events: none
}

.commit-message-component .description-focus-container .co-authors-toggle:hover:after,.commit-message-component .description-focus-container .co-authors-toggle:focus-visible:after,.commit-message-component .description-focus-container .copilot-button:hover:after,.commit-message-component .description-focus-container .copilot-button:focus-visible:after {
    opacity: 1
}

.commit-message-component .description-focus-container .co-authors-toggle svg,.commit-message-component .description-focus-container .copilot-button svg {
    height: 13px;
    width: 18px;
    pointer-events: none
}

.commit-message-component .commit-button {
    max-width: 100%;
    margin-top: var(--spacing);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.commit-message-component .commit-button .octicon {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: var(--spacing-half);
    height: 12px;
    margin-bottom: 1px
}

#continue-rebase {
    border-top: 1px solid var(--box-border-color);
    flex-direction: column;
    flex-shrink: 0;
    margin-top: auto;
    display: flex;
    background-color: var(--box-alt-background-color);
    padding: var(--spacing)
}

#continue-rebase .warning-untracked-files {
    padding-top: var(--spacing-half);
    text-align: center
}

#continue-rebase .commit-button {
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#continue-rebase .commit-button .octicon {
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: var(--spacing-half)
}

#continue-rebase .commit-button>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#changes-list {
    min-height: 0
}

.changes-list-container {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 100px
}

.changes-list-container .header {
    background: var(--box-alt-background-color);
    border-bottom: 1px solid var(--box-border-color);
    padding: 0 var(--spacing);
    height: 29px;
    flex: 0 0 auto
}

.changes-list-container .changes-list-check-all {
    align-items: center;
    height: 100%;
    position: relative
}

.changes-list-container .changes-list-check-all label {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 30px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.changes-list-container .changes-list-check-all input[type=checkbox] {
    flex-grow: 0;
    flex-shrink: 0
}

.changes-list-container.filtered-changes-list .filter-popover {
    text-align: right
}

.changes-list-container.filtered-changes-list .filter-popover .filter-popover-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.changes-list-container.filtered-changes-list .filter-popover .filter-popover-header h3 {
    margin-bottom: var(--spacing-half)
}

.changes-list-container.filtered-changes-list .filter-popover .filter-options {
    margin: var(--spacing) 0
}

.changes-list-container.filtered-changes-list .filter-popover .filter-options-footer {
    padding: var(--spacing-half) 0 var(--spacing) 0;
    margin-top: var(--spacing-quarter);
    text-align: left
}

.changes-list-container.filtered-changes-list .filter-popover .popover-content {
    padding: var(--spacing) var(--spacing) 0 var(--spacing)
}

.changes-list-container.filtered-changes-list .filter-popover .close {
    flex-shrink: 0;
    border: 0;
    height: 16px;
    width: 16px;
    margin: 0 calc(var(--spacing) * -1) 0 auto;
    padding: 0;
    background: transparent;
    color: var(--text-secondary-color);
    cursor: pointer
}

.changes-list-container.filtered-changes-list .filter-popover .close .octicon {
    pointer-events: none
}

.changes-list-container.filtered-changes-list .filter-popover .close:hover {
    color: var(--text-color)
}

.changes-list-container.filtered-changes-list .filter-popover .close:focus {
    outline-offset: 3px
}

.changes-list-container.filtered-changes-list .filter-popover .close {
    margin: 0
}

.changes-list-container.filtered-changes-list .header {
    display: flex;
    height: auto;
    flex-direction: column;
    padding: var(--spacing-half) var(--spacing);
    margin: 0
}

.changes-list-container.filtered-changes-list .header .filter-box-container {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-half);
    transition: all .3s ease-out
}

.changes-list-container.filtered-changes-list .header .filter-box-container input {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button {
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    border-right: none;
    font-weight: var(--font-weight-semibold);
    color: var(--text-color);
    justify-content: space-between;
    display: inline-flex;
    align-items: center;
    padding-right: var(--spacing-half);
    position: relative
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button.active span:first-child {
    color: var(--box-selected-active-background-color)
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button .active-badge {
    position: absolute;
    right: 18px;
    top: 4px
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button .active-badge .badge-bg {
    padding: 1px;
    border-radius: 50%;
    background-color: var(--secondary-button-background)
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button .active-badge .badge-bg .badge {
    width: 5px;
    height: 5px;
    background-color: var(--box-selected-active-background-color);
    border-radius: 50%
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button:hover {
    color: var(--text-secondary-color);
    background-color: inherit
}

.changes-list-container.filtered-changes-list .header .filter-box-container .filter-button:hover .badge-bg {
    background-color: var(--secondary-button-background)
}

.changes-list-container.filtered-changes-list .header .checkbox-container {
    display: flex;
    align-items: center
}

.changes-list-container.filtered-changes-list .header .checkbox-container .spacer {
    flex-grow: 1
}

.changes-list-container.filtered-changes-list .header .changes-list-check-all {
    flex-grow: 1
}

.changes-list-container.filtered-changes-list .header .changes-list-check-all input {
    margin-right: 7px
}

.changes-list-container.filtered-changes-list .header .changes-list-check-all label {
    position: static;
    padding: 0;
    text-align: left
}

.changes-list-container .filter-list {
    min-height: 0
}

.stashed-changes-button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 29px;
    padding: 0 var(--spacing);
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size);
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-background);
    border: none;
    border-top: var(--base-border);
    box-shadow: none;
    z-index: 0
}

.stashed-changes-button:disabled {
    opacity: .6
}

.stashed-changes-button:hover,.stashed-changes-button:focus {
    background-color: var(--box-selected-background-color)
}

.stashed-changes-button.selected,.stashed-changes-button.selected:hover {
    color: var(--box-selected-active-text-color);
    background-color: var(--box-selected-active-background-color)
}

.stashed-changes-button.selected .stack-icon,.stashed-changes-button.selected:hover .stack-icon {
    fill: var(--box-selected-active-text-color)
}

.stashed-changes-button .stack-icon {
    fill: var(--color-modified)
}

.stashed-changes-button .text {
    flex-grow: 1;
    margin: 0 var(--spacing-half);
    text-align: start
}

.stashed-changes-button .octicon {
    flex-shrink: 0
}

.undo-enter {
    max-height: 0;
    overflow: hidden
}

.undo-enter.undo-enter-active {
    max-height: 200px;
    transition: max-height var(--undo-animation-duration) ease-in
}

.undo-exit {
    max-height: 200px
}

.undo-exit.undo-exit-active {
    max-height: 0;
    transition: max-height var(--undo-animation-duration) ease-out
}

.hidden-changes-warning {
    background-color: var(--file-warning-background-color);
    padding: var(--spacing-half) var(--spacing);
    border-bottom: var(--file-warning-border-color) solid 1px;
    border-top: var(--file-warning-border-color) solid 1px;
    margin-bottom: -1px;
    z-index: 1
}

.hidden-changes-warning .octicon {
    color: var(--file-warning-color);
    margin-right: var(--spacing-half);
    vertical-align: text-bottom
}

.hidden-changes-warning .link-button-component {
    display: inline
}

.no-changes-filtered {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    max-width: 365px;
    min-width: 180px;
    width: 100%;
    margin: var(--spacing-half) auto;
    padding: var(--spacing);
    text-align: center;
    box-sizing: border-box;
    container-type: size;
    overflow: hidden
}

.no-changes-filtered .blankslate-image {
    width: 100%;
    max-width: 80px;
    height: auto;
    margin-bottom: var(--spacing);
    opacity: .8;
    object-fit: contain;
    flex-shrink: 0
}

@container (max-height: 310px) {
    .no-changes-filtered .blankslate-image {
        display: none
    }
}

.no-changes-filtered .title {
    margin-bottom: var(--spacing-half);
    font-size: var(--font-size);
    font-weight: var(--font-weight-semibold);
    line-height: 1.3;
    color: var(--text-color);
    flex-shrink: 0
}

.no-changes-filtered .subtitle {
    max-height: 100px;
    margin: 0 var(--spacing-half) var(--spacing) var(--spacing-half);
    font-size: var(--font-size-sm);
    line-height: 1.4;
    color: var(--text-secondary-color);
    white-space: pre-line;
    flex-shrink: 1
}

.no-changes-filtered .clear-filters-button {
    min-width: 120px;
    margin-top: var(--spacing-half);
    flex-shrink: 0
}

#undo-commit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: var(--base-border);
    background: var(--box-alt-background-color)
}

#undo-commit .commit-info {
    padding: var(--spacing-half) var(--spacing);
    padding-right: 0;
    margin-right: var(--spacing-half);
    min-width: 0;
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-sm)
}

#undo-commit .commit-info .summary,#undo-commit .commit-info .ago {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#undo-commit .commit-info .ago {
    color: var(--text-secondary-color)
}

#undo-commit .actions {
    padding: var(--spacing);
    padding-left: 0
}

.changes-interstitial {
    padding: var(--spacing-quad);
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden
}

.changes-interstitial .interstitial-header {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-double)
}

.changes-interstitial .interstitial-header .text {
    flex-grow: 1;
    margin-right: var(--spacing-double)
}

.changes-interstitial .interstitial-header .text h1 {
    padding: 0;
    margin: 0;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-light)
}

.changes-interstitial .interstitial-header .text p {
    margin: 0
}

.changes-interstitial .interstitial-header .blankslate-image {
    flex: 0;
    height: 70px;
    width: 73px;
    min-width: 70px;
    min-height: 73px;
    align-self: flex-end
}

.changes-interstitial .content {
    width: 100%;
    max-width: 600px
}

.changes-interstitial .pull-request-action .dropdown-select-button .invoke-button {
    min-width: 150px
}

@media screen and (max-width: 640px) {
    .changes-interstitial {
        padding:var(--spacing-double)
    }
}

@media screen and (max-width: 550px) {
    .changes-interstitial .header .blankslate-image {
        display:none
    }
}

#oversized-files .dialog-content {
    max-height: 305px
}

#oversized-files .dialog-content .files-list {
    max-height: 175px;
    overflow-y: auto;
    font-family: var(--font-family-monospace);
    margin-bottom: var(--spacing)
}

#oversized-files .dialog-content .files-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#oversized-files .dialog-content .files-list ul li {
    padding-left: 0;
    margin-bottom: 0
}

#oversized-files .dialog-content .recommendation {
    -webkit-margin-after: .5em
}

.commit-warning-component {
    flex-direction: column;
    flex-shrink: 0;
    margin-top: var(--spacing-half);
    display: flex;
    background-color: var(--box-alt-background-color)
}

.commit-warning-component .warning-message {
    margin-bottom: 0;
    text-align: center;
    color: var(--text-secondary-color)
}

.commit-warning-component .warning-message strong {
    color: var(--text-color);
    word-wrap: break-word
}

.commit-warning-component .warning-icon-container {
    height: 20px;
    position: relative;
    text-align: center
}

.commit-warning-component .warning-icon-container .warning-icon,.commit-warning-component .warning-icon-container .information-icon,.commit-warning-component .warning-icon-container .error-icon {
    color: var(--commit-message-icon-error-color);
    background: var(--box-alt-background-color);
    border-width: 0 var(--spacing-half);
    border: solid transparent;
    box-sizing: content-box;
    position: relative;
    z-index: 1
}

.commit-warning-component .warning-icon-container .warning-icon.information-icon,.commit-warning-component .warning-icon-container .information-icon.information-icon,.commit-warning-component .warning-icon-container .error-icon.information-icon {
    color: var(--dialog-information-color)
}

.commit-warning-component .warning-icon-container .warning-icon.warning-icon,.commit-warning-component .warning-icon-container .information-icon.warning-icon,.commit-warning-component .warning-icon-container .error-icon.warning-icon {
    color: var(--commit-message-icon-warning-color)
}

.commit-warning-component .warning-icon-container:after {
    display: block;
    border-bottom: var(--base-border);
    content: "";
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    top: var(--spacing)
}

.submodule-diff .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    font-size: var(--font-size-md);
    gap: .25em;
    margin-bottom: 1em
}

.submodule-diff .item .content {
    flex: 1
}

.submodule-diff .item .octicon {
    margin-top: .2em
}

.submodule-diff .item .octicon.info-icon {
    color: var(--dialog-information-color)
}

.submodule-diff .item .octicon.modified-icon {
    color: var(--color-modified)
}

.submodule-diff .item .octicon.added-icon {
    color: var(--color-new)
}

.submodule-diff .item .octicon.deleted-icon {
    color: var(--color-deleted)
}

.submodule-diff .item .octicon.untracked-icon {
    color: var(--color-deleted)
}

.submodule-diff .copy-button {
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: 16px
}

.submodule-diff .copy-button .octicon {
    margin-top: revert
}

.submodule-diff .copy-button :hover {
    color: var(--text-secondary-color)
}

#cloning-repository-view {
    justify-content: center;
    align-self: center;
    width: 600px;
    margin-top: -60px;
    padding: var(--spacing-double);
    align-items: center
}

#cloning-repository-view .title-container {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: var(--spacing)
}

#cloning-repository-view .octicon {
    width: 32px;
    height: 32px;
    margin-right: var(--spacing);
    flex: none;
    margin-top: 4px
}

#cloning-repository-view .title {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-light);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#cloning-repository-view .details {
    max-width: 100%;
    height: 30vh;
    margin-bottom: 20vh;
    overflow-wrap: anywhere;
    overflow: hidden;
    text-overflow: ellipsis
}

#cloning-repository-view progress {
    max-width: 100%;
    width: 100%;
    margin-bottom: var(--spacing)
}

.diff-code-mirror {
    flex-grow: 1;
    min-width: 0;
    overflow-y: auto
}

.diff-code-mirror .CodeMirror {
    height: 100%;
    color: var(--diff-text-color);
    background: var(--background-color);
    font-size: var(--font-size-sm);
    font-family: var(--font-family-monospace)
}

.diff-code-mirror .CodeMirror span {
    word-break: break-all
}

.diff-code-mirror .CodeMirror pre {
    border: none
}

.diff-code-mirror .CodeMirror-lines {
    padding: 0
}

.diff-code-mirror .CodeMirror pre.CodeMirror-line,.diff-code-mirror .CodeMirror pre.CodeMirror-line-like {
    padding: 2px 0 2px var(--spacing-half)
}

.diff-code-mirror .CodeMirror pre.CodeMirror-line.diff-hunk-expandable-both,.diff-code-mirror .CodeMirror pre.CodeMirror-line-like.diff-hunk-expandable-both {
    padding-top: 14px;
    padding-bottom: 14px
}

.diff-code-mirror .CodeMirror pre.CodeMirror-line.diff-hunk:not(.diff-hunk-expandable-both),.diff-code-mirror .CodeMirror pre.CodeMirror-line-like.diff-hunk:not(.diff-hunk-expandable-both) {
    padding-top: 5px;
    padding-bottom: 5px
}

.diff-code-mirror .CodeMirror pre.CodeMirror-line svg.no-newline,.diff-code-mirror .CodeMirror pre.CodeMirror-line-like svg.no-newline {
    height: 8px;
    fill: var(--error-color);
    display: inline-block;
    margin-left: 3px;
    margin-bottom: -1px
}

.diff-code-mirror .CodeMirror .CodeMirror-code {
    border-bottom: var(--base-border)
}

.diff-code-mirror .CodeMirror .CodeMirror-gutters {
    background: transparent;
    border: none
}

.diff-code-mirror .CodeMirror .CodeMirror-gutter-wrapper {
    top: 0;
    bottom: 0
}

.diff-code-mirror .CodeMirror .CodeMirror-gutter-elt {
    height: 100%
}

.diff-code-mirror .CodeMirror .diff-gutter {
    width: 125px
}

.diff-code-mirror .CodeMirror .CodeMirror-search-dialog {
    left: auto;
    border: var(--base-border);
    border-top: 0;
    right: var(--spacing);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: var(--spacing-half) var(--spacing);
    box-shadow: var(--base-box-shadow)
}

.diff-code-mirror .CodeMirror .CodeMirror-search-dialog .CodeMirror-search-label,.diff-code-mirror .CodeMirror .CodeMirror-search-dialog .CodeMirror-search-hint {
    display: none
}

.diff-code-mirror .CodeMirror .CodeMirror-search-dialog input.CodeMirror-search-field {
    background: var(--box-background-color);
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0;
    width: 180px
}

.diff-code-mirror .CodeMirror .CodeMirror-search-dialog .buttons {
    display: inline-block
}

.diff-code-mirror .CodeMirror .popover-component.whitespace-hint {
    width: 225px
}

.CodeMirror-lines .diff-line-gutter {
    display: flex;
    height: 100%;
    background: var(--diff-gutter-background-color);
    box-sizing: border-box;
    position: relative;
    cursor: default
}

.CodeMirror-lines .diff-line-gutter * {
    cursor: default
}

.CodeMirror-lines .diff-line-gutter .hunk-handle {
    position: absolute;
    height: 100%;
    width: 20px;
    right: -8px;
    top: 0
}

.CodeMirror-lines .diff-line-gutter .hunk-expander {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: inherit;
    border: none;
    height: inherit;
    color: inherit;
    background-color: inherit;
    position: absolute;
    right: 0;
    width: 100%;
    text-align: center
}

.CodeMirror-lines .diff-line-gutter .hunk-expander.hunk-expand-up-handle {
    height: 50%;
    bottom: 0
}

.CodeMirror-lines .diff-line-gutter .hunk-expander.hunk-expand-down-handle {
    height: 50%;
    top: 0
}

.CodeMirror-lines .diff-line-gutter .hunk-expander.hunk-expand-whole-handle {
    height: 100%;
    bottom: 0
}

.CodeMirror-lines .diff-line-gutter:not(.includeable) .hunk-handle {
    display: none
}

.CodeMirror-lines .diff-line-gutter.expandable-both .hunk-expand-whole-handle,.CodeMirror-lines .diff-line-gutter:not(.diff-hunk) .hunk-expand-whole-handle {
    display: none
}

.CodeMirror-lines .diff-line-gutter:not(.expandable-both) .hunk-expand-up-handle,.CodeMirror-lines .diff-line-gutter:not(.expandable-both) .hunk-expand-down-handle,.CodeMirror-lines .diff-line-gutter:not(.diff-hunk) .hunk-expand-up-handle,.CodeMirror-lines .diff-line-gutter:not(.diff-hunk) .hunk-expand-down-handle {
    display: none
}

.CodeMirror-lines .diff-line-gutter.diff-add {
    background: var(--diff-add-gutter-background-color)
}

.CodeMirror-lines .diff-line-gutter.diff-delete {
    background: var(--diff-delete-gutter-background-color)
}

.CodeMirror-lines .diff-line-gutter.diff-hunk {
    background: var(--diff-hunk-gutter-background-color)
}

.CodeMirror-lines .diff-line-gutter.diff-hunk .hunk-expand-up-handle,.CodeMirror-lines .diff-line-gutter.diff-hunk .hunk-expand-down-handle,.CodeMirror-lines .diff-line-gutter.diff-hunk .hunk-expand-whole-handle {
    background: var(--diff-hunk-gutter-background-color)
}

.CodeMirror-lines .diff-line-gutter.diff-hunk .hunk-expand-icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.CodeMirror-lines .diff-line-gutter.diff-hunk:not(.expandable-up) .hunk-expand-whole-handle #hunk-expand-up-icon {
    display: none
}

.CodeMirror-lines .diff-line-gutter.diff-hunk:not(.expandable-down) .hunk-expand-whole-handle #hunk-expand-down-icon {
    display: none
}

.CodeMirror-lines .diff-line-gutter.diff-hunk:not(.expandable-short) .hunk-expand-whole-handle #hunk-expand-short-icon {
    display: none
}

.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-up :hover,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-down :hover,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-short :hover,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-both :hover {
    cursor: pointer;
    background: var(--diff-hover-background-color);
    border-color: var(--diff-hover-border-color);
    color: var(--diff-hover-text-color)
}

.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-up :hover:last-child,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-down :hover:last-child,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-short :hover:last-child,.CodeMirror-lines .diff-line-gutter.diff-hunk.expandable-both :hover:last-child {
    border-color: var(--diff-hover-gutter-color)
}

.CodeMirror-lines .diff-line-gutter .before {
    border-right: 1px solid var(--diff-border-color)
}

.CodeMirror-lines .diff-line-gutter .after {
    border-right: 4px solid var(--diff-border-color)
}

.CodeMirror-lines .diff-line-gutter .diff-line-number {
    width: 50%;
    padding: 0 var(--spacing-half)
}

.CodeMirror-lines .diff-line-gutter.diff-add:not(.read-only) *,.CodeMirror-lines .diff-line-gutter.diff-delete:not(.read-only) * {
    cursor: pointer
}

.CodeMirror-lines .diff-line-gutter.read-only .after {
    border-right-width: 1px
}

.diff-line-number {
    display: inline-block;
    color: var(--diff-line-number-color);
    text-align: right
}

.CodeMirror-linebackground.diff-add {
    background: var(--diff-add-background-color)
}

.CodeMirror-linebackground.diff-delete {
    background: var(--diff-delete-background-color)
}

.CodeMirror-linebackground.diff-context {
    background: var(--background-color)
}

.CodeMirror-linebackground.diff-hunk {
    background: var(--diff-hunk-background-color)
}

.CodeMirror .diff-line-gutter.diff-add {
    color: var(--diff-add-text-color)
}

.CodeMirror .diff-line-gutter.diff-add .diff-line-number {
    border-color: var(--diff-add-border-color)
}

.CodeMirror .diff-line-gutter.diff-add .diff-line-number:last-child {
    border-color: var(--diff-add-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-delete {
    color: var(--diff-delete-text-color)
}

.CodeMirror .diff-line-gutter.diff-delete .diff-line-number {
    border-color: var(--diff-delete-border-color)
}

.CodeMirror .diff-line-gutter.diff-delete .diff-line-number:last-child {
    border-color: var(--diff-delete-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-context {
    color: var(--diff-text-color)
}

.CodeMirror .diff-line-gutter.diff-context .diff-line-number {
    border-color: var(--diff-border-color)
}

.CodeMirror .diff-line-gutter.diff-context .diff-line-number:last-child {
    border-color: var(--diff-gutter-color)
}

.CodeMirror-line.diff-hunk {
    color: var(--diff-hunk-text-color)
}

.CodeMirror-line.diff-delete {
    color: var(--diff-delete-text-color)
}

.CodeMirror-line.diff-add {
    color: var(--diff-add-text-color)
}

.CodeMirror-line.diff-context {
    color: var(--diff-text-color)
}

.cm-diff-delete-inner {
    background: var(--diff-delete-inner-background-color)
}

.cm-diff-add-inner {
    background: var(--diff-add-inner-background-color)
}

.CodeMirror .diff-line-gutter.diff-hunk {
    color: var(--diff-hunk-text-color)
}

.CodeMirror .diff-line-gutter.diff-hunk .diff-line-number {
    border-color: var(--diff-hunk-border-color)
}

.CodeMirror .diff-line-gutter.diff-hunk .diff-line-number:last-child {
    border-color: var(--diff-hunk-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-hunk.expandable-up:hover,.CodeMirror .diff-line-gutter.diff-hunk.expandable-down:hover,.CodeMirror .diff-line-gutter.diff-hunk.expandable-short:hover {
    cursor: pointer;
    background: var(--diff-hover-background-color);
    border-color: var(--diff-hover-border-color);
    color: var(--diff-hover-text-color)
}

.CodeMirror .diff-line-gutter.diff-hunk.expandable-up:hover:last-child,.CodeMirror .diff-line-gutter.diff-hunk.expandable-down:hover:last-child,.CodeMirror .diff-line-gutter.diff-hunk.expandable-short:hover:last-child {
    border-color: var(--diff-hover-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-line-selected .diff-line-number {
    background: var(--diff-selected-background-color);
    border-color: var(--diff-selected-border-color);
    color: var(--diff-selected-text-color)
}

.CodeMirror .diff-line-gutter.diff-line-selected .diff-line-number:last-child {
    border-color: var(--diff-selected-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover .diff-line-number,.CodeMirror .diff-line-gutter.includeable:hover .diff-line-number {
    background: var(--diff-hover-background-color);
    border-color: var(--diff-hover-border-color);
    color: var(--diff-hover-text-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover .diff-line-number:last-child,.CodeMirror .diff-line-gutter.includeable:hover .diff-line-number:last-child {
    border-color: var(--diff-hover-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover:not(.diff-line-selected).diff-add .diff-line-number,.CodeMirror .diff-line-gutter.includeable:hover:not(.diff-line-selected).diff-add .diff-line-number {
    background: var(--diff-add-hover-background-color);
    border-color: var(--diff-add-hover-border-color);
    color: var(--diff-add-hover-text-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover:not(.diff-line-selected).diff-add .diff-line-number:last-child,.CodeMirror .diff-line-gutter.includeable:hover:not(.diff-line-selected).diff-add .diff-line-number:last-child {
    border-color: var(--diff-add-hover-gutter-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover:not(.diff-line-selected).diff-delete .diff-line-number,.CodeMirror .diff-line-gutter.includeable:hover:not(.diff-line-selected).diff-delete .diff-line-number {
    background: var(--diff-delete-hover-background-color);
    border-color: var(--diff-delete-hover-border-color);
    color: var(--diff-delete-hover-text-color)
}

.CodeMirror .diff-line-gutter.diff-line-hover:not(.diff-line-selected).diff-delete .diff-line-number:last-child,.CodeMirror .diff-line-gutter.includeable:hover:not(.diff-line-selected).diff-delete .diff-line-number:last-child {
    border-color: var(--diff-delete-hover-gutter-color)
}

#diff .panel {
    padding-top: var(--spacing)
}

#diff .image-header {
    padding: var(--spacing) 0 var(--spacing-half) 0;
    margin-left: auto;
    margin-right: auto;
    flex-shrink: 0
}

#diff img {
    max-width: 100%;
    max-height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
    padding: 0
}

.panel.image {
    display: flex;
    flex: 1;
    padding: var(--spacing);
    min-width: 0;
    min-height: 0
}

.panel.image .tab-bar {
    width: 350px;
    margin: var(--spacing) auto 0
}

.panel.image .image-wrapper {
    min-width: 0;
    min-height: 0;
    text-align: center
}

.panel.image .image-diff-previous {
    color: var(--color-deleted)
}

.panel.image .image-diff-current {
    color: var(--color-new)
}

.panel.image .image-diff-previous,.panel.image .image-diff-current {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 0;
    min-width: 0
}

.panel.image .image-diff-previous img,.panel.image .image-diff-current img {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX5+fn///8pDrwNAAAAFElEQVQI12NgsP/AQAz+f4CBGAwAJIIdTTn0+w0AAAAASUVORK5CYII=);
    border: 1px solid currentColor
}

.panel.image .image-diff-header {
    font-weight: var(--font-weight-semibold);
    padding-bottom: 10px
}

.panel.image .image-diff-footer {
    color: var(--text-secondary-color)
}

.panel.image .image-diff-footer .strong {
    font-weight: var(--font-weight-semibold)
}

.image-diff-container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 0;
    min-width: 0
}

.image-diff-container .image-diff-two-up {
    display: flex;
    max-height: 100%;
    min-height: 0;
    min-width: 0;
    padding: 0 var(--spacing-double)
}

.image-diff-container .image-diff-two-up .image-diff-previous {
    margin-right: var(--spacing-half);
    margin-bottom: var(--spacing-half)
}

.image-diff-container .image-diff-two-up .image-diff-current {
    margin-left: var(--spacing-half);
    margin-bottom: var(--spacing-half)
}

.image-diff-container .image-diff-summary {
    color: var(--text-secondary-color);
    font-weight: var(--font-weight-semibold)
}

.image-diff-container .image-diff-summary .added {
    color: var(--color-new)
}

.image-diff-container .image-diff-summary .removed {
    color: var(--color-deleted)
}

.image-diff-difference {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0
}

.image-diff-difference .sizing-container {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    min-width: 0
}

.image-diff-difference .sizing-container .image-container {
    position: relative
}

.image-diff-difference .sizing-container .image-container .image-diff-previous,.image-diff-difference .sizing-container .image-container .image-diff-current {
    position: absolute;
    height: 100%;
    width: 100%
}

.image-diff-difference .sizing-container .image-container .image-diff-previous img,.image-diff-difference .sizing-container .image-container .image-diff-current img {
    border: 0;
    background: transparent
}

.image-diff-onion-skin {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0
}

.image-diff-onion-skin .slider {
    align-self: center
}

.image-diff-onion-skin .sizing-container {
    margin: 0;
    margin-bottom: var(--spacing-half);
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    min-width: 0
}

.image-diff-onion-skin .sizing-container .image-diff-previous,.image-diff-onion-skin .sizing-container .image-diff-current {
    position: absolute;
    width: 100%;
    height: 100%
}

.image-diff-onion-skin .sizing-container .image-diff-previous img,.image-diff-onion-skin .sizing-container .image-diff-current img {
    background: transparent
}

.image-diff-onion-skin .sizing-container .image-container {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX5+fn///8pDrwNAAAAFElEQVQI12NgsP/AQAz+f4CBGAwAJIIdTTn0+w0AAAAASUVORK5CYII=);
    position: relative
}

.image-diff-swipe {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    min-width: 0
}

.image-diff-swipe .slider {
    align-self: center
}

.image-diff-swipe .sizing-container {
    margin: 0;
    margin-bottom: var(--spacing-half);
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
    min-width: 0
}

.image-diff-swipe .sizing-container .image-container {
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUAQMAAAC3R49OAAAABlBMVEX5+fn///8pDrwNAAAAFElEQVQI12NgsP/AQAz+f4CBGAwAJIIdTTn0+w0AAAAASUVORK5CYII=)
}

.image-diff-swipe .sizing-container .image-container .image-diff-previous,.image-diff-swipe .sizing-container .image-container .image-diff-current {
    position: absolute
}

.image-diff-swipe .sizing-container .image-container .image-diff-previous img,.image-diff-swipe .sizing-container .image-container .image-diff-current img {
    background: transparent
}

.image-diff-swipe .sizing-container .image-container .swiper {
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0
}

.cm-s-default .cm-variable {
    color: var(--syntax-variable-color)
}

.cm-s-default .cm-keyword {
    color: var(--syntax-keyword-color)
}

.cm-s-default .cm-atom {
    color: var(--syntax-atom-color)
}

.cm-s-default .cm-number {
    color: inherit
}

.cm-s-default .cm-def {
    color: inherit
}

.cm-s-default .cm-quote {
    color: var(--syntax-quote-color)
}

.cm-s-default .cm-variable-2,.cm-s-default .cm-variable-3 {
    color: var(--syntax-alt-variable-color)
}

.cm-s-default .cm-comment,.cm-s-default .cm-meta {
    color: var(--syntax-comment-color)
}

.cm-s-default .cm-string,.cm-s-default .cm-string-2 {
    color: var(--syntax-string-color)
}

.cm-s-default .cm-string.cm-property,.cm-s-default .cm-string-2.cm-property {
    color: inherit
}

.cm-s-default .cm-qualifier {
    color: var(--syntax-qualifier-color)
}

.cm-s-default .cm-type {
    color: var(--syntax-type-color)
}

.cm-s-default .cm-builtin {
    color: inherit
}

.cm-s-default .cm-bracket {
    color: inherit
}

.cm-s-default .cm-tag {
    color: var(--syntax-tag-color)
}

.cm-s-default .cm-attribute {
    color: var(--syntax-attribute-color)
}

.cm-s-default .cm-hr {
    color: inherit
}

.cm-s-default .cm-link {
    text-decoration: underline;
    color: var(--syntax-link-color)
}

.cm-s-default .cm-header {
    color: var(--syntax-header-color)
}

.cm-s-default .cm-m-cmake.cm-def {
    color: var(--syntax-atom-color)
}

.cm-s-default .cm-m-css.cm-property {
    color: var(--syntax-atom-color)
}

.cm-s-default .cm-m-shell.cm-builtin {
    color: var(--syntax-atom-color)
}

.cm-s-default .cm-m-javascript.cm-type {
    color: var(--syntax-variable-color)
}

.cm-s-default .cm-m-toml.cm-string.cm-property {
    color: var(--syntax-string-color)
}

.cm-s-default .cm-diff-delete-inner {
    color: var(--diff-delete-text-color) !important
}

.cm-s-default .cm-diff-add-inner {
    color: var(--diff-add-text-color) !important
}

.seamless-diff-switcher {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    overflow: hidden;
    position: relative
}

.seamless-diff-switcher .panel {
    padding-top: var(--spacing);
    display: flex;
    flex: 1
}

.seamless-diff-switcher .panel.empty,.seamless-diff-switcher .panel.renamed,.seamless-diff-switcher .panel.binary {
    justify-content: center;
    align-items: center
}

.seamless-diff-switcher .panel.large-diff {
    margin: var(--spacing-double);
    text-align: center;
    justify-content: initial
}

.seamless-diff-switcher .panel.large-diff .blankslate-image {
    max-height: 150px
}

.seamless-diff-switcher .panel.large-diff .description {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing)
}

.seamless-diff-switcher .panel.large-diff .description p {
    margin: 0
}

.seamless-diff-switcher .loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    opacity: 0;
    pointer-events: none
}

.seamless-diff-switcher .diff-contents-warning-container {
    background-color: var(--file-warning-background-color);
    padding: var(--spacing) var(--spacing-double);
    border-bottom: var(--file-warning-border-color) solid 1px
}

.seamless-diff-switcher .diff-contents-warning-container .octicon {
    margin-right: var(--spacing);
    color: var(--file-warning-color);
    vertical-align: text-bottom
}

.seamless-diff-switcher .diff-contents-warning-container a.link-button-component {
    display: unset
}

.seamless-diff-switcher .diff-contents-warning-container .diff-contents-warning:not(:last-child) {
    margin-bottom: var(--spacing);
    border-bottom: var(--file-warning-border-color) solid 1px;
    padding-bottom: var(--spacing)
}

.seamless-diff-switcher.loading>* {
    transition: opacity 100ms ease-in
}

.seamless-diff-switcher.loading .loading-indicator {
    display: block
}

.seamless-diff-switcher.loading:not(.has-diff) .loading-indicator {
    display: block;
    opacity: 1
}

.seamless-diff-switcher.loading.has-diff.slow>.loading-indicator {
    display: block;
    opacity: 1
}

.seamless-diff-switcher.loading.has-diff.slow>:not(.loading-indicator) {
    opacity: .2
}

.seamless-diff-switcher:has(.ReactVirtualized__Grid:focus-visible) {
    outline: 2px solid var(--focus-color);
    border-radius: var(--border-radius);
    margin-right: 2px;
    margin-bottom: 2px
}

.diff-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    max-height: 100%
}

.diff-container .header {
    background: var(--box-alt-background-color);
    border-bottom: 1px solid var(--diff-border-color);
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-grow: 0;
    align-items: center;
    padding: var(--spacing-half) var(--spacing)
}

.diff-container .header span {
    user-select: text
}

.diff-container .header .status-new {
    fill: var(--color-new)
}

.diff-container .header .status-copied {
    fill: var(--color-new)
}

.diff-container .header .status-modified {
    fill: var(--color-modified)
}

.diff-container .header .status-renamed {
    fill: var(--color-renamed)
}

.diff-container .header .status-deleted {
    fill: var(--color-deleted)
}

.diff-container .header .status-conflicted {
    fill: var(--color-conflicted)
}

.diff-container .header .status-resolved {
    fill: var(--color-new)
}

.diff-container .header .line-endings {
    fill: var(--color-conflicted)
}

.diff-container .header .diff-options-component {
    margin-right: var(--spacing-half);
    flex-shrink: 0
}

.diff-container .header .octicon.status {
    flex-shrink: 0;
    vertical-align: text-bottom;
    position: relative;
    align-self: center;
    flex-shrink: 0
}

.diff-container .header .line-endings {
    margin-right: var(--spacing-half)
}

.diff-container .header .open-merge-tool {
    margin-right: var(--spacing-half)
}

#history {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: 100%;
    min-width: 0
}

#commit-summary-container {
    flex-grow: 0
}

#compare-view {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0
}

#compare-view .filter-list .filter-field-row {
    margin: 0
}

#compare-view .compare-form {
    background: var(--box-alt-background-color);
    flex: initial;
    padding: var(--spacing-half);
    border-bottom: var(--base-border)
}

#compare-view .compare-commit-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0
}

#compare-view .merge-status {
    background: var(--background-color);
    border-width: 0 var(--spacing-half);
    border: solid transparent;
    box-sizing: content-box;
    position: relative;
    z-index: 1
}

#compare-view .merge-message {
    max-height: 500px;
    transition: max-height 750ms ease
}

#compare-view .merge-message-loading {
    max-height: 40px
}

#compare-view .merge-message-legacy {
    margin-top: var(--spacing)
}

#compare-view .merge-cta {
    border-top: var(--base-border);
    display: flex;
    flex-direction: column;
    font-size: var(--font-size-sm);
    padding: var(--spacing)
}

#compare-view .merge-cta .merge-status-component {
    text-align: center
}

#compare-view .no-branches {
    color: var(--text-secondary-color);
    margin-top: var(--spacing-double)
}

#compare-view .branch-commit-counter {
    color: var(--text-secondary-color);
    display: flex;
    justify-content: flex-end;
    flex: 1;
    font-size: var(--font-size-sm)
}

#compare-view .branch-commit-counter-item {
    display: flex;
    align-items: center
}

#compare-view .branch-commit-counter-item:first-child {
    margin-right: var(--spacing-half)
}

#compare-view .branch-commit-counter .octicon {
    fill: var(--text-secondary-color);
    width: 8px;
    margin-left: 1px
}

#compare-view .branch-commit-counter .octicon:last-child {
    margin-right: 0
}

#compare-view .tab-bar {
    padding: var(--spacing-half);
    border-bottom: var(--base-border);
    height: initial
}

#compare-view .tab-bar-item {
    box-shadow: none;
    background: var(--tab-bar-background-color);
    border: var(--base-border)
}

#compare-view .tab-bar-item:first-of-type {
    border-radius: var(--border-radius) 0 0 var(--border-radius)
}

#compare-view .tab-bar-item:last-of-type {
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

#compare-view .tab-bar-item.selected {
    background: var(--box-selected-active-background-color);
    border-color: var(--box-border-accent-color);
    color: var(--box-selected-active-text-color)
}

#compare-view .select-component {
    flex-grow: 0
}

#compare-view .compare-content {
    display: flex;
    height: 100%;
    flex-direction: column
}

#compare-view .compare-content .ref-component {
    word-break: break-word
}

#commit-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0
}

#commit-list .draggable,#commit-list .commit {
    width: 100%;
    height: 100%
}

#commit-list .list-item.selected:not(.in-keyboard-insertion-mode) .commit {
    background-color: var(--box-selected-background-color)
}

#commit-list .list-item.selected:not(.in-keyboard-insertion-mode) .commit .unpushed-indicator {
    background: var(--list-item-selected-badge-background-color);
    color: var(--list-item-selected-badge-color)
}

#commit-list .list-item.selected:not(.in-keyboard-insertion-mode) .commit .tag-name {
    background: var(--list-item-selected-badge-background-color);
    color: var(--list-item-selected-badge-color);
    box-shadow: 1px 0 0 var(--box-selected-background-color)
}

#commit-list .list-item.selected:not(.in-keyboard-insertion-mode) .commit .tag-indicator-more {
    background: var(--list-item-selected-badge-background-color)
}

#commit-list.has-highlighted-commits .list-item {
    transition: opacity .5s
}

#commit-list.has-highlighted-commits .list-item:not(.highlighted) {
    opacity: 30%
}

#commit-list:not(.has-highlighted-commits) .list-item {
    transition: opacity .25s
}

#commit-list .focus-within:not(.in-keyboard-insertion-mode) .list-item.selected .commit {
    background-color: var(--box-selected-active-background-color)
}

#commit-list .focus-within:not(.in-keyboard-insertion-mode) .list-item.selected .commit .unpushed-indicator {
    background: var(--list-item-selected-active-badge-background-color);
    color: var(--list-item-selected-active-badge-color)
}

#commit-list .focus-within:not(.in-keyboard-insertion-mode) .list-item.selected .commit .tag-name {
    background: var(--list-item-selected-active-badge-background-color);
    color: var(--list-item-selected-active-badge-color);
    box-shadow: 1px 0 0 var(--box-selected-active-background-color)
}

#commit-list .focus-within:not(.in-keyboard-insertion-mode) .list-item.selected .commit .tag-indicator-more {
    background: var(--list-item-selected-active-badge-background-color);
    color: var(--list-item-selected-active-badge-color)
}

#commit-list .list-item.selected-for-keyboard-insertion .commit {
    color: var(--box-selected-text-color);
    background-color: var(--box-selected-background-color)
}

#commit-list .list-item.selected-for-keyboard-insertion .commit .byline {
    color: var(--box-selected-text-color)
}

#commit-list .reorder-commits-hint-popover {
    background-color: var(--background-color);
    border: var(--base-border);
    border-radius: var(--border-radius);
    padding: var(--spacing)
}

#commit-list .reorder-commits-hint-popover p {
    margin: var(--spacing-half) 0
}

#commit-list .reorder-commits-hint-popover p:last-child {
    margin-bottom: 0
}

#commit-drag-element .commit,#commit-list .commit {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--background-color);
    border-bottom: var(--base-border);
    padding-right: calc(var(--spacing) + var(--spacing-half));
    padding-left: var(--spacing)
}

#commit-drag-element .commit .info,#commit-list .commit .info {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin-top: -4px;
    overflow: hidden;
    min-width: 50px
}

#commit-drag-element .commit .info .description,#commit-list .commit .info .description {
    display: flex;
    flex-direction: row;
    margin-top: 3px
}

#commit-drag-element .commit .info .summary,#commit-list .commit .info .summary {
    font-weight: var(--font-weight-semibold)
}

#commit-drag-element .commit .info .summary.empty-summary,#commit-list .commit .info .summary.empty-summary {
    color: var(--text-secondary-color)
}

#commit-drag-element .commit .info .summary,#commit-drag-element .commit .info .byline,#commit-list .commit .info .summary,#commit-list .commit .info .byline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#commit-drag-element .commit .commit-indicators,#commit-list .commit .commit-indicators {
    display: flex;
    flex-flow: nowrap row;
    flex: 1 1 auto;
    justify-content: flex-end;
    margin-left: var(--spacing);
    color: var(--list-item-badge-color);
    height: 16px;
    line-height: 16px;
    max-width: 50%
}

#commit-drag-element .commit .commit-indicators .tag-indicator,#commit-list .commit .commit-indicators .tag-indicator {
    display: flex;
    flex: 0 1 auto;
    height: 100%;
    min-width: 0
}

#commit-drag-element .commit .commit-indicators .tag-indicator .tag-name,#commit-list .commit .commit-indicators .tag-indicator .tag-name {
    flex: 1 1 auto;
    padding: 0 var(--spacing-half);
    border-radius: var(--border-radius);
    background: var(--list-item-badge-background-color);
    box-shadow: 1px 0 0 var(--background-color);
    z-index: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#commit-drag-element .commit .commit-indicators .tag-indicator .tag-indicator-more,#commit-list .commit .commit-indicators .tag-indicator .tag-indicator-more {
    flex: 0 0 auto;
    width: var(--spacing);
    margin-left: -5px;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    background: var(--list-item-badge-background-color)
}

#commit-drag-element .commit .commit-indicators .unpushed-indicator,#commit-list .commit .commit-indicators .unpushed-indicator {
    flex: 0 0 auto;
    height: 100%;
    border-radius: 8px;
    padding: 0 var(--spacing-half);
    background: var(--list-item-badge-background-color);
    margin-left: var(--spacing-half)
}

#commit-drag-element .commit .tool-tip-contents,#commit-list .commit .tool-tip-contents {
    display: none
}

.commit-list-item-tooltip.list-item-tooltip .label {
    min-width: 35px !important
}

.commit-list-item-tooltip.list-item-tooltip .author {
    align-items: center
}

.commit-list-item-tooltip.list-item-tooltip .author .avatar {
    width: 24px;
    height: 24px
}

.commit-list-item-tooltip.list-item-tooltip .unpushed-indicator {
    display: inline-flex;
    flex: 0 0 auto;
    border-radius: 8px;
    padding: 0 var(--spacing-half);
    color: var(--list-item-badge-color);
    align-items: center;
    background: var(--list-item-selected-badge-background-color);
    margin-top: 3px
}

#commit-summary {
    display: flex;
    flex-direction: column;
    min-height: 0
}

#commit-summary .avatar {
    width: 16px;
    height: 16px
}

#commit-summary .expander {
    position: absolute;
    width: 75px;
    top: var(--spacing);
    right: var(--spacing);
    background: transparent;
    padding: 0;
    border: none;
    color: var(--text-color);
    font-size: inherit;
    font-weight: normal;
    font-family: inherit
}

#commit-summary .expander svg {
    vertical-align: text-top;
    margin-right: var(--spacing-half)
}

#commit-summary.expanded .commit-summary-description-scroll-view {
    max-height: 400px;
    overflow: auto;
    display: revert
}

#commit-summary.expanded .commit-summary-description-scroll-view:before {
    content: none
}

#commit-summary.hide-description-border .commit-summary-description-container {
    border-bottom: none
}

#commit-summary.has-expander .commit-summary-description {
    padding-right: 100px
}

#commit-summary.has-expander:not(.expanded) .commit-summary-description:before {
    content: "";
    background: var(--box-overflow-shadow-background);
    position: absolute;
    height: 30px;
    bottom: 0px;
    width: 100%;
    pointer-events: none
}

#commit-summary .commit-unreachable-info {
    padding: var(--spacing-half) var(--spacing);
    border-bottom: var(--base-border);
    display: flex;
    align-items: center
}

#commit-summary .commit-unreachable-info .octicon {
    margin-right: var(--spacing-half)
}

#commit-summary .commit-unreachable-info .link-button-component {
    margin-right: var(--spacing-half)
}

.commit-summary-title,.commit-summary-meta {
    padding: var(--spacing)
}

.commit-summary-title .lines-added,.commit-summary-meta .lines-added {
    color: var(--color-new)
}

.commit-summary-title .lines-deleted,.commit-summary-meta .lines-deleted {
    color: var(--color-deleted)
}

.commit-summary-title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    padding: var(--spacing);
    word-wrap: break-word
}

.commit-summary-title.empty-summary {
    color: var(--text-secondary-color)
}

.commit-summary-description-container {
    display: flex;
    position: relative;
    border-bottom: var(--base-border);
    min-height: 0
}

.commit-summary-description-scroll-view {
    overflow: hidden;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.commit-summary-title,.commit-summary-description {
    user-select: text;
    cursor: text
}

.commit-summary-title *,.commit-summary-description * {
    user-select: unset;
    pointer-events: unset;
    cursor: text
}

.commit-summary-description {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-sm);
    word-wrap: break-word;
    white-space: pre-line;
    padding: var(--spacing);
    min-height: 0
}

.commit-summary-meta {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 var(--spacing) var(--spacing)
}

.commit-summary-meta-item:not(.without-truncation) {
    flex-shrink: 1;
    min-width: 0
}

.commit-summary-meta-item {
    display: flex;
    flex-direction: row;
    min-width: 0;
    margin-right: var(--spacing);
    font-size: var(--font-size-sm);
    flex-shrink: 0
}

.commit-summary-meta-item .avatar,.commit-summary-meta-item .octicon {
    display: inline-block;
    margin-right: var(--spacing-third);
    vertical-align: bottom
}

.commit-summary-meta-item .selectable {
    user-select: text
}

.commit-summary-meta-item .tags {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1
}

.commit-summary-header {
    border-bottom: var(--base-border)
}

#expandable-commit-summary {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-bottom: var(--base-border)
}

#expandable-commit-summary .beneath-summary {
    overflow-y: auto;
    padding: var(--spacing);
    padding-top: 0;
    padding-bottom: var(--spacing-half)
}

#expandable-commit-summary .ecs-title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    line-height: 16px;
    word-wrap: break-word;
    display: flex;
    padding: var(--spacing);
    padding-bottom: var(--spacing-half)
}

#expandable-commit-summary .ecs-title .commits-in-diff {
    margin-left: var(--spacing-half)
}

#expandable-commit-summary .ecs-title.empty-summary {
    color: var(--text-secondary-color)
}

#expandable-commit-summary .ecs-title .expander {
    background: transparent;
    padding: 0;
    border: none;
    color: var(--text-color);
    font-size: inherit;
    font-weight: normal;
    font-family: inherit;
    margin-left: var(--spacing);
    height: auto
}

#expandable-commit-summary .ecs-title .expander svg {
    vertical-align: text-top
}

#expandable-commit-summary .ecs-description {
    display: flex;
    position: relative;
    min-height: 10px;
    padding-bottom: var(--spacing-half)
}

#expandable-commit-summary .ecs-description .ecs-description-scroll-view {
    overflow: hidden;
    overflow-y: auto;
    flex: 1
}

#expandable-commit-summary .ecs-description .ecs-description-text {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-sm);
    word-wrap: break-word;
    white-space: pre-wrap;
    min-height: 0
}

#expandable-commit-summary .ecs-meta {
    display: flex;
    flex-wrap: wrap
}

#expandable-commit-summary .ecs-meta .ecs-meta-item {
    display: flex;
    margin-right: var(--spacing);
    font-size: var(--font-size-sm);
    align-items: center
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.authors {
    margin-left: 0
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.authors .avatar {
    width: 16px;
    height: 16px
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.authors .author .avatar-container {
    margin-right: 4px
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.commit-ref .ref {
    padding-left: var(--spacing-half)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.commit-ref .copy-button {
    margin-left: var(--spacing-half);
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: 16px
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.commit-ref .copy-button :hover {
    color: var(--text-secondary-color)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.lines-added-deleted div {
    padding-right: var(--spacing-half)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.lines-added-deleted .lines-added {
    color: var(--color-new)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.lines-added-deleted .lines-deleted {
    color: var(--color-deleted)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.tags {
    flex-shrink: 1;
    min-width: 0
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.tags .octicon {
    padding-right: var(--spacing-half)
}

#expandable-commit-summary .ecs-meta .ecs-meta-item.tags span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#expandable-commit-summary .beneath-summary {
    display: flex;
    flex-direction: column
}

#expandable-commit-summary .ecs-description-text {
    background: var(--box-alt-background-color);
    padding: var(--spacing-half)
}

#expandable-commit-summary:not(.expanded) .ecs-description-scroll-view {
    max-height: 80px;
    min-height: 30px
}

#expandable-commit-summary.expanded .beneath-summary {
    background: var(--box-overflow-shadow-background-two);
    background-repeat: no-repeat;
    background-size: 100% 20px,100% 20px,100% 10px,100% 10px;
    background-attachment: local,local,scroll,scroll
}

#expandable-commit-summary.expanded .ecs-meta {
    display: block
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item {
    margin-bottom: var(--spacing-half);
    align-items: unset;
    margin-right: 0
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item:last-child {
    margin-bottom: 0
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.authors {
    display: block
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.authors .author {
    margin-bottom: 2px;
    display: flex
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.authors .author div:last-child {
    overflow-wrap: anywhere
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.commit-ref .ref {
    overflow-wrap: anywhere
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.lines-added-deleted .lines-added {
    padding-left: var(--spacing-half)
}

#expandable-commit-summary.expanded .ecs-meta .ecs-meta-item.tags span {
    white-space: normal
}

#expandable-commit-summary .commit-unreachable-info {
    display: flex;
    align-items: center;
    padding: var(--spacing);
    padding-top: 0
}

#expandable-commit-summary .commit-unreachable-info .octicon {
    margin-right: var(--spacing-half)
}

#expandable-commit-summary .commit-unreachable-info .link-button-component {
    margin-right: var(--spacing-half)
}

#expandable-commit-summary .selectable {
    user-select: text;
    cursor: text
}

#expandable-commit-summary .selectable * {
    user-select: unset;
    pointer-events: unset;
    cursor: text
}

@media(max-width: 650px) {
    #expandable-commit-summary.expanded .beneath-summary {
        display:block
    }

    #expandable-commit-summary.expanded .ecs-description {
        height: auto
    }

    #expandable-commit-summary.expanded .ecs-description .ecs-description-text {
        background: rgba(149,157,165,.1)
    }
}

#history .file-list {
    display: flex;
    flex: 1;
    border-right: var(--base-border)
}

#multiple-commits-selected {
    padding: 0;
    display: block
}

#multiple-commits-selected ul {
    margin-top: 0px
}

#multiple-commits-selected .panel {
    height: 100%;
    text-align: left
}

#repository {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    border-top: var(--base-border);
    height: 100%;
    min-height: 0
}

#repository>.focus-container {
    display: flex
}

#repository #no-changes {
    gap: var(--spacing)
}

#repository-sidebar {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--box-border-color)
}

#repository-sidebar .tab-bar {
    flex-shrink: 0
}

#repository-sidebar .panel {
    height: 100%;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto
}

.resizable-component {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: relative
}

.resizable-component .resize-handle {
    position: absolute;
    right: -3px;
    top: 0px;
    height: 100%;
    width: 6px;
    padding: 0;
    z-index: var(--drag-overlay-z-index);
    cursor: ew-resize;
    background: none;
    border: none
}

#desktop-app-toolbar {
    height: var(--toolbar-height);
    border-bottom: 1px solid var(--toolbar-border-color);
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 0;
    color: var(--toolbar-text-color);
    background-color: var(--toolbar-background-color)
}

#desktop-app-toolbar .sidebar-section {
    display: flex;
    flex-direction: row;
    flex-shrink: 0
}

#desktop-app-toolbar .sidebar-section>:last-child {
    flex-grow: 1
}

#desktop-app-toolbar .toolbar-button.resizable {
    flex-grow: 1;
    max-height: var(--toolbar-height)
}

#desktop-app-toolbar .toolbar-button.push-pull-button {
    width: 230px
}

#desktop-app-toolbar .toolbar-button.push-pull-button.resizable {
    width: 100%
}

#desktop-app-toolbar .toolbar-button.branch-toolbar-button {
    width: 230px
}

#desktop-app-toolbar .toolbar-button.branch-toolbar-button.resizable {
    width: 100%
}

#desktop-app-toolbar .toolbar-button.revert-progress {
    width: 230px
}

#desktop-app-toolbar .toolbar-button.revert-progress.resizable {
    width: 100%
}

#desktop-app-toolbar .toolbar-button.toolbar-dropdown-arrow-button {
    width: 39px
}

#desktop-app-toolbar .toolbar-button.toolbar-dropdown-arrow-button.resizable {
    flex-shrink: 0
}

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

.spin {
    animation: spin 1s linear infinite
}

.ahead-behind {
    display: flex;
    background: var(--toolbar-badge-background-color);
    border-radius: 8px;
    padding: 0 6px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold)
}

body.platform-darwin .ahead-behind {
    height: 13px
}

body.platform-win32 .ahead-behind {
    height: 14px
}

.ahead-behind span {
    display: flex;
    align-items: center
}

.ahead-behind span:nth-child(2) {
    margin-left: var(--spacing-half)
}

.ahead-behind span .octicon {
    width: 10px;
    margin-left: var(--spacing-third)
}

.toolbar-button {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    min-width: 0;
    position: relative
}

.toolbar-button .toolbar-dropdown-button {
    width: 40px;
    height: 49px
}

.toolbar-button>button {
    -webkit-appearance: none;
    border: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    text-align: left;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%
}

.toolbar-button>button:active {
    box-shadow: none
}

.toolbar-button>button:focus {
    background-color: var(--toolbar-button-focus-background-color);
    outline-offset: -4px;
    border-color: var(--toolbar-button-border-color);
    box-shadow: none
}

.toolbar-button>button:focus .progress {
    background: var(--toolbar-button-focus-progress-color)
}

.toolbar-button>button:focus:not(:focus-visible) {
    background-color: var(--toolbar-button-background-color)
}

.toolbar-button>button:focus:not(:focus-visible) .progress {
    background: var(--toolbar-button-progress-color)
}

.toolbar-button>button:not(:disabled):hover {
    background-color: var(--toolbar-button-hover-background-color);
    color: var(--toolbar-button-hover-color);
    border-color: var(--toolbar-button-hover-border-color)
}

.toolbar-button>button:not(:disabled):hover .description {
    color: var(--toolbar-button-secondary-color)
}

.toolbar-button>button:not(:disabled):hover .progress {
    background: var(--toolbar-button-hover-progress-color)
}

.toolbar-button>button {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing);
    margin: 0;
    overflow: hidden;
    background-color: var(--toolbar-button-background-color);
    color: var(--toolbar-button-color);
    border-right: 1px solid var(--toolbar-button-border-color)
}

.toolbar-button>button .icon {
    flex-shrink: 0;
    margin-right: var(--spacing);
    position: relative
}

.toolbar-button>button .dropdownArrow {
    flex-shrink: 0;
    position: relative
}

.toolbar-button>button .text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
    margin-right: var(--spacing);
    position: relative
}

.toolbar-button>button .title {
    font-weight: var(--font-weight-semibold);
    position: relative
}

.toolbar-button>button .description {
    color: var(--toolbar-button-secondary-color);
    font-size: var(--font-size-sm);
    position: relative
}

.toolbar-button>button .title,.toolbar-button>button .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.toolbar-button>button .progress {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: var(--toolbar-button-progress-color);
    transform-origin: left;
    pointer-events: none;
    transition: transform .3s var(--easing-ease-out-quint)
}

.toolbar-button.has-progress>button:disabled {
    opacity: 1
}

.toolbar-dropdown {
    min-width: 0;
    display: flex;
    flex-direction: row
}

.toolbar-dropdown.resizable {
    flex-grow: 1
}

.toolbar-dropdown>.toolbar-button {
    width: 100%;
    height: 100%
}

.toolbar-dropdown .toolbar-dropdown-arrow-button {
    width: 39px
}

.toolbar-dropdown.open.foldout-style>.toolbar-button>button,.toolbar-dropdown.open.multi-option-style>.toolbar-dropdown-arrow-button>button {
    color: var(--toolbar-button-active-color);
    background-color: var(--toolbar-button-active-background-color);
    border-color: var(--toolbar-button-active-border-color)
}

.toolbar-dropdown.open.foldout-style>.toolbar-button>button .description,.toolbar-dropdown.open.multi-option-style>.toolbar-dropdown-arrow-button>button .description {
    color: var(--text-secondary-color)
}

.toolbar-dropdown.open.foldout-style>.toolbar-button>button .progress,.toolbar-dropdown.open.multi-option-style>.toolbar-dropdown-arrow-button>button .progress {
    background-color: var(--toolbar-dropdown-open-progress-color)
}

.push-pull-dropdown {
    display: flex;
    flex-direction: column;
    margin-top: 1px;
    z-index: 0;
    max-width: 100%
}

.push-pull-dropdown .push-pull-dropdown-item {
    display: flex;
    flex-direction: row;
    height: fit-content;
    padding: 10px;
    gap: 10px;
    color: var(--text-color);
    background-color: var(--box-background-color);
    white-space: normal;
    text-align: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset !important
}

.push-pull-dropdown .push-pull-dropdown-item .octicon {
    height: 16px;
    width: 16px
}

.push-pull-dropdown .push-pull-dropdown-item:focus {
    background-color: var(--box-background-color)
}

.push-pull-dropdown .push-pull-dropdown-item:hover {
    background-color: var(--box-hover-background-color) !important;
    color: var(--toolbar-dropdown-text-hover-color) !important
}

.push-pull-dropdown .push-pull-dropdown-item:not(:last-child) {
    border-bottom: 1px solid var(--box-border-color) !important
}

.push-pull-dropdown .push-pull-dropdown-item .text-container {
    display: flex;
    flex-direction: column;
    row-gap: 3px
}

.push-pull-dropdown .push-pull-dropdown-item .text-container .title {
    font-weight: 600
}

.push-pull-dropdown .push-pull-dropdown-item .text-container .detail {
    color: var(--text-secondary-color)
}

.push-pull-dropdown .push-pull-dropdown-item .text-container .detail .warning {
    color: var(--toolbar-dropdown-text-warning-color);
    margin-top: var(--spacing)
}

.push-pull-dropdown .push-pull-dropdown-item .text-container .detail .warning .warning-title {
    font-weight: 600
}

.tab-bar {
    display: flex;
    flex-direction: row;
    height: var(--tab-bar-height)
}

.tab-bar.vertical {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    flex-shrink: 0;
    padding: var(--spacing) 0
}

.tab-bar.switch:not(.vertical) {
    gap: var(--spacing)
}

.tab-bar-item {
    border: none;
    box-shadow: none;
    color: var(--text-color);
    background: var(--background-color);
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size)
}

.tab-bar .tab-bar-separator {
    width: 1px;
    background-color: var(--box-border-color)
}

.tab-bar.tabs .tab-bar-item {
    border-radius: 0;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--box-border-color);
    border-right: 1px solid var(--box-border-color)
}

.tab-bar.tabs .tab-bar-item:last-child {
    border-right: none
}

.tab-bar.tabs .tab-bar-item.selected {
    box-shadow: inset 0 -3px 0px var(--tab-bar-active-color)
}

.tab-bar.tabs .tab-bar-item:hover {
    background: var(--tab-bar-hover-background-color)
}

.tab-bar.tabs .tab-bar-item .with-indicator {
    display: flex;
    align-items: center
}

.tab-bar.tabs .tab-bar-item .indicator {
    color: var(--tab-bar-active-color);
    margin-left: 4px;
    margin-top: 1px
}

.tab-bar.tabs .tab-bar-item .counter {
    color: var(--tab-bar-count-color);
    background-color: var(--tab-bar-count-background-color);
    margin-left: 4px;
    padding: 2px 5px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold);
    border-radius: 20px;
    line-height: 1
}

.tab-bar.tabs .tab-bar-item:focus-visible {
    outline-offset: -4px
}

.tab-bar.switch .tab-bar-item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: none;
    border-radius: var(--border-radius)
}

.tab-bar.switch .tab-bar-item,.tab-bar.switch .tab-bar-item * {
    cursor: pointer
}

.tab-bar.switch .tab-bar-item.selected {
    background-color: var(--tab-bar-active-color);
    color: var(--box-selected-active-text-color)
}

.tab-bar.switch .tab-bar-item:focus-visible {
    border-radius: var(--outlined-border-radius);
    outline-offset: 3px
}

.tab-bar.vertical .tab-bar-item {
    border-radius: var(--border-radius);
    min-width: 150px;
    display: flex;
    justify-content: left;
    padding: var(--spacing);
    margin: var(--spacing-third) var(--spacing-double)
}

.tab-bar.vertical .tab-bar-item:focus-visible {
    border-radius: var(--outlined-border-radius);
    outline-offset: 3px
}

.tab-bar.vertical .tab-bar-item:last-child {
    border-right: none
}

.tab-bar.vertical .tab-bar-item.selected {
    background-color: var(--tab-bar-active-color);
    color: var(--box-selected-active-text-color)
}

.tab-bar.vertical .tab-bar-item:not(.selected) .icon {
    color: #6a737d
}

.tab-bar.vertical .tab-bar-item:not(.selected):hover {
    background: var(--tab-bar-hover-background-color)
}

.tab-bar.vertical .tab-bar-item .icon {
    vertical-align: bottom;
    margin-right: var(--spacing)
}

.panel {
    display: flex;
    flex-direction: column;
    flex: 1
}

.popup {
    display: flex;
    flex-direction: column;
    max-width: 400px;
    min-width: 260px;
    margin: var(--spacing-triple) var(--spacing);
    background-color: var(--box-alt-background-color);
    z-index: var(--popup-z-index)
}

.popup-content {
    padding: var(--spacing)
}

.popup-inner-content {
    border: var(--base-border);
    border-radius: var(--border-radius);
    background: var(--background-color)
}

.popup-actions {
    margin-top: var(--spacing)
}

.popup-error-output {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-sm);
    margin: 0;
    white-space: pre-wrap
}

.popup-overlay {
    z-index: var(--popup-overlay-z-index);
    background: #000;
    opacity: .4;
    height: 100%
}

progress {
    -webkit-appearance: none;
    height: 10px;
    background-color: var(--box-alt-background-color)
}

progress::-webkit-progress-bar {
    background-color: transparent
}

progress::-webkit-progress-value {
    background-color: var(--text-color)
}

progress:indeterminate {
    background-image: -webkit-linear-gradient(-45deg, transparent 33%, var(--text-color) 33%, var(--text-color) 66%, transparent 66%);
    background-size: 25px 10px,100% 100%,100% 100%;
    -webkit-animation: progress-indeterminate-animation 5s linear infinite
}

@-webkit-keyframes progress-indeterminate-animation {
    100% {
        background-position: 100px 0px
    }
}

.branches-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 365px
}

.branches-container>.tab-bar {
    border-top: var(--base-border)
}

.branches-container .branches-list {
    width: 365px;
    min-height: 0
}

.branches-container.resizable {
    width: 100%
}

.branches-container.resizable .branches-list {
    width: 100%
}

.branches-container.resizable .branches-list-item .name {
    max-width: unset
}

.branches-container.resizable .no-pull-requests {
    margin: var(--spacing) auto
}

.branches-container .branches-list-item {
    height: 100%
}

.branches-container .branches-list-item.drop-target * {
    pointer-events: none
}

.branches-container .branches-list-item.new-branch-drop {
    margin-top: var(--spacing-half);
    height: 30px;
    flex-grow: revert
}

.branches-container-panel {
    display: flex;
    flex: 1
}

.pull-request-tab {
    display: flex;
    flex-direction: row;
    align-items: center
}

.pull-request-tab .count {
    display: flex;
    background: var(--tab-bar-count-background-color);
    color: var(--tab-bar-count-color);
    margin-left: var(--spacing-half);
    border-radius: 8px;
    padding: 0 6px;
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-semibold)
}

body.platform-darwin .pull-request-tab .count {
    height: 13px;
    line-height: 13px
}

body.platform-win32 .pull-request-tab .count {
    height: 14px;
    line-height: 14px
}

.pull-request-list {
    height: 100%;
    width: 100%
}

.pull-request-list.filter-list .filter-field-row {
    margin-bottom: var(--spacing-half)
}

.pull-request-list .list-item.selected:focus .ci-status {
    color: inherit
}

.pull-request-list .pull-request-item {
    padding: 0 var(--spacing);
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    flex-grow: 1;
    height: 100%
}

.pull-request-list .pull-request-item.drop-target div {
    pointer-events: none
}

.pull-request-list .pull-request-item .icon {
    margin-left: var(--spacing-half);
    margin-right: var(--spacing);
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 2px
}

.pull-request-list .pull-request-item.open .icon {
    color: var(--pr-open-icon-color)
}

.pull-request-list .pull-request-item.draft .icon {
    color: var(--pr-draft-icon-color)
}

.pull-request-list .pull-request-item .info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
    margin-right: var(--spacing-half)
}

.pull-request-list .pull-request-item .info .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: var(--font-weight-semibold)
}

.pull-request-list .pull-request-item .info .subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

.pull-request-list .pull-request-item .ci-status-container {
    margin-right: var(--spacing-half);
    min-width: 16px;
    text-align: center;
    flex-shrink: 0
}

.pull-request-list .filter-list-group-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.branches-list-item {
    padding: 0 var(--spacing)
}

.branches-list-item {
    display: flex;
    flex-direction: row;
    min-width: 0;
    flex-grow: 1;
    align-items: center
}

.branches-list-item .icon {
    margin-right: var(--spacing-half);
    width: 16px;
    flex-shrink: 0
}

.branches-list-item .name {
    flex-grow: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 65%;
    margin-right: var(--spacing-half)
}

.branches-list-item .name mark {
    font-weight: bold;
    background-color: inherit;
    color: currentColor
}

.branches-list-item .description {
    margin-right: var(--spacing-half);
    color: var(--text-secondary-color);
    font-size: var(--font-size-sm);
    flex-grow: 1;
    text-align: right;
    white-space: nowrap
}

.no-pull-requests {
    width: 365px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing)
}

.no-pull-requests .title {
    font-weight: var(--font-weight-semibold)
}

.no-pull-requests .no-prs {
    padding-bottom: var(--spacing)
}

.no-pull-requests .call-to-action {
    font-size: var(--font-size-sm)
}

.no-pull-requests .call-to-action .link-button-component {
    display: unset
}

.emoji {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom
}

.ui-view {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0
}

.autocompletion-container {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.autocompletion-popup {
    overflow: hidden
}

.autocompletion-popup {
    display: flex;
    width: 250px;
    border-radius: var(--border-radius);
    background-color: var(--background-color);
    box-shadow: 0px 0px 8px rgba(0,0,0,.3)
}

.autocompletion-popup.emoji {
    width: 200px
}

.autocompletion-popup.user {
    width: 220px
}

.autocompletion-popup.issue {
    width: 300px
}

.autocompletion-popup .list-item,.autocompletion-popup li {
    border-bottom: none
}

.autocompletion-popup .list-item:not(:first-child),.autocompletion-popup li:not(:first-child) {
    border-top: var(--base-border)
}

.autocompletion-popup .list-item.selected,.autocompletion-popup li.selected {
    --text-color: var(--box-selected-active-text-color);
    --text-secondary-color: var(--box-selected-active-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-active-background-color);
    border-top-color: var(--box-selected-active-background-color)
}

.autocompletion-popup .list-item.selected+.list-item,.autocompletion-popup li.selected+.list-item {
    border-top-color: var(--box-selected-active-background-color)
}

.autocompletion-item {
    flex-grow: 1;
    height: 100%;
    min-width: 0;
    padding: 0 var(--spacing)
}

.autocompletion-item mark {
    font-weight: bold;
    background-color: inherit;
    color: currentColor
}

.autocompletion-item .emoji {
    display: flex;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    align-items: center
}

.autocompletion-item .emoji .icon {
    flex-shrink: 0;
    height: 20px;
    width: 20px;
    font-size: 15px;
    margin-right: var(--spacing-half)
}

.autocompletion-item .emoji .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.autocompletion-item .issue {
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 100%;
    width: 100%
}

.autocompletion-item .issue .number {
    color: var(--text-secondary-color)
}

.autocompletion-item .issue .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-semibold)
}

.autocompletion-item .user {
    display: flex;
    flex-grow: 1;
    align-items: center;
    height: 100%;
    width: 100%
}

.autocompletion-item .user.unknown .username {
    font-style: italic
}

.autocompletion-item .user.unknown .description {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-secondary-color);
    font-style: italic;
    font-size: var(--font-size-sm)
}

.autocompletion-item .user .username {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: var(--font-weight-semibold);
    margin-right: var(--spacing-half)
}

.autocompletion-item .user .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-secondary-color)
}

#welcome {
    --welcome-scale: 1;
    --welcome-font-size: calc(var(--font-size) * var(--welcome-scale));
    --welcome-font-size-sm: calc(var(--font-size-sm) * var(--welcome-scale));
    --welcome-font-size-md: calc(var(--font-size-md) * var(--welcome-scale));
    --welcome-font-size-xxl: calc(var(--font-size-xxl) * var(--welcome-scale));
    --text-field-height: calc(var(--welcome-item-height) * var(--welcome-scale));
    --button-height: calc(var(--welcome-item-height) * var(--welcome-scale));
    --radio-control-radius: calc(13px * var(--welcome-scale));
    --welcome-content-width: calc(500px * var(--welcome-scale));
    --avatar-size: calc(16px * var(--welcome-scale));
    align-items: stretch;
    justify-content: center;
    flex-direction: row;
    font-size: var(--welcome-font-size-md)
}

@media screen and (min-width: 1366px)and (min-height: 700px) {
    #welcome {
        --welcome-scale: 1.2
    }
}

@media screen and (min-width: 1400px)and (min-height: 725px) {
    #welcome {
        --welcome-scale: 1.3
    }
}

@media screen and (min-width: 1600px)and (min-height: 750px) {
    #welcome {
        --welcome-scale: 1.4
    }
}

@media screen and (min-width: 1800px)and (min-height: 775px) {
    #welcome {
        --welcome-scale: 1.5
    }
}

#welcome input[type=radio] {
    width: var(--radio-control-radius);
    height: var(--radio-control-radius)
}

#welcome #configure-git {
    flex-grow: 1;
    justify-content: center
}

#welcome #configure-git #configure-git-user {
    padding-bottom: var(--spacing)
}

#welcome #configure-git #configure-git-user #commit-list.commit-list-example .commit {
    font-size: var(--welcome-font-size)
}

#welcome #configure-git #configure-git-user #commit-list.commit-list-example .header,#welcome #configure-git #configure-git-user #commit-list.commit-list-example .byline {
    font-size: var(--welcome-font-size-sm)
}

#welcome #configure-git #configure-git-user #commit-list.commit-list-example .avatar {
    width: var(--avatar-size);
    height: var(--avatar-size)
}

#welcome #configure-git #configure-git-user #commit-list.commit-list-example .AvatarStack.AvatarStack--small {
    width: calc(var(--avatar-size) + 5px);
    height: var(--avatar-size)
}

#welcome .actions {
    display: flex
}

#welcome #sign-in-dot-com {
    display: flex;
    flex-direction: column
}

#welcome #sign-in-dot-com .form-component {
    display: block
}

#welcome #sign-in-dot-com .actions {
    margin-top: var(--spacing-double)
}

#welcome #sign-in-dot-com hr {
    margin: var(--spacing-double) 0
}

#welcome #sign-in-enterprise .sign-in-form {
    margin-top: 0
}

#welcome #sign-in-enterprise .sign-in-form>button {
    margin-right: 0
}

#welcome #sign-in-enterprise .sign-in-footer {
    margin-top: var(--spacing-double)
}

#welcome #sign-in-enterprise .actions {
    display: inline-block;
    margin-top: var(--spacing-double)
}

#welcome #sign-in-enterprise hr {
    margin: var(--spacing-double) 0
}

#welcome #configure-git-user .form-component div:last-child {
    margin-top: var(--spacing)
}

#welcome #usage-opt-out .welcome-title {
    margin: 0
}

#welcome input,#welcome button,#welcome select {
    font-size: var(--welcome-font-size-md)
}

#welcome input {
    padding: var(--spacing-half)
}

#welcome select {
    padding: 0 1px
}

#welcome button {
    margin-right: var(--spacing);
    padding: var(--spacing-half) var(--spacing)
}

#welcome .form-component .text-box-component {
    margin-bottom: var(--spacing)
}

#welcome .actions {
    margin-top: var(--spacing)
}

#welcome.exiting .welcome-left {
    transition: transform 250ms ease-in-out;
    transform: translateX(-100%)
}

#welcome.exiting .welcome-right {
    transition: transform 250ms ease-in-out;
    transform: translateX(100%)
}

#welcome .create-account-link {
    font-weight: var(--font-weight-semibold)
}

#welcome .welcome-main-buttons {
    margin-top: var(--spacing-quad)
}

#welcome .welcome-main-buttons .button-component {
    padding-left: var(--spacing-double);
    padding-right: var(--spacing-double);
    margin: 0 var(--spacing-double) var(--spacing) 0
}

@media screen and (max-width: 600px) {
    #welcome .welcome-main-buttons .button-component {
        margin-right:0
    }
}

#welcome .welcome-main-buttons .octicon.spin {
    margin-right: var(--spacing);
    margin-left: 0
}

.welcome-title,.welcome-text {
    margin: 0
}

.welcome-title {
    font-size: var(--welcome-font-size-xxl);
    font-weight: var(--font-weight-light);
    line-height: 1.25;
    margin-bottom: var(--spacing)
}

.welcome-title span {
    display: inline-block
}

.welcome-text {
    margin: var(--spacing) 0
}

.sign-in-field {
    width: 100%
}

.welcome-right {
    flex-grow: 1;
    width: 40%
}

.welcome-left {
    display: flex;
    align-items: center;
    width: 60%;
    padding: var(--spacing-quad);
    position: relative;
    height: 100vh;
    overflow-y: auto
}

.welcome-left .welcome-content {
    max-width: var(--welcome-content-width);
    width: 100%
}

.welcome-left .welcome-content section {
    max-height: 100vh
}

.welcome-left .welcome-graphic-bottom {
    position: absolute;
    right: var(--spacing);
    bottom: var(--spacing);
    height: auto;
    max-height: 100%;
    width: 40%;
    z-index: -1
}

.welcome-left .welcome-graphic-top {
    position: absolute;
    right: 80px;
    top: 40px;
    height: auto;
    max-height: 100%;
    width: 20%;
    z-index: -1
}

#start {
    min-height: calc(100vh - 2 * var(--spacing-quad));
    display: flex;
    flex-direction: column
}

#start .start-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 100px
}

#start .start-footer {
    font-size: var(--welcome-font-size-sm);
    color: var(--text-secondary-color)
}

.welcome-right {
    background-color: #28373b;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: var(--spacing-quad) 0 0 var(--spacing-quad);
    position: relative;
    overflow: hidden
}

.welcome-right .welcome-graphic {
    height: 100%;
    object-fit: cover;
    object-position: left
}

.skip-action-container {
    margin-top: var(--spacing-quad)
}

.skip-action-container .skip-button {
    color: var(--text-secondary-color)
}

.forgot-password-link {
    align-self: center;
    margin-left: var(--spacing)
}

body.platform-win32 #welcome {
    --welcome-item-height: 31.5px
}

body.platform-darwin #welcome {
    --welcome-item-height: 29px
}

#foldout-container {
    z-index: var(--foldout-z-index)
}

#foldout-container .overlay {
    background: var(--overlay-background-color);
    height: 100%
}

#foldout-container .overlay:focus {
    outline: none;
    border: none;
    box-shadow: none
}

#foldout-container .foldout {
    background: var(--background-color);
    color: var(--text-color)
}

#preferences .preferences-container {
    display: flex
}

#preferences .preferences-container .tab-container {
    border-left: var(--base-border);
    flex: 1
}

#preferences .preferences-container fieldset {
    border: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

#preferences .preferences-container .advanced-section:not(:last-child) {
    margin-bottom: var(--spacing)
}

#preferences .preferences-container .advanced-section .checkbox-component:not(:last-child) {
    margin-bottom: var(--spacing-half)
}

#preferences .preferences-container .advanced-section .git-settings-description {
    margin-top: var(--spacing)
}

#preferences .preferences-container .advanced-section .setting-hint-warning {
    margin-top: var(--spacing)
}

#preferences .preferences-container .advanced-section .warning-icon {
    color: var(--warning-badge-icon-color)
}

#preferences .tab-bar .icon {
    width: 16px
}

#preferences .accounts-tab .account-info .user-info-container {
    display: flex;
    flex-grow: 1;
    gap: var(--spacing)
}

#preferences .accounts-tab .account-info .avatar {
    width: 34px;
    height: 34px;
    align-self: center
}

#preferences .accounts-tab .account-info .user-info {
    flex-grow: 1;
    align-self: flex-start
}

#preferences .accounts-tab .account-info .user-info .account-title,#preferences .accounts-tab .account-info .user-info .name {
    font-weight: var(--font-weight-semibold);
    margin-top: -2px;
    margin-bottom: -2px
}

@media(max-width: 600px) {
    #preferences .accounts-tab .account-info {
        flex-direction:column
    }

    #preferences .accounts-tab .account-info .user-info-container {
        margin-bottom: var(--spacing)
    }

    #preferences .accounts-tab .account-info .button-component {
        align-self: normal
    }
}

#preferences .accounts-tab .call-to-action {
    display: block
}

#preferences .accounts-tab .call-to-action .button-component {
    margin-top: var(--spacing);
    margin-left: 0
}

#preferences .no-options-found label {
    margin-bottom: 0
}

#preferences .no-options-found span {
    color: var(--text-secondary-color)
}

#preferences .default-branch-component {
    margin-top: var(--spacing-double)
}

#preferences .default-branch-component .ref-name-text-box {
    margin-top: var(--spacing)
}

#preferences .default-branch-component #default-branch-description {
    margin-top: var(--spacing)
}

#preferences .git-settings-description {
    margin-top: var(--spacing-double);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

#preferences .theme-selector {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--spacing-half) * -1)
}

#preferences .theme-selector .radio-button-component {
    display: block;
    flex-shrink: 0;
    padding: var(--spacing-half);
    position: relative;
    width: 50%;
    margin: 0
}

#preferences .theme-selector .radio-button-component label input[type=radio] {
    position: absolute;
    left: calc(var(--spacing) + var(--spacing-half));
    margin-top: calc(50.5%)
}

#preferences .theme-selector .radio-button-component label input[type=radio]:checked+span {
    border-color: var(--box-selected-active-background-color)
}

#preferences .theme-selector .radio-button-component label>span {
    border-radius: var(--border-radius);
    border: var(--base-border);
    float: left;
    overflow: hidden;
    padding-bottom: var(--spacing-half);
    width: 100%;
    margin: 0
}

#preferences .theme-selector .radio-button-component label>span .theme-value-label {
    margin-left: calc(var(--spacing-triple))
}

#preferences .theme-selector .radio-button-component label>span img {
    width: 100%;
    border-bottom: var(--base-border);
    margin-bottom: var(--spacing-half);
    display: block
}

#preferences .theme-selector .radio-button-component label>span .system-theme-swatch {
    width: 100%;
    position: relative;
    display: block
}

#preferences .theme-selector .radio-button-component label>span .system-theme-swatch img {
    position: absolute;
    top: 0
}

#preferences .theme-selector .radio-button-component label>span .system-theme-swatch img:first-child {
    position: inherit
}

#preferences .theme-selector .radio-button-component label>span .system-theme-swatch img:last-child {
    clip-path: polygon(50% 0, 100% 0%, 100% 100%, 50% 100%)
}

#external-editor-error {
    width: 450px
}

#external-editor-error p {
    word-wrap: break-word
}

.custom-integration-form-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: var(--spacing-half)
}

.custom-integration-form-container .custom-integration-form-path-container {
    display: flex;
    gap: var(--spacing)
}

.custom-theme-selector .custom-theme-selecter-header {
    display: flex;
    width: 375px
}

.custom-theme-selector .custom-theme-selecter-header button {
    margin-left: auto
}

.custom-theme-selector .custom-theme-selecter-header h2 {
    margin-bottom: 0
}

.custom-theme-selector .swatch-box {
    width: 31%;
    float: left;
    background-color: #e4e4e4;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    margin: 1%;
    padding: 1px;
    border-radius: 5px
}

.custom-theme-selector .theme-option-swatch {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #000;
    width: 100%;
    height: 50px;
    margin: auto
}

.custom-theme-selector .theme-option-swatch:hover {
    border-width: 2px;
    outline: 1px solid #e4e4e4
}

.custom-theme-selector .color-picker-container {
    position: absolute;
    width: 100px
}

.path-text-component {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.path-text-component .dirname {
    color: var(--text-secondary-color)
}

.path-label-component {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-self: center;
    min-width: 0;
    margin-right: var(--spacing-half)
}

.path-label-component .rename-arrow {
    margin: 0 var(--spacing-half)
}

#configure-git-user .form-component {
    margin: var(--spacing-double) 0
}

#configure-git-user .form-component .sign-in-form-inputs {
    min-height: 150px
}

#configure-git-user .form-component .text-box-component {
    flex: unset
}

#configure-git-user .config-lock-file-exists-component {
    background: var(--form-error-background);
    border: 1px solid var(--form-error-border-color);
    color: var(--form-error-text-color);
    font-size: var(--font-size-sm);
    padding: var(--spacing-half);
    border-radius: var(--border-radius)
}

#configure-git-user .commit-list-example {
    position: relative;
    background: #fff;
    border: var(--base-border);
    border-radius: var(--border-radius)
}

#configure-git-user .commit-list-example .header {
    background: #f2f8fe;
    padding: var(--spacing-half) var(--spacing);
    font-size: var(--font-size-sm)
}

#configure-git-user .commit-list-example .commit {
    font-size: var(--font-size);
    padding: var(--spacing-half) var(--spacing);
    width: 100%;
    max-width: 280px;
    border-bottom: none
}

#configure-git-user .git-config-loading {
    color: var(--text-secondary-color)
}

.form-component {
    display: flex;
    flex-direction: column;
    margin: var(--spacing-half) 0
}

.form-component>*:not(:last-child) {
    margin-bottom: var(--spacing)
}

.form-component hr {
    width: 100%;
    border: none;
    height: 1px;
    border-bottom: var(--base-border)
}

.text-box-component {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative
}

.text-box-component>label {
    overflow-wrap: anywhere;
    margin-bottom: var(--spacing-third)
}

.text-box-component input {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--box-background-color);
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0 var(--spacing-half)
}

.text-box-component input:focus {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.text-box-component input::-webkit-input-placeholder {
    color: var(--box-placeholder-color)
}

.text-box-component input:disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.text-box-component input:read-only {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.text-box-component input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    margin-right: 0;
    background-color: var(--text-color);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M3.72 3.72a.75.75 0 011.06 0L8 6.94l3.22-3.22a.75.75 0 111.06 1.06L9.06 8l3.22 3.22a.75.75 0 11-1.06 1.06L8 9.06l-3.22 3.22a.75.75 0 01-1.06-1.06L6.94 8 3.72 4.78a.75.75 0 010-1.06z\"/></svg>");
    -webkit-mask-repeat: no-repeat
}

.text-box-component.display-clear-button input {
    padding-inline-end:var(--text-field-height)}

.text-box-component.display-prefixed-icon input {
    padding-left: var(--text-field-height)
}

.text-box-component .prefixed-icon {
    position: absolute;
    top: var(--spacing-half);
    left: var(--spacing-half);
    color: var(--text-secondary-color)
}

.text-box-component button.clear-button {
    position: absolute;
    right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: none;
    width: var(--text-field-height);
    height: var(--text-field-height);
    color: var(--text-color)
}

.text-box-component:not(.no-invalid-state) :not(:focus):invalid {
    border-color: var(--error-color)
}

.password-text-box {
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-grow: 1
}

.password-text-box .text-box-component {
    margin-bottom: 0 !important
}

.password-text-box .text-box-component input {
    padding-right: var(--spacing-triple)
}

.password-text-box button {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    margin-right: 0 !important;
    height: var(--text-field-height);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px !important;
    color: var(--text-secondary-color);
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    font-family: inherit;
    font-size: inherit;
    border: none;
    background-color: inherit !important
}

.ref-name-text-box {
    margin-bottom: var(--spacing)
}

.ref-name-text-box .warning-helper-text {
    display: flex;
    margin-top: var(--spacing)
}

.radio-button-component {
    display: flex;
    align-items: center
}

.radio-button-component+.radio-button-component {
    margin-top: var(--spacing-half)
}

.radio-button-component>label {
    display: flex;
    align-items: center
}

.radio-button-component>label>input {
    margin: 0
}

.radio-button-component>label>span {
    margin: 0;
    margin-left: var(--spacing-half)
}

.button-component {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: var(--font-family-sans-serif);
    font-size: var(--font-size);
    padding: 0 var(--spacing);
    border: 1px solid var(--secondary-button-border-color);
    height: var(--button-height);
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-background);
    border-radius: var(--button-border-radius)
}

.button-component:not([aria-disabled=true]):hover {
    border-color: var(--secondary-button-hover-border-color);
    background-color: var(--secondary-button-hover-background)
}

.button-component:focus {
    outline-offset: 4px
}

.button-component[aria-disabled=true] {
    opacity: .6
}

.button-component .octicon {
    vertical-align: middle
}

.button-component.button-with-icon .octicon {
    margin-left: var(--spacing)
}

.button-component[type=submit],.button-component-primary {
    background-color: var(--button-background);
    color: var(--button-text-color);
    border: 1px solid var(--button-background)
}

.button-component[type=submit]:not([aria-disabled=true]):hover,.button-component-primary:not([aria-disabled=true]):hover {
    border-color: var(--button-background);
    background-color: var(--button-hover-background)
}

.button-component[type=submit]:focus,.button-component-primary:focus {
    background-color: var(--button-hover-background);
    border-color: var(--button-background);
    outline-offset: 4px
}

.link-button-component {
    color: var(--link-button-color);
    text-decoration: none;
    cursor: pointer !important;
    display: inline-flex;
    align-items: center
}

.link-button-component:hover {
    text-decoration: underline
}

.link-button-component[aria-disabled=true] {
    opacity: .6;
    cursor: default;
    text-decoration: none
}

.link-button-component.link-with-icon .octicon {
    margin-left: var(--spacing-half)
}

.small-button {
    font-size: var(--font-size-sm);
    padding: 0 var(--spacing-half);
    height: 21px
}

.button-group-item {
    border-right-width: 0;
    border-radius: 0
}

.button-group-item:first-child {
    border-top-left-radius: var(--button-border-radius);
    border-bottom-left-radius: var(--button-border-radius)
}

.button-group-item:last-child {
    border-right-width: 1px;
    border-top-right-radius: var(--button-border-radius);
    border-bottom-right-radius: var(--button-border-radius)
}

.button-group-item.selected,.button-group-item:focus,.button-group-item:active,.button-group-item:hover {
    border-right-width: 1px
}

.button-group-item.selected+.button-group-item,.button-group-item:focus+.button-group-item,.button-group-item:active+.button-group-item,.button-group-item:hover+.button-group-item {
    border-left-width: 0
}

.button-group-item:focus,.button-group-item:active {
    z-index: 1
}

.button-component.copy-button .octicon {
    height: 12px;
    width: 12px
}

.select-component {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.select-component label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: var(--spacing-third)
}

.select-component select {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--box-background-color);
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0 var(--spacing-half);
    padding: 0;
    width: 100%
}

.select-component select:focus {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.select-component select::-webkit-input-placeholder {
    color: var(--box-placeholder-color)
}

.select-component select:disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.row-component {
    display: flex;
    flex-direction: row
}

.row-component>*:not(:last-child) {
    margin-right: var(--spacing)
}

.row-component .button-component {
    align-self: flex-end
}

.text-area-component {
    display: flex;
    flex-direction: column;
    flex: 1
}

.text-area-component textarea {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--box-background-color);
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0 var(--spacing-half);
    height: auto;
    resize: none;
    min-height: 100px
}

.text-area-component textarea:focus {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.text-area-component textarea::-webkit-input-placeholder {
    color: var(--box-placeholder-color)
}

.text-area-component textarea:disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.text-area-component textarea:read-only {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.checkbox-component {
    display: flex;
    flex-direction: row;
    align-items: center
}

.checkbox-component input {
    margin: 0
}

.checkbox-component input:not(:last-child) {
    margin-right: var(--spacing-half)
}

.errors-component {
    background: var(--form-error-background);
    border: 1px solid var(--form-error-border-color);
    border-radius: var(--border-radius);
    color: var(--text-color);
    font-size: var(--font-size-sm);
    padding: var(--spacing-half)
}

dialog#conflicts-dialog {
    width: 500px
}

dialog#conflicts-dialog .summary {
    margin-bottom: 20px
}

dialog#conflicts-dialog .dialog-header h1 {
    font-weight: var(--font-weight-light)
}

dialog#conflicts-dialog .dialog-content {
    padding-bottom: var(--spacing)
}

dialog#conflicts-dialog .green-circle {
    background-color: var(--color-new);
    color: var(--background-color);
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: flex;
    justify-content: center;
    align-items: center
}

dialog#conflicts-dialog ul {
    list-style: none;
    padding: 0 var(--spacing-double);
    margin: 0 calc(-1 * var(--spacing-double));
    max-height: 285px;
    overflow-y: auto
}

dialog#conflicts-dialog ul li {
    margin-bottom: var(--spacing-double);
    padding-left: 0
}

dialog#conflicts-dialog ul li:last-of-type {
    margin-bottom: calc(var(--spacing) * 2)
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts {
    display: flex;
    flex-flow: row nowrap
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .file-octicon,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .file-octicon {
    margin-right: var(--spacing)
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .column-left,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .column-left {
    display: flex;
    flex-flow: column nowrap;
    flex-grow: 1;
    min-width: 0;
    align-items: start;
    padding-right: var(--spacing)
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .column-left .path-text-component,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .column-left .path-text-component {
    text-overflow: ellipsis;
    max-width: 100%
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .action-buttons,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .action-buttons {
    margin-left: auto;
    flex-shrink: 0;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .action-buttons .resolve-arrow-menu,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .action-buttons .resolve-arrow-menu {
    line-height: 18px
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .undo-button,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .undo-button {
    align-self: center;
    margin-right: var(--spacing-half);
    flex: 0 0 auto
}

dialog#conflicts-dialog ul li.unmerged-file-status-resolved .green-circle:last-child,dialog#conflicts-dialog ul li.unmerged-file-status-conflicts .green-circle:last-child {
    margin-left: auto;
    flex-shrink: 0;
    flex: 0 0 auto;
    align-self: center
}

dialog#conflicts-dialog ul .unmerged-file-status-resolved .file-conflicts-status {
    color: var(--color-new)
}

dialog#conflicts-dialog ul .unmerged-file-status-conflicts .file-conflicts-status {
    color: var(--color-conflicted)
}

dialog#conflicts-dialog ul .unmerged-file-status-conflicts .command-line-hint {
    color: var(--text-secondary-color)
}

dialog#conflicts-dialog .all-conflicts-resolved {
    display: flex;
    flex-flow: row nowrap;
    padding: var(--spacing) 0 var(--spacing-double)
}

dialog#conflicts-dialog .all-conflicts-resolved .message {
    padding-left: var(--spacing);
    padding-top: var(--spacing-third)
}

dialog#conflicts-dialog .arrow-menu .octicon {
    width: 10px;
    height: 14px;
    pointer-events: none
}

dialog#cherry-pick-progress progress,dialog#rebase-progress progress,dialog#multi-commit-progress progress {
    -webkit-appearance: none;
    appearance: none;
    max-width: 100%;
    width: 100%;
    margin-bottom: var(--spacing)
}

dialog#cherry-pick-progress progress::-webkit-progress-bar,dialog#rebase-progress progress::-webkit-progress-bar,dialog#multi-commit-progress progress::-webkit-progress-bar {
    background-color: transparent
}

dialog#cherry-pick-progress progress::-webkit-progress-value,dialog#rebase-progress progress::-webkit-progress-value,dialog#multi-commit-progress progress::-webkit-progress-value {
    background-color: var(--dialog-progress-background);
    transition: width 1s ease
}

dialog#cherry-pick-progress .details,dialog#rebase-progress .details,dialog#multi-commit-progress .details {
    display: flex;
    flex-flow: row nowrap;
    padding: var(--spacing) 0 var(--spacing-double)
}

dialog#cherry-pick-progress .details .green-circle,dialog#rebase-progress .details .green-circle,dialog#multi-commit-progress .details .green-circle {
    background-color: var(--color-new);
    color: var(--background-color);
    border-radius: 50%;
    height: 22px;
    width: 22px;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center
}

dialog#cherry-pick-progress .details .summary,dialog#rebase-progress .details .summary,dialog#multi-commit-progress .details .summary {
    padding-left: var(--spacing)
}

dialog#cherry-pick-progress .details .summary .message,dialog#rebase-progress .details .summary .message,dialog#multi-commit-progress .details .summary .message {
    font-weight: bold
}

dialog#abort-warning,dialog#abort-merge-warning {
    width: 450px
}

dialog#abort-warning .column-left,dialog#abort-merge-warning .column-left {
    display: flex;
    flex-flow: column nowrap;
    align-items: start
}

dialog#push-needs-pull-warning {
    width: 450px
}

dialog#push-needs-pull-warning .spin {
    margin-right: var(--spacing-half)
}

#publish-repository {
    width: 450px
}

#publish-repository .account-picker {
    width: 100%
}

#repository-settings {
    width: 600px
}

#repository-settings .dialog-content {
    min-height: 305px
}

#repository-settings .no-remote {
    justify-content: space-between
}

#repository-settings .no-remote button {
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 120px;
    align-self: center
}

#repository-settings .tab-container {
    display: flex
}

#repository-settings .tab-container .active-tab {
    border-left: var(--base-border);
    flex: 1
}

#repository-settings .fork-settings-description {
    margin-top: var(--spacing-double);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

#repository-settings .fork-settings-description li {
    padding: 0;
    margin-bottom: 0
}

#repository-settings .no-remote-publish-message .link-button-component {
    display: inline
}

#repository-settings textarea.gitignore {
    height: 130px
}

:root {
    --color-new: #22863a;
    --color-deleted: #cb2431;
    --color-modified: #aa8507;
    --color-renamed: #0366d6;
    --color-conflicted: #c24e00;
    --text-color: #24292e;
    --text-secondary-color: #6a737d;
    --text-secondary-color-muted: #bbc0c5;
    --background-color: #fff;
    --button-height: 25px;
    --button-background: #0366d6;
    --button-border-radius: 6px;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #dbedff;
    --link-button-color: #0372ef;
    --link-button-hover-color: #005cc5;
    --link-button-selected-hover-color: #c8e1ff;
    --secondary-button-background: #f6f8fa;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-background: #fff;
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #fff;
    --warning-badge-icon-color: #f66a0a;
    --input-icon-warning-color: #b08800;
    --input-icon-error-color: #cb2431;
    --input-icon-hover-background-color: #f6f8fa;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-color);
    --font-family-sans-serif: system-ui, sans-serif, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-weight-semibold: 600;
    --font-weight-light: 300;
    --font-size: 12px;
    --font-size-sm: 11px;
    --font-size-md: 14px;
    --font-size-lg: 28px;
    --font-size-xl: 32px;
    --font-size-xxl: 42px;
    --font-size-xs: 9px;
    --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);
    --box-background-color: var(--background-color);
    --box-alt-background-color: #f6f8fa;
    --box-skeleton-background-color: #e1e4e8;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --box-border-color: #e1e4e8;
    --box-border-contrast-color: #879099;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #ebeef1;
    --box-hover-text-color: #24292e;
    --box-hover-background-color: #f6f8fa;
    --box-selected-text-color: #24292e;
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-border: none;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    --no-shadow-top: linear-gradient(#fff, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #fff);
    --top-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #6a737d;
    --co-author-tag-background-color: #f1f8ff;
    --co-author-tag-border-color: #c8e1ff;
    --commit-warning-badge-background-color: #fafbfc;
    --commit-warning-badge-border: #d1d5da;
    --win32-title-bar-height: 28px;
    --win32-title-bar-background-color: #24292e;
    --darwin-title-bar-height: 22px;
    --spacing: 10px;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-quint: calc(var(--spacing) * 5);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing-third: calc(var(--spacing) / 3);
    --border-radius: 6px;
    --outlined-border-radius: 3px;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(71, 83, 95, 0.19);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-height: 50px;
    --toolbar-background-color: #24292e;
    --toolbar-border-color: #24292e;
    --toolbar-text-color: #fff;
    --toolbar-text-secondary-color: #d1d5da;
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: black;
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #c24e00;
    --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--toolbar-button-active-color);
    --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: var(--toolbar-button-active-background-color);
    --app-menu-divider-color: var(--box-border-color);
    --toolbar-badge-background-color: #586069;
    --toolbar-badge-active-background-color: #e1e4e8;
    --tab-bar-height: 29px;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: #fff;
    --tab-bar-hover-background-color: #f6f8fa;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #e1e4e8;
    --list-item-badge-color: #2f363d;
    --list-item-badge-background-color: #e1e4e8;
    --list-item-selected-badge-color: #24292e;
    --list-item-selected-badge-background-color: #d1d5da;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #f6f8fa;
    --win32-scroll-bar-size: 10px;
    --linux-scroll-bar-size: 10px;
    --tooltip-z-index: 20;
    --popup-z-index: 19;
    --popup-overlay-z-index: 18;
    --foldout-z-index: 17;
    --nudge-arrow-z-index: 16;
    --drag-overlay-z-index: 15;
    --side-panel-z-index: 14;
    --list-sticky-header-top-level-z-index: 11;
    --list-sticky-header-second-level-z-index: 10;
    --toast-notification-color: #fafbfc;
    --toast-notification-background-color: rgba(36, 41, 46, 0.6);
    --tip-box-background-color: rgba(3, 102, 214, 0.06);
    --tip-box-border-color: #c8e1ff;
    --focus-color: #0366d6;
    --accent-color: #2188ff;
    --diff-linenumber-focus-color: #005cc5;
    --text-field-height: 25px;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #f1f8ff;
    --primary-suggested-action-border-color: #c8e1ff;
    --suggested-action-icon-color: #2188ff;
    --diff-line-padding-y: 2px;
    --diff-text-color: #24292e;
    --diff-border-color: #e1e4e8;
    --diff-gutter-color: #e1e4e8;
    --diff-gutter-background-color: var(--background-color);
    --diff-line-number-color: #444d56;
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #2188ff;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--background-color);
    --diff-add-background-color: #e6ffed;
    --diff-add-border-color: #85e89d;
    --diff-add-gutter-color: #85e89d;
    --diff-add-gutter-background-color: #cdffd8;
    --diff-add-inner-background-color: #acf2bd;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #ffeef0;
    --diff-delete-border-color: #fdaeb7;
    --diff-delete-gutter-color: #fdaeb7;
    --diff-delete-gutter-background-color: #ffdce0;
    --diff-delete-inner-background-color: #fdb8c0;
    --diff-delete-text-color: var(--diff-text-color);
    --diff-hunk-background-color: #f1f8ff;
    --diff-hunk-border-color: #c8e1ff;
    --diff-hunk-gutter-color: #afd3ff;
    --diff-hunk-gutter-background-color: #dbedff;
    --diff-hunk-text-color: #586069;
    --diff-hover-background-color: #79b8ff;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--background-color);
    --diff-add-hover-background-color: #85e89d;
    --diff-add-hover-border-color: #34d058;
    --diff-add-hover-gutter-color: #34d058;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #fdaeb7;
    --diff-delete-hover-border-color: #f97583;
    --diff-delete-hover-gutter-color: #f97583;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #fafbfc;
    --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);
    --diff-empty-hunk-handle: #d1d5da;
    --syntax-variable-color: #6f42c1;
    --syntax-alt-variable-color: #24292e;
    --syntax-keyword-color: #d73a49;
    --syntax-atom-color: #005cc5;
    --syntax-string-color: #032f62;
    --syntax-qualifier-color: #6f42c1;
    --syntax-type-color: #d73a49;
    --syntax-comment-color: #6a737d;
    --syntax-tag-color: #22863a;
    --syntax-attribute-color: #6f42c1;
    --syntax-link-color: #032f62;
    --syntax-header-color: #0000ff;
    --syntax-quote-color: #1a7e31;
    --undo-animation-duration: 500ms;
    --error-color: #d73a49;
    --form-error-background: #ffdce0;
    --form-error-border-color: #fdaeb7;
    --form-error-text-color: #9e1c23;
    --dialog-banner-success-background: #dcffe4;
    --dialog-banner-success-border-color: #85e89d;
    --dialog-banner-success-text-color: #165c26;
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #9e1c23;
    --overlay-background-color: rgba(0, 0, 0, 0.4);
    --dialog-warning-color: #b08800;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #d73a49;
    --banner-warning-background: #fffbdd;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #046ee7;
    --banner-warning-icon-color: #aa8507;
    --file-warning-background-color: #fffbdd;
    --file-warning-color: #aa8507;
    --file-warning-border-color: rgba(219, 171, 9, 0.4);
    --tooltip-background-color: #24292e;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: rgba(36, 41, 46, 0.65);
    --path-segment-background: #f1f8ff;
    --path-segment-background-focus: #d8ebff;
    --path-segment-padding: var(--spacing-third);
    --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --dialog-progress-background: #28a745;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #1a7f37;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #6a737d;
    --pr-timeline-line-color: var(--box-border-color);
    --pr-changes-requested-icon-color: #fff;
    --pr-changes-requested-icon-background-color: #cf222e;
    --pr-approved-icon-color: #fff;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: var(--md-fg-muted-color);
    --pr-commented-icon-background-color: #eaeef2;
    --call-to-action-bubble-border-color: #28a745;
    --call-to-action-bubble-color: #28a745;
    --title-tool-tip-background-color: rgb(236, 236, 236);
    --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);
    --md-border-default-color: #d0d7de;
    --md-border-muted-color: hsla(210, 18%, 87%, 1);
    --md-canvas-default-color: #ffffff;
    --md-canvas-subtle-color: #f6f8fa;
    --md-fg-default-color: #24292f;
    --md-fg-muted-color: #57606a;
    --md-danger-fg-color: #cf222e;
    --md-neutral-muted-color: rgba(175, 184, 193, 0.2);
    --md-accent-emphasis-color: #0969da;
    --md-accent-fg-color: #0969da
}

::backdrop {
    --overlay-background-color: rgba(0, 0, 0, 0.4)
}

#release-notes {
    max-height: 500px;
    max-width: 800px
}

#release-notes .dialog-content {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 335px;
    padding: var(--spacing) var(--spacing-triple)
}

#release-notes .dialog-header {
    height: 100px;
    background: url(200e87563bcd05fc78c1.svg) no-repeat left var(--spacing-double) top var(--spacing-half)/auto 90px,url(919c4eb4cf4b4906d626.svg) no-repeat right var(--spacing-double) top var(--spacing-half)/auto 90px
}

#release-notes .dialog-header h1 {
    display: flex;
    flex-direction: column;
    text-align: center
}

#release-notes .dialog-header h1 .version {
    font-size: 14px;
    font-weight: var(--font-weight-semibold)
}

#release-notes .dialog-header h1 .date {
    font-size: 11px;
    color: var(--text-secondary-color)
}

#release-notes .dialog-footer {
    flex-direction: row;
    justify-content: space-between
}

#release-notes ul {
    list-style: none;
    padding-left: 0
}

#release-notes ul li {
    padding-left: 0
}

#release-notes a.close {
    align-self: flex-start;
    z-index: 1
}

#release-notes .container {
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    justify-content: space-around
}

#release-notes .container .column {
    flex: 1 1 275px;
    margin: 0 calc(var(--spacing) * 1.5) 0 0;
    height: 100%
}

#release-notes .container .column .section {
    margin: var(--spacing-double) 0
}

#release-notes .container .column .section .header {
    font-size: 12px;
    font-weight: var(--font-weight-semibold)
}

#usage-reporting .ref-component {
    word-break: break-word
}

#usage-reporting .checkbox-component {
    margin-left: auto
}

dialog#stash-changes {
    width: 450px
}

dialog#stash-changes .dialog-content .octicon {
    color: var(--dialog-warning-color);
    margin-right: var(--spacing)
}

#commit-conflict-markers-warning .dialog-content .conflicted-files-text {
    max-height: 175px;
    overflow-y: auto
}

#commit-conflict-markers-warning .dialog-content .conflicted-files-text ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: var(--spacing)
}

#commit-conflict-markers-warning .dialog-content .conflicted-files-text ul li {
    padding-left: 0;
    margin-bottom: 0;
    font-family: var(--font-family-monospace)
}

dialog#create-tutorial-repository-dialog {
    width: 450px
}

dialog#create-tutorial-repository-dialog progress {
    width: 100%
}

dialog#create-tutorial-repository-dialog .progress-container {
    margin-top: var(--spacing)
}

dialog#create-tutorial-repository-dialog .progress-container .description {
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

dialog#create-fork {
    width: 500px
}

dialog#create-fork a.link-button-component {
    display: unset
}

dialog#create-fork details {
    margin-top: var(--spacing-double)
}

dialog#create-fork details pre {
    white-space: pre-wrap;
    overflow-wrap: break-word
}

#fork-settings {
    width: 480px
}

#fork-settings .fork-settings-description {
    margin-top: var(--spacing);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

#fork-settings .fork-settings-description li {
    padding: 0;
    margin-bottom: 0
}

dialog#cherry-pick {
    width: 450px
}

dialog#cherry-pick .branches-list {
    height: 300px
}

dialog#cherry-pick .dialog-header {
    border-bottom: none
}

dialog#cherry-pick .dialog-header h1 {
    font-weight: var(--font-weight-light)
}

dialog#cherry-pick .dialog-content {
    padding: 0
}

dialog#cherry-pick .dialog-content .filter-field-row {
    margin: 0;
    border-bottom: var(--base-border);
    padding: 0 var(--spacing-double) var(--spacing)
}

dialog#cherry-pick .dialog-content .list-item {
    padding: 0 var(--spacing-double)
}

dialog#cherry-pick .dialog-content .list-item .filter-list-group-header,dialog#cherry-pick .dialog-content .list-item .branches-list-item {
    padding: 0
}

dialog#cherry-pick .dialog-footer button[type=submit] {
    height: auto;
    width: 100%;
    padding: var(--spacing-half)
}

dialog#cherry-pick .no-branches .create-branch-button,dialog#cherry-pick .no-branches .protip {
    display: none
}

:root {
    --color-new: #22863a;
    --color-deleted: #cb2431;
    --color-modified: #aa8507;
    --color-renamed: #0366d6;
    --color-conflicted: #c24e00;
    --text-color: #24292e;
    --text-secondary-color: #6a737d;
    --text-secondary-color-muted: #bbc0c5;
    --background-color: #fff;
    --button-height: 25px;
    --button-background: #0366d6;
    --button-border-radius: 6px;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #dbedff;
    --link-button-color: #0372ef;
    --link-button-hover-color: #005cc5;
    --link-button-selected-hover-color: #c8e1ff;
    --secondary-button-background: #f6f8fa;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-background: #fff;
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #fff;
    --warning-badge-icon-color: #f66a0a;
    --input-icon-warning-color: #b08800;
    --input-icon-error-color: #cb2431;
    --input-icon-hover-background-color: #f6f8fa;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-color);
    --font-family-sans-serif: system-ui, sans-serif, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-weight-semibold: 600;
    --font-weight-light: 300;
    --font-size: 12px;
    --font-size-sm: 11px;
    --font-size-md: 14px;
    --font-size-lg: 28px;
    --font-size-xl: 32px;
    --font-size-xxl: 42px;
    --font-size-xs: 9px;
    --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);
    --box-background-color: var(--background-color);
    --box-alt-background-color: #f6f8fa;
    --box-skeleton-background-color: #e1e4e8;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --box-border-color: #e1e4e8;
    --box-border-contrast-color: #879099;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #ebeef1;
    --box-hover-text-color: #24292e;
    --box-hover-background-color: #f6f8fa;
    --box-selected-text-color: #24292e;
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-border: none;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    --no-shadow-top: linear-gradient(#fff, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #fff);
    --top-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #6a737d;
    --co-author-tag-background-color: #f1f8ff;
    --co-author-tag-border-color: #c8e1ff;
    --commit-warning-badge-background-color: #fafbfc;
    --commit-warning-badge-border: #d1d5da;
    --win32-title-bar-height: 28px;
    --win32-title-bar-background-color: #24292e;
    --darwin-title-bar-height: 22px;
    --spacing: 10px;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-quint: calc(var(--spacing) * 5);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing-third: calc(var(--spacing) / 3);
    --border-radius: 6px;
    --outlined-border-radius: 3px;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(71, 83, 95, 0.19);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-height: 50px;
    --toolbar-background-color: #24292e;
    --toolbar-border-color: #24292e;
    --toolbar-text-color: #fff;
    --toolbar-text-secondary-color: #d1d5da;
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: black;
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #c24e00;
    --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--toolbar-button-active-color);
    --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: var(--toolbar-button-active-background-color);
    --app-menu-divider-color: var(--box-border-color);
    --toolbar-badge-background-color: #586069;
    --toolbar-badge-active-background-color: #e1e4e8;
    --tab-bar-height: 29px;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: #fff;
    --tab-bar-hover-background-color: #f6f8fa;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #e1e4e8;
    --list-item-badge-color: #2f363d;
    --list-item-badge-background-color: #e1e4e8;
    --list-item-selected-badge-color: #24292e;
    --list-item-selected-badge-background-color: #d1d5da;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #f6f8fa;
    --win32-scroll-bar-size: 10px;
    --linux-scroll-bar-size: 10px;
    --tooltip-z-index: 20;
    --popup-z-index: 19;
    --popup-overlay-z-index: 18;
    --foldout-z-index: 17;
    --nudge-arrow-z-index: 16;
    --drag-overlay-z-index: 15;
    --side-panel-z-index: 14;
    --list-sticky-header-top-level-z-index: 11;
    --list-sticky-header-second-level-z-index: 10;
    --toast-notification-color: #fafbfc;
    --toast-notification-background-color: rgba(36, 41, 46, 0.6);
    --tip-box-background-color: rgba(3, 102, 214, 0.06);
    --tip-box-border-color: #c8e1ff;
    --focus-color: #0366d6;
    --accent-color: #2188ff;
    --diff-linenumber-focus-color: #005cc5;
    --text-field-height: 25px;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #f1f8ff;
    --primary-suggested-action-border-color: #c8e1ff;
    --suggested-action-icon-color: #2188ff;
    --diff-line-padding-y: 2px;
    --diff-text-color: #24292e;
    --diff-border-color: #e1e4e8;
    --diff-gutter-color: #e1e4e8;
    --diff-gutter-background-color: var(--background-color);
    --diff-line-number-color: #444d56;
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #2188ff;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--background-color);
    --diff-add-background-color: #e6ffed;
    --diff-add-border-color: #85e89d;
    --diff-add-gutter-color: #85e89d;
    --diff-add-gutter-background-color: #cdffd8;
    --diff-add-inner-background-color: #acf2bd;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #ffeef0;
    --diff-delete-border-color: #fdaeb7;
    --diff-delete-gutter-color: #fdaeb7;
    --diff-delete-gutter-background-color: #ffdce0;
    --diff-delete-inner-background-color: #fdb8c0;
    --diff-delete-text-color: var(--diff-text-color);
    --diff-hunk-background-color: #f1f8ff;
    --diff-hunk-border-color: #c8e1ff;
    --diff-hunk-gutter-color: #afd3ff;
    --diff-hunk-gutter-background-color: #dbedff;
    --diff-hunk-text-color: #586069;
    --diff-hover-background-color: #79b8ff;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--background-color);
    --diff-add-hover-background-color: #85e89d;
    --diff-add-hover-border-color: #34d058;
    --diff-add-hover-gutter-color: #34d058;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #fdaeb7;
    --diff-delete-hover-border-color: #f97583;
    --diff-delete-hover-gutter-color: #f97583;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #fafbfc;
    --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);
    --diff-empty-hunk-handle: #d1d5da;
    --syntax-variable-color: #6f42c1;
    --syntax-alt-variable-color: #24292e;
    --syntax-keyword-color: #d73a49;
    --syntax-atom-color: #005cc5;
    --syntax-string-color: #032f62;
    --syntax-qualifier-color: #6f42c1;
    --syntax-type-color: #d73a49;
    --syntax-comment-color: #6a737d;
    --syntax-tag-color: #22863a;
    --syntax-attribute-color: #6f42c1;
    --syntax-link-color: #032f62;
    --syntax-header-color: #0000ff;
    --syntax-quote-color: #1a7e31;
    --undo-animation-duration: 500ms;
    --error-color: #d73a49;
    --form-error-background: #ffdce0;
    --form-error-border-color: #fdaeb7;
    --form-error-text-color: #9e1c23;
    --dialog-banner-success-background: #dcffe4;
    --dialog-banner-success-border-color: #85e89d;
    --dialog-banner-success-text-color: #165c26;
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #9e1c23;
    --overlay-background-color: rgba(0, 0, 0, 0.4);
    --dialog-warning-color: #b08800;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #d73a49;
    --banner-warning-background: #fffbdd;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #046ee7;
    --banner-warning-icon-color: #aa8507;
    --file-warning-background-color: #fffbdd;
    --file-warning-color: #aa8507;
    --file-warning-border-color: rgba(219, 171, 9, 0.4);
    --tooltip-background-color: #24292e;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: rgba(36, 41, 46, 0.65);
    --path-segment-background: #f1f8ff;
    --path-segment-background-focus: #d8ebff;
    --path-segment-padding: var(--spacing-third);
    --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --dialog-progress-background: #28a745;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #1a7f37;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #6a737d;
    --pr-timeline-line-color: var(--box-border-color);
    --pr-changes-requested-icon-color: #fff;
    --pr-changes-requested-icon-background-color: #cf222e;
    --pr-approved-icon-color: #fff;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: var(--md-fg-muted-color);
    --pr-commented-icon-background-color: #eaeef2;
    --call-to-action-bubble-border-color: #28a745;
    --call-to-action-bubble-color: #28a745;
    --title-tool-tip-background-color: rgb(236, 236, 236);
    --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);
    --md-border-default-color: #d0d7de;
    --md-border-muted-color: hsla(210, 18%, 87%, 1);
    --md-canvas-default-color: #ffffff;
    --md-canvas-subtle-color: #f6f8fa;
    --md-fg-default-color: #24292f;
    --md-fg-muted-color: #57606a;
    --md-danger-fg-color: #cf222e;
    --md-neutral-muted-color: rgba(175, 184, 193, 0.2);
    --md-accent-emphasis-color: #0969da;
    --md-accent-fg-color: #0969da
}

::backdrop {
    --overlay-background-color: rgba(0, 0, 0, 0.4)
}

#thank-you-notes {
    max-height: 450px;
    padding-top: var(--spacing-half)
}

#thank-you-notes .dialog-content {
    padding: 0;
    overflow: hidden
}

#thank-you-notes .dialog-header {
    height: 88px;
    position: relative;
    text-align: center;
    background: url(200e87563bcd05fc78c1.svg) no-repeat left var(--spacing-double) top var(--spacing-half)/auto 78px,url(919c4eb4cf4b4906d626.svg) no-repeat right var(--spacing-double) top var(--spacing-half)/auto 78px
}

#thank-you-notes ul {
    list-style: none;
    padding-left: 0
}

#thank-you-notes ul li {
    padding-left: 0
}

#thank-you-notes a.close {
    align-self: flex-start;
    z-index: 1;
    margin-top: calc(var(--spacing) * -1)
}

#thank-you-notes .container {
    padding: var(--spacing-triple) 72px;
    overflow-x: hidden;
    overflow-y: auto
}

#thank-you-notes .container .section {
    padding-bottom: var(--spacing-triple)
}

#thank-you-notes .container .thank-you-note {
    padding-bottom: var(--spacing-triple)
}

#thank-you-notes .container .contributions-heading {
    font-weight: var(--font-weight-semibold)
}

#thank-you-notes .container .contributions {
    max-height: 150px
}

#thank-you-notes .container .section {
    padding-bottom: var(--spacing-triple)
}

dialog#commit-message-dialog .dialog-content {
    padding: 0
}

dialog#commit-message-dialog .commit-message-component,dialog#commit-message-dialog .commit-warning-component {
    background-color: inherit
}

dialog#commit-message-dialog .commit-warning-component .warning-icon-container .warning-icon,dialog#commit-message-dialog .commit-warning-component .warning-icon-container .information-icon {
    background-color: var(--background-color)
}

dialog#commit-message-dialog .commit-message-avatar-component {
    height: 50px;
    width: 50px
}

dialog#commit-message-dialog label {
    margin-bottom: var(--spacing-third)
}

dialog#choose-branch {
    width: 450px
}

dialog#choose-branch .branches-list {
    height: 300px
}

dialog#choose-branch .dialog-header {
    border-bottom: none
}

dialog#choose-branch .dialog-header h1 {
    font-weight: var(--font-weight-light)
}

dialog#choose-branch .dialog-content {
    padding: 0
}

dialog#choose-branch .dialog-content .filter-field-row {
    margin: 0;
    border-bottom: var(--base-border);
    padding: 0 var(--spacing-double)
}

dialog#choose-branch .dialog-content .filter-field-row .filter-list-filter-field {
    padding-bottom: var(--spacing)
}

dialog#choose-branch .dialog-content .list-item {
    padding: 0 var(--spacing-double)
}

dialog#choose-branch .dialog-content .list-item .filter-list-group-header,dialog#choose-branch .dialog-content .list-item .branches-list-item {
    padding: 0
}

dialog#choose-branch .dialog-footer {
    padding-top: var(--spacing)
}

dialog#choose-branch .dialog-footer button[type=submit] {
    padding: var(--spacing-half)
}

dialog#choose-branch .merge-info {
    margin-top: var(--spacing-half);
    margin-bottom: var(--spacing)
}

dialog#choose-branch .merge-status-component {
    margin-top: 0
}

dialog#choose-branch .merge-status-icon-container:after {
    border-bottom: 0
}

#rerun-check-runs {
    max-width: 500px
}

#rerun-check-runs .dialog-content {
    overflow: auto
}

#rerun-check-runs .check-run-rerun-list {
    margin: var(--spacing) 0px;
    border: var(--base-border);
    border-radius: var(--border-radius);
    max-height: 300px;
    padding: var(--spacing);
    overflow: auto
}

#rerun-check-runs .check-run-rerun-list .ci-check-run-list-group-header:not(.condensed) {
    padding-left: 15px
}

#rerun-check-runs .non-re-run-info {
    display: flex
}

#rerun-check-runs .non-re-run-info .octicon {
    margin: 0px var(--spacing-half)
}

#rerun-check-runs .loading-rerun-checks {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-height: 100px
}

#rerun-check-runs .loading-rerun-checks .blankslate-image {
    width: 100%;
    min-width: auto
}

#rerun-check-runs .loading-rerun-checks .title {
    font-weight: var(--font-weight-semibold)
}

#rerun-check-runs .loading-rerun-checks .call-to-action {
    font-size: var(--font-size-sm)
}

.unreachable-commits {
    max-width: 400px
}

.unreachable-commits .unreachable-commit-list {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 160px
}

.unreachable-commits .message {
    padding: var(--spacing);
    border-bottom: var(--base-border)
}

.open-pull-request {
    width: 100%;
    height: 100%;
    max-width: calc(100% - var(--spacing-double) * 4);
    max-height: calc(100% - var(--spacing-double) * 4)
}

.open-pull-request div.dialog-header {
    padding-bottom: var(--spacing);
    height: auto;
    flex-wrap: wrap
}

.open-pull-request div.dialog-header h1 {
    width: auto
}

.open-pull-request div.dialog-header .break {
    flex-basis: 100%;
    height: 0;
    padding: var(--spacing-half)
}

.open-pull-request .open-pull-request-content {
    padding: var(--spacing);
    display: flex;
    flex-direction: column;
    min-height: 200px;
    flex-grow: 1
}

.open-pull-request .open-pull-request-message {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: var(--spacing-double)
}

.open-pull-request .dialog-footer {
    flex-direction: row
}

.open-pull-request .dialog-footer .button-group .octicon {
    margin-right: var(--spacing-half)
}

.open-pull-request .pull-request-merge-status {
    flex-grow: 1
}

@media(max-width: 600px) {
    .open-pull-request .dialog-footer {
        flex-direction:column
    }

    .open-pull-request .pull-request-merge-status {
        margin-bottom: var(--spacing)
    }
}

#installing-update {
    max-width: 400px
}

#installing-update .updating-message {
    align-items: center
}

#test-notifications .notification-type-list {
    display: flex;
    flex-direction: column;
    row-gap: var(--spacing-half)
}

#test-notifications .list {
    height: 200px
}

#test-notifications .list .row-content {
    width: 100%;
    display: flex;
    flex-direction: row
}

#test-notifications .list .row-content .left-accessory {
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin-right: 10px
}

#test-notifications .list .row-content .main-content {
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#test-notifications .list .row-content .right-accessory {
    flex-grow: 0;
    flex-shrink: 0;
    align-self: center;
    margin-left: 10px
}

#test-notifications .review-icon-container {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#test-notifications .review-icon-container .octicon {
    width: 16px;
    height: 16px;
    text-align: center
}

#test-notifications .review-icon-container.pr-review-approved {
    color: var(--pr-approved-icon-color);
    background-color: var(--pr-approved-icon-background-color)
}

#test-notifications .review-icon-container.pr-review-changes-requested {
    color: var(--pr-changes-requested-icon-color);
    background-color: var(--pr-changes-requested-icon-background-color)
}

#test-notifications .review-icon-container.pr-review-commented {
    color: var(--pr-commented-icon-color);
    background-color: var(--pr-commented-icon-background-color)
}

#test-notifications .pr-icon {
    color: var(--pr-open-icon-color)
}

#test-notifications .pr-draft-icon {
    color: var(--pr-draft-icon-color)
}

#test-notifications .link-button-component {
    color: inherit
}

#pull-request-review,#pull-request-comment {
    --avatar-size: 40px;
    min-width: 500px
}

#pull-request-review .dialog-header,#pull-request-comment .dialog-header {
    height: unset
}

#pull-request-review .pull-request-comment-like-dialog-header,#pull-request-comment .pull-request-comment-like-dialog-header {
    display: flex;
    flex-direction: row;
    align-items: center
}

#pull-request-review .pull-request-comment-like-dialog-header>.octicon,#pull-request-comment .pull-request-comment-like-dialog-header>.octicon {
    width: 16px;
    height: 16px;
    margin-right: var(--spacing-half);
    color: var(--pr-open-icon-color)
}

#pull-request-review .pull-request-comment-like-dialog-header>.octicon.draft,#pull-request-comment .pull-request-comment-like-dialog-header>.octicon.draft {
    color: var(--pr-draft-icon-color)
}

#pull-request-review .pull-request-comment-like-dialog-header .pr-title,#pull-request-comment .pull-request-comment-like-dialog-header .pr-title {
    display: inline-block;
    white-space: normal
}

#pull-request-review .pull-request-comment-like-dialog-header .pr-title .pr-number,#pull-request-comment .pull-request-comment-like-dialog-header .pr-title .pr-number {
    font-weight: normal;
    color: var(--text-secondary-color)
}

#pull-request-review .footer-links,#pull-request-comment .footer-links {
    display: flex;
    flex-grow: 1;
    align-items: center
}

#pull-request-review .dialog-content,#pull-request-comment .dialog-content {
    max-height: 300px;
    overflow: auto
}

#pull-request-review .dialog-content .comment-container .timeline-line,#pull-request-comment .dialog-content .comment-container .timeline-line {
    width: 1px;
    height: 24px
}

#pull-request-review .dialog-content .comment-container .timeline-line line,#pull-request-comment .dialog-content .comment-container .timeline-line line {
    stroke: var(--pr-timeline-line-color);
    stroke-width: 1px
}

#pull-request-review .dialog-content .comment-container .timeline-line.top line,#pull-request-comment .dialog-content .comment-container .timeline-line.top line {
    stroke-dasharray: 1 1 2 1 3 1 15
}

#pull-request-review .dialog-content .comment-container .timeline-line.bottom line,#pull-request-comment .dialog-content .comment-container .timeline-line.bottom line {
    stroke-dasharray: 15 1 3 1 2 1 1
}

#pull-request-review .dialog-content .comment-container .timeline-item-container,#pull-request-comment .dialog-content .comment-container .timeline-item-container {
    margin: -18px 0px
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-line,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-line {
    position: relative;
    left: 64px
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-line.top,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-line.top {
    top: 9px
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-line.bottom,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-line.bottom {
    top: -4px
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item {
    position: relative;
    display: flex;
    align-items: center
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item.with-comment::after,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item.with-comment::after {
    top: 36px;
    left: 64px;
    display: block;
    width: 1px;
    height: 12px;
    content: "";
    background-color: var(--pr-timeline-line-color);
    position: absolute
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .avatar,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .avatar {
    width: var(--avatar-size);
    height: var(--avatar-size)
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .link-button-component.author,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .link-button-component.author {
    font-weight: bold
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 0 var(--spacing);
    display: flex;
    justify-content: center;
    align-items: center
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container .octicon,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container .octicon {
    width: 16px;
    height: 16px;
    text-align: center
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-approved,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-approved {
    color: var(--pr-approved-icon-color);
    background-color: var(--pr-approved-icon-background-color)
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-changes-requested,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-changes-requested {
    color: var(--pr-changes-requested-icon-color);
    background-color: var(--pr-changes-requested-icon-background-color)
}

#pull-request-review .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-commented,#pull-request-comment .dialog-content .comment-container .timeline-item-container .timeline-item .review-icon-container.pr-review-commented {
    color: var(--pr-commented-icon-color);
    background-color: var(--pr-commented-icon-background-color)
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container,#pull-request-comment .dialog-content .comment-container .comment-bubble-container {
    position: relative;
    margin-top: 33px;
    margin-left: calc(var(--spacing) + 40px);
    margin-bottom: -14px
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container .comment-bubble,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .comment-bubble {
    border: 1px solid var(--pr-timeline-line-color);
    border-radius: 6px;
    padding: var(--spacing)
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container .comment-bubble::before,#pull-request-review .dialog-content .comment-container .comment-bubble-container .comment-bubble::after,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .comment-bubble::before,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .comment-bubble::after {
    position: absolute;
    display: inline-block;
    content: "";
    pointer-events: none;
    border: 8px solid transparent;
    left: 6px
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container .comment-bubble::before,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .comment-bubble::before {
    top: -15px;
    border-bottom-color: var(--pr-timeline-line-color)
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container .comment-bubble::after,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .comment-bubble::after {
    top: -14px;
    border-bottom-color: var(--background-color)
}

#pull-request-review .dialog-content .comment-container .comment-bubble-container .timeline-line.bottom,#pull-request-comment .dialog-content .comment-container .comment-bubble-container .timeline-line.bottom {
    margin-left: 14px
}

#pull-request-review .dialog-content .comment-container .button-component,#pull-request-comment .dialog-content .comment-container .button-component {
    margin-left: var(--spacing)
}

#pull-request-review .dialog-content .comment-container .sandboxed-markdown-iframe-container,#pull-request-comment .dialog-content .comment-container .sandboxed-markdown-iframe-container {
    padding-left: 15px;
    border-left: 2px solid var(--border-color);
    width: 100%
}

#unknown-authors .dialog-content .author-list {
    max-height: 175px;
    overflow-y: auto
}

#unknown-authors .dialog-content .author-list ul {
    list-style: none;
    margin: var(--spacing) 0;
    padding: 0
}

#unknown-authors .dialog-content .author-list ul li {
    padding-left: 0;
    margin-bottom: 0
}

#unknown-authors .path-text-component {
    font-family: var(--font-family-monospace)
}

:root {
    --color-new: #22863a;
    --color-deleted: #cb2431;
    --color-modified: #aa8507;
    --color-renamed: #0366d6;
    --color-conflicted: #c24e00;
    --text-color: #24292e;
    --text-secondary-color: #6a737d;
    --text-secondary-color-muted: #bbc0c5;
    --background-color: #fff;
    --button-height: 25px;
    --button-background: #0366d6;
    --button-border-radius: 6px;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #dbedff;
    --link-button-color: #0372ef;
    --link-button-hover-color: #005cc5;
    --link-button-selected-hover-color: #c8e1ff;
    --secondary-button-background: #f6f8fa;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-background: #fff;
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #fff;
    --warning-badge-icon-color: #f66a0a;
    --input-icon-warning-color: #b08800;
    --input-icon-error-color: #cb2431;
    --input-icon-hover-background-color: #f6f8fa;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-color);
    --font-family-sans-serif: system-ui, sans-serif, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-weight-semibold: 600;
    --font-weight-light: 300;
    --font-size: 12px;
    --font-size-sm: 11px;
    --font-size-md: 14px;
    --font-size-lg: 28px;
    --font-size-xl: 32px;
    --font-size-xxl: 42px;
    --font-size-xs: 9px;
    --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);
    --box-background-color: var(--background-color);
    --box-alt-background-color: #f6f8fa;
    --box-skeleton-background-color: #e1e4e8;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --box-border-color: #e1e4e8;
    --box-border-contrast-color: #879099;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #ebeef1;
    --box-hover-text-color: #24292e;
    --box-hover-background-color: #f6f8fa;
    --box-selected-text-color: #24292e;
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-border: none;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    --no-shadow-top: linear-gradient(#fff, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #fff);
    --top-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #6a737d;
    --co-author-tag-background-color: #f1f8ff;
    --co-author-tag-border-color: #c8e1ff;
    --commit-warning-badge-background-color: #fafbfc;
    --commit-warning-badge-border: #d1d5da;
    --win32-title-bar-height: 28px;
    --win32-title-bar-background-color: #24292e;
    --darwin-title-bar-height: 22px;
    --spacing: 10px;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-quint: calc(var(--spacing) * 5);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing-third: calc(var(--spacing) / 3);
    --border-radius: 6px;
    --outlined-border-radius: 3px;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(71, 83, 95, 0.19);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-height: 50px;
    --toolbar-background-color: #24292e;
    --toolbar-border-color: #24292e;
    --toolbar-text-color: #fff;
    --toolbar-text-secondary-color: #d1d5da;
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: black;
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #c24e00;
    --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--toolbar-button-active-color);
    --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: var(--toolbar-button-active-background-color);
    --app-menu-divider-color: var(--box-border-color);
    --toolbar-badge-background-color: #586069;
    --toolbar-badge-active-background-color: #e1e4e8;
    --tab-bar-height: 29px;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: #fff;
    --tab-bar-hover-background-color: #f6f8fa;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #e1e4e8;
    --list-item-badge-color: #2f363d;
    --list-item-badge-background-color: #e1e4e8;
    --list-item-selected-badge-color: #24292e;
    --list-item-selected-badge-background-color: #d1d5da;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #f6f8fa;
    --win32-scroll-bar-size: 10px;
    --linux-scroll-bar-size: 10px;
    --tooltip-z-index: 20;
    --popup-z-index: 19;
    --popup-overlay-z-index: 18;
    --foldout-z-index: 17;
    --nudge-arrow-z-index: 16;
    --drag-overlay-z-index: 15;
    --side-panel-z-index: 14;
    --list-sticky-header-top-level-z-index: 11;
    --list-sticky-header-second-level-z-index: 10;
    --toast-notification-color: #fafbfc;
    --toast-notification-background-color: rgba(36, 41, 46, 0.6);
    --tip-box-background-color: rgba(3, 102, 214, 0.06);
    --tip-box-border-color: #c8e1ff;
    --focus-color: #0366d6;
    --accent-color: #2188ff;
    --diff-linenumber-focus-color: #005cc5;
    --text-field-height: 25px;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #f1f8ff;
    --primary-suggested-action-border-color: #c8e1ff;
    --suggested-action-icon-color: #2188ff;
    --diff-line-padding-y: 2px;
    --diff-text-color: #24292e;
    --diff-border-color: #e1e4e8;
    --diff-gutter-color: #e1e4e8;
    --diff-gutter-background-color: var(--background-color);
    --diff-line-number-color: #444d56;
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #2188ff;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--background-color);
    --diff-add-background-color: #e6ffed;
    --diff-add-border-color: #85e89d;
    --diff-add-gutter-color: #85e89d;
    --diff-add-gutter-background-color: #cdffd8;
    --diff-add-inner-background-color: #acf2bd;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #ffeef0;
    --diff-delete-border-color: #fdaeb7;
    --diff-delete-gutter-color: #fdaeb7;
    --diff-delete-gutter-background-color: #ffdce0;
    --diff-delete-inner-background-color: #fdb8c0;
    --diff-delete-text-color: var(--diff-text-color);
    --diff-hunk-background-color: #f1f8ff;
    --diff-hunk-border-color: #c8e1ff;
    --diff-hunk-gutter-color: #afd3ff;
    --diff-hunk-gutter-background-color: #dbedff;
    --diff-hunk-text-color: #586069;
    --diff-hover-background-color: #79b8ff;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--background-color);
    --diff-add-hover-background-color: #85e89d;
    --diff-add-hover-border-color: #34d058;
    --diff-add-hover-gutter-color: #34d058;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #fdaeb7;
    --diff-delete-hover-border-color: #f97583;
    --diff-delete-hover-gutter-color: #f97583;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #fafbfc;
    --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);
    --diff-empty-hunk-handle: #d1d5da;
    --syntax-variable-color: #6f42c1;
    --syntax-alt-variable-color: #24292e;
    --syntax-keyword-color: #d73a49;
    --syntax-atom-color: #005cc5;
    --syntax-string-color: #032f62;
    --syntax-qualifier-color: #6f42c1;
    --syntax-type-color: #d73a49;
    --syntax-comment-color: #6a737d;
    --syntax-tag-color: #22863a;
    --syntax-attribute-color: #6f42c1;
    --syntax-link-color: #032f62;
    --syntax-header-color: #0000ff;
    --syntax-quote-color: #1a7e31;
    --undo-animation-duration: 500ms;
    --error-color: #d73a49;
    --form-error-background: #ffdce0;
    --form-error-border-color: #fdaeb7;
    --form-error-text-color: #9e1c23;
    --dialog-banner-success-background: #dcffe4;
    --dialog-banner-success-border-color: #85e89d;
    --dialog-banner-success-text-color: #165c26;
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #9e1c23;
    --overlay-background-color: rgba(0, 0, 0, 0.4);
    --dialog-warning-color: #b08800;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #d73a49;
    --banner-warning-background: #fffbdd;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #046ee7;
    --banner-warning-icon-color: #aa8507;
    --file-warning-background-color: #fffbdd;
    --file-warning-color: #aa8507;
    --file-warning-border-color: rgba(219, 171, 9, 0.4);
    --tooltip-background-color: #24292e;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: rgba(36, 41, 46, 0.65);
    --path-segment-background: #f1f8ff;
    --path-segment-background-focus: #d8ebff;
    --path-segment-padding: var(--spacing-third);
    --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --dialog-progress-background: #28a745;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #1a7f37;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #6a737d;
    --pr-timeline-line-color: var(--box-border-color);
    --pr-changes-requested-icon-color: #fff;
    --pr-changes-requested-icon-background-color: #cf222e;
    --pr-approved-icon-color: #fff;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: var(--md-fg-muted-color);
    --pr-commented-icon-background-color: #eaeef2;
    --call-to-action-bubble-border-color: #28a745;
    --call-to-action-bubble-color: #28a745;
    --title-tool-tip-background-color: rgb(236, 236, 236);
    --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);
    --md-border-default-color: #d0d7de;
    --md-border-muted-color: hsla(210, 18%, 87%, 1);
    --md-canvas-default-color: #ffffff;
    --md-canvas-subtle-color: #f6f8fa;
    --md-fg-default-color: #24292f;
    --md-fg-muted-color: #57606a;
    --md-danger-fg-color: #cf222e;
    --md-neutral-muted-color: rgba(175, 184, 193, 0.2);
    --md-accent-emphasis-color: #0969da;
    --md-accent-fg-color: #0969da
}

::backdrop {
    --overlay-background-color: rgba(0, 0, 0, 0.4)
}

#octicons-preview-dialog {
    height: auto
}

#octicons-preview-dialog .dialog-content {
    overflow-y: auto
}

#octicons-preview-dialog .octicons-preview-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#octicons-preview-dialog .octicons-preview-list>li {
    margin: 0 0 var(--spacing-double);
    padding: 0
}

#octicons-preview-dialog .octicons-preview-list>li h2 {
    margin: 0 0 var(--spacing-third);
    padding: 0
}

#octicons-preview-dialog .octicons-preview-list>li>ul {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: var(--spacing);
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0
}

#octicons-preview-dialog .octicons-preview-list>li>ul>li {
    align-items: center;
    background-color: var(--box-alt-background-color);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-half);
    margin: 0;
    padding-bottom: var(--spacing-half);
    padding-left: var(--spacing);
    padding-right: var(--spacing);
    padding-top: var(--spacing)
}

#octicons-preview-dialog .octicons-preview-list>li>ul>li .octicon {
    vertical-align: text-bottom
}

#octicons-preview-dialog .octicons-preview-list>li>ul>li .small {
    display: block
}

dialog.push-protection-error-dialog .dialog-content ul li {
    margin: 0;
    padding: 0
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: var(--spacing);
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid var(--box-border-color)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid var(--box-border-color);
    padding: var(--spacing) var(--spacing)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item:first-child {
    border-top: 1px solid var(--box-border-color)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item.selected {
    --text-color: var(--box-selected-text-color);
    --text-secondary-color: var(--box-selected-text-color);
    color: var(--text-color);
    background-color: var(--box-selected-background-color)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item:focus {
    outline: none
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item:not(.not-selectable):hover {
    background: var(--list-item-hover-background-color)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-list-item-header {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-half)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-list-item-header span:first-child {
    font-weight: var(--font-weight-semibold);
    flex-grow: 1
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-list-item-header .bypass-success {
    display: flex
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-list-item-header .bypass-success .octicon {
    margin-left: var(--spacing-half)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location {
    display: flex;
    flex-direction: column
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .first-location,dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .secret-location-details {
    display: flex;
    flex-direction: row;
    flex-grow: 1
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .first-location button,dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .secret-location-details button {
    font-size: 10;
    padding: 0 var(--spacing-half);
    height: auto
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .ref {
    flex-grow: 1;
    display: flex
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .secret-path {
    display: flex;
    align-items: center
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .secret-path .path-text-component {
    display: inline-block;
    margin-right: var(--spacing-half)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .commit-sha {
    display: flex;
    margin-right: var(--spacing);
    align-items: center;
    min-width: 95px
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .commit-sha .ref {
    padding-left: var(--spacing-half)
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .commit-sha .copy-button {
    margin-left: var(--spacing-half);
    background: transparent;
    border: none;
    padding: 0;
    height: auto;
    min-width: 16px
}

dialog.push-protection-error-dialog .dialog-content ul.secret-list li.secret-list-item .secret-location .commit-sha .copy-button :hover {
    color: var(--text-secondary-color)
}

dialog {
    display: flex;
    flex-direction: column;
    overflow: unset;
    --dialog-icon-alert: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M13 17.5a1 1 0 11-2 0 1 1 0 012 0zm-.25-8.25a.75.75 0 00-1.5 0v4.5a.75.75 0 001.5 0v-4.5z\"></path><path fill-rule=\"evenodd\" d=\"M9.836 3.244c.963-1.665 3.365-1.665 4.328 0l8.967 15.504c.963 1.667-.24 3.752-2.165 3.752H3.034c-1.926 0-3.128-2.085-2.165-3.752L9.836 3.244zm3.03.751a1 1 0 00-1.732 0L2.168 19.499A1 1 0 003.034 21h17.932a1 1 0 00.866-1.5L12.866 3.994z\"></path></svg>");
    --dialog-icon-stop: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\"><path d=\"M12 7a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0112 7zm0 10a1 1 0 100-2 1 1 0 000 2z\"></path><path fill-rule=\"evenodd\" d=\"M7.328 1.47a.75.75 0 01.53-.22h8.284a.75.75 0 01.53.22l5.858 5.858c.141.14.22.33.22.53v8.284a.75.75 0 01-.22.53l-5.858 5.858a.75.75 0 01-.53.22H7.858a.75.75 0 01-.53-.22L1.47 16.672a.75.75 0 01-.22-.53V7.858a.75.75 0 01.22-.53L7.328 1.47zm.84 1.28L2.75 8.169v7.662l5.419 5.419h7.662l5.419-5.418V8.168L15.832 2.75H8.168z\"></path></svg>");
    --dialog-icon-size: 24px;
    border: var(--base-border);
    box-shadow: var(--base-box-shadow);
    padding: 0;
    border-radius: var(--border-radius);
    color: var(--text-color);
    background: var(--background-color);
    transform: scale(1);
    opacity: 1;
    min-width: 400px;
    max-width: 600px
}

dialog .secondary-text {
    color: var(--text-secondary-color)
}

@media(prefers-reduced-motion) {
    dialog {
        transition: opacity 100ms ease-in !important;
        transform: none !important
    }

    dialog.modal-enter {
        opacity: 0 !important
    }

    dialog.modal-enter-active {
        opacity: 1 !important
    }
}

dialog.modal-enter {
    opacity: 1;
    transform: scale(0.75);
    pointer-events: none
}

dialog.modal-enter::backdrop {
    opacity: 0
}

dialog.modal-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: transform 250ms var(--easing-ease-out-back)
}

dialog.modal-enter-active::backdrop {
    opacity: 1;
    transition: opacity 100ms ease-in
}

dialog.modal-exit {
    opacity: 1;
    transform: scale(1);
    pointer-events: none
}

dialog.modal-exit::backdrop {
    opacity: 1
}

dialog.modal-exit-active {
    opacity: .01;
    transform: scale(0.25);
    transition: opacity 100ms ease-in,transform 100ms var(--easing-ease-in-back)
}

dialog.modal-exit-active::backdrop {
    opacity: .01;
    transition: opacity 100ms ease-in
}

dialog::backdrop {
    background: var(--overlay-background-color);
    opacity: 1
}

dialog:not([open]) {
    display: none
}

dialog>form {
    min-height: 0;
    height: 100%
}

dialog>form>fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

dialog .dialog-header {
    height: 50px;
    border-bottom: var(--base-border);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-double)
}

dialog .dialog-header svg.icon {
    flex-shrink: 0;
    margin-right: var(--spacing)
}

dialog .dialog-header .spin {
    margin-left: var(--spacing)
}

dialog .dialog-header h1 {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-md);
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

dialog .dialog-header .close {
    flex-shrink: 0;
    border: 0;
    height: 16px;
    width: 16px;
    margin: 0 calc(var(--spacing) * -1) 0 auto;
    padding: 0;
    background: transparent;
    color: var(--text-secondary-color);
    cursor: pointer
}

dialog .dialog-header .close .octicon {
    pointer-events: none
}

dialog .dialog-header .close:hover {
    color: var(--text-color)
}

dialog .dialog-header .close:focus {
    outline-offset: 3px
}

dialog.warning .dialog-content,dialog.error .dialog-content {
    position: relative;
    margin-left: var(--spacing-double);
    padding-left: calc(var(--spacing-double) + var(--dialog-icon-size));
    min-height: calc(var(--spacing-double) * 2 + var(--spacing-half) + var(--dialog-icon-size))
}

dialog.warning .dialog-content::before,dialog.error .dialog-content::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    height: 24px;
    width: 24px;
    -webkit-mask-repeat: no-repeat
}

dialog.warning .dialog-content::before {
    background-color: var(--dialog-warning-color);
    -webkit-mask: var(--dialog-icon-alert)
}

dialog.error .dialog-content::before {
    background-color: var(--dialog-error-color);
    -webkit-mask: var(--dialog-icon-stop)
}

dialog .dialog-content {
    padding: var(--spacing-double)
}

dialog .dialog-content .row-component:not(:last-child) {
    margin-bottom: var(--spacing)
}

dialog .dialog-content p {
    margin-top: 0;
    margin-bottom: var(--spacing)
}

dialog .dialog-content p:last-child {
    margin-bottom: 0
}

dialog .dialog-content h2,dialog .dialog-content h3 {
    font-weight: var(--font-weight-semibold);
    margin-top: 0;
    margin-bottom: var(--spacing)
}

dialog .dialog-content h2:last-child,dialog .dialog-content h3:last-child {
    margin-bottom: 0
}

dialog .dialog-content h2 {
    font-size: var(--font-size-md)
}

dialog .dialog-content h3 {
    font-size: var(--font-size)
}

dialog .dialog-content ul,dialog .dialog-content ol {
    margin-top: 0;
    padding-left: var(--spacing-double);
    list-style-position: outside
}

dialog .dialog-content ul:last-child,dialog .dialog-content ol:last-child {
    margin-bottom: 0
}

dialog .dialog-content ul li,dialog .dialog-content ol li {
    margin-bottom: var(--spacing);
    padding-left: var(--spacing-half)
}

dialog .dialog-footer {
    display: flex;
    flex-direction: column;
    border-top: var(--base-border);
    padding: var(--spacing-double)
}

dialog .dialog-footer .button-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

dialog .dialog-footer button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: var(--spacing-half);
    min-width: 120px
}

dialog .dialog-footer button:last-child {
    margin-right: 0
}

dialog .dialog-banner {
    display: flex;
    padding: var(--spacing);
    align-items: center;
    white-space: pre-wrap
}

dialog .dialog-banner>.octicon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: var(--spacing)
}

dialog .dialog-banner div {
    overflow-wrap: break-word;
    overflow-x: hidden
}

dialog .dialog-banner.dialog-error {
    color: var(--form-error-text-color);
    background: var(--form-error-background);
    border-bottom: 1px solid var(--form-error-border-color);
    border-top: 1px solid var(--form-error-border-color)
}

dialog .dialog-banner.dialog-success {
    color: var(--dialog-banner-success-text-color);
    background: var(--dialog-banner-success-background);
    border-top: 1px solid var(--dialog-banner-success-border-color);
    border-bottom: 1px solid var(--dialog-banner-success-border-color)
}

dialog#app-error.raw-git-error {
    max-width: 700px
}

dialog#app-error .dialog-content {
    max-height: 400px;
    overflow-y: auto
}

dialog#app-error .dialog-content p {
    -webkit-user-select: text;
    user-select: text;
    cursor: auto;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    overflow-x: hidden
}

dialog#app-error .dialog-content p.monospace {
    font-family: var(--font-family-monospace)
}

@media(max-height: 550px) {
    dialog .dialog-content,dialog .tab-bar,dialog .tab-container {
        overflow-y:auto;
        max-height: calc(100vh - 150px) !important
    }

    dialog#publish-repository .dialog-content {
        max-height: calc(100vh - 175px)
    }

    dialog#repository-settings .dialog-content,dialog#preferences .dialog-content {
        min-height: calc(100vh - 150px) !important
    }

    dialog#choose-branch .dialog-content {
        overflow-y: unset;
        max-height: calc(100vh - 194px)
    }

    dialog#choose-branch .filter-list-container {
        overflow-y: auto;
        max-height: calc(100vh - 230px)
    }

    dialog#choose-branch .branches-list {
        height: calc(100vh - 194px)
    }

    dialog.clone-repository .dialog-header,dialog.clone-repository .dialog-footer {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }

    dialog.clone-repository .dialog-content {
        overflow-y: unset;
        min-height: calc(100vh - 158px)
    }

    dialog.clone-repository .dialog-content .row-component {
        margin-bottom: 0px
    }

    dialog.clone-repository .dialog-content .local-path-field {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }

    dialog.clone-repository .dialog-content .clone-github-repo {
        height: calc(100vh - 225px);
        max-height: unset
    }

    dialog#pull-request-checks-failed .dialog-content {
        overflow-y: unset;
        min-height: unset
    }

    dialog#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container {
        height: calc(100vh - 225px);
        max-height: unset
    }

    dialog#pull-request-checks-failed .dialog-header,dialog#pull-request-checks-failed .dialog-footer {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }

    dialog#pull-request-checks-failed .dialog-footer>.row-component {
        display: block
    }

    dialog#pull-request-checks-failed .dialog-footer>.row-component .footer-question {
        margin-bottom: var(--spacing)
    }

    dialog.open-pull-request {
        max-height: calc(100vh - var(--spacing-double))
    }

    dialog.open-pull-request .open-pull-request-content {
        overflow-y: auto;
        min-height: calc(100vh - 250px);
        padding: 0
    }

    dialog.open-pull-request .open-pull-request-content .pull-request-files-changed {
        border: none;
        border-radius: unset
    }

    dialog.open-pull-request .dialog-header,dialog.open-pull-request .dialog-footer {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }

    dialog#release-notes .dialog-content {
        max-height: calc(100vh - 200px) !important
    }
}

@media(max-width: 600px) {
    dialog {
        min-width:calc(100% - var(--spacing-double)) !important;
        max-width: calc(100% - var(--spacing-double)) !important
    }

    dialog#release-notes .container {
        flex-direction: column
    }
}

dialog#preferences {
    width: 600px
}

dialog#preferences .dialog-content {
    min-height: 430px
}

dialog#preferences .dialog-content.accounts-tab {
    max-height: 430px;
    overflow: auto
}

dialog#about {
    width: 450px
}

dialog#create-repository {
    width: 400px
}

dialog#create-repository #create-repo-path-msg {
    margin-bottom: var(--spacing);
    margin-top: calc(-1 * var(--spacing))
}

dialog#create-branch {
    width: 400px
}

dialog#create-branch .link-button-component {
    display: inline
}

dialog#push-branch-commits {
    width: 450px
}

dialog#publish-branch {
    width: 450px
}

dialog#generic-git-auth {
    width: 450px
}

dialog#create-tag {
    width: 400px
}

dialog#create-tag .ref-component {
    margin-right: var(--spacing-half)
}

dialog#confirm-remove-repository,dialog#change-repository-alias {
    width: 450px
}

dialog#confirm-remove-repository .description,dialog#change-repository-alias .description {
    color: var(--text-secondary-color);
    font-size: var(--font-size-sm);
    margin-bottom: var(--spacing)
}

dialog#confirm-remove-repository .description p,dialog#change-repository-alias .description p {
    margin: 0
}

dialog#sign-in {
    width: 400px
}

dialog#sign-in .sign-in-with-browser {
    display: block;
    text-align: center
}

dialog#sign-in .sign-in-with-browser .button-component {
    width: 100%
}

dialog#sign-in .existing-account-warning .ref-component {
    word-break: break-word
}

dialog#sign-in .forgot-password-row,dialog#sign-in .what-is-this-row {
    font-size: var(--font-size-sm);
    justify-content: flex-end
}

dialog#sign-in .forgot-password-link-sign-in {
    margin-left: auto
}

dialog#add-existing-repository {
    width: 400px
}

dialog#initialize-lfs {
    width: 400px
}

dialog#lfs-attribute-mismatch {
    width: 400px
}

dialog#pull-request-checks-failed {
    max-width: calc(100% - var(--spacing-double));
    width: 910px
}

dialog#workflow-push-rejected .ref-component {
    display: inline-block
}

.warning-helper-text {
    font-size: var(--font-size-sm)
}

.warning-helper-text .octicon {
    fill: var(--dialog-warning-color);
    margin-right: var(--spacing-half)
}

dialog#invalidated-token .dialog-content .ref-component {
    white-space: nowrap
}

#successful .banner-message,#successful-merge .banner-message {
    display: flex;
    flex: 1 1 auto
}

#successful .banner-message span,#successful-merge .banner-message span {
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#successful .green-circle,#successful-merge .green-circle {
    color: var(--color-new);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--spacing);
    flex-shrink: 0;
    flex-grow: 0
}

#successful .success-contents,#successful-merge .success-contents {
    padding-right: var(--spacing-half)
}

#merge-conflicts-banner .banner-message,#rebase-conflicts-banner .banner-message,#cherry-pick-conflicts-banner .banner-message,#conflicts-found-banner .banner-message {
    display: flex;
    flex: 1 1 auto
}

#merge-conflicts-banner .banner-message span,#rebase-conflicts-banner .banner-message span,#cherry-pick-conflicts-banner .banner-message span,#conflicts-found-banner .banner-message span {
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 1ex
}

#merge-conflicts-banner .alert-icon,#rebase-conflicts-banner .alert-icon,#cherry-pick-conflicts-banner .alert-icon,#conflicts-found-banner .alert-icon {
    fill: var(--color-conflicted)
}

#update-available .download-icon,#update-available .warning-icon {
    margin-right: var(--spacing);
    color: var(--banner-warning-icon-color)
}

#update-available .banner-emoji {
    display: inline-block;
    margin-right: var(--spacing-half)
}

#update-available.priority {
    background-color: var(--banner-warning-background);
    color: var(--banner-warning-text-color)
}

#update-available.priority a {
    color: var(--banner-warning-link-color)
}

#open-thank-you-card .thank-you-banner-emoji {
    display: inline-block;
    margin-right: var(--spacing-half)
}

#os-not-supported-banner .contents .link-button-component {
    padding: 0 var(--spacing-half)
}

#os-not-supported-banner .contents .alert-icon {
    fill: var(--color-conflicted);
    margin-right: var(--spacing)
}

.banner {
    height: 30px;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    padding-left: var(--spacing);
    flex: none
}

.banner .contents {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: left;
    align-items: center
}

.banner .close {
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: var(--spacing);
    margin-left: var(--spacing)
}

.banner .close:focus {
    outline: 0
}

.banner .close button {
    width: 16px;
    height: 16px;
    border: 0;
    padding: 0;
    color: var(--text-secondary-color);
    background: transparent
}

.banner .close button:hover {
    color: var(--text-color)
}

.banner.banner-enter {
    height: 0px;
    opacity: 0
}

.banner.banner-enter.banner-enter-active {
    height: 30px;
    opacity: 1;
    transition: height 300ms ease-in-out,opacity 200ms ease-in 300ms
}

.banner.banner-exit {
    height: 30px;
    opacity: 1
}

.banner.banner-exit.banner-exit-active {
    height: 0px;
    opacity: 0;
    transition: height 225ms ease-in-out 175ms,opacity 175ms ease-in
}

@media(max-width: 960px) {
    .banner {
        height:auto;
        padding-top: var(--spacing-half);
        padding-bottom: var(--spacing-half)
    }
}

#add-repository {
    width: 350px
}

#add-repository .content {
    margin: var(--spacing-double)
}

dialog.clone-repository .clone-github-repo {
    height: calc(100vh - 400px);
    max-height: 250px
}

.clone-github-repo.filter-list {
    max-width: 100%
}

.clone-github-repo.filter-list .filter-field-row {
    margin: var(--spacing-double);
    margin-bottom: var(--spacing);
    margin-top: 0
}

.clone-github-repo .clone-repository-list-group-header {
    font-weight: var(--font-weight-semibold);
    padding: var(--spacing) var(--spacing-double)
}

.clone-github-repo .clone-repository-list-item {
    padding: 0 var(--spacing-double)
}

.clone-github-repo .clone-repository-list-item .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clone-github-repo .clone-repository-list-item {
    display: flex;
    flex-direction: row;
    min-width: 0;
    flex-grow: 1;
    align-items: center
}

.clone-github-repo .clone-repository-list-item .icon {
    fill: var(--text-secondary-color);
    margin-right: var(--spacing-half);
    width: 16px;
    flex-shrink: 0
}

.dialog-content.clone-github-repository-content {
    padding: 0;
    padding-top: var(--spacing-double)
}

.dialog-content.clone-github-repository-content .account-picker-row {
    margin: 0 var(--spacing-double);
    padding-bottom: var(--spacing)
}

.dialog-content.clone-github-repository-content .account-picker-row .popover-dropdown-component {
    width: 100%
}

.dialog-content.clone-generic-repository-content {
    padding: var(--spacing-double)
}

.dialog-content.clone-generic-repository-content .clone-url-textbox-label p {
    margin: 0
}

.clone-repository {
    width: 500px
}

.clone-repository .select-component.accounts {
    padding: 0 var(--spacing-double);
    margin-bottom: var(--spacing)
}

.clone-repository .local-path-field {
    border-top: var(--base-border);
    padding: var(--spacing-double)
}

.clone-repository .dialog-content>.row-component:not(:last-child) {
    margin-bottom: 0
}

#discard-changes .dialog-content .file-list {
    max-height: 175px;
    overflow-y: auto
}

#discard-changes .dialog-content .file-list ul {
    list-style: none;
    margin: var(--spacing) 0;
    padding: 0
}

#discard-changes .dialog-content .file-list ul li {
    padding-left: 0;
    margin-bottom: 0
}

#discard-changes .path-text-component {
    font-family: var(--font-family-monospace)
}

.filter-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: inherit
}

.filter-list .filter-field-row {
    margin: var(--spacing);
    min-width: 0
}

.filter-list .filter-field-row .filter-list-filter-field {
    min-width: 0
}

.filter-list-container {
    display: flex;
    flex: 1;
    min-height: 0
}

.filter-list-group-header {
    padding: 0 var(--spacing);
    font-weight: var(--font-weight-semibold)
}

.no-results-found {
    width: 100%;
    text-align: center
}

.merge-button.button-component {
    align-self: auto
}

.merge-button-row {
    display: flex;
    flex-direction: column;
    border-top: var(--base-border);
    padding: var(--spacing)
}

.merge-button .icon {
    margin-right: var(--spacing-half)
}

#missing-repository-view {
    justify-content: center;
    align-self: center;
    width: 600px;
    margin-top: -60px;
    padding: var(--spacing-double);
    align-items: center
}

#missing-repository-view .title-container {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: var(--spacing)
}

#missing-repository-view .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-light)
}

#missing-repository-view .details {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
    text-align: center
}

#missing-repository-view .details .path {
    font-family: var(--font-family-monospace);
    background: var(--path-segment-background);
    border: var(--path-segment-background);
    border-radius: var(--border-radius);
    padding: var(--path-segment-padding)
}

#missing-repository-view button {
    min-width: 120px
}

#missing-repository-view button .octicon.spin {
    margin-right: var(--spacing-half);
    height: 11px
}

.horizontal-rule {
    text-align: center;
    position: relative;
    margin-bottom: var(--spacing-half);
    width: 100%
}

.horizontal-rule:after {
    border-bottom: var(--base-border);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .6em
}

.horizontal-rule .horizontal-rule-content {
    display: inline-block;
    background: var(--background-color);
    padding: 0 .5em;
    position: relative;
    z-index: 1
}

hr.short-rule {
    border: none;
    border-top: var(--base-border);
    margin: var(--spacing-double) 0;
    width: 5em
}

dialog#about .dialog-content .row-component {
    justify-content: center
}

dialog#about .dialog-content p,dialog#about .dialog-content h1 {
    text-align: center
}

dialog#about .dialog-content h1 {
    font-size: var(--font-size-md)
}

dialog#about .dialog-content p.no-padding {
    margin-bottom: 0
}

dialog#about .dialog-content p.terms-and-license .link-button-component {
    padding: 3px
}

dialog#about .dialog-content .terms-and-license-container {
    margin-top: var(--spacing)
}

dialog#about .dialog-content .version-text {
    cursor: pointer
}

dialog#about .dialog-content .version-text .octicon {
    color: rgba(0,0,0,.5);
    height: 12px;
    margin-bottom: -1px;
    transition: color .4s;
    cursor: pointer
}

dialog#about .dialog-content .version-text:hover .octicon {
    color: #000
}

dialog#about .logo {
    justify-content: center
}

dialog#about .logo svg {
    width: 64px;
    height: 64px
}

dialog#about .update-status {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin-bottom: var(--spacing)
}

dialog#about .update-status .octicon.spin {
    align-self: center;
    margin-right: 3px
}

.avatar {
    border-radius: 50%
}

.avatar-container {
    display: flex;
    align-items: center;
    line-height: 0
}

svg.avatar {
    fill: var(--text-secondary-color);
    background: var(--box-alt-background-color)
}

.call-to-action {
    justify-content: space-between
}

.call-to-action button.action-button {
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 120px;
    align-self: center;
    margin-left: var(--spacing)
}

#acknowledgements {
    width: 600px
}

#acknowledgements .dialog-content {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

#acknowledgements .dialog-content .license-text {
    font-family: var(--font-family-monospace);
    white-space: pre-wrap;
    margin-bottom: var(--spacing-double);
    cursor: text;
    user-select: text
}

fieldset.vertical-segmented-control {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    width: 100%
}

fieldset.vertical-segmented-control legend {
    margin-bottom: var(--spacing-third);
    padding: 0 0 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

fieldset.vertical-segmented-control .radio-button-component {
    margin: 0;
    border: var(--base-border);
    border-bottom: 0
}

fieldset.vertical-segmented-control .radio-button-component:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

fieldset.vertical-segmented-control .radio-button-component:last-child {
    border-bottom: var(--base-border);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

fieldset.vertical-segmented-control .radio-button-component label>span {
    min-width: 0
}

fieldset.vertical-segmented-control .radio-button-component .title {
    font-weight: var(--font-weight-semibold);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

fieldset.vertical-segmented-control .radio-button-component p {
    color: var(--text-secondary-color)
}

fieldset.vertical-segmented-control .radio-button-component input[type=radio] {
    margin-right: var(--spacing-half);
    margin-left: var(--spacing-half);
    align-self: flex-start;
    margin-top: 4px
}

fieldset.vertical-segmented-control .radio-button-component:has(input[type=radio]:focus),fieldset.vertical-segmented-control .radio-button-component:hover {
    background: var(--box-hover-background-color);
    color: var(--box-hover-text-color)
}

fieldset.vertical-segmented-control .radio-button-component:has(input[type=radio]:focus) p,fieldset.vertical-segmented-control .radio-button-component:hover p {
    color: var(--box-hover-text-color)
}

fieldset.vertical-segmented-control .radio-button-component>label {
    min-width: 100%;
    padding: var(--spacing)
}

#no-repositories {
    display: flex;
    padding: calc(var(--spacing) * 6);
    align-items: center
}

#no-repositories>section {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0
}

#no-repositories header {
    align-self: flex-start;
    margin-bottom: var(--spacing-quad)
}

#no-repositories header h1 {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-light)
}

#no-repositories header h1,#no-repositories header p {
    margin: 0
}

#no-repositories .content {
    align-self: stretch;
    flex-direction: row;
    display: flex;
    flex-shrink: 0;
    flex-grow: 1
}

#no-repositories .content>.content-pane {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    flex-shrink: 0;
    max-width: 50%;
    width: 50%;
    flex-grow: 1
}

#no-repositories .content>.content-pane:not(:last-child) {
    padding-right: var(--spacing)
}

#no-repositories .content>.content-pane:not(:first-child) {
    padding-left: var(--spacing)
}

#no-repositories .content .button-group {
    margin: 0;
    padding: 0;
    flex-grow: 1
}

#no-repositories .content .button-group span {
    margin-bottom: var(--spacing);
    width: 100%
}

#no-repositories .content .button-group span .button-component {
    width: 100%;
    padding: var(--spacing);
    height: auto;
    text-align: left;
    margin-bottom: var(--spacing);
    display: flex;
    flex-direction: row;
    align-items: center;
    text-overflow: unset;
    white-space: normal;
    min-width: 0
}

#no-repositories .content .button-group span .button-component .octicon {
    margin: var(--spacing-half) var(--spacing) var(--spacing-half) var(--spacing-half);
    height: 24px;
    width: 24px
}

#no-repositories .drag-drop-info {
    background: var(--tip-box-background-color);
    border: 2px dashed var(--tip-box-border-color);
    border-radius: var(--border-radius);
    padding: var(--spacing-double);
    display: flex;
    flex-direction: row
}

#no-repositories .drag-drop-info .octicon {
    margin-right: var(--spacing)
}

#no-repositories .no-repositories-graphic-bottom {
    position: absolute;
    right: var(--spacing);
    bottom: var(--spacing);
    width: auto;
    max-width: 40%;
    height: 40%;
    z-index: -1
}

#no-repositories .no-repositories-graphic-top {
    position: absolute;
    right: 80px;
    top: 40px;
    width: auto;
    max-width: 20%;
    height: 20%;
    z-index: -1
}

#no-repositories .content-pane.repository-list .account-picker {
    margin-bottom: var(--spacing)
}

#no-repositories .content-pane.repository-list .clone-selected-repository {
    margin-top: var(--spacing);
    width: 100%
}

#no-repositories .content-pane.repository-list>.filter-list .filter-field-row {
    margin: 0;
    margin-bottom: var(--spacing)
}

#no-repositories .content-pane.repository-list>.filter-list .clone-repository-list-group-header {
    padding: var(--spacing)
}

#no-repositories .content-pane.repository-list>.filter-list .clone-repository-list-item {
    padding: 0 var(--spacing)
}

@media screen and (min-width: 1366px) {
    #no-repositories {
        zoom:1.2
    }
}

@media screen and (min-width: 1400px) {
    #no-repositories {
        zoom:1.3
    }
}

@media screen and (min-width: 1600px) {
    #no-repositories {
        zoom:1.4
    }
}

@media screen and (min-width: 1800px) {
    #no-repositories {
        zoom:1.5
    }
}

.blankslate-image {
    width: 50%;
    min-width: 400px;
    max-width: 800px
}

.foldout .blankslate-image {
    width: 100%;
    min-width: auto
}

@media(max-height: 400px) {
    #no-repositories {
        padding:var(--spacing)
    }

    #no-repositories header {
        margin-bottom: var(--spacing)
    }

    #no-repositories .drag-drop-info {
        display: none
    }
}

#terms-and-conditions {
    width: 550px
}

#terms-and-conditions .dialog-content {
    height: 250px;
    overflow-x: hidden;
    overflow-y: auto
}

#terms-and-conditions .dialog-content p,#terms-and-conditions .dialog-content ol,#terms-and-conditions .dialog-content ul,#terms-and-conditions .dialog-content li,#terms-and-conditions .dialog-content h2,#terms-and-conditions .dialog-content h3 {
    cursor: text;
    user-select: text
}

#terms-and-conditions .dialog-content a {
    cursor: pointer;
    user-select: text
}

.ref-component {
    font-style: normal;
    font-family: var(--font-family-monospace);
    background: var(--path-segment-background);
    border: var(--path-segment-background);
    border-radius: var(--border-radius);
    padding: var(--path-segment-padding);
    word-break: break-all
}

#initialize-lfs .dialog-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: var(--spacing)
}

#initialize-lfs .dialog-content ul li {
    padding-left: 0;
    margin-bottom: 0;
    font-family: var(--font-family-monospace)
}

.ci-status {
    height: 16px;
    flex-shrink: 0
}

.ci-status-pending {
    color: #dbab09
}

.ci-status-timed-out,.ci-status-action-required,.ci-status-failure {
    color: #d73a49
}

.ci-status-cancelled,.ci-status-stale,.ci-status-skipped,.ci-status-neutral {
    color: #959da5
}

.ci-status-success {
    color: #28a745
}

.toolbar-dropdown .pr-badge {
    border: 1px solid var(--toolbar-badge-background-color);
    background: var(--toolbar-background-color)
}

.toolbar-dropdown .pr-badge:hover {
    background-color: var(--toolbar-button-hover-background-color)
}

.toolbar-dropdown.open .pr-badge {
    background: none
}

.pr-badge {
    --height: 22px;
    display: flex;
    flex-direction: row;
    height: var(--height);
    position: relative;
    align-items: center;
    border-radius: var(--border-radius);
    border-width: 0;
    border: none;
    margin-right: var(--spacing);
    padding: var(--spacing-half);
    font-size: inherit;
    overflow: visible;
    text-overflow: inherit;
    font-family: inherit;
    color: inherit
}

.pr-badge .number {
    font-size: var(--font-size-sm);
    line-height: var(--height)
}

.pr-badge .ci-status {
    margin-left: var(--spacing-half)
}

.toolbar-dropdown.open .ci-status-pending {
    color: #dbab09
}

.toolbar-dropdown.open .ci-status-failure {
    color: #d73a49
}

.toolbar-dropdown.open .ci-status-success {
    color: #28a745
}

.no-branches {
    width: 365px;
    margin: var(--spacing) auto;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing)
}

.no-branches .title {
    font-weight: var(--font-weight-semibold);
    text-align: center
}

.no-branches .subtitle {
    margin-left: var(--spacing-double);
    margin-right: var(--spacing-double);
    text-align: center;
    font-size: var(--font-size-sm)
}

.no-branches .create-branch-button {
    margin: var(--spacing-double);
    align-self: stretch
}

.no-branches .protip {
    padding-left: var(--spacing-triple);
    padding-right: var(--spacing-triple);
    text-align: center;
    font-size: var(--font-size-sm)
}

.no-branches p {
    margin: 0
}

.branches-container.resizable .no-branches {
    width: 365px;
    margin: var(--spacing) auto;
    flex: none
}

.CodeMirror-focused .CodeMirror-selected,.CodeMirror.dialog-opened .CodeMirror-selected {
    background: Highlight
}

.CodeMirror-focused .CodeMirror-selectedtext,.CodeMirror.dialog-opened .CodeMirror-selectedtext {
    color: HighlightText !important
}

.CodeMirror-lines * {
    cursor: text
}

.CodeMirror-selectedtext {
    color: inherit
}

.CodeMirror-selected {
    background: inherit
}

.CodeMirror-simplescroll-horizontal,.CodeMirror-simplescroll-vertical {
    background: var(--box-alt-background-color)
}

.CodeMirror-simplescroll-horizontal div,.CodeMirror-simplescroll-vertical div {
    background: var(--scroll-bar-thumb-background-color);
    border: none
}

body.platform-win32 .CodeMirror-vscrollbar,body.platform-win32 .CodeMirror-hscrollbar {
    opacity: 0
}

body.platform-win32 .CodeMirror:hover .CodeMirror-vscrollbar,body.platform-win32 .CodeMirror:hover .CodeMirror-hscrollbar {
    opacity: 1
}

body.platform-win32 .CodeMirror-scrollbar-filler {
    background: transparent
}

.author-input-component {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--box-background-color);
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0 var(--spacing-half);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 0;
    height: auto
}

.author-input-component.disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.author-input-component input {
    border: none;
    background: none;
    box-shadow: none;
    width: 100%
}

.author-input-component input:focus {
    outline: none;
    border: none;
    box-shadow: none
}

.author-input-component .shadow-input {
    border: var(--contrast-border);
    border-radius: var(--border-radius);
    background: var(--box-background-color);
    color: currentColor;
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0 var(--spacing-half);
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: fit-content
}

.author-input-component .shadow-input:focus {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.author-input-component .shadow-input::-webkit-input-placeholder {
    color: var(--box-placeholder-color)
}

.author-input-component .shadow-input:disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.author-input-component .added-author-container {
    display: contents
}

.author-input-component .autocompletion-container {
    cursor: text
}

.author-input-component:focus {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.author-input-component::-webkit-input-placeholder {
    color: var(--box-placeholder-color)
}

.author-input-component:disabled {
    background: var(--box-alt-background-color);
    color: var(--text-secondary-color)
}

.author-input-component .label {
    color: var(--text-secondary-color)
}

.author-input-component .handle {
    border-radius: var(--border-radius);
    border: 1px solid var(--co-author-tag-border-color);
    background: var(--co-author-tag-background-color);
    padding: 1px 2px;
    margin: 0px 2px;
    cursor: pointer
}

.author-input-component .handle * {
    cursor: pointer
}

.author-input-component .handle svg {
    cursor: pointer
}

.author-input-component .handle.progress {
    background: transparent
}

.author-input-component .handle.error {
    background: var(--form-error-background);
    color: var(--form-error-text-color);
    border-color: var(--form-error-border-color)
}

.author-input-component .handle.error svg.icon {
    padding-bottom: 2px
}

.author-input-component .handle.focused {
    background: var(--box-selected-active-background-color);
    border-color: var(--co-author-tag-selected-border-color);
    color: var(--box-selected-active-text-color)
}

.author-input-component .handle.progress svg.icon,.author-input-component .handle.error svg.icon {
    height: 9px;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align: middle;
    fill: currentColor
}

.author-input-component .handle>button {
    -webkit-appearance: none;
    font-family: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
    color: inherit
}

.author-input-component .handle>button svg.delete {
    height: 16px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 1px;
    vertical-align: middle;
    fill: currentColor
}

.author-input-component:focus-within {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color);
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: -1px
}

.author-input-component .CodeMirror-scroll {
    max-height: 80px
}

.AvatarStack {
    position: relative;
    min-width: 26px;
    height: 20px
}

.AvatarStack .AvatarStack-body {
    position: absolute
}

.AvatarStack.AvatarStack--two {
    min-width: 36px
}

.AvatarStack.AvatarStack--three {
    min-width: 30px
}

.AvatarStack.AvatarStack--plus {
    min-width: 46px
}

.AvatarStack.AvatarStack--small {
    height: 16px;
    min-width: 20px
}

.AvatarStack.AvatarStack--small .avatar {
    width: 16px;
    height: 16px
}

.AvatarStack.AvatarStack--small.AvatarStack--two {
    min-width: 25px
}

.AvatarStack.AvatarStack--small.AvatarStack--three {
    min-width: 30px
}

.AvatarStack.AvatarStack--small.AvatarStack--plus {
    min-width: 40px
}

.AvatarStack.AvatarStack--small .avatar.avatar-more::before,.AvatarStack.AvatarStack--small .avatar.avatar-more::after {
    height: 16px
}

.AvatarStack.AvatarStack--small .avatar.avatar-more::before {
    width: 13px
}

.AvatarStack.AvatarStack--small:hover .avatar {
    margin-right: 1px
}

.AvatarStack-body {
    display: flex;
    background: inherit
}

.AvatarStack-body svg.avatar {
    fill: var(--text-secondary-color);
    background: var(--box-alt-background-color)
}

.AvatarStack-body .avatar-container:nth-child(n+5) .avatar {
    display: none;
    opacity: 0
}

.AvatarStack-body .avatar {
    position: relative;
    z-index: 2;
    display: flex;
    width: 20px;
    height: 20px;
    box-sizing: content-box;
    margin-right: -11px;
    background-color: inherit;
    box-shadow: 1px 0 0 var(--background-color);
    border-radius: 50%;
    transition: margin .1s ease-in-out
}

.AvatarStack-body .avatar:first-child {
    z-index: 3
}

.AvatarStack-body .avatar:last-child {
    z-index: 1;
    box-shadow: none
}

.AvatarStack-body .avatar img {
    border-radius: 50%
}

.AvatarStack-body:hover .avatar {
    margin-right: 3px
}

.AvatarStack-body:hover .avatar-container:nth-child(n+5) .avatar {
    display: flex;
    opacity: 1
}

.AvatarStack-body:hover .avatar-more {
    display: none !important
}

.avatar.avatar-more {
    z-index: 1;
    margin-right: 0;
    background: #f6f8fa;
    width: 10px !important
}

.avatar.avatar-more::before,.avatar.avatar-more::after {
    position: absolute;
    display: block;
    height: 20px;
    content: "";
    border-radius: 50%;
    outline: 1px solid #fff
}

.avatar.avatar-more::before {
    width: 17px;
    background: #e1e4e8
}

.avatar.avatar-more::after {
    width: 14px;
    background: #d1d5da
}

.commit-attribution-component {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fancy-text-box-component {
    background: var(--box-background-color);
    display: flex;
    align-items: center;
    border: var(--base-border);
    border-radius: var(--border-radius)
}

.fancy-text-box-component .fancy-octicon {
    height: var(--text-field-height);
    padding: var(--spacing-half) 0 var(--spacing-half) 7px;
    border-right: none;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
    opacity: .5;
    transition: opacity .2s ease
}

.fancy-text-box-component.focused {
    outline: none;
    border-color: var(--focus-color);
    box-shadow: 0 0 0 1px var(--text-field-focus-shadow-color)
}

.fancy-text-box-component.focused .fancy-octicon {
    opacity: 1
}

.fancy-text-box-component input {
    border-left: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border: none;
    box-shadow: none
}

.fancy-text-box-component input:focus {
    box-shadow: none
}

.fancy-text-box-component.disabled {
    background: var(--box-alt-background-color)
}

.merge-status-component .merge-status-icon-container {
    height: 20px;
    position: relative;
    text-align: center
}

.merge-status-component .merge-status-icon-container .merge-status {
    background: var(--background-color);
    border-width: 0 var(--spacing-half);
    border: solid transparent;
    box-sizing: content-box;
    position: relative;
    z-index: 1
}

.merge-status-component .merge-status-loading {
    color: #dbab09
}

.merge-status-component .merge-status-conflicts {
    color: var(--color-conflicted)
}

.merge-status-component .merge-status-invalid {
    color: #d73a49
}

.merge-status-component .merge-status-clean {
    color: #28a745
}

.merge-status-component .merge-message,.merge-status-component .merge-info {
    margin-bottom: 0;
    text-align: center;
    color: var(--text-secondary-color)
}

.merge-status-component .merge-message strong,.merge-status-component .merge-info strong {
    color: var(--text-color);
    overflow-wrap: break-word;
    overflow-x: hidden
}

.merge-status-component .merge-message {
    padding-bottom: var(--spacing)
}

dialog#merge .merge-info {
    margin-top: var(--spacing-half);
    margin-bottom: var(--spacing)
}

dialog#merge .merge-status-component {
    margin-top: 0
}

dialog#merge .merge-status-icon-container:after {
    border-bottom: 0
}

dialog#merge .dialog-footer {
    padding-top: var(--spacing)
}

.rebase-status-component .rebase-status-icon-container {
    height: 20px;
    position: relative;
    text-align: center
}

.rebase-status-component .rebase-status-icon-container .rebase-status {
    background: var(--background-color);
    border-width: 0 var(--spacing-half);
    border: solid transparent;
    box-sizing: content-box;
    position: relative;
    z-index: 1
}

.rebase-status-component .rebase-status-loading {
    color: var(--status-pending-color)
}

.rebase-status-component .rebase-status-conflicts {
    color: var(--color-conflicted)
}

.rebase-status-component .rebase-status-invalid {
    color: var(--status-error-color)
}

.rebase-status-component .rebase-status-clean {
    color: var(--status-success-color)
}

.rebase-status-component .rebase-message,.rebase-status-component .rebase-info {
    margin-bottom: 0;
    text-align: center;
    color: var(--text-secondary-color)
}

.rebase-status-component .rebase-message strong,.rebase-status-component .rebase-info strong {
    color: var(--text-color)
}

.rebase-status-component .rebase-message {
    padding-bottom: var(--spacing)
}

dialog#rebase .rebase-info {
    margin-top: var(--spacing-half);
    margin-bottom: var(--spacing)
}

dialog#rebase .rebase-status-component {
    margin-top: 0
}

dialog#rebase .rebase-status-icon-container:after {
    border-bottom: 0
}

dialog#rebase .dialog-footer {
    padding-top: var(--spacing)
}

.filter-list.clone-github-repo .no-items {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin: var(--spacing-double);
    width: 100%
}

.filter-list.clone-github-repo .no-items .octicon {
    fill: var(--text-secondary-color);
    margin-right: var(--spacing-half)
}

.filter-list.clone-github-repo .no-items.loading {
    color: var(--text-secondary-color)
}

.filter-list.clone-github-repo .clone-repository-list-item .name {
    flex-grow: 1
}

.filter-list.clone-github-repo .clone-repository-list-item .archived {
    flex-shrink: 0;
    margin-left: var(--spacing-half);
    font-size: var(--font-size-xs);
    border: var(--contrast-border);
    padding: 1px 3px;
    border-radius: var(--border-radius);
    text-transform: uppercase
}

:root {
    --color-new: #22863a;
    --color-deleted: #cb2431;
    --color-modified: #aa8507;
    --color-renamed: #0366d6;
    --color-conflicted: #c24e00;
    --text-color: #24292e;
    --text-secondary-color: #6a737d;
    --text-secondary-color-muted: #bbc0c5;
    --background-color: #fff;
    --button-height: 25px;
    --button-background: #0366d6;
    --button-border-radius: 6px;
    --button-hover-background: #0372ef;
    --button-text-color: #fff;
    --button-focus-border-color: #dbedff;
    --link-button-color: #0372ef;
    --link-button-hover-color: #005cc5;
    --link-button-selected-hover-color: #c8e1ff;
    --secondary-button-background: #f6f8fa;
    --secondary-button-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-border-color: var(--box-border-contrast-color);
    --secondary-button-hover-background: #fff;
    --secondary-button-text-color: var(--text-color);
    --secondary-button-focus-shadow-color: rgba(225, 228, 232, 0.75);
    --secondary-button-focus-border-color: #d1d5da;
    --badge-icon-color: #fff;
    --warning-badge-icon-color: #f66a0a;
    --input-icon-warning-color: #b08800;
    --input-icon-error-color: #cb2431;
    --input-icon-hover-background-color: #f6f8fa;
    --commit-message-icon-warning-color: var(--input-icon-warning-color);
    --commit-message-icon-error-color: var(--input-icon-error-color);
    --commit-message-action-button-separator-color: var(--box-border-color);
    --font-family-sans-serif: system-ui, sans-serif, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-family-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace, Apple Color Emoji, Segoe UI, Segoe UI Emoji, Segoe UI Symbol;
    --font-weight-semibold: 600;
    --font-weight-light: 300;
    --font-size: 12px;
    --font-size-sm: 11px;
    --font-size-md: 14px;
    --font-size-lg: 28px;
    --font-size-xl: 32px;
    --font-size-xxl: 42px;
    --font-size-xs: 9px;
    --scroll-bar-thumb-background-color: rgba(0, 0, 0, 0.2);
    --scroll-bar-thumb-background-color-active: rgba(0, 0, 0, 0.5);
    --box-background-color: var(--background-color);
    --box-alt-background-color: #f6f8fa;
    --box-skeleton-background-color: #e1e4e8;
    --skeleton-background-gradient: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    --box-border-color: #e1e4e8;
    --box-border-contrast-color: #879099;
    --box-border-accent-color: #0366d6;
    --box-selected-background-color: #ebeef1;
    --box-hover-text-color: #24292e;
    --box-hover-background-color: #f6f8fa;
    --box-selected-text-color: #24292e;
    --box-selected-border-color: #959da5;
    --box-selected-active-background-color: #0366d6;
    --box-selected-active-border: none;
    --box-selected-active-text-color: #fff;
    --box-selected-active-border-color: #959da5;
    --box-overflow-shadow-background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, white 90%, white 100%);
    --no-shadow-top: linear-gradient(#fff, rgba(255, 255, 255, 0));
    --no-shadow-bottom: linear-gradient(rgba(255, 255, 255, 0), #fff);
    --top-shadow: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%);
    --bottom-shadow: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(225, 228, 232, 0.6) 90%, #e1e4e8 100%) 0 100%;
    --box-overflow-shadow-background-two: var(--no-shadow-top), var(--no-shadow-bottom) 0 100%, var(--top-shadow), var(--bottom-shadow);
    --box-placeholder-color: #6a737d;
    --co-author-tag-background-color: #f1f8ff;
    --co-author-tag-border-color: #c8e1ff;
    --commit-warning-badge-background-color: #fafbfc;
    --commit-warning-badge-border: #d1d5da;
    --win32-title-bar-height: 28px;
    --win32-title-bar-background-color: #24292e;
    --darwin-title-bar-height: 22px;
    --spacing: 10px;
    --spacing-double: calc(var(--spacing) * 2);
    --spacing-triple: calc(var(--spacing) * 3);
    --spacing-quad: calc(var(--spacing) * 4);
    --spacing-quint: calc(var(--spacing) * 5);
    --spacing-half: calc(var(--spacing) / 2);
    --spacing-third: calc(var(--spacing) / 3);
    --border-radius: 6px;
    --outlined-border-radius: 3px;
    --base-border: 1px solid var(--box-border-color);
    --contrast-border: 1px solid var(--box-border-contrast-color);
    --shadow-color: rgba(71, 83, 95, 0.19);
    --base-box-shadow: 0 2px 7px var(--shadow-color);
    --toolbar-height: 50px;
    --toolbar-background-color: #24292e;
    --toolbar-border-color: #24292e;
    --toolbar-text-color: #fff;
    --toolbar-text-secondary-color: #d1d5da;
    --toolbar-button-color: var(--toolbar-text-color);
    --toolbar-button-background-color: transparent;
    --toolbar-button-border-color: black;
    --toolbar-button-secondary-color: var(--toolbar-text-secondary-color);
    --toolbar-button-hover-color: #fff;
    --toolbar-button-hover-background-color: #2f363d;
    --toolbar-button-hover-border-color: var(--toolbar-button-border-color);
    --toolbar-button-focus-background-color: #2f363d;
    --toolbar-button-active-color: var(--text-color);
    --toolbar-button-active-background-color: var(--background-color);
    --toolbar-button-active-border-color: var(--background-color);
    --toolbar-button-progress-color: #2f363d;
    --toolbar-button-focus-progress-color: #444d56;
    --toolbar-button-hover-progress-color: #444d56;
    --toolbar-dropdown-open-progress-color: #e1e4e8;
    --toolbar-dropdown-text-warning-color: #c24e00;
    --toolbar-dropdown-text-hover-color: var(--box-hover-text-color);
    --toolbar-tooltip-background-color: #2f363d;
    --toolbar-tooltip-shadow-color: black;
    --app-menu-button-color: var(--toolbar-text-color);
    --app-menu-button-hover-color: var(--toolbar-button-hover-color);
    --app-menu-button-hover-background-color: var(--toolbar-button-hover-background-color);
    --app-menu-button-active-color: var(--toolbar-button-active-color);
    --app-menu-button-active-background-color: var(--toolbar-button-active-background-color);
    --app-menu-pane-color: var(--text-color);
    --app-menu-pane-secondary-color: var(--text-secondary-color);
    --app-menu-pane-background-color: var(--toolbar-button-active-background-color);
    --app-menu-divider-color: var(--box-border-color);
    --toolbar-badge-background-color: #586069;
    --toolbar-badge-active-background-color: #e1e4e8;
    --tab-bar-height: 29px;
    --tab-bar-active-color: #0366d6;
    --tab-bar-background-color: #fff;
    --tab-bar-hover-background-color: #f6f8fa;
    --tab-bar-count-color: var(--text-color);
    --tab-bar-count-background-color: #e1e4e8;
    --list-item-badge-color: #2f363d;
    --list-item-badge-background-color: #e1e4e8;
    --list-item-selected-badge-color: #24292e;
    --list-item-selected-badge-background-color: #d1d5da;
    --list-item-selected-active-badge-color: #24292e;
    --list-item-selected-active-badge-background-color: #fff;
    --list-item-hover-background-color: #f6f8fa;
    --win32-scroll-bar-size: 10px;
    --linux-scroll-bar-size: 10px;
    --tooltip-z-index: 20;
    --popup-z-index: 19;
    --popup-overlay-z-index: 18;
    --foldout-z-index: 17;
    --nudge-arrow-z-index: 16;
    --drag-overlay-z-index: 15;
    --side-panel-z-index: 14;
    --list-sticky-header-top-level-z-index: 11;
    --list-sticky-header-second-level-z-index: 10;
    --toast-notification-color: #fafbfc;
    --toast-notification-background-color: rgba(36, 41, 46, 0.6);
    --tip-box-background-color: rgba(3, 102, 214, 0.06);
    --tip-box-border-color: #c8e1ff;
    --focus-color: #0366d6;
    --accent-color: #2188ff;
    --diff-linenumber-focus-color: #005cc5;
    --text-field-height: 25px;
    --text-field-focus-shadow-color: rgba(3, 102, 214, 0.25);
    --primary-suggested-action-background: #f1f8ff;
    --primary-suggested-action-border-color: #c8e1ff;
    --suggested-action-icon-color: #2188ff;
    --diff-line-padding-y: 2px;
    --diff-text-color: #24292e;
    --diff-border-color: #e1e4e8;
    --diff-gutter-color: #e1e4e8;
    --diff-gutter-background-color: var(--background-color);
    --diff-line-number-color: #444d56;
    --diff-line-number-column-width: 50px;
    --diff-selected-background-color: #2188ff;
    --diff-selected-border-color: #005cc5;
    --diff-selected-gutter-color: #005cc5;
    --diff-selected-text-color: var(--background-color);
    --diff-add-background-color: #e6ffed;
    --diff-add-border-color: #85e89d;
    --diff-add-gutter-color: #85e89d;
    --diff-add-gutter-background-color: #cdffd8;
    --diff-add-inner-background-color: #acf2bd;
    --diff-add-text-color: var(--diff-text-color);
    --diff-delete-background-color: #ffeef0;
    --diff-delete-border-color: #fdaeb7;
    --diff-delete-gutter-color: #fdaeb7;
    --diff-delete-gutter-background-color: #ffdce0;
    --diff-delete-inner-background-color: #fdb8c0;
    --diff-delete-text-color: var(--diff-text-color);
    --diff-hunk-background-color: #f1f8ff;
    --diff-hunk-border-color: #c8e1ff;
    --diff-hunk-gutter-color: #afd3ff;
    --diff-hunk-gutter-background-color: #dbedff;
    --diff-hunk-text-color: #586069;
    --diff-hover-background-color: #79b8ff;
    --diff-hover-border-color: #2188ff;
    --diff-hover-gutter-color: #2188ff;
    --diff-hover-text-color: var(--background-color);
    --diff-add-hover-background-color: #85e89d;
    --diff-add-hover-border-color: #34d058;
    --diff-add-hover-gutter-color: #34d058;
    --diff-add-hover-text-color: var(--text-color);
    --diff-delete-hover-background-color: #fdaeb7;
    --diff-delete-hover-border-color: #f97583;
    --diff-delete-hover-gutter-color: #f97583;
    --diff-delete-hover-text-color: var(--text-color);
    --diff-empty-row-background-color: #fafbfc;
    --diff-empty-row-gutter-background-color: var(--diff-empty-row-background-color);
    --diff-empty-hunk-handle: #d1d5da;
    --syntax-variable-color: #6f42c1;
    --syntax-alt-variable-color: #24292e;
    --syntax-keyword-color: #d73a49;
    --syntax-atom-color: #005cc5;
    --syntax-string-color: #032f62;
    --syntax-qualifier-color: #6f42c1;
    --syntax-type-color: #d73a49;
    --syntax-comment-color: #6a737d;
    --syntax-tag-color: #22863a;
    --syntax-attribute-color: #6f42c1;
    --syntax-link-color: #032f62;
    --syntax-header-color: #0000ff;
    --syntax-quote-color: #1a7e31;
    --undo-animation-duration: 500ms;
    --error-color: #d73a49;
    --form-error-background: #ffdce0;
    --form-error-border-color: #fdaeb7;
    --form-error-text-color: #9e1c23;
    --dialog-banner-success-background: #dcffe4;
    --dialog-banner-success-border-color: #85e89d;
    --dialog-banner-success-text-color: #165c26;
    --input-warning-text-color: var(--dialog-warning-color);
    --input-error-text-color: #9e1c23;
    --overlay-background-color: rgba(0, 0, 0, 0.4);
    --dialog-warning-color: #b08800;
    --dialog-information-color: #2188ff;
    --dialog-error-color: #d73a49;
    --banner-warning-background: #fffbdd;
    --banner-warning-text-color: var(--text-color);
    --banner-warning-link-color: #046ee7;
    --banner-warning-icon-color: #aa8507;
    --file-warning-background-color: #fffbdd;
    --file-warning-color: #aa8507;
    --file-warning-border-color: rgba(219, 171, 9, 0.4);
    --tooltip-background-color: #24292e;
    --tooltip-color: #f6f8fa;
    --tooltip-shadow-color: rgba(36, 41, 46, 0.65);
    --path-segment-background: #f1f8ff;
    --path-segment-background-focus: #d8ebff;
    --path-segment-padding: var(--spacing-third);
    --easing-ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --easing-ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --easing-ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --dialog-progress-background: #28a745;
    --status-pending-color: #dbab09;
    --status-error-color: #d73a49;
    --status-success-color: #1a7f37;
    --pr-open-icon-color: #28a745;
    --pr-draft-icon-color: #6a737d;
    --pr-timeline-line-color: var(--box-border-color);
    --pr-changes-requested-icon-color: #fff;
    --pr-changes-requested-icon-background-color: #cf222e;
    --pr-approved-icon-color: #fff;
    --pr-approved-icon-background-color: #2da44e;
    --pr-commented-icon-color: var(--md-fg-muted-color);
    --pr-commented-icon-background-color: #eaeef2;
    --call-to-action-bubble-border-color: #28a745;
    --call-to-action-bubble-color: #28a745;
    --title-tool-tip-background-color: rgb(236, 236, 236);
    --title-tool-tip-shadow: 1px 2px 5px 0px rgb(125, 125, 125, 0.5);
    --md-border-default-color: #d0d7de;
    --md-border-muted-color: hsla(210, 18%, 87%, 1);
    --md-canvas-default-color: #ffffff;
    --md-canvas-subtle-color: #f6f8fa;
    --md-fg-default-color: #24292f;
    --md-fg-muted-color: #57606a;
    --md-danger-fg-color: #cf222e;
    --md-neutral-muted-color: rgba(175, 184, 193, 0.2);
    --md-accent-emphasis-color: #0969da;
    --md-accent-fg-color: #0969da
}

::backdrop {
    --overlay-background-color: rgba(0, 0, 0, 0.4)
}

#stash-diff-viewer {
    display: flex;
    flex-direction: column;
    flex: 1;
    max-height: 100%;
    min-width: 0
}

#stash-diff-viewer .header {
    display: flex;
    flex-direction: column;
    border-bottom: var(--base-border);
    padding: var(--spacing-triple) var(--spacing-double)
}

#stash-diff-viewer .header h3 {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-xl);
    line-height: 1;
    margin-bottom: var(--spacing)
}

#stash-diff-viewer .header .row {
    display: flex;
    align-items: center;
    margin-top: var(--spacing)
}

#stash-diff-viewer .header .button-group {
    display: flex
}

#stash-diff-viewer .header .button-group button {
    margin-right: var(--spacing)
}

#stash-diff-viewer .header .explanatory-text {
    display: flex;
    align-items: center;
    flex-grow: 1;
    margin-left: var(--spacing-half)
}

#stash-diff-viewer .header .explanatory-text .text {
    flex-grow: 1
}

#stash-diff-viewer .header .explanatory-text .octicon {
    fill: var(--text-secondary-color);
    margin: 0 var(--spacing-half);
    flex-shrink: 0
}

#stash-diff-viewer .file-list {
    display: flex;
    flex: 1;
    border-right: var(--base-border)
}

.commit-details {
    display: flex;
    flex-direction: row;
    flex: 1;
    overflow: hidden;
    min-height: 150px
}

.commit-details .fill-window {
    border-right: var(--base-border)
}

.commit-details .file-list-header {
    background: var(--box-alt-background-color);
    border-bottom: 1px solid var(--box-border-color);
    border-right: var(--base-border);
    height: 30px;
    line-height: 30px;
    flex: 0 0 auto;
    padding: 0 var(--spacing);
    text-align: center
}

.tutorial-panel-component {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 350px;
    min-width: 274px;
    max-width: 350px;
    height: 100%;
    background-color: var(--background-color);
    box-shadow: var(--base-box-shadow);
    z-index: var(--side-panel-z-index);
    overflow-y: scroll
}

@media(max-width: 850px) {
    .tutorial-panel-component {
        min-width:200px
    }

    .tutorial-panel-component details .contents .action {
        flex-wrap: wrap
    }

    .tutorial-panel-component details .contents .action .button-component {
        flex-basis: 100%;
        margin-bottom: var(--spacing)
    }

    .tutorial-panel-component .titleArea {
        padding: var(--spacing) !important
    }

    .tutorial-panel-component .titleArea img {
        display: none
    }
}

@media(max-width: 750px) {
    .tutorial-panel-component {
        min-width:180px
    }

    .tutorial-panel-component details .contents .action .button-component {
        height: auto;
        text-overflow: unset;
        white-space: unset;
        padding: var(--spacing)
    }
}

@media(max-width: 550px) {
    .tutorial-panel-component {
        min-width:130px
    }
}

.tutorial-panel-component .titleArea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-triple);
    padding-left: var(--spacing-quint);
    padding-right: var(--spacing-double)
}

.tutorial-panel-component .titleArea h3 {
    margin: 0;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-lg)
}

.tutorial-panel-component .titleArea svg {
    height: 46px;
    width: 46px
}

.tutorial-panel-component ol,.tutorial-panel-component li,.tutorial-panel-component summary {
    list-style: none;
    padding: 0;
    margin: 0
}

.tutorial-panel-component summary::-webkit-details-marker {
    display: none
}

.tutorial-panel-component li,.tutorial-panel-component .titleArea {
    border-bottom: var(--base-border)
}

.tutorial-panel-component summary {
    display: flex;
    align-items: center;
    font-weight: var(--font-weight-semibold);
    padding: var(--spacing-double)
}

.tutorial-panel-component summary .summary-text {
    color: var(--text-secondary-color)
}

.tutorial-panel-component summary .hang-right {
    margin-left: auto
}

.tutorial-panel-component summary .green-circle {
    background-color: #28a745;
    border-color: #28a745;
    color: var(--badge-icon-color)
}

.tutorial-panel-component summary .blue-circle {
    background-color: #0366d6;
    border-color: #0366d6;
    color: var(--badge-icon-color)
}

.tutorial-panel-component summary .empty-circle {
    background-color: transparent;
    border-color: var(--text-color);
    opacity: .5;
    color: var(--text-color)
}

.tutorial-panel-component details .contents {
    padding-left: var(--spacing-triple);
    padding-bottom: var(--spacing-double);
    padding-right: var(--spacing)
}

.tutorial-panel-component details .contents .description {
    margin-bottom: var(--spacing)
}

.tutorial-panel-component details .contents .action {
    display: flex;
    align-items: center
}

.tutorial-panel-component details .contents .action .button-component {
    display: flex;
    align-items: center;
    margin-right: var(--spacing)
}

.tutorial-panel-component details .contents .action .button-component .octicon {
    margin-left: var(--spacing);
    color: var(--text-secondary-color);
    height: 14px;
    width: 14px
}

.tutorial-panel-component details .contents .action kbd {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary-color)
}

.tutorial-panel-component details[open] summary {
    padding-bottom: var(--spacing)
}

.tutorial-panel-component details[open] summary .summary-text {
    color: var(--text-color)
}

.tutorial-panel-component details[open] summary .hang-right .octicon {
    transform: rotate(180deg)
}

.tutorial-panel-component details[open] summary .empty-circle {
    opacity: 1
}

.tutorial-panel-component .footer {
    display: flex;
    justify-content: center;
    padding: var(--spacing-double) 0;
    margin-top: auto
}

.tutorial-panel-component summary .green-circle,.tutorial-panel-component summary .blue-circle,.tutorial-panel-component summary .empty-circle {
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--spacing);
    flex-shrink: 0;
    flex-grow: 0
}

#tutorial-welcome {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    flex: 1 1 630px;
    height: 100%;
    padding: 0 var(--spacing-triple);
    overflow-y: auto;
    overflow-x: hidden
}

#tutorial-welcome .header {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    margin: var(--spacing-quint) 0;
    padding-top: var(--spacing-double);
    text-align: center
}

#tutorial-welcome .header h1 {
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-xl);
    line-height: 1.1
}

#tutorial-welcome .header p {
    margin: var(--spacing-third) 0;
    padding: 0
}

#tutorial-welcome .definitions {
    display: flex;
    justify-content: space-around;
    padding: 0;
    max-width: 600px;
    flex-wrap: wrap
}

#tutorial-welcome .definitions li {
    display: flex;
    flex-flow: column nowrap;
    flex: 0 1 160px;
    padding: 0 var(--spacing-half) var(--spacing-double)
}

#tutorial-welcome .definitions li img {
    align-self: center
}

#tutorial-welcome .definitions li p {
    text-align: start
}

.nudge-arrow::after {
    position: absolute;
    content: "";
    z-index: var(--nudge-arrow-z-index)
}

.nudge-arrow.nudge-arrow-up::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2722%27 height=%2736%27 viewBox=%270 0 22 36%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M11 6.59998L0 19.8H6.6V28.6H15.4V19.8H22L11 6.59998Z%27 fill=%27%232188FF%27/%3E %3C/svg%3E");
    width: 22px;
    height: 36px;
    left: 35%;
    filter: opacity(0%);
    animation: pointup 2s ease-out 6s infinite
}

.nudge-arrow.nudge-arrow-left::after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2736%27 height=%2722%27 viewBox=%270 0 36 22%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E %3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M7 11L20.2 22V15.4L29 15.4V6.6L20.2 6.6V0L7 11Z%27 fill=%27%232188FF%27/%3E %3C/svg%3E");
    width: 36px;
    height: 22px;
    top: 25%;
    filter: opacity(0%);
    animation: pointleft 2s ease-out 6s infinite
}

@keyframes pointup {
    0% {
        filter: opacity(0%);
        bottom: -55px
    }

    20% {
        filter: opacity(0%);
        bottom: -55px
    }

    30% {
        filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));
        bottom: -40px
    }

    40% {
        bottom: -40px
    }

    50% {
        bottom: -55px
    }

    60% {
        bottom: -40px
    }

    70% {
        filter: opacity(100%);
        bottom: -40px
    }

    80% {
        filter: opacity(0%);
        bottom: -55px
    }

    100% {
        filter: opacity(0%);
        bottom: -55px
    }
}

@keyframes pointleft {
    0% {
        filter: opacity(0%);
        right: -65px
    }

    20% {
        filter: opacity(0%);
        right: -65px
    }

    30% {
        filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));
        right: -50px
    }

    40% {
        right: -50px
    }

    50% {
        right: -65px
    }

    60% {
        right: -50px
    }

    70% {
        filter: opacity(100%) drop-shadow(0 0 2px var(--background-color));
        right: -50px
    }

    80% {
        filter: opacity(0%);
        right: -65px
    }

    100% {
        filter: opacity(0%);
        right: -65px
    }
}

#tutorial-done {
    padding: var(--spacing-quad);
    flex: 1 1 700px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden
}

@media(max-width: 850px) {
    #tutorial-done {
        padding:var(--spacing)
    }

    #tutorial-done .header img {
        display: none
    }
}

@media(max-width: 550px) {
    #tutorial-done .suggested-action .button-component {
        height:auto;
        text-overflow: unset;
        white-space: unset
    }
}

#tutorial-done .header {
    display: flex;
    flex-direction: row;
    margin-bottom: var(--spacing-double)
}

#tutorial-done .header .text {
    flex-grow: 1;
    margin-right: var(--spacing-double)
}

#tutorial-done .header .text h1 {
    padding: 0;
    margin: 0;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-light)
}

#tutorial-done .header .text p {
    margin: 0
}

#tutorial-done .header .image {
    flex: 0;
    height: 70px;
    width: 73px;
    min-width: 70px;
    min-height: 73px;
    align-self: flex-end
}

#tutorial-done .content {
    width: 100%;
    max-width: 600px
}

.suggested-action {
    border: var(--base-border);
    border-bottom: 0;
    padding: var(--spacing-double);
    display: flex;
    flex-direction: row;
    align-items: center
}

.suggested-action:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.suggested-action:last-child {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-bottom: var(--base-border)
}

.suggested-action.primary {
    background: var(--primary-suggested-action-background);
    border-color: var(--primary-suggested-action-border-color)
}

.suggested-action .text-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-right: var(--spacing-double)
}

.suggested-action .image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: var(--spacing-double);
    flex-shrink: 0
}

.suggested-action .image-wrapper .octicon {
    height: 100%;
    width: 100%;
    color: var(--suggested-action-icon-color)
}

.suggested-action h2 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
    font-weight: var(--font-weight-semibold)
}

.suggested-action p.description {
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
    margin-bottom: var(--spacing-half)
}

.suggested-action p.discoverability {
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
    color: var(--text-secondary-color)
}

.suggested-action p.discoverability kbd {
    color: var(--text-color)
}

.suggested-action .button-component {
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .suggested-action {
        flex-direction:column;
        align-items: flex-start
    }

    .suggested-action .text-wrapper {
        margin-right: 0;
        margin-bottom: var(--spacing-double)
    }
}

.suggested-action-group {
    display: flex;
    flex-direction: column
}

.suggested-action-group.primary {
    margin-bottom: var(--spacing)
}

.suggested-action-group .replace-leave {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.suggested-action-group .replace-leave.replace-leave-active {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
    transition: opacity 200ms ease-in,transform 250ms var(--easing-ease-in-back)
}

.suggested-action-group .replace-enter {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.suggested-action-group .replace-enter.replace-enter-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 200ms ease-in 500ms,transform 250ms var(--easing-ease-out-back) 500ms
}

.suggested-action-group.replace-height {
    transition: height 250ms ease-out 250ms
}

.config-lock-file-exists-component p:first-child {
    margin-top: 0
}

.config-lock-file-exists-component p:last-child {
    margin-bottom: 0
}

.config-lock-file-exists-component .ref-component {
    display: inline-block;
    padding: 0;
    font-size: var(--font-size-sm)
}

#local-changes-overwritten .dialog-content .files-list {
    max-height: 175px;
    overflow-y: auto;
    font-family: var(--font-family-monospace);
    margin-bottom: var(--spacing)
}

#local-changes-overwritten .dialog-content .files-list ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#local-changes-overwritten .dialog-content .files-list ul li {
    padding-left: 0;
    margin-bottom: 0
}

.side-by-side-diff-container {
    --width-line-number: 55px;
    --hunk-handle-width-with-check-all: 16px;
    --hunk-handle-width: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    flex-grow: 1;
    position: relative
}

.side-by-side-diff-container,.side-by-side-diff-container * {
    cursor: text;
    user-select: text
}

.side-by-side-diff-container .sr-only {
    user-select: none
}

.side-by-side-diff-container:not(:focus-within) .content,.side-by-side-diff-container:not(:focus-within) .content *,.side-by-side-diff-container.selecting-before .after,.side-by-side-diff-container.selecting-before .after *,.side-by-side-diff-container.selecting-after .before,.side-by-side-diff-container.selecting-after .before * {
    user-select: none
}

.side-by-side-diff-container.editable .row .before {
    flex-direction: row-reverse;
    border-right: none
}

.side-by-side-diff-container.editable .row.context .before {
    border-right: calc(var(--hunk-handle-width) / 2) solid var(--diff-border-color)
}

.side-by-side-diff-container.editable .row.context .after {
    border-left: calc(var(--hunk-handle-width) / 2) solid var(--diff-border-color)
}

.side-by-side-diff-container.editable .row.has-check-all-control.context .before {
    border-right: calc(var(--hunk-handle-width-with-check-all) / 2) solid var(--diff-border-color)
}

.side-by-side-diff-container.editable .row.has-check-all-control.context .after {
    border-left: calc(var(--hunk-handle-width-with-check-all) / 2) solid var(--diff-border-color)
}

.side-by-side-diff-container.editable .row.has-check-all-control .hunk-expansion-handle {
    padding-left: calc(var(--hunk-handle-width-with-check-all) / 2);
    padding-right: calc(var(--hunk-handle-width-with-check-all) / 2)
}

.side-by-side-diff-container.editable .row .hunk-expansion-handle {
    padding-left: calc(var(--hunk-handle-width) / 2);
    padding-right: calc(var(--hunk-handle-width) / 2)
}

.side-by-side-diff-container .side-by-side-diff {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    font-family: var(--font-family-monospace);
    font-size: var(--font-size-sm);
    color: var(--diff-text-color);
    background: var(--background-color)
}

.side-by-side-diff-container .ReactVirtualized__Grid:focus {
    outline: none
}

.side-by-side-diff-container .ReactVirtualized__Grid__innerScrollContainer {
    border-bottom: 1px solid var(--diff-border-color)
}

.side-by-side-diff-container .row {
    display: flex;
    flex-direction: row;
    line-height: 20px;
    position: relative;
    height: 100%
}

.side-by-side-diff-container .row .line-number .octicon,.side-by-side-diff-container .row .hunk-handle .octicon {
    pointer-events: none
}

.side-by-side-diff-container .row.hunk-info {
    background: var(--diff-hunk-background-color);
    color: var(--diff-hunk-text-color);
    align-items: center
}

.side-by-side-diff-container .row.hunk-info .line-number {
    background: var(--diff-hunk-background-color);
    border-color: var(--diff-border-color)
}

.side-by-side-diff-container .row.added .before,.side-by-side-diff-container .row.deleted .after {
    background: var(--diff-empty-row-background-color)
}

.side-by-side-diff-container .row.added .before .line-number,.side-by-side-diff-container .row.deleted .after .line-number {
    background: var(--diff-empty-row-gutter-background-color);
    border-color: var(--diff-border-color)
}

.side-by-side-diff-container .row.context .before,.side-by-side-diff-container .row.context .after {
    background: var(--diff-background-color);
    color: var(--diff-text-color)
}

.side-by-side-diff-container .row.context .before .line-number,.side-by-side-diff-container .row.context .after .line-number {
    background: var(--diff-gutter-background-color);
    border-color: var(--diff-border-color)
}

.side-by-side-diff-container .row .before,.side-by-side-diff-container .row .after {
    width: 50%;
    display: flex;
    flex-direction: row;
    position: relative
}

.side-by-side-diff-container .row .before {
    color: var(--diff-delete-text-color);
    background: var(--diff-delete-background-color)
}

.side-by-side-diff-container .row .before .line-number {
    background: var(--diff-delete-gutter-background-color);
    border-color: var(--diff-delete-border-color)
}

.side-by-side-diff-container .row .before .selectable.hoverable:hover {
    border-color: var(--diff-delete-hover-border-color)
}

.side-by-side-diff-container .row .before .selectable.hoverable:hover,.side-by-side-diff-container .row .before .selectable.hoverable:hover label,.side-by-side-diff-container .row .before .selectable.hover,.side-by-side-diff-container .row .before .selectable.hover label,.side-by-side-diff-container .row .before .selectable input:focus-visible+label {
    background: var(--diff-delete-hover-background-color);
    color: var(--diff-delete-hover-text-color);
    border-color: var(--diff-delete-hover-border-color)
}

.side-by-side-diff-container .row .after {
    color: var(--diff-add-text-color);
    background: var(--diff-add-background-color)
}

.side-by-side-diff-container .row .after .line-number {
    background: var(--diff-add-gutter-background-color);
    border-color: var(--diff-add-border-color)
}

.side-by-side-diff-container .row .after .selectable.hoverable:hover {
    border-color: var(--diff-add-hover-border-color)
}

.side-by-side-diff-container .row .after .selectable.hoverable:hover,.side-by-side-diff-container .row .after .selectable.hoverable:hover label,.side-by-side-diff-container .row .after .selectable.hover,.side-by-side-diff-container .row .after .selectable.hover label,.side-by-side-diff-container .row .after .selectable input:focus-visible+label {
    background: var(--diff-add-hover-background-color);
    color: var(--diff-add-hover-text-color);
    border-color: var(--diff-add-hover-border-color)
}

.side-by-side-diff-container .row input:focus-visible+label.hunk-handle.selected {
    background: var(--diff-hover-background-color)
}

.side-by-side-diff-container .row input:focus-visible+label.hunk-handle .focus-handle {
    outline: 2px solid var(--diff-linenumber-focus-color);
    outline-offset: 3px
}

.side-by-side-diff-container .row .hunk-handle-place-holder,.side-by-side-diff-container .row .hunk-handle {
    width: var(--hunk-handle-width);
    height: 100%;
    background-color: var(--diff-empty-hunk-handle)
}

.side-by-side-diff-container .row .hunk-handle-place-holder.selected,.side-by-side-diff-container .row .hunk-handle.selected {
    background-color: var(--diff-selected-border-color)
}

.side-by-side-diff-container .row .hunk-handle {
    position: absolute;
    display: flex;
    left: calc(50% - var(--hunk-handle-width) / 2);
    color: #fff;
    padding-top: 3px;
    text-align: center;
    user-select: none
}

.side-by-side-diff-container .row .hunk-handle * {
    user-select: none
}

.side-by-side-diff-container .row .hunk-handle .focus-handle {
    border-radius: var(--border-radius);
    height: calc(100% + 4px);
    width: 100%;
    margin-top: -4px;
    padding-top: 3px
}

.side-by-side-diff-container .row .hunk-handle .octicon {
    height: 12px
}

.side-by-side-diff-container .row .hunk-handle * {
    cursor: pointer
}

.side-by-side-diff-container .row.has-check-all-control .hunk-handle-place-holder,.side-by-side-diff-container .row.has-check-all-control .hunk-handle {
    width: var(--hunk-handle-width-with-check-all)
}

.side-by-side-diff-container .row.has-check-all-control .hunk-handle {
    left: calc(50% - var(--hunk-handle-width-with-check-all) / 2)
}

.side-by-side-diff-container .row.has-check-all-control input:focus-visible+label.hunk-handle .focus-handle {
    outline-offset: -3px
}

.side-by-side-diff-container .row .hunk-handle {
    z-index: 1
}

.side-by-side-diff-container .row .hunk-handle.hoverable {
    cursor: pointer
}

.side-by-side-diff-container .row .hunk-handle .increased-hover-surface {
    position: absolute;
    margin-left: -5px;
    width: 15px;
    z-index: 1;
    cursor: pointer
}

.side-by-side-diff-container .row.modified .increased-hover-surface {
    width: 20px;
    margin-left: -8px
}

.side-by-side-diff-container .row .hunk-expansion-handle {
    width: var(--width-line-number);
    flex-shrink: 0;
    background: var(--diff-hunk-background-color);
    color: var(--diff-hunk-text-color);
    display: flex;
    box-sizing: content-box
}

.side-by-side-diff-container .row .hunk-expansion-handle button {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    font-family: inherit;
    font-size: inherit;
    border: none;
    height: inherit;
    color: inherit;
    background-color: inherit;
    width: calc(100% - 2px);
    height: calc(100% - var(--spacing));
    padding: 0px;
    padding-top: 4px;
    padding-bottom: 1px;
    margin: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    outline-offset: 0
}

.side-by-side-diff-container .row .hunk-expansion-handle.selectable.hoverable * {
    cursor: pointer
}

.side-by-side-diff-container .row .hunk-expansion-handle.selectable.hoverable:hover {
    background: var(--diff-hover-background-color);
    border-color: var(--diff-hover-border-color);
    color: var(--diff-hover-text-color)
}

.side-by-side-diff-container .row .line-number {
    width: var(--width-line-number);
    flex-shrink: 0;
    background: var(--diff-gutter-background-color);
    color: var(--diff-line-number-color);
    display: flex;
    box-sizing: content-box;
    position: relative
}

.side-by-side-diff-container .row .line-number input {
    user-select: none
}

.side-by-side-diff-container .row .line-number label {
    width: 100%;
    display: flex;
    border-color: inherit;
    border-radius: var(--border-radius)
}

.side-by-side-diff-container .row .line-number label .line-number-check {
    display: flex;
    justify-content: center;
    width: 20px;
    flex-shrink: 0;
    padding-top: 3.5px
}

.side-by-side-diff-container .row .line-number label .line-number-check .octicon {
    height: 12px
}

.side-by-side-diff-container .row .line-number label span {
    flex: 1;
    user-select: none;
    padding: 0 var(--spacing-half);
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl
}

.side-by-side-diff-container .row .line-number.selectable input:focus-visible+label {
    outline: 2px solid var(--diff-linenumber-focus-color);
    outline-offset: -3px
}

.side-by-side-diff-container .row .line-number.selectable .line-number-check,.side-by-side-diff-container .row .line-number.selectable .line-number-check .octicon,.side-by-side-diff-container .row .line-number.selectable .line-number-check .octicon path,.side-by-side-diff-container .row .line-number.selectable.hoverable span {
    cursor: pointer
}

.side-by-side-diff-container .row .line-number.selectable.line-selected {
    border-color: var(--diff-selected-border-color);
    background: var(--diff-selected-background-color)
}

.side-by-side-diff-container .row .line-number.selectable.line-selected label {
    background: var(--diff-selected-background-color);
    color: var(--diff-selected-text-color);
    border-color: var(--diff-selected-border-color)
}

.side-by-side-diff-container .row .line-number.selectable.line-selected.hoverable:hover {
    border-color: var(--diff-hover-border-color)
}

.side-by-side-diff-container .row .line-number.selectable.line-selected.hoverable:hover,.side-by-side-diff-container .row .line-number.selectable.line-selected.hoverable:hover label,.side-by-side-diff-container .row .line-number.selectable.line-selected.hover,.side-by-side-diff-container .row .line-number.selectable.line-selected.hover label,.side-by-side-diff-container .row .line-number.selectable.line-selected input:focus-visible+label {
    background: var(--diff-hover-background-color);
    color: var(--diff-hover-text-color);
    border-color: var(--diff-hover-border-color)
}

.side-by-side-diff-container .row .content {
    display: flex;
    white-space: pre-wrap;
    overflow-y: auto;
    flex-grow: 1;
    word-break: break-all
}

.side-by-side-diff-container .row .content .prefix {
    user-select: none;
    white-space: nowrap
}

.side-by-side-diff-container .row .content .octicon {
    height: 8px;
    fill: var(--error-color);
    display: inline-block;
    margin-left: 3px;
    margin-bottom: -1px
}

.side-by-side-diff-container .row .popover-component.whitespace-hint {
    width: 275px
}

.side-by-side-diff-container .row .popover-component.whitespace-hint,.side-by-side-diff-container .row .popover-component.whitespace-hint * {
    cursor: default
}

.side-by-side-diff-container.unified-diff .row .before,.side-by-side-diff-container.unified-diff .row .after {
    width: 100% !important;
    border: none;
    flex-direction: row
}

.side-by-side-diff-container.unified-diff .row.hunk-info .line-number {
    background: var(--diff-hunk-gutter-background-color);
    border-color: var(--diff-hunk-border-color)
}

.side-by-side-diff-container.unified-diff .row.hunk-info .hunk-expansion-handle {
    background: var(--diff-hunk-gutter-background-color);
    border-right-width: 1px;
    border-right-style: solid;
    border-color: var(--diff-hunk-gutter-background-color);
    align-self: stretch;
    align-items: center
}

.side-by-side-diff-container.unified-diff .row.hunk-info .hunk-expansion-handle.selectable:hover {
    border-color: var(--diff-hover-background-color)
}

.side-by-side-diff-container.unified-diff .row .hunk-handle {
    left: 0
}

.side-by-side-diff-container.unified-diff .row.context .before {
    margin-right: 0
}

.side-by-side-diff-container.unified-diff .row.context .after {
    margin-left: 0
}

.side-by-side-diff-container.unified-diff .row .line-number {
    width: calc(var(--width-line-number) * 2);
    border-left: none;
    border-right-width: 1px;
    border-right-style: solid
}

.side-by-side-diff-container.unified-diff .row .line-number span:first-of-type {
    border-right-width: 1px;
    border-right-style: solid;
    border-color: inherit
}

.side-by-side-diff-container.unified-diff .row .line-number span:last-child {
    border: none
}

.side-by-side-diff-container.unified-diff.editable .row.context .before,.side-by-side-diff-container.unified-diff.editable .row.context .after {
    border-right: none
}

.side-by-side-diff-container.unified-diff.editable .row.context {
    border-left: var(--hunk-handle-width) solid var(--diff-border-color)
}

.side-by-side-diff-container.unified-diff.editable .row.has-check-all-control.context {
    border-left: var(--hunk-handle-width-with-check-all) solid var(--diff-border-color)
}

.side-by-side-diff-container .diff-search {
    position: absolute;
    top: 0;
    right: var(--spacing);
    border: var(--base-border);
    border-top: 0;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    padding: var(--spacing-half) var(--spacing);
    box-shadow: var(--base-box-shadow);
    z-index: var(--popup-z-index);
    background: var(--background-color)
}

.side-by-side-diff-container .diff-search .text-box-component input {
    border: 0;
    box-shadow: none;
    background: var(--box-background-color);
    color: var(--text-color);
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    height: var(--text-field-height);
    padding: 0;
    width: 180px
}

.side-by-side-diff-container .diff-search .text-box-component input:focus {
    border: none;
    outline: 0;
    box-shadow: none
}

.side-by-side-diff-container .cm-search-result {
    background-color: rgba(255,255,0,.4)
}

.side-by-side-diff-container .cm-search-result.cm-selected {
    background: Highlight;
    color: HighlightText
}

.diff-options-component {
    position: relative;
    display: flex
}

.diff-options-component>button {
    -webkit-appearance: none;
    font-family: inherit;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    color: var(--text-color)
}

.diff-options-component>button:hover {
    color: var(--text-secondary-color)
}

.diff-options-component>button:focus {
    outline-offset: 3px
}

.diff-options-component>button .octicon {
    margin-right: 0
}

.diff-options-component label {
    display: flex;
    flex-direction: row;
    align-items: center
}

.diff-options-component .secondary-text {
    color: var(--text-secondary-color)
}

.diff-options-component h3 {
    display: flex;
    flex-direction: row;
    align-items: center
}

.diff-options-component legend {
    margin-top: 0px;
    margin-bottom: .5rem;
    font-weight: bold;
    padding: 0px
}

.diff-options-component fieldset {
    border: none;
    margin: 0px;
    padding: 0px;
    margin-top: .5em
}

.diff-options-component fieldset:not(:last-child) {
    margin-bottom: .5em
}

.diff-options-component fieldset.button-group {
    display: flex;
    flex-direction: row
}

.diff-options-component .secondary-text {
    margin-top: .5em;
    margin-bottom: .5em
}

.diff-options-component .popover-component {
    width: 250px
}

.commit-message-avatar-component {
    position: relative;
    width: var(--text-field-height);
    height: var(--text-field-height)
}

.commit-message-avatar-component .avatar-button {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: inherit;
    border: none;
    height: inherit;
    color: inherit;
    background-color: none;
    border-radius: 50%
}

.commit-message-avatar-component .avatar-button .avatar-container,.commit-message-avatar-component .avatar-button .avatar {
    flex-shrink: 0;
    width: 100%;
    height: 100%
}

.commit-message-avatar-component .toggletip {
    margin-right: var(--spacing-half)
}

.commit-message-avatar-component .warning-badge {
    background-color: var(--commit-warning-badge-background-color);
    border: var(--commit-warning-badge-border-color) 1px solid;
    width: 18px;
    height: 18px;
    position: absolute;
    margin-top: -6px;
    margin-left: -7px;
    border-radius: 9px
}

.commit-message-avatar-component .warning-badge>svg {
    height: 10px;
    width: 100%;
    vertical-align: middle
}

.commit-message-avatar-component .warning-badge.warning>svg {
    color: var(--input-icon-warning-color)
}

.commit-message-avatar-component .warning-badge.error>svg {
    color: var(--input-icon-error-color)
}

.commit-message-avatar-component label {
    display: flex;
    flex-direction: row;
    align-items: center
}

.commit-message-avatar-component section+section {
    margin-top: var(--spacing)
}

.commit-message-avatar-component section.button-group {
    display: flex;
    flex-direction: row
}

.commit-message-avatar-component .button-row {
    justify-content: flex-end
}

.commit-message-avatar-component .button-row button {
    min-width: 120px;
    margin-right: var(--spacing-half)
}

.commit-message-avatar-component .secondary-text {
    color: var(--text-secondary-color)
}

.commit-message-avatar-component .git-email {
    overflow-wrap: anywhere
}

.commit-message-avatar-component .popover-component {
    width: 300px
}

.commit-message-avatar-component .popover-component .row-component:not(:last-child) {
    margin-bottom: var(--spacing)
}

.commit-message-avatar-component .link-button-component {
    display: inline
}

.popover-component {
    font-size: var(--font-size);
    font-family: var(--font-family-sans-serif);
    background: var(--background-color);
    color: var(--text-color);
    border-radius: var(--border-radius);
    border: var(--base-border);
    box-shadow: var(--base-box-shadow)
}

.popover-component .popover-content {
    padding: var(--spacing-double);
    border-radius: var(--border-radius);
    max-height: var(--available-height);
    max-width: var(--available-width)
}

.popover-component>p:first-of-type,.popover-component>h3:first-of-type {
    margin-top: 0
}

.popover-component .popover-footer .button-group {
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.popover-component .popover-footer button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: var(--spacing-half);
    min-width: 60px
}

.popover-component .popover-footer button:last-child {
    margin-right: 0
}

.popover-component.appear-shake {
    animation: popover-shake .15s both;
    transform: translate3d(0, 0, 0)
}

@media(prefers-reduced-motion) {
    .popover-component.appear-shake {
        animation: none
    }
}

@keyframes popover-shake {
    from,to {
        transform: translate3d(0, 0, 0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-5px, 0, 0)
    }

    20%,40%,60%,80% {
        transform: translate3d(5px, 0, 0)
    }
}

.popover-tip * {
    border-style: solid;
    border-color: transparent
}

.popover-tip .popover-tip-background {
    border-right-color: var(--background-color)
}

.popover-tip .popover-tip-border {
    border-right-color: var(--box-border-color)
}

#commit-drag-element {
    display: block;
    position: absolute;
    height: 50px;
    min-width: 300px;
    z-index: 1000;
    padding: 0
}

#commit-drag-element .commit-box {
    box-shadow: 2px 1px 1px 0px var(--box-border-color);
    border-top: 1px solid var(--box-border-color);
    border-left: 1px solid var(--box-border-color);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: var(--background-color);
    overflow: hidden
}

#commit-drag-element .commit-box .commit {
    border-bottom: none;
    max-width: 300px
}

#commit-drag-element .commit-box .count {
    background-image: linear-gradient(#d73a49, #ce2a39);
    color: #fff;
    width: 18px;
    height: 18px;
    font-weight: 500;
    font-size: 11px;
    position: absolute;
    top: -22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100%
}

#commit-drag-element:not(.in-keyboard-insertion-mode) .commit-box .count {
    left: 20px
}

#commit-drag-element .tool-tip-contents {
    position: absolute;
    bottom: -35px;
    left: 0px;
    background-color: var(--background-color);
    border: 1px solid var(--box-border-color);
    color: var(--text-color);
    padding: var(--spacing-third) var(--spacing-half)
}

body.platform-darwin #commit-drag-element .tool-tip-contents {
    padding: 1px var(--spacing-third);
    font-size: 11px;
    bottom: -25px;
    background-color: var(--title-tool-tip-background-color);
    border-radius: 1px;
    box-shadow: var(--title-tool-tip-shadow)
}

#commit-drag-element .tool-tip-contents .branch-name {
    margin-left: var(--spacing-third)
}

body.platform-win32 #commit-drag-element .tool-tip-contents .copy-to,body.platform-win32 #commit-drag-element .tool-tip-contents .copy-to-icon {
    color: var(--link-button-color)
}

#commit-drag-element .tool-tip-contents div {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

#commit-drag-element.multiple-selected::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--background-color);
    z-index: -1;
    left: 7px;
    top: 5px;
    box-shadow: 1px 1px 1px 1px var(--box-border-color)
}

.keyboard-insertion-element #commit-drag-element {
    position: relative
}

#dragElement {
    position: absolute
}

#drag-overlay-background {
    position: absolute;
    top: 72px;
    background: var(--overlay-background-color);
    height: 100%;
    width: 100%;
    cursor: not-allowed;
    z-index: var(--drag-overlay-z-index)
}

.dropdown-select-button {
    position: relative
}

.dropdown-select-button .dropdown-button-wrappers {
    display: flex
}

.dropdown-select-button.open-bottom .invoke-button {
    border-bottom-left-radius: 0
}

.dropdown-select-button.open-bottom .dropdown-button {
    border-bottom-right-radius: 0
}

.dropdown-select-button.open-bottom .dropdown-select-button-options {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.dropdown-select-button.open-top .invoke-button {
    border-top-left-radius: 0
}

.dropdown-select-button.open-top .dropdown-button {
    border-top-right-radius: 0
}

.dropdown-select-button.open-top .dropdown-select-button-options {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-select-button .invoke-button {
    display: inline;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
    height: 30px;
    flex-grow: 1
}

.dropdown-select-button .dropdown-button {
    min-width: 30px;
    padding: var(--spacing-half);
    margin: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    min-width: auto;
    height: 30px;
    background-color: var(--button-background);
    color: var(--button-text-color);
    border: 1px solid var(--button-background)
}

.dropdown-select-button .dropdown-button:focus {
    border-color: var(--button-background);
    background-color: var(--button-hover-background)
}

.dropdown-select-button .dropdown-button:not(:disabled):hover {
    border-color: var(--button-background);
    background-color: var(--button-hover-background)
}

.dropdown-select-button .dropdown-button.disabled {
    opacity: .6
}

.dropdown-select-button .dropdown-select-button-options {
    position: absolute;
    overflow: hidden;
    font-size: var(--font-size);
    color: var(--text-color);
    background-color: var(--box-alt-background-color);
    background-clip: padding-box;
    border-radius: var(--border-radius);
    z-index: 100;
    box-shadow: var(--base-box-shadow);
    width: 100%;
    padding: 0;
    margin: 0;
    outline: 1px solid var(--box-border-color)
}

.dropdown-select-button .dropdown-select-button-options .menu-pane {
    padding-bottom: 0
}

.dropdown-select-button .dropdown-select-button-options .menu-item {
    border-bottom: 1px solid var(--box-border-color);
    height: auto;
    padding: var(--spacing) var(--spacing-double);
    padding-left: var(--spacing-triple);
    align-items: normal;
    border-radius: 0
}

.dropdown-select-button .dropdown-select-button-options .menu-item:focus-visible {
    outline: none
}

.dropdown-select-button .dropdown-select-button-options .menu-item .label {
    margin-left: 0;
    white-space: inherit
}

.dropdown-select-button .dropdown-select-button-options .menu-item .option-description {
    color: var(--text-secondary-color);
    font-size: var(--font-size-sm)
}

.dropdown-select-button .dropdown-select-button-options .menu-item .icon {
    position: absolute;
    left: var(--spacing)
}

body.theme-dark .dropdown-select-button-options {
    box-shadow: none;
    margin-top: 1px;
    width: 100%
}

.ci-check-list-item {
    display: flex;
    width: 100%;
    border: none;
    border-bottom: var(--base-border);
    flex-direction: row;
    align-items: center;
    background-color: var(--background-color)
}

.ci-check-list-item.condensed {
    border-bottom: none;
    align-items: center;
    justify-content: center
}

.ci-check-list-item.condensed .ci-check-status-symbol {
    padding: var(--spacing-third);
    display: flex;
    margin: 0
}

.ci-check-list-item.sticky {
    position: sticky;
    background-color: var(--background-color);
    top: 29px;
    z-index: var(--list-sticky-header-second-level-z-index)
}

.ci-check-list-item.sticky:focus-visible,.ci-check-list-item.sticky:hover {
    background-color: var(--background-color)
}

.ci-check-list-item .job-step-toggled-indicator {
    color: var(--text-secondary-color);
    margin-right: var(--spacing-half)
}

.ci-check-list-item .ci-check-status-symbol {
    margin: calc(var(--spacing) * 1.5) 0
}

.ci-check-list-item .ci-check-list-item-detail {
    flex: 1;
    margin: auto var(--spacing);
    overflow-x: hidden
}

.ci-check-list-item .ci-check-name {
    font-weight: var(--font-weight-semibold);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: inherit;
    margin: 0
}

.ci-check-list-item .ci-check-description {
    color: var(--text-secondary-color);
    font-weight: var(--text-secondary-color);
    font-size: var(--font-size-sm);
    line-height: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    height: 12px
}

.ci-check-list-item.button-component {
    height: 100%;
    border-radius: unset;
    text-align: unset
}

.ci-check-list-item.button-component:focus {
    outline-offset: 0px
}

.ci-check-list-item.button-component:hover,.ci-check-list-item.button-component:focus-visible,.ci-check-list-item.button-component:not([aria-disabled=true]):hover {
    border-color: var(--box-border-color);
    background: var(--box-selected-background-color)
}

.ci-check-list-item.button-component.selected {
    background: var(--box-selected-background-color)
}

.ci-check-list-item.button-component.selected:focus {
    color: var(--box-selected-active-text-color);
    background: var(--box-selected-active-background-color)
}

.ci-check-list-item.button-component.selected:focus .ci-check-description {
    color: var(--box-selected-active-text-color)
}

.ci-steps-container {
    background-color: var(--box-alt-background-color);
    padding: var(--spacing);
    border-bottom: var(--base-border)
}

.ci-steps-container.no-steps {
    height: 150px
}

.ci-check-run-list :first-child.ci-check-run-list-group :first-child.ci-check-run-list-group-header.condensed {
    padding-top: 0
}

.ci-check-run-list .ci-check-run-list-group h2 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

.ci-check-run-list .ci-check-run-list-group-header {
    position: sticky;
    top: 0;
    padding: var(--spacing-half) var(--spacing);
    background-color: var(--background-color);
    border-bottom: var(--base-border);
    filter: brightness(98%);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    z-index: var(--list-sticky-header-top-level-z-index)
}

.ci-check-run-list .ci-check-run-list-group-header.condensed {
    font-weight: var(--font-weight-semibold);
    background-color: inherit;
    border-bottom: none;
    padding: var(--spacing-half)
}

.ci-check-list-popover .popover-component {
    width: 440px
}

.ci-check-list-popover .popover-component .popover-content {
    padding: 0px
}

.ci-check-list-popover .popover-component .popover-tip-background {
    border-right-color: var(--box-alt-background-color)
}

.ci-check-list-popover .ci-check-run-list-wrapper {
    display: flex;
    flex-direction: column;
    max-height: inherit
}

.ci-check-list-popover .ci-check-run-list-header {
    background-color: var(--box-alt-background-color);
    border-bottom: var(--base-border);
    display: flex;
    font-size: var(--font-size-md);
    padding: var(--spacing);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.ci-check-list-popover .ci-check-run-list-header .ci-check-run-list-title-container {
    flex: 1;
    align-items: center
}

.ci-check-list-popover .ci-check-run-list-header .ci-check-run-list-title-container .title {
    font-weight: var(--font-weight-semibold);
    font-size: var(--font-size-md);
    margin: 0
}

.ci-check-list-popover .ci-check-run-list-header .ci-check-run-list-title-container .title .failure {
    color: #d73a49
}

.ci-check-list-popover .ci-check-run-list-header .ci-check-run-list-title-container .title .pending {
    color: #aa8507
}

.ci-check-list-popover .ci-check-run-list-header .ci-check-run-list-title-container .check-run-list-summary {
    color: var(--text-secondary-color);
    font-weight: var(--text-secondary-color);
    font-size: var(--font-size-sm)
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator {
    margin-right: var(--spacing)
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .octicon,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut {
    display: block;
    margin-top: var(--spacing-half);
    margin-bottom: var(--spacing-half);
    margin-right: auto;
    margin-left: auto;
    width: 30px;
    height: 30px
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .completeness-indicator-success {
    color: #28a745
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .completeness-indicator-error {
    color: #d73a49
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.error,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.cancelled,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.action_required,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.timed_out,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.failure {
    fill: #d73a49
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.expected,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.queued,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.in_progress,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.waiting,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.requested,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.pending {
    fill: #aa8507
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.success {
    fill: #28a745
}

.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.neutral,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.stale,.ci-check-list-popover .ci-check-run-list-header .completeness-indicator .donut>.skipped {
    fill: #959da5
}

.ci-check-list-popover .ci-check-run-list-container {
    overflow-y: auto;
    overflow-x: hidden;
    scroll-padding-top: 35px
}

.ci-check-list-popover .loading-check-runs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing);
    padding-bottom: var(--spacing-double)
}

.ci-check-list-popover .loading-check-runs .blankslate-image {
    width: 100%;
    min-width: auto
}

.ci-check-list-popover .loading-check-runs .title {
    font-weight: var(--font-weight-semibold)
}

.ci-check-list-popover .loading-check-runs .call-to-action {
    font-size: var(--font-size-sm)
}

.ci-check-run-job-steps-list {
    overflow-y: auto;
    margin: 0px;
    padding: 0px
}

.ci-check-run-job-steps-list .ci-check-run-job-step {
    background-color: var(--box-alt-background-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    scroll-margin-top: 72px
}

.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-duration {
    text-align: right;
    color: var(--text-secondary-color)
}

.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-status-symbol,.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-duration {
    padding: var(--spacing-half) var(--spacing);
    margin-top: 2px
}

.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-status-symbol {
    padding-left: 0px
}

.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-name {
    flex-grow: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.ci-check-run-job-steps-list .ci-check-run-job-step .job-step-name span {
    cursor: pointer !important
}

.ci-check-run-job-steps-list .ci-check-run-job-step .button-component {
    border: 1px solid var(--box-alt-background-color);
    height: 100%;
    text-align: unset;
    background: inherit
}

.ci-check-run-job-steps-list .ci-check-run-job-step .button-component:focus {
    outline-offset: 0px;
    border: 1px solid var(--secondary-button-hover-border-color)
}

.ci-check-run-job-steps-list .ci-check-run-job-step .button-component:hover,.ci-check-run-job-steps-list .ci-check-run-job-step .button-component:focus-visible,.ci-check-run-job-steps-list .ci-check-run-job-step .button-component:not([aria-disabled=true]):hover {
    border: 1px solid var(--secondary-button-hover-border-color);
    background: var(--box-selected-background-color)
}

.ci-check-run-job-steps-list .ci-check-run-job-step .view-check-externally {
    color: var(--text-secondary-color);
    padding: var(--spacing-half)
}

.ci-check-run-no-steps {
    display: flex;
    padding: var(--spacing-double);
    align-items: center;
    height: 100%
}

.ci-check-run-no-steps img {
    height: 125%;
    margin-left: var(--spacing-double);
    flex: 1
}

.ci-check-run-no-steps .button-component {
    margin-top: var(--spacing);
    display: flex;
    align-items: center
}

.ci-check-run-steps-header {
    display: flex;
    justify-content: end;
    border-bottom: 1px solid var(--box-skeleton-background-color)
}

.ci-check-run-steps-header h4 {
    flex-grow: 1;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 3px;
    color: var(--text-secondary-color)
}

.ci-check-run-steps-header .button-component {
    border: 1px solid var(--box-alt-background-color);
    background: inherit;
    height: 100%;
    text-align: unset;
    margin-bottom: 2px;
    padding: var(--spacing-half);
    color: var(--text-secondary-color)
}

.ci-check-run-steps-header .button-component:focus {
    outline-offset: 0px;
    border: 1px solid var(--secondary-button-hover-border-color)
}

.ci-check-run-steps-header .button-component:hover,.ci-check-run-steps-header .button-component:focus-visible,.ci-check-run-steps-header .button-component:not([aria-disabled=true]):hover {
    border: 1px solid var(--secondary-button-hover-border-color);
    background: var(--box-selected-background-color)
}

#pull-request-checks-failed .dialog-header {
    height: unset
}

#pull-request-checks-failed .ci-check-rerun {
    margin-left: var(--spacing);
    margin-right: var(--spacing)
}

#pull-request-checks-failed .ci-check-run-dialog-header {
    display: flex;
    flex-direction: row;
    align-items: center
}

#pull-request-checks-failed .ci-check-run-dialog-header>.octicon {
    width: 20px;
    height: 20px;
    color: var(--status-error-color);
    margin-right: var(--spacing)
}

#pull-request-checks-failed .ci-check-run-dialog-header .title-container {
    min-width: 0;
    flex-grow: 1
}

#pull-request-checks-failed .ci-check-run-dialog-header .title-container .pr-title {
    display: inline-block;
    white-space: normal;
    font-weight: normal;
    font-size: var(--font-size)
}

#pull-request-checks-failed .ci-check-run-dialog-header .title-container .pr-title .pr-number {
    color: var(--text-secondary-color)
}

#pull-request-checks-failed .ci-check-run-dialog-header .title-container .pr-title .octicon {
    vertical-align: bottom;
    color: var(--pr-open-icon-color)
}

#pull-request-checks-failed .ci-check-run-dialog-header .title-container .pr-title .octicon.draft {
    color: var(--pr-draft-icon-color)
}

#pull-request-checks-failed .footer-question {
    flex-grow: 1
}

#pull-request-checks-failed .footer-question span {
    vertical-align: sub
}

#pull-request-checks-failed .dialog-content {
    padding: 0
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container {
    height: 300px;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    display: flex;
    flex-direction: column
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-list {
    width: 40%;
    border-radius: 0;
    border-right: 1px solid var(--box-border-color);
    overflow-y: auto
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-list .focus-within .ci-check-list-item.list-item.selected .octicon {
    color: var(--text-color)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-list .ci-check-run-list-group-header {
    padding-left: var(--spacing-double)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-list .ci-check-list-item {
    padding-left: var(--spacing)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-list .ci-check-list-item .check-run-header-buttons {
    right: var(--spacing-half)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container {
    width: 60%;
    overflow-y: auto;
    padding: var(--spacing);
    background-color: var(--box-alt-background-color)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .ci-check-run-job-steps-list {
    border: none;
    margin: 0px;
    padding: 0px
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .ci-check-run-job-steps-list .ci-check-run-job-step {
    margin: 0px;
    padding: 0px
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .ci-check-run-no-steps img {
    height: 80%
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .loading-check-runs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing);
    padding-bottom: var(--spacing-double)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .loading-check-runs .blankslate-image {
    width: 100%;
    min-width: auto
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .loading-check-runs .title {
    font-weight: var(--font-weight-semibold)
}

#pull-request-checks-failed .dialog-content .ci-check-run-dialog-container .ci-check-run-job-steps-container .loading-check-runs .call-to-action {
    font-size: var(--font-size-sm)
}

.sandboxed-markdown-iframe-container {
    position: relative
}

.sandboxed-markdown-iframe-container .sandboxed-markdown-component {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    box-shadow: none
}

.pull-request-quick-view {
    position: absolute;
    left: 365px
}

.pull-request-quick-view .pull-request-quick-view-contents {
    background-color: var(--background-color);
    margin: 0 var(--spacing);
    min-width: 400px;
    border-radius: var(--border-radius)
}

.pull-request-quick-view .pull-request-quick-view-contents .header {
    display: flex;
    padding: var(--spacing-double);
    padding-bottom: var(--spacing);
    border-bottom: var(--base-border)
}

.pull-request-quick-view .pull-request-quick-view-contents .header .action-needed {
    flex-grow: 1;
    padding-left: var(--spacing-double)
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request {
    padding: var(--spacing-double);
    max-height: 500px;
    overflow: scroll
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request .status {
    background-color: var(--pr-open-icon-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding: var(--spacing-half) var(--spacing);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-semibold);
    border-radius: 2em
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request .status .state {
    margin-left: var(--spacing-half)
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request .status.draft {
    background-color: var(--pr-draft-icon-color)
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request .title {
    margin: var(--spacing) 0
}

.pull-request-quick-view .pull-request-quick-view-contents .pull-request .title .pr-badge {
    display: inline-flex
}

.pull-request-quick-view .pull-request-pointer {
    position: absolute;
    top: 23px;
    left: -6px;
    pointer-events: none;
    margin-top: -7px
}

.pull-request-quick-view .pull-request-pointer::before,.pull-request-quick-view .pull-request-pointer::after {
    display: inline-block;
    position: absolute;
    content: ""
}

.pull-request-quick-view .pull-request-pointer::before {
    border: 8px solid transparent;
    border-right-color: var(--box-border-color)
}

.pull-request-quick-view .pull-request-pointer::after {
    border: 7px solid transparent;
    border-right-color: var(--background-color);
    left: 2px
}

#discard-changes-retry .dialog-content ul {
    margin-bottom: var(--spacing)
}

#discard-changes-retry .dialog-content ul li {
    padding-left: 0;
    margin-bottom: 0
}

.git-email-not-found-warning .warning-icon {
    color: var(--warning-badge-icon-color)
}

.git-email-not-found-warning .link-button-component {
    display: inline
}

.git-email-not-found-warning .green-circle {
    background-color: var(--color-new);
    color: var(--background-color);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    display: inline-flex;
    margin-right: var(--spacing-half)
}

.git-email-not-found-warning .green-circle .octicon {
    height: 12px
}

.popover-dropdown-component {
    display: inline-flex;
    flex-direction: column;
    min-width: 0
}

.popover-dropdown-component>label {
    margin-bottom: var(--spacing-third)
}

.popover-dropdown-component .button-component {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 var(--spacing-half);
    align-self: unset
}

.popover-dropdown-component .button-content {
    flex-grow: 1;
    font-weight: var(--font-weight-semibold);
    display: flex;
    justify-content: flex-start
}

.popover-dropdown-component .popover-dropdown-button-label {
    color: var(--text-secondary-color);
    margin: 0;
    margin-right: var(--spacing-half)
}

.popover-dropdown-component .popover-dropdown-popover {
    min-height: 200px;
    width: 365px
}

.popover-dropdown-component .popover-dropdown-popover .popover-content {
    padding: 0
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header {
    padding: var(--spacing);
    display: flex;
    border-bottom: var(--base-border)
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header h3 {
    margin-bottom: 0;
    font-size: var(--font-size)
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header .close {
    flex-shrink: 0;
    border: 0;
    height: 16px;
    width: 16px;
    margin: 0 calc(var(--spacing) * -1) 0 auto;
    padding: 0;
    background: transparent;
    color: var(--text-secondary-color);
    cursor: pointer
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header .close .octicon {
    pointer-events: none
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header .close:hover {
    color: var(--text-color)
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header .close:focus {
    outline-offset: 3px
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-header .close {
    margin-right: 0
}

.popover-dropdown-component .popover-dropdown-popover .popover-dropdown-content {
    display: flex;
    flex-grow: 1;
    min-height: 0
}

.pull-request-files-changed {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex-grow: 1;
    border: var(--base-border);
    border-radius: var(--border-radius)
}

.pull-request-files-changed .files-changed-header {
    padding: var(--spacing);
    border-bottom: var(--base-border);
    display: flex
}

.pull-request-files-changed .files-changed-header .commits-displayed {
    flex-grow: 1
}

.pull-request-files-changed .files-diff-viewer {
    display: flex;
    min-height: 0;
    flex-grow: 1
}

.pull-request-files-changed .file-list {
    border-right: var(--base-border)
}

.pull-request-merge-status {
    flex-grow: 1;
    color: var(--text-secondary-color)
}

.pull-request-merge-status .octicon {
    vertical-align: text-bottom
}

.pull-request-merge-status strong {
    font-weight: var(--font-weight-semibold)
}

.pull-request-merge-status .pr-merge-status-loading strong {
    color: var(--file-warning-color)
}

.pull-request-merge-status .pr-merge-status-invalid strong,.pull-request-merge-status .pr-merge-status-conflicts strong {
    color: var(--status-error-color)
}

.pull-request-merge-status .pr-merge-status-clean strong {
    color: var(--status-success-color)
}

.lines-added-deleted {
    margin-left: auto;
    font-size: var(--font-size-sm)
}

.lines-added-deleted .lines-added {
    color: var(--color-new)
}

.lines-added-deleted .lines-deleted {
    color: var(--color-deleted)
}

.input-description {
    font-size: var(--font-size-sm);
    display: flex;
    flex-direction: row
}

.input-description .input-description-content p {
    margin: 0
}

.input-description .octicon {
    margin-right: var(--spacing-half)
}

.input-description.input-description-warning {
    color: var(--text-secondary-color)
}

.input-description.input-description-warning .octicon {
    fill: var(--input-warning-text-color)
}

.input-description.input-description-error {
    color: var(--input-error-text-color)
}

.input-description.input-description-error .octicon {
    fill: var(--input-error-text-color)
}

.repo-rules-failure-list-component ul {
    padding-inline-start:var(--spacing-double);margin-top: 0
}

.repo-rules-failure-list-component label {
    font-weight: var(--font-weight-semibold)
}

.account-picker>.button-component .button-content .account {
    font-weight: normal
}

.account-picker>.button-component .button-content .account .login {
    font-weight: var(--font-weight-semibold)
}

.account-picker .account-list {
    height: 100%;
    width: 100%
}

.account-picker .account-list.filter-list .filter-field-row {
    margin-bottom: var(--spacing-half);
    margin-top: var(--spacing);
    margin-left: var(--spacing);
    margin-right: var(--spacing)
}

.account-picker .account-list .account-list-item {
    padding: 0 var(--spacing);
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0;
    flex-grow: 1;
    height: 100%
}

.account-picker .account-list .account-list-item .avatar {
    width: 32px;
    height: 32px
}

.account-picker .account-list .account-list-item .icon {
    margin-left: var(--spacing-half);
    margin-right: var(--spacing);
    flex-shrink: 0;
    align-self: flex-start;
    margin-top: 2px
}

.account-picker .account-list .account-list-item .info {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex-grow: 1;
    margin: 0 var(--spacing)
}

.account-picker .account-list .account-list-item .info .title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: var(--font-weight-semibold)
}

.account-picker .account-list .account-list-item .info .subtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: var(--font-weight-light);
    font-size: var(--font-size-sm);
    color: var(--text-secondary-color)
}

.account-picker .account-list .filter-list-group-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

/*# sourceMappingURL=renderer.css.map*/