@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css');

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

    100% {
        opacity: 1
    }
}

@keyframes float-translate {
    50% {
        transform: translateY(-7px)
    }
}

@keyframes float {
    0% {
        transform: rotate(10deg) translateY(0)
    }

    50% {
        transform: rotate(5deg) translateY(-10px)
    }

    100% {
        transform: rotate(10deg) translateY(0)
    }
}

.animation-is-typing {
    position: relative
}

.animation-is-typing::before {
    position: absolute;
    top: 0;
    right: -0.8em;
    bottom: 0;
    display: block;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 1em;
    line-height: 1em;
    content: "▊"
}

.build-in-animate .animation-is-typing::before {
    animation: BlinkingCursor .75s infinite
}

@keyframes BlinkingCursor {
    0%,45% {
        opacity: 1
    }

    55%,100% {
        opacity: 0
    }
}

.animate-float {
    animation: float 12s ease-in-out infinite
}

/*!
 * Primer CSS
 * https://primer.style
 *
 * Released under MIT license.
 */
:

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

/*!
 * @primer/css/core
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */


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: rgba(0,0,0,0)
}

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-size: 1em
}

figure {
    margin: 1em 40px
}

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

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

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

textarea {
    overflow: auto
}

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

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

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

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

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






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

hr,.rule {
    height: 0;
    margin: 15px 0;
    overflow: hidden;
    background: rgba(0,0,0,0);
    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
}

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

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

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

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 rgba(0,0,0,0)
    }

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

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

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

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

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

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

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

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

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

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

small {
    font-size: 90%
}

blockquote {
    margin: 0
}

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

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

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

dd {
    margin-left: 0
}

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

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

.octicon {
    vertical-align: text-bottom
}

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

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

.Box--condensed {
    line-height: 1.25
}

.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header {
    padding: var(--stack-padding-condensed, 0.5rem) var(--stack-padding-normal, 1rem)
}

.Box--condensed .Box-btn-octicon.btn-octicon {
    line-height: 1.25;
    margin: calc(var(--controlStack-medium-gap-condensed, 0.5rem)*-1) calc(var(--controlStack-small-gap-spacious, 1rem)*-1);
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.Box--condensed .Box-row {
    padding: var(--stack-padding-condensed, 0.5rem) var(--stack-padding-normal, 1rem)
}

.Box--spacious .Box-header {
    line-height: 1.25;
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box--spacious .Box-title {
    font-size: var(--text-title-size-medium, 1.25rem)
}

.Box--spacious .Box-body,.Box--spacious .Box-btn-octicon.btn-octicon,.Box--spacious .Box-footer {
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box--spacious .Box-btn-octicon.btn-octicon {
    margin: calc(var(--stack-gap-spacious, 1.5rem)*-1) calc(var(--stack-gap-spacious, 1.5rem)*-1)
}

.Box--spacious .Box-row {
    padding: var(--stack-padding-spacious, 1.5rem)
}

.Box-header {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-style: solid;
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem);
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    margin: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) 0;
    padding: var(--stack-padding-normal, 1rem)
}

.Box-title {
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600)
}

.Box-body {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    padding: var(--stack-padding-normal, 1rem)
}

.Box-body:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem);
    margin-bottom: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

.Box-row {
    border-top: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    list-style-type: none;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    padding: var(--stack-padding-normal, 1rem)
}

.Box-row:first-of-type {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.Box-row:last-of-type {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.Box-row.Box-row--unread,.Box-row.unread {
    box-shadow: inset 2px 0 0 var(--borderColor-accent-emphasis, var(--color-accent-emphasis))
}

.Box-row.navigation-focus .Box-row--drag-button {
    color: var(--fgColor-accent, var(--color-accent-fg));
    cursor: grab;
    opacity: 1
}

.Box-row.navigation-focus.is-dragging .Box-row--drag-button {
    cursor: grabbing
}

.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide {
    opacity: 0
}

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

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

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

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

@media(min-width: 768px) {
    .Box-row-link {
        color:var(--fgColor-default, var(--color-fg-default))
    }

    .Box-row-link,.Box-row-link:hover {
        -webkit-text-decoration: none;
        text-decoration: none
    }

    .Box-row-link:hover {
        color: var(--fgColor-accent, var(--color-accent-fg))
    }
}

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

.Box-footer {
    border-radius: 0 0 var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem);
    border-top: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    padding: var(--stack-padding-normal, 1rem)
}

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

.Box--blue,.Box--blue .Box-header {
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted))
}

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

.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row {
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted))
}

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

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

.Box-row--yellow {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle))
}

.Box-row--blue {
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle))
}

.Box-row--gray {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.Box-btn-octicon.btn-octicon {
    line-height: 1.5;
    margin: calc(var(--controlStack-small-gap-spacious, 1rem)*-1) calc(var(--controlStack-small-gap-spacious, 1rem)*-1);
    padding: var(--control-medium-paddingInline-spacious, 1rem) var(--control-medium-paddingInline-spacious, 1rem)
}

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

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

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

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

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

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

.breadcrumb-item {
    display: inline-block;
    list-style: none;
    margin-left: -0.35em;
    white-space: nowrap
}

.breadcrumb-item:after {
    border-right: .1em solid var(--borderColor-neutral-emphasis, var(--color-fg-subtle));
    content: "";
    display: inline-block;
    height: .8em;
    margin: 0 .5em;
    transform: rotate(15deg)
}

.breadcrumb-item:first-child {
    margin-left: 0
}

.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after {
    content: none
}

.breadcrumb-item-selected a {
    color: var(--fgColor-default, var(--color-fg-default))
}

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

.btn:hover {
    text-decoration: none
}

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

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

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

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

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

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

.btn {
    color: var(--button-default-fgColor-rest, var(--color-btn-text));
    background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
    border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
    box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)),var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color
}

.btn:hover,.btn.hover,[open]>.btn {
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border-color: var(--button-default-borderColor-hover, var(--color-btn-hover-border));
    transition-duration: .1s
}

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

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

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

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

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

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

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

.btn-primary:focus:not(:focus-visible) {
    outline: solid 1px rgba(0,0,0,0);
    box-shadow: none
}

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

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

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

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

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

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

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

a.btn-primary:focus:not(:focus-visible) {
    outline: solid 1px rgba(0,0,0,0);
    box-shadow: none
}

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

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

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

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

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

.btn-outline: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 rgba(0,0,0,0);
    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: 4px
}

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

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

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

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

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

.BtnGroup-parent {
    float: left
}

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

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

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

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

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

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

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

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

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

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

.btn-invisible {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: rgba(0,0,0,0);
    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: rgba(0,0,0,0)
}

.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: rgba(0,0,0,0);
    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: rgba(0,0,0,0);
    border: 0
}

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

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

.hidden-text-expander {
    display: block
}

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

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

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

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

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

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

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

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

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

.TableObject {
    display: table
}

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

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

.form-control,.form-select {
    padding: 5px 12px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    background-repeat: no-repeat;
    background-position: right 8px center;
    border: 1px solid var(--control-borderColor-rest, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-inset, var(--color-primer-shadow-inset));
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color
}

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

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

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

.form-control.border-0:focus,.form-control.border-0:focus-visible,.form-select.border-0:focus,.form-select.border-0:focus-visible {
    border: 1px solid var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important
}

.form-control[disabled],fieldset[disabled] .form-control,.form-select[disabled],fieldset[disabled] .form-select {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-border-default));
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    opacity: 1
}

.form-control[disabled]::placeholder,fieldset[disabled] .form-control::placeholder,.form-select[disabled]::placeholder,fieldset[disabled] .form-select::placeholder {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

@supports(-webkit-touch-callout: none) {
    .form-control,.form-select {
        font-size: 16px
    }

    @media(min-width: 768px) {
        .form-control,.form-select {
            font-size:14px
        }
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-checkbox-details {
    display: none
}

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

.hfields {
    margin: 15px 0
}

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

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

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

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

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

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

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

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

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

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

.form-actions .btn {
    float: right
}

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

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

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

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

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

.form-select::-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: 4px 0 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.input-group {
    display: table
}

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

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

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

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

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

.input-group .form-control.autocomplete-embedded-icon-wrap {
    display: inline-flex;
    padding: 5px 8px
}

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

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

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

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

.input-group .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 16px 6px 36px;
    margin-left: -1px;
    font-size: 14px;
    line-height: 20px;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

: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: 4px;
    color: var(--fgColor-muted, var(--color-fg-subtle))
}

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

.radio-input:disabled {
    position: relative
}

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

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

.FormControl {
    display: inline-flex;
    flex-direction: column;
    gap: var(--base-size-4, 0.25rem)
}

.FormControl--fullWidth {
    display: flex
}

.FormControl-label {
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    -webkit-user-select: none;
    user-select: none
}

.FormControl-caption {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-weight: var(--text-caption-weight, 400);
    margin-bottom: 0
}

.FormControl-caption,.FormControl-inlineValidation {
    font-size: var(--text-caption-size, 0.75rem);
    line-height: var(--text-caption-lineHeight, 1.3333)
}

.FormControl-inlineValidation {
    fill: var(--control-borderColor-danger, var(--color-danger-emphasis));
    align-items: flex-start;
    color: var(--control-borderColor-danger, var(--color-danger-emphasis));
    display: flex;
    flex-direction: row;
    font-weight: var(--base-text-weight-semibold, 600);
    gap: var(--base-size-4, 0.25rem)
}

.FormControl-inlineValidation p {
    margin-bottom: 0
}

.FormControl-inlineValidation--success {
    fill: var(--control-borderColor-success, var(--color-success-emphasis));
    color: var(--control-borderColor-success, var(--color-success-emphasis))
}

.FormControl-inlineValidation--visual {
    align-items: center;
    display: flex;
    min-height: var(--base-size-16, 1rem)
}

.FormControl-spacingWrapper {
    display: flex;
    flex-direction: column;
    row-gap: .5rem
}

.FormControl-horizontalGroup {
    column-gap: .5rem;
    display: flex
}

.FormControl-input,.FormControl-select,.FormControl-textarea {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: var(--text-body-lineHeight-medium, 1.4285);
    padding-block:calc(var(--control-medium-paddingBlock, 6px) - var(--borderWidth-thin, 1px));padding-inline: var(--control-medium-paddingInline-condensed, 0.5rem);
    transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: color,background-color,box-shadow,border-color;
    width: 100%
}

.FormControl-input[disabled],.FormControl-select[disabled],.FormControl-textarea[disabled] {
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

.FormControl-input[invalid=true]:not(:focus),.FormControl-select[invalid=true]:not(:focus),.FormControl-textarea[invalid=true]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

.FormControl-input[invalid=false]:not(:focus),.FormControl-select[invalid=false]:not(:focus),.FormControl-textarea[invalid=false]:not(:focus) {
    border-color: var(--control-borderColor-success, var(--color-success-emphasis))
}

.FormControl-input:not([type=checkbox],[type=radio]):focus,.FormControl-select:not([type=checkbox],[type=radio]):focus,.FormControl-textarea:not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.FormControl-input:not([type=checkbox],[type=radio]):focus:not(:focus-visible),.FormControl-select:not([type=checkbox],[type=radio]):focus:not(:focus-visible),.FormControl-textarea:not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: rgba(0,0,0,0);
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0) var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.FormControl-input:not([type=checkbox],[type=radio]):focus-visible,.FormControl-select:not([type=checkbox],[type=radio]):focus-visible,.FormControl-textarea:not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

.FormControl-input[disabled]::placeholder,.FormControl-select[disabled]::placeholder,.FormControl-textarea[disabled]::placeholder {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled))
}

.FormControl-input[readonly],.FormControl-select[readonly],.FormControl-textarea[readonly] {
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg))
}

.FormControl-input::placeholder,.FormControl-select::placeholder,.FormControl-textarea::placeholder {
    color: var(--control-fgColor-placeholder, var(--color-fg-subtle));
    opacity: 1
}

.FormControl-input.FormControl-small,.FormControl-select.FormControl-small,.FormControl-textarea.FormControl-small {
    font-size: var(--text-body-size-small, 0.75rem);
    height: var(--control-small-size, 1.75rem);
    padding-block:var(--control-small-paddingBlock, 0.25rem);padding-inline: var(--control-small-paddingInline-normal, 0.75rem)
}

.FormControl-input.FormControl-medium,.FormControl-select.FormControl-medium,.FormControl-textarea.FormControl-medium {
    height: var(--control-medium-size, 2rem)
}

.FormControl-input.FormControl-large,.FormControl-select.FormControl-large,.FormControl-textarea.FormControl-large {
    height: var(--control-large-size, 2.5rem);
    padding-block:var(--control-large-paddingBlock, 0.625rem);padding-inline: var(--control-large-paddingInline-normal, 0.75rem)
}

