:root {
    --h00-size-mobile: 2.5rem;
    --h0-size-mobile: 2rem;
    --h1-size-mobile: 1.625rem;
    --h2-size-mobile: 1.375rem;
    --h3-size-mobile: 1.125rem;
    --h00-size: 3rem;
    --h0-size: 2.5rem;
    --h1-size: 2rem;
    --h2-size: 1.5rem;
    --h3-size: 1.25rem;
    --h4-size: 1rem;
    --h5-size: 0.875rem;
    --h6-size: 0.75rem;
    --body-font-size: 0.875rem;
    --font-size-small: 0.75rem
}

:root,[data-color-mode=light][data-light-theme*=light],[data-color-mode=dark][data-dark-theme*=light] {
    color-scheme: light
}

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

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

[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark] {
    color-scheme: dark
}

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

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

[data-color-mode] {
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

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

@layer primer-css-base {
    html {
        font-size: 16px;
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
    }

    body {
        margin: 0
    }

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

    summary {
        display: list-item
    }

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

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

    progress {
        vertical-align: baseline
    }

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

    a {
        background-color: transparent
    }

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

    b,strong {
        font-weight: inherit
    }

    b,strong {
        font-weight: bolder
    }

    dfn {
        font-style: italic
    }

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

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

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -0.25em
    }

    sup {
        top: -0.5em
    }

    img {
        border-style: none
    }

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

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

    figure {
        margin: 1em var(--base-size-40)
    }

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

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

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

    button,input {
        overflow: visible
    }

    button,select {
        text-transform: none
    }

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

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

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

    textarea {
        overflow: auto
    }

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

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

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

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

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

    * {
        box-sizing: border-box
    }

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

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

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

    a: hover {
        text-decoration:underline
    }

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

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

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

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

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

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

    hr: :after,.rule::after {
        display:table;
        clear: both;
        content: ""
    }

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

    td,th {
        padding: 0
    }

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

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

    details summary {
        cursor: pointer
    }

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

    a: focus:not(:focus-visible),button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),input[type=radio]:focus:not(:focus-visible),input[type=checkbox]:focus:not(:focus-visible) {
        outline:solid 1px transparent
    }

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

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

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

    @media(forced-colors: active) {
        *:focus,*:focus-visible {
            outline: solid 1px transparent
        }

        input:not([type=radio],[type=checkbox]):focus,input:not([type=radio],[type=checkbox]):focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible {
            outline-offset: 2px
        }
    }

    kbd {
        display: inline-block;
        padding: var(--base-size-4);
        font: 11px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
        line-height: 10px;
        color: var(--fgColor-default, var(--color-fg-default));
        vertical-align: middle;
        background-color: var(--bgColor-muted, var(--color-canvas-subtle));
        border: solid 1px var(--borderColor-neutral-muted, var(--color-neutral-muted));
        border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
        border-radius: 6px;
        box-shadow: inset 0 -1px 0 var(--borderColor-neutral-muted, var(--color-neutral-muted))
    }

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

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

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

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

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

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

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

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

    small {
        font-size: 90%
    }

    blockquote {
        margin: 0
    }

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

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

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

    dd {
        margin-left: 0
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.BtnGroup {
    display: inline-block;
    vertical-align: middle
}

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

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

.BtnGroup+.BtnGroup,.BtnGroup+.btn {
    margin-left: var(--base-size-4)
}

.BtnGroup-item {
    position: relative;
    float: left;
    border-right-width: 0;
    border-radius: 0
}

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

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

.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover {
    border-right-width: 1px
}

.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item {
    border-left-width: 0
}

.BtnGroup-parent {
    float: left
}

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

.BtnGroup-parent:last-child .BtnGroup-item {
    border-right-width: 1px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.BtnGroup-parent .BtnGroup-item {
    border-right-width: 0;
    border-radius: 0
}

.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item {
    border-right-width: 1px
}

.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item {
    border-left-width: 0
}

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

.btn-link {
    display: inline-block;
    padding: 0;
    font-size: inherit;
    color: var(--fgColor-accent, var(--color-accent-fg));
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    appearance: none
}

.btn-link:hover {
    text-decoration: underline
}

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

.btn-link:not(.dropdown-item):focus,.btn-link:not(.dropdown-item):focus-visible {
    border-radius: 6px;
    outline-offset: 0
}

.btn-invisible {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: transparent;
    border: 0;
    border-radius: 6px;
    box-shadow: none
}

.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    outline: none;
    box-shadow: none
}

.btn-invisible:active,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background: none;
    border-color: var(--button-default-borderColor-active, var(--color-btn-active-border));
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

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

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

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

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

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

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

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

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

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

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

.close-button:active {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.hidden-text-expander {
    display: block
}

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

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

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

.hidden-text-expander a:active,.ellipsis-expander:active {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

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

.btn-with-count:focus {
    z-index: 1
}

.social-count {
    position: relative;
    float: left;
    padding: 3px 12px;
    font-size: 12px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 1px solid var(--button-default-borderColor-rest, var(--color-btn-border));
    border-left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: var(--shadow-resting-small, var(--color-shadow-small)),var(--shadow-highlight, var(--color-primer-shadow-highlight))
}

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

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

.TableObject {
    display: table
}

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

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

.input-contrast {
    background-color: var(--bgColor-muted, var(--color-canvas-inset))
}

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

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

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

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

.input-monospace {
    font-family: var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace)
}

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

.form-checkbox {
    padding-left: 20px;
    margin: 15px 0;
    vertical-align: middle
}

.form-checkbox label em.highlight {
    position: relative;
    left: calc(var(--base-size-4)*-1);
    padding: 2px var(--base-size-4);
    font-style: normal;
    background: var(--bgColor-attention-muted, var(--color-attention-subtle));
    border-radius: 6px
}

.form-checkbox input[type=checkbox],.form-checkbox input[type=radio] {
    float: left;
    margin: 5px 0 0 -20px;
    vertical-align: middle
}

.form-checkbox .note {
    display: block;
    margin: 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.form-checkbox-details {
    display: none
}

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

.hfields {
    margin: 15px 0
}

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

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

.hfields .form-group {
    float: left;
    margin: 0 30px 0 0
}

.hfields .form-group dt label,.hfields .form-group .form-group-header label {
    display: inline-block;
    margin: 5px 0 0;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.hfields .form-group dt img,.hfields .form-group .form-group-header img {
    position: relative;
    top: -2px
}

.hfields .btn {
    float: left;
    margin: 28px 25px 0 -20px
}

.hfields .form-select {
    margin-top: 5px
}

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

.form-actions::before {
    display: table;
    content: ""
}

.form-actions::after {
    display: table;
    clear: both;
    content: ""
}

.form-actions .btn {
    float: right
}

.form-actions .btn+.btn {
    margin-right: 5px
}

.form-warning {
    padding: var(--base-size-8) 10px;
    margin: 10px 0;
    font-size: 14px;
    color: var(--fgColor-attention, var(--color-attention-fg));
    background: var(--bgColor-attention-muted, var(--color-attention-subtle));
    border: 1px solid var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
    border-radius: 6px
}

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

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

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

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

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

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

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

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

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

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

.form-group {
    margin: 15px 0
}

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

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

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

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

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

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

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

.form-group textarea.form-control.short {
    height: 50px;
    min-height: 50px
}

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

.form-group label {
    position: static
}

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

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

.form-group dd h4,.form-group .form-group-body h4 {
    margin: var(--base-size-4) 0 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group {
    display: table
}

.input-group .form-control {
    position: relative;
    width: 100%
}

.input-group .form-control:focus {
    z-index: 2
}

.input-group .form-control+.btn {
    margin-left: 0
}

.input-group.inline {
    display: inline-table
}

.input-group:focus-within button {
    outline-offset: 0
}

.input-group .form-control.autocomplete-embedded-icon-wrap {
    display: inline-flex;
    padding: calc(var(--base-size-4)*1.25) var(--base-size-8)
}

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

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

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

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

.input-group .form-control:first-child,.input-group-button:first-child .btn:not(.btn-primary) {
    border-color: var(--control-borderColor-rest, var(--color-border-default))
}

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

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

.input-group .form-control:last-child,.input-group-button:last-child .btn:not(.btn-primary) {
    border-color: var(--control-borderColor-rest, var(--color-border-default))
}

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

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

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

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

:checked+.radio-label {
    position: relative;
    z-index: 1;
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis))
}

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

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

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

.radio-input {
    z-index: 3;
    float: left;
    margin: 10px calc(var(--base-size-32)*-1) 0 var(--base-size-16)
}

.radio-input:disabled {
    position: relative
}

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

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

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

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

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

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

.AppFrame .AppFrame-a11yLink {
    transition: none
}

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

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

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

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

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

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

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

    100% {
        transform: scaleX(1)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666666%
}

.col-3 {
    width: 24.99999999%
}

.col-4 {
    width: 33.33333332%
}

.col-5 {
    width: 41.66666665%
}

.col-6 {
    width: 49.99999998%
}

.col-7 {
    width: 58.33333331%
}

.col-8 {
    width: 66.66666664%
}

.col-9 {
    width: 74.99999997%
}

.col-10 {
    width: 83.3333333%
}

.col-11 {
    width: 91.66666663%
}

.col-12 {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gutter {
    margin-right: calc(var(--base-size-16)*-1);
    margin-left: calc(var(--base-size-16)*-1)
}

.gutter>[class*=col-] {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important
}

.gutter-condensed {
    margin-right: calc(var(--base-size-8)*-1);
    margin-left: calc(var(--base-size-8)*-1)
}

.gutter-condensed>[class*=col-] {
    padding-right: var(--base-size-8) !important;
    padding-left: var(--base-size-8) !important
}

.gutter-spacious {
    margin-right: calc(var(--base-size-24)*-1);
    margin-left: calc(var(--base-size-24)*-1)
}

.gutter-spacious>[class*=col-] {
    padding-right: var(--base-size-24) !important;
    padding-left: var(--base-size-24) !important
}

@media(min-width: 544px) {
    .gutter-sm {
        margin-right:calc(var(--base-size-16)*-1);
        margin-left: calc(var(--base-size-16)*-1)
    }

    .gutter-sm>[class*=col-] {
        padding-right: var(--base-size-16) !important;
        padding-left: var(--base-size-16) !important
    }

    .gutter-sm-condensed {
        margin-right: calc(var(--base-size-8)*-1);
        margin-left: calc(var(--base-size-8)*-1)
    }

    .gutter-sm-condensed>[class*=col-] {
        padding-right: var(--base-size-8) !important;
        padding-left: var(--base-size-8) !important
    }

    .gutter-sm-spacious {
        margin-right: calc(var(--base-size-24)*-1);
        margin-left: calc(var(--base-size-24)*-1)
    }

    .gutter-sm-spacious>[class*=col-] {
        padding-right: var(--base-size-24) !important;
        padding-left: var(--base-size-24) !important
    }
}

@media(min-width: 768px) {
    .gutter-md {
        margin-right:calc(var(--base-size-16)*-1);
        margin-left: calc(var(--base-size-16)*-1)
    }

    .gutter-md>[class*=col-] {
        padding-right: var(--base-size-16) !important;
        padding-left: var(--base-size-16) !important
    }

    .gutter-md-condensed {
        margin-right: calc(var(--base-size-8)*-1);
        margin-left: calc(var(--base-size-8)*-1)
    }

    .gutter-md-condensed>[class*=col-] {
        padding-right: var(--base-size-8) !important;
        padding-left: var(--base-size-8) !important
    }

    .gutter-md-spacious {
        margin-right: calc(var(--base-size-24)*-1);
        margin-left: calc(var(--base-size-24)*-1)
    }

    .gutter-md-spacious>[class*=col-] {
        padding-right: var(--base-size-24) !important;
        padding-left: var(--base-size-24) !important
    }
}

@media(min-width: 1012px) {
    .gutter-lg {
        margin-right:calc(var(--base-size-16)*-1);
        margin-left: calc(var(--base-size-16)*-1)
    }

    .gutter-lg>[class*=col-] {
        padding-right: var(--base-size-16) !important;
        padding-left: var(--base-size-16) !important
    }

    .gutter-lg-condensed {
        margin-right: calc(var(--base-size-8)*-1);
        margin-left: calc(var(--base-size-8)*-1)
    }

    .gutter-lg-condensed>[class*=col-] {
        padding-right: var(--base-size-8) !important;
        padding-left: var(--base-size-8) !important
    }

    .gutter-lg-spacious {
        margin-right: calc(var(--base-size-24)*-1);
        margin-left: calc(var(--base-size-24)*-1)
    }

    .gutter-lg-spacious>[class*=col-] {
        padding-right: var(--base-size-24) !important;
        padding-left: var(--base-size-24) !important
    }
}

@media(min-width: 1280px) {
    .gutter-xl {
        margin-right:calc(var(--base-size-16)*-1);
        margin-left: calc(var(--base-size-16)*-1)
    }

    .gutter-xl>[class*=col-] {
        padding-right: var(--base-size-16) !important;
        padding-left: var(--base-size-16) !important
    }

    .gutter-xl-condensed {
        margin-right: calc(var(--base-size-8)*-1);
        margin-left: calc(var(--base-size-8)*-1)
    }

    .gutter-xl-condensed>[class*=col-] {
        padding-right: var(--base-size-8) !important;
        padding-left: var(--base-size-8) !important
    }

    .gutter-xl-spacious {
        margin-right: calc(var(--base-size-24)*-1);
        margin-left: calc(var(--base-size-24)*-1)
    }

    .gutter-xl-spacious>[class*=col-] {
        padding-right: var(--base-size-24) !important;
        padding-left: var(--base-size-24) !important
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.PageLayout--outerSpacing-normal {
    --Layout-outer-spacing-x: var(--base-size-16);
    --Layout-outer-spacing-y: var(--base-size-16)
}

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

.PageLayout--outerSpacing-condensed {
    --Layout-outer-spacing-x: var(--base-size-16);
    --Layout-outer-spacing-y: var(--base-size-16)
}

.PageLayout--innerSpacing-normal {
    --Layout-inner-spacing-min: var(--base-size-16);
    --Layout-inner-spacing-max: var(--base-size-16)
}

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

.PageLayout--innerSpacing-condensed {
    --Layout-inner-spacing-min: var(--base-size-16);
    --Layout-inner-spacing-max: var(--base-size-16)
}

.PageLayout--columnGap-normal {
    --Layout-column-gap: var(--base-size-16)
}

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

.PageLayout--columnGap-condensed {
    --Layout-column-gap: var(--base-size-16)
}

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

.PageLayout--rowGap-normal {
    --Layout-row-gap: var(--base-size-16)
}

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

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

.PageLayout--rowGap-condensed {
    --Layout-row-gap: var(--base-size-16)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subnav {
    margin-bottom: 20px
}

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

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

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

.subnav-flush {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@supports(clip-path: polygon(50% 0, 100% 50%, 50% 100%)) {
    .pagination .previous_page::before,.pagination .next_page::after {
        display:inline-block;
        width: 16px;
        height: 16px;
        vertical-align: text-bottom;
        content: "";
        background-color: currentColor
    }

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

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

.pagination>* {
    display: none
}

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

@media(min-width: 544px) {
    .pagination>:nth-child(2),.pagination>:nth-last-child(2),.pagination>.current,.pagination>.gap {
        display:inline-block
    }
}

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

.paginate-container {
    margin-top: var(--base-size-16);
    margin-bottom: var(--base-size-16);
    text-align: center
}

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

.tooltipped {
    position: relative
}

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

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

    to {
        opacity: 1
    }
}

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

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

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

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

.tooltipped-se::after {
    right: auto;
    left: 50%;
    margin-left: calc(var(--base-size-16)*-1)
}

.tooltipped-sw::after {
    margin-right: calc(var(--base-size-16)*-1)
}

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

.tooltipped-ne::after {
    right: auto;
    left: 50%;
    margin-left: calc(var(--base-size-16)*-1)
}

.tooltipped-nw::after {
    margin-right: calc(var(--base-size-16)*-1)
}

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

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

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

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

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

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

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

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

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

.tooltipped-multiline::after {
    width: max-content;
    max-width: var(--overlay-width-small, 20rem);
    word-wrap: break-word;
    white-space: pre-line;
    border-collapse: separate
}

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

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

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

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

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

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

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

    100% {
        opacity: 1
    }
}

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

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

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

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    10% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

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

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

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

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

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

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

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

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.color-fg-inherit,.fgColor-inherit {
    color: inherit !important
}

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

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

.details-reset>summary {
    list-style: none;
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color
}

.details-reset>summary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-reset>summary:focus:not(:focus-visible) {
    outline: solid 1px transparent
}

.details-reset>summary:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-reset>summary.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.details-reset>summary.btn-primary:focus:not(:focus-visible) {
    outline: solid 1px transparent;
    box-shadow: none
}

.details-reset>summary.btn-primary:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.details-reset>summary::before {
    display: none
}

.details-reset>summary::-webkit-details-marker {
    display: none
}

.details-overlay>summary {
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color
}

.details-overlay>summary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-overlay>summary:focus:not(:focus-visible) {
    outline: solid 1px transparent
}

.details-overlay>summary:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: none
}

.details-overlay>summary.btn-primary:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.details-overlay>summary.btn-primary:focus:not(:focus-visible) {
    outline: solid 1px transparent;
    box-shadow: none
}

.details-overlay>summary.btn-primary:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: -2px;
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.flex-row {
    flex-direction: row !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column {
    flex-direction: column !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.flex-justify-start {
    justify-content: flex-start !important
}

.flex-justify-end {
    justify-content: flex-end !important
}

.flex-justify-center {
    justify-content: center !important
}

.flex-justify-between {
    justify-content: space-between !important
}

.flex-justify-around {
    justify-content: space-around !important
}

.flex-items-start {
    align-items: flex-start !important
}

.flex-items-end {
    align-items: flex-end !important
}

.flex-items-center {
    align-items: center !important
}

.flex-items-baseline {
    align-items: baseline !important
}

.flex-items-stretch {
    align-items: stretch !important
}

.flex-content-start {
    align-content: flex-start !important
}

.flex-content-end {
    align-content: flex-end !important
}

.flex-content-center {
    align-content: center !important
}

.flex-content-between {
    align-content: space-between !important
}

.flex-content-around {
    align-content: space-around !important
}

.flex-content-stretch {
    align-content: stretch !important
}

.flex-1 {
    flex: 1 !important
}

.flex-auto {
    flex: auto !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-self-auto {
    align-self: auto !important
}

.flex-self-start {
    align-self: flex-start !important
}

.flex-self-end {
    align-self: flex-end !important
}

.flex-self-center {
    align-self: center !important
}

.flex-self-baseline {
    align-self: baseline !important
}

.flex-self-stretch {
    align-self: stretch !important
}

.flex-order-1 {
    order: 1 !important
}

.flex-order-2 {
    order: 2 !important
}

.flex-order-none {
    order: inherit !important
}

@media(min-width: 544px) {
    .flex-sm-row {
        flex-direction:row !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-justify-start {
        justify-content: flex-start !important
    }

    .flex-sm-justify-end {
        justify-content: flex-end !important
    }

    .flex-sm-justify-center {
        justify-content: center !important
    }

    .flex-sm-justify-between {
        justify-content: space-between !important
    }

    .flex-sm-justify-around {
        justify-content: space-around !important
    }

    .flex-sm-items-start {
        align-items: flex-start !important
    }

    .flex-sm-items-end {
        align-items: flex-end !important
    }

    .flex-sm-items-center {
        align-items: center !important
    }

    .flex-sm-items-baseline {
        align-items: baseline !important
    }

    .flex-sm-items-stretch {
        align-items: stretch !important
    }

    .flex-sm-content-start {
        align-content: flex-start !important
    }

    .flex-sm-content-end {
        align-content: flex-end !important
    }

    .flex-sm-content-center {
        align-content: center !important
    }

    .flex-sm-content-between {
        align-content: space-between !important
    }

    .flex-sm-content-around {
        align-content: space-around !important
    }

    .flex-sm-content-stretch {
        align-content: stretch !important
    }

    .flex-sm-1 {
        flex: 1 !important
    }

    .flex-sm-auto {
        flex: auto !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-self-auto {
        align-self: auto !important
    }

    .flex-sm-self-start {
        align-self: flex-start !important
    }

    .flex-sm-self-end {
        align-self: flex-end !important
    }

    .flex-sm-self-center {
        align-self: center !important
    }

    .flex-sm-self-baseline {
        align-self: baseline !important
    }

    .flex-sm-self-stretch {
        align-self: stretch !important
    }

    .flex-sm-order-1 {
        order: 1 !important
    }

    .flex-sm-order-2 {
        order: 2 !important
    }

    .flex-sm-order-none {
        order: inherit !important
    }
}

@media(min-width: 768px) {
    .flex-md-row {
        flex-direction:row !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-md-justify-start {
        justify-content: flex-start !important
    }

    .flex-md-justify-end {
        justify-content: flex-end !important
    }

    .flex-md-justify-center {
        justify-content: center !important
    }

    .flex-md-justify-between {
        justify-content: space-between !important
    }

    .flex-md-justify-around {
        justify-content: space-around !important
    }

    .flex-md-items-start {
        align-items: flex-start !important
    }

    .flex-md-items-end {
        align-items: flex-end !important
    }

    .flex-md-items-center {
        align-items: center !important
    }

    .flex-md-items-baseline {
        align-items: baseline !important
    }

    .flex-md-items-stretch {
        align-items: stretch !important
    }

    .flex-md-content-start {
        align-content: flex-start !important
    }

    .flex-md-content-end {
        align-content: flex-end !important
    }

    .flex-md-content-center {
        align-content: center !important
    }

    .flex-md-content-between {
        align-content: space-between !important
    }

    .flex-md-content-around {
        align-content: space-around !important
    }

    .flex-md-content-stretch {
        align-content: stretch !important
    }

    .flex-md-1 {
        flex: 1 !important
    }

    .flex-md-auto {
        flex: auto !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-self-auto {
        align-self: auto !important
    }

    .flex-md-self-start {
        align-self: flex-start !important
    }

    .flex-md-self-end {
        align-self: flex-end !important
    }

    .flex-md-self-center {
        align-self: center !important
    }

    .flex-md-self-baseline {
        align-self: baseline !important
    }

    .flex-md-self-stretch {
        align-self: stretch !important
    }

    .flex-md-order-1 {
        order: 1 !important
    }

    .flex-md-order-2 {
        order: 2 !important
    }

    .flex-md-order-none {
        order: inherit !important
    }
}

@media(min-width: 1012px) {
    .flex-lg-row {
        flex-direction:row !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-justify-start {
        justify-content: flex-start !important
    }

    .flex-lg-justify-end {
        justify-content: flex-end !important
    }

    .flex-lg-justify-center {
        justify-content: center !important
    }

    .flex-lg-justify-between {
        justify-content: space-between !important
    }

    .flex-lg-justify-around {
        justify-content: space-around !important
    }

    .flex-lg-items-start {
        align-items: flex-start !important
    }

    .flex-lg-items-end {
        align-items: flex-end !important
    }

    .flex-lg-items-center {
        align-items: center !important
    }

    .flex-lg-items-baseline {
        align-items: baseline !important
    }

    .flex-lg-items-stretch {
        align-items: stretch !important
    }

    .flex-lg-content-start {
        align-content: flex-start !important
    }

    .flex-lg-content-end {
        align-content: flex-end !important
    }

    .flex-lg-content-center {
        align-content: center !important
    }

    .flex-lg-content-between {
        align-content: space-between !important
    }

    .flex-lg-content-around {
        align-content: space-around !important
    }

    .flex-lg-content-stretch {
        align-content: stretch !important
    }

    .flex-lg-1 {
        flex: 1 !important
    }

    .flex-lg-auto {
        flex: auto !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-self-auto {
        align-self: auto !important
    }

    .flex-lg-self-start {
        align-self: flex-start !important
    }

    .flex-lg-self-end {
        align-self: flex-end !important
    }

    .flex-lg-self-center {
        align-self: center !important
    }

    .flex-lg-self-baseline {
        align-self: baseline !important
    }

    .flex-lg-self-stretch {
        align-self: stretch !important
    }

    .flex-lg-order-1 {
        order: 1 !important
    }

    .flex-lg-order-2 {
        order: 2 !important
    }

    .flex-lg-order-none {
        order: inherit !important
    }
}

@media(min-width: 1280px) {
    .flex-xl-row {
        flex-direction:row !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-justify-start {
        justify-content: flex-start !important
    }

    .flex-xl-justify-end {
        justify-content: flex-end !important
    }

    .flex-xl-justify-center {
        justify-content: center !important
    }

    .flex-xl-justify-between {
        justify-content: space-between !important
    }

    .flex-xl-justify-around {
        justify-content: space-around !important
    }

    .flex-xl-items-start {
        align-items: flex-start !important
    }

    .flex-xl-items-end {
        align-items: flex-end !important
    }

    .flex-xl-items-center {
        align-items: center !important
    }

    .flex-xl-items-baseline {
        align-items: baseline !important
    }

    .flex-xl-items-stretch {
        align-items: stretch !important
    }

    .flex-xl-content-start {
        align-content: flex-start !important
    }

    .flex-xl-content-end {
        align-content: flex-end !important
    }

    .flex-xl-content-center {
        align-content: center !important
    }

    .flex-xl-content-between {
        align-content: space-between !important
    }

    .flex-xl-content-around {
        align-content: space-around !important
    }

    .flex-xl-content-stretch {
        align-content: stretch !important
    }

    .flex-xl-1 {
        flex: 1 !important
    }

    .flex-xl-auto {
        flex: auto !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-self-auto {
        align-self: auto !important
    }

    .flex-xl-self-start {
        align-self: flex-start !important
    }

    .flex-xl-self-end {
        align-self: flex-end !important
    }

    .flex-xl-self-center {
        align-self: center !important
    }

    .flex-xl-self-baseline {
        align-self: baseline !important
    }

    .flex-xl-self-stretch {
        align-self: stretch !important
    }

    .flex-xl-order-1 {
        order: 1 !important
    }

    .flex-xl-order-2 {
        order: 2 !important
    }

    .flex-xl-order-none {
        order: inherit !important
    }
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.position-sticky {
    position: sticky !important
}

@media(min-width: 544px) {
    .position-sm-static {
        position:static !important
    }

    .position-sm-relative {
        position: relative !important
    }

    .position-sm-absolute {
        position: absolute !important
    }

    .position-sm-fixed {
        position: fixed !important
    }

    .position-sm-sticky {
        position: sticky !important
    }
}

@media(min-width: 768px) {
    .position-md-static {
        position:static !important
    }

    .position-md-relative {
        position: relative !important
    }

    .position-md-absolute {
        position: absolute !important
    }

    .position-md-fixed {
        position: fixed !important
    }

    .position-md-sticky {
        position: sticky !important
    }
}

@media(min-width: 1012px) {
    .position-lg-static {
        position:static !important
    }

    .position-lg-relative {
        position: relative !important
    }

    .position-lg-absolute {
        position: absolute !important
    }

    .position-lg-fixed {
        position: fixed !important
    }

    .position-lg-sticky {
        position: sticky !important
    }
}

@media(min-width: 1280px) {
    .position-xl-static {
        position:static !important
    }

    .position-xl-relative {
        position: relative !important
    }

    .position-xl-absolute {
        position: absolute !important
    }

    .position-xl-fixed {
        position: fixed !important
    }

    .position-xl-sticky {
        position: sticky !important
    }
}

.top-0 {
    top: 0 !important
}

.right-0 {
    right: 0 !important
}

.bottom-0 {
    bottom: 0 !important
}

.left-0 {
    left: 0 !important
}

.top-auto {
    top: auto !important
}

.right-auto {
    right: auto !important
}

.bottom-auto {
    bottom: auto !important
}

.left-auto {
    left: auto !important
}

@media(min-width: 544px) {
    .top-sm-0 {
        top:0 !important
    }

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

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

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

    .top-sm-auto {
        top: auto !important
    }

    .right-sm-auto {
        right: auto !important
    }

    .bottom-sm-auto {
        bottom: auto !important
    }

    .left-sm-auto {
        left: auto !important
    }
}

@media(min-width: 768px) {
    .top-md-0 {
        top:0 !important
    }

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

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

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

    .top-md-auto {
        top: auto !important
    }

    .right-md-auto {
        right: auto !important
    }

    .bottom-md-auto {
        bottom: auto !important
    }

    .left-md-auto {
        left: auto !important
    }
}

@media(min-width: 1012px) {
    .top-lg-0 {
        top:0 !important
    }

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

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

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

    .top-lg-auto {
        top: auto !important
    }

    .right-lg-auto {
        right: auto !important
    }

    .bottom-lg-auto {
        bottom: auto !important
    }

    .left-lg-auto {
        left: auto !important
    }
}

@media(min-width: 1280px) {
    .top-xl-0 {
        top:0 !important
    }

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

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

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

    .top-xl-auto {
        top: auto !important
    }

    .right-xl-auto {
        right: auto !important
    }

    .bottom-xl-auto {
        bottom: auto !important
    }

    .left-xl-auto {
        left: auto !important
    }
}

.v-align-middle {
    vertical-align: middle !important
}

.v-align-top {
    vertical-align: top !important
}

.v-align-bottom {
    vertical-align: bottom !important
}

.v-align-text-top {
    vertical-align: text-top !important
}

.v-align-text-bottom {
    vertical-align: text-bottom !important
}

.v-align-baseline {
    vertical-align: baseline !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-x-visible {
    overflow-x: visible !important
}

.overflow-y-visible {
    overflow-y: visible !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-scroll {
    overflow: scroll !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

@media(min-width: 544px) {
    .overflow-sm-visible {
        overflow:visible !important
    }

    .overflow-sm-x-visible {
        overflow-x: visible !important
    }

    .overflow-sm-y-visible {
        overflow-y: visible !important
    }

    .overflow-sm-hidden {
        overflow: hidden !important
    }

    .overflow-sm-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-sm-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-sm-auto {
        overflow: auto !important
    }

    .overflow-sm-x-auto {
        overflow-x: auto !important
    }

    .overflow-sm-y-auto {
        overflow-y: auto !important
    }

    .overflow-sm-scroll {
        overflow: scroll !important
    }

    .overflow-sm-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-sm-y-scroll {
        overflow-y: scroll !important
    }
}

@media(min-width: 768px) {
    .overflow-md-visible {
        overflow:visible !important
    }

    .overflow-md-x-visible {
        overflow-x: visible !important
    }

    .overflow-md-y-visible {
        overflow-y: visible !important
    }

    .overflow-md-hidden {
        overflow: hidden !important
    }

    .overflow-md-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-md-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-md-auto {
        overflow: auto !important
    }

    .overflow-md-x-auto {
        overflow-x: auto !important
    }

    .overflow-md-y-auto {
        overflow-y: auto !important
    }

    .overflow-md-scroll {
        overflow: scroll !important
    }

    .overflow-md-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-md-y-scroll {
        overflow-y: scroll !important
    }
}

@media(min-width: 1012px) {
    .overflow-lg-visible {
        overflow:visible !important
    }

    .overflow-lg-x-visible {
        overflow-x: visible !important
    }

    .overflow-lg-y-visible {
        overflow-y: visible !important
    }

    .overflow-lg-hidden {
        overflow: hidden !important
    }

    .overflow-lg-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-lg-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-lg-auto {
        overflow: auto !important
    }

    .overflow-lg-x-auto {
        overflow-x: auto !important
    }

    .overflow-lg-y-auto {
        overflow-y: auto !important
    }

    .overflow-lg-scroll {
        overflow: scroll !important
    }

    .overflow-lg-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-lg-y-scroll {
        overflow-y: scroll !important
    }
}

@media(min-width: 1280px) {
    .overflow-xl-visible {
        overflow:visible !important
    }

    .overflow-xl-x-visible {
        overflow-x: visible !important
    }

    .overflow-xl-y-visible {
        overflow-y: visible !important
    }

    .overflow-xl-hidden {
        overflow: hidden !important
    }

    .overflow-xl-x-hidden {
        overflow-x: hidden !important
    }

    .overflow-xl-y-hidden {
        overflow-y: hidden !important
    }

    .overflow-xl-auto {
        overflow: auto !important
    }

    .overflow-xl-x-auto {
        overflow-x: auto !important
    }

    .overflow-xl-y-auto {
        overflow-y: auto !important
    }

    .overflow-xl-scroll {
        overflow: scroll !important
    }

    .overflow-xl-x-scroll {
        overflow-x: scroll !important
    }

    .overflow-xl-y-scroll {
        overflow-y: scroll !important
    }
}

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

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

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

@media(min-width: 544px) {
    .float-sm-left {
        float:left !important
    }

    .float-sm-right {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }
}

@media(min-width: 768px) {
    .float-md-left {
        float:left !important
    }

    .float-md-right {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }
}

@media(min-width: 1012px) {
    .float-lg-left {
        float:left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }
}

@media(min-width: 1280px) {
    .float-xl-left {
        float:left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }
}

.width-fit {
    max-width: 100% !important
}

.width-full {
    width: 100% !important
}

.width-comfortable {
    max-width: 65ch !important
}

.height-fit {
    max-height: 100% !important
}

.height-full {
    height: 100% !important
}

.min-width-0 {
    min-width: 0 !important
}

.width-auto {
    width: auto !important
}

.direction-rtl {
    direction: rtl !important
}

.direction-ltr {
    direction: ltr !important
}

@media(min-width: 544px) {
    .width-sm-auto {
        width:auto !important
    }

    .direction-sm-rtl {
        direction: rtl !important
    }

    .direction-sm-ltr {
        direction: ltr !important
    }
}

@media(min-width: 768px) {
    .width-md-auto {
        width:auto !important
    }

    .direction-md-rtl {
        direction: rtl !important
    }

    .direction-md-ltr {
        direction: ltr !important
    }
}

@media(min-width: 1012px) {
    .width-lg-auto {
        width:auto !important
    }

    .direction-lg-rtl {
        direction: rtl !important
    }

    .direction-lg-ltr {
        direction: ltr !important
    }
}

@media(min-width: 1280px) {
    .width-xl-auto {
        width:auto !important
    }

    .direction-xl-rtl {
        direction: rtl !important
    }

    .direction-xl-ltr {
        direction: ltr !important
    }
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: var(--base-size-4, 4px) !important
}

.mt-1 {
    margin-top: var(--base-size-4, 4px) !important
}

.mb-1 {
    margin-bottom: var(--base-size-4, 4px) !important
}

.mr-1 {
    margin-right: var(--base-size-4, 4px) !important
}

.ml-1 {
    margin-left: var(--base-size-4, 4px) !important
}

.mt-n1 {
    margin-top: calc(-1*var(--base-size-4, 4px)) !important
}

.mb-n1 {
    margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
}

.mr-n1 {
    margin-right: calc(-1*var(--base-size-4, 4px)) !important
}

.ml-n1 {
    margin-left: calc(-1*var(--base-size-4, 4px)) !important
}

.mx-1 {
    margin-right: var(--base-size-4, 4px) !important;
    margin-left: var(--base-size-4, 4px) !important
}

.my-1 {
    margin-top: var(--base-size-4, 4px) !important;
    margin-bottom: var(--base-size-4, 4px) !important
}

.m-2 {
    margin: var(--base-size-8, 8px) !important
}

.mt-2 {
    margin-top: var(--base-size-8, 8px) !important
}

.mb-2 {
    margin-bottom: var(--base-size-8, 8px) !important
}

.mr-2 {
    margin-right: var(--base-size-8, 8px) !important
}

.ml-2 {
    margin-left: var(--base-size-8, 8px) !important
}

.mt-n2 {
    margin-top: calc(-1*var(--base-size-8, 8px)) !important
}

.mb-n2 {
    margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
}

.mr-n2 {
    margin-right: calc(-1*var(--base-size-8, 8px)) !important
}

.ml-n2 {
    margin-left: calc(-1*var(--base-size-8, 8px)) !important
}

.mx-2 {
    margin-right: var(--base-size-8, 8px) !important;
    margin-left: var(--base-size-8, 8px) !important
}

.my-2 {
    margin-top: var(--base-size-8, 8px) !important;
    margin-bottom: var(--base-size-8, 8px) !important
}

.m-3 {
    margin: var(--base-size-16, 16px) !important
}

.mt-3 {
    margin-top: var(--base-size-16, 16px) !important
}

.mb-3 {
    margin-bottom: var(--base-size-16, 16px) !important
}

.mr-3 {
    margin-right: var(--base-size-16, 16px) !important
}

.ml-3 {
    margin-left: var(--base-size-16, 16px) !important
}

.mt-n3 {
    margin-top: calc(-1*var(--base-size-16, 16px)) !important
}

.mb-n3 {
    margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
}

.mr-n3 {
    margin-right: calc(-1*var(--base-size-16, 16px)) !important
}

.ml-n3 {
    margin-left: calc(-1*var(--base-size-16, 16px)) !important
}

.mx-3 {
    margin-right: var(--base-size-16, 16px) !important;
    margin-left: var(--base-size-16, 16px) !important
}

.my-3 {
    margin-top: var(--base-size-16, 16px) !important;
    margin-bottom: var(--base-size-16, 16px) !important
}

.m-4 {
    margin: var(--base-size-24, 24px) !important
}

.mt-4 {
    margin-top: var(--base-size-24, 24px) !important
}

.mb-4 {
    margin-bottom: var(--base-size-24, 24px) !important
}

.mr-4 {
    margin-right: var(--base-size-24, 24px) !important
}

.ml-4 {
    margin-left: var(--base-size-24, 24px) !important
}

.mt-n4 {
    margin-top: calc(-1*var(--base-size-24, 24px)) !important
}

.mb-n4 {
    margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
}

.mr-n4 {
    margin-right: calc(-1*var(--base-size-24, 24px)) !important
}

.ml-n4 {
    margin-left: calc(-1*var(--base-size-24, 24px)) !important
}

.mx-4 {
    margin-right: var(--base-size-24, 24px) !important;
    margin-left: var(--base-size-24, 24px) !important
}

.my-4 {
    margin-top: var(--base-size-24, 24px) !important;
    margin-bottom: var(--base-size-24, 24px) !important
}

.m-5 {
    margin: var(--base-size-32, 32px) !important
}

.mt-5 {
    margin-top: var(--base-size-32, 32px) !important
}

.mb-5 {
    margin-bottom: var(--base-size-32, 32px) !important
}

.mr-5 {
    margin-right: var(--base-size-32, 32px) !important
}

.ml-5 {
    margin-left: var(--base-size-32, 32px) !important
}

.mt-n5 {
    margin-top: calc(-1*var(--base-size-32, 32px)) !important
}

.mb-n5 {
    margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
}

.mr-n5 {
    margin-right: calc(-1*var(--base-size-32, 32px)) !important
}

.ml-n5 {
    margin-left: calc(-1*var(--base-size-32, 32px)) !important
}

.mx-5 {
    margin-right: var(--base-size-32, 32px) !important;
    margin-left: var(--base-size-32, 32px) !important
}

.my-5 {
    margin-top: var(--base-size-32, 32px) !important;
    margin-bottom: var(--base-size-32, 32px) !important
}

.m-6 {
    margin: var(--base-size-40, 40px) !important
}

.mt-6 {
    margin-top: var(--base-size-40, 40px) !important
}

.mb-6 {
    margin-bottom: var(--base-size-40, 40px) !important
}

.mr-6 {
    margin-right: var(--base-size-40, 40px) !important
}

.ml-6 {
    margin-left: var(--base-size-40, 40px) !important
}

.mt-n6 {
    margin-top: calc(-1*var(--base-size-40, 40px)) !important
}

.mb-n6 {
    margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
}

.mr-n6 {
    margin-right: calc(-1*var(--base-size-40, 40px)) !important
}

.ml-n6 {
    margin-left: calc(-1*var(--base-size-40, 40px)) !important
}

.mx-6 {
    margin-right: var(--base-size-40, 40px) !important;
    margin-left: var(--base-size-40, 40px) !important
}

.my-6 {
    margin-top: var(--base-size-40, 40px) !important;
    margin-bottom: var(--base-size-40, 40px) !important
}

.mt-7 {
    margin-top: var(--base-size-48, 48px) !important
}

.mb-7 {
    margin-bottom: var(--base-size-48, 48px) !important
}

.mt-n7 {
    margin-top: calc(-1*var(--base-size-48, 48px)) !important
}

.mb-n7 {
    margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
}

.my-7 {
    margin-top: var(--base-size-48, 48px) !important;
    margin-bottom: var(--base-size-48, 48px) !important
}

.mt-8 {
    margin-top: var(--base-size-64, 64px) !important
}

.mb-8 {
    margin-bottom: var(--base-size-64, 64px) !important
}

.mt-n8 {
    margin-top: calc(-1*var(--base-size-64, 64px)) !important
}

.mb-n8 {
    margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
}

.my-8 {
    margin-top: var(--base-size-64, 64px) !important;
    margin-bottom: var(--base-size-64, 64px) !important
}

.mt-9 {
    margin-top: var(--base-size-80, 80px) !important
}

.mb-9 {
    margin-bottom: var(--base-size-80, 80px) !important
}

.mt-n9 {
    margin-top: calc(-1*var(--base-size-80, 80px)) !important
}

.mb-n9 {
    margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
}

.my-9 {
    margin-top: var(--base-size-80, 80px) !important;
    margin-bottom: var(--base-size-80, 80px) !important
}

.mt-10 {
    margin-top: var(--base-size-96, 96px) !important
}

.mb-10 {
    margin-bottom: var(--base-size-96, 96px) !important
}

.mt-n10 {
    margin-top: calc(-1*var(--base-size-96, 96px)) !important
}

.mb-n10 {
    margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
}

.my-10 {
    margin-top: var(--base-size-96, 96px) !important;
    margin-bottom: var(--base-size-96, 96px) !important
}

.mt-11 {
    margin-top: var(--base-size-112, 112px) !important
}

.mb-11 {
    margin-bottom: var(--base-size-112, 112px) !important
}

.mt-n11 {
    margin-top: calc(-1*var(--base-size-112, 112px)) !important
}

.mb-n11 {
    margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
}

.my-11 {
    margin-top: var(--base-size-112, 112px) !important;
    margin-bottom: var(--base-size-112, 112px) !important
}

.mt-12 {
    margin-top: var(--base-size-128, 128px) !important
}

.mb-12 {
    margin-bottom: var(--base-size-128, 128px) !important
}

.mt-n12 {
    margin-top: calc(-1*var(--base-size-128, 128px)) !important
}

.mb-n12 {
    margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
}

.my-12 {
    margin-top: var(--base-size-128, 128px) !important;
    margin-bottom: var(--base-size-128, 128px) !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

@media(min-width: 544px) {
    .m-sm-0 {
        margin:0 !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mr-sm-0 {
        margin-right: 0 !important
    }

    .ml-sm-0 {
        margin-left: 0 !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-sm-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-sm-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-sm-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-sm-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-sm-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-sm-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-sm-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-sm-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-sm-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-sm-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-sm-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-sm-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-sm-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-sm-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-sm-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-sm-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-sm-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-sm-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-sm-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-sm-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-sm-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-sm-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-sm-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-sm-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-sm-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-sm-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-sm-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-sm-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-sm-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-sm-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-sm-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-sm-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-sm-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-sm-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-sm-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-sm-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-sm-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-sm-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-sm-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-sm-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-sm-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-sm-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-sm-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-sm-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-sm-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-sm-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-sm-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-sm-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-sm-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-sm-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-sm-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-sm-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-sm-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-sm-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-sm-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-sm-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-sm-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-sm-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-sm-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-sm-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-sm-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-sm-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-sm-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-sm-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-sm-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-sm-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-sm-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-sm-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-sm-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-sm-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-sm-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-sm-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-sm-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-sm-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-sm-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-sm-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-sm-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-sm-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-sm-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-sm-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-sm-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-sm-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-sm-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-sm-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-sm-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-sm-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-sm-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-sm-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-sm-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-sm-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-sm-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-sm-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-sm-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-sm-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-sm-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-sm-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 768px) {
    .m-md-0 {
        margin:0 !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mr-md-0 {
        margin-right: 0 !important
    }

    .ml-md-0 {
        margin-left: 0 !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-md-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-md-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-md-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-md-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-md-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-md-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-md-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-md-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-md-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-md-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-md-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-md-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-md-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-md-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-md-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-md-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-md-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-md-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-md-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-md-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-md-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-md-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-md-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-md-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-md-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-md-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-md-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-md-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-md-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-md-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-md-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-md-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-md-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-md-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-md-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-md-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-md-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-md-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-md-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-md-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-md-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-md-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-md-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-md-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-md-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-md-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-md-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-md-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-md-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-md-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-md-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-md-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-md-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-md-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-md-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-md-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-md-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-md-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-md-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-md-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-md-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-md-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-md-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-md-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-md-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-md-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-md-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-md-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-md-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-md-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-md-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-md-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-md-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-md-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-md-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-md-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-md-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-md-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-md-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-md-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-md-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-md-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-md-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-md-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-md-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-md-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-md-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-md-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-md-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-md-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-md-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-md-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-md-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-md-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-md-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-md-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 1012px) {
    .m-lg-0 {
        margin:0 !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mr-lg-0 {
        margin-right: 0 !important
    }

    .ml-lg-0 {
        margin-left: 0 !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-lg-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-lg-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-lg-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-lg-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-lg-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-lg-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-lg-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-lg-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-lg-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-lg-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-lg-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-lg-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-lg-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-lg-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-lg-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-lg-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-lg-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-lg-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-lg-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-lg-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-lg-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-lg-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-lg-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-lg-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-lg-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-lg-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-lg-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-lg-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-lg-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-lg-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-lg-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-lg-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-lg-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-lg-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-lg-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-lg-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-lg-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-lg-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-lg-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-lg-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-lg-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-lg-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-lg-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-lg-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-lg-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-lg-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-lg-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-lg-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-lg-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-lg-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-lg-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-lg-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-lg-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-lg-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-lg-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-lg-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-lg-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-lg-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-lg-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-lg-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-lg-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-lg-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-lg-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-lg-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-lg-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-lg-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-lg-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-lg-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-lg-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-lg-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-lg-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-lg-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-lg-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-lg-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-lg-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-lg-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-lg-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-lg-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-lg-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-lg-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-lg-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-lg-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-lg-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-lg-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-lg-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-lg-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-lg-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-lg-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-lg-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-lg-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-lg-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-lg-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-lg-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-lg-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-lg-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-lg-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

@media(min-width: 1280px) {
    .m-xl-0 {
        margin:0 !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .ml-xl-0 {
        margin-left: 0 !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .m-xl-1 {
        margin: var(--base-size-4, 4px) !important
    }

    .mt-xl-1 {
        margin-top: var(--base-size-4, 4px) !important
    }

    .mb-xl-1 {
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .mr-xl-1 {
        margin-right: var(--base-size-4, 4px) !important
    }

    .ml-xl-1 {
        margin-left: var(--base-size-4, 4px) !important
    }

    .mt-xl-n1 {
        margin-top: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mb-xl-n1 {
        margin-bottom: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mr-xl-n1 {
        margin-right: calc(-1*var(--base-size-4, 4px)) !important
    }

    .ml-xl-n1 {
        margin-left: calc(-1*var(--base-size-4, 4px)) !important
    }

    .mx-xl-1 {
        margin-right: var(--base-size-4, 4px) !important;
        margin-left: var(--base-size-4, 4px) !important
    }

    .my-xl-1 {
        margin-top: var(--base-size-4, 4px) !important;
        margin-bottom: var(--base-size-4, 4px) !important
    }

    .m-xl-2 {
        margin: var(--base-size-8, 8px) !important
    }

    .mt-xl-2 {
        margin-top: var(--base-size-8, 8px) !important
    }

    .mb-xl-2 {
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .mr-xl-2 {
        margin-right: var(--base-size-8, 8px) !important
    }

    .ml-xl-2 {
        margin-left: var(--base-size-8, 8px) !important
    }

    .mt-xl-n2 {
        margin-top: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mb-xl-n2 {
        margin-bottom: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mr-xl-n2 {
        margin-right: calc(-1*var(--base-size-8, 8px)) !important
    }

    .ml-xl-n2 {
        margin-left: calc(-1*var(--base-size-8, 8px)) !important
    }

    .mx-xl-2 {
        margin-right: var(--base-size-8, 8px) !important;
        margin-left: var(--base-size-8, 8px) !important
    }

    .my-xl-2 {
        margin-top: var(--base-size-8, 8px) !important;
        margin-bottom: var(--base-size-8, 8px) !important
    }

    .m-xl-3 {
        margin: var(--base-size-16, 16px) !important
    }

    .mt-xl-3 {
        margin-top: var(--base-size-16, 16px) !important
    }

    .mb-xl-3 {
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .mr-xl-3 {
        margin-right: var(--base-size-16, 16px) !important
    }

    .ml-xl-3 {
        margin-left: var(--base-size-16, 16px) !important
    }

    .mt-xl-n3 {
        margin-top: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mb-xl-n3 {
        margin-bottom: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mr-xl-n3 {
        margin-right: calc(-1*var(--base-size-16, 16px)) !important
    }

    .ml-xl-n3 {
        margin-left: calc(-1*var(--base-size-16, 16px)) !important
    }

    .mx-xl-3 {
        margin-right: var(--base-size-16, 16px) !important;
        margin-left: var(--base-size-16, 16px) !important
    }

    .my-xl-3 {
        margin-top: var(--base-size-16, 16px) !important;
        margin-bottom: var(--base-size-16, 16px) !important
    }

    .m-xl-4 {
        margin: var(--base-size-24, 24px) !important
    }

    .mt-xl-4 {
        margin-top: var(--base-size-24, 24px) !important
    }

    .mb-xl-4 {
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .mr-xl-4 {
        margin-right: var(--base-size-24, 24px) !important
    }

    .ml-xl-4 {
        margin-left: var(--base-size-24, 24px) !important
    }

    .mt-xl-n4 {
        margin-top: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mb-xl-n4 {
        margin-bottom: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mr-xl-n4 {
        margin-right: calc(-1*var(--base-size-24, 24px)) !important
    }

    .ml-xl-n4 {
        margin-left: calc(-1*var(--base-size-24, 24px)) !important
    }

    .mx-xl-4 {
        margin-right: var(--base-size-24, 24px) !important;
        margin-left: var(--base-size-24, 24px) !important
    }

    .my-xl-4 {
        margin-top: var(--base-size-24, 24px) !important;
        margin-bottom: var(--base-size-24, 24px) !important
    }

    .m-xl-5 {
        margin: var(--base-size-32, 32px) !important
    }

    .mt-xl-5 {
        margin-top: var(--base-size-32, 32px) !important
    }

    .mb-xl-5 {
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .mr-xl-5 {
        margin-right: var(--base-size-32, 32px) !important
    }

    .ml-xl-5 {
        margin-left: var(--base-size-32, 32px) !important
    }

    .mt-xl-n5 {
        margin-top: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mb-xl-n5 {
        margin-bottom: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mr-xl-n5 {
        margin-right: calc(-1*var(--base-size-32, 32px)) !important
    }

    .ml-xl-n5 {
        margin-left: calc(-1*var(--base-size-32, 32px)) !important
    }

    .mx-xl-5 {
        margin-right: var(--base-size-32, 32px) !important;
        margin-left: var(--base-size-32, 32px) !important
    }

    .my-xl-5 {
        margin-top: var(--base-size-32, 32px) !important;
        margin-bottom: var(--base-size-32, 32px) !important
    }

    .m-xl-6 {
        margin: var(--base-size-40, 40px) !important
    }

    .mt-xl-6 {
        margin-top: var(--base-size-40, 40px) !important
    }

    .mb-xl-6 {
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mr-xl-6 {
        margin-right: var(--base-size-40, 40px) !important
    }

    .ml-xl-6 {
        margin-left: var(--base-size-40, 40px) !important
    }

    .mt-xl-n6 {
        margin-top: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mb-xl-n6 {
        margin-bottom: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mr-xl-n6 {
        margin-right: calc(-1*var(--base-size-40, 40px)) !important
    }

    .ml-xl-n6 {
        margin-left: calc(-1*var(--base-size-40, 40px)) !important
    }

    .mx-xl-6 {
        margin-right: var(--base-size-40, 40px) !important;
        margin-left: var(--base-size-40, 40px) !important
    }

    .my-xl-6 {
        margin-top: var(--base-size-40, 40px) !important;
        margin-bottom: var(--base-size-40, 40px) !important
    }

    .mt-xl-7 {
        margin-top: var(--base-size-48, 48px) !important
    }

    .mb-xl-7 {
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-xl-n7 {
        margin-top: calc(-1*var(--base-size-48, 48px)) !important
    }

    .mb-xl-n7 {
        margin-bottom: calc(-1*var(--base-size-48, 48px)) !important
    }

    .my-xl-7 {
        margin-top: var(--base-size-48, 48px) !important;
        margin-bottom: var(--base-size-48, 48px) !important
    }

    .mt-xl-8 {
        margin-top: var(--base-size-64, 64px) !important
    }

    .mb-xl-8 {
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-xl-n8 {
        margin-top: calc(-1*var(--base-size-64, 64px)) !important
    }

    .mb-xl-n8 {
        margin-bottom: calc(-1*var(--base-size-64, 64px)) !important
    }

    .my-xl-8 {
        margin-top: var(--base-size-64, 64px) !important;
        margin-bottom: var(--base-size-64, 64px) !important
    }

    .mt-xl-9 {
        margin-top: var(--base-size-80, 80px) !important
    }

    .mb-xl-9 {
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-xl-n9 {
        margin-top: calc(-1*var(--base-size-80, 80px)) !important
    }

    .mb-xl-n9 {
        margin-bottom: calc(-1*var(--base-size-80, 80px)) !important
    }

    .my-xl-9 {
        margin-top: var(--base-size-80, 80px) !important;
        margin-bottom: var(--base-size-80, 80px) !important
    }

    .mt-xl-10 {
        margin-top: var(--base-size-96, 96px) !important
    }

    .mb-xl-10 {
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-xl-n10 {
        margin-top: calc(-1*var(--base-size-96, 96px)) !important
    }

    .mb-xl-n10 {
        margin-bottom: calc(-1*var(--base-size-96, 96px)) !important
    }

    .my-xl-10 {
        margin-top: var(--base-size-96, 96px) !important;
        margin-bottom: var(--base-size-96, 96px) !important
    }

    .mt-xl-11 {
        margin-top: var(--base-size-112, 112px) !important
    }

    .mb-xl-11 {
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-xl-n11 {
        margin-top: calc(-1*var(--base-size-112, 112px)) !important
    }

    .mb-xl-n11 {
        margin-bottom: calc(-1*var(--base-size-112, 112px)) !important
    }

    .my-xl-11 {
        margin-top: var(--base-size-112, 112px) !important;
        margin-bottom: var(--base-size-112, 112px) !important
    }

    .mt-xl-12 {
        margin-top: var(--base-size-128, 128px) !important
    }

    .mb-xl-12 {
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mt-xl-n12 {
        margin-top: calc(-1*var(--base-size-128, 128px)) !important
    }

    .mb-xl-n12 {
        margin-bottom: calc(-1*var(--base-size-128, 128px)) !important
    }

    .my-xl-12 {
        margin-top: var(--base-size-128, 128px) !important;
        margin-bottom: var(--base-size-128, 128px) !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }
}

.m-auto {
    margin: auto !important
}

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

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

.mb-auto {
    margin-bottom: auto !important
}

.ml-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: var(--base-size-4, 4px) !important
}

.pt-1 {
    padding-top: var(--base-size-4, 4px) !important
}

.pr-1 {
    padding-right: var(--base-size-4, 4px) !important
}

.pb-1 {
    padding-bottom: var(--base-size-4, 4px) !important
}

.pl-1 {
    padding-left: var(--base-size-4, 4px) !important
}

.px-1 {
    padding-right: var(--base-size-4, 4px) !important;
    padding-left: var(--base-size-4, 4px) !important
}

.py-1 {
    padding-top: var(--base-size-4, 4px) !important;
    padding-bottom: var(--base-size-4, 4px) !important
}

.p-2 {
    padding: var(--base-size-8, 8px) !important
}

.pt-2 {
    padding-top: var(--base-size-8, 8px) !important
}

.pr-2 {
    padding-right: var(--base-size-8, 8px) !important
}

.pb-2 {
    padding-bottom: var(--base-size-8, 8px) !important
}

.pl-2 {
    padding-left: var(--base-size-8, 8px) !important
}

.px-2 {
    padding-right: var(--base-size-8, 8px) !important;
    padding-left: var(--base-size-8, 8px) !important
}

.py-2 {
    padding-top: var(--base-size-8, 8px) !important;
    padding-bottom: var(--base-size-8, 8px) !important
}

.p-3 {
    padding: var(--base-size-16, 16px) !important
}

.pt-3 {
    padding-top: var(--base-size-16, 16px) !important
}

.pr-3 {
    padding-right: var(--base-size-16, 16px) !important
}

.pb-3 {
    padding-bottom: var(--base-size-16, 16px) !important
}

.pl-3 {
    padding-left: var(--base-size-16, 16px) !important
}

.px-3 {
    padding-right: var(--base-size-16, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important
}

.py-3 {
    padding-top: var(--base-size-16, 16px) !important;
    padding-bottom: var(--base-size-16, 16px) !important
}

.p-4 {
    padding: var(--base-size-24, 24px) !important
}

.pt-4 {
    padding-top: var(--base-size-24, 24px) !important
}

.pr-4 {
    padding-right: var(--base-size-24, 24px) !important
}

.pb-4 {
    padding-bottom: var(--base-size-24, 24px) !important
}

.pl-4 {
    padding-left: var(--base-size-24, 24px) !important
}

.px-4 {
    padding-right: var(--base-size-24, 24px) !important;
    padding-left: var(--base-size-24, 24px) !important
}

.py-4 {
    padding-top: var(--base-size-24, 24px) !important;
    padding-bottom: var(--base-size-24, 24px) !important
}

.p-5 {
    padding: var(--base-size-32, 32px) !important
}

.pt-5 {
    padding-top: var(--base-size-32, 32px) !important
}

.pr-5 {
    padding-right: var(--base-size-32, 32px) !important
}

.pb-5 {
    padding-bottom: var(--base-size-32, 32px) !important
}

.pl-5 {
    padding-left: var(--base-size-32, 32px) !important
}

.px-5 {
    padding-right: var(--base-size-32, 32px) !important;
    padding-left: var(--base-size-32, 32px) !important
}

.py-5 {
    padding-top: var(--base-size-32, 32px) !important;
    padding-bottom: var(--base-size-32, 32px) !important
}

.p-6 {
    padding: var(--base-size-40, 40px) !important
}

.pt-6 {
    padding-top: var(--base-size-40, 40px) !important
}

.pr-6 {
    padding-right: var(--base-size-40, 40px) !important
}

.pb-6 {
    padding-bottom: var(--base-size-40, 40px) !important
}

.pl-6 {
    padding-left: var(--base-size-40, 40px) !important
}

.px-6 {
    padding-right: var(--base-size-40, 40px) !important;
    padding-left: var(--base-size-40, 40px) !important
}

.py-6 {
    padding-top: var(--base-size-40, 40px) !important;
    padding-bottom: var(--base-size-40, 40px) !important
}

.pt-7 {
    padding-top: var(--base-size-48, 48px) !important
}

.pr-7 {
    padding-right: var(--base-size-48, 48px) !important
}

.pb-7 {
    padding-bottom: var(--base-size-48, 48px) !important
}

.pl-7 {
    padding-left: var(--base-size-48, 48px) !important
}

.py-7 {
    padding-top: var(--base-size-48, 48px) !important;
    padding-bottom: var(--base-size-48, 48px) !important
}

.pt-8 {
    padding-top: var(--base-size-64, 64px) !important
}

.pr-8 {
    padding-right: var(--base-size-64, 64px) !important
}

.pb-8 {
    padding-bottom: var(--base-size-64, 64px) !important
}

.pl-8 {
    padding-left: var(--base-size-64, 64px) !important
}

.py-8 {
    padding-top: var(--base-size-64, 64px) !important;
    padding-bottom: var(--base-size-64, 64px) !important
}

.pt-9 {
    padding-top: var(--base-size-80, 80px) !important
}

.pr-9 {
    padding-right: var(--base-size-80, 80px) !important
}

.pb-9 {
    padding-bottom: var(--base-size-80, 80px) !important
}

.pl-9 {
    padding-left: var(--base-size-80, 80px) !important
}

.py-9 {
    padding-top: var(--base-size-80, 80px) !important;
    padding-bottom: var(--base-size-80, 80px) !important
}

.pt-10 {
    padding-top: var(--base-size-96, 96px) !important
}

.pr-10 {
    padding-right: var(--base-size-96, 96px) !important
}

.pb-10 {
    padding-bottom: var(--base-size-96, 96px) !important
}

.pl-10 {
    padding-left: var(--base-size-96, 96px) !important
}

.py-10 {
    padding-top: var(--base-size-96, 96px) !important;
    padding-bottom: var(--base-size-96, 96px) !important
}

.pt-11 {
    padding-top: var(--base-size-112, 112px) !important
}

.pr-11 {
    padding-right: var(--base-size-112, 112px) !important
}

.pb-11 {
    padding-bottom: var(--base-size-112, 112px) !important
}

.pl-11 {
    padding-left: var(--base-size-112, 112px) !important
}

.py-11 {
    padding-top: var(--base-size-112, 112px) !important;
    padding-bottom: var(--base-size-112, 112px) !important
}

.pt-12 {
    padding-top: var(--base-size-128, 128px) !important
}

.pr-12 {
    padding-right: var(--base-size-128, 128px) !important
}

.pb-12 {
    padding-bottom: var(--base-size-128, 128px) !important
}

.pl-12 {
    padding-left: var(--base-size-128, 128px) !important
}

.py-12 {
    padding-top: var(--base-size-128, 128px) !important;
    padding-bottom: var(--base-size-128, 128px) !important
}

@media(min-width: 544px) {
    .p-sm-0 {
        padding:0 !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0 {
        padding-left: 0 !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-sm-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-sm-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-sm-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-sm-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-sm-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-sm-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-sm-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-sm-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-sm-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-sm-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-sm-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-sm-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-sm-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-sm-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-sm-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-sm-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-sm-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-sm-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-sm-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-sm-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-sm-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-sm-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-sm-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-sm-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-sm-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-sm-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-sm-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-sm-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-sm-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-sm-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-sm-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-sm-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-sm-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-sm-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-sm-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-sm-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-sm-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-sm-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-sm-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-sm-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-sm-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-sm-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-sm-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-sm-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-sm-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-sm-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-sm-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-sm-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-sm-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-sm-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-sm-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-sm-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-sm-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-sm-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-sm-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-sm-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-sm-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-sm-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-sm-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-sm-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-sm-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-sm-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-sm-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-sm-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-sm-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-sm-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-sm-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-sm-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-sm-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-sm-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-sm-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-sm-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 768px) {
    .p-md-0 {
        padding:0 !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0 {
        padding-left: 0 !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-md-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-md-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-md-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-md-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-md-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-md-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-md-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-md-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-md-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-md-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-md-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-md-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-md-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-md-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-md-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-md-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-md-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-md-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-md-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-md-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-md-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-md-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-md-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-md-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-md-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-md-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-md-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-md-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-md-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-md-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-md-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-md-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-md-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-md-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-md-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-md-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-md-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-md-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-md-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-md-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-md-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-md-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-md-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-md-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-md-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-md-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-md-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-md-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-md-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-md-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-md-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-md-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-md-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-md-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-md-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-md-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-md-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-md-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-md-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-md-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-md-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-md-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-md-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-md-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-md-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-md-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-md-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-md-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-md-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-md-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-md-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-md-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 1012px) {
    .p-lg-0 {
        padding:0 !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0 {
        padding-left: 0 !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-lg-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-lg-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-lg-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-lg-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-lg-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-lg-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-lg-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-lg-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-lg-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-lg-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-lg-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-lg-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-lg-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-lg-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-lg-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-lg-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-lg-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-lg-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-lg-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-lg-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-lg-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-lg-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-lg-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-lg-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-lg-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-lg-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-lg-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-lg-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-lg-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-lg-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-lg-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-lg-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-lg-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-lg-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-lg-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-lg-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-lg-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-lg-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-lg-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-lg-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-lg-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-lg-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-lg-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-lg-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-lg-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-lg-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-lg-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-lg-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-lg-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-lg-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-lg-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-lg-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-lg-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-lg-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-lg-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-lg-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-lg-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-lg-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-lg-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-lg-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-lg-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-lg-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-lg-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-lg-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-lg-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-lg-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-lg-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-lg-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-lg-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-lg-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-lg-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-lg-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

@media(min-width: 1280px) {
    .p-xl-0 {
        padding:0 !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0 {
        padding-left: 0 !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .p-xl-1 {
        padding: var(--base-size-4, 4px) !important
    }

    .pt-xl-1 {
        padding-top: var(--base-size-4, 4px) !important
    }

    .pr-xl-1 {
        padding-right: var(--base-size-4, 4px) !important
    }

    .pb-xl-1 {
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .pl-xl-1 {
        padding-left: var(--base-size-4, 4px) !important
    }

    .px-xl-1 {
        padding-right: var(--base-size-4, 4px) !important;
        padding-left: var(--base-size-4, 4px) !important
    }

    .py-xl-1 {
        padding-top: var(--base-size-4, 4px) !important;
        padding-bottom: var(--base-size-4, 4px) !important
    }

    .p-xl-2 {
        padding: var(--base-size-8, 8px) !important
    }

    .pt-xl-2 {
        padding-top: var(--base-size-8, 8px) !important
    }

    .pr-xl-2 {
        padding-right: var(--base-size-8, 8px) !important
    }

    .pb-xl-2 {
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .pl-xl-2 {
        padding-left: var(--base-size-8, 8px) !important
    }

    .px-xl-2 {
        padding-right: var(--base-size-8, 8px) !important;
        padding-left: var(--base-size-8, 8px) !important
    }

    .py-xl-2 {
        padding-top: var(--base-size-8, 8px) !important;
        padding-bottom: var(--base-size-8, 8px) !important
    }

    .p-xl-3 {
        padding: var(--base-size-16, 16px) !important
    }

    .pt-xl-3 {
        padding-top: var(--base-size-16, 16px) !important
    }

    .pr-xl-3 {
        padding-right: var(--base-size-16, 16px) !important
    }

    .pb-xl-3 {
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .pl-xl-3 {
        padding-left: var(--base-size-16, 16px) !important
    }

    .px-xl-3 {
        padding-right: var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }

    .py-xl-3 {
        padding-top: var(--base-size-16, 16px) !important;
        padding-bottom: var(--base-size-16, 16px) !important
    }

    .p-xl-4 {
        padding: var(--base-size-24, 24px) !important
    }

    .pt-xl-4 {
        padding-top: var(--base-size-24, 24px) !important
    }

    .pr-xl-4 {
        padding-right: var(--base-size-24, 24px) !important
    }

    .pb-xl-4 {
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .pl-xl-4 {
        padding-left: var(--base-size-24, 24px) !important
    }

    .px-xl-4 {
        padding-right: var(--base-size-24, 24px) !important;
        padding-left: var(--base-size-24, 24px) !important
    }

    .py-xl-4 {
        padding-top: var(--base-size-24, 24px) !important;
        padding-bottom: var(--base-size-24, 24px) !important
    }

    .p-xl-5 {
        padding: var(--base-size-32, 32px) !important
    }

    .pt-xl-5 {
        padding-top: var(--base-size-32, 32px) !important
    }

    .pr-xl-5 {
        padding-right: var(--base-size-32, 32px) !important
    }

    .pb-xl-5 {
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .pl-xl-5 {
        padding-left: var(--base-size-32, 32px) !important
    }

    .px-xl-5 {
        padding-right: var(--base-size-32, 32px) !important;
        padding-left: var(--base-size-32, 32px) !important
    }

    .py-xl-5 {
        padding-top: var(--base-size-32, 32px) !important;
        padding-bottom: var(--base-size-32, 32px) !important
    }

    .p-xl-6 {
        padding: var(--base-size-40, 40px) !important
    }

    .pt-xl-6 {
        padding-top: var(--base-size-40, 40px) !important
    }

    .pr-xl-6 {
        padding-right: var(--base-size-40, 40px) !important
    }

    .pb-xl-6 {
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pl-xl-6 {
        padding-left: var(--base-size-40, 40px) !important
    }

    .px-xl-6 {
        padding-right: var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }

    .py-xl-6 {
        padding-top: var(--base-size-40, 40px) !important;
        padding-bottom: var(--base-size-40, 40px) !important
    }

    .pt-xl-7 {
        padding-top: var(--base-size-48, 48px) !important
    }

    .pr-xl-7 {
        padding-right: var(--base-size-48, 48px) !important
    }

    .pb-xl-7 {
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pl-xl-7 {
        padding-left: var(--base-size-48, 48px) !important
    }

    .py-xl-7 {
        padding-top: var(--base-size-48, 48px) !important;
        padding-bottom: var(--base-size-48, 48px) !important
    }

    .pt-xl-8 {
        padding-top: var(--base-size-64, 64px) !important
    }

    .pr-xl-8 {
        padding-right: var(--base-size-64, 64px) !important
    }

    .pb-xl-8 {
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pl-xl-8 {
        padding-left: var(--base-size-64, 64px) !important
    }

    .py-xl-8 {
        padding-top: var(--base-size-64, 64px) !important;
        padding-bottom: var(--base-size-64, 64px) !important
    }

    .pt-xl-9 {
        padding-top: var(--base-size-80, 80px) !important
    }

    .pr-xl-9 {
        padding-right: var(--base-size-80, 80px) !important
    }

    .pb-xl-9 {
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pl-xl-9 {
        padding-left: var(--base-size-80, 80px) !important
    }

    .py-xl-9 {
        padding-top: var(--base-size-80, 80px) !important;
        padding-bottom: var(--base-size-80, 80px) !important
    }

    .pt-xl-10 {
        padding-top: var(--base-size-96, 96px) !important
    }

    .pr-xl-10 {
        padding-right: var(--base-size-96, 96px) !important
    }

    .pb-xl-10 {
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pl-xl-10 {
        padding-left: var(--base-size-96, 96px) !important
    }

    .py-xl-10 {
        padding-top: var(--base-size-96, 96px) !important;
        padding-bottom: var(--base-size-96, 96px) !important
    }

    .pt-xl-11 {
        padding-top: var(--base-size-112, 112px) !important
    }

    .pr-xl-11 {
        padding-right: var(--base-size-112, 112px) !important
    }

    .pb-xl-11 {
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pl-xl-11 {
        padding-left: var(--base-size-112, 112px) !important
    }

    .py-xl-11 {
        padding-top: var(--base-size-112, 112px) !important;
        padding-bottom: var(--base-size-112, 112px) !important
    }

    .pt-xl-12 {
        padding-top: var(--base-size-128, 128px) !important
    }

    .pr-xl-12 {
        padding-right: var(--base-size-128, 128px) !important
    }

    .pb-xl-12 {
        padding-bottom: var(--base-size-128, 128px) !important
    }

    .pl-xl-12 {
        padding-left: var(--base-size-128, 128px) !important
    }

    .py-xl-12 {
        padding-top: var(--base-size-128, 128px) !important;
        padding-bottom: var(--base-size-128, 128px) !important
    }
}

.p-responsive {
    padding-right: var(--base-size-16) !important;
    padding-left: var(--base-size-16) !important
}

@media(min-width: 544px) {
    .p-responsive {
        padding-right:var(--base-size-40) !important;
        padding-left: var(--base-size-40) !important
    }
}

@media(min-width: 1012px) {
    .p-responsive {
        padding-right:var(--base-size-16) !important;
        padding-left: var(--base-size-16) !important
    }
}

.h1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .h1 {
        font-size:var(--h1-size, 32px) !important
    }
}

.h2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .h2 {
        font-size:var(--h2-size, 24px) !important
    }
}

.h3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .h3 {
        font-size:var(--h3-size, 20px) !important
    }
}

.h4 {
    font-size: var(--h4-size, 16px) !important
}

.h5 {
    font-size: var(--h5-size, 14px) !important
}

.h6 {
    font-size: var(--h6-size, 12px) !important
}

.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.f1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .f1 {
        font-size:var(--h1-size, 32px) !important
    }
}

.f2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .f2 {
        font-size:var(--h2-size, 24px) !important
    }
}

.f3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .f3 {
        font-size:var(--h3-size, 20px) !important
    }
}

.f4 {
    font-size: var(--h4-size, 16px) !important
}

@media(min-width: 768px) {
    .f4 {
        font-size:var(--h4-size, 16px) !important
    }
}

.f5 {
    font-size: var(--h5-size, 14px) !important
}

.f6 {
    font-size: var(--h6-size, 12px) !important
}

.f00-light {
    font-size: var(--h00-size-mobile, 40px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f00-light {
        font-size:var(--h00-size, 48px) !important
    }
}

.f0-light {
    font-size: var(--h0-size-mobile, 32px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f0-light {
        font-size:var(--h0-size, 40px) !important
    }
}

.f1-light {
    font-size: var(--h1-size-mobile, 26px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f1-light {
        font-size:var(--h1-size, 32px) !important
    }
}

.f2-light {
    font-size: var(--h2-size-mobile, 22px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f2-light {
        font-size:var(--h2-size, 24px) !important
    }
}

.f3-light {
    font-size: var(--h3-size-mobile, 18px) !important;
    font-weight: var(--base-text-weight-light, 300) !important
}

@media(min-width: 768px) {
    .f3-light {
        font-size:var(--h3-size, 20px) !important
    }
}

.text-small {
    font-size: var(--h6-size, 12px) !important
}

.lead {
    margin-bottom: 30px;
    font-size: var(--h3-size, 20px);
    font-weight: var(--base-text-weight-light, 300)
}

.lh-condensed-ultra {
    line-height: 1 !important
}

.lh-condensed {
    line-height: 1.25 !important
}

.lh-default {
    line-height: 1.5 !important
}

.lh-0 {
    line-height: 0 !important
}

@media(min-width: 544px) {
    .lh-sm-condensed-ultra {
        line-height:1 !important
    }

    .lh-sm-condensed {
        line-height: 1.25 !important
    }

    .lh-sm-default {
        line-height: 1.5 !important
    }

    .lh-sm-0 {
        line-height: 0 !important
    }
}

@media(min-width: 768px) {
    .lh-md-condensed-ultra {
        line-height:1 !important
    }

    .lh-md-condensed {
        line-height: 1.25 !important
    }

    .lh-md-default {
        line-height: 1.5 !important
    }

    .lh-md-0 {
        line-height: 0 !important
    }
}

@media(min-width: 1012px) {
    .lh-lg-condensed-ultra {
        line-height:1 !important
    }

    .lh-lg-condensed {
        line-height: 1.25 !important
    }

    .lh-lg-default {
        line-height: 1.5 !important
    }

    .lh-lg-0 {
        line-height: 0 !important
    }
}

@media(min-width: 1280px) {
    .lh-xl-condensed-ultra {
        line-height:1 !important
    }

    .lh-xl-condensed {
        line-height: 1.25 !important
    }

    .lh-xl-default {
        line-height: 1.5 !important
    }

    .lh-xl-0 {
        line-height: 0 !important
    }
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

@media(min-width: 544px) {
    .text-sm-right {
        text-align:right !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width: 768px) {
    .text-md-right {
        text-align:right !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width: 1012px) {
    .text-lg-right {
        text-align:right !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width: 1280px) {
    .text-xl-right {
        text-align:right !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.text-normal {
    font-weight: var(--base-text-weight-normal, 400) !important
}

.text-bold {
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.text-semibold {
    font-weight: var(--base-text-weight-medium, 500) !important
}

.text-light {
    font-weight: var(--base-text-weight-light, 300) !important
}

.text-italic {
    font-style: italic !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-underline {
    text-decoration: underline !important
}

.no-underline {
    text-decoration: none !important
}

.no-wrap {
    white-space: nowrap !important
}

.ws-normal {
    white-space: normal !important
}

.wb-break-word {
    word-break: break-word !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important
}

.wb-break-all {
    word-break: break-all !important
}

.text-emphasized {
    font-weight: var(--base-text-weight-semibold, 600)
}

.list-style-none {
    list-style: none !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

@media(min-width: 544px) {
    .d-sm-block {
        display:block !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }
}

@media(min-width: 768px) {
    .d-md-block {
        display:block !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }
}

@media(min-width: 1012px) {
    .d-lg-block {
        display:block !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }
}

@media(min-width: 1280px) {
    .d-xl-block {
        display:block !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }
}

.v-hidden {
    visibility: hidden !important
}

.v-visible {
    visibility: visible !important
}

@media(max-width: 543.98px) {
    .hide-sm {
        display:none !important
    }
}

@media(min-width: 544px)and (max-width: 767.98px) {
    .hide-md {
        display:none !important
    }
}

@media(min-width: 768px)and (max-width: 1011.98px) {
    .hide-lg {
        display:none !important
    }
}

@media(min-width: 1012px) {
    .hide-xl {
        display:none !important
    }
}

.show-whenNarrow,.show-whenRegular,.show-whenWide,.show-whenRegular.hide-whenWide {
    display: none !important
}

.hide-whenNarrow,.hide-whenRegular,.hide-whenWide {
    display: block !important
}

@media(max-width: 767.98px) {
    .show-whenNarrow {
        display:block !important
    }

    .hide-whenNarrow {
        display: none !important
    }
}

@media(min-width: 768px) {
    .show-whenRegular,.show-whenRegular.hide-whenWide {
        display:block !important
    }

    .hide-whenRegular {
        display: none !important
    }
}

@media(min-width: 1280px) {
    .show-whenWide {
        display:block !important
    }

    .hide-whenWide,.show-whenRegular.hide-whenWide {
        display: none !important
    }
}

.table-fixed {
    table-layout: fixed !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: rect(0 0 0 0);
    overflow-wrap: normal;
    border: 0
}

.show-on-focus {
    position: absolute !important
}

.show-on-focus:not(:focus) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important
}

.show-on-focus:focus {
    z-index: 999
}

.suggester {
    position: relative;
    top: 0;
    left: 0;
    min-width: 180px;
    padding: 0;
    margin: 0;
    margin-top: var(--base-size-24);
    list-style: none;
    cursor: pointer;
    background: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium))
}

.suggester li {
    display: block;
    padding: var(--base-size-4) var(--base-size-8);
    font-weight: var(--base-text-weight-medium, 500);
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.suggester li small {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.suggester li:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.suggester li:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.suggester li:hover {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li:hover small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li:hover .octicon {
    color: inherit !important
}

.suggester li[aria-selected=true],.suggester li.navigation-focus {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li[aria-selected=true] small,.suggester li.navigation-focus small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li[aria-selected=true] .octicon,.suggester li.navigation-focus .octicon {
    color: inherit !important
}

.suggester-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30
}

@media(max-width: 544px) {
    .page-responsive .suggester-container {
        right:var(--base-size-8) !important;
        left: var(--base-size-8) !important
    }

    .page-responsive .suggester li {
        padding: var(--base-size-8) var(--base-size-16)
    }
}

.avatar-parent-child {
    position: relative
}

.avatar-child {
    position: absolute;
    right: -15%;
    bottom: -9%;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 4px;
    box-shadow: var(--avatar-shadow, var(--color-avatar-child-shadow))
}

.CircleBadge {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 50%;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium))
}

.CircleBadge-icon {
    max-width: 60% !important;
    height: auto !important;
    max-height: 55% !important
}

.CircleBadge--small {
    width: 56px;
    height: 56px
}

.CircleBadge--medium {
    width: 96px;
    height: 96px
}

.CircleBadge--large {
    width: 128px;
    height: 128px
}

.DashedConnection {
    position: relative
}

.DashedConnection::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 2px dashed var(--borderColor-default, var(--color-border-default))
}

.DashedConnection .CircleBadge {
    position: relative
}

.branch-name {
    display: inline-block;
    padding: 2px 6px;
    font: 12px var(--fontStack-monospace, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace);
    color: var(--fgColor-muted, var(--color-fg-muted));
    word-break: break-all;
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
    border-radius: 6px
}

.branch-name .octicon {
    margin: 1px -2px 0 0;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

a.branch-name {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle))
}

a.branch-name .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.Header {
    z-index: 32;
    display: flex;
    padding: var(--base-size-16);
    font-size: 14px;
    line-height: 1.5;
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--header-bgColor, var(--color-header-bg));
    align-items: center;
    flex-wrap: nowrap
}

.Header-item {
    display: flex;
    margin-right: var(--base-size-16);
    align-self: stretch;
    align-items: center;
    flex-wrap: nowrap
}

.Header-item--full {
    flex: auto
}

.Header-link {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--header-fgColor-logo, var(--color-header-logo));
    white-space: nowrap
}

.Header-link:hover,.Header-link:focus {
    color: var(--header-fgColor-default, var(--color-header-text));
    text-decoration: none
}

.Header-input {
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
    border: 1px solid var(--headerSearch-borderColor, var(--color-header-search-border));
    box-shadow: none
}

.Header-input::placeholder {
    color: rgba(255,255,255,.75)
}

.IssueLabel {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: 2em
}

.IssueLabel .g-emoji {
    position: relative;
    top: -0.05em;
    display: inline-block;
    font-size: 1em;
    line-height: 1
}

.IssueLabel:hover {
    text-decoration: none
}

.IssueLabel--big {
    padding-right: 10px;
    padding-left: 10px;
    line-height: 22px
}

.AnimatedEllipsis {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom
}

.AnimatedEllipsis::after {
    display: inline-block;
    content: "...";
    animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite
}

@keyframes AnimatedEllipsis-keyframes {
    0% {
        transform: translateX(-100%)
    }
}

.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

.markdown-body::before {
    display: table;
    content: ""
}

.markdown-body::after {
    display: table;
    clear: both;
    content: ""
}

.markdown-body>*:first-child {
    margin-top: 0 !important
}

.markdown-body>*:last-child {
    margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown-body .absent {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.markdown-body .anchor {
    float: left;
    padding-right: var(--base-size-4);
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none
}

.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details {
    margin-top: 0;
    margin-bottom: var(--base-size-16)
}

.markdown-body hr {
    height: .25em;
    padding: 0;
    margin: var(--base-size-24) 0;
    background-color: var(--borderColor-default, var(--color-border-default));
    border: 0
}

.markdown-body blockquote {
    padding: 0 1em;
    color: var(--fgColor-muted, var(--color-fg-muted));
    border-left: .25em solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body blockquote>:first-child {
    margin-top: 0
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {
    margin-top: var(--base-size-24);
    margin-bottom: var(--base-size-16);
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.25
}

.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link {
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    visibility: hidden
}

.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor {
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code {
    padding: 0 .2em;
    font-size: inherit
}

.markdown-body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h5 {
    font-size: .875em
}

.markdown-body h6 {
    font-size: .85em;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6 {
    display: inline-block
}

.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor {
    margin-left: -40px
}

.markdown-body summary h1,.markdown-body summary h2 {
    padding-bottom: 0;
    border-bottom: 0
}

.markdown-body ul,.markdown-body ol {
    padding-left: 2em
}

.markdown-body ul.no-list,.markdown-body ol.no-list {
    padding: 0;
    list-style-type: none
}

.markdown-body ol[type="a s"] {
    list-style-type: lower-alpha
}

.markdown-body ol[type="A s"] {
    list-style-type: upper-alpha
}

.markdown-body ol[type="i s"] {
    list-style-type: lower-roman
}

.markdown-body ol[type="I s"] {
    list-style-type: upper-roman
}

.markdown-body ol[type="1"] {
    list-style-type: decimal
}

.markdown-body div>ol:not([type]) {
    list-style-type: decimal
}

.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li>p {
    margin-top: var(--base-size-16)
}

.markdown-body li+li {
    margin-top: .25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: var(--base-size-16);
    font-size: 1em;
    font-style: italic;
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body dl dd {
    padding: 0 var(--base-size-16);
    margin-bottom: var(--base-size-16)
}

.markdown-body table {
    display: block;
    width: 100%;
    width: max-content;
    max-width: 100%;
    overflow: auto;
    font-variant: tabular-nums
}

.markdown-body table th {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body table th,.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body table td>:last-child {
    margin-bottom: 0
}

.markdown-body table tr {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.markdown-body table img {
    background-color: transparent
}

.markdown-body img {
    max-width: 100%;
    box-sizing: content-box
}

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: transparent
}

.markdown-body span.frame {
    display: block;
    overflow: hidden
}

.markdown-body span.frame>span {
    display: block;
    float: left;
    width: auto;
    padding: 7px;
    margin: 13px 0 0;
    overflow: hidden;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body span.frame span img {
    display: block;
    float: left
}

.markdown-body span.frame span span {
    display: block;
    padding: 5px 0 0;
    clear: both;
    color: var(--fgColor-default, var(--color-fg-default))
}

.markdown-body span.align-center {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-center>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: center
}

.markdown-body span.align-center span img {
    margin: 0 auto;
    text-align: center
}

.markdown-body span.align-right {
    display: block;
    overflow: hidden;
    clear: both
}

.markdown-body span.align-right>span {
    display: block;
    margin: 13px 0 0;
    overflow: hidden;
    text-align: right
}

.markdown-body span.align-right span img {
    margin: 0;
    text-align: right
}

.markdown-body span.float-left {
    display: block;
    float: left;
    margin-right: 13px;
    overflow: hidden
}

.markdown-body span.float-left span {
    margin: 13px 0 0
}

.markdown-body span.float-right {
    display: block;
    float: right;
    margin-left: 13px;
    overflow: hidden
}

.markdown-body span.float-right>span {
    display: block;
    margin: 13px auto 0;
    overflow: hidden;
    text-align: right
}

.markdown-body code,.markdown-body tt {
    padding: .2em .4em;
    margin: 0;
    font-size: 85%;
    white-space: break-spaces;
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border-radius: 6px
}

.markdown-body code br,.markdown-body tt br {
    display: none
}

.markdown-body del code {
    text-decoration: inherit
}

.markdown-body samp {
    font-size: 85%
}

.markdown-body pre {
    word-wrap: normal
}

.markdown-body pre code {
    font-size: 100%
}

.markdown-body pre>code {
    padding: 0;
    margin: 0;
    word-break: normal;
    white-space: pre;
    background: transparent;
    border: 0
}

.markdown-body .highlight {
    margin-bottom: var(--base-size-16)
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,.markdown-body pre {
    padding: var(--base-size-16);
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-radius: 6px
}

.markdown-body pre code,.markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: transparent;
    border: 0
}

.markdown-body .csv-data td,.markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.markdown-body .csv-data .blob-num {
    padding: 10px var(--base-size-8) 9px;
    text-align: right;
    background: var(--bgColor-default, var(--color-canvas-default));
    border: 0
}

.markdown-body .csv-data tr {
    border-top: 0
}

.markdown-body .csv-data th {
    font-weight: var(--base-text-weight-semibold, 600);
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    border-top: 0
}

.markdown-body [data-footnote-ref]::before {
    content: "["
}

.markdown-body [data-footnote-ref]::after {
    content: "]"
}

.markdown-body .footnotes {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    border-top: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body .footnotes ol {
    padding-left: var(--base-size-16)
}

.markdown-body .footnotes ol ul {
    display: inline-block;
    padding-left: var(--base-size-16);
    margin-top: var(--base-size-16)
}

.markdown-body .footnotes li {
    position: relative
}

.markdown-body .footnotes li:target::before {
    position: absolute;
    top: calc(var(--base-size-8)*-1);
    right: calc(var(--base-size-8)*-1);
    bottom: calc(var(--base-size-8)*-1);
    left: calc(var(--base-size-24)*-1);
    pointer-events: none;
    content: "";
    border: 2px solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: 6px
}

.markdown-body .footnotes li:target {
    color: var(--fgColor-default, var(--color-fg-default))
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.SelectMenu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    padding: var(--base-size-16);
    pointer-events: none;
    flex-direction: column
}

@media(min-width: 544px) {
    .SelectMenu {
        position:absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding: 0
    }
}

.SelectMenu::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop))
}

@media(min-width: 544px) {
    .SelectMenu::before {
        display:none
    }
}

.SelectMenu-modal {
    position: relative;
    z-index: 99;
    display: flex;
    max-height: 66%;
    margin: auto 0;
    overflow: hidden;
    pointer-events: auto;
    flex-direction: column;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 1px solid var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
    border-radius: 12px;
    box-shadow: var(--shadow-floating-legacy, var(--color-overlay-shadow));
    animation: SelectMenu-modal-animation .12s cubic-bezier(0, 0.1, 0.1, 1) backwards
}

@keyframes SelectMenu-modal-animation {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }
}

@keyframes SelectMenu-modal-animation--sm {
    0% {
        opacity: 0;
        transform: translateY(calc(var(--base-size-16) * -1))
    }
}

@media(min-width: 544px) {
    .SelectMenu-modal {
        width:300px;
        height: auto;
        max-height: 480px;
        margin: var(--base-size-8) 0 var(--base-size-16) 0;
        font-size: 12px;
        border-color: var(--borderColor-default, var(--color-border-default));
        border-radius: 6px;
        box-shadow: var(--shadow-floating-legacy, var(--color-overlay-shadow));
        animation-name: SelectMenu-modal-animation--sm
    }
}

.SelectMenu-header {
    display: flex;
    padding: var(--base-size-16);
    flex: none;
    align-items: center;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-header {
        padding:7px 7px 7px var(--base-size-16)
    }
}

.SelectMenu-title {
    flex: 1;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600)
}

@media(min-width: 544px) {
    .SelectMenu-title {
        font-size:inherit
    }
}

.SelectMenu-closeButton {
    padding: var(--base-size-16);
    margin: calc(var(--base-size-16)*-1);
    line-height: 1;
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: transparent;
    border: 0
}

@media(min-width: 544px) {
    .SelectMenu-closeButton {
        padding:var(--base-size-8);
        margin: calc(var(--base-size-8)*-1) -7px
    }
}

.SelectMenu-filter {
    padding: var(--base-size-16);
    margin: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-filter {
        padding:var(--base-size-8)
    }
}

.SelectMenu-input {
    display: block;
    width: 100%
}

@media(min-width: 544px) {
    .SelectMenu-input {
        font-size:14px
    }
}

.SelectMenu-list {
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--base-size-16);
    overflow: hidden;
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: left;
    cursor: pointer;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-item {
        padding-top:7px;
        padding-bottom: 7px
    }
}

.SelectMenu-list--borderless .SelectMenu-item {
    border-bottom: 0
}

.SelectMenu-icon {
    width: var(--base-size-16);
    margin-right: var(--base-size-8);
    flex-shrink: 0
}

.SelectMenu-icon--check {
    visibility: hidden;
    transition: transform .12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s .12s linear;
    transform: scale(0)
}

.SelectMenu-tabs {
    display: flex;
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-tabs::-webkit-scrollbar {
    display: none
}

@media(min-width: 544px) {
    .SelectMenu-tabs {
        padding:var(--base-size-8) var(--base-size-8) 0 var(--base-size-8)
    }
}

.SelectMenu-tab {
    flex: 1;
    padding: var(--base-size-8) var(--base-size-16);
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    background-color: transparent;
    border: 0;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab {
        flex:none;
        padding: var(--base-size-4) var(--base-size-16);
        border: 1px solid transparent;
        border-bottom-width: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
}

.SelectMenu-tab[aria-selected=true] {
    z-index: 1;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: default;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    box-shadow: 0 0 0 1px var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab[aria-selected=true] {
        border-color:var(--borderColor-muted, var(--color-border-muted));
        box-shadow: none
    }
}

.SelectMenu-message {
    padding: 7px var(--base-size-16);
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-blankslate,.SelectMenu-loading {
    padding: var(--base-size-24) var(--base-size-16);
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay))
}

.SelectMenu-divider {
    padding: var(--base-size-4) var(--base-size-16);
    margin: 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider {
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider:empty {
    padding: 0;
    border-top: 0
}

.SelectMenu-footer {
    z-index: 0;
    padding: var(--base-size-8) var(--base-size-16);
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-footer {
        padding:7px var(--base-size-16)
    }
}

.SelectMenu--hasFilter .SelectMenu-modal {
    height: 80%;
    max-height: none;
    margin-top: 0
}

@media(min-width: 544px) {
    .SelectMenu--hasFilter .SelectMenu-modal {
        height:auto;
        max-height: 480px;
        margin-top: var(--base-size-8)
    }
}

.SelectMenu-tab:focus,.SelectMenu-item:focus {
    outline: 0
}

.SelectMenu-item:hover {
    text-decoration: none
}

.SelectMenu-item[aria-checked=true] {
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-default, var(--color-fg-default))
}

.SelectMenu-item[aria-checked=true] .SelectMenu-icon--check {
    visibility: visible;
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear;
    transform: scale(1)
}

.SelectMenu-item:disabled,.SelectMenu-item[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    pointer-events: none
}

@media(hover: hover) {
    body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover {
        color:var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-closeButton:active {
        color: var(--fgColor-muted, var(--color-fg-muted))
    }

    body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover {
        background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
    }

    .SelectMenu-item:active {
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }

    body:not(.intent-mouse) .SelectMenu-tab:focus {
        background-color: var(--selectMenu-bgColor-active, var(--color-select-menu-tap-focus-bg))
    }

    .SelectMenu-tab:hover {
        color: var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-tab:not([aria-selected=true]):active {
        color: var(--fgColor-default, var(--color-fg-default));
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }
}

@media(hover: none) {
    .SelectMenu-item:focus,.SelectMenu-item:active {
        background-color:var(--bgColor-muted, var(--color-canvas-subtle))
    }

    .SelectMenu-item {
        -webkit-tap-highlight-color: var(--control-bgColor-active, var(--color-select-menu-tap-highlight))
    }
}

.Toast {
    display: flex;
    margin: var(--base-size-8);
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-legacy, var(--color-overlay-shadow))
}

@media(min-width: 544px) {
    .Toast {
        width:max-content;
        max-width: 450px;
        margin: var(--base-size-16)
    }
}

.Toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--base-size-16)*3);
    flex-shrink: 0;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border: 1px solid transparent;
    border-right: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.Toast-content {
    padding: var(--base-size-16)
}

.Toast-dismissButton {
    max-height: 54px;
    padding: var(--base-size-16);
    color: inherit;
    background-color: transparent;
    border: 0
}

.Toast-dismissButton:hover {
    opacity: .7
}

.Toast-dismissButton:active {
    opacity: .5
}

.Toast--loading {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-legacy, var(--color-overlay-shadow))
}

.Toast--loading .Toast-icon {
    background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis))
}

.Toast--error {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-legacy, var(--color-overlay-shadow))
}

.Toast--error .Toast-icon {
    background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis))
}

.Toast--warning {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-legacy, var(--color-overlay-shadow))
}

.Toast--warning .Toast-icon {
    background-color: var(--bgColor-attention-emphasis, var(--color-attention-emphasis))
}

.Toast--success {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-legacy, var(--color-overlay-shadow))
}

.Toast--success .Toast-icon {
    background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis))
}

.Toast--animateIn {
    animation: Toast--animateIn .18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards
}

@keyframes Toast--animateIn {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--animateOut {
    animation: Toast--animateOut .18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards
}

@keyframes Toast--animateOut {
    100% {
        pointer-events: none;
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--spinner {
    animation: Toast--spinner 1000ms linear infinite
}

@keyframes Toast--spinner {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --actionListContent-paddingBlock: var(--control-medium-paddingBlock)
}

action-list,nav-list {
    display: block
}

.ActionListHeader {
    margin-bottom: var(--base-size-16);
    margin-left: var(--base-size-8)
}

.ActionListWrap {
    list-style: none
}

.ActionListWrap--inset,.ActionListWrap--inset[popover] {
    padding: var(--base-size-8)
}

.ActionListWrap--divided .ActionListItem-label:before {
    height: 1px
}

.ActionListWrap--divided .ActionListItem-label:before,:is(.ActionListWrap--divided .ActionListItem-descriptionWrap--inline):before {
    background: var(--borderColor-muted);
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--actionListContent-paddingBlock)*-1);
    width: 100%
}

:is(.ActionListWrap--divided .ActionListItem-descriptionWrap--inline):before {
    height: var(--borderWidth-thin)
}

:is(.ActionListWrap--divided .ActionListItem-descriptionWrap--inline) .ActionListItem-label:before {
    content: unset
}

.ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before,.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before,.ActionListItem:first-of-type .ActionListItem-label:before,:is(.ActionListWrap--divided .ActionListItem--navActive) .ActionListItem-label:before,:is(.ActionListWrap--divided .ActionListItem--navActive)+.ActionListItem .ActionListItem-label:before {
    visibility: hidden
}

.ActionListItem {
    background-color: var(--control-transparent-bgColor-rest);
    border-radius: var(--borderRadius-medium);
    list-style: none;
    position: relative
}

.ActionListItem:active,.ActionListItem:hover {
    cursor: pointer
}

@media(hover: hover) {
    .ActionListItem:hover .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover .ActionListItem-label:before,.ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover+.ActionListItem .ActionListItem-label:before {
        visibility:hidden
    }
}

.ActionListItem[hidden]+.ActionList-sectionDivider {
    display: none
}

.ActionListItem.ActionListItem--hasSubItem>.ActionListContent {
    z-index: 1
}

@media(hover: hover) {
    :is(.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):hover {
        background-color:var(--control-transparent-bgColor-hover)
    }
}

:is(.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active {
    background-color: var(--control-transparent-bgColor-active)
}

@media(hover: hover) {
    :is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):hover {
        background-color:var(--control-transparent-bgColor-hover);
        cursor: pointer
    }

    :is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):hover:not(.ActionListItem--navActive,:focus-visible) {
        box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);
        outline: solid var(--borderWidth-thin) #0000;
        outline-offset: calc(var(--borderWidth-thin)*-1)
    }
}

:is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active {
    background: var(--control-transparent-bgColor-active)
}

:is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active:not(.ActionListItem--navActive) {
    box-shadow: var(--boxShadow-thin) var(--control-transparent-borderColor-active);
    outline: solid var(--borderWidth-thin) #0000;
    outline-offset: calc(var(--borderWidth-thin)*-1)
}

:is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active .ActionListItem-label:before,:is(.ActionListItem:not(.ActionListItem--hasSubItem),.ActionListItem.ActionListItem--hasSubItem>.ActionListContent):active+.ActionListItem .ActionListItem-label:before {
    visibility: hidden
}

.ActionListItem[aria-selected=true] {
    background: var(--control-transparent-bgColor-selected);
    font-weight: var(--base-text-weight-normal)
}

@media(hover: hover) {
    .ActionListItem[aria-selected=true]:hover {
        background-color:var(--control-transparent-bgColor-hover)
    }
}

.ActionListItem[aria-selected=true]+.ActionListItem:before,.ActionListItem[aria-selected=true]:before {
    visibility: hidden
}

.ActionListItem[aria-selected=true]:after {
    background: var(--borderColor-accent-emphasis);
    border-radius: var(--borderRadius-medium);
    content: "";
    height: var(--base-size-24);
    left: calc(var(--base-size-4)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4)
}

.ActionListItem.ActionListItem--navActive {
    outline: 2px solid #0000
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold)
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger) {
    background: var(--control-transparent-bgColor-selected)
}

@media(hover: hover) {
    .ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover {
        background-color:var(--control-transparent-bgColor-hover)
    }
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before,.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before {
    visibility: hidden
}

.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after {
    background: var(--borderColor-accent-emphasis);
    border-radius: var(--borderRadius-medium);
    content: "";
    height: var(--base-size-24);
    left: calc(var(--base-size-8)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4)
}

:is(:is(.ActionListItem.ActionListItem--disabled,.ActionListItem[aria-disabled=true]) .ActionListContent) .ActionListItem-description,:is(:is(.ActionListItem.ActionListItem--disabled,.ActionListItem[aria-disabled=true]) .ActionListContent) .ActionListItem-label {
    color: var(--control-fgColor-disabled)
}

:is(:is(.ActionListItem.ActionListItem--disabled,.ActionListItem[aria-disabled=true]) .ActionListContent) .ActionListItem-visual {
    fill: var(--control-fgColor-disabled)
}

@media(hover: hover) {
    :is(.ActionListItem.ActionListItem--disabled,.ActionListItem[aria-disabled=true]):hover {
        background-color:initial;
        cursor: not-allowed
    }
}

.ActionListItem.ActionListItem--danger .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListItem-visual {
    color: var(--control-danger-fgColor-rest)
}

@media(hover: hover) {
    .ActionListItem.ActionListItem--danger:hover {
        background:var(--control-danger-bgColor-hover)
    }

    .ActionListItem.ActionListItem--danger:hover .ActionListItem-description,.ActionListItem.ActionListItem--danger:hover .ActionListItem-label,.ActionListItem.ActionListItem--danger:hover .ActionListItem-visual {
        color: var(--control-danger-fgColor-hover)
    }
}

:is(.ActionListItem.ActionListItem--danger .ActionListContent):active {
    background: var(--control-danger-bgColor-active)
}

:is(.ActionListItem.ActionListItem--danger .ActionListContent):active .ActionListItem-description,:is(.ActionListItem.ActionListItem--danger .ActionListContent):active .ActionListItem-label,:is(.ActionListItem.ActionListItem--danger .ActionListContent):active .ActionListItem-visual {
    color: var(--control-danger-fgColor-hover)
}

.ActionListContent {
    background-color: initial;
    border: none;
    border-radius: var(--borderRadius-medium);
    color: var(--control-fgColor-rest);
    display: grid;
    padding-block:var(--actionListContent-paddingBlock);padding-inline: var(--control-medium-paddingInline-condensed);
    position: relative;
    text-align: left;
    touch-action: manipulation;
    transition: background 33.333ms linear;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    align-items: start;
    grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction";
    grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
    grid-template-rows: min-content
}

.ActionListContent>:not(:last-child) {
    margin-right: var(--control-medium-gap)
}

.ActionListContent:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.ActionListContent[aria-disabled=true] .ActionListItem-description,.ActionListContent[aria-disabled=true] .ActionListItem-label {
    color: var(--control-fgColor-disabled)
}

.ActionListContent[aria-disabled=true] .ActionListItem-visual {
    fill: var(--control-fgColor-disabled)
}

@media(hover: hover) {
    .ActionListContent[aria-disabled=true]:hover {
        background-color:initial;
        cursor: not-allowed
    }
}

@media screen and (prefers-reduced-motion: no-preference) {
    .ActionListContent[aria-expanded]+.ActionList--subGroup {
        transition: opacity .16s cubic-bezier(0.25, 1, 0.5, 1),transform .16s cubic-bezier(0.25, 1, 0.5, 1)
    }
}

:is(.ActionListContent[aria-expanded]+.ActionList--subGroup) .ActionListContent {
    padding-left: var(--base-size-24)
}

:is(.ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup) .ActionListContent {
    padding-left: var(--base-size-32)
}

:is(.ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup) .ActionListContent {
    padding-left: var(--base-size-36)
}

:is(.ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup) .ActionListContent {
    padding-left: var(--base-size-40)
}

.ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon {
    transform: scaleY(-1);
    transition: transform .12s linear
}

.ActionListContent[aria-expanded=true]+.ActionList--subGroup {
    height: auto;
    opacity: 1;
    overflow: visible;
    transform: translateY(0);
    visibility: visible
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label {
    font-weight: var(--base-text-weight-semibold)
}

.ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon {
    transform: scaleY(1);
    transition: transform .12s linear
}

.ActionListContent[aria-expanded=false]+.ActionList--subGroup {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(calc(var(--base-size-16) * -1));
    visibility: hidden
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] {
    background: var(--control-transparent-bgColor-selected)
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold)
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before,.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before {
    visibility: hidden
}

.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after {
    background: var(--borderColor-accent-emphasis);
    border-radius: var(--borderRadius-medium);
    content: "";
    height: var(--base-size-24);
    left: calc(var(--base-size-8)*-1);
    position: absolute;
    top: calc(50% - 12px);
    width: var(--base-size-4)
}

:is(.ActionListContent[aria-checked=true],.ActionListContent[aria-selected=true]) .FormControl-checkbox {
    background: var(--control-checked-bgColor-rest);
    border-color: var(--control-checked-borderColor-rest);
    transition: background-color,border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0s
}

:is(:is(.ActionListContent[aria-checked=true],.ActionListContent[aria-selected=true]) .FormControl-checkbox):before {
    animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms forwards;
    transition: visibility 0s linear 0s;
    visibility: visible
}

:is(.ActionListContent[aria-checked=true],.ActionListContent[aria-selected=true]) .ActionListItem-singleSelectCheckmark {
    visibility: visible
}

:is(.ActionListContent[aria-checked=false],.ActionListContent[aria-selected=false]) .ActionListItem-singleSelectCheckmark {
    transition: visibility 0s linear .2s;
    visibility: hidden
}

.ActionListContent.ActionListContent--sizeLarge {
    --actionListContent-paddingBlock: var(--control-large-paddingBlock)
}

.ActionListContent.ActionListContent--sizeXLarge {
    --actionListContent-paddingBlock: var(--control-xlarge-paddingBlock)
}

@media(pointer: coarse) {
    .ActionListContent {
        --actionListContent-paddingBlock:var(--control-large-paddingBlock)
    }
}

.ActionListContent.ActionListContent--blockDescription .ActionListItem-visual {
    place-self: start
}

.ActionListItem-action--leading {
    grid-area: leadingAction
}

.ActionListItem-visual--leading {
    grid-area: leadingVisual
}

.ActionListItem-visual--trailing {
    grid-area: trailingVisual
}

.ActionListItem-action--trailing {
    grid-area: trailingAction
}

.ActionListItem-visual--leading svg {
    fill: currentcolor
}

.ActionListItem-descriptionWrap {
    display: flex;
    flex-direction: column;
    gap: var(--base-size-4);
    grid-area: label
}

.ActionListItem-descriptionWrap .ActionListItem-label {
    font-weight: var(--base-text-weight-semibold)
}

.ActionListItem-descriptionWrap--inline {
    align-items: baseline;
    flex-direction: row;
    gap: var(--base-size-8);
    position: relative
}

.ActionListItem-description {
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-normal);
    line-height: var(--text-body-lineHeight-small)
}

.ActionListItem-action,.ActionListItem-visual {
    color: var(--fgColor-muted);
    display: flex;
    min-height: var(--control-medium-lineBoxHeight);
    pointer-events: none;
    fill: var(--fgColor-muted);
    align-items: center
}

.ActionListItem-label {
    color: var(--fgColor-default);
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-normal);
    grid-area: label;
    line-height: var(--text-body-lineHeight-medium);
    position: relative
}

.ActionListItem-label--truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ActionListItem--subItem>.ActionListContent>.ActionListItem-label {
    font-size: var(--text-body-size-small);
    line-height: var(--text-body-lineHeight-small)
}

.ActionListItem--withActions {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.ActionListItem-trailingAction {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.ActionListItem--trailingActionHover .ActionListItem-trailingAction {
    visibility: hidden
}

:is(.ActionListItem--trailingActionHover:hover,.ActionListItem--trailingActionHover:focus-within) .ActionListItem-trailingAction {
    visibility: visible
}

.ActionList-sectionDivider:not(:empty) {
    color: var(--fgColor-muted);
    display: flex;
    flex-direction: column;
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-semibold);
    line-height: var(--text-body-lineHeight-small);
    padding-block:var(--base-size-8);padding-inline: var(--actionListContent-paddingBlock)
}

.ActionList-sectionDivider:empty {
    background: var(--borderColor-muted);
    border: 0;
    display: block;
    height: var(--borderWidth-thin);
    list-style: none;
    margin-block-end:var(--base-size-8);margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));
    margin-inline:calc(var(--base-size-8)*-1);padding: 0
}

.ActionList-sectionDivider .ActionList-sectionDivider-title {
    align-self: flex-start;
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-semibold)
}

.ActionList-sectionDivider--filled {
    background: var(--bgColor-muted);
    border-bottom: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    border-top: solid var(--borderWidth-thin) var(--borderColor-muted, var(--color-action-list-item-inline-divider));
    margin-block-end:var(--base-size-8);margin-block-start: calc(var(--base-size-8) - var(--borderWidth-thin));
    margin-inline:calc(var(--base-size-8)*-1)}

.ActionList-sectionDivider--filled: empty {
    box-sizing:border-box;
    height: var(--base-size-8)
}

.ActionList-sectionDivider--filled:first-child {
    margin-block-start:0}

.autocomplete-label-stacked {
    display: block;
    margin-bottom: var(--base-size-6)
}

.autocomplete-label-inline {
    display: inline;
    margin-right: var(--base-size-6)
}

@media(max-width: 543.98px) {
    .autocomplete-label-inline {
        display:block;
        margin-bottom: var(--base-size-6)
    }
}

.autocomplete-body {
    display: inline;
    position: relative
}

.autocomplete-embedded-icon-wrap {
    align-items: center;
    display: inline-flex;
    padding: var(--base-size-4) var(--base-size-8)
}

.autocomplete-embedded-icon-wrap:focus-within {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.autocomplete-embedded-icon-wrap .form-control {
    border: none;
    box-shadow: none;
    margin-left: var(--base-size-8);
    padding: 0
}

:is(.autocomplete-embedded-icon-wrap .form-control):focus,:is(.autocomplete-embedded-icon-wrap .form-control):focus-visible {
    box-shadow: none
}

.autocomplete-results {
    background: var(--overlay-bgColor);
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
    box-shadow: var(--shadow-resting-medium);
    font-size: var(--text-codeBlock-size);
    left: 0;
    list-style: none;
    max-height: 20em;
    min-width: 100%;
    overflow-y: auto;
    position: absolute;
    width: max-content;
    z-index: 99
}

.autocomplete-item {
    background-color: var(--overlay-bgColor);
    border: 0;
    color: var(--fgColor-default);
    cursor: pointer;
    display: block;
    font-weight: var(--base-text-weight-semibold);
    overflow: hidden;
    padding: var(--base-size-4) var(--base-size-8);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.autocomplete-item,.autocomplete-item:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.autocomplete-item:hover {
    background-color: var(--bgColor-accent-emphasis);
    color: var(--fgColor-onEmphasis)
}

.autocomplete-item:hover * {
    color: inherit !important
}

.autocomplete-item.navigation-focus,.autocomplete-item.selected,.autocomplete-item[aria-selected=true] {
    background-color: var(--bgColor-accent-emphasis);
    color: var(--fgColor-onEmphasis);
    -webkit-text-decoration: none;
    text-decoration: none
}

:is(.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus) * {
    color: inherit !important
}

.Banner {
    background-image: linear-gradient(var(--bgColor-accent-muted), var(--bgColor-accent-muted));
    border: var(--borderWidth-thin) solid var(--borderColor-accent-muted);
    border-radius: var(--borderRadius-medium);
    color: var(--fgColor-default);
    display: grid;
    grid-auto-flow: column;
    grid-template-areas: "visual message actions close";
    grid-template-columns: min-content 1fr minmax(0, auto) min-content;
    grid-template-rows: min-content;
    padding: var(--base-size-8);
    position: relative
}

@media(max-width: 543.98px) {
    .Banner {
        grid-template-areas:"visual message close" ". actions actions";
        grid-template-columns: min-content 1fr min-content;
        grid-template-rows: min-content min-content
    }

    .Banner .Banner-actions {
        margin: var(--base-size-8) 0 0 var(--base-size-8)
    }
}

.Banner .Banner-visual {
    align-self: start;
    display: grid;
    grid-area: visual;
    padding: var(--base-size-6) var(--base-size-8)
}

:is(.Banner .Banner-visual)>.octicon {
    margin-block:calc(var(--base-size-4)/2)}

: is(.Banner .Banner-visual)>* {
    align-self:center
}

.Banner .Banner-message {
    align-self: center;
    grid-area: message;
    padding: var(--base-size-6) var(--base-size-8)
}

:is(.Banner .Banner-message) p:last-child {
    margin-bottom: 0
}

:is(.Banner .Banner-message) .Banner-title:not(:only-child) {
    font-weight: var(--base-text-weight-semibold);
    margin-bottom: 0
}

.Banner .Banner-actions {
    grid-area: actions
}

:is(.Banner .Banner-actions):last-child {
    align-self: center
}

.Banner .Banner-close {
    grid-area: close;
    margin-left: var(--controlStack-medium-gap-condensed)
}

.Banner .Banner-visual .octicon {
    color: var(--fgColor-accent)
}

.Banner.Banner--warning {
    background-image: linear-gradient(var(--bgColor-attention-muted), var(--bgColor-attention-muted));
    border-color: var(--borderColor-attention-muted);
    color: var(--fgColor-default)
}

.Banner.Banner--warning .Banner-visual .octicon {
    color: var(--fgColor-attention)
}

.Banner.Banner--error {
    background-image: linear-gradient(var(--bgColor-danger-muted), var(--bgColor-danger-muted));
    border-color: var(--borderColor-danger-muted);
    color: var(--fgColor-default)
}

.Banner.Banner--error .Banner-visual .octicon {
    color: var(--fgColor-danger)
}

.Banner.Banner--success {
    background-image: linear-gradient(var(--bgColor-success-muted), var(--bgColor-success-muted));
    border-color: var(--borderColor-success-muted);
    color: var(--fgColor-default)
}

.Banner.Banner--success .Banner-visual .octicon {
    color: var(--fgColor-success)
}

.Banner.Banner--upsell {
    background-image: linear-gradient(var(--bgColor-done-muted), var(--bgColor-done-muted));
    border-color: var(--borderColor-done-muted);
    color: var(--fgColor-default)
}

.Banner.Banner--upsell .Banner-visual .octicon {
    color: var(--fgColor-done)
}

.Banner.Banner--full {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    margin-top: calc(var(--borderWidth-thin)*-1)
}

@media(max-width: 767.98px) {
    .Banner.Banner--full-whenNarrow {
        border-left:0;
        border-radius: 0;
        border-right: 0;
        margin-top: calc(var(--borderWidth-thin)*-1)
    }
}

.btn-mktg {
    appearance: none !important;
    background: linear-gradient(180deg, #ffffff26 0, #fff0 100%),var(--color-mktg-btn-bg) !important;
    border: 0;
    border-radius: .375rem;
    color: var(--bgColor-default);
    display: inline-block;
    font-size: 1rem;
    font-weight: var(--base-text-weight-semibold);
    line-height: 1;
    padding: .9rem 1.5rem 1.1rem;
    position: relative;
    text-align: center;
    transition: box-shadow .2s,outline .2s ease;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    z-index: 1
}

.btn-mktg:before {
    background: linear-gradient(180deg, #ffffff26, #fff0) !important;
    background-blend-mode: normal;
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .2s;
    z-index: -1
}

.btn-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover) !important;
    -webkit-text-decoration: none;
    text-decoration: none
}

:is(.btn-mktg:hover,.btn-mktg:focus,.btn-mktg:focus-visible,.btn-mktg.focus):before {
    opacity: 1
}

.btn-mktg:focus {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

.btn-mktg:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.btn-mktg:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

.btn-mktg:active:before {
    opacity: .5 !important
}

.btn-mktg.disabled,.btn-mktg[disabled] {
    cursor: default;
    opacity: .5;
    pointer-events: none
}

.btn-muted-mktg {
    background: none !important;
    box-shadow: var(--color-mktg-btn-shadow-outline);
    color: var(--fgColor-default) !important
}

.btn-muted-mktg:before {
    display: none
}

.btn-muted-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-muted-mktg:active {
    box-shadow: var(--fgColor-default) 0 0 0 3px inset !important
}

.btn-muted-mktg:disabled {
    box-shadow: var(--fgColor-default) 0 0 0 1px inset !important
}

.btn-subtle-mktg {
    box-shadow: none !important;
    color: var(--fgColor-default) !important
}

.btn-subtle-mktg,.btn-subtle-mktg:before {
    background: none !important
}

.btn-subtle-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-signup-mktg {
    background: linear-gradient(180deg, #34b75926, #2ea44f00),#2ea44f !important;
    color: #fff
}

.btn-signup-mktg:before {
    background: linear-gradient(180deg, #34b75926, #2ea44f00) !important
}

.btn-signup-mktg:focus {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

.btn-signup-mktg:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.btn-signup-mktg:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

.btn-small-mktg {
    padding: .625rem 1rem .8125rem
}

.btn-large-mktg {
    font-size: 1.25rem;
    padding: 16px 30px 20px !important
}

@property --dialog-scrollgutter {
    initial-value: 0;
    inherits: false;
    syntax: "<length>"
}

body:has(dialog:modal.Overlay--disableScroll) {
    overflow: hidden !important;
    padding-right: var(--dialog-scrollgutter) !important
}

dialog.Overlay:not([open]) {
    display: none
}

.Overlay--hidden {
    display: none !important
}

.Overlay--visibilityHidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

@supports not selector(:popover-open) {
    [popover]:not(.\:popover-open) {
        display: none
    }
}

.Overlay {
    background-color: var(--overlay-bgColor);
    border: 0;
    border-radius: var(--borderRadius-large);
    box-shadow: var(--shadow-floating-small);
    color: var(--fgColor-default);
    display: flex;
    flex-direction: column;
    inset: 0;
    margin: auto;
    max-height: min(100vh - 2rem,var(--overlay-height));
    min-width: 192px;
    opacity: 1;
    padding: 0;
    position: static;
    white-space: normal;
    width: min(var(--overlay-width),100vw - 2rem)
}

.Overlay.Overlay--size-auto {
    max-height: calc(100vh - 2rem);
    max-width: calc(100vw - 2rem);
    min-width: 192px
}

.Overlay.Overlay--size-full {
    height: 100vh;
    width: 100vw
}

.Overlay.Overlay--size-xsmall {
    --overlay-width: 192px;
    max-height: calc(100vh - 2rem)
}

.Overlay.Overlay--size-small {
    --overlay-height: 256px;
    --overlay-width: 320px
}

.Overlay.Overlay--size-small-portrait {
    --overlay-height: 432px;
    --overlay-width: 320px
}

.Overlay.Overlay--size-medium {
    --overlay-height: 320px;
    --overlay-width: 480px
}

.Overlay.Overlay--size-medium-portrait {
    --overlay-height: 600px;
    --overlay-width: 480px
}

.Overlay.Overlay--size-large {
    --overlay-height: 432px;
    --overlay-width: 640px
}

.Overlay.Overlay--size-xlarge {
    --overlay-height: 600px;
    --overlay-width: 960px
}

.Overlay.Overlay--height-auto {
    height: auto
}

.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right {
    height: 100%;
    max-height: unset;
    position: fixed
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay.Overlay--motion-scaleFade,.Overlay.Overlay--placement-left,.Overlay.Overlay--placement-right {
        animation: Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay.Overlay--placement-left {
    animation-name: Overlay--motion-slideInRight;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    inset: 0 auto 0 0
}

.Overlay.Overlay--placement-right {
    animation-name: Overlay--motion-slideInLeft;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    inset: 0 0 0 auto
}

.Overlay.Overlay--height-xsmall {
    height: min(192px,100vh - 2rem)
}

.Overlay.Overlay--height-small {
    height: min(256px,100vh - 2rem)
}

.Overlay.Overlay--height-medium {
    height: min(320px,100vh - 2rem)
}

.Overlay.Overlay--height-large {
    height: min(432px,100vh - 2rem)
}

.Overlay.Overlay--height-xlarge {
    height: min(600px,100vh - 2rem)
}

.Overlay.Overlay--width-auto {
    width: auto
}

.Overlay.Overlay--width-small {
    width: min(256px,100vw - 2rem)
}

.Overlay.Overlay--width-medium {
    width: min(320px,100vw - 2rem)
}

.Overlay.Overlay--width-large {
    width: min(480px,100vw - 2rem)
}

.Overlay.Overlay--width-xlarge {
    width: min(640px,100vw - 2rem)
}

.Overlay.Overlay--width-xxlarge {
    width: min(960px,100vw - 2rem)
}

.Overlay:modal {
    position: fixed
}

@keyframes Overlay--motion-scaleFade {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.Overlay-form {
    flex-grow: 1;
    overflow: auto
}

.Overlay-form,.Overlay-header {
    display: flex;
    flex-direction: column
}

.Overlay-header {
    color: var(--fgColor-default);
    z-index: 1
}

.Overlay-header.Overlay-header--divided {
    box-shadow: inset 0 calc(var(--borderWidth-thin)*-1) var(--borderColor-default);
    padding-bottom: var(--stack-padding-condensed)
}

:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap {
    gap: var(--stack-gap-condensed)
}

:is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title {
    font-size: var(--text-title-size-medium)
}

:is(:is(.Overlay-header.Overlay-header--large .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description {
    font-size: var(--text-body-size-medium)
}

.Overlay-header .Overlay-headerContentWrap {
    align-items: flex-start;
    display: flex;
    gap: var(--stack-gap-condensed);
    padding: var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)
}

:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-actionWrap {
    display: flex;
    flex-direction: row;
    gap: var(--stack-gap-condensed)
}

:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--control-small-gap);
    padding: calc(var(--stack-gap-condensed)*.75) 0 calc(var(--stack-gap-condensed)*.75) var(--stack-gap-condensed)
}

:is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-title {
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-semibold);
    margin: 0
}

:is(:is(.Overlay-header .Overlay-headerContentWrap) .Overlay-titleWrap) .Overlay-description {
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-normal);
    margin: 0
}

.Overlay-headerFilter {
    padding: var(--stack-gap-condensed) var(--stack-gap-condensed) 0 var(--stack-gap-condensed)
}

.Overlay-body {
    flex-grow: 1;
    font-size: var(--text-body-size-medium);
    overflow-y: auto;
    padding: var(--stack-padding-normal);
    scrollbar-width: thin
}

.Overlay-body.Overlay-body--paddingCondensed {
    padding: var(--stack-padding-condensed);
    padding-top: 0
}

.Overlay-body.Overlay-body--paddingNone {
    padding: 0
}

.Overlay-footer {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    flex-wrap: wrap;
    padding: 0 var(--stack-padding-normal) var(--stack-padding-normal) var(--stack-padding-normal);
    z-index: 1
}

.Overlay-footer.Overlay-footer--divided {
    box-shadow: inset 0 var(--borderWidth-thin) var(--borderColor-default);
    padding-top: var(--stack-padding-normal)
}

.Overlay-footer.Overlay-footer--alignStart {
    gap: var(--stack-gap-condensed);
    justify-content: flex-start
}

.Overlay-footer.Overlay-footer--alignCenter {
    gap: var(--stack-gap-condensed);
    justify-content: center
}

.Overlay-footer.Overlay-footer--alignEnd {
    gap: var(--stack-gap-condensed);
    justify-content: flex-end
}

.Overlay-closeButton {
    align-self: flex-start;
    background-color: initial;
    border: var(--borderWidth-thin) solid #0000;
    border-radius: var(--borderRadius-medium);
    color: var(--fgColor-muted);
    cursor: pointer;
    display: grid;
    flex-shrink: 0;
    height: var(--base-size-32);
    padding: 0;
    place-content: center;
    position: relative;
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    -webkit-user-select: none;
    user-select: none;
    width: var(--base-size-32)
}

.Overlay-closeButton:focus,.Overlay-closeButton:hover {
    background-color: var(--button-default-bgColor-hover);
    border: var(--borderWidth-thin) solid var(--control-bgColor-hover)
}

.Overlay-closeButton.close-button {
    border: var(--borderWidth-thin) solid #0000
}

.Overlay--full {
    border-radius: unset !important;
    flex-grow: 1;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100%
}

@media(max-width: 767px) {
    .Overlay--placement-right-whenNarrow,.Overlay.Overlay--placement-left-whenNarrow {
        height:100%;
        max-height: 100vh;
        position: fixed
    }

    .Overlay.Overlay--placement-left-whenNarrow {
        animation-name: Overlay--motion-slideInLeft;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        inset: 0 auto 0 0
    }

    .Overlay.Overlay--placement-right-whenNarrow {
        animation-name: Overlay--motion-slideInLeft;
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        inset: 0 0 0 auto
    }

    .Overlay.Overlay--placement-bottom-whenNarrow {
        animation-name: Overlay--motion-slideUp;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        inset: auto 0 0;
        max-width: 100vw;
        width: 100%
    }

    .Overlay--full-whenNarrow {
        border-radius: unset !important;
        flex-grow: 1;
        height: 100%;
        max-height: 100vh;
        max-width: 100vw;
        width: 100%
    }
}

@keyframes Overlay--motion-slideDown {
    0% {
        transform: translateY(-100%)
    }
}

@keyframes Overlay--motion-slideUp {
    0% {
        transform: translateY(100%)
    }
}

@keyframes Overlay--motion-slideInRight {
    0% {
        transform: translateX(-100%)
    }
}

@keyframes Overlay--motion-slideInLeft {
    0% {
        transform: translateX(100%)
    }
}

.dropdown {
    position: relative
}

.dropdown-caret {
    border-bottom-color: #0000;
    border-left-color: #0000;
    border-right-color: #0000;
    border-style: solid;
    border-width: var(--borderWidth-thicker) var(--borderWidth-thicker) 0;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0
}

.dropdown-menu-new{
    background-clip: padding-box;
    background-color: var(--overlay-bgColor);
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
    box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
    left: 0;
    list-style: none;
    margin-top: var(--base-size-2);
    padding-bottom: var(--control-small-paddingBlock);
    padding-top: var(--control-small-paddingBlock);
    position: absolute;
    top: 100%;
    width: 160px;
    z-index: 100
}

.dropdown-menu-new:after,.dropdown-menu-new:before {
    content: "";
    display: inline-block;
    position: absolute
}

.dropdown-menu-new:before {
    border: 8px solid #0000;
    border-bottom: 8px solid var(--borderColor-default)
}

.dropdown-menu-new:after {
    border: 7px solid #0000;
    border-bottom: 7px solid var(--overlay-bgColor)
}

.dropdown-menu-new>ul {
    list-style: none
}

.dropdown-menu-no-overflow {
    width: auto
}

.dropdown-menu-no-overflow .dropdown-item {
    overflow: visible;
    padding: var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious);
    text-overflow: inherit
}

.dropdown-item {
    color: var(--fgColor-default);
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock) var(--control-medium-paddingInline-condensed) var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious);
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-item:hover {
    background-color: var(--bgColor-accent-emphasis);
    color: var(--fgColor-onEmphasis);
    -webkit-text-decoration: none;
    text-decoration: none
}

.dropdown-item:hover>.octicon {
    color: inherit;
    opacity: 1
}

.dropdown-item:hover [class*=color-fg-] {
    color: inherit !important
}

.dropdown-item:hover>.Label {
    border-color: currentcolor;
    color: inherit !important
}

.dropdown-item.btn-link,.dropdown-signout {
    text-align: left;
    width: 100%
}

.dropdown-signout {
    background: none;
    border: 0
}

.dropdown-divider {
    border-top: var(--borderWidth-thin) solid var(--borderColor-default);
    display: block;
    height: 0;
    margin: var(--stack-gap-condensed) 0
}

.dropdown-header {
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-small);
    padding: var(--control-small-paddingBlock) var(--control-medium-paddingInline-spacious)
}

.dropdown-item[aria-checked=false] .octicon-check {
    display: none
}

.dropdown-menu-w {
    left: auto;
    margin-right: var(--base-size-8);
    margin-top: 0;
    right: 100%;
    top: 0;
    width: auto
}

.dropdown-menu-w:before {
    border-color: #0000;
    border-left-color: var(--borderColor-default);
    left: auto;
    right: -16px;
    top: 10px
}

.dropdown-menu-w:after {
    border-color: #0000;
    border-left-color: var(--overlay-bgColor);
    left: auto;
    right: -14px;
    top: var(--base-size-12)
}

.dropdown-menu-e {
    left: 100%;
    margin-left: var(--base-size-8);
    margin-top: 0;
    top: 0;
    width: auto
}

.dropdown-menu-e:before {
    border-color: #0000;
    border-right-color: var(--borderColor-default);
    left: -16px;
    top: 10px
}

.dropdown-menu-e:after {
    border-color: #0000;
    border-right-color: var(--overlay-bgColor);
    left: -14px;
    top: var(--base-size-12)
}

.dropdown-menu-ne {
    bottom: 100%;
    left: 0;
    margin-bottom: var(--base-size-4);
    top: auto
}

.dropdown-menu-ne:after,.dropdown-menu-ne:before {
    right: auto;
    top: auto
}

.dropdown-menu-ne:before {
    border-bottom: 0;
    border-left: 8px solid #0000;
    border-right: 8px solid #0000;
    border-top: 8px solid var(--borderColor-default);
    bottom: -8px;
    left: var(--base-size-8)
}

.dropdown-menu-ne:after {
    border-bottom: 0;
    border-left: 7px solid #0000;
    border-right: 7px solid #0000;
    border-top: 7px solid var(--overlay-bgColor);
    bottom: -7px;
    left: 10px
}

.dropdown-menu-s {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

.dropdown-menu-s:before {
    right: 50%;
    top: -16px;
    transform: translateX(50%)
}

.dropdown-menu-s:after {
    right: 50%;
    top: -14px;
    transform: translateX(50%)
}

.dropdown-menu-sw {
    left: auto;
    right: 0
}

.dropdown-menu-sw:before {
    left: auto;
    right: var(--base-size-8);
    top: -16px
}

.dropdown-menu-sw:after {
    left: auto;
    right: 10px;
    top: -14px
}

.dropdown-menu-se:before {
    left: var(--base-size-8);
    top: -16px
}

.dropdown-menu-se:after {
    left: 10px;
    top: -14px
}

.Layout {
    display: grid;
    --Layout-sidebar-width: 220px;
    --Layout-gutter: 16px
}

@media(max-width: 543.98px) {
    .Layout {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout .Layout-divider,.Layout .Layout-main,.Layout .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout-divider--flowRow-hidden:is(.Layout.Layout--divided .Layout-divider) {
        display: none
    }

    .Layout-divider--flowRow-shallow:is(.Layout.Layout--divided .Layout-divider) {
        background: var(--bgColor-inset);
        border-color: var(--borderColor-default);
        border-style: solid;
        border-width: var(--borderWidth-thin) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 767.98px) {
    .Layout.Layout--flowRow-until-md {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main,.Layout.Layout--flowRow-until-md .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-md.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout-divider--flowRow-hidden:is(.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider) {
        display: none
    }

    .Layout-divider--flowRow-shallow:is(.Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider) {
        background: var(--bgColor-inset);
        border-color: var(--borderColor-default);
        border-style: solid;
        border-width: var(--borderWidth-thin) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 1011.98px) {
    .Layout.Layout--flowRow-until-lg {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main,.Layout.Layout--flowRow-until-lg .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout-divider--flowRow-hidden:is(.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider) {
        display: none
    }

    .Layout-divider--flowRow-shallow:is(.Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider) {
        background: var(--bgColor-inset);
        border-color: var(--borderColor-default);
        border-style: solid;
        border-width: var(--borderWidth-thin) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

.Layout {
    grid-auto-flow: column;
    grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)));
    grid-gap: var(--Layout-gutter)
}

.Layout .Layout-sidebar {
    grid-column: 1
}

.Layout .Layout-divider {
    display: none
}

.Layout .Layout-main {
    grid-column: 2/span 2
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-gutter:24px
    }
}

.Layout.Layout--gutter-none {
    --Layout-gutter: 0px
}

.Layout.Layout--gutter-condensed {
    --Layout-gutter: 16px
}

@media(min-width: 1012px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter:32px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter:40px
    }
}

@media(min-width: 544px) {
    .Layout {
        --Layout-sidebar-width:220px
    }
}

@media(min-width: 768px) {
    .Layout {
        --Layout-sidebar-width:256px
    }
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-sidebar-width:296px
    }
}

@media(min-width: 768px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width:240px
    }
}

@media(min-width: 1012px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width:256px
    }

    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width: 320px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width:336px
    }
}

.Layout.Layout--sidebarPosition-start .Layout-sidebar {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-start .Layout-main {
    grid-column: 2/span 2
}

.Layout.Layout--sidebarPosition-end {
    grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto
}

.Layout.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 2/span 2
}

.Layout.Layout--divided .Layout-divider {
    background: var(--borderColor-default);
    display: block;
    grid-column: 2;
    margin-right: -1px;
    width: 1px
}

.Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 3/span 1
}

.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout-divider {
    display: none;
    width: 1px
}

.Layout-sidebar {
    width: var(--Layout-sidebar-width)
}

.Layout-main {
    min-width: 0
}

.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-xl {
    margin-left: auto;
    margin-right: auto
}

:is(.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl)>.container-lg,:is(.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl)>.container-md,:is(.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-xl)>.container-xl {
    margin-left: 0
}

.Layout-main .Layout-main-centered-md {
    max-width: calc(var(--breakpoint-medium) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-lg {
    max-width: calc(var(--breakpoint-large) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-xl {
    max-width: calc(var(--breakpoint-xlarge) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.menu {
    background-color: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
    list-style: none;
    margin-bottom: var(--stack-gap-normal)
}

.menu-item {
    border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
    color: var(--fgColor-default);
    display: block;
    padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious);
    position: relative
}

.menu-item:first-child {
    border-top: 0;
    border-top-right-radius: var(--borderRadius-medium)
}

.menu-item:first-child,.menu-item:first-child:before {
    border-top-left-radius: var(--borderRadius-medium)
}

.menu-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: var(--borderRadius-medium)
}

.menu-item:last-child,.menu-item:last-child:before {
    border-bottom-left-radius: var(--borderRadius-medium)
}

.menu-item:hover {
    background-color: var(--bgColor-neutral-muted);
    -webkit-text-decoration: none;
    text-decoration: none
}

.menu-item:active {
    background-color: var(--bgColor-muted)
}

.menu-item.selected,.menu-item[aria-current]:not([aria-current=false]),.menu-item[aria-selected=true] {
    background-color: var(--menu-bgColor-active);
    cursor: default
}

:is(.menu-item.selected,.menu-item[aria-selected=true],.menu-item[aria-current]:not([aria-current=false])):before {
    background-color: var(--underlineNav-borderColor-active);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.menu-item .octicon {
    color: var(--fgColor-muted);
    margin-right: var(--control-medium-gap);
    text-align: center;
    width: 16px
}

.menu-item .Counter {
    float: right;
    margin-left: var(--control-small-gap)
}

.menu-item .menu-warning {
    color: var(--fgColor-attention);
    float: right
}

.menu-item .avatar {
    float: left;
    margin-right: var(--control-small-gap)
}

.menu-item.alert .Counter {
    color: var(--fgColor-danger)
}

.menu-heading {
    border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
    color: var(--fgColor-default);
    display: block;
    font-size: inherit;
    font-weight: var(--base-text-weight-semibold);
    margin-bottom: 0;
    margin-top: 0;
    padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)
}

.menu-heading:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.menu-heading:first-child {
    border-top-left-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium)
}

.menu-heading:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium)
}

.SegmentedControl {
    --segmentedControl-item-padding: var(--control-small-paddingBlock);
    --overlay-offset: 0.5rem;
    background-color: var(--controlTrack-bgColor-rest, var(--color-segmented-control-bg));
    border-color: var(--controlTrack-borderColor-rest, #0000);
    border-radius: var(--borderRadius-medium);
    display: inline-flex;
    list-style: none
}

.SegmentedControl--iconOnly .Button--iconOnly.Button--medium,.SegmentedControl--iconOnly .Button--iconOnly.Button--small {
    padding-inline:0 !important;width: 100%
}

.SegmentedControl--small {
    --segmentedControl-item-padding: var(--control-xsmall-paddingBlock)
}

.SegmentedControl--small .SegmentedControl-item {
    height: var(--control-small-size)
}

:is(.SegmentedControl--small .SegmentedControl-item) .Button {
    padding-inline:calc(var(--control-xsmall-paddingInline-normal) - var(--segmentedControl-item-padding))}

.SegmentedControl--small.SegmentedControl--iconOnly .SegmentedControl-item {
    width: var(--control-small-size)
}

.SegmentedControl--medium .SegmentedControl-item {
    height: var(--control-medium-size)
}

.SegmentedControl--medium.SegmentedControl--iconOnly .SegmentedControl-item {
    width: var(--control-medium-size)
}

.SegmentedControl-item {
    border: var(--borderWidth-thin) solid #0000;
    border-radius: var(--borderRadius-medium);
    display: inline-flex;
    height: var(--control-medium-size);
    justify-content: center;
    padding: var(--segmentedControl-item-padding);
    position: relative
}

:is(.SegmentedControl-item .Button--invisible):hover:not(:disabled) {
    background-color: var(--controlTrack-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

:is(.SegmentedControl-item .Button--invisible):active:not(:disabled) {
    background-color: var(--controlTrack-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.SegmentedControl-item.SegmentedControl-item--selected {
    background-color: var(--controlKnob-bgColor-rest, var(--color-segmented-control-button-bg));
    border-color: var(--controlKnob-borderColor-rest, var(--color-segmented-control-button-selected-border))
}

.SegmentedControl-item.SegmentedControl-item--selected .Button {
    font-weight: var(--base-text-weight-semibold)
}

:is(.SegmentedControl-item.SegmentedControl-item--selected .Button):hover {
    background-color: initial
}

.SegmentedControl-item.SegmentedControl-item--selected:before {
    border-color: #0000 !important
}

.SegmentedControl-item.SegmentedControl-item--selected+.SegmentedControl-item:before {
    border-color: #0000
}

.SegmentedControl-item .Button-label[data-content]:before {
    content: attr(data-content);
    display: block;
    font-weight: var(--base-text-weight-semibold);
    height: 0;
    visibility: hidden
}

.SegmentedControl-item:not(:first-child):before {
    border-left: var(--borderWidth-thin) solid var(--borderColor-default);
    content: "";
    inset: 0 0 0 -1px;
    margin-bottom: var(--control-medium-paddingBlock);
    margin-top: var(--control-medium-paddingBlock);
    position: absolute
}

.SegmentedControl-item .Button {
    border: 0;
    border-radius: calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/2);
    font-weight: var(--base-text-weight-normal);
    height: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-inline:calc(var(--control-medium-paddingInline-normal) - var(--segmentedControl-item-padding));width: 100%
}

:is(.SegmentedControl-item .Button):focus-visible {
    border-radius: calc(var(--borderRadius-medium) - var(--segmentedControl-item-padding)/1);
    outline-offset: calc(var(--segmentedControl-item-padding) - var(--borderWidth-thin))
}

.SegmentedControl-item .Button--invisible.Button--invisible-noVisuals .Button-label {
    color: var(--button-default-fgColor-rest)
}

.SegmentedControl-item .Button-content {
    align-self: stretch;
    flex: 1 1 auto
}

.SegmentedControl-item .Button-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.SegmentedControl--fullWidth {
    display: flex
}

.SegmentedControl--fullWidth .SegmentedControl-item {
    flex: 1;
    justify-content: center
}

.SelectPanel-emptyPanel,.SelectPanel-loadingPanel {
    min-height: min(var(--overlay-height) - 10rem,100vh - 2rem)
}

.Stack {
    align-content: flex-start;
    align-items: stretch;
    display: flex;
    flex-flow: column;
    gap: var(--stack-gap, var(--stack-gap-normal, 1rem))
}

.Stack[data-padding-narrow=none],.Stack[data-padding=none] {
    padding: 0
}

.Stack[data-padding-narrow=condensed],.Stack[data-padding=condensed] {
    padding: var(--stack-padding-condensed, 8px)
}

.Stack[data-padding-narrow=normal],.Stack[data-padding=normal] {
    padding: var(--stack-padding-normal, 16px)
}

.Stack[data-padding-narrow=spacious],.Stack[data-padding=spacious] {
    padding: var(--stack-padding-spacious, 24px)
}

.Stack[data-direction-narrow=horizontal],.Stack[data-direction=horizontal] {
    flex-flow: row
}

.Stack[data-direction-narrow=vertical],.Stack[data-direction=vertical] {
    flex-flow: column
}

.Stack[data-gap-narrow=none],.Stack[data-gap=none] {
    --stack-gap: var(--stack-gap-none,0)
}

.Stack[data-gap-narrow=condensed],.Stack[data-gap=condensed] {
    --stack-gap: var(--stack-gap-condensed,0.5rem)
}

.Stack[data-gap-narrow=normal],.Stack[data-gap=normal] {
    --stack-gap: var(--stack-gap-normal,1rem)
}

.Stack[data-gap-narrow=spacious],.Stack[data-gap=spacious] {
    --stack-gap: var(--stack-gap-spacious,1.5rem)
}

.Stack[data-align-narrow=start],.Stack[data-align=start] {
    align-items: flex-start
}

.Stack[data-align-narrow=center],.Stack[data-align=center] {
    align-items: center
}

.Stack[data-align-narrow=end],.Stack[data-align=end] {
    align-items: flex-end
}

.Stack[data-align-narrow=baseline],.Stack[data-align=baseline] {
    align-items: baseline
}

.Stack[data-justify-narrow=start],.Stack[data-justify=start] {
    justify-content: flex-start
}

.Stack[data-justify-narrow=center],.Stack[data-justify=center] {
    justify-content: center
}

.Stack[data-justify-narrow=end],.Stack[data-justify=end] {
    justify-content: flex-end
}

.Stack[data-justify-narrow=space-between],.Stack[data-justify=space-between] {
    justify-content: space-between
}

.Stack[data-justify-narrow=space-evenly],.Stack[data-justify=space-evenly] {
    justify-content: space-evenly
}

.Stack[data-wrap-narrow=wrap],.Stack[data-wrap=wrap] {
    flex-wrap: wrap
}

.Stack[data-wrap-narrow=nowrap],.Stack[data-wrap=nowrap] {
    flex-wrap: nowrap
}

@media(min-width: 48rem) {
    .Stack[data-padding-regular=none] {
        padding:0
    }

    .Stack[data-padding-regular=condensed] {
        padding: var(--stack-padding-condensed, 8px)
    }

    .Stack[data-padding-regular=normal] {
        padding: var(--stack-padding-normal, 16px)
    }

    .Stack[data-padding-regular=spacious] {
        padding: var(--stack-padding-spacious, 24px)
    }

    .Stack[data-direction-regular=horizontal] {
        flex-flow: row
    }

    .Stack[data-direction-regular=vertical] {
        flex-flow: column
    }

    .Stack[data-gap-regular=none] {
        --stack-gap: var(--stack-gap-none,0)
    }

    .Stack[data-gap-regular=condensed] {
        --stack-gap: var(--stack-gap-condensed,0.5rem)
    }

    .Stack[data-gap-regular=normal] {
        --stack-gap: var(--stack-gap-normal,1rem)
    }

    .Stack[data-gap-regular=spacious] {
        --stack-gap: var(--stack-gap-spacious,1.5rem)
    }

    .Stack[data-align-regular=start] {
        align-items: flex-start
    }

    .Stack[data-align-regular=center] {
        align-items: center
    }

    .Stack[data-align-regular=end] {
        align-items: flex-end
    }

    .Stack[data-align-regular=baseline] {
        align-items: baseline
    }

    .Stack[data-justify-regular=start] {
        justify-content: flex-start
    }

    .Stack[data-justify-regular=center] {
        justify-content: center
    }

    .Stack[data-justify-regular=end] {
        justify-content: flex-end
    }

    .Stack[data-justify-regular=space-between] {
        justify-content: space-between
    }

    .Stack[data-justify-regular=space-evenly] {
        justify-content: space-evenly
    }

    .Stack[data-wrap-regular=wrap] {
        flex-wrap: wrap
    }

    .Stack[data-wrap-regular=nowrap] {
        flex-wrap: nowrap
    }
}

@media(min-width: 87.5rem) {
    .Stack[data-padding-wide=none] {
        padding:0
    }

    .Stack[data-padding-wide=condensed] {
        padding: var(--stack-padding-condensed, 8px)
    }

    .Stack[data-padding-wide=normal] {
        padding: var(--stack-padding-normal, 16px)
    }

    .Stack[data-padding-wide=spacious] {
        padding: var(--stack-padding-spacious, 24px)
    }

    .Stack[data-direction-wide=horizontal] {
        flex-flow: row
    }

    .Stack[data-direction-wide=vertical] {
        flex-flow: column
    }

    .Stack[data-gap-wide=none] {
        --stack-gap: var(--stack-gap-none,0)
    }

    .Stack[data-gap-wide=condensed] {
        --stack-gap: var(--stack-gap-condensed,0.5rem)
    }

    .Stack[data-gap-wide=normal] {
        --stack-gap: var(--stack-gap-normal,1rem)
    }

    .Stack[data-gap-wide=spacious] {
        --stack-gap: var(--stack-gap-spacious,1.5rem)
    }

    .Stack[data-align-wide=start] {
        align-items: flex-start
    }

    .Stack[data-align-wide=center] {
        align-items: center
    }

    .Stack[data-align-wide=end] {
        align-items: flex-end
    }

    .Stack[data-align-wide=baseline] {
        align-items: baseline
    }

    .Stack[data-justify-wide=start] {
        justify-content: flex-start
    }

    .Stack[data-justify-wide=center] {
        justify-content: center
    }

    .Stack[data-justify-wide=end] {
        justify-content: flex-end
    }

    .Stack[data-justify-wide=space-between] {
        justify-content: space-between
    }

    .Stack[data-justify-wide=space-evenly] {
        justify-content: space-evenly
    }

    .Stack[data-wrap-wide=wrap] {
        flex-wrap: wrap
    }

    .Stack[data-wrap-wide=nowrap] {
        flex-wrap: nowrap
    }
}

.StackItem {
    flex: 0 1 auto;
    min-inline-size: 0
}

.StackItem[data-grow-narrow=true],.StackItem[data-grow=true] {
    flex-grow: 1
}

@media(min-width: 48rem) {
    .StackItem[data-grow-regular=true] {
        flex-grow:1
    }

    .StackItem[data-grow-regular=false] {
        flex-grow: 0
    }
}

@media(min-width: 87.5rem) {
    .StackItem[data-grow-wide=true] {
        flex-grow:1
    }

    .StackItem[data-grow-wide=false] {
        flex-grow: 0
    }
}

.tabnav {
    border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
    margin-bottom: var(--stack-gap-normal);
    margin-top: 0
}

.tabnav-tabs {
    display: flex;
    margin-bottom: calc(var(--borderWidth-thin)*-1);
    overflow: hidden
}

.tabnav-tab {
    background-color: initial;
    border: var(--borderWidth-thin) solid #0000;
    border-bottom: 0;
    color: var(--fgColor-muted);
    display: inline-block;
    flex-shrink: 0;
    font-size: var(--text-body-size-medium);
    line-height: 23px;
    padding: var(--base-size-8) var(--control-medium-paddingInline-spacious);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .2s cubic-bezier(0.3, 0, 0.5, 1)
}

.tabnav-tab.selected,.tabnav-tab[aria-current]:not([aria-current=false]),.tabnav-tab[aria-selected=true] {
    background-color: var(--bgColor-default);
    border-color: var(--borderColor-default);
    border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0;
    color: var(--fgColor-default)
}

:is(.tabnav-tab.selected,.tabnav-tab[aria-selected=true],.tabnav-tab[aria-current]:not([aria-current=false])) .octicon {
    color: inherit
}

.tabnav-tab:hover {
    color: var(--fgColor-default);
    -webkit-text-decoration: none;
    text-decoration: none;
    transition-duration: .1s
}

.tabnav-tab:focus,.tabnav-tab:focus-visible {
    border-radius: var(--borderRadius-medium) var(--borderRadius-medium) 0 0 !important;
    outline-offset: -6px
}

.tabnav-tab .octicon,.tabnav-tab:active {
    color: var(--fgColor-muted)
}

.tabnav-tab .octicon {
    margin-right: var(--control-small-gap)
}

.tabnav-tab .Counter {
    color: inherit;
    margin-left: var(--control-small-gap)
}

.tabnav-extra {
    color: var(--fgColor-muted);
    display: inline-block;
    font-size: var(--text-body-size-small);
    margin-left: 10px;
    padding-top: 10px
}

.tabnav-extra>.octicon {
    margin-right: var(--base-size-2)
}

a.tabnav-extra:hover {
    color: var(--fgColor-accent);
    -webkit-text-decoration: none;
    text-decoration: none
}

.tabnav-btn {
    margin-left: var(--controlStack-medium-gap-condensed)
}

.FormControl {
    display: inline-flex;
    flex-direction: column;
    gap: var(--base-size-4)
}

.FormControl--fullWidth {
    display: flex
}

.FormControl-label {
    color: var(--fgColor-default);
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-semibold);
    line-height: var(--text-body-lineHeight-medium)
}

.FormControl-caption {
    color: var(--fgColor-muted);
    font-weight: var(--text-caption-weight);
    margin-bottom: 0
}

.FormControl-caption,.FormControl-inlineValidation {
    font-size: var(--text-caption-size);
    line-height: var(--text-caption-lineHeight)
}

.FormControl-inlineValidation {
    color: var(--control-danger-fgColor-rest);
    display: flex;
    font-weight: var(--base-text-weight-semibold);
    fill: var(--control-danger-fgColor-rest);
    align-items: flex-start;
    flex-direction: row;
    gap: var(--base-size-4)
}

.FormControl-inlineValidation p {
    margin-bottom: 0
}

.FormControl-inlineValidation--success {
    color: var(--fgColor-success);
    fill: var(--fgColor-success)
}

.FormControl-inlineValidation--visual {
    align-items: center;
    display: flex;
    min-height: var(--base-size-16)
}

.FormControl-spacingWrapper {
    display: flex;
    flex-direction: column;
    row-gap: var(--stack-gap-normal)
}

.FormControl-horizontalGroup {
    column-gap: .5rem;
    display: flex
}

.FormControl-input,.FormControl-select,.FormControl-textarea {
    background-color: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
    box-shadow: var(--shadow-inset);
    color: var(--fgColor-default)
}

[disabled]:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    background-color: var(--control-bgColor-disabled);
    border-color: var(--control-borderColor-disabled);
    box-shadow: none;
    color: var(--control-fgColor-disabled);
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: var(--control-fgColor-disabled)
}

[invalid=true]:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not(:focus) {
    border-color: var(--control-borderColor-danger)
}

[invalid=false]:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not(:focus) {
    border-color: var(--control-borderColor-success)
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor);
    outline: none
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea):not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.FormControl-input,.FormControl-select,.FormControl-textarea {
    border-radius: var(--borderRadius-medium);
    font-size: var(--text-body-size-medium);
    line-height: var(--text-body-lineHeight-medium);
    padding-block:calc(var(--control-medium-paddingBlock) - var(--borderWidth-thin));padding-inline: var(--control-medium-paddingInline-condensed);
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color;
    width: 100%
}

[disabled]:is(.FormControl-input,.FormControl-select,.FormControl-textarea)::placeholder {
    color: var(--control-fgColor-disabled)
}

[readonly]:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    background-color: var(--control-bgColor-disabled)
}

:is(.FormControl-input,.FormControl-select,.FormControl-textarea)::placeholder {
    color: var(--control-fgColor-placeholder);
    opacity: 1
}

.FormControl-small:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    font-size: var(--text-body-size-small);
    height: var(--control-small-size);
    padding-block:var(--control-small-paddingBlock);padding-inline: var(--control-small-paddingInline-normal)
}

.FormControl-medium:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    height: var(--control-medium-size)
}

.FormControl-large:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    height: var(--control-large-size);
    padding-block:var(--control-large-paddingBlock);padding-inline: var(--control-large-paddingInline-normal)
}

.FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    background-color: var(--bgColor-muted)
}

.FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea):focus,.FormControl-inset:is(.FormControl-input,.FormControl-select,.FormControl-textarea):focus-visible {
    background-color: var(--bgColor-default)
}

.FormControl-monospace:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    font-family: var(--fontStack-monospace)
}

.FormControl-error:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    border-color: var(--control-borderColor-danger)
}

.FormControl-success:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    border-color: var(--control-borderColor-success)
}

.FormControl-warning:is(.FormControl-input,.FormControl-select,.FormControl-textarea) {
    border-color: var(--control-borderColor-warning)
}

.FormControl-toggleSwitchInput {
    align-items: flex-start;
    display: flex;
    gap: var(--base-size-16)
}

.FormControl-input-wrap {
    display: grid;
    position: relative
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap {
    color: var(--fgColor-muted);
    display: block;
    height: var(--base-size-16);
    left: var(--base-size-8);
    pointer-events: none;
    position: absolute;
    top: var(--base-size-8);
    width: var(--base-size-16)
}

:is(.FormControl-input-wrap .FormControl-input-leadingVisualWrap) .FormControl-input-leadingVisual {
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.FormControl-input-wrap .FormControl-input-trailingVisualWrap {
    align-items: center;
    color: var(--fgColor-muted);
    display: flex;
    gap: var(--base-size-4);
    height: var(--base-size-16);
    pointer-events: none;
    position: absolute;
    right: var(--base-size-8);
    top: var(--base-size-8)
}

:is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap):has(.FormControl-input-trailingVisualLabel),:is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap):has(.FormControl-input-trailingVisualText) {
    max-width: 25%;
    padding-left: var(--base-size-8)
}

:is(.FormControl-input-wrap .FormControl-input-trailingVisualWrap) .FormControl-input-trailingVisualLabel {
    overflow: hidden;
    text-overflow: ellipsis
}

.FormControl-input-wrap .FormControl-input-trailingAction {
    align-items: center;
    background: #0000;
    border: 0;
    border-radius: var(--borderRadius-small);
    color: var(--fgColor-muted);
    cursor: pointer;
    display: grid;
    height: var(--control-xsmall-size);
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--base-size-4);
    top: var(--base-size-4);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    width: var(--control-xsmall-size);
    z-index: 4
}

:is(.FormControl-input-wrap .FormControl-input-trailingAction) svg {
    -webkit-user-select: none;
    user-select: none
}

[disabled]:is(.FormControl-input-wrap .FormControl-input-trailingAction) {
    color: var(--control-fgColor-disabled);
    pointer-events: none
}

:is(.FormControl-input-wrap .FormControl-input-trailingAction):hover {
    background: var(--control-transparent-bgColor-hover)
}

:is(.FormControl-input-wrap .FormControl-input-trailingAction):active {
    background: var(--control-transparent-bgColor-active)
}

.FormControl-input-trailingAction--divider:is(.FormControl-input-wrap .FormControl-input-trailingAction):before {
    background: var(--borderColor-default);
    content: "";
    display: block;
    height: var(--base-size-16);
    left: calc(var(--base-size-4)*-1);
    position: absolute;
    top: calc((var(--control-xsmall-size) - var(--base-size-16))/2);
    width: var(--borderWidth-thin)
}

:is(:is(.FormControl-input-wrap .FormControl-input-trailingAction):after) {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size) var(--control-medium-size);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: coarse) {
    :is(.FormControl-input-wrap .FormControl-input-trailingAction):after {
        min-height:var(--control-minTarget-coarse);
        min-width: var(--control-minTarget-coarse)
    }
}

.FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input {
    padding-inline-start:calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap))}

.FormControl-input-wrap.FormControl-input-wrap--trailingVisual .FormControl-input {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap))
}

.FormControl-input-wrap.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualLabel) .FormControl-input,.FormControl-input-wrap.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualText) .FormControl-input {
    padding-inline-end:25%}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input {
    padding-inline-end:calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap))}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed) + var(--base-size-16) + var(--control-medium-gap) + var(--borderWidth-thin))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap {
    left: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2));
    top: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingVisualWrap {
    right: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2));
    top: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2))
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small {
    padding-inline-end:calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap))}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small {
    padding-inline-end: calc(var(--control-small-paddingInline-condensed) + var(--base-size-16) + var(--control-small-gap) + var(--borderWidth-thin))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction {
    height: calc(var(--control-small-size) - var(--base-size-8));
    width: calc(var(--control-small-size) - var(--base-size-8))
}

:is(.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction):before {
    top: calc((var(--control-xsmall-size) - var(--base-size-16))/4)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap {
    left: var(--control-medium-paddingInline-normal);
    top: var(--control-medium-paddingInline-normal)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingVisualWrap {
    right: var(--control-medium-paddingInline-normal);
    top: var(--control-medium-paddingInline-normal)
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large {
    padding-inline-start:calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap))}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual .FormControl-input {
    padding-inline-end: calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap))
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingLabel .FormControl-input.FormControl-large,.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingText .FormControl-input.FormControl-large,.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualLabel) .FormControl-input,.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingVisual:has(.FormControl-input-trailingVisualText) .FormControl-input {
    padding-inline-end:25%}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large {
    padding-inline-end:calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap))}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large {
    padding-inline-end: calc(var(--control-large-paddingInline-normal) + var(--base-size-16) + var(--control-large-gap) + var(--borderWidth-thin))
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction {
    height: var(--control-small-size);
    right: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2));
    top: calc(var(--control-medium-paddingInline-condensed) - var(--base-size-2));
    width: var(--control-small-size)
}

:is(.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction):before {
    height: var(--base-size-20);
    top: unset
}

.FormControl-select-wrap {
    display: grid;
    grid-template-columns: minmax(0, auto) var(--base-size-16)
}

.FormControl-select-wrap:after {
    background-color: var(--bgColor-neutral-emphasis);
    content: "";
    grid-column: 2;
    grid-row: 1;
    height: var(--base-size-16);
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzU4NjA2OSIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBkPSJtNC40MjcgOS40MjcgMy4zOTYgMy4zOTZhLjI1LjI1IDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3TTQuNDIzIDYuNDcgNy44MiAzLjA3MmEuMjUuMjUgMCAwIDEgLjM1NCAwTDExLjU3IDYuNDdhLjI1LjI1IDAgMCAxLS4xNzcuNDI3SDQuNmEuMjUuMjUgMCAwIDEtLjE3Ny0uNDI3Ii8+PC9zdmc+");
    mask-repeat: no-repeat;
    mask-size: contain;
    padding-right: var(--base-size-4);
    place-self: center end;
    pointer-events: none;
    width: var(--base-size-16)
}

.FormControl-select-wrap .FormControl-select {
    appearance: none;
    grid-column: 1/-1;
    grid-row: 1;
    padding-right: var(--base-size-20)
}

.FormControl-select-wrap[data-multiple]:after {
    content: none
}

.FormControl-select-wrap[data-multiple] .FormControl-select {
    padding-right: var(--base-size-8)
}

.FormControl-checkbox-wrap,.FormControl-radio-wrap {
    display: inline-grid;
    gap: var(--base-size-8);
    grid-template-columns: min-content auto
}

:is(.FormControl-checkbox-wrap,.FormControl-radio-wrap) .FormControl-checkbox-labelWrap,:is(.FormControl-checkbox-wrap,.FormControl-radio-wrap) .FormControl-radio-labelWrap {
    display: flex;
    flex-direction: column;
    gap: var(--base-size-4)
}

:is(.FormControl-checkbox-wrap,.FormControl-radio-wrap) .FormControl-label {
    cursor: pointer
}

.FormControl-check-group-wrap fieldset,.FormControl-radio-group-wrap fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.FormControl-checkbox {
    background-color: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
    box-shadow: var(--shadow-inset);
    color: var(--fgColor-default)
}

.FormControl-checkbox[disabled] {
    background-color: var(--control-bgColor-disabled);
    border-color: var(--control-borderColor-disabled);
    box-shadow: none;
    color: var(--control-fgColor-disabled);
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: var(--control-fgColor-disabled)
}

.FormControl-checkbox[invalid=true]:not(:focus) {
    border-color: var(--control-borderColor-danger)
}

.FormControl-checkbox[invalid=false]:not(:focus) {
    border-color: var(--control-borderColor-success)
}

.FormControl-checkbox:not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.FormControl-checkbox:not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor);
    outline: none
}

.FormControl-checkbox:not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.FormControl-checkbox {
    appearance: none;
    border-color: var(--control-borderColor-emphasis);
    border-radius: var(--borderRadius-small);
    cursor: pointer;
    display: grid;
    height: var(--base-size-16);
    margin: 0;
    margin-top: var(--base-size-2);
    place-content: center;
    position: relative;
    transition: background-color,border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16)
}

.FormControl-checkbox:before {
    animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards;
    background-color: var(--control-checked-fgColor-rest);
    clip-path: inset(var(--base-size-16) 0 0 0);
    content: "";
    height: var(--base-size-16);
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTIgOSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzguMjJhLjc1Ljc1IDAgMCAxIDAgMS4wNjFMNC41MiA4LjU0MWEuNzUuNzUgMCAwIDEtMS4wNjIgMEwuMjAyIDUuMjg1YS43NS43NSAwIDAgMSAxLjA2MS0xLjA2MWwyLjcyNSAyLjcyM0wxMC43MTguMjJhLjc1Ljc1IDAgMCAxIDEuMDYyIDAiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==");
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 75%;
    transition: visibility 0s linear .23s;
    visibility: hidden;
    width: var(--base-size-16)
}

:is(.FormControl-checkbox:after) {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size) var(--control-medium-size);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

:is(.FormControl-checkbox[disabled]~.FormControl-checkbox-labelWrap) .FormControl-label {
    color: var(--control-fgColor-disabled);
    cursor: not-allowed
}

.FormControl-checkbox:checked {
    background: var(--control-checked-bgColor-rest, var(--color-accent-fg));
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    transition: background-color,border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0s
}

.FormControl-checkbox:checked:before {
    animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) 80ms forwards;
    transition: visibility 0s linear 0s;
    visibility: visible
}

.FormControl-checkbox:checked:disabled {
    background-color: var(--control-fgColor-disabled);
    border-color: var(--control-fgColor-disabled);
    cursor: not-allowed;
    opacity: 1
}

.FormControl-checkbox:checked:disabled:before {
    background-color: var(--control-checked-fgColor-rest)
}

@media(forced-colors: active) {
    .FormControl-checkbox:checked {
        background-color: canvastext;
        border-color: canvastext
    }
}

.FormControl-checkbox:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

.FormControl-checkbox:indeterminate:before {
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    visibility: visible
}

.FormControl-radio {
    background-color: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--control-borderColor-rest, var(--color-border-default));
    box-shadow: var(--shadow-inset);
    color: var(--fgColor-default)
}

.FormControl-radio[disabled] {
    background-color: var(--control-bgColor-disabled);
    border-color: var(--control-borderColor-disabled);
    box-shadow: none;
    color: var(--control-fgColor-disabled);
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: var(--control-fgColor-disabled)
}

.FormControl-radio[invalid=true]:not(:focus) {
    border-color: var(--control-borderColor-danger)
}

.FormControl-radio[invalid=false]:not(:focus) {
    border-color: var(--control-borderColor-success)
}

.FormControl-radio:not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.FormControl-radio:not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: #0000;
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px #0000 var(--focus-outlineColor);
    outline: none
}

.FormControl-radio:not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor);
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor);
    outline: none
}

.FormControl-radio {
    appearance: none;
    border-color: var(--control-borderColor-emphasis);
    border-radius: var(--borderRadius-full);
    cursor: pointer;
    height: var(--base-size-16);
    margin: 0;
    margin-top: var(--base-size-2);
    position: relative;
    transition: background-color,border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16)
}

:is(.FormControl-radio:after) {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size) var(--control-medium-size);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

:is(.FormControl-radio[disabled]~.FormControl-radio-labelWrap) .FormControl-label {
    color: var(--control-fgColor-disabled);
    cursor: not-allowed
}

.FormControl-radio:checked {
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    border-width: var(--base-size-4)
}

.FormControl-radio:checked:disabled,.FormControl-radio[disabled]:checked {
    border-color: var(--control-fgColor-disabled);
    cursor: not-allowed
}

:is(:is(.FormControl-radio[disabled]:checked,.FormControl-radio:checked:disabled)~.FormControl-radio-labelWrap) .FormControl-label {
    color: var(--control-fgColor-disabled);
    cursor: not-allowed
}

.FormControl-radio:focus-visible {
    box-shadow: none;
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: 2px
}

@media(forced-colors: active) {
    .FormControl-radio {
        background-color: canvastext;
        border-color: canvastext
    }
}

@keyframes checkmarkIn {
    0% {
        clip-path: inset(var(--base-size-16) 0 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes checkmarkOut {
    0% {
        clip-path: inset(0 0 0 0)
    }

    to {
        clip-path: inset(var(--base-size-16) 0 0 0)
    }
}

.ToggleSwitch,.ToggleSwitch.ToggleSwitch {
    display: inline-flex
}

.ToggleSwitch {
    align-items: center;
    gap: var(--controlStack-medium-gap-condensed)
}

.ToggleSwitch--checked .ToggleSwitch-statusOn {
    height: auto;
    visibility: visible
}

.ToggleSwitch--checked .ToggleSwitch-statusOff {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-track {
    appearance: none;
    background-color: var(--controlTrack-bgColor-rest);
    border: var(--borderWidth-thin) solid var(--controlTrack-borderColor-rest);
    border-radius: var(--borderRadius-medium);
    cursor: pointer;
    display: block;
    height: var(--control-medium-size);
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition-duration: 80ms;
    transition-property: background-color,border-color;
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    -webkit-user-select: none;
    user-select: none;
    width: var(--base-size-64)
}

.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible {
    outline-offset: 1px
}

.ToggleSwitch-track:hover {
    background-color: var(--controlTrack-bgColor-hover)
}

.ToggleSwitch-track:active {
    background-color: var(--controlTrack-bgColor-active)
}

@media(pointer: coarse) {
    :is(.ToggleSwitch-track:before) {
        content:"";
        height: 100%;
        left: 50%;
        min-height: 44px;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

@media(prefers-reduced-motion) {
    .ToggleSwitch-track,.ToggleSwitch-track * {
        transition: none
    }
}

.ToggleSwitch-track[aria-pressed=true][disabled] {
    background-color: var(--controlTrack-bgColor-disabled);
    border-color: #0000;
    color: var(--control-checked-fgColor-disabled)
}

.ToggleSwitch-track[aria-pressed=true] {
    background-color: var(--control-checked-bgColor-rest);
    border-color: var(--borderColor-transparent)
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover {
    background-color: var(--control-checked-bgColor-hover)
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active {
    background-color: var(--control-checked-bgColor-active)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-checked);
    border-color: var(--controlKnob-borderColor-checked);
    transform: translateX(100%)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon {
    transform: translateX(0)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon {
    transform: translateX(100%)
}

.ToggleSwitch-track[disabled] {
    background-color: var(--controlTrack-bgColor-disabled);
    border-color: #0000;
    cursor: not-allowed;
    transition-property: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-knob {
    border-color: var(--borderColor-default);
    box-shadow: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon {
    color: var(--controlTrack-fgColor-disabled)
}

.ToggleSwitch-icons {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.ToggleSwitch-lineIcon {
    color: var(--control-checked-fgColor-rest);
    transform: translateX(-100%)
}

.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon {
    flex: 1 0 50%;
    line-height: 0;
    transition-duration: 80ms;
    transition-property: transform
}

.ToggleSwitch-circleIcon {
    color: var(--controlTrack-fgColor-rest);
    transform: translateX(0)
}

.ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-rest);
    border: var(--borderWidth-thin) solid var(--controlKnob-borderColor-rest);
    border-radius: var(--borderRadius-medium);
    bottom: 0;
    box-shadow: var(--shadow-resting-medium),var(--button-default-shadow-inset);
    position: absolute;
    top: 0;
    transition-duration: 80ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    width: 50%;
    z-index: 1
}

@media(prefers-reduced-motion) {
    .ToggleSwitch-knob {
        transition: none
    }
}

.ToggleSwitch-status {
    color: var(--fgColor-default);
    font-size: var(--text-body-size-medium);
    line-height: var(--text-title-lineHeight-large);
    position: relative;
    text-align: right
}

.ToggleSwitch-statusIcon {
    display: flex;
    margin-top: .063rem;
    width: var(--base-size-16)
}

.ToggleSwitch--small .ToggleSwitch-status {
    font-size: var(--text-body-size-small)
}

.ToggleSwitch--small .ToggleSwitch-track {
    height: var(--control-xsmall-size);
    width: var(--base-size-48)
}

.ToggleSwitch--disabled .ToggleSwitch-status {
    color: var(--fgColor-muted)
}

.ToggleSwitch-statusOn {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-statusOff {
    height: auto;
    visibility: visible
}

.ToggleSwitch--statusAtEnd {
    flex-direction: row-reverse
}

.ToggleSwitch--statusAtEnd .ToggleSwitch-status {
    text-align: left
}

.UnderlineNav {
    box-shadow: inset 0 -1px 0 var(--borderColor-muted);
    display: flex;
    min-height: var(--base-size-48);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: auto;
    justify-content: space-between
}

.UnderlineNav .Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    color: var(--fgColor-default);
    margin-left: var(--control-medium-gap)
}

.UnderlineNav .Counter--primary {
    background-color: var(--bgColor-neutral-emphasis);
    color: var(--fgColor-onEmphasis)
}

.UnderlineNav-body {
    align-items: center;
    display: flex;
    gap: var(--control-medium-gap);
    list-style: none
}

.UnderlineNav-item {
    align-items: center;
    background-color: initial;
    border: 0;
    border-radius: var(--borderRadius-medium);
    color: var(--fgColor-default);
    cursor: pointer;
    display: flex;
    font-size: var(--text-body-size-medium);
    line-height: 30px;
    padding: 0 var(--control-medium-paddingInline-condensed);
    position: relative;
    text-align: center;
    white-space: nowrap
}

.UnderlineNav-item:focus,.UnderlineNav-item:focus-visible,.UnderlineNav-item:hover {
    border-bottom-color: var(--borderColor-neutral-muted);
    color: var(--fgColor-default);
    outline-offset: -2px;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: border-bottom-color .12s ease-out
}

.UnderlineNav-item [data-content]:before {
    content: attr(data-content);
    display: block;
    font-weight: var(--base-text-weight-semibold);
    height: 0;
    visibility: hidden
}

:is(.UnderlineNav-item:before) {
    content: "";
    height: 100%;
    left: 50%;
    min-height: 48px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: fine) {
    .UnderlineNav-item:hover {
        background:var(--control-transparent-bgColor-hover);
        color: var(--fgColor-default);
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: background .12s ease-out
    }
}

.UnderlineNav-item.selected,.UnderlineNav-item[aria-current]:not([aria-current=false]),.UnderlineNav-item[role=tab][aria-selected=true] {
    border-bottom-color: var(--underlineNav-borderColor-active);
    color: var(--fgColor-default);
    font-weight: var(--base-text-weight-semibold)
}

:is(.UnderlineNav-item.selected,.UnderlineNav-item[role=tab][aria-selected=true],.UnderlineNav-item[aria-current]:not([aria-current=false])):after {
    background: var(--underlineNav-borderColor-active);
    border-radius: var(--borderRadius-medium);
    bottom: calc(50% - var(--base-size-24));
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    z-index: 1
}

.UnderlineNav--right {
    justify-content: flex-end
}

.UnderlineNav--right .UnderlineNav-actions {
    flex: 1 1 auto
}

.UnderlineNav-actions {
    align-self: center
}

.UnderlineNav--full {
    display: block
}

.UnderlineNav--full .UnderlineNav-body {
    min-height: var(--base-size-48)
}

.UnderlineNav-octicon {
    color: var(--fgColor-muted);
    display: inline !important;
    margin-right: var(--control-medium-gap);
    fill: var(--fgColor-muted)
}

.UnderlineNav-container {
    display: flex;
    justify-content: space-between
}

.avatar {
    background-color: var(--avatar-bgColor);
    border-radius: var(--borderRadius-medium);
    box-shadow: 0 0 0 1px var(--avatar-borderColor);
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle
}

.avatar-link {
    float: left;
    line-height: 1
}

.avatar-group-item {
    display: inline-block;
    margin-bottom: var(--base-size-4)
}

.avatar-1,.avatar-2,.avatar-small {
    border-radius: var(--borderRadius-small)
}

.avatar-1 {
    height: var(--base-size-16);
    width: var(--base-size-16)
}

.avatar-2 {
    height: var(--base-size-20);
    width: var(--base-size-20)
}

.avatar-3 {
    height: var(--base-size-24);
    width: var(--base-size-24)
}

.avatar-4 {
    height: var(--base-size-28);
    width: var(--base-size-28)
}

.avatar-5 {
    height: var(--base-size-32);
    width: var(--base-size-32)
}

.avatar-6 {
    height: var(--base-size-40);
    width: var(--base-size-40)
}

.avatar-7 {
    height: var(--base-size-48);
    width: var(--base-size-48)
}

.avatar-8 {
    height: var(--base-size-64);
    width: var(--base-size-64)
}

.AvatarStack {
    height: 20px;
    min-width: 26px;
    position: relative
}

.AvatarStack .AvatarStack-body {
    position: absolute
}

.AvatarStack.AvatarStack--two {
    min-width: 36px
}

.AvatarStack.AvatarStack--three-plus {
    min-width: 46px
}

.AvatarStack-body {
    background: var(--bgColor-default);
    border-radius: 100px;
    display: flex
}

.AvatarStack-body .avatar {
    background-color: var(--bgColor-default);
    border-radius: var(--borderRadius-small);
    border-right: var(--borderWidth-thin) solid var(--bgColor-default);
    box-shadow: none;
    box-sizing: initial;
    display: flex;
    height: 20px;
    margin-right: -11px;
    position: relative;
    transition: margin .1s ease-in-out;
    width: 20px;
    z-index: 2
}

:is(.AvatarStack-body .avatar):first-child {
    z-index: 3
}

:is(.AvatarStack-body .avatar):last-child {
    border-right: 0;
    z-index: 1
}

:is(.AvatarStack-body .avatar) img {
    border-radius: var(--borderRadius-small)
}

:is(.AvatarStack-body .avatar):nth-child(n+4) {
    display: none;
    opacity: 0
}

.AvatarStack-body:hover .avatar {
    margin-right: var(--base-size-4)
}

.AvatarStack-body:hover .avatar:nth-child(n+4) {
    display: flex;
    opacity: 1
}

.AvatarStack-body:hover .avatar-more {
    display: none !important
}

.avatar.avatar-more {
    background: var(--bgColor-muted);
    margin-right: 0;
    z-index: 1
}

.avatar.avatar-more:after,.avatar.avatar-more:before {
    border-radius: 2px;
    content: "";
    display: block;
    height: 20px;
    outline: var(--borderWidth-thin) solid var(--bgColor-default);
    position: absolute
}

.avatar.avatar-more:before {
    background: var(--avatarStack-fade-bgColor-muted);
    width: 17px
}

.avatar.avatar-more:after {
    background: var(--avatarStack-fade-bgColor-default);
    width: 14px
}

.AvatarStack--right .AvatarStack-body {
    flex-direction: row-reverse;
    right: 0
}

:is(.AvatarStack--right .AvatarStack-body):hover .avatar {
    margin-left: var(--base-size-4);
    margin-right: 0
}

:is(.AvatarStack--right .AvatarStack-body) .avatar:not(:last-child) {
    border-left: 0
}

.AvatarStack--right .avatar.avatar-more {
    background: var(--avatarStack-fade-bgColor-default)
}

:is(.AvatarStack--right .avatar.avatar-more):before {
    width: 5px
}

:is(.AvatarStack--right .avatar.avatar-more):after {
    background: var(--bgColor-muted);
    width: 2px
}

.AvatarStack--right .avatar {
    border-left: var(--borderWidth-thin) solid var(--bgColor-default);
    border-right: 0;
    margin-left: -11px;
    margin-right: 0
}

.Box {
    background-color: var(--bgColor-default);
    border-color: var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
    border-style: solid;
    border-width: var(--borderWidth-thin)
}

.Box--condensed {
    line-height: 1.25
}

.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header {
    padding: var(--stack-padding-condensed) var(--stack-padding-normal)
}

.btn-octicon:is(.Box--condensed .Box-btn-octicon) {
    line-height: 1.25;
    margin: calc(var(--controlStack-medium-gap-condensed)*-1) calc(var(--controlStack-small-gap-spacious)*-1);
    padding: var(--control-medium-paddingInline-condensed) var(--control-medium-paddingInline-spacious)
}

.Box--condensed .Box-row {
    padding: var(--stack-padding-condensed) var(--stack-padding-normal)
}

.Box--spacious .Box-header {
    line-height: 1.25;
    padding: var(--stack-padding-spacious)
}

.Box--spacious .Box-title {
    font-size: var(--text-title-size-medium)
}

.Box--spacious .Box-body,.Box--spacious .Box-footer {
    padding: var(--stack-padding-spacious)
}

.btn-octicon:is(.Box--spacious .Box-btn-octicon) {
    margin: calc(var(--stack-gap-spacious)*-1);
    padding: var(--stack-padding-spacious)
}

.Box--spacious .Box-row {
    padding: var(--stack-padding-spacious)
}

.Box-header {
    background-color: var(--bgColor-muted);
    border-color: var(--borderColor-default);
    border-style: solid;
    border-top-left-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium);
    border-width: var(--borderWidth-thin);
    margin: calc(var(--borderWidth-thin)*-1) calc(var(--borderWidth-thin)*-1) 0;
    padding: var(--stack-padding-normal)
}

.Box-title {
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-semibold)
}

.Box-body {
    border-bottom: var(--borderWidth-thin) solid var(--borderColor-default);
    padding: var(--stack-padding-normal)
}

.Box-body:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium);
    margin-bottom: calc(var(--borderWidth-thin)*-1)
}

.Box-row {
    border-top: var(--borderWidth-thin) solid var(--borderColor-muted);
    list-style-type: none;
    margin-top: calc(var(--borderWidth-thin)*-1);
    padding: var(--stack-padding-normal)
}

.Box-row:first-of-type {
    border-top-left-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium)
}

.Box-row:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium);
    border-bottom-right-radius: var(--borderRadius-medium)
}

.Box-row.Box-row--unread,.Box-row.unread {
    box-shadow: inset 2px 0 0 var(--borderColor-accent-emphasis)
}

.Box-row.navigation-focus .Box-row--drag-button {
    color: var(--fgColor-accent);
    cursor: grab;
    opacity: 1
}

.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
    cursor: grabbing
}

.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost {
    background-color: var(--bgColor-muted)
}

.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
    opacity: 0
}

.Box-row--focus-gray.navigation-focus {
    background-color: var(--bgColor-muted)
}

.Box-row--focus-blue.navigation-focus {
    background-color: var(--bgColor-accent-muted)
}

.Box-row--hover-gray:hover {
    background-color: var(--bgColor-muted)
}

.Box-row--hover-blue:hover {
    background-color: var(--bgColor-accent-muted)
}

@media(min-width: 768px) {
    .Box-row-link {
        color:var(--fgColor-default)
    }

    .Box-row-link,.Box-row-link:hover {
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .Box-row-link:hover {
        color: var(--fgColor-accent)
    }
}

.Box-row--drag-button {
    opacity: 0
}

.Box-footer {
    border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium);
    border-top: var(--borderWidth-thin) solid var(--borderColor-default);
    margin-top: calc(var(--borderWidth-thin)*-1);
    padding: var(--stack-padding-normal)
}

.Box--scrollable {
    max-height: 324px;
    overflow: scroll
}

.Box--blue,.Box--blue .Box-header {
    border-color: var(--borderColor-accent-muted)
}

.Box--blue .Box-header {
    background-color: var(--bgColor-accent-muted)
}

.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row {
    border-color: var(--borderColor-accent-muted)
}

.Box--danger,:is(.Box--danger .Box-body):last-of-type,:is(.Box--danger .Box-row):first-of-type {
    border-color: var(--borderColor-danger-emphasis)
}

.Box-header--blue {
    background-color: var(--bgColor-accent-muted);
    border-color: var(--borderColor-accent-muted)
}

.Box-row--yellow {
    background-color: var(--bgColor-attention-muted)
}

.Box-row--blue {
    background-color: var(--bgColor-accent-muted)
}

.Box-row--gray {
    background-color: var(--bgColor-muted)
}

.Box-btn-octicon.btn-octicon {
    line-height: var(--text-title-lineHeight-large);
    margin: calc(var(--controlStack-small-gap-spacious)*-1);
    padding: var(--control-medium-paddingInline-spacious)
}

.blankslate-container {
    container-type: inline-size;
    width: 100%
}

.blankslate {
    --blankslate-outer-padding-block: var(--base-size-32);
    --blankslate-outer-padding-inline: var(--base-size-32);
    padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);
    position: relative;
    text-align: center
}

.blankslate p {
    color: var(--fgColor-muted);
    font-size: var(--text-body-size-large)
}

.blankslate code {
    background: var(--bgColor-default);
    border: var(--borderWidth-thin) solid var(--borderColor-muted);
    border-radius: var(--borderRadius-medium);
    font-size: var(--text-body-size-medium);
    padding: var(--base-size-2) var(--base-size-4) var(--base-size-4)
}

.blankslate img {
    height: 56px;
    width: 56px
}

.blankslate-icon {
    color: var(--fgColor-muted);
    margin-bottom: var(--stack-gap-condensed);
    margin-left: var(--control-small-gap);
    margin-right: var(--control-small-gap)
}

.blankslate-image {
    margin-bottom: var(--stack-gap-normal)
}

.blankslate-heading {
    font-size: var(--text-title-size-medium);
    font-weight: var(--text-title-weight-medium);
    margin-bottom: var(--base-size-4)
}

.blankslate-action {
    margin-top: var(--stack-gap-normal)
}

.blankslate-action:first-of-type {
    margin-top: var(--stack-gap-spacious)
}

.blankslate-action:last-of-type {
    margin-bottom: var(--stack-gap-condensed)
}

.blankslate-capped {
    border-radius: 0 0 var(--borderRadius-medium) var(--borderRadius-medium)
}

.blankslate-spacious {
    --blankslate-outer-padding-block: var(--base-size-80);
    --blankslate-outer-padding-inline: var(--base-size-40)
}

.blankslate-narrow {
    margin: 0 auto;
    max-width: 485px
}

.blankslate-large img {
    height: 80px;
    width: 80px
}

.blankslate-large h3 {
    font-size: 24px;
    margin: var(--stack-gap-normal) 0
}

.blankslate-large p {
    font-size: var(--text-body-size-large)
}

.blankslate-clean-background {
    border: 0
}

@container (max-width: 34rem) {
    .blankslate {
        --blankslate-outer-padding-block: var(--base-size-20);
        --blankslate-outer-padding-inline: var(--base-size-20)
    }

    .blankslate-spacious {
        --blankslate-outer-padding-block: var(--base-size-44);
        --blankslate-outer-padding-inline: var(--base-size-28)
    }

    .blankslate-icon {
        margin-bottom: var(--stack-gap-condensed)
    }

    .blankslate-heading {
        font-size: var(--text-title-size-small)
    }

    .blankslate p {
        font-size: var(--text-body-size-medium)
    }

    .blankslate-action {
        margin-top: var(--stack-gap-condensed)
    }

    .blankslate-action:first-of-type {
        margin-top: var(--stack-gap-normal)
    }

    .blankslate-action:last-of-type {
        margin-bottom: calc(var(--stack-gap-condensed)/2)
    }
}

anchored-position[popover] {
    border-width: 0;
    min-width: 192px;
    overflow: visible;
    padding: 0;
    position: absolute
}

anchored-position:not(.Overlay) {
    background: none
}

.Overlay[popover]:not(:popover-open) {
    display: none
}

anchored-position.not-anchored::backdrop,dialog::backdrop {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted))
}

select-panel dialog::backdrop {
    background: none
}

@media(forced-colors: active) {
    .Overlay {
        outline: 1px solid #0000
    }
}

.breadcrumb-item {
    display: inline-block;
    list-style: none;
    margin-left: -0.35em
}

.breadcrumb-item:after {
    border-right: .1em solid var(--borderColor-neutral-emphasis);
    content: "";
    display: inline-block;
    height: .8em;
    margin: 0 .5em;
    transform: rotate(15deg) translateY(0.0625em)
}

.breadcrumb-item:first-child {
    margin-left: 0
}

:is(.breadcrumb-item-selected,.breadcrumb-item[aria-current]:not([aria-current=false])):after {
    content: none
}

.breadcrumb-item-selected a {
    color: var(--fgColor-default);
    cursor: default !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important
}

:root {
    --duration-fast: 80ms;
    --easing-easeInOut: cubic-bezier(0.65,0,0.35,1)
}

.Button {
    align-items: center;
    background-color: initial;
    border: var(--borderWidth-thin) solid;
    border-color: #0000;
    border-radius: var(--borderRadius-medium);
    color: var(--button-default-fgColor-rest);
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-medium);
    gap: var(--base-size-4);
    height: var(--control-medium-size);
    justify-content: space-between;
    min-width: max-content;
    padding: 0 var(--control-medium-paddingInline-normal);
    position: relative;
    text-align: center;
    transition: var(--duration-fast) var(--easing-easeInOut);
    transition-property: color,fill,background-color,border-color;
    -webkit-user-select: none;
    user-select: none
}

@media(pointer: coarse) {
    :is(.Button:before) {
        content:"";
        height: 100%;
        left: 50%;
        min-height: 48px;
        min-width: 48px;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

.Button:hover {
    transition-duration: var(--duration-fast)
}

.Button:active {
    transition: none
}

.Button:disabled,.Button[aria-disabled=true] {
    box-shadow: none;
    cursor: not-allowed
}

.Button.Button--iconOnly {
    color: var(--fgColor-muted)
}

:is(a.Button,summary.Button):hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.Button-content {
    align-items: center;
    display: grid;
    flex: 1 0 auto;
    grid-template-areas: "leadingVisual text trailingVisual";
    grid-template-columns: min-content minmax(0, auto) min-content;
    place-content: center
}

.Button-content>:not(:last-child) {
    margin-right: var(--control-medium-gap)
}

.Button-content--alignStart {
    justify-content: start
}

.Button-visual {
    display: flex;
    pointer-events: none
}

.Button-visual .Counter {
    background-color: var(--buttonCounter-default-bgColor-rest);
    color: inherit
}

.Button-label {
    grid-area: text;
    line-height: var(--text-body-lineHeight-medium);
    white-space: nowrap
}

.Button-leadingVisual {
    grid-area: leadingVisual
}

.Button-leadingVisual svg {
    fill: currentcolor
}

.Button-trailingVisual {
    grid-area: trailingVisual
}

.Button-trailingAction {
    margin-right: calc(var(--base-size-4)*-1)
}

.Button--small {
    font-size: var(--text-body-size-small);
    gap: var(--control-small-gap);
    height: var(--control-small-size);
    min-width: var(--control-small-size);
    padding: 0 var(--control-small-paddingInline-condensed)
}

.Button--small .Button-label {
    line-height: var(--text-body-lineHeight-small)
}

:is(.Button--small .Button-content)>:not(:last-child) {
    margin-right: var(--control-small-gap)
}

.Button--large {
    gap: var(--control-large-gap);
    height: var(--control-large-size);
    padding: 0 var(--control-large-paddingInline-spacious)
}

.Button--large .Button-label {
    line-height: var(--text-body-lineHeight-large)
}

:is(.Button--large .Button-content)>:not(:last-child) {
    margin-right: var(--control-large-gap)
}

.Button--fullWidth {
    width: 100%
}

.Button--labelWrap {
    height: unset;
    min-height: var(--control-medium-size);
    min-width: -moz-fit-content;
    min-width: fit-content
}

.Button--labelWrap .Button-content {
    align-self: stretch;
    flex: 1 1 auto;
    padding-block:calc(var(--control-medium-paddingBlock) - var(--base-size-2))}

.Button--labelWrap .Button-label {
    white-space: unset
}

.Button--labelWrap.Button--small {
    height: unset;
    min-height: var(--control-small-size)
}

.Button--labelWrap.Button--small .Button-content {
    padding-block:calc(var(--control-small-paddingBlock) - var(--base-size-2))}

.Button--labelWrap.Button--large {
    height: unset;
    min-height: var(--control-large-size);
    padding-inline:var(--control-large-paddingInline-spacious)}

.Button--labelWrap.Button--large .Button-content {
    padding-block: calc(var(--control-large-paddingBlock) - var(--base-size-2))
}

.Button--primary {
    color: var(--button-primary-fgColor-rest);
    fill: var(--button-primary-iconColor-rest);
    background-color: var(--button-primary-bgColor-rest);
    border-color: var(--button-primary-borderColor-rest);
    box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow))
}

.Button--primary.Button--iconOnly {
    color: var(--button-primary-iconColor-rest)
}

.Button--primary:hover:not(:disabled,.Button--inactive) {
    background-color: var(--button-primary-bgColor-hover);
    border-color: var(--button-primary-borderColor-hover)
}

.Button--primary:focus {
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: -2px
}

.Button--primary:focus:not(:focus-visible) {
    box-shadow: none;
    outline: 1px solid #0000
}

.Button--primary:focus-visible {
    box-shadow: inset 0 0 0 3px var(--fgColor-onEmphasis);
    outline: 2px solid var(--focus-outlineColor);
    outline-offset: -2px
}

.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true] {
    background-color: var(--button-primary-bgColor-active);
    box-shadow: var(--button-primary-shadow-selected)
}

.Button--primary:disabled,.Button--primary[aria-disabled=true] {
    color: var(--button-primary-fgColor-disabled);
    fill: var(--button-primary-fgColor-disabled);
    background-color: var(--button-primary-bgColor-disabled);
    border-color: var(--button-primary-borderColor-disabled)
}

.Button--primary .Counter {
    background-color: var(--buttonCounter-primary-bgColor-rest);
    color: inherit
}

.Button--secondary {
    color: var(--button-default-fgColor-rest);
    fill: var(--fgColor-muted);
    background-color: var(--button-default-bgColor-rest);
    border-color: var(--button-default-borderColor-rest);
    box-shadow: var(--button-default-shadow-resting),var(--button-default-shadow-inset)
}

.Button--secondary:hover:not(:disabled,.Button--inactive) {
    background-color: var(--button-default-bgColor-hover);
    border-color: var(--button-default-borderColor-hover)
}

.Button--secondary:active:not(:disabled) {
    background-color: var(--button-default-bgColor-active);
    border-color: var(--button-default-borderColor-active)
}

.Button--secondary[aria-pressed=true] {
    background-color: var(--button-default-bgColor-selected);
    box-shadow: var(--shadow-inset)
}

.Button--secondary:disabled,.Button--secondary[aria-disabled=true] {
    color: var(--control-fgColor-disabled);
    fill: var(--control-fgColor-disabled);
    background-color: var(--button-default-bgColor-disabled);
    border-color: var(--button-default-borderColor-disabled)
}

.Button--invisible {
    color: var(--button-invisible-fgColor-rest)
}

.Button--invisible.Button--iconOnly {
    color: var(--button-invisible-iconColor-rest, var(--color-fg-muted))
}

.Button--invisible:hover:not(:disabled,.Button--inactive) {
    background-color: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true] {
    background-color: var(--button-invisible-bgColor-active)
}

.Button--invisible:disabled,.Button--invisible[aria-disabled=true] {
    color: var(--button-invisible-fgColor-disabled);
    fill: var(--button-invisible-fgColor-disabled);
    background-color: var(--button-invisible-bgColor-disabled);
    border-color: var(--button-invisible-borderColor-disabled)
}

.Button--invisible.Button--invisible-noVisuals .Button-label {
    color: var(--button-invisible-fgColor-rest)
}

.Button--invisible .Button-visual {
    color: var(--button-invisible-iconColor-rest, var(--color-fg-muted))
}

:is(.Button--invisible .Button-visual) .Counter {
    color: var(--fgColor-default)
}

.Button--link {
    color: var(--fgColor-link);
    display: inline-block;
    font-size: inherit;
    height: unset;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0;
    fill: var(--fgColor-link);
    border: none
}

.Button--link:hover:not(:disabled,.Button--inactive) {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Button--link:focus,.Button--link:focus-visible {
    outline-offset: 2px
}

.Button--link:disabled,.Button--link[aria-disabled=true] {
    color: var(--control-fgColor-disabled);
    fill: var(--control-fgColor-disabled);
    background-color: initial;
    border-color: #0000
}

.Button--link .Button-label {
    white-space: unset
}

.Button--danger {
    color: var(--button-danger-fgColor-rest);
    fill: var(--button-danger-iconColor-rest);
    background-color: var(--button-danger-bgColor-rest);
    border-color: var(--button-danger-borderColor-rest);
    box-shadow: var(--button-default-shadow-resting),var(--button-default-shadow-inset)
}

.Button--danger.Button--iconOnly {
    color: var(--button-danger-iconColor-rest)
}

.Button--danger:hover:not(:disabled,.Button--inactive) {
    color: var(--button-danger-fgColor-hover);
    fill: var(--button-danger-fgColor-hover);
    background-color: var(--button-danger-bgColor-hover);
    border-color: var(--button-danger-borderColor-hover);
    box-shadow: var(--shadow-resting-small)
}

.Button--danger:hover:not(:disabled,.Button--inactive) .Counter {
    background-color: var(--buttonCounter-danger-bgColor-hover);
    color: var(--buttonCounter-danger-fgColor-hover)
}

.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true] {
    color: var(--button-danger-fgColor-active);
    fill: var(--button-danger-fgColor-active);
    background-color: var(--button-danger-bgColor-active);
    border-color: var(--button-danger-borderColor-active);
    box-shadow: var(--button-danger-shadow-selected)
}

.Button--danger:disabled,.Button--danger[aria-disabled=true] {
    color: var(--button-danger-fgColor-disabled);
    fill: var(--button-danger-fgColor-disabled);
    background-color: var(--button-danger-bgColor-disabled);
    border-color: var(--button-default-borderColor-disabled)
}

:is(.Button--danger:disabled,.Button--danger[aria-disabled=true]) .Counter {
    background-color: var(--buttonCounter-danger-bgColor-disabled);
    color: var(--buttonCounter-danger-fgColor-disabled)
}

.Button--danger .Counter {
    background-color: var(--buttonCounter-danger-bgColor-rest);
    color: var(--buttonCounter-danger-fgColor-rest)
}

.Button--iconOnly {
    display: inline-grid;
    padding: unset;
    place-content: center;
    width: var(--control-medium-size)
}

.Button--iconOnly.Button--small {
    width: var(--control-small-size)
}

.Button--iconOnly.Button--large {
    width: var(--control-large-size)
}

.Button--inactive:not([aria-disabled=true],:disabled) {
    background-color: var(--button-inactive-bgColor);
    border: 0;
    color: var(--button-inactive-fgColor);
    cursor: default
}

.ButtonGroup {
    display: inline-flex
}

.ButtonGroup .Button {
    border-radius: 0;
    margin-inline-end:-1px;position: relative
}

:is(.ButtonGroup .Button):active,:is(.ButtonGroup .Button):focus,:is(.ButtonGroup .Button):hover {
    z-index: 1
}

.ButtonGroup>:first-child .Button {
    border-bottom-left-radius: var(--borderRadius-medium);
    border-top-left-radius: var(--borderRadius-medium)
}

.ButtonGroup>:last-child .Button {
    border-bottom-right-radius: var(--borderRadius-medium);
    border-top-right-radius: var(--borderRadius-medium)
}

.Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border: var(--borderWidth-thin) solid var(--counter-borderColor);
    border-radius: 2em;
    color: var(--fgColor-default);
    display: inline-block;
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-medium);
    line-height: calc(var(--base-size-20) - var(--borderWidth-thin)*2);
    min-width: var(--base-size-20);
    padding: 0 var(--base-size-6);
    text-align: center
}

.Counter:empty {
    display: none
}

.Counter .octicon {
    opacity: .8;
    vertical-align: text-top
}

.Counter--primary {
    background-color: var(--bgColor-neutral-emphasis);
    color: var(--fgColor-onEmphasis)
}

.Counter--secondary {
    background-color: var(--bgColor-neutral-muted);
    color: var(--fgColor-muted)
}

.flash:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-accent-muted), var(--bgColor-accent-muted));
    border-color: var(--borderColor-accent-muted);
    border-radius: var(--borderRadius-medium);
    border-style: solid;
    border-width: var(--borderWidth-thin);
    color: var(--fgColor-default);
    padding: var(--base-size-20) var(--control-medium-paddingInline-spacious);
    position: relative
}

.flash:not(.Banner) .octicon {
    color: var(--fgColor-accent);
    margin-right: var(--base-size-12)
}

.flash:not(.Banner) p:last-child {
    margin-bottom: 0
}

.flash-messages {
    margin-bottom: var(--stack-gap-spacious)
}

.flash-close:not(.Banner-close) {
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4)*-1);
    text-align: center
}

.flash-close:not(.Banner-close):hover {
    opacity: .7
}

.flash-close:not(.Banner-close):active {
    opacity: .5
}

.flash-close:not(.Banner-close) .octicon {
    margin-right: 0
}

.flash-action:not(.Banner-actions) {
    background-clip: padding-box;
    float: right;
    margin-left: var(--stack-gap-spacious);
    margin-top: -3px
}

.flash-action.btn:not(.Banner-actions) .octicon {
    color: var(--fgColor-muted);
    margin-right: var(--control-small-gap)
}

.flash-action.btn-primary:not(.Banner-actions) {
    background-clip: initial
}

.flash-action.btn-primary:not(.Banner-actions) .octicon {
    color: inherit
}

.flash-warn:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-attention-muted), var(--bgColor-attention-muted));
    border-color: var(--borderColor-attention-muted);
    color: var(--fgColor-default)
}

.flash-warn:not(.Banner) .octicon {
    color: var(--fgColor-attention)
}

.flash-error:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-danger-muted), var(--bgColor-danger-muted));
    border-color: var(--borderColor-danger-muted);
    color: var(--fgColor-default)
}

.flash-error:not(.Banner) .octicon {
    color: var(--fgColor-danger)
}

.flash-success:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-success-muted), var(--bgColor-success-muted));
    border-color: var(--borderColor-success-muted);
    color: var(--fgColor-default)
}

.flash-success:not(.Banner) .octicon {
    color: var(--fgColor-success)
}

.flash-full:not(.Banner) {
    border-radius: 0;
    border-width: var(--borderWidth-thin) 0;
    margin-top: calc(var(--borderWidth-thin)*-1)
}

.flash-banner {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90
}

.flash-banner,.flash-full {
    background-color: var(--bgColor-default)
}

.warning {
    background-color: var(--bgColor-attention-muted);
    font-weight: var(--base-text-weight-semibold);
    margin-bottom: .8em;
    padding: .5em
}

.labels {
    position: relative
}

.Label,.label {
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-full);
    display: inline-block;
    font-size: var(--text-body-size-small);
    font-weight: var(--base-text-weight-medium);
    line-height: 18px;
    padding: 0 var(--base-size-6);
    white-space: nowrap
}

:is(.label,.Label):hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.Label--large {
    line-height: 22px;
    padding: 0 var(--base-size-8)
}

.Label--inline {
    display: inline;
    font-size: 85%;
    padding: .12em .5em
}

.Label--primary {
    border-color: var(--borderColor-neutral-emphasis);
    color: var(--fgColor-default)
}

.Label--secondary {
    border-color: var(--borderColor-default);
    color: var(--fgColor-muted)
}

.Label--accent,.Label--info {
    border-color: var(--borderColor-accent-emphasis);
    color: var(--fgColor-accent)
}

.Label--success {
    border-color: var(--borderColor-success-emphasis);
    color: var(--fgColor-success)
}

.Label--attention,.Label--warning {
    border-color: var(--borderColor-attention-emphasis);
    color: var(--fgColor-attention)
}

.Label--severe {
    border-color: var(--borderColor-severe-emphasis);
    color: var(--fgColor-severe)
}

.Label--danger {
    border-color: var(--borderColor-danger-emphasis);
    color: var(--fgColor-danger)
}

.Label--open {
    border-color: var(--borderColor-open-emphasis);
    color: var(--fgColor-open)
}

.Label--closed {
    border-color: var(--borderColor-closed-emphasis);
    color: var(--fgColor-closed)
}

.Label--done {
    border-color: var(--borderColor-done-emphasis);
    color: var(--fgColor-done)
}

.Label--sponsors {
    border-color: var(--borderColor-sponsors-emphasis);
    color: var(--fgColor-sponsors)
}

.Link {
    color: var(--fgColor-accent);
    -webkit-text-decoration: none;
    text-decoration: none
}

.Link:hover {
    cursor: pointer
}

.Link:focus,.Link:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Link:focus,.Link:focus-visible {
    outline-offset: 0
}

.Link--underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Link--primary {
    color: var(--fgColor-default) !important
}

.Link--primary:hover {
    color: var(--fgColor-accent) !important
}

.Link--secondary {
    color: var(--fgColor-muted) !important
}

.Link--secondary:hover {
    color: var(--fgColor-accent) !important
}

.Link--muted {
    color: var(--fgColor-muted) !important
}

.Link--muted:hover {
    color: var(--fgColor-accent) !important;
    -webkit-text-decoration: none;
    text-decoration: none
}

.Link--onHover:hover {
    color: var(--fgColor-accent) !important;
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

:is(.Link--secondary,.Link--primary,.Link--muted):hover [class*=color-fg] {
    color: inherit !important
}

.Link-content {
    align-items: center;
    display: inline-flex;
    gap: var(--base-size-4);
    line-height: normal;
    text-decoration: inherit
}

.Popover {
    position: absolute;
    z-index: 100
}

.Popover-message {
    background-color: var(--overlay-bgColor);
    border: var(--borderWidth-thin) solid var(--borderColor-default);
    border-radius: var(--borderRadius-medium);
    box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large)) !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 232px
}

.Popover-message:after,.Popover-message:before {
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute
}

.Popover-message:before {
    border: 8px solid #0000;
    border-bottom: 8px solid var(--borderColor-default);
    margin-left: -9px;
    top: -16px
}

.Popover-message:after {
    border: 7px solid #0000;
    border-bottom: 7px solid var(--overlay-bgColor);
    margin-left: -8px;
    top: -14px
}

.Popover-message--no-caret:after,.Popover-message--no-caret:before {
    display: none
}

:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after,:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before {
    border-bottom-color: #0000;
    top: auto
}

:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):before {
    border-top-color: var(--borderColor-default);
    bottom: -16px
}

:is(.Popover-message--bottom,.Popover-message--bottom-right,.Popover-message--bottom-left):after {
    border-top-color: var(--overlay-bgColor);
    bottom: -14px
}

.Popover-message--bottom-right,.Popover-message--top-right {
    margin-right: 0;
    right: -9px
}

:is(.Popover-message--top-right,.Popover-message--bottom-right):after,:is(.Popover-message--top-right,.Popover-message--bottom-right):before {
    left: auto;
    margin-left: 0
}

:is(.Popover-message--top-right,.Popover-message--bottom-right):before {
    right: var(--base-size-20)
}

:is(.Popover-message--top-right,.Popover-message--bottom-right):after {
    margin-right: 1px;
    right: var(--base-size-20)
}

.Popover-message--bottom-left,.Popover-message--top-left {
    left: -9px;
    margin-left: 0
}

:is(.Popover-message--top-left,.Popover-message--bottom-left):after,:is(.Popover-message--top-left,.Popover-message--bottom-left):before {
    left: var(--base-size-24);
    margin-left: 0
}

:is(.Popover-message--top-left,.Popover-message--bottom-left):after {
    left: var(--base-size-24);
    margin-left: 1px
}

:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after,:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before {
    border-bottom-color: #0000;
    left: auto;
    margin-left: 0;
    top: 50%
}

:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before {
    margin-top: -9px
}

:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom,.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after {
    margin-top: -8px
}

:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):before {
    border-left-color: var(--borderColor-default);
    right: -16px
}

:is(.Popover-message--right,.Popover-message--right-top,.Popover-message--right-bottom):after {
    border-left-color: var(--overlay-bgColor);
    right: -14px
}

:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):before {
    border-right-color: var(--borderColor-default);
    left: -16px
}

:is(.Popover-message--left,.Popover-message--left-top,.Popover-message--left-bottom):after {
    border-right-color: var(--overlay-bgColor);
    left: -14px;
    margin-bottom: 1px
}

:is(.Popover-message--right-top,.Popover-message--left-top):after,:is(.Popover-message--right-top,.Popover-message--left-top):before {
    top: var(--base-size-24)
}

:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after,:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before {
    top: auto
}

:is(.Popover-message--right-bottom,.Popover-message--left-bottom):before {
    bottom: var(--base-size-16)
}

:is(.Popover-message--right-bottom,.Popover-message--left-bottom):after {
    bottom: var(--base-size-16);
    margin-bottom: 1px
}

@media(min-width: 544px) {
    .Popover-message--large {
        min-width:320px
    }
}

@media(max-width: 767.98px) {
    .Popover {
        bottom:0 !important;
        left: 0 !important;
        position: fixed;
        right: 0 !important;
        top: auto !important
    }

    .Popover-message {
        bottom: auto;
        left: auto;
        margin: var(--stack-gap-condensed);
        right: auto;
        top: auto;
        width: auto !important
    }

    .Popover-message>.btn-octicon {
        padding: var(--control-medium-paddingInline-normal) !important
    }

    .Popover-message:after,.Popover-message:before {
        display: none
    }
}

.Progress {
    background-color: var(--bgColor-neutral-muted);
    border-radius: var(--borderRadius-medium);
    display: flex;
    height: 8px;
    outline: 1px solid #0000;
    overflow: hidden
}

.Progress--large {
    height: 10px
}

.Progress--small {
    height: 5px
}

.Progress-item {
    outline: 2px solid #0000
}

.Progress-item+.Progress-item {
    margin-left: var(--base-size-2)
}

.State,.state {
    border-radius: 2em;
    display: inline-block;
    font-size: var(--text-body-size-medium);
    font-weight: var(--base-text-weight-medium);
    line-height: var(--control-medium-lineBoxHeight);
    padding: var(--base-size-4) var(--control-medium-paddingInline-normal);
    text-align: center;
    white-space: nowrap
}

.State,.State--draft,.state {
    background-color: var(--bgColor-neutral-emphasis);
    border: var(--borderWidth-thin) solid #0000;
    box-shadow: var(--boxShadow-thin) var(--borderColor-neutral-emphasis);
    color: var(--fgColor-onEmphasis)
}

.State--open {
    background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis));
    box-shadow: var(--boxShadow-thin) var(--borderColor-open-emphasis)
}

.State--merged,.State--open {
    color: var(--fgColor-onEmphasis)
}

.State--merged {
    background-color: var(--bgColor-done-emphasis, var(--color-done-emphasis));
    box-shadow: var(--boxShadow-thin) var(--borderColor-done-emphasis)
}

.State--closed {
    background-color: var(--bgColor-closed-emphasis, var(--color-closed-emphasis));
    box-shadow: var(--boxShadow-thin) var(--borderColor-closed-emphasis);
    color: var(--fgColor-onEmphasis)
}

.State--small {
    font-size: var(--text-body-size-small);
    line-height: var(--base-size-24);
    padding: 0 10px
}

.State--small .octicon {
    width: 1em
}

.Subhead {
    border-bottom: var(--borderWidth-thin) solid var(--borderColor-muted);
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-bottom: var(--stack-gap-normal);
    padding-bottom: var(--stack-padding-condensed)
}

.Subhead--spacious {
    margin-top: var(--base-size-40)
}

.Subhead-heading {
    flex: 1 1 auto;
    font-weight: var(--base-text-weight-normal);
    order: 0
}

.Subhead-heading--large {
    font-size: var(--base-size-24)
}

.Subhead-heading--medium {
    font-size: var(--text-title-size-medium)
}

.Subhead-heading--danger {
    color: var(--fgColor-danger);
    font-weight: var(--base-text-weight-semibold)
}

.Subhead-description {
    color: var(--fgColor-muted);
    flex: 1 100%;
    font-size: var(--text-body-size-medium);
    order: 2
}

.Subhead-actions {
    align-self: center;
    justify-content: flex-end;
    margin: var(--base-size-4) 0 var(--base-size-4) var(--base-size-4);
    order: 1
}

.Subhead-actions+.Subhead-description {
    margin-top: var(--base-size-4)
}

.Truncate {
    display: inline-flex;
    max-width: 100%;
    min-width: 0
}

.Truncate>.Truncate-text {
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: 1ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

:is(.Truncate>.Truncate-text)+.Truncate-text {
    margin-left: var(--control-small-gap)
}

.Truncate-text--primary:is(.Truncate>.Truncate-text) {
    flex-basis: 200%
}

.Truncate-text--expandable:is(.Truncate>.Truncate-text):active,.Truncate-text--expandable:is(.Truncate>.Truncate-text):focus,.Truncate-text--expandable:is(.Truncate>.Truncate-text):hover {
    cursor: pointer;
    flex-shrink: 0;
    max-width: 100% !important
}

.TimelineItem {
    display: flex;
    margin-left: var(--stack-gap-normal);
    padding: var(--stack-padding-normal) 0;
    position: relative
}

.TimelineItem:before {
    background-color: var(--borderColor-muted);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick)
}

.TimelineItem:target .TimelineItem-badge {
    border-color: var(--borderColor-accent-emphasis);
    box-shadow: 0 0 .2em var(--borderColor-accent-muted)
}

.TimelineItem-badge {
    align-items: center;
    background-color: var(--timelineBadge-bgColor);
    border: var(--borderWidth-thick) solid var(--bgColor-default);
    border-radius: 50%;
    color: var(--fgColor-muted);
    display: flex;
    flex-shrink: 0;
    height: var(--control-medium-size);
    justify-content: center;
    margin-left: calc(var(--control-medium-size)/-2 + 1px);
    margin-right: var(--controlStack-medium-gap-condensed);
    position: relative;
    width: var(--control-medium-size);
    z-index: 1
}

.TimelineItem-badge--success {
    background-color: var(--bgColor-success-emphasis);
    border: var(--borderWidth-thin) solid #0000;
    color: var(--fgColor-onEmphasis)
}

.TimelineItem-body {
    color: var(--fgColor-muted);
    flex: auto;
    margin-top: var(--base-size-4);
    max-width: 100%;
    min-width: 0
}

.TimelineItem-avatar {
    left: -72px;
    position: absolute;
    z-index: 1
}

.TimelineItem-break {
    background-color: var(--bgColor-default);
    border: 0;
    border-top: var(--borderWidth-thicker) solid var(--borderColor-default);
    height: var(--stack-gap-spacious);
    margin: 0;
    margin-bottom: calc(var(--stack-gap-normal)*-1);
    margin-left: -56px;
    position: relative;
    z-index: 1
}

.TimelineItem--condensed {
    padding-bottom: 0;
    padding-top: var(--base-size-4)
}

.TimelineItem--condensed:last-child {
    padding-bottom: var(--stack-gap-normal)
}

.TimelineItem--condensed .TimelineItem-badge {
    background-color: var(--bgColor-default);
    border: 0;
    color: var(--fgColor-muted);
    height: var(--base-size-16);
    margin-bottom: var(--base-size-8);
    margin-top: var(--base-size-8)
}

.css-truncate .css-truncate-overflow,.css-truncate .css-truncate-target,.css-truncate.css-truncate-overflow,.css-truncate.css-truncate-target {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.css-truncate .css-truncate-target,.css-truncate.css-truncate-target {
    display: inline-block;
    max-width: 125px;
    vertical-align: top
}

.css-truncate.expandable.css-truncate-target:hover,.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target,.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target,.css-truncate.expandable:hover .css-truncate-target {
    max-width: 10000px !important
}

.ActionBar {
    align-items: center;
    box-sizing: initial;
    display: flex !important;
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-end;
    min-width: calc(var(--control-medium-size)*3);
    overflow: hidden;
    position: relative
}

.ActionBar-item-container {
    box-sizing: initial;
    height: var(--control-medium-size);
    overflow: hidden
}

.ActionBar-item {
    float: left;
    position: relative
}

.ActionBar-more-menu {
    float: left
}

.ActionBar--small {
    min-width: calc(var(--control-small-size)*3)
}

.ActionBar--large {
    min-width: calc(var(--control-large-size)*3)
}

.ActionBar-divider {
    border-left: var(--borderWidth-thin) solid var(--borderColor-muted);
    bottom: 50%;
    float: left;
    height: calc(var(--control-medium-size)/2);
    margin: 0 var(--controlStack-medium-gap-condensed);
    top: 50%;
    transform: translateY(-50%)
}

.ActionBar--small .ActionBar-divider {
    margin: 0 var(--controlStack-small-gap-condensed)
}

.ActionBar--large .ActionBar-divider {
    margin: 0 var(--controlStack-large-gap-condensed)
}

.OrderedList {
    margin: var(--base-size-8)
}

.OrderedList-type--decimal {
    list-style-type: decimal
}

.OrderedList-type--upperAlpha {
    list-style-type: upper-alpha
}

.OrderedList-type--lowerAlpha {
    list-style-type: lower-alpha
}

.OrderedList-type--upperRoman {
    list-style-type: upper-roman
}

.OrderedList-type--lowerRoman {
    list-style-type: lower-roman
}

.UnorderedList {
    margin: var(--base-size-8)
}