.FormControl-input.FormControl-inset,.FormControl-select.FormControl-inset,.FormControl-textarea.FormControl-inset {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.FormControl-input.FormControl-inset:focus,.FormControl-input.FormControl-inset:focus-visible,.FormControl-select.FormControl-inset:focus,.FormControl-select.FormControl-inset:focus-visible,.FormControl-textarea.FormControl-inset:focus,.FormControl-textarea.FormControl-inset:focus-visible {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

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

.FormControl-input.FormControl-error,.FormControl-select.FormControl-error,.FormControl-textarea.FormControl-error {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

.FormControl-input.FormControl-success,.FormControl-select.FormControl-success,.FormControl-textarea.FormControl-success {
    border-color: var(--control-borderColor-success, var(--color-success-emphasis))
}

.FormControl-input.FormControl-warning,.FormControl-select.FormControl-warning,.FormControl-textarea.FormControl-warning {
    border-color: var(--control-borderColor-warning, var(--color-attention-emphasis))
}

.FormControl-toggleSwitchInput {
    align-items: flex-start;
    display: flex;
    gap: var(--base-size-16, 1rem)
}

.FormControl-input-wrap {
    display: grid;
    position: relative
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap {
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: block;
    height: var(--base-size-16, 1rem);
    left: var(--base-size-8, 0.5rem);
    pointer-events: none;
    position: absolute;
    top: var(--base-size-8, 0.5rem);
    width: var(--base-size-16, 1rem)
}

.FormControl-input-wrap .FormControl-input-leadingVisualWrap .FormControl-input-leadingVisual {
    display: block;
    -webkit-user-select: none;
    user-select: none
}

.FormControl-input-wrap .FormControl-input-trailingAction {
    align-items: center;
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: var(--borderRadius-small, 0.1875rem);
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    display: grid;
    height: var(--control-xsmall-size, 1.5rem);
    justify-content: center;
    padding: 0;
    position: absolute;
    right: var(--base-size-4, 0.25rem);
    top: var(--base-size-4, 0.25rem);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    width: var(--control-xsmall-size, 1.5rem);
    z-index: 4
}

.FormControl-input-wrap .FormControl-input-trailingAction svg {
    -webkit-user-select: none;
    user-select: none
}

.FormControl-input-wrap .FormControl-input-trailingAction[disabled] {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    pointer-events: none
}

.FormControl-input-wrap .FormControl-input-trailingAction:hover {
    background: var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg))
}

.FormControl-input-wrap .FormControl-input-trailingAction:active {
    background: var(--control-transparent-bgColor-active, var(--color-action-list-item-default-active-bg))
}

.FormControl-input-wrap .FormControl-input-trailingAction.FormControl-input-trailingAction--divider:before {
    background: var(--borderColor-default, var(--color-border-default));
    content: "";
    display: block;
    height: var(--base-size-16, 1rem);
    left: calc(var(--base-size-4, 0.25rem)*-1);
    position: absolute;
    top: calc((var(--control-xsmall-size, 1.5rem) - var(--base-size-16, 1rem))/2);
    width: var(--borderWidth-thin, max(1px, 0.0625rem))
}

.FormControl-input-wrap .FormControl-input-trailingAction:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: coarse) {
    .FormControl-input-wrap .FormControl-input-trailingAction:after {
        min-height:var(--control-minTarget-coarse, 2.75rem);
        min-width: var(--control-minTarget-coarse, 2.75rem)
    }
}

.FormControl-input-wrap.FormControl-input-wrap--leadingVisual .FormControl-input {
    padding-inline-start:calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem))}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction .FormControl-input {
    padding-inline-end: calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input {
    padding-inline-end:calc(var(--control-medium-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-medium-gap, 0.5rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-leadingVisualWrap {
    left: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    top: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem)
}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-small {
    padding-inline-end:calc(var(--control-small-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-small-gap, 0.25rem))}

.FormControl-input-wrap.FormControl-input-wrap--small.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-small {
    padding-inline-end: calc(var(--control-small-paddingInline-condensed, 0.5rem) + var(--base-size-16, 1rem) + var(--control-small-gap, 0.25rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction {
    height: calc(var(--control-small-size, 1.75rem) - var(--base-size-8, 0.5rem));
    width: calc(var(--control-small-size, 1.75rem) - var(--base-size-8, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--small .FormControl-input-trailingAction:before {
    top: calc((var(--control-xsmall-size, 1.5rem) - var(--base-size-16, 1rem))/4)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-leadingVisualWrap {
    left: var(--control-medium-paddingInline-normal, 0.75rem);
    top: var(--control-medium-paddingInline-normal, 0.75rem)
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--leadingVisual .FormControl-input.FormControl-large {
    padding-inline-start:calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem))}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction .FormControl-input.FormControl-large {
    padding-inline-end: calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem))
}

.FormControl-input-wrap.FormControl-input-wrap--large.FormControl-input-wrap--trailingAction.FormControl-input-wrap-trailingAction--divider .FormControl-input.FormControl-large {
    padding-inline-end:calc(var(--control-large-paddingInline-normal, 0.75rem) + var(--base-size-16, 1rem) + var(--control-large-gap, 0.5rem) + var(--borderWidth-thin, max(1px, 0.0625rem)))}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction {
    height: var(--control-small-size, 1.75rem);
    right: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    top: calc(var(--control-medium-paddingInline-condensed, 0.5rem) - .125rem);
    width: var(--control-small-size, 1.75rem)
}

.FormControl-input-wrap.FormControl-input-wrap--large .FormControl-input-trailingAction:before {
    height: var(--base-size-20, 1.25rem);
    top: unset
}

.FormControl-select-wrap {
    display: grid;
    grid-template-columns: minmax(0, auto) var(--base-size-16, 1rem)
}

.FormControl-select-wrap:after {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    content: "";
    grid-column: 2;
    grid-row: 1;
    height: var(--base-size-16, 1rem);
    -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzU4NjA2OSI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
    mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzU4NjA2OSI+PHBhdGggZD0ibTQuNDI3IDkuNDI3IDMuMzk2IDMuMzk2YS4yNTEuMjUxIDAgMCAwIC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwIDAgMTEuMzk2IDlINC42MDRhLjI1LjI1IDAgMCAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3IDcuODIgMy4wNzJhLjI1LjI1IDAgMCAxIC4zNTQgMEwxMS41NyA2LjQ3YS4yNS4yNSAwIDAgMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMCAxLS4xNzctLjQyN3oiLz48L3N2Zz4=");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    padding-right: var(--base-size-4, 0.25rem);
    place-self: center end;
    pointer-events: none;
    width: var(--base-size-16, 1rem)
}

.FormControl-select-wrap .FormControl-select {
    -webkit-appearance: none;
    appearance: none;
    grid-column: 1/-1;
    grid-row: 1;
    padding-right: var(--base-size-20, 1.25rem)
}

.FormControl-checkbox-wrap,.FormControl-radio-wrap {
    display: inline-grid;
    gap: var(--base-size-8, 0.5rem);
    grid-template-columns: min-content auto
}

.FormControl-checkbox-wrap .FormControl-checkbox-labelWrap,.FormControl-checkbox-wrap .FormControl-radio-labelWrap,.FormControl-radio-wrap .FormControl-checkbox-labelWrap,.FormControl-radio-wrap .FormControl-radio-labelWrap {
    display: flex;
    flex-direction: column;
    gap: var(--base-size-4, 0.25rem)
}

.FormControl-checkbox-wrap .FormControl-label,.FormControl-radio-wrap .FormControl-label {
    cursor: pointer
}

.FormControl-check-group-wrap fieldset,.FormControl-radio-group-wrap fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input[type=checkbox].FormControl-checkbox {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    border-color: var(--control-borderColor-emphasis, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-small, 0.1875rem);
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    display: grid;
    height: var(--base-size-16, 1rem);
    margin: .125rem 0 0;
    place-content: center;
    position: relative;
    transition: background-color,border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16, 1rem)
}

input.FormControl-checkbox[type=checkbox][disabled] {
    -webkit-text-fill-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-checkbox[type=checkbox][invalid=true]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

input.FormControl-checkbox[type=checkbox][invalid=false]:not(:focus) {
    border-color: var(--control-borderColor-success, var(--color-success-emphasis))
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: rgba(0,0,0,0);
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0) var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-checkbox[type=checkbox]:not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-checkbox[type=checkbox]:before {
    background-color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg));
    clip-path: inset(var(--base-size-16, 1rem) 0 0 0);
    content: "";
    height: var(--base-size-16, 1rem);
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OC4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2MUw0LjUyIDguNTQxYS43NTIuNzUyIDAgMCAxLTEuMDYyIDBMLjIwMiA1LjI4NWEuNzUuNzUgMCAwIDEgMS4wNjEtMS4wNjFsMi43MjUgMi43MjNMMTAuNzE4LjIyYS43NTEuNzUxIDAgMCAxIDEuMDYyIDBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43OC4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2MUw0LjUyIDguNTQxYS43NTIuNzUyIDAgMCAxLTEuMDYyIDBMLjIwMiA1LjI4NWEuNzUuNzUgMCAwIDEgMS4wNjEtMS4wNjFsMi43MjUgMi43MjNMMTAuNzE4LjIyYS43NTEuNzUxIDAgMCAxIDEuMDYyIDBaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 75%;
    mask-size: 75%;
    transition: visibility 0s linear .23s;
    visibility: hidden;
    width: var(--base-size-16, 1rem)
}

@media screen and (prefers-reduced-motion: no-preference) {
    input.FormControl-checkbox[type=checkbox]:before {
        animation: checkmarkOut 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards
    }
}

input.FormControl-checkbox[type=checkbox]:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

input.FormControl-checkbox[type=checkbox][disabled]~.FormControl-checkbox-labelWrap .FormControl-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

input.FormControl-checkbox[type=checkbox]:checked {
    background: var(--control-checked-bgColor-rest, var(--color-accent-fg));
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    transition: background-color,border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms
}

input.FormControl-checkbox[type=checkbox]:checked:before {
    transition: visibility 0s linear 0s;
    visibility: visible
}



input.FormControl-checkbox[type=checkbox]:checked:disabled {
    background-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    border-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-checkbox[type=checkbox]:checked:disabled:before {
    background-color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg))
}



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

input.FormControl-checkbox[type=checkbox]:indeterminate:before {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDFhMSAxIDAgMCAxIDEtMWg4YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAwIDEtMS0xWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDFhMSAxIDAgMCAxIDEtMWg4YTEgMSAwIDEgMSAwIDJIMWExIDEgMCAwIDEtMS0xWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
    visibility: visible
}

input[type=radio].FormControl-radio {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-borderColor-rest, var(--color-border-default));
    border-color: var(--control-borderColor-emphasis, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-full, 624.9375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    height: var(--base-size-16, 1rem);
    margin: .125rem 0 0;
    position: relative;
    transition: background-color,border-color 80ms cubic-bezier(0.33, 1, 0.68, 1);
    width: var(--base-size-16, 1rem)
}

input.FormControl-radio[type=radio][disabled] {

    background-color: var(--control-bgColor-disabled, var(--color-input-disabled-bg));
    border-color: var(--control-borderColor-disabled, var(--color-btn-border));
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed;
    opacity: 1
}

input.FormControl-radio[type=radio][invalid=true]:not(:focus) {
    border-color: var(--control-borderColor-danger, var(--color-danger-emphasis))
}

input.FormControl-radio[type=radio][invalid=false]:not(:focus) {
    border-color: var(--control-borderColor-success, var(--color-success-emphasis))
}

input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus:not(:focus-visible) {
    border-color: rgba(0,0,0,0);
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0) var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-radio[type=radio]:not([type=checkbox],[type=radio]):focus-visible {
    border-color: var(--focus-outlineColor, var(--color-accent-fg));
    box-shadow: inset 0 0 0 1px var(--focus-outlineColor, var(--color-accent-fg));
    outline: none
}

input.FormControl-radio[type=radio]:after {
    content: "";
    height: 100%;
    left: 50%;
    min-height: var(--control-medium-size, 2rem) var(--control-medium-size, 2rem);
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

input.FormControl-radio[type=radio][disabled]~.FormControl-radio-labelWrap .FormControl-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

input.FormControl-radio[type=radio]:checked {
    border-color: var(--control-checked-borderColor-rest, var(--color-accent-fg));
    border-width: var(--base-size-4, 0.25rem)
}

input.FormControl-radio[type=radio]:checked:disabled,input.FormControl-radio[type=radio][disabled]:checked {
    border-color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

input.FormControl-radio[type=radio]:checked:disabled~.FormControl-radio-labelWrap .FormControl-label,input.FormControl-radio[type=radio][disabled]:checked~.FormControl-radio-labelWrap .FormControl-label {
    color: var(--control-fgColor-disabled, var(--color-primer-fg-disabled));
    cursor: not-allowed
}

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



@keyframes checkmarkIn {
    0% {
        clip-path: inset(var(--base-size-16, 1rem) 0 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes checkmarkOut {
    0% {
        clip-path: inset(0 0 0 0)
    }

    to {
        clip-path: inset(var(--base-size-16, 1rem) 0 0 0)
    }
}

.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-rs-lg-10 {
        width: 72%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media(min-width: 1012px) {
    .offset-lg-1 {
        margin-left:8.33333333% !important;
    }
  .offset-rs-lg-1 {
        margin-left:14% !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
    }
}

.Layout {
    --Layout-sidebar-width: 220px;
    --Layout-gutter: 16px;
    grid-gap: var(--Layout-gutter);
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: auto 0 minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)))
}

@media(max-width: 543.98px) {
    .Layout {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout .Layout-divider,.Layout .Layout-main,.Layout .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 767.98px) {
    .Layout.Layout--flowRow-until-md {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-md .Layout-divider,.Layout.Layout--flowRow-until-md .Layout-main,.Layout.Layout--flowRow-until-md .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-md.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

@media(max-width: 1011.98px) {
    .Layout.Layout--flowRow-until-lg {
        grid-auto-flow:row;
        grid-template-columns: 1fr !important
    }

    .Layout.Layout--flowRow-until-lg .Layout-divider,.Layout.Layout--flowRow-until-lg .Layout-main,.Layout.Layout--flowRow-until-lg .Layout-sidebar {
        grid-column: 1 !important;
        width: 100% !important
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-sidebar {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-sidebar,.Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start .Layout-main {
        grid-row: 2/span 2
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none .Layout-sidebar {
        display: none
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided {
        --Layout-gutter: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider {
        grid-row: 2;
        height: 1px
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden {
        display: none
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow {
        background: var(--bgColor-inset, var(--color-canvas-inset));
        border-color: var(--borderColor-default, var(--color-border-default));
        border-style: solid;
        border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
        height: 8px;
        margin-right: 0
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main,.Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar {
        grid-row: 3/span 1
    }

    .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main {
        grid-row: 1
    }
}

.Layout .Layout-sidebar {
    grid-column: 1
}

.Layout .Layout-divider {
    display: none
}

.Layout .Layout-main {
    grid-column: 2/span 2
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-gutter:24px
    }
}

.Layout.Layout--gutter-none {
    --Layout-gutter: 0px
}

.Layout.Layout--gutter-condensed {
    --Layout-gutter: 16px
}

@media(min-width: 1012px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter:32px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--gutter-spacious {
        --Layout-gutter:40px
    }
}

@media(min-width: 544px) {
    .Layout {
        --Layout-sidebar-width:220px
    }
}

@media(min-width: 768px) {
    .Layout {
        --Layout-sidebar-width:256px
    }
}

@media(min-width: 1012px) {
    .Layout {
        --Layout-sidebar-width:296px
    }
}

@media(min-width: 768px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width:240px
    }
}

@media(min-width: 1012px) {
    .Layout.Layout--sidebar-narrow {
        --Layout-sidebar-width:256px
    }

    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width: 320px
    }
}

@media(min-width: 1280px) {
    .Layout.Layout--sidebar-wide {
        --Layout-sidebar-width:336px
    }
}

.Layout.Layout--sidebarPosition-start .Layout-sidebar {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-start .Layout-main {
    grid-column: 2/span 2
}

.Layout.Layout--sidebarPosition-end {
    grid-template-columns: minmax(0, calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter))) 0 auto
}

.Layout.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 2/span 2
}

.Layout.Layout--divided .Layout-divider {
    background: var(--borderColor-default, var(--color-border-default));
    display: block;
    grid-column: 2;
    margin-right: -1px;
    width: 1px
}

.Layout.Layout--divided .Layout-main,.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar {
    grid-column: 3/span 1
}

.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main {
    grid-column: 1
}

.Layout-divider {
    display: none;
    width: 1px
}

.Layout-sidebar {
    width: var(--Layout-sidebar-width)
}

.Layout-main {
    min-width: 0
}

.Layout-main .Layout-main-centered-lg,.Layout-main .Layout-main-centered-md,.Layout-main .Layout-main-centered-xl {
    margin-left: auto;
    margin-right: auto
}

.Layout-main .Layout-main-centered-lg>.container-lg,.Layout-main .Layout-main-centered-lg>.container-md,.Layout-main .Layout-main-centered-lg>.container-xl,.Layout-main .Layout-main-centered-md>.container-lg,.Layout-main .Layout-main-centered-md>.container-md,.Layout-main .Layout-main-centered-md>.container-xl,.Layout-main .Layout-main-centered-xl>.container-lg,.Layout-main .Layout-main-centered-xl>.container-md,.Layout-main .Layout-main-centered-xl>.container-xl {
    margin-left: 0
}

.Layout-main .Layout-main-centered-md {
    max-width: calc(var(--breakpoint-medium, 48rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-lg {
    max-width: calc(var(--breakpoint-large, 63.25rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

.Layout-main .Layout-main-centered-xl {
    max-width: calc(var(--breakpoint-xlarge, 80rem) + var(--Layout-sidebar-width) + var(--Layout-gutter))
}

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

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

@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(8px + var(--Layout-row-gap))
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Link {
    color: var(--fgColor-accent, var(--color-accent-fg));
    -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,.bottom-cta h1 a,.bottom-cta h2 a,.bottom-cta h3 a,.bottom-cta h4 a,.bottom-cta h5 a,.bottom-cta h6 a {
    color: var(--fgColor-default, var(--color-fg-default)) !important
}

.Link--primary:hover,.bottom-cta h1 a:hover,.bottom-cta h2 a:hover,.bottom-cta h3 a:hover,.bottom-cta h4 a:hover,.bottom-cta h5 a:hover,.bottom-cta h6 a:hover {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important
}

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

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

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

.Link--muted:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.Link--muted:hover,.Link--onHover:hover {
    color: var(--fgColor-accent, var(--color-accent-fg)) !important
}

.Link--onHover:hover {
    cursor: pointer;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.bottom-cta h1 a:hover [class*=color-fg],.bottom-cta h2 a:hover [class*=color-fg],.bottom-cta h3 a:hover [class*=color-fg],.bottom-cta h4 a:hover [class*=color-fg],.bottom-cta h5 a:hover [class*=color-fg],.bottom-cta h6 a:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg] {
    color: inherit !important
}

.menu {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    list-style: none;
    margin-bottom: var(--stack-gap-normal, 1rem)
}

.menu-item {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem);
    position: relative
}

.menu-item:first-child {
    border-top: 0;
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:first-child,.menu-item:first-child:before {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-item:last-child,.menu-item:last-child:before {
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem)
}

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

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

.menu-item.selected,.menu-item[aria-current]:not([aria-current=false]),.menu-item[aria-selected=true] {
    background-color: var(--menu-bgColor-active, var(--color-menu-bg-active));
    cursor: default
}

.menu-item.selected:before,.menu-item[aria-current]:not([aria-current=false]):before,.menu-item[aria-selected=true]:before {
    background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 2px
}

.menu-item .octicon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-right: var(--control-medium-gap, 0.5rem);
    text-align: center;
    width: 16px
}

.menu-item .Counter {
    float: right;
    margin-left: var(--control-small-gap, 0.25rem)
}

.menu-item .menu-warning {
    color: var(--fgColor-attention, var(--color-attention-fg));
    float: right
}

.menu-item .avatar {
    float: left;
    margin-right: var(--control-small-gap, 0.25rem)
}

.menu-item.alert .Counter {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.menu-heading {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    font-size: inherit;
    font-weight: var(--base-text-weight-semibold, 600);
    margin-bottom: 0;
    margin-top: 0;
    padding: var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.menu-heading:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.menu-heading:first-child {
    border-top-left-radius: var(--borderRadius-medium, 0.375rem);
    border-top-right-radius: var(--borderRadius-medium, 0.375rem)
}

.menu-heading:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--borderRadius-medium, 0.375rem);
    border-bottom-right-radius: var(--borderRadius-medium, 0.375rem)
}

.tabnav {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    margin-bottom: var(--stack-gap-normal, 1rem);
    margin-top: 0
}

.tabnav-tabs {
    display: flex;
    margin-bottom: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1);
    overflow: auto
}

.tabnav-tab {
    background-color: initial;
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid rgba(0,0,0,0);
    border-bottom: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline-block;
    flex-shrink: 0;
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 23px;
    padding: var(--base-size-8, 0.5rem) var(--control-medium-paddingInline-spacious, 1rem);
    -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, var(--color-canvas-default));
    border-color: var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem) 0 0;
    color: var(--fgColor-default, var(--color-fg-default))
}

.tabnav-tab.selected .octicon,.tabnav-tab[aria-current]:not([aria-current=false]) .octicon,.tabnav-tab[aria-selected=true] .octicon {
    color: inherit
}

.tabnav-tab:hover {
    color: var(--fgColor-default, var(--color-fg-default));
    -webkit-text-decoration: none;
    text-decoration: none;
    transition-duration: .1s
}

.tabnav-tab:focus,.tabnav-tab:focus-visible {
    border-radius: var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem) 0 0 !important;
    outline-offset: -6px
}

.tabnav-tab .octicon,.tabnav-tab:active {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.tabnav-tab .octicon {
    margin-right: var(--control-small-gap, 0.25rem)
}

.tabnav-tab .Counter {
    color: inherit;
    margin-left: var(--control-small-gap, 0.25rem)
}

.tabnav-extra {
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    margin-left: 10px;
    padding-top: 10px
}

.tabnav-extra>.octicon {
    margin-right: 2px
}

a.tabnav-extra:hover {
    color: var(--fgColor-accent, var(--color-accent-fg));
    -webkit-text-decoration: none;
    text-decoration: none
}

.tabnav-btn {
    margin-left: var(--controlStack-medium-gap-condensed, 0.5rem)
}

.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: rgba(0,0,0,0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subnav {
    margin-bottom: 20px
}

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

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

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

.subnav-flush {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.UnderlineNav {
    -webkit-overflow-scrolling: auto;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted));
    display: flex;
    justify-content: space-between;
    min-height: var(--base-size-48, 3rem);
    overflow-x: auto;
    overflow-y: hidden
}

.UnderlineNav .Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    color: var(--fgColor-default, var(--color-fg-default));
    margin-left: var(--control-medium-gap, 0.5rem)
}

.UnderlineNav .Counter--primary {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.UnderlineNav-body {
    align-items: center;
    display: flex;
    gap: var(--control-medium-gap, 0.5rem);
    list-style: none
}

.UnderlineNav-item {
    align-items: center;
    background-color: initial;
    border: 0;
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    display: flex;
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 30px;
    padding: 0 var(--control-medium-paddingInline-condensed, 0.5rem);
    position: relative;
    text-align: center;
    white-space: nowrap
}

.UnderlineNav-item:focus,.UnderlineNav-item:focus-visible,.UnderlineNav-item:hover {
    border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
    color: var(--fgColor-default, var(--color-fg-default));
    outline-offset: -2px;
    -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, 600);
    height: 0;
    visibility: hidden
}

.UnderlineNav-item:before {
    content: "";
    height: 100%;
    left: 50%;
    min-height: 48px;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%
}

@media(pointer: fine) {
    .UnderlineNav-item:hover {
        background:var(--control-transparent-bgColor-hover, var(--color-action-list-item-default-hover-bg));
        color: var(--fgColor-default, var(--color-fg-default));
        -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, var(--color-primer-border-active));
    color: var(--fgColor-default, var(--color-fg-default));
    font-weight: var(--base-text-weight-semibold, 600)
}

.UnderlineNav-item.selected:after,.UnderlineNav-item[aria-current]:not([aria-current=false]):after,.UnderlineNav-item[role=tab][aria-selected=true]:after {
    background: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: calc(50% - 25px);
    content: "";
    height: 2px;
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    z-index: 1
}

.UnderlineNav--right {
    justify-content: flex-end
}

.UnderlineNav--right .UnderlineNav-actions {
    flex: 1 1 auto
}

.UnderlineNav-actions {
    align-self: center
}

.UnderlineNav--full {
    display: block
}

.UnderlineNav--full .UnderlineNav-body {
    min-height: var(--base-size-48, 3rem)
}

.UnderlineNav-octicon {
    fill: var(--fgColor-muted, var(--color-fg-muted));
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: inline !important;
    margin-right: var(--control-medium-gap, 0.5rem)
}

.UnderlineNav-container {
    display: flex;
    justify-content: space-between
}

.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 rgba(0,0,0,0);
    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: rgba(0,0,0,0)
}

.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: rgba(0,0,0,0)
}

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

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

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

.pagination>* {
    display: none
}

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

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

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

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

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

.tooltipped {
    position: relative
}

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

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

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

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.Truncate>.Truncate-text+.Truncate-text {
    margin-left: var(--control-small-gap, 0.25rem)
}

.Truncate>.Truncate-text.Truncate-text--primary {
    flex-basis: 200%
}

.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover {
    cursor: pointer;
    flex-shrink: 0;
    max-width: 100% !important
}

.Overlay--hidden {
    display: none !important
}

.Overlay--visibilityHidden {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.Overlay {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border-radius: var(--borderRadius-large, 0.75rem);
    box-shadow: var(--shadow-floating-small, var(--color-overlay-shadow));
    display: flex;
    flex-direction: column;
    max-height: min(100vh - 2rem,var(--overlay-height));
    min-width: 192px;
    opacity: 1;
    white-space: normal;
    width: min(var(--overlay-width),100vw - 2rem)
}

.Overlay.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--height-xsmall {
    height: min(192px,100vh - 2rem)
}

.Overlay.Overlay--height-small {
    height: min(256px,100vh - 2rem)
}

.Overlay.Overlay--height-medium {
    height: min(320px,100vh - 2rem)
}

.Overlay.Overlay--height-large {
    height: min(432px,100vh - 2rem)
}

.Overlay.Overlay--height-xlarge {
    height: min(600px,100vh - 2rem)
}

.Overlay.Overlay--width-auto {
    width: auto
}

.Overlay.Overlay--width-small {
    width: min(256px,100vw - 2rem)
}

.Overlay.Overlay--width-medium {
    width: min(320px,100vw - 2rem)
}

.Overlay.Overlay--width-large {
    width: min(480px,100vw - 2rem)
}

.Overlay.Overlay--width-xlarge {
    width: min(640px,100vw - 2rem)
}

.Overlay.Overlay--width-xxlarge {
    width: min(960px,100vw - 2rem)
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay.Overlay--motion-scaleFade {
        animation: Overlay--motion-scaleFade .2s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@keyframes Overlay--motion-scaleFade {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.Overlay-form {
    flex-grow: 1;
    overflow: auto
}

.Overlay-form,.Overlay-header {
    display: flex;
    flex-direction: column
}

.Overlay-header {
    color: var(--fgColor-default, var(--color-fg-default));
    z-index: 1
}

.Overlay-header.Overlay-header--divided {
    box-shadow: inset 0 calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1) var(--borderColor-default, var(--color-border-default));
    padding-bottom: var(--stack-padding-condensed, 0.5rem)
}

.Overlay-header.Overlay-header--divided+.Overlay-body {
    padding-top: var(--stack-padding-normal, 1rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap {
    gap: var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
    font-size: var(--text-title-size-medium, 1.25rem)
}

.Overlay-header.Overlay-header--large .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
    font-size: var(--text-body-size-medium, 0.875rem)
}

.Overlay-header .Overlay-headerContentWrap {
    align-items: flex-start;
    display: flex;
    gap: var(--stack-gap-condensed, 0.5rem);
    padding: var(--stack-gap-condensed, 0.5rem) var(--stack-gap-condensed, 0.5rem) 0 var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap {
    display: flex;
    flex-direction: row;
    gap: var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--control-small-gap, 0.25rem);
    padding: calc(var(--stack-gap-condensed, 0.5rem)*.75) 0 calc(var(--stack-gap-condensed, 0.5rem)*.75) var(--stack-gap-condensed, 0.5rem)
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title {
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-semibold, 600);
    margin: 0
}

.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-description {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-normal, 400);
    margin: 0
}

.Overlay-body {
    flex-grow: 1;
    font-size: var(--text-body-size-medium, 0.875rem);
    overflow-y: auto;
    padding: var(--stack-padding-normal, 1rem);
    padding-top: 0;
    scrollbar-width: thin
}

.Overlay-body.Overlay-body--paddingCondensed {
    padding: var(--stack-padding-condensed, 0.5rem);
    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, 1rem) var(--stack-padding-normal, 1rem) var(--stack-padding-normal, 1rem);
    z-index: 1
}

.Overlay-footer.Overlay-footer--divided {
    box-shadow: inset 0 var(--borderWidth-thin, max(1px, 0.0625rem)) var(--borderColor-default, var(--color-border-default));
    padding-top: var(--stack-padding-normal, 1rem)
}

.Overlay-footer.Overlay-footer--alignStart {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: flex-start
}

.Overlay-footer.Overlay-footer--alignCenter {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: center
}

.Overlay-footer.Overlay-footer--alignEnd {
    gap: var(--stack-gap-condensed, 0.5rem);
    justify-content: flex-end
}

.Overlay-closeButton {
    align-self: flex-start;
    background-color: initial;
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid rgba(0,0,0,0);
    border-radius: var(--borderRadius-medium, 0.375rem);
    color: var(--fgColor-muted, var(--color-fg-muted));
    cursor: pointer;
    display: grid;
    flex-shrink: 0;
    height: var(--base-size-32, 2rem);
    padding: 0;
    place-content: center;
    position: relative;
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color,background-color,border-color;
    -webkit-user-select: none;
    user-select: none;
    width: var(--base-size-32, 2rem)
}

.Overlay-closeButton:focus,.Overlay-closeButton:hover {
    background-color: var(--button-default-bgColor-hover, var(--color-btn-hover-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--control-bgColor-hover, var(--color-btn-hover-bg))
}

.Overlay-closeButton.close-button {
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid rgba(0,0,0,0)
}

.Overlay-backdrop--center {
    align-items: center;
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--anchor {
    background-color: initial;
    position: absolute;
    z-index: 999
}

.Overlay-backdrop--side {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--side,.Overlay-backdrop--side.Overlay-backdrop--placement-left {
    align-items: center;
    justify-content: left
}

.Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 100vh;
    max-height: unset
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-left>.Overlay {
        animation: Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right {
    align-items: center;
    justify-content: right
}

.Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    height: 100vh;
    max-height: unset
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-right>.Overlay {
        animation: Overlay--motion-slideInLeft .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom {
    align-items: end;
    justify-content: center
}

.Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: auto;
    max-height: calc(100vh - 2rem);
    width: 100vw
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-bottom>.Overlay {
        animation: Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top {
    align-items: start;
    justify-content: center
}

.Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay {
    border-radius: var(--borderRadius-large, 0.75rem);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media screen and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side.Overlay-backdrop--placement-top>.Overlay {
        animation: Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

.Overlay-backdrop--full {
    background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.Overlay-backdrop--full .Overlay {
    border-radius: unset !important;
    flex-grow: 1;
    height: 100%;
    max-height: 100vh;
    max-width: 100vw;
    width: 100%
}

@media(max-width: 767px) {
    .Overlay-backdrop--center-whenNarrow {
        align-items:center;
        background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .Overlay-backdrop--anchor-whenNarrow {
        background-color: initial;
        position: absolute;
        z-index: 999
    }

    .Overlay-backdrop--side-whenNarrow {
        background-color: var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .Overlay-backdrop--side-whenNarrow,.Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow {
        align-items: center;
        justify-content: left
    }

    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        height: 100vh;
        max-height: unset
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow>.Overlay-whenNarrow {
        animation:Overlay--motion-slideInRight .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow {
        align-items:center;
        justify-content: right
    }

    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        height: 100vh;
        max-height: unset
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow>.Overlay-whenNarrow {
        animation:Overlay--motion-slideInLeft .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow {
        align-items:end;
        justify-content: center
    }

    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: auto;
        max-height: calc(100vh - 2rem);
        width: 100vw
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow>.Overlay-whenNarrow {
        animation:Overlay--motion-slideUp .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow {
        align-items:start;
        justify-content: center
    }

    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow {
        border-radius: var(--borderRadius-large, 0.75rem);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media screen and (max-width: 767px)and (prefers-reduced-motion: no-preference) {
    .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow>.Overlay-whenNarrow {
        animation:Overlay--motion-slideDown .25s cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running
    }
}

@media(max-width: 767px) {
    .Overlay-backdrop--full-whenNarrow {
        background-color:var(--overlay-backdrop-bgColor, var(--color-neutral-muted));
        bottom: 0;
        display: flex;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 999
    }

    .Overlay-backdrop--full-whenNarrow .Overlay {
        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%)
    }
}

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

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

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

    100% {
        opacity: 1
    }
}

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

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

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

    100% {
        opacity: 0
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    10% {
        opacity: 1
    }

    100% {
        opacity: .3
    }
}

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

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

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

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

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

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

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

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

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

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

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

.border-0 {
    border: 0 !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.color-bg-transparent {
    background-color: rgba(0,0,0,0) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 rgba(0,0,0,0)
}

.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 rgba(0,0,0,0);
    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 rgba(0,0,0,0)
}

.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 rgba(0,0,0,0);
    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, 16px) !important;
    padding-left: var(--base-size-16, 16px) !important
}

@media(min-width: 544px) {
    .p-responsive {
        padding-right:var(--base-size-40, 40px) !important;
        padding-left: var(--base-size-40, 40px) !important
    }
}

@media(min-width: 1012px) {
    .p-responsive {
        padding-right:var(--base-size-16, 16px) !important;
        padding-left: var(--base-size-16, 16px) !important
    }
}

.h1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .h1 {
        font-size:var(--h1-size, 32px) !important
    }
}

.h2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .h2 {
        font-size:var(--h2-size, 24px) !important
    }
}

.h3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .h3 {
        font-size:var(--h3-size, 20px) !important
    }
}

.h4 {
    font-size: var(--h4-size, 16px) !important
}

.h5 {
    font-size: var(--h5-size, 14px) !important
}

.h6 {
    font-size: var(--h6-size, 12px) !important
}

.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: var(--base-text-weight-semibold, 600) !important
}

.f1 {
    font-size: var(--h1-size-mobile, 26px) !important
}

@media(min-width: 768px) {
    .f1 {
        font-size:var(--h1-size, 32px) !important
    }
}

.f2 {
    font-size: var(--h2-size-mobile, 22px) !important
}

@media(min-width: 768px) {
    .f2 {
        font-size:var(--h2-size, 24px) !important
    }
}

.f3 {
    font-size: var(--h3-size-mobile, 18px) !important
}

@media(min-width: 768px) {
    .f3 {
        font-size:var(--h3-size, 20px) !important
    }
}

.f4 {
    font-size: var(--h4-size, 16px) !important
}

@media(min-width: 768px) {
    .f4 {
        font-size:var(--h4-size, 16px) !important
    }
}

.f5 {
    font-size: var(--h5-size, 14px) !important
}

.f6 {
    font-size: var(--h6-size, 12px) !important
}

.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,.bottom-cta h1 a,.bottom-cta h2 a,.bottom-cta h3 a,.bottom-cta h4 a,.bottom-cta h5 a,.bottom-cta h6 a {
    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
}

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

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline {
    display: inline !important
}

.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: rect(0, 0, 0, 0);
    word-wrap: normal;
    border: 0
}

.show-on-focus {
    position: absolute !important
}

.show-on-focus:not(:focus) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    border: 0 !important
}

.show-on-focus:focus {
    z-index: 999
}

/*!
 * @primer/css/product
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
.flash:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-accent-muted, var(--color-accent-subtle)), var(--bgColor-accent-muted, var(--color-accent-subtle)));
    border-color: var(--borderColor-accent-muted, var(--color-accent-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    border-style: solid;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem));
    color: var(--fgColor-default, var(--color-fg-default));
    padding: var(--base-size-20, 1.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    position: relative
}

.flash:not(.Banner) .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg));
    margin-right: var(--base-size-12, 0.75rem)
}

.flash:not(.Banner) p:last-child {
    margin-bottom: 0
}

.flash-messages {
    margin-bottom: var(--stack-gap-spacious, 1.5rem)
}

.flash-close:not(.Banner-close) {
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    float: right;
    margin-top: calc(var(--base-size-4, 0.25rem)*-1);
    text-align: center
}

.flash-close:not(.Banner-close):hover {
    opacity: .7
}

.flash-close:not(.Banner-close):active {
    opacity: .5
}

.flash-close:not(.Banner-close) .octicon {
    margin-right: 0
}

.flash-action:not(.Banner-actions) {
    background-clip: padding-box;
    float: right;
    margin-left: var(--stack-gap-spacious, 1.5rem);
    margin-top: -3px
}

.flash-action.btn:not(.Banner-actions) .octicon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-right: var(--control-small-gap, 0.25rem)
}

.flash-action.btn-primary:not(.Banner-actions) {
    background-clip: initial
}

.flash-action.btn-primary:not(.Banner-actions) .octicon {
    color: inherit
}

.flash-warn:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-attention-muted, var(--color-attention-subtle)), var(--bgColor-attention-muted, var(--color-attention-subtle)));
    border-color: var(--borderColor-attention-muted, var(--color-attention-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-warn:not(.Banner) .octicon {
    color: var(--fgColor-attention, var(--color-attention-fg))
}

.flash-error:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-danger-muted, var(--color-danger-subtle)), var(--bgColor-danger-muted, var(--color-danger-subtle)));
    border-color: var(--borderColor-danger-muted, var(--color-danger-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-error:not(.Banner) .octicon {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.flash-success:not(.Banner) {
    background-image: linear-gradient(var(--bgColor-success-muted, var(--color-success-subtle)), var(--bgColor-success-muted, var(--color-success-subtle)));
    border-color: var(--borderColor-success-muted, var(--color-success-muted));
    color: var(--fgColor-default, var(--color-fg-default))
}

.flash-success:not(.Banner) .octicon {
    color: var(--fgColor-success, var(--color-success-fg))
}

.flash-full:not(.Banner) {
    border-radius: 0;
    border-width: var(--borderWidth-thin, max(1px, 0.0625rem)) 0;
    margin-top: calc(var(--borderWidth-thin, max(1px, 0.0625rem))*-1)
}

.flash-banner {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90
}

.flash-banner,.flash-full {
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.warning {
    background-color: var(--bgColor-attention-muted, var(--color-attention-subtle));
    font-weight: var(--base-text-weight-semibold, 600);
    margin-bottom: .8em;
    padding: .5em
}

.autocomplete-label-stacked {
    display: block;
    margin-bottom: 6px
}

.autocomplete-label-inline {
    display: inline;
    margin-right: 6px
}

@media(max-width: 543.98px) {
    .autocomplete-label-inline {
        display:block;
        margin-bottom: 6px
    }
}

.autocomplete-body {
    display: inline;
    position: relative
}

.autocomplete-embedded-icon-wrap {
    align-items: center;
    display: inline-flex;
    padding: 4px 8px
}

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

.autocomplete-embedded-icon-wrap .form-control {
    border: none;
    box-shadow: none;
    margin-left: 8px;
    padding: 0
}

.autocomplete-embedded-icon-wrap .form-control:focus {
    box-shadow: none
}

.autocomplete-embedded-icon-wrap .form-control:focus-visible {
    box-shadow: none
}

.autocomplete-results {
    background: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium));
    font-size: 13px;
    left: 0;
    list-style: none;
    max-height: 20em;
    min-width: 100%;
    overflow-y: auto;
    position: absolute;
    width: max-content;
    z-index: 99
}

.autocomplete-item {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: pointer;
    display: block;
    font-weight: var(--base-text-weight-semibold, 600);
    overflow: hidden;
    padding: 4px 8px;
    text-align: left;
    text-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, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.autocomplete-item:hover * {
    color: inherit !important
}

.autocomplete-item.navigation-focus,.autocomplete-item.selected,.autocomplete-item[aria-selected=true] {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    -webkit-text-decoration: none;
    text-decoration: none
}

.autocomplete-item.navigation-focus *,.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] * {
    color: inherit !important
}

.suggester {
    position: relative;
    top: 0;
    left: 0;
    min-width: 180px;
    padding: 0;
    margin: 0;
    margin-top: 24px;
    list-style: none;
    cursor: pointer;
    background: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 1px solid var(--borderColor-default, var(--color-border-default));
    border-radius: 6px;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium))
}

.suggester li {
    display: block;
    padding: 4px 8px;
    font-weight: var(--base-text-weight-medium, 500);
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.suggester li small {
    font-weight: var(--base-text-weight-normal, 400);
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.suggester li:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px
}

.suggester li:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.suggester li:hover {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li:hover small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li:hover .octicon {
    color: inherit !important
}

.suggester li[aria-selected=true],.suggester li.navigation-focus {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    text-decoration: none;
    background: var(--bgColor-accent-emphasis, var(--color-accent-emphasis))
}

.suggester li[aria-selected=true] small,.suggester li.navigation-focus small {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.suggester li[aria-selected=true] .octicon,.suggester li.navigation-focus .octicon {
    color: inherit !important
}

.suggester-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30
}

@media(max-width: 544px) {
    .page-responsive .suggester-container {
        right:8px !important;
        left: 8px !important
    }

    .page-responsive .suggester li {
        padding: 8px 16px
    }
}

.avatar {
    background-color: var(--avatar-bgColor, var(--color-avatar-bg));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: 0 0 0 1px var(--avatar-borderColor, var(--color-avatar-border));
    display: inline-block;
    flex-shrink: 0;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle
}

.avatar-link {
    float: left;
    line-height: 1
}

.avatar-group-item {
    display: inline-block;
    margin-bottom: 3px
}

.avatar-1,.avatar-2,.avatar-small {
    border-radius: var(--borderRadius-small, 0.1875rem)
}

.avatar-1 {
    height: var(--base-size-16, 1rem);
    width: var(--base-size-16, 1rem)
}

.avatar-2 {
    height: var(--base-size-20, 1.25rem);
    width: var(--base-size-20, 1.25rem)
}

.avatar-3 {
    height: var(--base-size-24, 1.5rem);
    width: var(--base-size-24, 1.5rem)
}

.avatar-4 {
    height: var(--base-size-28, 1.75rem);
    width: var(--base-size-28, 1.75rem)
}

.avatar-5 {
    height: var(--base-size-32, 2rem);
    width: var(--base-size-32, 2rem)
}

.avatar-6 {
    height: var(--base-size-40, 2.5rem);
    width: var(--base-size-40, 2.5rem)
}

.avatar-7 {
    height: var(--base-size-48, 3rem);
    width: var(--base-size-48, 3rem)
}

.avatar-8 {
    height: var(--base-size-64, 4rem);
    width: var(--base-size-64, 4rem)
}

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

.AvatarStack {
    height: 20px;
    min-width: 26px;
    position: relative
}

.AvatarStack .AvatarStack-body {
    position: absolute
}

.AvatarStack.AvatarStack--two {
    min-width: 36px
}

.AvatarStack.AvatarStack--three-plus {
    min-width: 46px
}

.AvatarStack-body {
    background: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 100px;
    display: flex
}

.AvatarStack-body .avatar {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: var(--borderRadius-small, 0.1875rem);
    border-right: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    box-shadow: none;
    box-sizing: initial;
    display: flex;
    height: 20px;
    margin-right: -11px;
    position: relative;
    transition: margin .1s ease-in-out;
    width: 20px;
    z-index: 2
}

.AvatarStack-body .avatar:first-child {
    z-index: 3
}

.AvatarStack-body .avatar:last-child {
    border-right: 0;
    z-index: 1
}

.AvatarStack-body .avatar img {
    border-radius: var(--borderRadius-small, 0.1875rem)
}

.AvatarStack-body .avatar:nth-child(n+4) {
    display: none;
    opacity: 0
}

.AvatarStack-body:hover .avatar {
    margin-right: 3px
}

.AvatarStack-body:hover .avatar:nth-child(n+4) {
    display: flex;
    opacity: 1
}

.AvatarStack-body:hover .avatar-more {
    display: none !important
}

.avatar.avatar-more {
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    margin-right: 0;
    z-index: 1
}

.avatar.avatar-more:after,.avatar.avatar-more:before {
    border-radius: 2px;
    content: "";
    display: block;
    height: 20px;
    outline: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    position: absolute
}

.avatar.avatar-more:before {
    background: var(--avatarStack-fade-bgColor-muted, var(--color-avatar-stack-fade-more));
    width: 17px
}

.avatar.avatar-more:after {
    background: var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade));
    width: 14px
}

.AvatarStack--right .AvatarStack-body {
    flex-direction: row-reverse;
    right: 0
}

.AvatarStack--right .AvatarStack-body:hover .avatar {
    margin-left: 3px;
    margin-right: 0
}

.AvatarStack--right .AvatarStack-body .avatar:not(:last-child) {
    border-left: 0
}

.AvatarStack--right .avatar.avatar-more {
    background: var(--avatarStack-fade-bgColor-default, var(--color-avatar-stack-fade))
}

.AvatarStack--right .avatar.avatar-more:before {
    width: 5px
}

.AvatarStack--right .avatar.avatar-more:after {
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    width: 2px
}

.AvatarStack--right .avatar {
    border-left: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--bgColor-default, var(--color-canvas-default));
    border-right: 0;
    margin-left: -11px;
    margin-right: 0
}

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

.blankslate-container {
    container-type: inline-size
}

.blankslate {
    --blankslate-outer-padding-block: var(--base-size-32,2rem);
    --blankslate-outer-padding-inline: var(--base-size-32,2rem);
    padding: var(--blankslate-outer-padding-block) var(--blankslate-outer-padding-inline);
    position: relative;
    text-align: center
}

.blankslate p {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-large, 1rem)
}

.blankslate code {
    background: var(--bgColor-default, var(--color-canvas-default));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    border-radius: var(--borderRadius-medium, 0.375rem);
    font-size: var(--text-body-size-medium, 0.875rem);
    padding: 2px 5px 3px
}

.blankslate img {
    height: 56px;
    width: 56px
}

.blankslate-icon {
    color: var(--fgColor-muted, var(--color-fg-muted));
    margin-bottom: var(--stack-gap-condensed, 0.5rem);
    margin-left: var(--control-small-gap, 0.25rem);
    margin-right: var(--control-small-gap, 0.25rem)
}

.blankslate-image {
    margin-bottom: var(--stack-gap-normal, 1rem)
}

.blankslate-heading {
    font-size: var(--text-title-size-medium, 1.25rem);
    font-weight: var(--text-title-weight-medium, 600);
    margin-bottom: var(--base-size-4, 0.25rem)
}

.blankslate-action {
    margin-top: var(--stack-gap-normal, 1rem)
}

.blankslate-action:first-of-type {
    margin-top: var(--stack-gap-spacious, 1.5rem)
}

.blankslate-action:last-of-type {
    margin-bottom: var(--stack-gap-condensed, 0.5rem)
}

.blankslate-capped {
    border-radius: 0 0 var(--borderRadius-medium, 0.375rem) var(--borderRadius-medium, 0.375rem)
}

.blankslate-spacious {
    --blankslate-outer-padding-block: var(--base-size-80,5rem);
    --blankslate-outer-padding-inline: var(--base-size-40,2.5rem)
}

.blankslate-narrow {
    margin: 0 auto;
    max-width: 485px
}

.blankslate-large img {
    height: 80px;
    width: 80px
}

.blankslate-large h3 {
    font-size: 24px;
    margin: var(--stack-gap-normal, 1rem) 0
}

.blankslate-large p {
    font-size: var(--text-body-size-large, 1rem)
}

.blankslate-clean-background {
    border: 0
}

@container (max-width: 34rem) {
    .blankslate {
        --blankslate-outer-padding-block: var(--base-size-20,1.25rem);
        --blankslate-outer-padding-inline: var(--base-size-20,1.25rem)
    }

    .blankslate-spacious {
        --blankslate-outer-padding-block: var(--base-size-44,2.75rem);
        --blankslate-outer-padding-inline: var(--base-size-28,1.75rem)
    }

    .blankslate-icon {
        margin-bottom: var(--stack-gap-condensed, 0.5rem)
    }

    .blankslate-heading {
        font-size: var(--text-title-size-small, 1rem)
    }

    .blankslate p {
        font-size: var(--text-body-size-medium, 0.875rem)
    }

    .blankslate-action {
        margin-top: var(--stack-gap-condensed, 0.5rem)
    }

    .blankslate-action:first-of-type {
        margin-top: var(--stack-gap-normal, 1rem)
    }

    .blankslate-action:last-of-type {
        margin-bottom: calc(var(--stack-gap-condensed, 0.5rem)/2)
    }
}

.branch-name {
    display: inline-block;
    padding: 2px 6px;
    font: 12px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
    color: var(--fgColor-muted, var(--color-fg-muted));
    word-break: break-all;
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle));
    border-radius: 6px
}

.branch-name .octicon {
    margin: 1px -2px 0 0;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

a.branch-name {
    color: var(--fgColor-accent, var(--color-accent-fg));
    background-color: var(--bgColor-accent-muted, var(--color-accent-subtle))
}

a.branch-name .octicon {
    color: var(--fgColor-accent, var(--color-accent-fg))
}

.dropdown {
    position: relative
}

.dropdown-caret {
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0);
    border-style: solid;
    border-width: var(--borderWidth-thicker, max(4px, 0.25rem)) var(--borderWidth-thicker, max(4px, 0.25rem)) 0;
    content: "";
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
    left: 0;
    list-style: none;
    margin-top: 2px;
    padding-bottom: var(--control-small-paddingBlock, 0.25rem);
    padding-top: var(--control-small-paddingBlock, 0.25rem);
    position: absolute;
    top: 100%;
    width: 160px;
    z-index: 100
}

.dropdown-menu:after,.dropdown-menu:before {
    content: "";
    display: inline-block;
    position: absolute
}

.dropdown-menu:before {
    border: 8px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--borderColor-default, var(--color-border-default))
}

.dropdown-menu:after {
    border: 7px solid rgba(0,0,0,0);
    border-bottom: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay))
}

.dropdown-menu>ul {
    list-style: none
}

.dropdown-menu-no-overflow {
    width: auto
}

.dropdown-menu-no-overflow .dropdown-item {
    overflow: visible;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: inherit
}

.dropdown-item {
    color: var(--fgColor-default, var(--color-fg-default));
    display: block;
    overflow: hidden;
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-condensed, 0.5rem) var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem);
    text-overflow: ellipsis;
    white-space: nowrap
}

.dropdown-item:hover {
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    -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, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    display: block;
    height: 0;
    margin: var(--stack-gap-condensed, 0.5rem) 0
}

.dropdown-header {
    color: var(--fgColor-muted, var(--color-fg-muted));
    font-size: var(--text-body-size-small, 0.75rem);
    padding: var(--control-small-paddingBlock, 0.25rem) var(--control-medium-paddingInline-spacious, 1rem)
}

.dropdown-item[aria-checked=false] .octicon-check {
    display: none
}

.dropdown-menu-w {
    left: auto;
    margin-right: 8px;
    margin-top: 0;
    right: 100%;
    top: 0;
    width: auto
}

.dropdown-menu-w:before {
    border-color: rgba(0,0,0,0);
    border-left-color: var(--borderColor-default, var(--color-border-default));
    left: auto;
    right: -16px;
    top: 10px
}

.dropdown-menu-w:after {
    border-color: rgba(0,0,0,0);
    border-left-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: auto;
    right: -14px;
    top: 11px
}

.dropdown-menu-e {
    left: 100%;
    margin-left: 8px;
    margin-top: 0;
    top: 0;
    width: auto
}

.dropdown-menu-e:before {
    border-color: rgba(0,0,0,0);
    border-right-color: var(--borderColor-default, var(--color-border-default));
    left: -16px;
    top: 10px
}

.dropdown-menu-e:after {
    border-color: rgba(0,0,0,0);
    border-right-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: -14px;
    top: 11px
}

.dropdown-menu-ne {
    bottom: 100%;
    left: 0;
    margin-bottom: 3px;
    top: auto
}

.dropdown-menu-ne:after,.dropdown-menu-ne:before {
    right: auto;
    top: auto
}

.dropdown-menu-ne:before {
    border-bottom: 0;
    border-left: 8px solid rgba(0,0,0,0);
    border-right: 8px solid rgba(0,0,0,0);
    border-top: 8px solid var(--borderColor-default, var(--color-border-default));
    bottom: -8px;
    left: 9px
}

.dropdown-menu-ne:after {
    border-bottom: 0;
    border-left: 7px solid rgba(0,0,0,0);
    border-right: 7px solid rgba(0,0,0,0);
    border-top: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay));
    bottom: -7px;
    left: 10px
}

.dropdown-menu-s {
    left: auto;
    right: 50%;
    transform: translateX(50%)
}

.dropdown-menu-s:before {
    right: 50%;
    top: -16px;
    transform: translateX(50%)
}

.dropdown-menu-s:after {
    right: 50%;
    top: -14px;
    transform: translateX(50%)
}

.dropdown-menu-sw {
    left: auto;
    right: 0
}

.dropdown-menu-sw:before {
    left: auto;
    right: 9px;
    top: -16px
}

.dropdown-menu-sw:after {
    left: auto;
    right: 10px;
    top: -14px
}

.dropdown-menu-se:before {
    left: 9px;
    top: -16px
}

.dropdown-menu-se:after {
    left: 10px;
    top: -14px
}

.Header {
    z-index: 32;
    display: flex;
    padding: 16px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--header-bgColor, var(--color-header-bg));
    align-items: center;
    flex-wrap: nowrap
}

.Header-item {
    display: flex;
    margin-right: 16px;
    align-self: stretch;
    align-items: center;
    flex-wrap: nowrap
}

.Header-item--full {
    flex: auto
}

.Header-link {
    font-weight: var(--base-text-weight-semibold, 600);
    color: var(--header-fgColor-logo, var(--color-header-logo));
    white-space: nowrap
}

.Header-link:hover,.Header-link:focus {
    color: var(--header-fgColor-default, var(--color-header-text));
    text-decoration: none
}

.Header-input {
    color: var(--header-fgColor-default, var(--color-header-text));
    background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
    border: 1px solid var(--headerSearch-borderColor, var(--color-header-search-border));
    box-shadow: none
}

.Header-input::placeholder {
    color: rgba(255,255,255,.75)
}

.IssueLabel {
    display: inline-block;
    padding: 0 7px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,0);
    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
}

.labels {
    position: relative
}

.Label,.label {
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: 2em;
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: 18px;
    padding: 0 7px;
    white-space: nowrap
}

.Label:hover,.label:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

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

.Label--inline {
    display: inline;
    font-size: 85%;
    padding: .12em .5em
}

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

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

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

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

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

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

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

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

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

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

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

.State,.state {
    border-radius: 2em;
    display: inline-block;
    font-size: var(--text-body-size-medium, 0.875rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: var(--control-medium-lineBoxHeight, 1.25rem);
    padding: 5px var(--control-medium-paddingInline-normal, 0.75rem);
    text-align: center;
    white-space: nowrap
}

.State,.State--draft,.state {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid rgba(0,0,0,0)
}

.State,.State--draft,.State--open,.state {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.State--open {
    background-color: var(--bgColor-open-emphasis, var(--color-open-emphasis))
}

.State--merged {
    background-color: var(--bgColor-done-emphasis, var(--color-done-emphasis))
}

.State--closed,.State--merged {
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.State--closed {
    background-color: var(--bgColor-closed-emphasis, var(--color-closed-emphasis))
}

.State--small {
    font-size: var(--text-body-size-small, 0.75rem);
    line-height: var(--base-size-24, 1.5rem);
    padding: 0 10px
}

.State--small .octicon {
    width: 1em
}

.Counter {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-muted));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--counter-borderColor, var(--color-counter-border));
    border-radius: 2em;
    color: var(--fgColor-default, var(--color-fg-default));
    display: inline-block;
    font-size: var(--text-body-size-small, 0.75rem);
    font-weight: var(--base-text-weight-medium, 500);
    line-height: calc(var(--base-size-20, 1.25rem) - var(--borderWidth-thin, max(1px, 0.0625rem))*2);
    min-width: var(--base-size-20, 1.25rem);
    padding: 0 6px;
    text-align: center
}

.Counter:empty {
    display: none
}

.Counter .octicon {
    opacity: .8;
    vertical-align: text-top
}

.Counter--primary {
    background-color: var(--bgColor-neutral-emphasis, var(--color-fg-subtle));
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.Counter--secondary {
    background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.AnimatedEllipsis {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom
}

.AnimatedEllipsis::after {
    display: inline-block;
    content: "...";
    animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite
}

@keyframes AnimatedEllipsis-keyframes {
    0% {
        transform: translateX(-100%)
    }
}

.markdown-body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

.markdown-body::before {
    display: table;
    content: ""
}

.markdown-body::after {
    display: table;
    clear: both;
    content: ""
}

.markdown-body>*:first-child {
    margin-top: 0 !important
}

.markdown-body>*:last-child {
    margin-bottom: 0 !important
}

.markdown-body a:not([href]) {
    color: inherit;
    text-decoration: none
}

.markdown-body .absent {
    color: var(--fgColor-danger, var(--color-danger-fg))
}

.markdown-body .anchor {
    float: left;
    padding-right: 4px;
    margin-left: -20px;
    line-height: 1
}

.markdown-body .anchor:focus {
    outline: none
}

.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details {
    margin-top: 0;
    margin-bottom: 16px
}

.markdown-body hr {
    height: .25em;
    padding: 0;
    margin: 24px 0;
    background-color: var(--borderColor-default, var(--color-border-default));
    border: 0
}

.markdown-body blockquote {
    padding: 0 1em;
    color: var(--fgColor-muted, var(--color-fg-muted));
    border-left: .25em solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body blockquote>:first-child {
    margin-top: 0
}

.markdown-body blockquote>:last-child {
    margin-bottom: 0
}

.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.25
}

.markdown-body h1 .octicon-link,.markdown-body h2 .octicon-link,.markdown-body h3 .octicon-link,.markdown-body h4 .octicon-link,.markdown-body h5 .octicon-link,.markdown-body h6 .octicon-link {
    color: var(--fgColor-default, var(--color-fg-default));
    vertical-align: middle;
    visibility: hidden
}

.markdown-body h1:hover .anchor,.markdown-body h2:hover .anchor,.markdown-body h3:hover .anchor,.markdown-body h4:hover .anchor,.markdown-body h5:hover .anchor,.markdown-body h6:hover .anchor {
    text-decoration: none
}

.markdown-body h1:hover .anchor .octicon-link,.markdown-body h2:hover .anchor .octicon-link,.markdown-body h3:hover .anchor .octicon-link,.markdown-body h4:hover .anchor .octicon-link,.markdown-body h5:hover .anchor .octicon-link,.markdown-body h6:hover .anchor .octicon-link {
    visibility: visible
}

.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code {
    padding: 0 .2em;
    font-size: inherit
}

.markdown-body h1 {
    padding-bottom: .3em;
    font-size: 2em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h2 {
    padding-bottom: .3em;
    font-size: 1.5em;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body h3 {
    font-size: 1.25em
}

.markdown-body h4 {
    font-size: 1em
}

.markdown-body h5 {
    font-size: .875em
}

.markdown-body h6 {
    font-size: .85em;
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6 {
    display: inline-block
}

.markdown-body summary h1 .anchor,.markdown-body summary h2 .anchor,.markdown-body summary h3 .anchor,.markdown-body summary h4 .anchor,.markdown-body summary h5 .anchor,.markdown-body summary h6 .anchor {
    margin-left: -40px
}

.markdown-body summary h1,.markdown-body summary h2 {
    padding-bottom: 0;
    border-bottom: 0
}

.markdown-body ul,.markdown-body ol {
    padding-left: 2em
}

.markdown-body ul.no-list,.markdown-body ol.no-list {
    padding: 0;
    list-style-type: none
}

.markdown-body ol[type="a s"] {
    list-style-type: lower-alpha
}

.markdown-body ol[type="A s"] {
    list-style-type: upper-alpha
}

.markdown-body ol[type="i s"] {
    list-style-type: lower-roman
}

.markdown-body ol[type="I s"] {
    list-style-type: upper-roman
}

.markdown-body ol[type="1"] {
    list-style-type: decimal
}

.markdown-body div>ol:not([type]) {
    list-style-type: decimal
}

.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul {
    margin-top: 0;
    margin-bottom: 0
}

.markdown-body li>p {
    margin-top: 16px
}

.markdown-body li+li {
    margin-top: .25em
}

.markdown-body dl {
    padding: 0
}

.markdown-body dl dt {
    padding: 0;
    margin-top: 16px;
    font-size: 1em;
    font-style: italic;
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body dl dd {
    padding: 0 16px;
    margin-bottom: 16px
}

.markdown-body table {
    display: block;
    width: 100%;
    width: max-content;
    max-width: 100%;
    overflow: auto
}

.markdown-body table th {
    font-weight: var(--base-text-weight-semibold, 600)
}

.markdown-body table th,.markdown-body table td {
    padding: 6px 13px;
    border: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body table td>:last-child {
    margin-bottom: 0
}

.markdown-body table tr {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.markdown-body table tr:nth-child(2n) {
    background-color: var(--bgColor-muted, var(--color-canvas-subtle))
}

.markdown-body table img {
    background-color: rgba(0,0,0,0)
}

.markdown-body img {
    max-width: 100%;
    box-sizing: content-box;
    background-color: var(--bgColor-default, var(--color-canvas-default))
}

.markdown-body img[align=right] {
    padding-left: 20px
}

.markdown-body img[align=left] {
    padding-right: 20px
}

.markdown-body .emoji {
    max-width: none;
    vertical-align: text-top;
    background-color: rgba(0,0,0,0)
}

.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: rgba(0,0,0,0);
    border: 0
}

.markdown-body .highlight {
    margin-bottom: 16px
}

.markdown-body .highlight pre {
    margin-bottom: 0;
    word-break: normal
}

.markdown-body .highlight pre,.markdown-body pre {
    padding: 16px;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-radius: 6px
}

.markdown-body pre code,.markdown-body pre tt {
    display: inline;
    max-width: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    line-height: inherit;
    word-wrap: normal;
    background-color: rgba(0,0,0,0);
    border: 0
}

.markdown-body .csv-data td,.markdown-body .csv-data th {
    padding: 5px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1;
    text-align: left;
    white-space: nowrap
}

.markdown-body .csv-data .blob-num {
    padding: 10px 8px 9px;
    text-align: right;
    background: var(--bgColor-default, var(--color-canvas-default));
    border: 0
}

.markdown-body .csv-data tr {
    border-top: 0
}

.markdown-body .csv-data th {
    font-weight: var(--base-text-weight-semibold, 600);
    background: var(--bgColor-muted, var(--color-canvas-subtle));
    border-top: 0
}

.markdown-body [data-footnote-ref]::before {
    content: "["
}

.markdown-body [data-footnote-ref]::after {
    content: "]"
}

.markdown-body .footnotes {
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    border-top: 1px solid var(--borderColor-default, var(--color-border-default))
}

.markdown-body .footnotes ol {
    padding-left: 16px
}

.markdown-body .footnotes ol ul {
    display: inline-block;
    padding-left: 16px;
    margin-top: 16px
}

.markdown-body .footnotes li {
    position: relative
}

.markdown-body .footnotes li:target::before {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -24px;
    pointer-events: none;
    content: "";
    border: 2px solid var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    border-radius: 6px
}

.markdown-body .footnotes li:target {
    color: var(--fgColor-default, var(--color-fg-default))
}

.markdown-body .footnotes .data-footnote-backref g-emoji {
    font-family: monospace
}

.Popover {
    position: absolute;
    z-index: 100
}

.Popover-message {
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-default, var(--color-border-default));
    border-radius: var(--borderRadius-medium, 0.375rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 232px
}

.Popover-message:after,.Popover-message:before {
    content: "";
    display: inline-block;
    left: 50%;
    position: absolute
}

.Popover-message:before {
    border: 8px solid rgba(0,0,0,0);
    border-bottom: 8px solid var(--borderColor-default, var(--color-border-default));
    margin-left: -9px;
    top: -16px
}

.Popover-message:after {
    border: 7px solid rgba(0,0,0,0);
    border-bottom: 7px solid var(--overlay-bgColor, var(--color-canvas-overlay));
    margin-left: -8px;
    top: -14px
}

.Popover-message--no-caret:after,.Popover-message--no-caret:before {
    display: none
}

.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before {
    border-bottom-color: rgba(0,0,0,0);
    top: auto
}

.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before {
    border-top-color: var(--borderColor-default, var(--color-border-default));
    bottom: -16px
}

.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after {
    border-top-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    bottom: -14px
}

.Popover-message--bottom-right,.Popover-message--top-right {
    margin-right: 0;
    right: -9px
}

.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before {
    left: auto;
    margin-left: 0
}

.Popover-message--bottom-right:before,.Popover-message--top-right:before {
    right: 20px
}

.Popover-message--bottom-right:after,.Popover-message--top-right:after {
    right: 21px
}

.Popover-message--bottom-left,.Popover-message--top-left {
    left: -9px;
    margin-left: 0
}

.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before {
    left: 24px;
    margin-left: 0
}

.Popover-message--bottom-left:after,.Popover-message--top-left:after {
    left: 25px
}

.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before {
    border-bottom-color: rgba(0,0,0,0);
    left: auto;
    margin-left: 0;
    top: 50%
}

.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before {
    margin-top: -9px
}

.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after {
    margin-top: -8px
}

.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before {
    border-left-color: var(--borderColor-default, var(--color-border-default));
    right: -16px
}

.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after {
    border-left-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    right: -14px
}

.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before {
    border-right-color: var(--borderColor-default, var(--color-border-default));
    left: -16px
}

.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after {
    border-right-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    left: -14px
}

.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before {
    top: 24px
}

.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before {
    top: auto
}

.Popover-message--left-bottom:before,.Popover-message--right-bottom:before {
    bottom: 16px
}

.Popover-message--left-bottom:after,.Popover-message--right-bottom:after {
    bottom: 17px
}

@media(min-width: 544px) {
    .Popover-message--large {
        min-width:320px
    }
}

@media(max-width: 767.98px) {
    .Popover {
        bottom:0 !important;
        left: 0 !important;
        position: fixed;
        right: 0 !important;
        top: auto !important
    }

    .Popover-message {
        bottom: auto;
        left: auto;
        margin: var(--stack-gap-condensed, 0.5rem);
        right: auto;
        top: auto;
        width: auto !important
    }

    .Popover-message>.btn-octicon {
        padding: var(--control-medium-paddingInline-normal, 0.75rem) !important
    }

    .Popover-message:after,.Popover-message:before {
        display: none
    }
}

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

.Progress--large {
    height: 10px
}

.Progress--small {
    height: 5px
}

.Progress-item {
    outline: 2px solid rgba(0,0,0,0)
}

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

.SelectMenu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    display: flex;
    padding: 16px;
    pointer-events: none;
    flex-direction: column
}

@media(min-width: 544px) {
    .SelectMenu {
        position:absolute;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        padding: 0
    }
}

.SelectMenu::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    background-color: var(--overlay-backdrop-bgColor, var(--color-primer-canvas-backdrop))
}

@media(min-width: 544px) {
    .SelectMenu::before {
        display:none
    }
}

.SelectMenu-modal {
    position: relative;
    z-index: 99;
    display: flex;
    max-height: 66%;
    margin: auto 0;
    overflow: hidden;
    pointer-events: auto;
    flex-direction: column;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 1px solid var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
    border-radius: 12px;
    box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
    animation: SelectMenu-modal-animation .12s cubic-bezier(0, 0.1, 0.1, 1) backwards
}

@keyframes SelectMenu-modal-animation {
    0% {
        opacity: 0;
        transform: scale(0.9)
    }
}

@keyframes SelectMenu-modal-animation--sm {
    0% {
        opacity: 0;
        transform: translateY(-16px)
    }
}

@media(min-width: 544px) {
    .SelectMenu-modal {
        width:300px;
        height: auto;
        max-height: 480px;
        margin: 8px 0 16px 0;
        font-size: 12px;
        border-color: var(--borderColor-default, var(--color-border-default));
        border-radius: 6px;
        box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
        animation-name: SelectMenu-modal-animation--sm
    }
}

.SelectMenu-header {
    display: flex;
    padding: 16px;
    flex: none;
    align-items: center;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-header {
        padding:7px 7px 7px 16px
    }
}

.SelectMenu-title {
    flex: 1;
    font-size: 14px;
    font-weight: var(--base-text-weight-semibold, 600)
}

@media(min-width: 544px) {
    .SelectMenu-title {
        font-size:inherit
    }
}

.SelectMenu-closeButton {
    padding: 16px;
    margin: -16px;
    line-height: 1;
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: rgba(0,0,0,0);
    border: 0
}

@media(min-width: 544px) {
    .SelectMenu-closeButton {
        padding:8px;
        margin: -8px -7px
    }
}

.SelectMenu-filter {
    padding: 16px;
    margin: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-filter {
        padding:8px
    }
}

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

@media(min-width: 544px) {
    .SelectMenu-input {
        font-size:14px
    }
}

.SelectMenu-list {
    position: relative;
    padding: 0;
    margin: 0;
    margin-bottom: -1px;
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px;
    overflow: hidden;
    color: var(--fgColor-default, var(--color-fg-default));
    text-align: left;
    cursor: pointer;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border: 0;
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-item {
        padding-top:7px;
        padding-bottom: 7px
    }
}

.SelectMenu-list--borderless .SelectMenu-item {
    border-bottom: 0
}

.SelectMenu-icon {
    width: 16px;
    margin-right: 8px;
    flex-shrink: 0
}

.SelectMenu-icon--check {
    visibility: hidden;
    transition: transform .12s cubic-bezier(0.5, 0.1, 1, 0.5),visibility 0s .12s linear;
    transform: scale(0)
}

.SelectMenu-tabs {
    display: flex;
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted));
    -webkit-overflow-scrolling: touch
}

.SelectMenu-tabs::-webkit-scrollbar {
    display: none
}

@media(min-width: 544px) {
    .SelectMenu-tabs {
        padding:8px 8px 0 8px
    }
}

.SelectMenu-tab {
    flex: 1;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    background-color: rgba(0,0,0,0);
    border: 0;
    box-shadow: inset 0 -1px 0 var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab {
        flex:none;
        padding: 4px 16px;
        border: 1px solid rgba(0,0,0,0);
        border-bottom-width: 0;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }
}

.SelectMenu-tab[aria-selected=true] {
    z-index: 1;
    color: var(--fgColor-default, var(--color-fg-default));
    cursor: default;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    box-shadow: 0 0 0 1px var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-tab[aria-selected=true] {
        border-color:var(--borderColor-muted, var(--color-border-muted));
        box-shadow: none
    }
}

.SelectMenu-message {
    padding: 7px 16px;
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-blankslate,.SelectMenu-loading {
    padding: 24px 16px;
    text-align: center;
    background-color: var(--overlay-bgColor, var(--color-canvas-overlay))
}

.SelectMenu-divider {
    padding: 4px 16px;
    margin: 0;
    font-size: 12px;
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-muted, var(--color-fg-muted));
    background-color: var(--bgColor-muted, var(--color-canvas-subtle));
    border-bottom: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider {
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

.SelectMenu-list--borderless .SelectMenu-divider:empty {
    padding: 0;
    border-top: 0
}

.SelectMenu-footer {
    z-index: 0;
    padding: 8px 16px;
    font-size: 12px;
    color: var(--fgColor-muted, var(--color-fg-muted));
    text-align: center;
    border-top: 1px solid var(--borderColor-muted, var(--color-border-muted))
}

@media(min-width: 544px) {
    .SelectMenu-footer {
        padding:7px 16px
    }
}

.SelectMenu--hasFilter .SelectMenu-modal {
    height: 80%;
    max-height: none;
    margin-top: 0
}

@media(min-width: 544px) {
    .SelectMenu--hasFilter .SelectMenu-modal {
        height:auto;
        max-height: 480px;
        margin-top: 8px
    }
}

.SelectMenu-tab:focus,.SelectMenu-item:focus {
    outline: 0
}

.SelectMenu-item:hover {
    text-decoration: none
}

.SelectMenu-item[aria-checked=true] {
    font-weight: var(--base-text-weight-medium, 500);
    color: var(--fgColor-default, var(--color-fg-default))
}

.SelectMenu-item[aria-checked=true] .SelectMenu-icon--check {
    visibility: visible;
    transition: transform .12s cubic-bezier(0, 0, 0.2, 1),visibility 0s linear;
    transform: scale(1)
}

.SelectMenu-item:disabled,.SelectMenu-item[aria-disabled=true] {
    color: var(--fgColor-disabled, var(--color-primer-fg-disabled));
    pointer-events: none
}

@media(hover: hover) {
    body:not(.intent-mouse) .SelectMenu-closeButton:focus,.SelectMenu-closeButton:hover {
        color:var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-closeButton:active {
        color: var(--fgColor-muted, var(--color-fg-muted))
    }

    body:not(.intent-mouse) .SelectMenu-item:focus,.SelectMenu-item:hover {
        background-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle))
    }

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

    body:not(.intent-mouse) .SelectMenu-tab:focus {
        background-color: var(--selectMenu-bgColor-active, var(--color-select-menu-tap-focus-bg))
    }

    .SelectMenu-tab:hover {
        color: var(--fgColor-default, var(--color-fg-default))
    }

    .SelectMenu-tab:not([aria-selected=true]):active {
        color: var(--fgColor-default, var(--color-fg-default));
        background-color: var(--bgColor-muted, var(--color-canvas-subtle))
    }
}

@media(hover: none) {
    .SelectMenu-item:focus,.SelectMenu-item:active {
        background-color:var(--bgColor-muted, var(--color-canvas-subtle))
    }

    .SelectMenu-item {
        -webkit-tap-highlight-color: var(--control-bgColor-active, var(--color-select-menu-tap-highlight))
    }
}

.Subhead {
    border-bottom: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--borderColor-muted, var(--color-border-muted));
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    margin-bottom: var(--stack-gap-normal, 1rem);
    padding-bottom: var(--stack-padding-condensed, 0.5rem)
}

.Subhead--spacious {
    margin-top: var(--base-size-40, 2.5rem)
}

.Subhead-heading {
    flex: 1 1 auto;
    font-weight: var(--base-text-weight-normal, 400);
    order: 0
}

.Subhead-heading--large {
    font-size: var(--base-size-24, 1.5rem)
}

.Subhead-heading--medium {
    font-size: var(--text-title-size-medium, 1.25rem)
}

.Subhead-heading--danger {
    color: var(--fgColor-danger, var(--color-danger-fg));
    font-weight: var(--base-text-weight-semibold, 600)
}

.Subhead-description {
    color: var(--fgColor-muted, var(--color-fg-muted));
    flex: 1 100%;
    font-size: var(--text-body-size-medium, 0.875rem);
    order: 2
}

.Subhead-actions {
    align-self: center;
    justify-content: flex-end;
    margin: var(--base-size-4, 0.25rem) 0 var(--base-size-4, 0.25rem) var(--base-size-4, 0.25rem);
    order: 1
}

.Subhead-actions+.Subhead-description {
    margin-top: var(--base-size-4, 0.25rem)
}

.TimelineItem {
    display: flex;
    margin-left: var(--stack-gap-normal, 1rem);
    padding: var(--stack-padding-normal, 1rem) 0;
    position: relative
}

.TimelineItem:before {
    background-color: var(--borderColor-muted, var(--color-border-muted));
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--borderWidth-thick, max(2px, 0.125rem))
}

.TimelineItem:target .TimelineItem-badge {
    border-color: var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
    box-shadow: 0 0 .2em var(--borderColor-accent-muted, var(--color-accent-muted))
}

.TimelineItem-badge {
    align-items: center;
    background-color: var(--timelineBadge-bgColor, var(--color-timeline-badge-bg));
    border: var(--borderWidth-thick, max(2px, 0.125rem)) solid var(--bgColor-default, var(--color-canvas-default));
    border-radius: 50%;
    color: var(--fgColor-muted, var(--color-fg-muted));
    display: flex;
    flex-shrink: 0;
    height: var(--control-medium-size, 2rem);
    justify-content: center;
    margin-left: calc(var(--control-medium-size, 2rem)/-2 + 1px);
    margin-right: var(--controlStack-medium-gap-condensed, 0.5rem);
    position: relative;
    width: var(--control-medium-size, 2rem);
    z-index: 1
}

.TimelineItem-badge--success {
    background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid rgba(0,0,0,0);
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis))
}

.TimelineItem-body {
    color: var(--fgColor-muted, var(--color-fg-muted));
    flex: auto;
    margin-top: var(--base-size-4, 0.25rem);
    max-width: 100%;
    min-width: 0
}

.TimelineItem-avatar {
    left: -72px;
    position: absolute;
    z-index: 1
}

.TimelineItem-break {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 0;
    border-top: var(--borderWidth-thicker, max(4px, 0.25rem)) solid var(--borderColor-default, var(--color-border-default));
    height: var(--stack-gap-spacious, 1.5rem);
    margin: 0;
    margin-bottom: calc(var(--stack-gap-normal, 1rem)*-1);
    margin-left: -56px;
    position: relative;
    z-index: 1
}

.TimelineItem--condensed {
    padding-bottom: 0;
    padding-top: var(--base-size-4, 0.25rem)
}

.TimelineItem--condensed:last-child {
    padding-bottom: var(--stack-gap-normal, 1rem)
}

.TimelineItem--condensed .TimelineItem-badge {
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border: 0;
    color: var(--fgColor-muted, var(--color-fg-muted));
    height: var(--base-size-16, 1rem);
    margin-bottom: var(--base-size-8, 0.5rem);
    margin-top: var(--base-size-8, 0.5rem)
}

.Toast {
    display: flex;
    margin: 8px;
    color: var(--fgColor-default, var(--color-fg-default));
    background-color: var(--bgColor-default, var(--color-canvas-default));
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-large, var(--color-shadow-large))
}

@media(min-width: 544px) {
    .Toast {
        width:max-content;
        max-width: 450px;
        margin: 16px
    }
}

.Toast-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    flex-shrink: 0;
    color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
    background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
    border: 1px solid rgba(0,0,0,0);
    border-right: 0;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.Toast-content {
    padding: 16px
}

.Toast-dismissButton {
    max-height: 54px;
    padding: 16px;
    color: inherit;
    background-color: rgba(0,0,0,0);
    border: 0
}

.Toast-dismissButton:hover {
    opacity: .7
}

.Toast-dismissButton:active {
    opacity: .5
}

.Toast--loading {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--loading .Toast-icon {
    background-color: var(--bgColor-neutral-emphasis, var(--color-neutral-emphasis))
}

.Toast--error {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--error .Toast-icon {
    background-color: var(--bgColor-danger-emphasis, var(--color-danger-emphasis))
}

.Toast--warning {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--warning .Toast-icon {
    background-color: var(--bgColor-attention-emphasis, var(--color-attention-emphasis))
}

.Toast--success {
    color: var(--fgColor-default, var(--color-fg-default));
    box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)),var(--shadow-floating-large, var(--color-shadow-large))
}

.Toast--success .Toast-icon {
    background-color: var(--bgColor-success-emphasis, var(--color-success-emphasis))
}

.Toast--animateIn {
    animation: Toast--animateIn .18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards
}

@keyframes Toast--animateIn {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--animateOut {
    animation: Toast--animateOut .18s cubic-bezier(0.55, 0.06, 0.68, 0.19) forwards
}

@keyframes Toast--animateOut {
    100% {
        pointer-events: none;
        opacity: 0;
        transform: translateY(100%)
    }
}

.Toast--spinner {
    animation: Toast--spinner 1000ms linear infinite
}

@keyframes Toast--spinner {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.ToggleSwitch,.ToggleSwitch.ToggleSwitch {
    display: inline-flex
}

.ToggleSwitch {
    align-items: center;
    gap: var(--controlStack-medium-gap-condensed, 0.5rem)
}

.ToggleSwitch--checked .ToggleSwitch-statusOn {
    height: auto;
    visibility: visible
}

.ToggleSwitch--checked .ToggleSwitch-statusOff {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-track {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--controlTrack-bgColor-rest, var(--color-switch-track-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--controlTrack-borderColor-rest, var(--color-switch-track-border));
    border-radius: var(--borderRadius-medium, 0.375rem);
    cursor: pointer;
    display: block;
    height: var(--control-medium-size, 2rem);
    overflow: hidden;
    padding: 0;
    position: relative;
    -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, 4rem)
}

.ToggleSwitch-track:focus,.ToggleSwitch-track:focus-visible {
    outline-offset: 1px
}

.ToggleSwitch-track:hover {
    background-color: var(--controlTrack-bgColor-hover, var(--color-switch-track-hover-bg))
}

.ToggleSwitch-track:active {
    background-color: var(--controlTrack-bgColor-active, var(--color-switch-track-active-bg))
}

@media(pointer: coarse) {
    .ToggleSwitch-track:before {
        content:"";
        height: 100%;
        left: 50%;
        min-height: 44px;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%
    }
}

@media(prefers-reduced-motion) {
    .ToggleSwitch-track,.ToggleSwitch-track * {
        transition: none
    }
}

.ToggleSwitch-track[aria-pressed=true][disabled] {
    background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg));
    border-color: rgba(0,0,0,0);
    color: var(--control-checked-fgColor-disabled, var(--color-switch-track-checked-disabled-fg))
}

.ToggleSwitch-track[aria-pressed=true] {
    background-color: var(--control-checked-bgColor-rest, var(--color-switch-track-checked-bg));
    border-color: var(--borderColor-transparent, rgba(0, 0, 0, 0))
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):hover {
    background-color: var(--control-checked-bgColor-hover, var(--color-switch-track-checked-hover-bg))
}

.ToggleSwitch-track[aria-pressed=true]:not([disabled]):active {
    background-color: var(--control-checked-bgColor-active, var(--color-switch-track-checked-active-bg))
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-checked, var(--color-switch-knob-checked-bg));
    border-color: var(--controlKnob-borderColor-checked, var(--color-switch-knob-checked-border));
    transform: translateX(100%)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-lineIcon {
    transform: translateX(0)
}

.ToggleSwitch-track[aria-pressed=true] .ToggleSwitch-circleIcon {
    transform: translateX(100%)
}

.ToggleSwitch-track[disabled] {
    background-color: var(--controlTrack-bgColor-disabled, var(--color-switch-track-disabled-bg));
    border-color: rgba(0,0,0,0);
    cursor: not-allowed;
    transition-property: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-knob {
    border-color: var(--borderColor-default, var(--color-border-default));
    box-shadow: none
}

.ToggleSwitch-track[disabled] .ToggleSwitch-circleIcon,.ToggleSwitch-track[disabled] .ToggleSwitch-lineIcon {
    color: var(--controlTrack-fgColor-disabled, var(--color-switch-track-disabled-fg))
}

.ToggleSwitch-icons {
    align-items: center;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.ToggleSwitch-lineIcon {
    color: var(--control-checked-fgColor-rest, var(--color-switch-track-checked-fg));
    transform: translateX(-100%)
}

.ToggleSwitch-circleIcon,.ToggleSwitch-lineIcon {
    flex: 1 0 50%;
    line-height: 0;
    transition-duration: 80ms;
    transition-property: transform
}

.ToggleSwitch-circleIcon {
    color: var(--controlTrack-fgColor-rest, var(--color-switch-track-fg));
    transform: translateX(0)
}

.ToggleSwitch-knob {
    background-color: var(--controlKnob-bgColor-rest, var(--color-switch-knob-bg));
    border: var(--borderWidth-thin, max(1px, 0.0625rem)) solid var(--controlKnob-borderColor-rest, var(--color-switch-knob-border));
    border-radius: var(--borderRadius-medium, 0.375rem);
    bottom: 0;
    box-shadow: var(--shadow-resting-medium, var(--color-shadow-medium)),var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
    position: absolute;
    top: 0;
    transition-duration: 80ms;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    width: 50%;
    z-index: 1
}

@media(prefers-reduced-motion) {
    .ToggleSwitch-knob {
        transition: none
    }
}

.ToggleSwitch-status {
    color: var(--fgColor-default, var(--color-fg-default));
    font-size: var(--text-body-size-medium, 0.875rem);
    line-height: 1.5;
    position: relative;
    text-align: right
}

.ToggleSwitch-statusIcon {
    display: flex;
    margin-top: .063rem;
    width: var(--base-size-16, 1rem)
}

.ToggleSwitch--small .ToggleSwitch-status {
    font-size: var(--text-body-size-small, 0.75rem)
}

.ToggleSwitch--small .ToggleSwitch-track {
    height: var(--control-xsmall-size, 1.5rem);
    width: var(--base-size-48, 3rem)
}

.ToggleSwitch--disabled .ToggleSwitch-status {
    color: var(--fgColor-muted, var(--color-fg-muted))
}

.ToggleSwitch-statusOn {
    height: 0;
    visibility: hidden
}

.ToggleSwitch-statusOff {
    height: auto;
    visibility: visible
}

.ToggleSwitch--statusAtEnd {
    flex-direction: row-reverse
}

.ToggleSwitch--statusAtEnd .ToggleSwitch-status {
    text-align: left
}

/*!
 * @primer/css/marketing
 * http://primer.style/css
 *
 * Released under MIT license. Copyright (c) 2019 GitHub Inc.
 */
[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark] {
    --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-2);
    --color-marketing-icon-secondary: var(--color-scale-blue-5);
    --color-mktg-btn-bg: #f6f8fa;
    --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
    --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
    --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] {
        --color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-mktg-btn-bg: #f6f8fa;
        --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
        --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] {
        --color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-mktg-btn-bg: #f6f8fa;
        --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
        --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
    }
}

:root,[data-color-mode=light][data-light-theme*=light],[data-color-mode=dark][data-dark-theme*=light] {
    --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-4);
    --color-marketing-icon-secondary: var(--color-scale-blue-3);
    --color-mktg-btn-bg: #1b1f23;
    --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
    --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
    --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=light] {
        --color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-mktg-btn-bg: #1b1f23;
        --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
        --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=light] {
        --color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-mktg-btn-bg: #1b1f23;
        --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
        --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
    }
}

[data-color-mode=light][data-light-theme*=dark],[data-color-mode=dark][data-dark-theme*=dark] {
    --color-mktg-btn-shadow-outline: rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-2);
    --color-marketing-icon-secondary: var(--color-scale-blue-5);
    --color-mktg-btn-bg: #f6f8fa;
    --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
    --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
    --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=dark] {
        --color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-mktg-btn-bg: #f6f8fa;
        --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
        --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=dark] {
        --color-mktg-btn-shadow-outline:rgba(255, 255, 255, 0.25) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-2);
        --color-marketing-icon-secondary: var(--color-scale-blue-5);
        --color-mktg-btn-bg: #f6f8fa;
        --color-mktg-btn-shadow-focus: rgba(255, 255, 255, 0.25) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
        --color-mktg-btn-shadow-hover-muted: rgb(255, 255, 255) 0 0 0 2px inset
    }
}

:root,[data-color-mode=light][data-light-theme*=light],[data-color-mode=dark][data-dark-theme*=light] {
    --color-mktg-btn-shadow-outline: rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
    --color-marketing-icon-primary: var(--color-scale-blue-4);
    --color-marketing-icon-secondary: var(--color-scale-blue-3);
    --color-mktg-btn-bg: #1b1f23;
    --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
    --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
    --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
}

@media(prefers-color-scheme: light) {
    [data-color-mode=auto][data-light-theme*=light] {
        --color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-mktg-btn-bg: #1b1f23;
        --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
        --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
    }
}

@media(prefers-color-scheme: dark) {
    [data-color-mode=auto][data-dark-theme*=light] {
        --color-mktg-btn-shadow-outline:rgba(0, 0, 0, 0.15) 0 0 0 1px inset;
        --color-marketing-icon-primary: var(--color-scale-blue-4);
        --color-marketing-icon-secondary: var(--color-scale-blue-3);
        --color-mktg-btn-bg: #1b1f23;
        --color-mktg-btn-shadow-focus: rgba(0, 0, 0, 0.15) 0 0 0 4px;
        --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
        --color-mktg-btn-shadow-hover-muted: rgba(0, 0, 0, 0.7) 0 0 0 2px inset
    }
}


.h0-mktg {
    font-size: 48px !important;
    line-height: 52px !important;
    font-weight: 800 !important
}

@media(min-width: 768px) {
    .h0-mktg {
        font-size:72px !important;
        line-height: 76px !important
    }
}

@media(min-width: 1012px) {
    .h0-mktg {
        font-size:96px !important;
        line-height: 100px !important
    }
}

.h1-mktg {
    font-size: 40px !important;
    line-height: 44px !important;
    font-weight: 800 !important
}

@media(min-width: 768px) {
    .h1-mktg {
        font-size:56px !important;
        line-height: 60px !important;
        letter-spacing: -0.03em !important
    }
}

@media(min-width: 1012px) {
    .h1-mktg {
        font-size:72px !important;
        line-height: 76px !important
    }
}

.h2-mktg,.homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
    font-size: 32px !important;
    line-height: 36px !important;
    font-weight: 800 !important
}

@media(min-width: 768px) {
    .h2-mktg,.homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
        font-size:48px !important;
        line-height: 52px !important;
        letter-spacing: -0.03em !important
    }
}

@media(min-width: 1012px) {
    .h2-mktg,.homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
        font-size:64px !important;
        line-height: 68px !important
    }
}

.h3-mktg {
    font-size: 28px !important;
    line-height: 32px !important;
    font-weight: 800 !important
}

@media(min-width: 768px) {
    .h3-mktg {
        font-size:40px !important;
        line-height: 44px !important
    }
}

@media(min-width: 1012px) {
    .h3-mktg {
        font-size:48px !important;
        line-height: 52px !important;
        letter-spacing: -0.03em !important
    }
}

.h4-mktg,.post__content>h3 {
    font-size: 24px !important;
    line-height: 28px !important;
    font-weight: 800 !important
}

@media(min-width: 768px) {
    .h4-mktg,.post__content>h3 {
        font-size:28px !important;
        line-height: 32px !important
    }
}

@media(min-width: 1012px) {
    .h4-mktg,.post__content>h3 {
        font-size:32px !important;
        line-height: 36px !important
    }
}

.h5-mktg,.post__content>h1,.post__content>h2 {
    font-size: 20px !important;
    line-height: 24px !important
}

@media(min-width: 768px) {
    .h5-mktg,.post__content>h1,.post__content>h2 {
        font-size:24px !important;
        line-height: 28px !important;
        font-weight: 800 !important
    }
}

.h6-mktg,.post__content>h3,.post__content>h4,.post__content>h5,.post__content>h6,.bottom-cta h1,.bottom-cta h2,.bottom-cta h3,.bottom-cta h4,.bottom-cta h5,.bottom-cta h6 {
    font-size: 16px !important;
    line-height: 20px !important
}

@media(min-width: 768px) {
    .h6-mktg,.post__content>h3,.post__content>h4,.post__content>h5,.post__content>h6,.bottom-cta h1,.bottom-cta h2,.bottom-cta h3,.bottom-cta h4,.bottom-cta h5,.bottom-cta h6 {
        font-size:20px !important;
        line-height: 24px !important
    }
}

.f0-mktg,.f1-mktg,.f2-mktg,.f3-mktg,.f4-mktg,.f5-mktg,.post__content pre,.post__content code,.f6-mktg {

    font-feature-settings: "ss02" on,"ss01" on;
    font-weight: var(--base-text-weight-normal, 400)
}

.f0-mktg {
    font-size: 28px !important;
    line-height: 40px !important;
    letter-spacing: -0.01em !important;
    font-weight: var(--base-text-weight-medium, 500)
}

@media(min-width: 768px) {
    .f0-mktg {
        font-size:40px !important;
        line-height: 52px !important
    }
}

@media(min-width: 1012px) {
    .f0-mktg {
        font-size:48px !important;
        line-height: 64px !important
    }
}

.f1-mktg {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: var(--base-text-weight-medium, 500)
}

@media(min-width: 768px) {
    .f1-mktg {
        font-size:28px !important;
        line-height: 40px !important;
        letter-spacing: -0.01em !important
    }
}

@media(min-width: 1012px) {
    .f1-mktg {
        font-size:32px !important;
        line-height: 44px !important
    }
}

.f2-mktg {
    font-size: 20px !important;
    line-height: 28px !important
}

@media(min-width: 1012px) {
    .f2-mktg {
        font-size:24px !important;
        line-height: 32px !important;
        font-weight: 450
    }
}

.f3-mktg {
    font-size: 16px !important;
    line-height: 24px !important
}

@media(min-width: 768px) {
    .f3-mktg {
        font-size:20px !important;
        line-height: 28px !important
    }
}

.f4-mktg {
    font-size: 16px !important;
    line-height: 24px !important
}

.f5-mktg,.post__content pre,.post__content code {
    font-size: 14px !important;
    line-height: 20px !important
}

.f6-mktg {
    font-size: 12px !important;
    line-height: 20px !important
}

.text-medium {
    font-weight: 450 !important
}



.btn-mktg {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: .9rem 1.5rem 1.1rem;
    font-size: 1rem;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1;
    color: var(--bgColor-default, var(--color-canvas-default));
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    user-select: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%),var(--color-mktg-btn-bg) !important;
    border: 0;
    border-radius: .375rem;
    transition: box-shadow .2s,outline .2s ease;
    -webkit-appearance: none !important;
    appearance: none !important
}

.btn-mktg::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: "";
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%) !important;
    border-radius: inherit;
    opacity: 0;
    opacity: 0;
    transition: opacity .2s;
    background-blend-mode: normal
}

.btn-mktg:hover {
    text-decoration: none;
    box-shadow: var(--color-mktg-btn-shadow-hover) !important
}

.btn-mktg:hover::before,.btn-mktg:focus::before,.btn-mktg:focus-visible::before,.btn-mktg.focus::before {
    opacity: 1
}

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

.btn-mktg:focus:not(:focus-visible) {
    outline: solid 1px rgba(0,0,0,0);
    box-shadow: none
}

.btn-mktg:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px;
    box-shadow: none
}

.btn-mktg:active::before {
    opacity: .5 !important
}

.btn-mktg.disabled,.btn-mktg[disabled] {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.btn-muted-mktg {
    color: var(--fgColor-default, var(--color-fg-default)) !important;
    background: none !important;
    box-shadow: var(--color-mktg-btn-shadow-outline)
}

.btn-muted-mktg::before {
    display: none
}

.btn-muted-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-muted-mktg:active {
    box-shadow: var(--fgColor-default, var(--color-fg-default)) 0 0 0 3px inset !important
}

.btn-muted-mktg:disabled {
    box-shadow: var(--fgColor-muted, var(--color-fg-subtle)) 0 0 0 1px inset !important
}

.btn-subtle-mktg {
    color: var(--fgColor-default, var(--color-fg-default)) !important;
    background: none !important;
    box-shadow: none !important
}

.btn-subtle-mktg::before {
    background: none !important
}

.btn-subtle-mktg:hover {
    box-shadow: var(--color-mktg-btn-shadow-hover-muted) !important
}

.btn-signup-mktg {
    color: #fff;
    background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%),#2ea44f !important
}

.btn-signup-mktg::before {
    background: linear-gradient(180deg, rgba(52, 183, 89, 0.15) 0%, rgba(46, 164, 79, 0) 100%) !important
}

.btn-signup-mktg:focus {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px;
    box-shadow: none
}

.btn-signup-mktg:focus:not(:focus-visible) {
    outline: solid 1px rgba(0,0,0,0);
    box-shadow: none
}

.btn-signup-mktg:focus-visible {
    outline: 2px solid var(--focus-outlineColor, var(--color-accent-fg));
    outline-offset: 2px;
    box-shadow: none
}

.btn-small-mktg {
    padding: .625rem 1rem .8125rem
}

.btn-large-mktg {
    padding: 16px 30px 20px !important;
    font-size: 1.25rem
}



.link-mktg {
    position: relative;
    display: inline-block
}

.link-mktg:hover {
    text-decoration: none
}

.link-mktg::after,.link-mktg.link-emphasis-mktg::before {
    position: absolute;
    bottom: -0.15em;
    left: 0;
    width: calc(100% - 1em);
    height: 2px;
    pointer-events: none;
    content: "";
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: 0 0
}

@media screen and (prefers-reduced-motion: no-preference) {
    .link-mktg::after,.link-mktg.link-emphasis-mktg::before {
        transition: transform .3s ease
    }
}

.link-mktg.link-emphasis-mktg::before {
    opacity: .2;
    transform: scaleX(1)
}

.link-mktg:hover::after,.link-mktg:active::after {
    transform: scaleX(1)
}

.link-mktg:focus,.link-mktg:focus-visible {
    outline-offset: 2px
}

.link-mktg.arrow-target-mktg .arrow-symbol-mktg {
    margin-left: -0.25em
}



.hover-grow-mktg {
    transition: transform .4s cubic-bezier(0.16, 1, 0.3, 1)
}

.hover-grow-mktg:hover {
    transform: scale3d(1.025, 1.025, 1.025)
}

.btn-mktg .octicon,.link-mktg .octicon,.arrow-target-mktg .octicon {
    width: 1em;
    height: 1em
}

.btn-mktg .arrow-symbol-mktg,.link-mktg .arrow-symbol-mktg,.arrow-target-mktg .arrow-symbol-mktg {
    transition: transform .2s;
    transform: translateX(0)
}

.btn-mktg .arrow-symbol-mktg path:last-child,.link-mktg .arrow-symbol-mktg path:last-child,.arrow-target-mktg .arrow-symbol-mktg path:last-child {
    stroke-dasharray: 10;
    stroke-dashoffset: 10;
    transition: stroke-dashoffset .2s
}

@media screen and (prefers-reduced-motion: no-preference) {
    .btn-mktg:hover .arrow-symbol-mktg,.btn-mktg:focus .arrow-symbol-mktg,.link-mktg:hover .arrow-symbol-mktg,.link-mktg:focus .arrow-symbol-mktg,.arrow-target-mktg:hover .arrow-symbol-mktg,.arrow-target-mktg:focus .arrow-symbol-mktg {
        transform: translateX(4px)
    }

    .btn-mktg:hover .arrow-symbol-mktg path:last-child,.btn-mktg:focus .arrow-symbol-mktg path:last-child,.link-mktg:hover .arrow-symbol-mktg path:last-child,.link-mktg:focus .arrow-symbol-mktg path:last-child,.arrow-target-mktg:hover .arrow-symbol-mktg path:last-child,.arrow-target-mktg:focus .arrow-symbol-mktg path:last-child {
        stroke-dashoffset: 20
    }

    .btn-mktg:active .arrow-symbol-mktg,.link-mktg:active .arrow-symbol-mktg,.arrow-target-mktg:active .arrow-symbol-mktg {
        transform: translateX(6px)
    }
}

.grayscale {
    filter: grayscale(100%)
}

.top-1 {
    top: 4px !important
}

.right-1 {
    right: 4px !important
}

.bottom-1 {
    bottom: 4px !important
}

.left-1 {
    left: 4px !important
}

.top-n1 {
    top: -4px !important
}

.right-n1 {
    right: -4px !important
}

.bottom-n1 {
    bottom: -4px !important
}

.left-n1 {
    left: -4px !important
}

.top-2 {
    top: 8px !important
}

.right-2 {
    right: 8px !important
}

.bottom-2 {
    bottom: 8px !important
}

.left-2 {
    left: 8px !important
}

.top-n2 {
    top: -8px !important
}

.right-n2 {
    right: -8px !important
}

.bottom-n2 {
    bottom: -8px !important
}

.left-n2 {
    left: -8px !important
}

.top-3 {
    top: 16px !important
}

.right-3 {
    right: 16px !important
}

.bottom-3 {
    bottom: 16px !important
}

.left-3 {
    left: 16px !important
}

.top-n3 {
    top: -16px !important
}

.right-n3 {
    right: -16px !important
}

.bottom-n3 {
    bottom: -16px !important
}

.left-n3 {
    left: -16px !important
}

.top-4 {
    top: 24px !important
}

.right-4 {
    right: 24px !important
}

.bottom-4 {
    bottom: 24px !important
}

.left-4 {
    left: 24px !important
}

.top-n4 {
    top: -24px !important
}

.right-n4 {
    right: -24px !important
}

.bottom-n4 {
    bottom: -24px !important
}

.left-n4 {
    left: -24px !important
}

.top-5 {
    top: 32px !important
}

.right-5 {
    right: 32px !important
}

.bottom-5 {
    bottom: 32px !important
}

.left-5 {
    left: 32px !important
}

.top-n5 {
    top: -32px !important
}

.right-n5 {
    right: -32px !important
}

.bottom-n5 {
    bottom: -32px !important
}

.left-n5 {
    left: -32px !important
}

.top-6 {
    top: 40px !important
}

.right-6 {
    right: 40px !important
}

.bottom-6 {
    bottom: 40px !important
}

.left-6 {
    left: 40px !important
}

.top-n6 {
    top: -40px !important
}

.right-n6 {
    right: -40px !important
}

.bottom-n6 {
    bottom: -40px !important
}

.left-n6 {
    left: -40px !important
}

.top-7 {
    top: 48px !important
}

.right-7 {
    right: 48px !important
}

.bottom-7 {
    bottom: 48px !important
}

.left-7 {
    left: 48px !important
}

.top-n7 {
    top: -48px !important
}

.right-n7 {
    right: -48px !important
}

.bottom-n7 {
    bottom: -48px !important
}

.left-n7 {
    left: -48px !important
}

.top-8 {
    top: 64px !important
}

.right-8 {
    right: 64px !important
}

.bottom-8 {
    bottom: 64px !important
}

.left-8 {
    left: 64px !important
}

.top-n8 {
    top: -64px !important
}

.right-n8 {
    right: -64px !important
}

.bottom-n8 {
    bottom: -64px !important
}

.left-n8 {
    left: -64px !important
}

.top-9 {
    top: 80px !important
}

.right-9 {
    right: 80px !important
}

.bottom-9 {
    bottom: 80px !important
}

.left-9 {
    left: 80px !important
}

.top-n9 {
    top: -80px !important
}

.right-n9 {
    right: -80px !important
}

.bottom-n9 {
    bottom: -80px !important
}

.left-n9 {
    left: -80px !important
}

.top-10 {
    top: 96px !important
}

.right-10 {
    right: 96px !important
}

.bottom-10 {
    bottom: 96px !important
}

.left-10 {
    left: 96px !important
}

.top-n10 {
    top: -96px !important
}

.right-n10 {
    right: -96px !important
}

.bottom-n10 {
    bottom: -96px !important
}

.left-n10 {
    left: -96px !important
}

.top-11 {
    top: 112px !important
}

.right-11 {
    right: 112px !important
}

.bottom-11 {
    bottom: 112px !important
}

.left-11 {
    left: 112px !important
}

.top-n11 {
    top: -112px !important
}

.right-n11 {
    right: -112px !important
}

.bottom-n11 {
    bottom: -112px !important
}

.left-n11 {
    left: -112px !important
}

.top-12 {
    top: 128px !important
}

.right-12 {
    right: 128px !important
}

.bottom-12 {
    bottom: 128px !important
}

.left-12 {
    left: 128px !important
}

.top-n12 {
    top: -128px !important
}

.right-n12 {
    right: -128px !important
}

.bottom-n12 {
    bottom: -128px !important
}

.left-n12 {
    left: -128px !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-1 {
        top: 4px !important
    }

    .right-md-1 {
        right: 4px !important
    }

    .bottom-md-1 {
        bottom: 4px !important
    }

    .left-md-1 {
        left: 4px !important
    }

    .top-md-n1 {
        top: -4px !important
    }

    .right-md-n1 {
        right: -4px !important
    }

    .bottom-md-n1 {
        bottom: -4px !important
    }

    .left-md-n1 {
        left: -4px !important
    }

    .top-md-2 {
        top: 8px !important
    }

    .right-md-2 {
        right: 8px !important
    }

    .bottom-md-2 {
        bottom: 8px !important
    }

    .left-md-2 {
        left: 8px !important
    }

    .top-md-n2 {
        top: -8px !important
    }

    .right-md-n2 {
        right: -8px !important
    }

    .bottom-md-n2 {
        bottom: -8px !important
    }

    .left-md-n2 {
        left: -8px !important
    }

    .top-md-3 {
        top: 16px !important
    }

    .right-md-3 {
        right: 16px !important
    }

    .bottom-md-3 {
        bottom: 16px !important
    }

    .left-md-3 {
        left: 16px !important
    }

    .top-md-n3 {
        top: -16px !important
    }

    .right-md-n3 {
        right: -16px !important
    }

    .bottom-md-n3 {
        bottom: -16px !important
    }

    .left-md-n3 {
        left: -16px !important
    }

    .top-md-4 {
        top: 24px !important
    }

    .right-md-4 {
        right: 24px !important
    }

    .bottom-md-4 {
        bottom: 24px !important
    }

    .left-md-4 {
        left: 24px !important
    }

    .top-md-n4 {
        top: -24px !important
    }

    .right-md-n4 {
        right: -24px !important
    }

    .bottom-md-n4 {
        bottom: -24px !important
    }

    .left-md-n4 {
        left: -24px !important
    }

    .top-md-5 {
        top: 32px !important
    }

    .right-md-5 {
        right: 32px !important
    }

    .bottom-md-5 {
        bottom: 32px !important
    }

    .left-md-5 {
        left: 32px !important
    }

    .top-md-n5 {
        top: -32px !important
    }

    .right-md-n5 {
        right: -32px !important
    }

    .bottom-md-n5 {
        bottom: -32px !important
    }

    .left-md-n5 {
        left: -32px !important
    }

    .top-md-6 {
        top: 40px !important
    }

    .right-md-6 {
        right: 40px !important
    }

    .bottom-md-6 {
        bottom: 40px !important
    }

    .left-md-6 {
        left: 40px !important
    }

    .top-md-n6 {
        top: -40px !important
    }

    .right-md-n6 {
        right: -40px !important
    }

    .bottom-md-n6 {
        bottom: -40px !important
    }

    .left-md-n6 {
        left: -40px !important
    }

    .top-md-7 {
        top: 48px !important
    }

    .right-md-7 {
        right: 48px !important
    }

    .bottom-md-7 {
        bottom: 48px !important
    }

    .left-md-7 {
        left: 48px !important
    }

    .top-md-n7 {
        top: -48px !important
    }

    .right-md-n7 {
        right: -48px !important
    }

    .bottom-md-n7 {
        bottom: -48px !important
    }

    .left-md-n7 {
        left: -48px !important
    }

    .top-md-8 {
        top: 64px !important
    }

    .right-md-8 {
        right: 64px !important
    }

    .bottom-md-8 {
        bottom: 64px !important
    }

    .left-md-8 {
        left: 64px !important
    }

    .top-md-n8 {
        top: -64px !important
    }

    .right-md-n8 {
        right: -64px !important
    }

    .bottom-md-n8 {
        bottom: -64px !important
    }

    .left-md-n8 {
        left: -64px !important
    }

    .top-md-9 {
        top: 80px !important
    }

    .right-md-9 {
        right: 80px !important
    }

    .bottom-md-9 {
        bottom: 80px !important
    }

    .left-md-9 {
        left: 80px !important
    }

    .top-md-n9 {
        top: -80px !important
    }

    .right-md-n9 {
        right: -80px !important
    }

    .bottom-md-n9 {
        bottom: -80px !important
    }

    .left-md-n9 {
        left: -80px !important
    }

    .top-md-10 {
        top: 96px !important
    }

    .right-md-10 {
        right: 96px !important
    }

    .bottom-md-10 {
        bottom: 96px !important
    }

    .left-md-10 {
        left: 96px !important
    }

    .top-md-n10 {
        top: -96px !important
    }

    .right-md-n10 {
        right: -96px !important
    }

    .bottom-md-n10 {
        bottom: -96px !important
    }

    .left-md-n10 {
        left: -96px !important
    }

    .top-md-11 {
        top: 112px !important
    }

    .right-md-11 {
        right: 112px !important
    }

    .bottom-md-11 {
        bottom: 112px !important
    }

    .left-md-11 {
        left: 112px !important
    }

    .top-md-n11 {
        top: -112px !important
    }

    .right-md-n11 {
        right: -112px !important
    }

    .bottom-md-n11 {
        bottom: -112px !important
    }

    .left-md-n11 {
        left: -112px !important
    }

    .top-md-12 {
        top: 128px !important
    }

    .right-md-12 {
        right: 128px !important
    }

    .bottom-md-12 {
        bottom: 128px !important
    }

    .left-md-12 {
        left: 128px !important
    }

    .top-md-n12 {
        top: -128px !important
    }

    .right-md-n12 {
        right: -128px !important
    }

    .bottom-md-n12 {
        bottom: -128px !important
    }

    .left-md-n12 {
        left: -128px !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-1 {
        top: 4px !important
    }

    .right-lg-1 {
        right: 4px !important
    }

    .bottom-lg-1 {
        bottom: 4px !important
    }

    .left-lg-1 {
        left: 4px !important
    }

    .top-lg-n1 {
        top: -4px !important
    }

    .right-lg-n1 {
        right: -4px !important
    }

    .bottom-lg-n1 {
        bottom: -4px !important
    }

    .left-lg-n1 {
        left: -4px !important
    }

    .top-lg-2 {
        top: 8px !important
    }

    .right-lg-2 {
        right: 8px !important
    }

    .bottom-lg-2 {
        bottom: 8px !important
    }

    .left-lg-2 {
        left: 8px !important
    }

    .top-lg-n2 {
        top: -8px !important
    }

    .right-lg-n2 {
        right: -8px !important
    }

    .bottom-lg-n2 {
        bottom: -8px !important
    }

    .left-lg-n2 {
        left: -8px !important
    }

    .top-lg-3 {
        top: 16px !important
    }

    .right-lg-3 {
        right: 16px !important
    }

    .bottom-lg-3 {
        bottom: 16px !important
    }

    .left-lg-3 {
        left: 16px !important
    }

    .top-lg-n3 {
        top: -16px !important
    }

    .right-lg-n3 {
        right: -16px !important
    }

    .bottom-lg-n3 {
        bottom: -16px !important
    }

    .left-lg-n3 {
        left: -16px !important
    }

    .top-lg-4 {
        top: 24px !important
    }

    .right-lg-4 {
        right: 24px !important
    }

    .bottom-lg-4 {
        bottom: 24px !important
    }

    .left-lg-4 {
        left: 24px !important
    }

    .top-lg-n4 {
        top: -24px !important
    }

    .right-lg-n4 {
        right: -24px !important
    }

    .bottom-lg-n4 {
        bottom: -24px !important
    }

    .left-lg-n4 {
        left: -24px !important
    }

    .top-lg-5 {
        top: 32px !important
    }

    .right-lg-5 {
        right: 32px !important
    }

    .bottom-lg-5 {
        bottom: 32px !important
    }

    .left-lg-5 {
        left: 32px !important
    }

    .top-lg-n5 {
        top: -32px !important
    }

    .right-lg-n5 {
        right: -32px !important
    }

    .bottom-lg-n5 {
        bottom: -32px !important
    }

    .left-lg-n5 {
        left: -32px !important
    }

    .top-lg-6 {
        top: 40px !important
    }

    .right-lg-6 {
        right: 40px !important
    }

    .bottom-lg-6 {
        bottom: 40px !important
    }

    .left-lg-6 {
        left: 40px !important
    }

    .top-lg-n6 {
        top: -40px !important
    }

    .right-lg-n6 {
        right: -40px !important
    }

    .bottom-lg-n6 {
        bottom: -40px !important
    }

    .left-lg-n6 {
        left: -40px !important
    }

    .top-lg-7 {
        top: 48px !important
    }

    .right-lg-7 {
        right: 48px !important
    }

    .bottom-lg-7 {
        bottom: 48px !important
    }

    .left-lg-7 {
        left: 48px !important
    }

    .top-lg-n7 {
        top: -48px !important
    }

    .right-lg-n7 {
        right: -48px !important
    }

    .bottom-lg-n7 {
        bottom: -48px !important
    }

    .left-lg-n7 {
        left: -48px !important
    }

    .top-lg-8 {
        top: 64px !important
    }

    .right-lg-8 {
        right: 64px !important
    }

    .bottom-lg-8 {
        bottom: 64px !important
    }

    .left-lg-8 {
        left: 64px !important
    }

    .top-lg-n8 {
        top: -64px !important
    }

    .right-lg-n8 {
        right: -64px !important
    }

    .bottom-lg-n8 {
        bottom: -64px !important
    }

    .left-lg-n8 {
        left: -64px !important
    }

    .top-lg-9 {
        top: 80px !important
    }

    .right-lg-9 {
        right: 80px !important
    }

    .bottom-lg-9 {
        bottom: 80px !important
    }

    .left-lg-9 {
        left: 80px !important
    }

    .top-lg-n9 {
        top: -80px !important
    }

    .right-lg-n9 {
        right: -80px !important
    }

    .bottom-lg-n9 {
        bottom: -80px !important
    }

    .left-lg-n9 {
        left: -80px !important
    }

    .top-lg-10 {
        top: 96px !important
    }

    .right-lg-10 {
        right: 96px !important
    }

    .bottom-lg-10 {
        bottom: 96px !important
    }

    .left-lg-10 {
        left: 96px !important
    }

    .top-lg-n10 {
        top: -96px !important
    }

    .right-lg-n10 {
        right: -96px !important
    }

    .bottom-lg-n10 {
        bottom: -96px !important
    }

    .left-lg-n10 {
        left: -96px !important
    }

    .top-lg-11 {
        top: 112px !important
    }

    .right-lg-11 {
        right: 112px !important
    }

    .bottom-lg-11 {
        bottom: 112px !important
    }

    .left-lg-11 {
        left: 112px !important
    }

    .top-lg-n11 {
        top: -112px !important
    }

    .right-lg-n11 {
        right: -112px !important
    }

    .bottom-lg-n11 {
        bottom: -112px !important
    }

    .left-lg-n11 {
        left: -112px !important
    }

    .top-lg-12 {
        top: 128px !important
    }

    .right-lg-12 {
        right: 128px !important
    }

    .bottom-lg-12 {
        bottom: 128px !important
    }

    .left-lg-12 {
        left: 128px !important
    }

    .top-lg-n12 {
        top: -128px !important
    }

    .right-lg-n12 {
        right: -128px !important
    }

    .bottom-lg-n12 {
        bottom: -128px !important
    }

    .left-lg-n12 {
        left: -128px !important
    }
}

.offset-n1 {
    margin-left: -8.33333333%
}

.offset-n2 {
    margin-left: -16.66666666%
}

.offset-n3 {
    margin-left: -24.99999999%
}

.offset-n4 {
    margin-left: -33.33333332%
}

.offset-n5 {
    margin-left: -41.66666665%
}

.offset-n6 {
    margin-left: -49.99999998%
}

.offset-n7 {
    margin-left: -58.33333331%
}

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

    .offset-sm-n2 {
        margin-left: -16.66666666%
    }

    .offset-sm-n3 {
        margin-left: -24.99999999%
    }

    .offset-sm-n4 {
        margin-left: -33.33333332%
    }

    .offset-sm-n5 {
        margin-left: -41.66666665%
    }

    .offset-sm-n6 {
        margin-left: -49.99999998%
    }

    .offset-sm-n7 {
        margin-left: -58.33333331%
    }
}

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

    .offset-md-n2 {
        margin-left: -16.66666666%
    }

    .offset-md-n3 {
        margin-left: -24.99999999%
    }

    .offset-md-n4 {
        margin-left: -33.33333332%
    }

    .offset-md-n5 {
        margin-left: -41.66666665%
    }

    .offset-md-n6 {
        margin-left: -49.99999998%
    }

    .offset-md-n7 {
        margin-left: -58.33333331%
    }
}

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

    .offset-lg-n2 {
        margin-left: -16.66666666%
    }

    .offset-lg-n3 {
        margin-left: -24.99999999%
    }

    .offset-lg-n4 {
        margin-left: -33.33333332%
    }

    .offset-lg-n5 {
        margin-left: -41.66666665%
    }

    .offset-lg-n6 {
        margin-left: -49.99999998%
    }

    .offset-lg-n7 {
        margin-left: -58.33333331%
    }
}

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

    .offset-xl-n2 {
        margin-left: -16.66666666%
    }

    .offset-xl-n3 {
        margin-left: -24.99999999%
    }

    .offset-xl-n4 {
        margin-left: -33.33333332%
    }

    .offset-xl-n5 {
        margin-left: -41.66666665%
    }

    .offset-xl-n6 {
        margin-left: -49.99999998%
    }

    .offset-xl-n7 {
        margin-left: -58.33333331%
    }
}

.width-auto {
    width: auto !important
}

.height-auto {
    height: auto !important
}

.object-fit-cover {
    object-fit: cover !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

.z-n1 {
    z-index: -1 !important
}

.z-n2 {
    z-index: -2 !important
}

.box-shadow-default-mktg {
    box-shadow: 0 2.75px 2.21px rgba(0,0,0,.07),0 6.65px 5.32px rgba(0,0,0,.043),0 12.5px 10px rgba(0,0,0,.03),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.017) !important
}

.box-shadow-active-mktg {
    box-shadow: 0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.04),0 10px 8px rgba(0,0,0,.05),0 15px 15px rgba(0,0,0,.06),0 30px 30px rgba(0,0,0,.07),0 70px 65px rgba(0,0,0,.09) !important
}

.box-shadow-card-mktg,.p-plus__overflow {
    box-shadow: 0 3px 2px rgba(0,0,0,.04),0 7px 5px rgba(0,0,0,.02),0 13px 10px rgba(0,0,0,.02),0 22px 17px rgba(0,0,0,.02) !important
}

.box-shadow-default-border-mktg {
    box-shadow: 0 0 0 1px rgba(53,72,91,.14),0 2.75px 2.21px rgba(0,0,0,.07),0 6.65px 5.32px rgba(0,0,0,.043),0 12.5px 10px rgba(0,0,0,.03),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.017) !important
}

.box-shadow-active-border-mktg {
    box-shadow: 0 0 0 1px rgba(53,72,91,.14),0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.04),0 10px 8px rgba(0,0,0,.05),0 15px 15px rgba(0,0,0,.06),0 30px 30px rgba(0,0,0,.07),0 70px 65px rgba(0,0,0,.09) !important
}

.box-shadow-active-border-inverse-mktg {
    box-shadow: 0 0 0 1px rgba(0,0,0,.5),0 70px 65px rgba(0,0,0,.18),0 30px 30px rgba(0,0,0,.14),0 15px 15px rgba(0,0,0,.12),0 10px 8px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.08),0 2px 2px rgba(0,0,0,.06) !important
}

.box-shadow-active-border-light-mktg {
    box-shadow: 0 0 0 1px rgba(255,255,255,.1),0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.04),0 10px 8px rgba(0,0,0,.05),0 15px 15px rgba(0,0,0,.06),0 30px 30px rgba(0,0,0,.07),0 70px 65px rgba(0,0,0,.09) !important
}

.box-shadow-card-border-mktg {
    box-shadow: 0 0 0 1px rgba(53,72,91,.14),0 3px 2px rgba(0,0,0,.04),0 7px 5px rgba(0,0,0,.02),0 13px 10px rgba(0,0,0,.02),0 22px 17px rgba(0,0,0,.02) !important
}

.box-shadow-card-border-inverse-mktg {
    box-shadow: 0 0 0 1px rgba(0,0,0,.5),0 97px 77px rgba(0,0,0,.02),0 40px 32px rgba(0,0,0,.02),0 21.6px 17px rgba(0,0,0,.03),0 12px 9.7px rgba(0,0,0,.04),0 6.4px 5px rgba(0,0,0,.04),0 2.7px 2.1px rgba(0,0,0,.07) !important
}

.box-shadow-card-border-light-mktg {
    box-shadow: 0 0 0 1px rgba(255,255,255,.1),0 3px 2px rgba(0,0,0,.04),0 7px 5px rgba(0,0,0,.02),0 13px 10px rgba(0,0,0,.02),0 22px 17px rgba(0,0,0,.02) !important
}

.box-shadow-mktg-xl {
    box-shadow: 0 2.74416px 2.74416px rgba(0,0,0,.0274351),0 5.48831px 5.48831px rgba(0,0,0,.0400741),0 13.7208px 10.9766px rgba(0,0,0,.0499982),0 20.5812px 20.5812px rgba(0,0,0,.0596004),0 41.1623px 41.1623px rgba(0,0,0,.0709366),0 96.0454px 89.1851px rgba(0,0,0,.09)
}

.btn-mktg {
    white-space: normal
}

.btn-invisible-mktg,.btn-large-invisible-mktg {
    padding: .9375rem 0 1.0625rem;
    font-weight: var(--base-text-weight-semibold, 600);
    line-height: 1.1;
    color: #4969ed;
    white-space: normal;
    background: none !important;
    transition: color .4s
}

.btn-invisible-mktg::before,.btn-invisible-mktg:hover,.btn-large-invisible-mktg::before,.btn-large-invisible-mktg:hover {
    color: #3355e0;
    text-decoration: none;
    background: none !important
}

.btn-invisible-mktg:focus,.btn-invisible-mktg.focus,.btn-large-invisible-mktg:focus,.btn-large-invisible-mktg.focus {
    text-decoration: none !important;
    box-shadow: none
}

.btn-invisible-mktg:focus.text-underline,.bottom-cta h1 a.btn-invisible-mktg:focus,.bottom-cta h2 a.btn-invisible-mktg:focus,.bottom-cta h3 a.btn-invisible-mktg:focus,.bottom-cta h4 a.btn-invisible-mktg:focus,.bottom-cta h5 a.btn-invisible-mktg:focus,.bottom-cta h6 a.btn-invisible-mktg:focus,.btn-invisible-mktg.focus.text-underline,.bottom-cta h1 a.btn-invisible-mktg.focus,.bottom-cta h2 a.btn-invisible-mktg.focus,.bottom-cta h3 a.btn-invisible-mktg.focus,.bottom-cta h4 a.btn-invisible-mktg.focus,.bottom-cta h5 a.btn-invisible-mktg.focus,.bottom-cta h6 a.btn-invisible-mktg.focus,.btn-large-invisible-mktg:focus.text-underline,.bottom-cta h1 a.btn-large-invisible-mktg:focus,.bottom-cta h2 a.btn-large-invisible-mktg:focus,.bottom-cta h3 a.btn-large-invisible-mktg:focus,.bottom-cta h4 a.btn-large-invisible-mktg:focus,.bottom-cta h5 a.btn-large-invisible-mktg:focus,.bottom-cta h6 a.btn-large-invisible-mktg:focus,.btn-large-invisible-mktg.focus.text-underline,.bottom-cta h1 a.btn-large-invisible-mktg.focus,.bottom-cta h2 a.btn-large-invisible-mktg.focus,.bottom-cta h3 a.btn-large-invisible-mktg.focus,.bottom-cta h4 a.btn-large-invisible-mktg.focus,.bottom-cta h5 a.btn-large-invisible-mktg.focus,.bottom-cta h6 a.btn-large-invisible-mktg.focus {
    outline: solid 3px var(--color-border-info);
    outline-offset: 8px
}

.btn-invisible-mktg:focus::after,.btn-invisible-mktg.focus::after,.btn-large-invisible-mktg:focus::after,.btn-large-invisible-mktg.focus::after {
    position: absolute;
    right: 1.25rem;
    bottom: .5rem;
    left: 0;
    height: 2px;
    content: "";
    background-color: currentColor;
    border-radius: 2px
}

.btn-invisible-mktg.text-underline,.bottom-cta h1 a.btn-invisible-mktg,.bottom-cta h2 a.btn-invisible-mktg,.bottom-cta h3 a.btn-invisible-mktg,.bottom-cta h4 a.btn-invisible-mktg,.bottom-cta h5 a.btn-invisible-mktg,.bottom-cta h6 a.btn-invisible-mktg,.btn-large-invisible-mktg.text-underline,.bottom-cta h1 a.btn-large-invisible-mktg,.bottom-cta h2 a.btn-large-invisible-mktg,.bottom-cta h3 a.btn-large-invisible-mktg,.bottom-cta h4 a.btn-large-invisible-mktg,.bottom-cta h5 a.btn-large-invisible-mktg,.bottom-cta h6 a.btn-large-invisible-mktg {
    display: inline;
    padding: .3125rem 0;
    line-height: 1.5;
    text-decoration: none !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: linear-gradient(currentColor, currentColor) !important;
    background-repeat: no-repeat !important;
    background-position: 0 100% !important;
    background-size: 100% 2px !important;
    border-radius: 0;
    box-shadow: none
}

.btn-invisible-mktg.text-underline::after,.bottom-cta h1 a.btn-invisible-mktg::after,.bottom-cta h2 a.btn-invisible-mktg::after,.bottom-cta h3 a.btn-invisible-mktg::after,.bottom-cta h4 a.btn-invisible-mktg::after,.bottom-cta h5 a.btn-invisible-mktg::after,.bottom-cta h6 a.btn-invisible-mktg::after,.btn-large-invisible-mktg.text-underline::after,.bottom-cta h1 a.btn-large-invisible-mktg::after,.bottom-cta h2 a.btn-large-invisible-mktg::after,.bottom-cta h3 a.btn-large-invisible-mktg::after,.bottom-cta h4 a.btn-large-invisible-mktg::after,.bottom-cta h5 a.btn-large-invisible-mktg::after,.bottom-cta h6 a.btn-large-invisible-mktg::after {
    display: none !important
}

.btn-invisible-mktg svg,.btn-large-invisible-mktg svg {
    width: 1em;
    height: 1em
}

.btn-large-invisible-mktg {
    font-size: 1.25rem
}

.btn-large-invisible-mktg:focus::after,.btn-large-invisible-mktg.focus::after {
    right: 1.5rem
}

.btn-large-invisible-mktg.text-underline,.bottom-cta h1 a.btn-large-invisible-mktg,.bottom-cta h2 a.btn-large-invisible-mktg,.bottom-cta h3 a.btn-large-invisible-mktg,.bottom-cta h4 a.btn-large-invisible-mktg,.bottom-cta h5 a.btn-large-invisible-mktg,.bottom-cta h6 a.btn-large-invisible-mktg {
    margin-right: -1.5rem
}

.btn-large-invisible-mktg.text-underline .Bump-link-symbol,.bottom-cta h1 a.btn-large-invisible-mktg .Bump-link-symbol,.bottom-cta h2 a.btn-large-invisible-mktg .Bump-link-symbol,.bottom-cta h3 a.btn-large-invisible-mktg .Bump-link-symbol,.bottom-cta h4 a.btn-large-invisible-mktg .Bump-link-symbol,.bottom-cta h5 a.btn-large-invisible-mktg .Bump-link-symbol,.bottom-cta h6 a.btn-large-invisible-mktg .Bump-link-symbol {
    margin-right: -1.5rem
}

.btn-transparent.focus,.btn-transparent:focus {
    outline: 0;
    box-shadow: 0 0 0 2px var(--color-mktg-btn-dark-focus-border) inset,0 0 0 4px var(--color-mktg-btn-dark-focus-border-inset) !important
}

.Bump-link {
    position: relative
}

.Bump-link:hover .Bump-link-symbol {
    transform: translateX(3px)
}

.Bump-link:hover.text-underline .Bump-link-symbol,.bottom-cta h1 a.Bump-link:hover .Bump-link-symbol,.bottom-cta h2 a.Bump-link:hover .Bump-link-symbol,.bottom-cta h3 a.Bump-link:hover .Bump-link-symbol,.bottom-cta h4 a.Bump-link:hover .Bump-link-symbol,.bottom-cta h5 a.Bump-link:hover .Bump-link-symbol,.bottom-cta h6 a.Bump-link:hover .Bump-link-symbol {
    transform: translateX(3px)
}

.Bump-link-symbol {
    display: inline-block;
    margin-bottom: -1px;
    transition: opacity .2s,transform .2s;
    transform: translateX(0)
}

.text-underline>.Bump-link-symbol,.bottom-cta h1 a>.Bump-link-symbol,.bottom-cta h2 a>.Bump-link-symbol,.bottom-cta h3 a>.Bump-link-symbol,.bottom-cta h4 a>.Bump-link-symbol,.bottom-cta h5 a>.Bump-link-symbol,.bottom-cta h6 a>.Bump-link-symbol {
    margin-right: -1.25rem
}

.Bump-link--hover .Bump-link-symbol {
    margin-right: -1.25rem;
    color: inherit;
    opacity: 0;
    transform: translateX(0)
}

.Bump-link--hover:hover .Bump-link-symbol {
    opacity: 1;
    transform: translateX(3px)
}

.text-gray-mktg {
    color: #627597 !important
}

.text-gray-dark-mktg {
    color: #040d21 !important
}

.text-gray-light-mktg {
    color: #8193b2 !important
}

.text-blue-mktg {
    color: #1074e7 !important
}

.text-blue-light {
    color: #79b8ff !important
}

.text-purple-mktg {
    color: #6f57ff !important;
    transition: color .4s
}

a.text-purple-mktg:hover {
    color: #614eda !important
}

.text-green-mktg {
    color: #2ebc4f !important
}

.text-white-fade {
    color: rgba(255,255,255,.7) !important
}

.code-green {
    color: #0dbc79
}

.code-pink,.changelog-terminal .animation-is-typing::before {
    color: #ea4aaa
}

.bg-gray-dark-mktg {
    background-color: #040d21
}

.bg-blue-dark {
    background-color: #032f62 !important
}

.bg-radial-white {
    background: radial-gradient(145.3% 145.3% at 65.91% 0%, #fff 0%, #f0f0f0 100%)
}

.bg-gray-800-mktg {
    background-color: #0c162d
}

.link-blue-light-mktg {
    font-weight: var(--base-text-weight-medium, 500) !important;
    color: #2188ff !important;
    transition: color .4s
}

.link-blue-light-mktg:hover {
    color: #035bd6 !important
}

.link-blue-mktg {
    font-weight: var(--base-text-weight-medium, 500) !important;
    color: #035bd6 !important;
    transition: color .4s
}

.link-blue-mktg:hover {
    color: #043a8a !important
}

.text-gradient-mint-blue-dark,.homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
    background: -webkit-linear-gradient(-70deg, #a2facf 0%, #64acff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-coral-yellow-dark {
    background: -webkit-linear-gradient(-70deg, #ff7170 0%, #ffe57f 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-turq-purple-dark {
    background: -webkit-linear-gradient(-70deg, #3bf0e4 0%, #bca1f7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-purple-red-dark {
    background: -webkit-linear-gradient(-70deg, #d2a8ff 0%, #ff7b72 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-blue-green {
    background: -webkit-linear-gradient(-70deg, #2188ff 0%, #01a49e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-red-orange {
    background: -webkit-linear-gradient(-70deg, #ed4e50 0%, #f06f00 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-purple-coral {
    background: -webkit-linear-gradient(-70deg, #8250df 0%, #d42a32 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-ronelly {
    background: -webkit-linear-gradient(-70deg, var(--ronellybright-orange) 0%, var(--ronellybright-orange) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-blue-purple {
    background: -webkit-linear-gradient(-70deg, #2188ff 0%, #804eda 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.text-gradient-mint-blue {
    background: linear-gradient(271.72deg, #a2facf 7.09%, #64acff 96.61%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0)
}

.text-gradient-pink-blue {
    background: -webkit-linear-gradient(-70deg, #db469f 0%, #2188ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    -webkit-box-decoration-break: clone
}

.col-5-max {
    width: 100%;
    max-width: 33.75rem
}

@media(min-width: 544px) {
    .col-5-max {
        max-width:34.375rem
    }
}

@media(min-width: 544px) {
    .col-5-max {
        max-width:33.75rem
    }
}

.col-6-max {
    width: 100%;
    max-width: 40.5rem
}

@media(min-width: 544px) {
    .col-6-max {
        max-width:41.25rem
    }
}

@media(min-width: 1012px) {
    .col-6-max {
        max-width:40.5rem
    }
}

.col-7-max {
    width: 100%;
    max-width: 47.25rem
}

@media(min-width: 544px) {
    .col-7-max {
        max-width:48.125rem
    }
}

@media(min-width: 1012px) {
    .col-7-max {
        max-width:47.25rem
    }
}

.col-8-max {
    width: 100%;
    max-width: 54rem
}

@media(min-width: 544px) {
    .col-8-max {
        max-width:55rem
    }
}

@media(min-width: 1012px) {
    .col-8-max {
        max-width:54rem
    }
}

.col-9-max {
    width: 100%;
    max-width: 60.75rem
}

@media(min-width: 544px) {
    .col-9-max {
        max-width:61.875rem
    }
}

@media(min-width: 1012px) {
    .col-9-max {
        max-width:61.5rem
    }
}

.col-10-max {
    width: 100%;
    max-width: 67.5rem
}

@media(min-width: 544px) {
    .col-10-max {
        max-width:68.75rem
    }
}

@media(min-width: 1012px) {
    .col-10-max {
        max-width:67.5rem
    }
}

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

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

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

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

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

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

@media(min-width: 1280px) {
    .top-xl-0 {
        top:0 !important
    }
}

@media(min-width: 1280px) {
    .top-xl-3 {
        top:16px !important
    }
}

@media(min-width: 1280px) {
    .top-xl-5 {
        top:32px !important
    }
}

@media(min-width: 1280px) {
    .top-xl-n5 {
        top:-32px !important
    }
}

@media(min-width: 1280px) {
    .top-xl-n10 {
        top:-96px !important
    }
}

@media(min-width: 1280px) {
    .top-xl-n12 {
        top:-128px !important
    }
}

@media(min-width: 1280px) {
    .right-xl-0 {
        right:0 !important
    }
}

@media(min-width: 768px) {
    .left-md-auto.left-md-auto {
        left:auto !important
    }
}

.wide-block {
    max-width: 1464px;
    padding: 6.5rem 0 0 !important;
    background-color: #040d21
}

@media(min-width: 1464px) {
    .wide-block {
        border-radius:1rem !important
    }
}

.img-responsive {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.link-mktg {
    color: #1074e7;
    text-decoration: none !important;
    box-shadow: 0 1px 0 0 rgba(16,116,231,.5);
    transition: .2s
}

.link-mktg:hover {
    color: var(--color-text-link);
    box-shadow: 0 1px 0 0 #1074e7
}

.link-white-mktg {
    color: var(--color-text-white);
    text-decoration: none !important;
    box-shadow: 0 1px 0 0 rgba(255,255,255,.5);
    transition: box-shadow .2s,color .2s
}

.link-white-mktg:hover {
    box-shadow: 0 1px 0 0 #fff
}

.cursor-pointer {
    cursor: pointer
}

.events-none {
    pointer-events: none
}

.events-auto {
    pointer-events: auto
}

@media(min-width: 1012px) {
    .mr-lg-9 {
        margin-right:80px !important
    }
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mr-n7 {
    margin-right: -48px !important
}

.mr-7 {
    margin-right: 48px !important
}

.ml-n7 {
    margin-left: -48px !important
}

.opacity-4 {
    opacity: .4
}

@media(min-width: 768px) {
    .pt-md-0 {
        margin-bottom:0 !important
    }

    .py-md-7 {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }

    .px-md-8 {
        padding-right: 64px !important;
        padding-left: 64px !important
    }

    .px-md-10 {
        padding-right: 96px !important;
        padding-left: 96px !important
    }
}

@media(min-width: 1012px) {
    .px-lg-8 {
        padding-right:64px !important;
        padding-left: 64px !important
    }
}



.font-mktg {

    font-family: "Alliance No.1",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    word-break: keep-all;
}

.text-medium {
    font-weight: 450 !important
}

.text-extrabold {
    font-weight: 800 !important
}

.lh-condensed-mktg {
    line-height: 1.1 !important
}

.text-spaced {
    letter-spacing: .075em !important
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.river-mktg em {
    font-style: normal;
    color: var(--color-fg-default)
}

.river-mktg strike {
    color: var(--color-fg-muted)
}

.river-mktg p code {
    font-size: 90%
}

.river-mktg code i {
    font-style: normal;
    color: var(--color-fg-default)
}

.font-mktg [data-color-mode=dark] .color-fg-default {
    --color-fg-default: #fff !important;
    color: var(--color-fg-default) !important
}

.unselectable {
    -webkit-user-select: none;
    user-select: none
}

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

.pre-line {
    white-space: pre-line
}

code {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.p-responsive-blog {
    padding-left: 24px !important;
    padding-right: 24px !important
}

@media(min-width: 544px) {
    .p-responsive-blog {
        padding-left:40px !important;
        padding-right: 40px !important
    }
}

@media(min-width: 1012px) {
    .p-responsive-blog {
        padding-left:24px !important;
        padding-right: 24px !important
    }
}

.js-type-letters,.js-type-row {
    visibility: hidden
}

.js-type-row {
    margin-bottom: 4px
}

.blog-logo {
    height: auto;
    max-width: 100px
}

.byline__photo {
    max-width: 60px
}

@media(min-width: 768px) {
    .byline__photo {
        max-width:70px
    }
}

@media(min-width: 1280px) {
    .byline__photo {
        max-width:80px
    }
}

.byline__photo--recirc {
    max-width: 40px
}

.byline__photo--archive {
    max-width: 80px
}

@media(min-width: 544px) {
    .byline__photo--archive {
        max-width:128px
    }
}

.post__content a:not(.btn):not(.btn-mktg) {
    overflow-wrap: break-word;
    text-decoration: underline
}

.post__content>h3 {
    margin-top: 24px;
    margin-bottom: 8px
}

.post__content ul,.post__content ol {
    padding-left: 24px;
    margin-bottom: 8px
}

.post__content li {
    margin-bottom: 8px
}

.post__content code {
    background-color: #eff2ff;
    padding: 4px 8px;
    border-radius: 4px;
    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace
}

.post__content pre {
    background-color: #eff2ff;
    padding: 16px 24px;
    border-radius: 4px;
    font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
    width: max-content;
    min-width: 100px;
    max-width: 100%;
    margin: 28px 0;
    overflow: hidden;
    -webkit-hyphens: none;
    hyphens: none;
    word-break: normal;
    tab-size: 2
}

.post__content table {
    width: 100%;
    margin: 32px 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: left
}

@media(min-width: 768px) {
    .post__content table {
        font-size:16px
    }
}

.post__content tr:nth-child(even) {
    background-color: #eff2ff
}

.post__content td {
    padding: 16px 24px;
    border: 1px solid #b9c2ff;
    vertical-align: top
}

.post__content th {
    font-weight: 450;
    padding: 16px 24px;
    color: #fff;
    background-color: #3c42d0;
    border: 1px solid #7683ff
}

.post__content summary {
    margin-bottom: 1.25em
}

.post-aside--large {
    border-top: 4px solid #545df0;
    background-color: var(--color-canvas-subtle)
}

.post-aside--large .gh-aside-title {
    margin-bottom: 20px !important
}

.post-aside--large p:last-child {
    margin-bottom: 0
}

.post-aside--small::before {
    content: "";
    display: block;
    height: 2.5px;
    background-color: #545df0;
    background-image: linear-gradient(90deg, #096BDE 0.87%, #8250DF 75.12%);
    margin-bottom: 20px
}

.post-aside--small .gh-aside-title {
    margin-bottom: 20px !important
}

.post-aside--small p:last-child {
    margin-bottom: 0
}

[data-color-mode=dark] {
    --color-border-default: var(--color-scale-gray-4) !important;
    --color-border-muted: #484f58 !important
}

.homepage-section {
    margin-top: 24px;
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .homepage-section {
        margin-top:56px;
        margin-bottom: 56px
    }
}

.section-heading {
    border-top: 5px solid var(--color-fg-default);
    border-bottom: 1px solid var(--color-border-muted);
    padding-top: 7px !important;
    padding-bottom: 11px !important
}

.homepage-section--trending,.homepage-section--changelog-widget {
    margin-left: -8px;
    margin-right: -8px
}

@media(min-width: 1400px) {
    .homepage-section--trending,.homepage-section--changelog-widget {
        margin-left:-40px;
        margin-right: -40px
    }
}

.homepage-section--trending article:first-child .homepage-article--trending-inner {
    border-top: none
}

.homepage-section--trending .homepage-article--trending-inner {
    border-top: 1px solid var(--color-border-muted);
    display: flex;
    flex-direction: row !important
}

@media(min-width: 768px) {
    .homepage-section--trending .homepage-article--trending-inner {
        flex-direction:column !important
    }
}

@media(min-width: 544px) {
    .homepage-section--trending .homepage-article--trending-inner {
        border:none
    }
}

.homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
    display: block;
    margin: -4px 16px 0 0
}

@media(min-width: 768px) {
    .homepage-section--trending .homepage-article--trending-inner .homepage-article--trending-count {
        margin:0 0 8px 0
    }
}

@media(min-width: 1012px) {
    .tease--thirds .tease-thumbnail {
        flex:2
    }

    .tease--thirds .tease-text {
        flex: 1
    }
}

.is-safari .tease-thumbnail {
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.tease-thumbnail:hover .tease-thumbnail__img,.tease-thumbnail:focus .tease-thumbnail__img {
    transform: scale(1.02) translate3d(0, 0, 0)
}

.tease-thumbnail__img {
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: scale(1) translate3d(0, 0, 0);
    transition: transform .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: -1
}

.cover-image {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    object-fit: cover;
    left: 0 !important;
    top: 0 !important
}

@media(min-width: 768px) {
    .tease-thumbnail--square-reverse {
        padding-bottom:25%
    }
}

.tease-border:not(:last-child) {
    border-bottom: 1px solid var(--color-border-muted)
}

.tease-border--lg:not(:last-child) {
    border-bottom: 1px solid var(--color-border-muted)
}

@media(min-width: 1280px) {
    .tease-border--lg {
        border-bottom:0 !important
    }
}

.tease-border--md:not(:last-child) {
    border-bottom: 1px solid var(--color-border-muted)
}

@media(min-width: 1012px) {
    .tease-border--md {
        border-bottom:0 !important
    }
}

.tease-border--sm:not(:last-child) {
    border-bottom: 1px solid var(--color-border-muted)
}

@media(min-width: 768px) {
    .tease-border--sm {
        border-bottom:0 !important
    }
}

.tease-border--xs:not(:last-child) {
    border-bottom: 1px solid var(--color-border-muted)
}

@media(min-width: 544px) {
    .tease-border--xs {
        border-bottom:0 !important
    }
}

.mb-2px {
    margin-bottom: 2px
}

.mt-12px {
    margin-top: 12px
}

.mb-12px {
    margin-bottom: 12px
}

.mr-12px {
    margin-right: 12px
}

.mt-14px {
    margin-top: 14px
}

.mb-14px {
    margin-bottom: 14px
}

.mr-14px {
    margin-right: 14px
}

.gutter-14px {
    margin-right: -14px !important;
    margin-left: -14px !important
}

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

@media(min-width: 544px) {
    .square-thumb-wrap {
        box-sizing:content-box;
        max-width: 168px
    }
}

.featured-side-article {
    border-top: 1px solid var(--color-border-muted)
}

@media(min-width: 768px) {
    .featured-side-article:first-child {
        border:none
    }
}

.featured-bottom-article {
    border-top: 1px solid var(--color-border-muted)
}

.h3-alt-mktg {
    letter-spacing: -0.02em !important
}

@media(min-width: 1012px) {
    .h3-alt-mktg {
        font-size:40px !important;
        line-height: 44px !important
    }
}

.h3-alt-2-mktg {
    letter-spacing: -0.02em !important
}

@media(min-width: 768px) {
    .h3-alt-2-mktg {
        font-size:36px !important;
        line-height: 40px !important
    }
}

.tease-border-alt .tease-border-alt-inner {
    border-top: 1px solid var(--color-border-muted)
}

@media(min-width: 1012px) {
    .tease-border-alt:first-child .tease-border-alt-inner {
        border-top:none
    }
}

.tease-border-alt--md .tease-border-alt-inner {
    border-top: 1px solid var(--color-border-muted)
}

.tease-border-alt--md:first-child .tease-border-alt-inner {
    border-top: none
}

@media(min-width: 768px) {
    .tease-border-alt--md .tease-border-alt-inner {
        border:none
    }
}

@media(min-width: 1012px) {
    .height-lg-full {
        height:100% !important
    }
}

.indigo-separator {
    border-bottom: 2px solid #545df0
}

.related-posts {
    margin-top: 64px;
    margin-bottom: 40px
}

@media(min-width: 1012px) {
    .related-posts {
        margin-top:120px;
        margin-bottom: 100px
    }
}

.recirculation-modules {
    margin-top: 40px;
    margin-bottom: 64px
}

@media(min-width: 1012px) {
    .recirculation-modules {
        margin-top:100px;
        margin-bottom: 120px
    }
}

.related-posts article:first-child .border-top {
    border: none !important
}

@media(min-width: 1012px) {
    .related-posts .border-top {
        border:none !important
    }
}

.post-tags ul {
    margin: 0;
    padding-left: 0 !important;
    margin-left: 24px
}

.post-tags li {
    margin-left: 0
}

.post-tags::before {
    content: "";
    display: block;
    height: 5px;
    width: 20px;
    background-color: var(--color-fg-default);
    margin-bottom: 4px
}

.bottom-cta-section {
    margin-bottom: 80px
}

@media(min-width: 768px) {
    .bottom-cta-section {
        margin-bottom:140px
    }
}

.bottom-cta {
    padding-top: 24px;
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
    background-color: var(--color-canvas-subtle)
}

@media(min-width: 1012px) {
    .bottom-cta {
        padding-top:40px;
        padding-bottom: 48px;
        padding-left: 56px;
        padding-right: 56px
    }
}

.bottom-cta h1,.bottom-cta h2,.bottom-cta h3,.bottom-cta h4,.bottom-cta h5,.bottom-cta h6,.bottom-cta p {
    margin-bottom: 1.25em
}

.bottom-cta p:last-child {
    margin-bottom: 0 !important
}

[data-color-mode=dark] .text-gradient-purple-coral {
    background: linear-gradient(140deg, #D2A8FF 12.09%, #F778BA 42.58%, #FF7B72 84.96%);
    -webkit-background-clip: text;
    background-clip: text
}

@media(max-width: 767px) {
    .h6-mktg,.post__content>h3,.post__content>h4,.post__content>h5,.post__content>h6,.bottom-cta h1,.bottom-cta h2,.bottom-cta h3,.bottom-cta h4,.bottom-cta h5,.bottom-cta h6 {
        font-size:20px !important;
        line-height: 24px !important
    }
}

.post__content .post-content-cta {
    text-align: center;
    margin-top: 64px;
    margin-bottom: 64px
}

@media(min-width: 1012px) {
    .post__content .post-content-cta {
        margin-top:80px;
        margin-bottom: 80px
    }
}

.post__content .post-content-cta::before,.post__content .post-content-cta::after {
    content: "";
    display: block;
    margin: 0 auto;
    height: 2px;
    width: 50%;
    background: var(--color-border-muted)
}

.post__content .post-content-cta::before {
    margin-bottom: 20px
}

.post__content .post-content-cta::after {
    margin-top: 28px
}

.post__content .post-content-cta>* {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
}

.post__content .project-bar .has-image,.post__content .project-bar .image-frame,.post__content .project-bar .wp-video,.post__content .project-bar .mod-yt,.post__content .project-bar .mod-vh {
    margin: 0 !important
}

.post__content .project-bar .has-image iframe,.post__content .project-bar .has-image video,.post__content .project-bar .has-image img,.post__content .project-bar .has-image svg,.post__content .project-bar .image-frame iframe,.post__content .project-bar .image-frame video,.post__content .project-bar .image-frame img,.post__content .project-bar .image-frame svg,.post__content .project-bar .wp-video iframe,.post__content .project-bar .wp-video video,.post__content .project-bar .wp-video img,.post__content .project-bar .wp-video svg,.post__content .project-bar .mod-yt iframe,.post__content .project-bar .mod-yt video,.post__content .project-bar .mod-yt img,.post__content .project-bar .mod-yt svg,.post__content .project-bar .mod-vh iframe,.post__content .project-bar .mod-vh video,.post__content .project-bar .mod-vh img,.post__content .project-bar .mod-vh svg {
    display: block
}

.post__content p:empty {
    display: none !important
}

.post__content iframe {
    width: 100%
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both
}

@media(min-width: 768px) {
    img.alignleft {
        margin-right:24px;
        float: left
    }
}

@media(min-width: 768px) {
    img.alignright {
        margin-left:24px;
        float: right
    }
}

.post-author-avatar:not(.post-author-avatar-last) {
    width: 24px
}

.Header-link {
    transition: opacity .3s ease
}

.Header-link:hover {
    opacity: 1
}

@media(min-width: 768px) {
    .Header-link:hover {
        opacity:.7
    }
}

.gh-cta-block {
    border-top: 2px solid var(--color-border-muted);
    padding-top: 20px;
    font-size: 18px;
    line-height: 30px
}

.paginate-container .pagination {
    padding-top: 16px
}

.paginate-container .pagination .nav-links {
    display: flex;
    flex-flow: row wrap
}

.paginate-container .pagination .nav-links a {
    display: block
}

.paginate-container .pagination .nav-links .dots.gap {
    padding-left: 0;
    padding-right: 0;
    min-width: 10px
}

.paginate-container .pagination .nav-links .previous_page {
    padding-left: 6px
}

.paginate-container .pagination .nav-links .previous_page::before {
    margin-right: 0
}

.paginate-container .pagination .nav-links .next_page {
    padding-right: 6px
}

.paginate-container .pagination .nav-links .next_page::after {
    margin-left: 0;
    margin-top: 1px
}

.paginate-container .pagination .nav-links .previous_page::before,.paginate-container .pagination .nav-links .next_page::after {
    margin-left: 0;
    top: 1px;
    position: relative
}

.blog-header {
    position: sticky;
    top: 0
}

@media(max-width: 750px) {
    .blog-header {
        position:relative;
        top: 0 !important
    }
}

.admin-bar .blog-header {
    top: 32px
}

@media(max-width: 782px) {
    .admin-bar .blog-header {
        top:46px
    }
}

.on-demand-cta .on-demand-cta-text {
    padding-bottom: 8px
}

.heading-link {
    color: var(--color-scale-gray-4);
    font-size: inherit;
    opacity: 0;
    text-decoration: none;
    transition: color .16s linear
}

.heading-link:hover,.heading-link:focus {
    opacity: 1;
    color: var(--color-scale-blue-5);
    text-decoration: none
}

.heading-link::after {
    content: "#"
}

.post__content h1:hover .heading-link,.post__content h1:focus .heading-link,.post__content h2:hover .heading-link,.post__content h2:focus .heading-link,.post__content h3:hover .heading-link,.post__content h3:focus .heading-link,.post__content h4:hover .heading-link,.post__content h4:focus .heading-link,.post__content h5:hover .heading-link,.post__content h5:focus .heading-link,.post__content h6:hover .heading-link,.post__content h6:focus .heading-link {
    opacity: 1
}

.table-of-contents ul {
    list-style: none;
    padding-left: 0
}

.table-of-contents li {
    padding-bottom: 24px;
    padding-left: 0;
    z-index: 1
}

.table-of-contents li:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
}

.table-of-contents>ul>li {
    padding-left: 30px;
    position: relative
}

.table-of-contents>ul>li::before {
    content: "";
    position: absolute;
    top: 16px;
    height: 100%;
    left: 7px;
    border-left: 2px solid var(--color-border-muted)
}

.table-of-contents>ul>li:last-child::before {
    display: none
}

.table-of-contents>ul ul {
    margin-top: 16px
}

.table-of-contents>ul ul li {
    margin-bottom: 16px;
    padding-bottom: 0
}

.table-of-contents-bullet {
    top: 5px;
    background: var(--color-canvas-default)
}

.aside-heading {
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 30px !important;
    padding-bottom: 6px;
    margin-bottom: 26px;
    border-bottom: 2px solid var(--color-border-muted)
}

.gh-changelog-archive-hero {
    min-height: 512px;
    padding-top: 56px;
    padding-bottom: 64px
}

@media(min-width: 768px) {
    .gh-changelog-archive-hero {
        min-height:356px;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

.changelog-terminal {
    max-width: 492px;
    width: 100%;
    height: 200px
}

@media(min-width: 768px) {
    .changelog-terminal {
        height:265px
    }
}

.gh-terminal-handlebar {
    height: 16px;
    background-color: var(--color-scale-gray-6)
}

.gh-terminal-handlebar-buttons {
    padding-top: 5px;
    padding-left: 11px;
    display: block
}

.gh-terminal-handlebar-buttons::before,.gh-terminal-handlebar-buttons::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background-color: var(--color-scale-gray-3);
    margin-right: 4px
}

.changelog-line::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 32px;
    left: 37px;
    border-left: 2px solid var(--color-border-muted)
}

@media(min-width: 768px) {
    .changelog-line::before {
        top:48px
    }
}

.changelog-line:last-child::before {
    display: none
}

.changelog-line:last-child .changelog-single-details {
    position: relative
}

@media(min-width: 768px) {
    .changelog-line:last-child .changelog-single-details::before {
        content:"";
        position: absolute;
        height: 64px;
        top: -64px;
        left: 13px;
        border-left: 2px solid var(--color-border-muted)
    }
}

.changelog-single-details {
    padding-left: 48px
}

@media(min-width: 768px) {
    .changelog-single-details {
        padding-left:52px
    }
}

.changelog-single-content-wrap {
    margin-left: 48px
}

@media(min-width: 768px) {
    .changelog-single-content-wrap {
        margin-left:0
    }
}

.changelog-single-content:not(.show-all)>* {
    display: none
}

.changelog-single-content:not(.show-all)>*:first-child {
    display: block;
    margin-top: 0 !important
}

@media(max-width: 767px) {
    .changelog-single-content:not(.show-all)>*:first-child {
        margin-bottom:0 !important
    }
}

.changelog-single-content:not(.show-all)>*:last-child {
    margin-bottom: 0 !important
}

@media(min-width: 768px) {
    .changelog-single-content:not(.show-all)>*:nth-child(-n+4):not(h1):not(h2):not(h3):not(h4) {
        display:block
    }

    .changelog-single-content:not(.show-all)>*:nth-child(4) {
        margin-bottom: 0 !important
    }
}

.pill-label {
    padding: 5px 11px;
    padding-bottom: 7px;
    border-radius: 16px;
    display: inline-block;
    position: relative
}

.pill-label::before,.pill-label::after {
    content: "";
    position: absolute;
    z-index: -1
}

.pill-label::before {
    background: -webkit-linear-gradient(-70deg, #8250df 0%, #d42a32 100%);
    border-radius: 16px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 16px
}

.pill-label::after {
    background: var(--color-canvas-default);
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 1px;
    left: 1px;
    border-radius: 15px
}

.gh-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-color: rgba(0,0,0,0);
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    color: var(--color-fg-default) !important;
    border: solid 1px var(--color-border-subtle);
    height: 38px;
    border-radius: 19px;
    padding-left: 16px;
    padding-right: 32px;
    font-weight: 450;
    text-transform: capitalize;
    margin: 0 1px;
    cursor: pointer
}

.gh-select:focus,.gh-select[aria-expanded=true] {
    margin: 0;
    border: solid 2px var(--color-fg-default)
}

.gh-select .octicon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate3d(0, -50%, 0);
    pointer-events: none
}

.gh-select[aria-expanded=true] .octicon {
    transform: translate3d(0, -50%, 0) rotate(180deg)
}

.gh-select-fallback {
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    height: 38px;
    width: 100%;
    text-transform: capitalize;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer
}

.changelog-post-header {
    padding-top: 56px;
    padding-bottom: 40px
}

@media(min-width: 1012px) {
    .changelog-post-header {
        padding-top:100px;
        padding-bottom: 100px
    }
}

.changelog-widget-line {
    width: 4px;
    height: calc(100% - 24px);
    background: linear-gradient(180deg, #EA6CB6 2.2%, #7A87FF 96.97%)
}

@media(min-width: 768px) {
    .changelog-widget-line {
        height:4px;
        width: 100%;
        background: linear-gradient(90deg, #EA6CB6 2.2%, #7A87FF 96.97%)
    }
}

.changelog-dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    top: 8px;
    left: -4px;
    border-style: solid;
    border-width: 2px;
    border-color: #ea6cb6
}

@media(min-width: 768px) {
    .changelog-dot {
        top:0;
        left: 0
    }
}

.changelog-latest-last-item .changelog-dot {
    left: 12px;
    top: 4px;
    border-color: #7a87ff
}

@media(min-width: 768px) {
    .changelog-latest-last-item {
        width:0
    }

    .changelog-latest-last-item .changelog-dot {
        top: 0;
        left: -36px
    }
}

.changelog-dot-1 {
    border-color: #cb74cb
}

.changelog-dot-2 {
    border-color: #ae7cdf
}

.changelog-dot-3 {
    border-color: #8f83f3
}

.text-capitalize {
    text-transform: capitalize
}

.changelog-category-dropdown-content {
    overflow-x: hidden;
    overflow-y: scroll;
    max-width: 100%;
    min-width: 220px;
    max-height: 260px
}

@media(min-width: 768px) {
    .changelog-category-dropdown-content {
        max-height:360px
    }
}



.styled-scrollbar::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 1px
}

.styled-scrollbar::-webkit-scrollbar-thumb {
    background: #b7bfc7;
    border-radius: 1px
}

.styled-scrollbar::-webkit-scrollbar-track {
    background: #eaeef2;
    border-radius: 1px
}

.image-frame {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 40px;
    padding-right: 40px
}

@media(min-width: 768px) {
    .image-frame {
        padding-top:48px;
        padding-bottom: 48px;
        padding-left: 64px;
        padding-right: 64px
    }
}

.image-frame img {
    display: block;
    max-width: 100%
}

.image-frame .has-image {
    margin: 0 !important
}

.image-frame p:empty {
    display: none !important
}

.image-frame-top-left {
    padding-bottom: 0;
    padding-right: 0;
    justify-content: flex-end !important
}

@media(min-width: 768px) {
    .image-frame-top-left {
        padding-bottom:0;
        padding-right: 0
    }
}

.image-frame-top-left img {
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.image-frame-bottom-left {
    padding-top: 0;
    padding-right: 0;
    justify-content: flex-end !important
}

@media(min-width: 768px) {
    .image-frame-bottom-left {
        padding-top:0;
        padding-right: 0
    }
}

.image-frame-bottom-left img {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.image-frame-top-right {
    padding-bottom: 0;
    padding-left: 0;
    justify-content: flex-start !important
}

@media(min-width: 768px) {
    .image-frame-top-right {
        padding-bottom:0;
        padding-left: 0
    }
}

.image-frame-top-right img {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.image-frame-bottom-right {
    padding-top: 0;
    padding-left: 0;
    justify-content: flex-start !important
}

@media(min-width: 768px) {
    .image-frame-bottom-right {
        padding-top:0;
        padding-left: 0
    }
}

.image-frame-bottom-right img {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.image-frame-top {
    padding-bottom: 0
}

@media(min-width: 768px) {
    .image-frame-top {
        padding-bottom:0
    }
}

.image-frame-top img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.image-frame-bottom {
    padding-top: 0
}

@media(min-width: 768px) {
    .image-frame-bottom {
        padding-top:0
    }
}

.image-frame-bottom img {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}