html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em calc(var(--su-static32) + var(--su-static8))
}

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

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

a {
    background-color: initial;
    -webkit-text-decoration-skip: objects
}

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: var(--su-static1) dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    display: inline-block;
    vertical-align: initial
}

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-appearance: textfield;
    outline-offset: calc(var(--su-static2)*-1)
}

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

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

fieldset {
    border: 0;
    min-width: 0;
    padding: 0
}

.svg-icon,
.svg-spot {
    vertical-align: bottom
}

.svg-icon:not(.native) *,
.svg-spot:not(.native) * {
    fill: currentColor
}

.has-error,
.has-success,
.has-warning,
.is-disabled,
.is-readonly {
    position: relative
}

.s-activity-indicator {
    --_ai-translucent: var(--translucent-secondary);
    --_ai-bg: var(--theme-secondary-400);
    --_ai-fc: var(--white);
    background-color: var(--_ai-bg);
    border-radius: 1000px;
    box-shadow: 0 0 0 var(--su-static4) var(--_ai-translucent);
    color: var(--_ai-fc);
    display: inline-block;
    font-size: var(--fs-fine);
    font-weight: 700;
    line-height: 1.1;
    min-height: var(--su-static12);
    min-width: var(--su-static12);
    padding: var(--su2) var(--su4);
    text-transform: uppercase
}

body.theme-highcontrast .s-activity-indicator {
    --_ai-bg: var(--theme-secondary-500)
}

.s-activity-indicator.s-activity-indicator__danger {
    --_ai-bg: var(--red-400);
    --_ai-translucent: var(--translucent-error)
}

body.theme-highcontrast .s-activity-indicator.s-activity-indicator__danger {
    --_ai-bg: var(--red-500)
}

.s-activity-indicator.s-activity-indicator__success {
    --_ai-bg: var(--green-400);
    --_ai-translucent: var(--translucent-success)
}

body.theme-highcontrast .s-activity-indicator.s-activity-indicator__success {
    --_ai-bg: var(--green-500)
}

.s-activity-indicator.s-activity-indicator__warning {
    --_ai-bg: var(--yellow-400);
    --_ai-fc: var(--_black-static);
    --_ai-translucent: var(--translucent-warning)
}

body.theme-highcontrast .s-activity-indicator.s-activity-indicator__warning {
    --_ai-bg: var(--yellow-500);
    --_ai-fc: var(--white)
}

.s-anchors.s-anchors__underlined .s-btn.s-btn__link,
.s-anchors.s-anchors__underlined a:not(.s-link) {
    text-decoration: underline
}

.s-anchors.s-anchors__danger,
.s-anchors.s-anchors__grayscale,
.s-anchors.s-anchors__inherit,
.s-anchors.s-anchors__muted {
    --_an-a-fc-hover-visited: var(--_an-a-fc-hover)
}

.s-anchors.s-anchors__danger {
    --_an-a-fc: var(--red-400);
    --_an-a-fc-hover: var(--red-500);
    --_an-a-fc-visited: var(--red-600)
}

.s-anchors.s-anchors__default {
    --_an-a-fc: var(--theme-link-color, var(--theme-secondary-400));
    --_an-a-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
    --_an-a-fc-visited: var(--theme-link-color-visited, var(--purple-500));
    --_an-a-fc-hover-visited: var(--theme-link-color-hover, var(--purple-600))
}

.s-anchors.s-anchors__grayscale {
    --_an-a-fc: var(--black-500);
    --_an-a-fc-hover: var(--black-600);
    --_an-a-fc-visited: var(--black-400)
}

.s-anchors.s-anchors__inherit {
    --_an-a-fc: inherit;
    --_an-a-fc-hover: inherit;
    --_an-a-fc-visited: inherit
}

.s-anchors.s-anchors__muted {
    --_an-a-fc: var(--black-400);
    --_an-a-fc-hover: var(--black-500);
    --_an-a-fc-visited: var(--black-600)
}

.s-anchors.s-anchors__danger .s-btn.s-btn__link,
.s-anchors.s-anchors__danger a:not(.s-link),
.s-anchors.s-anchors__default .s-btn.s-btn__link,
.s-anchors.s-anchors__default a:not(.s-link),
.s-anchors.s-anchors__grayscale .s-btn.s-btn__link,
.s-anchors.s-anchors__grayscale a:not(.s-link),
.s-anchors.s-anchors__inherit .s-btn.s-btn__link,
.s-anchors.s-anchors__inherit a:not(.s-link),
.s-anchors.s-anchors__muted .s-btn.s-btn__link,
.s-anchors.s-anchors__muted a:not(.s-link) {
    color: var(--_an-a-fc, inherit)
}

.s-anchors.s-anchors__danger .s-btn.s-btn__link:active,
.s-anchors.s-anchors__danger .s-btn.s-btn__link:hover,
.s-anchors.s-anchors__danger a:not(.s-link):active,
.s-anchors.s-anchors__danger a:not(.s-link):hover,
.s-anchors.s-anchors__default .s-btn.s-btn__link:active,
.s-anchors.s-anchors__default .s-btn.s-btn__link:hover,
.s-anchors.s-anchors__default a:not(.s-link):active,
.s-anchors.s-anchors__default a:not(.s-link):hover,
.s-anchors.s-anchors__grayscale .s-btn.s-btn__link:active,
.s-anchors.s-anchors__grayscale .s-btn.s-btn__link:hover,
.s-anchors.s-anchors__grayscale a:not(.s-link):active,
.s-anchors.s-anchors__grayscale a:not(.s-link):hover,
.s-anchors.s-anchors__inherit .s-btn.s-btn__link:active,
.s-anchors.s-anchors__inherit .s-btn.s-btn__link:hover,
.s-anchors.s-anchors__inherit a:not(.s-link):active,
.s-anchors.s-anchors__inherit a:not(.s-link):hover,
.s-anchors.s-anchors__muted .s-btn.s-btn__link:active,
.s-anchors.s-anchors__muted .s-btn.s-btn__link:hover,
.s-anchors.s-anchors__muted a:not(.s-link):active,
.s-anchors.s-anchors__muted a:not(.s-link):hover {
    color: var(--_an-a-fc-hover)
}

.s-anchors.s-anchors__danger a:not(.s-link):visited,
.s-anchors.s-anchors__default a:not(.s-link):visited,
.s-anchors.s-anchors__grayscale a:not(.s-link):visited,
.s-anchors.s-anchors__inherit a:not(.s-link):visited,
.s-anchors.s-anchors__muted a:not(.s-link):visited {
    color: var(--_an-a-fc-visited, inherit)
}

.s-anchors.s-anchors__danger a:not(.s-link):visited:hover,
.s-anchors.s-anchors__default a:not(.s-link):visited:hover,
.s-anchors.s-anchors__grayscale a:not(.s-link):visited:hover,
.s-anchors.s-anchors__inherit a:not(.s-link):visited:hover,
.s-anchors.s-anchors__muted a:not(.s-link):visited:hover {
    color: var(--_an-a-fc-hover-visited, inherit)
}

.s-avatar {
    --_av-size: var(--su-static16);
    --_av-bg: var(--_white-static);
    --_av-br: var(--br-sm);
    --_av-fs-letter: calc(var(--su-static12) - var(--su-static1));
    --_av-scale-badge: 1;
    background-color: var(--_av-bg);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: var(--_av-br);
    display: inline-block;
    height: var(--_av-size);
    position: relative;
    vertical-align: bottom;
    width: var(--_av-size)
}

body.theme-highcontrast .s-avatar {
    background-color: var(--black);
    box-shadow: 0 0 0 var(--su-static1) var(--black);
    color: var(--white)
}

body.theme-highcontrast .s-avatar .s-avatar--letter {
    color: var(--white)
}

.s-avatar.s-avatar__32,
.s-avatar.s-avatar__48 {
    --_av-br: var(--br-md)
}

.s-avatar.s-avatar__128,
.s-avatar.s-avatar__96 {
    --_av-br: calc(var(--br-lg) + var(--br-sm));
    --_av-scale-badge: 3
}

.s-avatar.s-avatar__24 {
    --_av-size: var(--su-static24);
    --_av-fs-letter: var(--su-static16);
    --_av-scale-badge: 1.1
}

.s-avatar.s-avatar__32 {
    --_av-size: var(--su-static32);
    --_av-fs-letter: calc(var(--su-static24) - var(--su-static2));
    --_av-scale-badge: 1.3
}

.s-avatar.s-avatar__48 {
    --_av-size: var(--su-static48);
    --_av-fs-letter: calc(var(--su-static32) + var(--su-static2));
    --_av-scale-badge: 1.6
}

.s-avatar.s-avatar__64 {
    --_av-size: var(--su-static64);
    --_av-br: var(--br-lg);
    --_av-fs-letter: calc(var(--su-static48) - var(--su-static4));
    --_av-scale-badge: 2.4
}

.s-avatar.s-avatar__96 {
    --_av-size: var(--su-static96);
    --_av-fs-letter: calc(var(--su-static64) + var(--su-static2))
}

.s-avatar.s-avatar__128 {
    --_av-size: var(--su-static128);
    --_av-fs-letter: calc(var(--su-static96) - var(--su-static8))
}

.s-avatar .s-avatar--badge {
    bottom: calc(var(--su-static4)*-1);
    position: absolute;
    right: calc(var(--su-static4)*-1);
    -webkit-transform: scale(var(--_av-scale-badge));
    transform: scale(var(--_av-scale-badge))
}

.s-avatar .s-avatar--image {
    border-radius: var(--_av-br);
    display: block;
    height: var(--_av-size);
    width: var(--_av-size)
}

.s-avatar .s-avatar--letter {
    color: var(--_white-static);
    display: block;
    font-size: var(--_av-fs-letter);
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.s-award-bling {
    --_ab-before-bg: unset;
    align-items: center;
    color: inherit;
    display: flex
}

.s-award-bling.s-award-bling__gold {
    --_ab-before-bg: var(--gold-300)
}

.s-award-bling.s-award-bling__silver {
    --_ab-before-bg: var(--silver-300)
}

.s-award-bling.s-award-bling__bronze {
    --_ab-before-bg: var(--bronze-300)
}

.s-award-bling:before {
    background-color: var(--_ab-before-bg);
    border-radius: 100%;
    content: "";
    height: var(--su8);
    margin-right: var(--su4);
    width: var(--su8)
}

.s-badge {
    --_ba-as: unset;
    --_ba-bc: var(--bc-medium);
    --_ba-bg: var(--black-150);
    --_ba-fc: var(--black-500);
    --_ba-fs: var(--fs-caption);
    --_ba-fw: normal;
    --_ba-g: 0.3em;
    --_ba-lh: 2;
    --_ba-px: var(--su6);
    --_ba-py: 0;
    --_ba-tt: unset;
    --_ba-wmn: 0;
    align-items: center;
    align-self: var(--_ba-as);
    background-color: var(--_ba-bg);
    border: var(--su-static1) solid var(--_ba-bc);
    border-radius: var(--br-sm);
    color: var(--_ba-fc);
    display: inline-flex;
    font-size: var(--_ba-fs);
    font-weight: var(--_ba-fw);
    gap: var(--_ba-g);
    justify-content: center;
    line-height: var(--_ba-lh);
    min-width: var(--_ba-wmn);
    padding: var(--_ba-py) var(--_ba-px);
    text-decoration: none;
    text-transform: var(--_ba-tt);
    vertical-align: middle;
    white-space: nowrap
}

body.theme-highcontrast .s-badge__admin,
body.theme-highcontrast .s-badge__bronze,
body.theme-highcontrast .s-badge__gold,
body.theme-highcontrast .s-badge__moderator,
body.theme-highcontrast .s-badge__rep,
body.theme-highcontrast .s-badge__rep-down,
body.theme-highcontrast .s-badge__silver,
body.theme-highcontrast .s-badge__staff,
body.theme-highcontrast .s-badge__votes:not(.s-badge__answered) {
    --_ba-bc: currentColor
}

body.theme-highcontrast .s-badge__new {
    --_ba-fc: var(--purple-600)
}

.s-badge.s-badge__sm,
.s-badge.s-badge__xs {
    --_ba-as: flex-start;
    --_ba-fs: var(--fs-fine)
}

.s-badge.s-badge__xs {
    --_ba-lh: 1.5;
    --_ba-px: var(--su2);
    --_ba-wmn: calc(var(--su-static16) + var(--su-static2))
}

.s-badge.s-badge__sm {
    --_ba-lh: 1.8;
    --_ba-px: var(--su4);
    --_ba-wmn: calc(var(--su-static16) + var(--su-static2))
}

.s-badge.s-badge__bronze,
.s-badge.s-badge__gold,
.s-badge.s-badge__silver {
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__gold {
    --_ba-bc: var(--gold-300);
    --_ba-bg: var(--gold-100)
}

.s-badge.s-badge__silver {
    --_ba-bc: var(--silver-300);
    --_ba-bg: var(--silver-100)
}

.s-badge.s-badge__bronze {
    --_ba-bc: var(--bronze-300);
    --_ba-bg: var(--bronze-100)
}

.s-badge.s-badge__answered,
.s-badge.s-badge__bounty,
.s-badge.s-badge__important {
    --_ba-bc: #0000;
    --_ba-fc: var(--white)
}

.s-badge.s-badge__rep,
.s-badge.s-badge__rep-down,
.s-badge.s-badge__votes:not(.s-badge__answered) {
    --_ba-bg: var(--white)
}

.s-badge.s-badge__answered {
    --_ba-bg: var(--green-400)
}

.s-badge.s-badge__bounty {
    --_ba-bg: var(--blue-400)
}

.s-badge.s-badge__important {
    --_ba-bg: var(--red-400)
}

.s-badge.s-badge__rep {
    --_ba-bc: var(--green-300);
    --_ba-fc: var(--green-400)
}

.s-badge.s-badge__rep-down {
    --_ba-bc: var(--red-300);
    --_ba-fc: var(--red-400)
}

.s-badge.s-badge__votes:not(.s-badge__answered) {
    --_ba-bc: var(--black-250);
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__admin {
    --_ba-bc: var(--theme-primary-200);
    --_ba-bg: var(--theme-primary-100);
    --_ba-fc: var(--theme-primary-500)
}

.s-badge.s-badge__moderator {
    --_ba-bc: var(--theme-secondary-300);
    --_ba-bg: var(--theme-secondary-200);
    --_ba-fc: var(--theme-secondary-600);
    --_ba-g: calc(var(--su-static4) - var(--su-static1));
    --_ba-before-h: calc(var(--su-static16) - var(--su-static2));
    --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='12' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.528.746c.257-.329.675-.327.93 0l4.42 5.66c.258.329.257.864 0 1.192l-4.42 5.66c-.256.328-.674.327-.93 0l-4.42-5.66c-.257-.329-.256-.865 0-1.192l4.42-5.66z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: calc(var(--su-static1)*-1);
    --_ba-before-w: var(--su-static12)
}

.s-badge.s-badge__moderator.s-badge__xs {
    --_ba-before-h: calc(var(--su-static8) + var(--su-static1));
    --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='7' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 .246c.3-.329.701-.327 1 0L6.776 4c.3.329.298.672 0 1L4 8.75c-.299.329-.702.327-1 0L.224 5c-.284-.324-.285-.675 0-1L3 .246z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: 0;
    --_ba-before-w: calc(var(--su-static8) - var(--su-static1))
}

.s-badge.s-badge__moderator.s-badge__sm {
    --_ba-g: var(--su-static2);
    --_ba-before-h: calc(var(--su-static12) - var(--su-static1));
    --_ba-before-icon: url("data:image/svg+xml;,%3Csvg width='9' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.55.246c.257-.329.647-.327.903 0l3.36 4.66c.256.329.256.864 0 1.192L4.45 10.75c-.257.329-.644.327-.9 0L.192 6.098c-.256-.329-.256-.865 0-1.192L3.55.246z' fill='%23fff'/%3E%3C/svg%3E");
    --_ba-before-mt: 0;
    --_ba-before-w: calc(var(--su-static8) + var(--su-static1))
}

.s-badge.s-badge__moderator:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: var(--_ba-before-h);
    margin-top: var(--_ba-before-mt);
    -webkit-mask: var(--_ba-before-icon) no-repeat center;
    mask: var(--_ba-before-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: var(--_ba-before-w)
}

.s-badge.s-badge__staff {
    --_ba-bc: var(--orange-300);
    --_ba-bg: var(--orange-200);
    --_ba-fc: var(--orange-600)
}

.s-badge.s-badge__ai {
    --_ba-bc: var(--_ba-fc);
    --_ba-bg: var(--black-050);
    --_ba-fc: var(--orange-500);
    --_ba-tt: uppercase
}

.s-badge.s-badge__bot {
    --_ba-bc: var(--black-300)
}

.s-badge.s-badge__danger.s-badge__filled,
.s-badge.s-badge__muted.s-badge__filled {
    --_ba-bc: #0000
}

.s-badge.s-badge__danger {
    --_ba-bc: var(--red-300);
    --_ba-bg: var(--red-200);
    --_ba-fc: var(--red-600)
}

.s-badge.s-badge__danger.s-badge__filled {
    --_ba-bg: var(--red-400);
    --_ba-fc: var(--white)
}

.s-badge.s-badge__info {
    --_ba-bc: var(--blue-300);
    --_ba-bg: var(--blue-200);
    --_ba-fc: var(--blue-600)
}

.s-badge.s-badge__warning {
    --_ba-bc: var(--yellow-300);
    --_ba-bg: var(--yellow-200);
    --_ba-fc: var(--yellow-600)
}

.s-badge.s-badge__muted {
    --_ba-bc: var(--black-300);
    --_ba-bg: var(--black-200);
    --_ba-fc: var(--black-500)
}

.s-badge.s-badge__muted.s-badge__filled {
    --_ba-bg: var(--black-500);
    --_ba-fc: var(--white)
}

.s-badge.s-badge__new {
    --_ba-bc: var(--_ba-bg);
    --_ba-bg: var(--purple-100);
    --_ba-fc: var(--purple-400);
    --_ba-fw: bold;
    --_ba-tt: uppercase
}

.s-badge .s-badge--image,
.s-badge--image {
    align-self: center;
    display: inline-flex;
    margin-left: calc((var(--su4) + var(--su1))*-1);
    margin-right: var(--su1)
}

a.s-badge:hover {
    text-decoration: none
}

.s-banner {
    --_no-ty-offset: 0;
    --_no-ty: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
    --_no-bc: var(--black-225);
    --_no-bg: var(--black-100);
    --_no-fc: var(--black-500);
    --_no-btn-bg-active: var(--black-250);
    --_no-btn-bg-focus: var(--black-225);
    --_no-btn-fc: var(--_no-fc);
    --_no-code-bc: var(--black-300);
    --_no-code-bg: var(--black-200);
    --_no-code-fc: var(--_no-fc);
    background: var(--_no-bg);
    border-color: var(--_no-bc);
    border-style: solid;
    border-width: 0 0 var(--su-static1);
    color: var(--_no-fc);
    font-size: var(--fs-body1);
    inset: 0 0 auto 0;
    padding: var(--su12);
    position: fixed;
    transform: translate3d(0, calc(var(--_no-ty)*var(--_no-ty-offset)), 0);
    width: 100%;
    z-index: calc(var(--zi-navigation-fixed) - 1)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-banner {
        --_no-bc: var(--_no-bg)
    }
}

.theme-dark__forced .s-banner,
body.theme-dark .s-banner,
body.theme-system .theme-dark__forced .s-banner {
    --_no-bc: var(--_no-bg)
}

body.theme-highcontrast .s-banner,
body.theme-highcontrast .s-banner.s-banner__danger,
body.theme-highcontrast .s-banner.s-banner__info,
body.theme-highcontrast .s-banner.s-banner__success,
body.theme-highcontrast .s-banner.s-banner__warning {
    --_no-code-bc: var(--black-400);
    --_no-code-bg: var(--white);
    --_no-code-fc: var(--black)
}

body.theme-highcontrast .s-banner.s-banner__danger.s-banner__important,
body.theme-highcontrast .s-banner.s-banner__important,
body.theme-highcontrast .s-banner.s-banner__info.s-banner__important,
body.theme-highcontrast .s-banner.s-banner__success.s-banner__important,
body.theme-highcontrast .s-banner.s-banner__warning.s-banner__important {
    --_no-code-bc: var(--black-200);
    --_no-code-bg: var(--black);
    --_no-code-fc: var(--white)
}

.s-banner__important:not(.s-banner__danger):not(.s-banner__info):not(.s-banner__success):not(.s-banner__warning) {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--black-500);
    --_no-fc: var(--white);
    --_no-btn-bg-focus: var(--black-600);
    --_no-btn-bg-active: var(--black-600);
    --_no-btn-fc: var(--_no-fc);
    --_no-code-bc: var(--black-300);
    --_no-code-bg: var(--black-600)
}

.s-banner__danger:not(.s-banner__important) {
    --_no-bc: var(--red-300);
    --_no-bg: var(--red-100);
    --_no-btn-bg-active: var(--red-200);
    --_no-btn-bg-focus: var(--red-200);
    --_no-btn-fc: var(--red-500);
    --_no-code-bc: var(--red-300);
    --_no-code-bg: var(--red-200)
}

.s-banner__danger.s-banner__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--red-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--red-500);
    --_no-btn-bg-focus: var(--red-500);
    --_no-btn-fc: var(--red-100);
    --_no-code-bc: var(--red-300);
    --_no-code-bg: var(--red-500)
}

body.theme-highcontrast .s-banner__danger.s-banner__important {
    --_no-bg: var(--red-500)
}

.s-banner__info:not(.s-banner__important) {
    --_no-bc: var(--theme-secondary-300);
    --_no-bg: var(--theme-secondary-100);
    --_no-btn-bg-active: var(--theme-secondary-200);
    --_no-btn-bg-focus: var(--theme-secondary-200);
    --_no-btn-fc: var(--theme-secondary-500);
    --_no-code-bc: var(--theme-secondary-300);
    --_no-code-bg: var(--theme-secondary-200)
}

.s-banner__info.s-banner__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--theme-secondary-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--theme-secondary-500);
    --_no-btn-bg-focus: var(--theme-secondary-500);
    --_no-btn-fc: var(--theme-secondary-100);
    --_no-code-bc: var(--theme-secondary-300);
    --_no-code-bg: var(--theme-secondary-500)
}

body.theme-highcontrast .s-banner__info.s-banner__important {
    --_no-bg: var(--theme-secondary-500)
}

.s-banner__success:not(.s-banner__important) {
    --_no-bc: var(--green-300);
    --_no-bg: var(--green-100);
    --_no-btn-bg-active: var(--green-200);
    --_no-btn-bg-focus: var(--green-200);
    --_no-btn-fc: var(--green-500);
    --_no-code-bc: var(--green-300);
    --_no-code-bg: var(--green-200)
}

.s-banner__success.s-banner__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--green-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--green-500);
    --_no-btn-bg-focus: var(--green-500);
    --_no-btn-fc: var(--green-100);
    --_no-code-bc: var(--green-300);
    --_no-code-bg: var(--green-500)
}

body.theme-highcontrast .s-banner__success.s-banner__important {
    --_no-bg: var(--green-500)
}

.s-banner__warning:not(.s-banner__important) {
    --_no-bc: var(--yellow-300);
    --_no-bg: var(--yellow-100);
    --_no-btn-bg-active: var(--yellow-200);
    --_no-btn-bg-focus: var(--yellow-200);
    --_no-btn-fc: var(--yellow-500);
    --_no-code-bc: var(--yellow-300);
    --_no-code-bg: var(--yellow-200);
    --_no-btn-fc: var(--yellow-600)
}

.s-banner__warning.s-banner__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--yellow-400);
    --_no-fc: var(--black);
    --_no-btn-fc: var(--_no-fc);
    --_no-btn-bg-active: var(--yellow-300);
    --_no-btn-bg-focus: var(--yellow-300);
    --_no-code-bc: var(--yellow-500);
    --_no-code-bg: var(--yellow-300)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-banner__warning.s-banner__important {
        --_no-fc: var(--white);
        --_no-code-bc: var(--yellow-300);
        --_no-code-bg: var(--yellow-500)
    }
}

.theme-dark__forced .s-banner__warning.s-banner__important,
body.theme-dark .s-banner__warning.s-banner__important,
body.theme-system .theme-dark__forced .s-banner__warning.s-banner__important {
    --_no-fc: var(--white);
    --_no-code-bc: var(--yellow-300);
    --_no-code-bg: var(--yellow-500)
}

body.theme-highcontrast .s-banner__warning.s-banner__important {
    --_no-bg: var(--yellow-500);
    --_no-fc: var(--white);
    --_no-btn-bg-active: #0000;
    --_no-btn-bg-focus: #0000
}

.s-banner code {
    background-color: var(--_no-code-bg);
    border-radius: var(--br-sm);
    color: var(--_no-code-fc);
    outline: var(--su-static1) solid var(--_no-code-bc);
    padding-left: var(--su2);
    padding-right: var(--su2)
}

.s-banner .s-banner--btn {
    color: var(--_no-btn-fc, inherit) !important;
    padding: var(--su8)
}

.s-banner .s-banner--btn:active {
    background-color: var(--_no-btn-bg-active, inherit) !important
}

.s-banner .s-banner--btn.focus-inset-bordered,
.s-banner .s-banner--btn:focus-visible,
.s-banner .s-banner--btn:hover {
    background-color: var(--_no-btn-bg-focus, inherit) !important
}

.s-banner[aria-hidden=true] {
    --_no-ty-offset: -1;
    opacity: 0;
    visibility: hidden
}

.s-banner[aria-hidden=false] {
    --_no-ty-offset: 1;
    opacity: 1;
    visibility: visible
}

.s-banner[aria-hidden=false].is-pinned {
    --_no-ty-offset: 0;
    z-index: calc(var(--zi-navigation-fixed) + 1)
}

.s-banner__body-pt {
    padding-top: 93px
}

.s-banner .s-banner--container {
    margin: 0 auto;
    max-width: calc(var(--s-step)*10);
    position: relative;
    width: 100%
}

.s-block-link,
a.s-block-link {
    --_bl-bs-color: var(--theme-primary);
    --_bl-bg: #0000;
    --_bl-fc: var(--black-500);
    --_bl-fc-hover: var(--black-600);
    --_bl-fc-visited: var(--_bl-fc);
    background-color: var(--_bl-bg);
    border: none;
    border-radius: 0;
    color: var(--_bl-fc);
    cursor: pointer;
    display: block;
    font-family: inherit;
    line-height: inherit;
    padding: var(--su6) var(--su12);
    text-align: left;
    width: 100%
}

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

    body.theme-system .s-block-link.is-selected,
    body.theme-system a.s-block-link.is-selected {
        --_bl-bg: var(--black-100)
    }
}

.theme-dark__forced .s-block-link.is-selected,
.theme-dark__forced a.s-block-link.is-selected,
body.theme-dark .s-block-link.is-selected,
body.theme-dark a.s-block-link.is-selected,
body.theme-system .theme-dark__forced .s-block-link.is-selected,
body.theme-system .theme-dark__forced a.s-block-link.is-selected {
    --_bl-bg: var(--black-100)
}

.s-block-link.is-selected,
a.s-block-link.is-selected {
    --_bl-bg: var(--black-150);
    --_bl-fc: var(--black-600);
    font-weight: 700
}

.s-block-link.s-block-link__left.is-selected:not(:focus-visible):not(.focus-inset),
.s-block-link.s-block-link__right.is-selected:not(:focus-visible):not(.focus-inset),
.s-block-linka.s-block-link__left.is-selected:not(:focus-visible):not(.focus-inset),
.s-block-linka.s-block-link__right.is-selected:not(:focus-visible):not(.focus-inset),
a.s-block-link.s-block-link__left.is-selected:not(:focus-visible):not(.focus-inset),
a.s-block-link.s-block-link__right.is-selected:not(:focus-visible):not(.focus-inset),
a.s-block-linka.s-block-link__left.is-selected:not(:focus-visible):not(.focus-inset),
a.s-block-linka.s-block-link__right.is-selected:not(:focus-visible):not(.focus-inset) {
    box-shadow: inset var(--_li-block-bs-offset-x, 3px) 0 0 var(--_bl-bs-color)
}

.s-block-link.s-block-link__right.is-selected,
.s-block-linka.s-block-link__right.is-selected,
a.s-block-link.s-block-link__right.is-selected,
a.s-block-linka.s-block-link__right.is-selected {
    --_li-block-bs-offset-x: calc(var(--su-static1) - var(--su-static4))
}

.s-block-link.s-block-link__danger,
.s-block-linka.s-block-link__danger,
a.s-block-link.s-block-link__danger,
a.s-block-linka.s-block-link__danger {
    --_bl-fc: var(--red-400);
    --_bl-fc-hover: var(--red-500);
    --_bl-fc-visited: var(--red-500)
}

.s-block-link:active,
.s-block-link:active:visited,
.s-block-link:hover,
.s-block-link:hover:visited,
a.s-block-link:active,
a.s-block-link:active:visited,
a.s-block-link:hover,
a.s-block-link:hover:visited {
    color: var(--_bl-fc-hover)
}

.s-block-link:visited,
a.s-block-link:visited {
    color: var(--_bl-fc-visited)
}

.s-block-link:focus-visible,
a.s-block-link:focus-visible {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-block-link.focus-inset,
.s-block-link:focus-visible,
a.s-block-link.focus-inset,
a.s-block-link:focus-visible {
    border-radius: var(--br-sm)
}

.s-breadcrumbs {
    --_br-divider-px: var(--su4);
    --_br-link-fc: var(--fc-light);
    align-items: flex-start;
    color: var(--black-300);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--fs-caption)
}

@media (max-width:640px) {
    .s-breadcrumbs {
        --_br-divider-px: var(--su2)
    }
}

.s-breadcrumbs .s-breadcrumbs--divider {
    margin-left: var(--_br-divider-px);
    margin-right: var(--_br-divider-px)
}

body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
    color: var(--fc-light)
}

.s-breadcrumbs .s-breadcrumbs--item {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: var(--su2);
    margin-top: var(--su2)
}

.s-breadcrumbs .s-breadcrumbs--link {
    color: var(--_br-link-fc)
}

.s-breadcrumbs .s-breadcrumbs--link:hover {
    --_br-link-fc: var(--fc-medium)
}

.s-btn {
    --_bu-baw: var(--su-static1);
    --_bu-bc: #0000;
    --_bu-br: var(--br-md);
    --_bu-fc: var(--theme-button-color, var(--theme-secondary-400));
    --_bu-fs: var(--fs-body1);
    --_bu-p: 0.8em;
    --_bu-bc-active: var(--_bu-bc);
    --_bu-bg-active: var(--theme-button-active-background-color, var(--theme-secondary-300));
    --_bu-fc-active: var(--theme-button-hover-color, var(--theme-secondary-500));
    --_bu-bc-hover: var(--_bu-bc);
    --_bu-bg-hover: var(--theme-button-hover-background-color, var(--theme-secondary-200));
    --_bu-fc-hover: var(--theme-button-hover-color, var(--theme-secondary-500));
    --_bu-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
    --_bu-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
    --_bu-filled-bc: #0000;
    --_bu-filled-bg: var(--theme-button-primary-background-color, var(--theme-secondary-400));
    --_bu-filled-fc: var(--theme-button-primary-color, var(--white));
    --_bu-filled-bc-selected: #0000;
    --_bu-filled-bg-selected: var(--theme-button-primary-selected-background-color, var(--theme-secondary-500));
    --_bu-filled-fc-selected: var(--theme-button-primary-selected-color, var(--white));
    --_bu-filled-bc-active: var(--_bu-filled-bc);
    --_bu-filled-bg-active: var(--theme-button-primary-active-background-color, var(--theme-secondary-600));
    --_bu-filled-fc-active: var(--theme-button-primary-hover-color, var(--white));
    --_bu-filled-bc-hover: var(--_bu-filled-bc);
    --_bu-filled-bg-hover: var(--theme-button-primary-hover-background-color, var(--theme-secondary-500));
    --_bu-filled-fc-hover: var(--theme-button-primary-hover-color, var(--white));
    --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(--theme-secondary-400));
    --_bu-outlined-bg: var(--theme-button-outlined-background-color);
    --_bg-outlined-fc: var(--theme-button-outlined-color, var(--theme-secondary-400));
    --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(--theme-secondary-400));
    --_bu-outlined-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
    --_bu-outlined-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
    --_bu-badge-o: 0.5;
    --_bu-dropdown-bw: var(--su-static4);
    --_bu-number-fc: var(--white);
    --_bu-number-fc-filled: var(--theme-button-primary-number-color, var(--theme-secondary-600));
    --_bu-number-fc-selected: var(--white);
    background-color: var(--_bu-bg, inherit);
    border: var(--_bu-baw) solid var(--_bu-bc);
    border-radius: var(--_bu-br);
    box-shadow: none;
    color: var(--_bu-fc);
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: var(--_bu-fs);
    font-weight: 400;
    line-height: var(--lh-sm);
    outline: none;
    padding: var(--_bu-py, var(--_bu-p)) var(--_bu-px, var(--_bu-p));
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none
}

body.theme-highcontrast .s-btn {
    --_bu-bc: currentColor;
    --_bu-outlined-bc: var(--_bu-bc);
    --_bu-fc-selected: var(--white);
    --_bu-outlined-fc-selected: var(--white);
    --_bu-badge-o: 0.8;
    --_bu-number-fc-selected: var(--theme-button-primary-number-color, var(--theme-secondary-600))
}

.s-btn[aria-disabled=true],
.s-btn[disabled],
fieldset[disabled] .s-btn {
    opacity: var(--_o-disabled-static);
    pointer-events: none;
    text-decoration: none
}

button .s-btn,
button[type=reset] .s-btn,
button[type=submit] .s-btn {
    -webkit-appearance: button
}

.s-btn.grid {
    display: flex
}

.s-btn.is-loading {
    padding-left: 2.2em
}

.s-btn.is-loading .svg-icon:first-child {
    margin-left: calc((var(--su-static24) - var(--su-static1))*-1);
    opacity: 0
}

.s-btn--radio:checked+.s-btn,
.s-btn.is-selected {
    background-color: var(--_bu-bg-selected);
    border-color: var(--_bu-bc-selected, #0000);
    color: var(--_bu-fc-selected)
}

.s-btn--radio:checked+.s-btn .s-btn--number,
.s-btn.is-selected .s-btn--number {
    color: var(--_bu-number-fc-selected)
}

.s-btn--radio:checked+.s-btn.s-btn__filled,
.s-btn.is-selected.s-btn__filled {
    background-color: var(--_bu-filled-bg-selected);
    border-color: var(--_bu-filled-bc-selected);
    color: var(--_bu-filled-fc-selected)
}

.s-btn--radio:checked+.s-btn.s-btn__outlined,
.s-btn.is-selected.s-btn__outlined {
    background-color: var(--_bu-outlined-bg-selected);
    border-color: var(--_bu-outlined-bc-selected);
    color: var(--_bu-outlined-fc-selected)
}

body.theme-highcontrast .s-btn--radio:checked+.s-btn.s-btn__outlined.s-btn__muted,
body.theme-highcontrast .s-btn.is-selected.s-btn__outlined.s-btn__muted {
    --_bu-outlined-bc-selected: var(--_bu-filled-bc-selected);
    --_bu-outlined-bg-selected: var(--_bu-filled-bg-selected);
    --_bu-outlined-fc-selected: var(--_bu-filled-fc-selected);
    --_bu-number-fc-selected: var(--_bu-filled-bg-selected)
}

.s-btn.s-btn__filled {
    background-color: var(--_bu-filled-bg);
    border-color: var(--_bu-filled-bc);
    color: var(--_bu-filled-fc)
}

.s-btn.s-btn__filled .s-btn--number {
    color: var(--_bu-number-fc-filled)
}

.s-btn.s-btn__outlined {
    background-color: var(--_bu-outlined-bg, inherit);
    border-color: var(--_bu-outlined-bc)
}

.s-btn.s-btn__link,
.s-btn.s-btn__unset {
    --_bu-baw: 0;
    --_bu-br: 0;
    --_bu-p: 0
}

.s-btn.s-btn__link:focus,
.s-btn.s-btn__link:focus-visible,
.s-btn.s-btn__unset:focus,
.s-btn.s-btn__unset:focus-visible {
    outline-style: auto
}

.s-btn.s-btn__link {
    --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
    --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
    --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
    color: var(--_li-fc);
    cursor: pointer;
    display: inline;
    font: inherit;
    outline: revert;
    text-align: inherit;
    text-decoration: none;
    user-select: auto
}

.s-btn.s-btn__link,
.s-btn.s-btn__link:active,
.s-btn.s-btn__link:focus,
.s-btn.s-btn__link:hover,
.s-btn.s-btn__link[aria-disabled=true],
.s-btn.s-btn__link[disabled] {
    --_bu-bg: none
}

.s-btn.s-btn__link.s-btn__dropdown {
    padding-right: .9em
}

body.theme-highcontrast .s-btn.s-btn__link {
    text-decoration: underline
}

.s-btn.s-btn__link.s-link__dropdown {
    padding-right: .9em;
    position: relative
}

.s-btn.s-btn__link.s-link__dropdown:after {
    border-left-color: #0000;
    border-left-style: solid;
    border-right-color: #0000;
    border-width: var(--su-static4);
    border-bottom: 0 solid;
    border-right-style: solid;
    border-top: var(--su-static4) solid;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(50% - var(--su-static2));
    z-index: var(--zi-active)
}

.s-btn.s-btn__link.s-link__underlined {
    text-decoration: underline !important
}

.s-btn.s-btn__link.s-link__visited {
    --_li-fc: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover: var(--theme-link-color-hover, var(--purple-600));
    --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600))
}

.s-btn.s-btn__link.s-link__danger,
.s-btn.s-btn__link.s-link__grayscale,
.s-btn.s-btn__link.s-link__inherit,
.s-btn.s-btn__link.s-link__muted {
    --_li-fc-hover-visited: var(--_li-fc-hover)
}

.s-btn.s-btn__link.s-link__danger {
    --_li-fc: var(--red-400);
    --_li-fc-hover: var(--red-500);
    --_li-fc-visited: var(--red-600)
}

.s-btn.s-btn__link.s-link__grayscale {
    --_li-fc: var(--black-500);
    --_li-fc-hover: var(--black-600);
    --_li-fc-visited: var(--black-400)
}

.s-btn.s-btn__link.s-link__inherit {
    --_li-fc: inherit !important;
    --_li-fc-hover: inherit !important;
    --_li-fc-visited: inherit !important
}

.s-btn.s-btn__link.s-link__muted {
    --_li-fc: var(--black-400);
    --_li-fc-hover: var(--black-500);
    --_li-fc-visited: var(--black-600)
}

fieldset[disabled] .s-btn.s-btn__link {
    box-shadow: none !important;
    opacity: var(--_o-disabled-static);
    pointer-events: none
}

.s-btn.s-btn__link:active,
.s-btn.s-btn__link:hover {
    --_li-fc: var(--_li-fc-hover)
}

button.s-btn.s-btn__link {
    appearance: none;
    background: #0000;
    border: 0;
    font-family: inherit;
    line-height: inherit;
    padding: 0;
    user-select: auto
}

button.s-btn.s-btn__link:focus {
    outline: revert
}

p .s-btn.s-btn__link {
    text-decoration: underline
}

.s-btn.s-btn__unset {
    outline: initial
}

.s-btn.s-btn__unset,
.s-btn.s-btn__unset:active,
.s-btn.s-btn__unset:focus,
.s-btn.s-btn__unset:hover {
    --_bu-bg: none;
    --_bu-fc: unset;
    cursor: default;
    font: unset;
    user-select: auto
}

.s-btn.s-btn__dropdown {
    padding-right: calc(var(--_bu-px, var(--_bu-p))*2.5)
}

.s-btn.s-btn__dropdown:after {
    border-color: currentColor #0000;
    border-style: solid;
    border-width: var(--_bu-dropdown-bw);
    border-bottom-width: 0;
    content: "";
    pointer-events: none;
    position: absolute;
    right: var(--_bu-px, var(--_bu-p));
    top: calc(50% - var(--su-static2));
    z-index: var(--zi-active)
}

.s-btn.s-btn__icon .svg-icon {
    margin-bottom: -.3em;
    margin-top: -.3em;
    transition: opacity .2s var(--te-smooth);
    vertical-align: initial
}

.s-btn.s-btn__xs {
    --_bu-fs: var(--fs-fine);
    --_bu-dropdown-bw: calc(var(--su-static4) - var(--su-static1));
    --_bu-p: 0.6em
}

.s-btn.s-btn__sm {
    --_bu-fs: var(--fs-caption)
}

.s-btn.s-btn__md {
    --_bu-fs: var(--fs-body3);
    --_bu-br: calc(var(--br-sm) + var(--su-static1));
    --_bu-p: 0.7em
}

body.theme-highcontrast .s-btn.s-btn__danger,
body.theme-highcontrast .s-btn.s-btn__featured,
body.theme-highcontrast .s-btn.s-btn__muted {
    --_bu-filled-bc: #0000
}

.s-btn.s-btn__danger {
    --_bu-bg-active: var(--red-300);
    --_bu-bg-hover: var(--red-200);
    --_bu-bg-selected: var(--red-300);
    --_bu-fc: var(--red-500);
    --_bu-fc-active: var(--_bu-fc);
    --_bu-fc-hover: var(--red-500);
    --_bu-fc-selected: var(--red-600);
    --_bu-filled-bc: #0000;
    --_bu-filled-bc-selected: var(--_bu-filled-bc);
    --_bu-filled-bg: var(--red-400);
    --_bu-filled-bg-active: var(--red-500);
    --_bu-filled-bg-hover: var(--red-500);
    --_bu-filled-bg-selected: var(--red-600);
    --_bu-filled-fc: var(--white);
    --_bu-filled-fc-active: var(--_bu-filled-fc);
    --_bu-filled-fc-hover: var(--_bu-filled-fc);
    --_bu-filled-fc-selected: var(--_bu-filled-fc);
    --_bu-outlined-bc: var(--red-400);
    --_bu-outlined-bc-selected: var(--red-500);
    --_bu-outlined-bg-selected: var(--_bu-bg-selected);
    --_bu-outlined-fc-selected: var(--_bu-fc-selected);
    --_bu-number-fc: var(--white);
    --_bu-number-fc-filled: var(--black)
}

.s-btn.s-btn__featured {
    --_bu-bg-active: var(--purple-300);
    --_bu-bg-hover: var(--purple-200);
    --_bu-bg-selected: var(--purple-300);
    --_bu-fc: var(--purple-500);
    --_bu-fc-active: var(--_bu-fc);
    --_bu-fc-hover: var(--purple-500);
    --_bu-fc-selected: var(--purple-600);
    --_bu-filled-bc: #0000;
    --_bu-filled-bc-selected: var(--_bu-filled-bc);
    --_bu-filled-bg: var(--purple-400);
    --_bu-filled-bg-active: var(--purple-500);
    --_bu-filled-bg-hover: var(--purple-500);
    --_bu-filled-bg-selected: var(--purple-600);
    --_bu-filled-fc: var(--white);
    --_bu-filled-fc-active: var(--_bu-filled-fc);
    --_bu-filled-fc-hover: var(--_bu-filled-fc);
    --_bu-filled-fc-selected: var(--_bu-filled-fc);
    --_bu-outlined-bc: var(--purple-400);
    --_bu-outlined-bc-selected: var(--purple-500);
    --_bu-outlined-bg-selected: var(--_bu-bg-selected);
    --_bu-outlined-fc-selected: var(--_bu-fc-selected);
    --_bu-number-fc: var(--white);
    --_bu-number-fc-filled: var(--black)
}

.s-btn.s-btn__muted {
    --_bu-bc-hover: var(--black-300);
    --_bu-bg-active: var(--black-150);
    --_bu-bg-hover: var(--black-100);
    --_bu-bg-selected: var(--black-200);
    --_bu-fc: var(--black-500);
    --_bu-fc-active: var(--_bu-fc);
    --_bu-fc-hover: var(--black-500);
    --_bu-fc-selected: var(--black-500);
    --_bu-filled-bc: #0000;
    --_bu-filled-bc-selected: var(--_bu-filled-bc);
    --_bu-filled-bg: var(--black-225);
    --_bu-filled-bg-active: var(--black-300);
    --_bu-filled-bg-hover: var(--black-250);
    --_bu-filled-bg-selected: var(--black-350);
    --_bu-filled-fc: var(--black-500);
    --_bu-filled-fc-active: var(--_bu-filled-fc);
    --_bu-filled-fc-hover: var(--_bu-filled-fc);
    --_bu-filled-fc-selected: var(--black-600);
    --_bu-outlined-bc: var(--black-300);
    --_bu-outlined-bc-selected: var(--black-300);
    --_bu-outlined-bg-selected: var(--_bu-bg-selected);
    --_bu-outlined-fc-selected: var(--_bu-fc-selected);
    --_bu-number-fc-filled: var(--white);
    --_bu-number-fc-selected: var(--white);
    --_bu-bg-focus: var(--black-400);
    --_bu-fc-focus: var(--white);
    --_bu-number-fc-focus: var(--black-500)
}

body.theme-highcontrast .s-btn.s-btn__muted {
    --_bu-bc-hover: currentColor;
    --_bu-bg-hover: var(--black-225);
    --_bu-filled-bg: var(--black-400);
    --_bu-filled-bg-active: var(--black-500);
    --_bu-filled-bg-hover: var(--black-400);
    --_bu-filled-bg-selected: var(--black-500);
    --_bu-filled-fc: var(--white);
    --_bu-filled-fc-selected: var(--_bu-filled-fc);
    --_bu-bc-selected: currentColor;
    --_bu-fc-selected: var(--black);
    --_bu-number-fc: var(--white);
    --_bu-number-fc-filled: var(--black);
    --_bu-number-fc-selected: var(--white)
}

body.theme-highcontrast .s-btn.s-btn__facebook,
body.theme-highcontrast .s-btn.s-btn__github {
    --_bu-bc: #0000
}

.s-btn.s-btn__facebook {
    --_bu-bc: #0000;
    --_bu-bg: #385499;
    --_bu-bg-active: #2a4074;
    --_bu-bg-hover: #314a86;
    --_bu-fc: #fff;
    --_bu-fc-active: var(--_bu-fc);
    --_bu-fc-hover: var(--_bu-fc);
    --_bu-hc-bc: #0000
}

.s-btn.s-btn__google {
    --_bu-bc: var(--bc-medium);
    --_bu-bg: var(--white);
    --_bu-bg-active: var(--black-150);
    --_bu-bg-hover: var(--black-100);
    --_bu-fc: var(--fc-medium);
    --_bu-fc-active: var(--fc-dark);
    --_bu-fc-hover: var(--black-600)
}

.s-btn.s-btn__github {
    --_bu-bg: var(--black-600);
    --_bu-bg-active: var(--black);
    --_bu-bg-hover: var(--black-600);
    --_bu-fc: var(--white);
    --_bu-fc-active: var(--white);
    --_bu-fc-hover: var(--white);
    --_bu-hc-bc: #0000
}

.s-btn .s-btn--badge {
    background-color: currentColor;
    border-radius: var(--br-sm);
    display: inline-block;
    font-size: var(--fs-caption);
    line-height: var(--lh-xs);
    opacity: var(--_bu-badge-o);
    padding: var(--su2) calc(var(--su4) - var(--su1))
}

.s-btn .s-btn--number {
    color: var(--_bu-number-fc)
}

.s-btn--radio {
    border: 0;
    clip-path: inset(50%);
    clip: rect(var(--su-static1), var(--su-static1), var(--su-static1), var(--su-static1));
    height: var(--su-static1);
    margin: calc(var(--su-static1)*-1);
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    position: absolute;
    width: var(--su-static1)
}

.s-btn--radio:focus-visible+.s-btn,
.s-btn:not(.s-btn__link):not(.s-btn__unset):focus-visible {
    border-color: var(--focus-theme) !important;
    box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected).focus-inset-bordered,
.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible {
    background-color: var(--_bu-bg-focus, var(--_bu-filled-bg));
    color: var(--_bu-fc-focus, var(--_bu-filled-fc))
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected).focus-inset-bordered:not(:hover) .s-btn--number,
.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):focus-visible:not(:hover) .s-btn--number {
    color: var(--_bu-number-fc-focus, var(--_bu-number-fc-filled))
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover {
    background-color: var(--_bu-bg-hover);
    color: var(--_bu-fc-hover)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover.s-btn__filled {
    background-color: var(--_bu-filled-bg-hover);
    border-color: var(--_bu-filled-bc-hover);
    color: var(--_bu-filled-fc-hover)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:not(.s-btn__outlined):not(.s-btn__filled) {
    border-color: var(--_bu-bc-hover)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:active):not(:focus):not(.s-btn__outlined) {
    background-color: var(--_bu-bg);
    border-color: var(--_bu-bc);
    color: var(--_bu-fc)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):hover:visited:not(:active):not(:focus):not(.s-btn__outlined).s-btn__filled {
    background-color: var(--_bu-filled-bg-hover);
    border-color: var(--_bu-filled-bc-hover);
    color: var(--_bu-filled-fc-hover)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active {
    background-color: var(--_bu-bg-active);
    border-color: var(--_bu-bc-active);
    color: var(--_bu-fc-active)
}

.s-btn:not(.s-btn--radio:checked+label):not(.s-btn__link):not(.s-btn__unset):not(.s-btn__facebook):not(.s-btn__github):not(.s-btn__google):not(.is-selected):active.s-btn__filled {
    background-color: var(--_bu-filled-bg-active);
    border-color: var(--_bu-filled-bc-active);
    color: var(--_bu-filled-fc-active)
}

.s-btn-group {
    border: var(--su-static1) solid var(--black-300);
    border-radius: var(--br-md);
    display: inline-flex;
    flex-wrap: wrap;
    padding: calc(var(--su-static4) - var(--su-static1))
}

@media (max-width:640px) {
    html .s-btn-group .s-btn {
        --_bu-px: 0.4em
    }

    html .s-btn-group .s-btn.s-btn__dropdown {
        padding-right: 1.2em
    }

    html .s-btn-group .s-btn.s-btn__dropdown:after {
        right: var(--_bu-px)
    }
}

.s-btn-group form {
    display: flex;
    margin-right: calc(var(--su-static1)*-1)
}

.s-btn-group .s-btn {
    --_bu-br: var(--br-sm);
    --_bu-bc-hover: #0000;
    --_bu-px: calc(var(--su12) - var(--su1));
    --_bu-py: calc(var(--su6) + 0.65px);
    white-space: nowrap
}

.s-btn-group .s-btn.s-btn__xs {
    --_bu-px: calc(var(--su8) - var(--su1));
    --_bu-py: calc(var(--su2) + 0.9px)
}

.s-btn-group .s-btn.s-btn__sm {
    --_bu-px: calc(var(--su8) + var(--su1));
    --_bu-py: calc(var(--su4) + var(--su2) - 0.15px)
}

.s-btn-group .s-btn.s-btn__md {
    --_bu-px: var(--su12);
    --_bu-py: calc(var(--su8) + 0.15px)
}

.s-btn-group .s-btn--radio:checked+.s-btn,
.s-btn-group .s-btn.is-selected {
    font-weight: 700
}

.s-btn-group .s-btn .s-btn--badge {
    font-weight: 400;
    margin-bottom: -100%;
    margin-top: -100%
}

.s-btn-group .s-btn .s-btn--text {
    display: inline-flex;
    flex-direction: column
}

.s-btn-group .s-btn .s-btn--text:before {
    content: attr(data-text);
    content: attr(data-text) /"";
    font-weight: 700;
    height: 0;
    pointer-events: none;
    user-select: none;
    visibility: hidden
}

.s-card {
    --_ca-bc: var(--bc-medium);
    background-color: var(--white);
    border: var(--su-static1) solid var(--_ca-bc);
    border-radius: var(--br-sm);
    padding: var(--su12)
}

a.s-card {
    text-decoration: none !important
}

.s-card.s-card__muted {
    --_ca-bc: var(--bc-light)
}

.s-card.s-card__muted>* {
    opacity: .65
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-card.s-card__muted>* {
        opacity: .7
    }
}

.theme-dark__forced .s-card.s-card__muted>*,
body.theme-dark .s-card.s-card__muted>*,
body.theme-system .theme-dark__forced .s-card.s-card__muted>* {
    opacity: .7
}

body.theme-highcontrast .s-card.s-card__muted>* {
    opacity: .75
}

.s-card>:last-child {
    margin-bottom: 0
}

.s-checkbox,
.s-radio {
    --_ch-baw: var(--su-static1);
    --_ch-bc: var(--bc-dark);
    --_ch-bg: var(--white);
    --_ch-bg-image: unset;
    appearance: none;
    background-color: var(--_ch-bg);
    border: var(--_ch-baw) solid var(--_ch-bc);
    cursor: pointer;
    font-size: inherit;
    height: 1em;
    margin: 0;
    outline: 0;
    vertical-align: middle;
    width: 1em
}

.s-checkbox[disabled],
.s-radio[disabled],
fieldset[disabled] .s-checkbox,
fieldset[disabled] .s-radio {
    cursor: not-allowed;
    opacity: var(--_o-disabled-static)
}

.s-check-group .s-checkbox,
.s-check-group .s-radio {
    margin-top: calc(var(--su2) + var(--su1))
}

input.s-checkbox,
input.s-radio {
    flex-shrink: 0
}

.s-checkbox:focus,
.s-radio:focus {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-checkbox {
    background-image: var(--_ch-bg-image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: var(--br-sm)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-checkbox:checked {
        --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E")
    }

    body.theme-system .s-checkbox:indeterminate {
        --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E")
    }
}

.theme-dark__forced .s-checkbox:checked,
body.theme-dark .s-checkbox:checked,
body.theme-system .theme-dark__forced .s-checkbox:checked {
    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E")
}

.theme-dark__forced .s-checkbox:indeterminate,
body.theme-dark .s-checkbox:indeterminate,
body.theme-system .theme-dark__forced .s-checkbox:indeterminate {
    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(210, 3.0000000000000027%, 15%)'/%3E%3C/svg%3E")
}

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

    body.theme-highcontrast.theme-system .s-checkbox:checked,
    body.theme-highcontrast.theme-system .s-checkbox:indeterminate {
        --_ch-bc: var(--blue-500) !important;
        --_ch-bg: var(--blue-400)
    }
}

body.theme-highcontrast.theme-dark .s-checkbox:checked,
body.theme-highcontrast.theme-dark .s-checkbox:indeterminate {
    --_ch-bc: var(--blue-500) !important;
    --_ch-bg: var(--blue-400)
}

@media (forced-colors:active) {

    .s-checkbox:checked,
    .s-checkbox:indeterminate {
        --_ch-bg: ButtonText !important
    }
}

.s-checkbox:checked,
.s-checkbox:indeterminate {
    --_ch-bc: var(--theme-secondary-400) !important;
    --_ch-bg: var(--theme-secondary-400)
}

.s-checkbox:checked {
    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.41L8.59 2 4 6.59 2.41 5 1 6.41l3 3z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E")
}

.s-checkbox:indeterminate {
    --_ch-bg-image: url("data:image/svg+xml;,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4.5 h7 v2 h-7 z' fill='hsl(0, 0%, 100%)'/%3E%3C/svg%3E")
}

.s-radio {
    border-radius: var(--br-circle)
}

@media (prefers-color-scheme:dark) {
    body.theme-highcontrast.theme-system .s-radio:checked {
        --_ch-bc: var(--blue-400);
        outline: var(--su-static1) solid var(--black)
    }
}

body.theme-highcontrast.theme-dark .s-radio:checked {
    --_ch-bc: var(--blue-400);
    outline: var(--su-static1) solid var(--black)
}

.s-radio:checked {
    --_ch-baw: 0.30769231em;
    --_ch-bc: var(--theme-secondary-400);
    --_ch-bg: var(--white)
}

.has-error .s-checkbox,
.has-error .s-radio:not(:checked),
.has-success .s-checkbox,
.has-success .s-radio:not(:checked),
.has-warning .s-checkbox,
.has-warning .s-radio:not(:checked) {
    --_ch-bc-focus: var(--_ch-bc)
}

.has-error .s-checkbox,
.has-error .s-radio:not(:checked) {
    --_ch-bc: var(--red-400)
}

.has-success .s-checkbox,
.has-success .s-radio:not(:checked) {
    --_ch-bc: var(--green-400)
}

.has-warning .s-checkbox,
.has-warning .s-radio:not(:checked) {
    --_ch-bc: var(--yellow-500)
}

.s-check-control {
    --_cc-ai: center;
    align-items: var(--_cc-ai);
    display: flex;
    gap: var(--su8)
}

.s-check-group .s-check-control {
    --_cc-ai: flex-start
}

.s-check-control .s-label {
    font-weight: 400
}

.s-check-group {
    --_cg-fd: column;
    display: flex;
    flex-direction: var(--_cg-fd);
    gap: var(--su8)
}

.s-check-group.s-check-group__horizontal {
    --_cg-fd: row
}

.s-check-group legend.s-label {
    margin-bottom: var(--su8)
}

.s-code-block {
    --_cb-line-numbers-bg: var(--black-150)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-code-block {
        --_cb-line-numbers-bg: var(--black-100)
    }
}

.theme-dark__forced .s-code-block,
body.theme-dark .s-code-block,
body.theme-system .theme-dark__forced .s-code-block {
    --_cb-line-numbers-bg: var(--black-100)
}

code[class*=language-] .s-code-block,
pre.s-code-block>code {
    font-family: inherit
}

code[class*=language-] .s-code-block .hljs-built_in,
code[class*=language-] .s-code-block .hljs-literal,
code[class*=language-] .s-code-block .hljs-title,
pre.s-code-block>code .hljs-built_in,
pre.s-code-block>code .hljs-literal,
pre.s-code-block>code .hljs-title {
    color: var(--highlight-literal)
}

code[class*=language-] .s-code-block .hljs-bullet,
code[class*=language-] .s-code-block .hljs-code,
pre.s-code-block>code .hljs-bullet,
pre.s-code-block>code .hljs-code {
    color: var(--highlight-punctuation)
}

code[class*=language-] .s-code-block .hljs-doctag,
code[class*=language-] .s-code-block .hljs-keyword,
code[class*=language-] .s-code-block .hljs-meta,
code[class*=language-] .s-code-block .hljs-meta-keyword,
code[class*=language-] .s-code-block .hljs-section,
code[class*=language-] .s-code-block .hljs-selector-class,
code[class*=language-] .s-code-block .hljs-selector-pseudo,
code[class*=language-] .s-code-block .hljs-selector-tag,
pre.s-code-block>code .hljs-doctag,
pre.s-code-block>code .hljs-keyword,
pre.s-code-block>code .hljs-meta,
pre.s-code-block>code .hljs-meta-keyword,
pre.s-code-block>code .hljs-section,
pre.s-code-block>code .hljs-selector-class,
pre.s-code-block>code .hljs-selector-pseudo,
pre.s-code-block>code .hljs-selector-tag {
    color: var(--highlight-keyword)
}

code[class*=language-] .s-code-block .hljs-name,
code[class*=language-] .s-code-block .hljs-number,
code[class*=language-] .s-code-block .hljs-quote,
code[class*=language-] .s-code-block .hljs-selector-id,
code[class*=language-] .s-code-block .hljs-template-tag,
code[class*=language-] .s-code-block .hljs-type,
pre.s-code-block>code .hljs-name,
pre.s-code-block>code .hljs-number,
pre.s-code-block>code .hljs-quote,
pre.s-code-block>code .hljs-selector-id,
pre.s-code-block>code .hljs-template-tag,
pre.s-code-block>code .hljs-type {
    color: var(--highlight-namespace)
}

code[class*=language-] .s-code-block .hljs-link,
code[class*=language-] .s-code-block .hljs-meta-string,
code[class*=language-] .s-code-block .hljs-regexp,
code[class*=language-] .s-code-block .hljs-selector-attr,
code[class*=language-] .s-code-block .hljs-string,
code[class*=language-] .s-code-block .hljs-symbol,
code[class*=language-] .s-code-block .hljs-template-variable,
code[class*=language-] .s-code-block .hljs-variable,
pre.s-code-block>code .hljs-link,
pre.s-code-block>code .hljs-meta-string,
pre.s-code-block>code .hljs-regexp,
pre.s-code-block>code .hljs-selector-attr,
pre.s-code-block>code .hljs-string,
pre.s-code-block>code .hljs-symbol,
pre.s-code-block>code .hljs-template-variable,
pre.s-code-block>code .hljs-variable {
    color: var(--highlight-variable)
}

code[class*=language-] .s-code-block .hljs-addition,
pre.s-code-block>code .hljs-addition {
    color: var(--highlight-addition)
}

code[class*=language-] .s-code-block .hljs-attr,
pre.s-code-block>code .hljs-attr {
    color: var(--highlight-attribute)
}

code[class*=language-] .s-code-block .hljs-attribute,
pre.s-code-block>code .hljs-attribute {
    color: var(--highlight-symbol)
}

code[class*=language-] .s-code-block .hljs-comment,
pre.s-code-block>code .hljs-comment {
    color: var(--highlight-comment)
}

code[class*=language-] .s-code-block .hljs-deletion,
pre.s-code-block>code .hljs-deletion {
    color: var(--highlight-deletion)
}

code[class*=language-] .s-code-block .hljs-emphasis,
pre.s-code-block>code .hljs-emphasis {
    font-style: italic
}

code[class*=language-] .s-code-block .hljs-strong,
pre.s-code-block>code .hljs-strong {
    font-weight: 700
}

code[class*=language-] .s-code-block .hljs-subst,
pre.s-code-block,
pre.s-code-block>code .hljs-subst {
    color: var(--highlight-color)
}

pre.s-code-block {
    background-color: var(--highlight-bg);
    border-radius: var(--br-md);
    font-family: var(--ff-mono);
    font-size: var(--fs-body1);
    line-height: var(--lh-md);
    margin: 0;
    overflow: auto;
    padding: var(--su12);
    scrollbar-color: var(--scrollbar) #0000
}

pre.s-code-block .s-code-block--line-numbers {
    background-color: var(--_cb-line-numbers-bg);
    border-color: var(--bc-medium);
    border-style: solid;
    border-width: 0 var(--su-static1) 0 0;
    color: var(--black-350);
    float: left;
    margin: calc(var(--su12)*-1);
    margin-right: var(--su12);
    padding: var(--su12);
    padding-right: var(--su6);
    text-align: right
}

pre.s-code-block::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

pre.s-code-block::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

pre.s-code-block::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

pre.s-code-block::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-description {
    color: var(--fc-light);
    font-size: var(--fs-caption);
    padding: 0 var(--su2)
}

.is-disabled .s-description {
    opacity: var(--_o-disabled-static)
}

.s-empty-state {
    color: var(--fc-light);
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.s-empty-state p {
    font-size: var(--fs-body1);
    margin-bottom: var(--su12)
}

.s-empty-state p strong {
    color: var(--fc-dark)
}

.s-expandable {
    --_ex-after-h: 10px;
    --_ex-after-hmx: 0;
    --_ex-after-transition: height 100ms linear, max-height 0s 100ms linear;
    --_ex-content-hmx: 1000000px;
    --_ex-content-mb: 0;
    --_ex-content-o: unset;
    --_ex-content-transform: unset;
    --_ex-content-transition: margin-bottom 100ms cubic-bezier(0, 0, 0, 1), transform 100ms cubic-bezier(1, 0, 1, 1), opacity 100ms cubic-bezier(1, 0, 1, 1);
    --_ex-content-v: unset;
    align-items: flex-start;
    -webkit-clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
    clip-path: polygon(-1000000px -1000000px, 1000000px -1000000px, 1000000px 1000000px, -1000000px 1000000px);
    display: flex;
    transition: clip-path 0s var(--_ex-transition-duration), -webkit-clip-path 0s var(--_ex-transition-duration)
}

.s-expandable:not(.is-expanded) {
    --_ex-after-h: 0;
    --_ex-after-hmx: 10px;
    --_ex-after-transition: height 10px linear;
    --_ex-content-hmx: 0;
    --_ex-content-mb: -1500px;
    --_ex-content-o: 0;
    --_ex-content-transform: scaleY(0);
    --_ex-content-transition: margin-bottom 100ms cubic-bezier(1, 0, 1, 1), visibility 0s 100ms, max-height 0s 100ms, transform 100ms cubic-bezier(0, 1, 1, 1), opacity 100ms cubic-bezier(0, 1, 1, 1);
    --_ex-content-v: hidden;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    overflow: hidden;
    transition: none
}

@supports ((-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)) or (clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%))) {
    .s-expandable:not(.is-expanded) .s-expandable--content {
        --_ex-content-o: 0;
        --_ex-content-transform: none
    }
}

.s-expandable:after {
    height: var(--_ex-after-h);
    max-height: var(--_ex-after-hmx);
    transition: var(--_ex-after-transition);
    -ms-flex-preferred-size: 0;
    content: "";
    flex-basis: 0
}

.s-expandable .s-expandable--content {
    margin-bottom: var(--_ex-content-mb);
    max-height: var(--_ex-content-hmx);
    opacity: var(--_ex-content-o);
    -webkit-transform: var(--_ex-content-transform);
    transform: var(--_ex-content-transform);
    visibility: var(--_ex-content-v);
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition: var(--_ex-content-transition)
}

.s-input,
.s-textarea {
    --_in-bc: var(--bc-darker);
    --_in-bg: var(--white);
    --_in-br: var(--br-md);
    --_in-c: unset;
    --_in-fc: var(--fc-dark);
    --_in-fs: var(--fs-body1);
    --_in-o: unset;
    --_in-px: 0.7em;
    --_in-py: 0.6em;
    --_in-placeholder-fc: var(--black-300);
    -webkit-appearance: none;
    background-color: var(--_in-bg);
    border: var(--su-static1) solid var(--_in-bc);
    border-radius: var(--_in-br);
    color: var(--_in-fc);
    cursor: var(--_in-c);
    font-family: inherit;
    font-size: var(--_in-fs);
    margin: 0;
    opacity: var(--_in-o);
    padding: var(--_in-py) var(--_in-px) var(--_in-py) var(--_in-pl, var(--_in-px));
    scrollbar-color: var(--scrollbar) #0000;
    width: 100%
}

@supports (-webkit-overflow-scrolling:touch) {

    .s-input,
    .s-textarea {
        --_in-fs: var(--su-static16);
        --_in-px: 0.55em;
        --_in-py: 0.36em
    }

    .s-input::-webkit-input-placeholder,
    .s-textarea::-webkit-input-placeholder {
        line-height: normal !important
    }
}

body.theme-highcontrast .s-input,
body.theme-highcontrast .s-textarea {
    --_in-bc: var(--black);
    --_in-placeholder-fc: var(--black-400)
}

.is-readonly .s-input,
.is-readonly .s-textarea,
.s-input[disabled],
.s-input[readonly],
.s-textarea[disabled],
.s-textarea[readonly],
fieldset[disabled] .s-input,
fieldset[disabled] .s-textarea {
    --_in-c: not-allowed
}

.s-input[disabled],
.s-textarea[disabled],
fieldset[disabled] .s-input,
fieldset[disabled] .s-textarea {
    --_in-o: var(--_o-disabled-static)
}

.is-readonly .s-input,
.is-readonly .s-textarea,
.s-input[readonly],
.s-textarea[readonly] {
    --_in-bg: var(--black-150);
    --_in-bc: var(--bc-light);
    --_in-fc: var(--black-400)
}

body.theme-highcontrast .is-readonly .s-input,
body.theme-highcontrast .is-readonly .s-textarea,
body.theme-highcontrast .s-input[readonly],
body.theme-highcontrast .s-textarea[readonly] {
    --_in-fc: var(--fc-medium)
}

.has-error .s-input,
.has-error .s-textarea,
.has-success .s-input,
.has-success .s-textarea,
.has-warning .s-input,
.has-warning .s-textarea {
    --_in-bc-focus: var(--_in-bc)
}

.has-error .s-input,
.has-error .s-textarea,
body.theme-highcontrast .has-error .s-input,
body.theme-highcontrast .has-error .s-textarea {
    --_in-bc: var(--red-400)
}

.has-success .s-input,
.has-success .s-textarea,
body.theme-highcontrast .has-success .s-input,
body.theme-highcontrast .has-success .s-textarea {
    --_in-bc: var(--green-400)
}

.has-warning .s-input,
.has-warning .s-textarea,
body.theme-highcontrast .has-warning .s-input,
body.theme-highcontrast .has-warning .s-textarea {
    --_in-bc: var(--yellow-500)
}

.s-input.s-input__sm,
.s-input.s-textarea__sm,
.s-textarea.s-input__sm,
.s-textarea.s-textarea__sm {
    --_in-fs: var(--fs-caption)
}

.s-input.s-input__md,
.s-input.s-textarea__md,
.s-textarea.s-input__md,
.s-textarea.s-textarea__md {
    --_in-fs: var(--fs-body3);
    --_in-br: calc(var(--br-sm) + var(--su-static1))
}

@supports (-webkit-overflow-scrolling:touch) {

    .s-input.s-input__md,
    .s-input.s-textarea__md,
    .s-textarea.s-input__md,
    .s-textarea.s-textarea__md {
        --_in-fs: calc(var(--su-static16) + var(--su-static1));
        --_in-py: 0.4em
    }
}

.s-input.s-input__lg,
.s-input.s-textarea__lg,
.s-textarea.s-input__lg,
.s-textarea.s-textarea__lg {
    --_in-fs: var(--fs-title);
    --_in-br: calc(var(--br-sm) + var(--su-static1));
    --_in-px: 0.6em;
    --_in-py: 0.45em
}

.s-input.s-input__xl,
.s-input.s-textarea__xl,
.s-textarea.s-input__xl,
.s-textarea.s-textarea__xl {
    --_in-fs: var(--fs-headline1);
    --_in-br: var(--br-md);
    --_in-px: 0.5em;
    --_in-py: 0.4em
}

.s-input:-webkit-autofill,
.s-textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--theme-secondary-200) inset;
    -webkit-text-fill-color: var(--black);
    border-color: var(--blue-400);
    transition: background-color 0s 50000s
}

.s-input:-webkit-autofill:focus,
.s-textarea:-webkit-autofill:focus {
    border-color: var(--blue-400);
    -webkit-box-shadow: 0 0 0 1000px var(--blue-200) inset, 0 0 0 var(--su-static4) var(--focus-ring)
}

.s-input::-webkit-contacts-auto-fill-button,
.s-textarea::-webkit-contacts-auto-fill-button {
    background-color: var(--black)
}

.s-input::-webkit-input-placeholder,
.s-input::placeholder,
.s-textarea::-webkit-input-placeholder,
.s-textarea::placeholder {
    color: var(--_in-placeholder-fc)
}

.s-input::placeholder,
.s-textarea::placeholder {
    opacity: 1
}

.s-input.s-input__creditcard,
.s-input.s-input__search,
.s-input.s-textarea__creditcard,
.s-input.s-textarea__search,
.s-textarea.s-input__creditcard,
.s-textarea.s-input__search,
.s-textarea.s-textarea__creditcard,
.s-textarea.s-textarea__search {
    --_in-pl: var(--su-static32)
}

.s-input:focus,
.s-input:focus-within,
.s-textarea:focus,
.s-textarea:focus-within {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-input::-webkit-scrollbar,
.s-textarea::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-input::-webkit-scrollbar-track,
.s-textarea::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-input::-webkit-scrollbar-thumb,
.s-textarea::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-input::-webkit-scrollbar-corner,
.s-textarea::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.has-error .s-input,
.has-success .s-input,
.has-warning .s-input,
.is-disabled .s-input,
.is-readonly .s-input {
    padding-right: var(--su32)
}

.s-input.s-input__md {
    --_in-py: 0.5em
}

.has-error .s-textarea,
.has-success .s-textarea,
.has-warning .s-textarea,
.is-disabled .s-textarea,
.is-readonly .s-textarea {
    padding-right: var(--su48)
}

.s-textarea.s-textarea__md {
    --_in-py: 0.72em
}

.s-textarea~.s-input-icon {
    right: 1.5em;
    top: 1.5em
}

.s-input-fill {
    --_if-bc: var(--bc-dark);
    --_if-bg: var(--black-150);
    --_if-blw: 0;
    --_if-blr: 0;
    --_if-brr: 0;
    --_if-brw: 0;
    background-color: var(--_if-bg);
    border: var(--su-static1) solid var(--_if-bc);
    border-left-width: var(--_if-blw);
    border-radius: var(--_if-blr) var(--_if-brr) var(--_if-brr) var(--_if-blr);
    border-right-width: var(--_if-brw);
    color: var(--fc-medium);
    font-family: inherit;
    line-height: var(--lh-sm);
    padding: .6em .7em;
    white-space: nowrap
}

.s-input-fill.s-input-fill__clear {
    --_if-bc: #0000;
    --_if-bg: #0000
}

.s-input-fill.order-first {
    --_if-blw: var(--su-static1);
    --_if-blr: var(--br-md)
}

.s-input-fill.order-last {
    --_if-brw: var(--su-static1);
    --_if-brr: var(--br-md)
}

.s-input-icon {
    --_ii-fc: unset;
    --_ii-r: 0.7em;
    color: var(--_ii-fc);
    margin-top: calc((var(--su-static8) + var(--su-static1))*-1);
    pointer-events: none;
    position: absolute;
    right: var(--_ii-r);
    top: 50%
}

.has-error .s-input-icon {
    --_ii-fc: var(--red-400)
}

.has-success .s-input-icon {
    --_ii-fc: var(--green-400)
}

.has-warning .s-input-icon {
    --_ii-fc: var(--yellow-400)
}

.is-disabled .s-input-icon {
    --_ii-fc: var(--black-400)
}

.is-readonly .s-input-icon {
    --_ii-fc: var(--black-300)
}

body.theme-highcontrast .is-readonly .s-input-icon {
    --_ii-fc: var(--fc-light)
}

.s-input-icon.s-input-icon__creditcard,
.s-input-icon.s-input-icon__search {
    --_ii-r: auto;
    color: var(--black-400);
    left: .7em
}

.s-input-message {
    --_im-fc: unset;
    --_im-a-fc: unset;
    --_im-a-fc-hover: unset;
    color: var(--_im-fc);
    font-size: var(--fs-caption);
    padding: var(--su2)
}

.has-error .s-input-message a,
.has-success .s-input-message a,
.has-warning .s-input-message a,
.is-disabled .s-input-message a,
.is-readonly .s-input-message a {
    text-decoration: underline
}

fieldset[disabled] .s-input-message {
    cursor: not-allowed;
    opacity: var(--_o-disabled-static)
}

.has-error .s-input-message {
    --_im-fc: var(--red-400);
    --_im-a-fc: var(--red-600);
    --_im-a-fc-hover: var(--red-500)
}

.has-success .s-input-message {
    --_im-fc: var(--green-400);
    --_im-a-fc: var(--green-600);
    --_im-a-fc-hover: var(--green-500)
}

.has-warning .s-input-message {
    --_im-fc: var(--yellow-500);
    --_im-a-fc: var(--yellow-600);
    --_im-a-fc-hover: var(--yellow-500)
}

.s-input-message a {
    color: var(--_im-a-fc) !important
}

.s-input-message a:hover {
    color: var(--_im-a-fc-hover) !important
}

.s-label {
    --_la-fs: var(--fs-body2);
    color: var(--fc-medium);
    font-family: inherit;
    font-size: var(--_la-fs);
    font-weight: 700;
    padding: 0 var(--su2)
}

.s-label[for] {
    cursor: pointer
}

.is-disabled .s-label,
.s-check-control .s-checkbox[disabled]+.s-label,
.s-check-control .s-radio[disabled]+.s-label,
fieldset[disabled] .s-label {
    cursor: not-allowed;
    opacity: var(--_o-disabled-static)
}

.is-disabled .s-label .s-description,
fieldset[disabled] .s-label .s-description {
    opacity: unset
}

.is-readonly .s-label {
    cursor: not-allowed
}

.s-label.s-label__sm {
    --_la-fs: var(--fs-caption)
}

.s-label.s-label__md {
    --_la-fs: var(--fs-body3)
}

.s-label.s-label__lg {
    --_la-fs: var(--fs-title)
}

.s-label.s-label__xl {
    --_la-fs: var(--fs-headline1)
}

.s-label--status {
    --_la-status-b: none;
    --_la-status-bg: var(--black-150);
    --_la-status-fc: var(--fc-medium);
    background-color: var(--_la-status-bg);
    border: var(--_la-status-b);
    border-radius: 1000px;
    color: var(--_la-status-fc);
    font-size: var(--fs-caption);
    font-weight: 400;
    margin-left: var(--su4);
    padding: var(--su2) var(--su8);
    vertical-align: text-bottom
}

body.theme-highcontrast .s-label--status {
    --_la-status-b: var(--su-static1) solid currentColor
}

.s-label--status__beta {
    --_la-status-bg: var(--blue-200);
    --_la-status-fc: var(--blue-500)
}

.s-label--status__new {
    --_la-status-bg: var(--green-200);
    --_la-status-fc: var(--green-500)
}

.s-label--status__required {
    --_la-status-bg: var(--red-200);
    --_la-status-fc: var(--red-500)
}

.s-label .s-description,
.s-label .s-input-message {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: var(--su4);
    padding: 0
}

.s-required-symbol {
    color: var(--red-400);
    font-size: 125%;
    font-weight: 400;
    line-height: 0;
    text-decoration: none !important
}

a:visited.s-link,
a:visited.s-sidebarwidget--action,
a:visited.s-user-card--link,
a:visited:not([class*=s-]):not(.post-tag):not(.badge):not(.badge-tag) {
    color: var(--_li-fc-visited)
}

a:visited.s-link:hover,
a:visited.s-sidebarwidget--action:hover,
a:visited.s-user-card--link:hover,
a:visited:not([class*=s-]):not(.post-tag):not(.badge):not(.badge-tag):hover {
    color: var(--_li-fc-hover-visited)
}

.s-link,
a {
    --_li-fc: var(--theme-link-color, var(--theme-secondary-400));
    --_li-fc-hover: var(--theme-link-color-hover, var(--theme-secondary-500));
    --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600));
    color: var(--_li-fc);
    cursor: pointer;
    text-decoration: none;
    user-select: auto
}

body.theme-highcontrast .s-link,
body.theme-highcontrast a {
    text-decoration: underline
}

.s-link.s-link__dropdown,
a.s-link__dropdown {
    padding-right: .9em;
    position: relative
}

.s-link.s-link__dropdown:after,
a.s-link__dropdown:after {
    border-left-color: #0000;
    border-left-style: solid;
    border-right-color: #0000;
    border-width: var(--su-static4);
    border-bottom: 0 solid;
    border-right-style: solid;
    border-top: var(--su-static4) solid;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(50% - var(--su-static2));
    z-index: var(--zi-active)
}

.s-link.s-link__underlined,
a.s-link__underlined {
    text-decoration: underline !important
}

.s-link.s-link__visited,
a.s-link__visited {
    --_li-fc: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover: var(--theme-link-color-hover, var(--purple-600));
    --_li-fc-visited: var(--theme-link-color-visited, var(--purple-500));
    --_li-fc-hover-visited: var(--theme-link-color-visited, var(--purple-600))
}

.s-link.s-link__danger,
.s-link.s-link__grayscale,
.s-link.s-link__inherit,
.s-link.s-link__muted,
a.s-link__danger,
a.s-link__grayscale,
a.s-link__inherit,
a.s-link__muted {
    --_li-fc-hover-visited: var(--_li-fc-hover)
}

.s-link.s-link__danger,
a.s-link__danger {
    --_li-fc: var(--red-400);
    --_li-fc-hover: var(--red-500);
    --_li-fc-visited: var(--red-600)
}

.s-link.s-link__grayscale,
a.s-link__grayscale {
    --_li-fc: var(--black-500);
    --_li-fc-hover: var(--black-600);
    --_li-fc-visited: var(--black-400)
}

.s-link.s-link__inherit,
a.s-link__inherit {
    --_li-fc: inherit !important;
    --_li-fc-hover: inherit !important;
    --_li-fc-visited: inherit !important
}

.s-link.s-link__muted,
a.s-link__muted {
    --_li-fc: var(--black-400);
    --_li-fc-hover: var(--black-500);
    --_li-fc-visited: var(--black-600)
}

fieldset[disabled] .s-link,
fieldset[disabled] a {
    box-shadow: none !important;
    opacity: var(--_o-disabled-static);
    pointer-events: none
}

.s-link:active,
.s-link:hover,
a:active,
a:hover {
    --_li-fc: var(--_li-fc-hover)
}

button.s-link {
    appearance: none;
    background: #0000;
    border: 0;
    font-family: inherit;
    line-height: inherit;
    padding: 0;
    user-select: auto
}

button.s-link:focus {
    outline: revert
}

p .s-link {
    text-decoration: underline
}

.s-link-preview {
    --_lp-details-fc: var(--black-400);
    --_lp-details-mt: var(--su2);
    --_lp-footer-bg: var(--black-100);
    --_lp-footer-fd: unset;
    --_lp-header-bg: var(--black-100);
    --_lp-misc-pl: var(--su4);
    --_lp-misc-pt: unset;
    border: var(--su-static1) solid var(--bc-medium);
    border-radius: var(--br-sm);
    box-shadow: var(--bs-sm);
    text-align: left
}

@media (max-width:640px) {
    .s-link-preview {
        --_lp-details-mt: var(--su4);
        --_lp-footer-fd: column;
        --_lp-misc-pl: 0;
        --_lp-misc-pt: var(--su2)
    }
}

body.theme-highcontrast .s-link-preview {
    --_lp-details-fc: var(--black-600);
    --_lp-footer-bg: var(--black-050);
    --_lp-header-bg: var(--black-050)
}

.s-link-preview .s-link-preview--details a,
.s-link-preview .s-link-preview--footer a {
    color: var(--black-600);
    cursor: pointer;
    text-decoration: none
}

.s-link-preview .s-link-preview--details a:active,
.s-link-preview .s-link-preview--details a:focus,
.s-link-preview .s-link-preview--details a:hover,
.s-link-preview .s-link-preview--details a:visited,
.s-link-preview .s-link-preview--footer a:active,
.s-link-preview .s-link-preview--footer a:focus,
.s-link-preview .s-link-preview--footer a:hover,
.s-link-preview .s-link-preview--footer a:visited {
    color: var(--black-500)
}

.s-link-preview .s-link-preview--body {
    font-size: var(--fs-body2);
    padding: var(--su12)
}

.s-link-preview .s-link-preview--body :last-child {
    margin-bottom: 0
}

.s-link-preview .s-link-preview--code pre {
    border-radius: 0 !important;
    margin: 0;
    max-height: 400px
}

.s-link-preview .s-link-preview--details {
    color: var(--_lp-details-fc);
    font-size: var(--fs-caption);
    margin-top: var(--_lp-details-mt)
}

.s-link-preview .s-link-preview--footer {
    background: var(--_lp-footer-bg);
    border-bottom-left-radius: var(--br-sm);
    border-bottom-right-radius: var(--br-sm);
    border-top: var(--su-static1) solid var(--bc-medium);
    display: flex;
    flex-direction: var(--_lp-footer-fd);
    font-size: var(--fs-caption);
    justify-content: space-between;
    padding: var(--su12)
}

.s-link-preview .s-link-preview--header {
    background: var(--_lp-header-bg);
    border-bottom: var(--su-static1) solid var(--bc-medium);
    border-top-left-radius: var(--br-sm);
    border-top-right-radius: var(--br-sm);
    display: flex;
    padding: var(--su12) var(--su8)
}

.s-link-preview .s-link-preview--icon {
    color: var(--black-600);
    margin-right: var(--su8)
}

.s-link-preview .s-link-preview--misc {
    color: var(--black-400);
    padding-left: var(--_lp-misc-pl);
    padding-top: var(--_lp-misc-pt)
}

.s-link-preview .s-link-preview--title {
    color: var(--black-600);
    font-size: var(--fs-body3);
    font-weight: 700
}

.s-link-preview a.s-link-preview--title {
    color: var(--theme-link-color, var(--theme-secondary-400));
    cursor: pointer;
    text-decoration: none
}

.s-link-preview a.s-link-preview--title:active,
.s-link-preview a.s-link-preview--title:hover {
    color: var(--theme-link-color-hover, var(--theme-secondary-500))
}

.s-link-preview a.s-link-preview--title.s-link__visited:active,
.s-link-preview a.s-link-preview--title.s-link__visited:hover,
.s-link-preview a.s-link-preview--title.s-link__visited:visited,
.s-link-preview a.s-link-preview--title:active,
.s-link-preview a.s-link-preview--title:hover {
    text-decoration: none
}

body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:active,
body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:hover,
body.theme-highcontrast .s-link-preview a.s-link-preview--title.s-link__visited:visited,
body.theme-highcontrast .s-link-preview a.s-link-preview--title:active,
body.theme-highcontrast .s-link-preview a.s-link-preview--title:hover {
    text-decoration: underline
}

.s-link-preview a.s-link-preview--title.s-link__visited,
.s-link-preview a.s-link-preview--title:visited {
    color: var(--theme-link-color, var(--purple-500))
}

.s-link-preview a.s-link-preview--title.s-link__visited:hover,
.s-link-preview a.s-link-preview--title:visited:hover {
    color: var(--theme-link-color, var(--purple-600))
}

.s-link-preview .s-link-preview--url {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap
}

.s-menu {
    --_me-divider-bg: var(--bc-light);
    --_me-label-btc: var(--bc-light);
    --_me-label-cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-menu {
        --_me-divider-bg: var(--bc-light);
        --_me-label-btc: var(--bc-light)
    }
}

.theme-dark__forced .s-menu,
body.theme-dark .s-menu,
body.theme-system .theme-dark__forced .s-menu {
    --_me-divider-bg: var(--bc-light);
    --_me-label-btc: var(--bc-light)
}

.s-menu .s-menu--divider {
    background-color: var(--_me-divider-bg);
    height: var(--su-static1);
    margin: var(--su8) 0
}

.s-menu .s-menu--label {
    border-top: var(--su-static1) solid var(--_me-label-btc);
    cursor: var(--_me-label-cursor);
    padding: var(--su12)
}

.s-menu .s-menu--label.is-disabled {
    --_me-label-cursor: not-allowed
}

.s-menu .s-menu--title {
    color: var(--black-500);
    font-size: var(--fs-fine);
    padding: var(--su8) var(--su12);
    text-transform: uppercase
}

.s-menu li+.s-menu--title {
    margin-top: var(--su12)
}

.s-modal {
    --_mo-bg: #0c0d0e80;
    --_mo-hmx: unset;
    --_mo-wmx: unset;
    --_mo-close-t: var(--su8);
    --_mo-dialog-bg: var(--white);
    --_mo-dialog-pt: var(--su24);
    --_mo-header-fc: var(--fc-dark);
    align-items: center;
    backface-visibility: hidden;
    background-color: var(--_mo-bg);
    display: flex;
    inset: 0;
    justify-content: center;
    max-height: var(--_mo-hmx);
    max-width: var(--_mo-wmx);
    opacity: 0;
    position: fixed;
    transition: opacity .1s var(--te-smooth) 0s, z-index 0s .1s, visibility 0s .1s;
    visibility: hidden;
    will-change: visibility, z-index, opacity;
    z-index: var(--zi-hide)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-modal {
        --_mo-dialog-bg: var(--black-225)
    }
}

.theme-dark__forced .s-modal,
body.theme-dark .s-modal,
body.theme-system .theme-dark__forced .s-modal {
    --_mo-dialog-bg: var(--black-225)
}

@media (prefers-color-scheme:dark) {
    body.theme-highcontrast.theme-system .s-modal {
        --_mo-dialog-bg: var(--black-200)
    }
}

body.theme-highcontrast.theme-dark .s-modal {
    --_mo-dialog-bg: var(--black-200)
}

.s-modal[aria-hidden=false],
.s-modal[aria-hidden=false] .s-modal--dialog {
    opacity: 1;
    transform: translateZ(0) scaleX(1);
    transition: opacity .1s var(--te-smooth) 10ms, z-index 0s 0s, visibility 0s 0s, transform .1s var(--te-smooth) 10ms, transform .1s var(--te-smooth) 10ms;
    visibility: visible;
    z-index: var(--zi-modals)
}

.s-modal.s-modal__celebration {
    --_mo-dialog-pt: var(--su64)
}

.s-modal.s-modal__celebration .s-modal--dialog {
    background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
    background-position: top -10px center;
    background-repeat: repeat-x
}

@media (prefers-reduced-motion) {
    .s-modal.s-modal__celebration .s-modal--dialog {
        background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E")
    }
}

.s-modal.s-modal__full {
    --_mo-hmx: calc(100% - var(--su48));
    --_mo-wmx: calc(100% - var(--su48))
}

.s-modal.has-danger,
.s-modal.s-modal__danger {
    --_mo-bg: #11040480;
    --_mo-header-fc: var(--red-500)
}

.s-modal .s-modal--body {
    color: var(--fc-medium);
    margin-bottom: var(--su24)
}

.s-modal .s-modal--close {
    padding: var(--su12) !important;
    position: absolute !important;
    right: var(--su8);
    top: var(--_mo-close-t)
}

.s-modal .s-modal--close .svg-icon {
    margin: 0 !important
}

.s-modal .s-modal--dialog {
    backface-visibility: hidden;
    background-color: var(--_mo-dialog-bg);
    border-radius: var(--br-lg);
    box-shadow: var(--bs-lg);
    max-height: 100%;
    max-width: 600px;
    opacity: 0;
    overflow-y: auto;
    padding: var(--_mo-dialog-pt) var(--su24) var(--su24);
    scrollbar-color: var(--scrollbar) #0000;
    transform: translate3d(0, 30%, 0) scale3d(.6, .6, .6);
    transition: opacity .2s var(--te-smooth) 0s, z-index 0s .1s, visibility 0s .1s, transform .1s var(--te-smooth) 0s, transform .1s var(--te-smooth) 0s;
    visibility: hidden;
    will-change: visibility, z-index, opacity, transform;
    z-index: var(--zi-hide)
}

.s-modal .s-modal--dialog::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-modal .s-modal--dialog::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-modal .s-modal--dialog::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-modal .s-modal--dialog::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-modal .s-modal--footer {
    margin-top: var(--su24)
}

.s-modal .s-modal--header {
    color: var(--_mo-header-fc);
    font-size: var(--fs-headline1);
    font-weight: 400;
    line-height: var(--lh-sm);
    margin-bottom: var(--su16);
    margin-right: var(--su24)
}

.s-navigation {
    --_na-fd: row;
    --_na-fw: wrap;
    --_na-p: var(--su2) 0;
    --_na-gap: var(--su4);
    --_na-item-bg: none;
    --_na-item-fc: var(--black-500);
    --_na-item-fs: unset;
    --_na-item-p: var(--su6) var(--su12);
    --_na-item-py: var(--su12);
    --_na-item-ws: nowrap;
    --_na-item-bg-hover: var(--black-200);
    --_na-item-fc-hover: var(--_na-item-fc);
    --_na-item-selected-bg: var(--theme-primary);
    --_na-item-selected-fc: var(--white);
    --_na-item-selected-bg-hover: var(--theme-primary-500);
    --_na-title-mt: var(--su16);
    display: flex;
    flex-direction: var(--_na-fd);
    flex-wrap: var(--_na-fw);
    gap: var(--_na-gap);
    list-style: none;
    margin: 0;
    padding: var(--_na-p)
}

body.theme-highcontrast .s-navigation {
    --_na-item-bg-hover: var(--black-500);
    --_na-item-fc-hover: var(--black-225)
}

.s-navigation.s-navigation__scroll {
    --_na-fw: nowrap;
    overflow-x: auto;
    scrollbar-color: var(--scrollbar) #0000
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-navigation.s-navigation__scroll::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-navigation.s-navigation__sm {
    --_na-item-fs: var(--fs-caption);
    --_na-item-p: var(--su4) var(--su12)
}

.s-navigation.s-navigation__vertical {
    --_na-fd: column;
    --_na-gap: 0;
    --_na-p: 0;
    --_na-item-ws: normal
}

.s-navigation.s-navigation__muted {
    --_na-item-selected-bg: var(--black-150);
    --_na-item-selected-fc: var(--black-600);
    --_na-item-selected-bg-hover: var(--_na-item-bg)
}

body.theme-highcontrast .s-navigation.s-navigation__muted {
    --_na-item-selected-bg: var(--black-600);
    --_na-item-selected-fc: var(--black-150);
    --_na-item-selected-bg-hover: var(--black-600)
}

.s-navigation .s-navigation--item {
    align-items: center;
    background-color: var(--_na-item-bg);
    border: none;
    border-radius: 1000px;
    box-shadow: none;
    color: var(--_na-item-fc);
    cursor: pointer;
    display: flex;
    font: unset;
    font-size: var(--_na-item-fs);
    padding: var(--_na-item-p);
    position: relative;
    user-select: auto;
    white-space: var(--_na-item-ws)
}

.s-navigation .s-navigation--item.is-selected {
    --_na-item-bg: var(--_na-item-selected-bg);
    --_na-item-fc: var(--_na-item-selected-fc);
    --_na-item-fc-hover: var(--_na-item-fc);
    --_na-item-bg-hover: var(--_na-item-selected-bg-hover)
}

body.theme-highcontrast .s-navigation .s-navigation--item.is-selected {
    text-decoration: none
}

.s-navigation .s-navigation--item__dropdown {
    padding-right: 2em
}

.s-navigation .s-navigation--item__dropdown:after {
    border-color: currentColor #0000;
    border-style: solid;
    border-width: var(--su-static4) var(--su-static4) 0 var(--su-static4);
    content: "";
    pointer-events: none;
    position: absolute;
    right: .9em;
    top: calc(50% - var(--su-static2));
    z-index: var(--zi-active)
}

.s-navigation .s-navigation--item:active,
.s-navigation .s-navigation--item:hover {
    background-color: var(--_na-item-bg-hover);
    color: var(--_na-item-fc-hover)
}

.s-navigation .s-navigation--item:focus-visible {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-navigation .s-navigation--title {
    font-size: var(--fs-fine);
    font-weight: 700;
    margin-top: var(--_na-title-mt);
    padding: var(--su6) var(--su12);
    text-transform: uppercase
}

.s-navigation .s-navigation--title:first-child {
    --_na-title-mt: 0
}

.s-notice {
    --_no-bc: var(--black-225);
    --_no-bg: var(--black-100);
    --_no-fc: var(--black-500);
    --_no-btn-bg-active: var(--black-250);
    --_no-btn-bg-focus: var(--black-225);
    --_no-btn-fc: var(--_no-fc);
    --_no-code-bc: var(--black-300);
    --_no-code-bg: var(--black-200);
    --_no-code-fc: var(--_no-fc);
    background: var(--_no-bg);
    border-color: var(--_no-bc);
    border-radius: var(--br-md);
    border-style: solid;
    border-width: var(--su-static1);
    color: var(--_no-fc);
    font-size: var(--fs-body1);
    padding: var(--su16)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-notice {
        --_no-bc: var(--_no-bg)
    }
}

.theme-dark__forced .s-notice,
body.theme-dark .s-notice,
body.theme-system .theme-dark__forced .s-notice {
    --_no-bc: var(--_no-bg)
}

body.theme-highcontrast .s-notice,
body.theme-highcontrast .s-notice.s-notice__danger,
body.theme-highcontrast .s-notice.s-notice__info,
body.theme-highcontrast .s-notice.s-notice__success,
body.theme-highcontrast .s-notice.s-notice__warning {
    --_no-code-bc: var(--black-400);
    --_no-code-bg: var(--white);
    --_no-code-fc: var(--black)
}

body.theme-highcontrast .s-notice.s-notice__danger.s-notice__important,
body.theme-highcontrast .s-notice.s-notice__important,
body.theme-highcontrast .s-notice.s-notice__info.s-notice__important,
body.theme-highcontrast .s-notice.s-notice__success.s-notice__important,
body.theme-highcontrast .s-notice.s-notice__warning.s-notice__important {
    --_no-code-bc: var(--black-200);
    --_no-code-bg: var(--black);
    --_no-code-fc: var(--white)
}

.s-notice__important:not(.s-notice__danger):not(.s-notice__info):not(.s-notice__success):not(.s-notice__warning) {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--black-500);
    --_no-fc: var(--white);
    --_no-btn-bg-focus: var(--black-600);
    --_no-btn-bg-active: var(--black-600);
    --_no-btn-fc: var(--_no-fc);
    --_no-code-bc: var(--black-300);
    --_no-code-bg: var(--black-600)
}

.s-notice__danger:not(.s-notice__important) {
    --_no-bc: var(--red-300);
    --_no-bg: var(--red-100);
    --_no-btn-bg-active: var(--red-200);
    --_no-btn-bg-focus: var(--red-200);
    --_no-btn-fc: var(--red-500);
    --_no-code-bc: var(--red-300);
    --_no-code-bg: var(--red-200)
}

.s-notice__danger.s-notice__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--red-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--red-500);
    --_no-btn-bg-focus: var(--red-500);
    --_no-btn-fc: var(--red-100);
    --_no-code-bc: var(--red-300);
    --_no-code-bg: var(--red-500)
}

body.theme-highcontrast .s-notice__danger.s-notice__important {
    --_no-bg: var(--red-500)
}

.s-notice__info:not(.s-notice__important) {
    --_no-bc: var(--theme-secondary-300);
    --_no-bg: var(--theme-secondary-100);
    --_no-btn-bg-active: var(--theme-secondary-200);
    --_no-btn-bg-focus: var(--theme-secondary-200);
    --_no-btn-fc: var(--theme-secondary-500);
    --_no-code-bc: var(--theme-secondary-300);
    --_no-code-bg: var(--theme-secondary-200)
}

.s-notice__info.s-notice__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--theme-secondary-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--theme-secondary-500);
    --_no-btn-bg-focus: var(--theme-secondary-500);
    --_no-btn-fc: var(--theme-secondary-100);
    --_no-code-bc: var(--theme-secondary-300);
    --_no-code-bg: var(--theme-secondary-500)
}

body.theme-highcontrast .s-notice__info.s-notice__important {
    --_no-bg: var(--theme-secondary-500)
}

.s-notice__success:not(.s-notice__important) {
    --_no-bc: var(--green-300);
    --_no-bg: var(--green-100);
    --_no-btn-bg-active: var(--green-200);
    --_no-btn-bg-focus: var(--green-200);
    --_no-btn-fc: var(--green-500);
    --_no-code-bc: var(--green-300);
    --_no-code-bg: var(--green-200)
}

.s-notice__success.s-notice__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--green-400);
    --_no-fc: var(--white);
    --_no-btn-bg-active: var(--green-500);
    --_no-btn-bg-focus: var(--green-500);
    --_no-btn-fc: var(--green-100);
    --_no-code-bc: var(--green-300);
    --_no-code-bg: var(--green-500)
}

body.theme-highcontrast .s-notice__success.s-notice__important {
    --_no-bg: var(--green-500)
}

.s-notice__warning:not(.s-notice__important) {
    --_no-bc: var(--yellow-300);
    --_no-bg: var(--yellow-100);
    --_no-btn-bg-active: var(--yellow-200);
    --_no-btn-bg-focus: var(--yellow-200);
    --_no-btn-fc: var(--yellow-500);
    --_no-code-bc: var(--yellow-300);
    --_no-code-bg: var(--yellow-200);
    --_no-btn-fc: var(--yellow-600)
}

.s-notice__warning.s-notice__important {
    --_no-bc: var(--_no-bg);
    --_no-bg: var(--yellow-400);
    --_no-fc: var(--black);
    --_no-btn-fc: var(--_no-fc);
    --_no-btn-bg-active: var(--yellow-300);
    --_no-btn-bg-focus: var(--yellow-300);
    --_no-code-bc: var(--yellow-500);
    --_no-code-bg: var(--yellow-300)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-notice__warning.s-notice__important {
        --_no-fc: var(--white);
        --_no-code-bc: var(--yellow-300);
        --_no-code-bg: var(--yellow-500)
    }
}

.theme-dark__forced .s-notice__warning.s-notice__important,
body.theme-dark .s-notice__warning.s-notice__important,
body.theme-system .theme-dark__forced .s-notice__warning.s-notice__important {
    --_no-fc: var(--white);
    --_no-code-bc: var(--yellow-300);
    --_no-code-bg: var(--yellow-500)
}

body.theme-highcontrast .s-notice__warning.s-notice__important {
    --_no-bg: var(--yellow-500);
    --_no-fc: var(--white);
    --_no-btn-bg-active: #0000;
    --_no-btn-bg-focus: #0000
}

.s-notice code {
    background-color: var(--_no-code-bg);
    border-radius: var(--br-sm);
    color: var(--_no-code-fc);
    outline: var(--su-static1) solid var(--_no-code-bc);
    padding-left: var(--su2);
    padding-right: var(--su2)
}

.s-notice .s-notice--btn {
    color: var(--_no-btn-fc, inherit) !important;
    padding: var(--su8)
}

.s-notice .s-notice--btn:active {
    background-color: var(--_no-btn-bg-active, inherit) !important
}

.s-notice .s-notice--btn.focus-inset-bordered,
.s-notice .s-notice--btn:focus-visible,
.s-notice .s-notice--btn:hover {
    background-color: var(--_no-btn-bg-focus, inherit) !important
}

.s-page-title {
    --_pt-ai: flex-end;
    --_pt-fd: row;
    --_pt-actions-ml: var(--su8);
    --_pt-actions-mt: unset;
    --_pt-breadcrums-mb: var(--su8);
    align-items: var(--_pt-ai);
    border-bottom: var(--su-static1) solid var(--bc-medium);
    display: flex;
    flex-direction: var(--_pt-fd);
    justify-content: space-between;
    padding-bottom: var(--su16);
    width: 100%
}

@media (max-width:640px) {
    .s-page-title {
        --_pt-breadcrums-mb: var(--su2)
    }
}

@media (max-width:980px) {
    .s-page-title {
        --_pt-ai: flex-start;
        --_pt-fd: column;
        --_pt-actions-ml: 0;
        --_pt-actions-mt: var(--su8)
    }
}

.s-page-title .s-page-title--actions {
    flex-shrink: 0;
    margin-left: var(--_pt-actions-ml);
    margin-top: var(--_pt-actions-mt)
}

.s-page-title .s-page-title--description {
    color: var(--fc-light);
    font-size: var(--fs-body2);
    margin-bottom: 0;
    margin-top: var(--su4)
}

.s-page-title .s-page-title--header {
    color: var(--fc-dark);
    font-size: var(--fs-headline1);
    font-weight: 700;
    line-height: var(--lh-sm);
    margin: 0
}

.s-page-title .s-breadcrumbs {
    margin-bottom: var(--_pt-breadcrums-mb)
}

.s-pagination ul,
ul.s-pagination {
    list-style: none;
    margin: 0;
    padding: 0
}

.s-pagination .s-pagination--item {
    --_pa-item-bg: #0000;
    --_pa-item-bc: var(--bc-darker);
    --_pa-item-fc: var(--fc-medium);
    --_pa-item-bg-focus: var(--black-400);
    --_pa-item-fc-focus: var(--white);
    --_pa-item-bg-hover: var(--black-225);
    --_pa-item-bc-hover: var(--bc-darker);
    --_pa-item-fc-hover: var(--fc-dark);
    background-color: var(--_pa-item-bg);
    border: 1px solid var(--_pa-item-bc);
    border-radius: var(--br-sm);
    color: var(--_pa-item-fc);
    display: inline-block;
    font-size: var(--fs-body1);
    line-height: var(--lh-xl);
    padding: 0 var(--su8)
}

body.theme-highcontrast .s-pagination .s-pagination--item {
    text-decoration: none
}

.s-pagination .s-pagination--item.is-selected {
    --_pa-item-bg: var(--theme-primary);
    --_pa-item-bc: #0000;
    --_pa-item-fc: var(--white);
    --_pa-item-bg-focus: var(--theme-primary-400)
}

.s-pagination .s-pagination--item.s-pagination--item__clear {
    --_pa-item-bg: #0000;
    --_pa-item-bc: #0000;
    --_pa-item-fc: inherit
}

.s-pagination .s-pagination--item.is-selected,
.s-pagination .s-pagination--item.s-pagination--item__clear {
    --_pa-item-bc-hover: var(--_pa-item-bc);
    --_pa-item-bg-hover: var(--_pa-item-bg);
    --_pa-item-fc-hover: var(--_pa-item-fc)
}

.s-pagination .s-pagination--item:hover {
    background-color: var(--_pa-item-bg-hover);
    border-color: var(--_pa-item-bc-hover);
    color: var(--_pa-item-fc-hover)
}

.s-pagination .s-pagination--item:focus-visible {
    border-color: var(--focus-theme) !important;
    box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-pagination .s-pagination--item.focus-inset-bordered,
.s-pagination .s-pagination--item:focus-visible {
    background-color: var(--_pa-item-bg-focus);
    color: var(--_pa-item-fc-focus)
}

.s-pagination,
.s-pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: var(--su4)
}

.s-popover {
    --_po-bg: var(--white);
    --_po-bc: var(--bc-medium);
    --_po-bs: var(--bs-md);
    --_po-d: none;
    --_po-wmn: 12rem;
    --_po-w: 100%;
    --_po-arrow-fc: var(--white);
    --_po-arrow-b: unset;
    --_po-arrow-l: unset;
    --_po-arrow-r: unset;
    --_po-arrow-t: unset;
    --_po-arrow-ps: calc(var(--su6)*-1);
    --_po-arrow-after-b: unset;
    --_po-arrow-after-l: unset;
    --_po-arrow-after-r: unset;
    --_po-arrow-after-t: unset;
    --_po-arrow-after-bs: unset;
    --_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
    --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
    background-color: var(--_po-bg);
    border: 1px solid var(--_po-bc);
    border-radius: var(--br-md);
    box-shadow: var(--_po-bs);
    color: var(--fc-dark);
    display: var(--_po-d);
    font-size: var(--fs-body1);
    max-width: 24rem;
    min-width: var(--_po-wmn);
    padding: var(--su12);
    position: absolute;
    white-space: normal;
    width: var(--_po-w);
    z-index: var(--zi-popovers)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-popover {
        --_po-bg: var(--black-200);
        --_po-bc: var(--bc-light);
        --_po-bs: var(--bs-lg);
        --_po-arrow-fc: var(--black-200)
    }
}

.theme-dark__forced .s-popover,
body.theme-dark .s-popover,
body.theme-system .theme-dark__forced .s-popover {
    --_po-bg: var(--black-200);
    --_po-bc: var(--bc-light);
    --_po-bs: var(--bs-lg);
    --_po-arrow-fc: var(--black-200)
}

.s-popover.is-visible {
    --_po-d: block
}

.s-popover.s-popover__tooltip {
    --_po-wmn: unset;
    --_po-w: auto
}

.s-popover .s-popover--arrow__bc,
.s-popover .s-popover--arrow__bl,
.s-popover .s-popover--arrow__br,
.s-popover[data-popper-placement^=top]>.s-popover--arrow {
    --_po-arrow-b: var(--_po-arrow-ps);
    --_po-arrow-after-b: var(--su-static1);
    --_po-arrow-after-bs: 2px 2px 5px 0 #00000012, 2px 2px 2px -1px #0000001a
}

body.theme-highcontrast .s-popover .s-popover--arrow__bc,
body.theme-highcontrast .s-popover .s-popover--arrow__bl,
body.theme-highcontrast .s-popover .s-popover--arrow__br,
body.theme-highcontrast .s-popover[data-popper-placement^=top]>.s-popover--arrow {
    --_po-arrow-after-bs: 1px 1px 0 0 var(--bc-medium)
}

.s-popover .s-popover--arrow__tc,
.s-popover .s-popover--arrow__tl,
.s-popover .s-popover--arrow__tr,
.s-popover[data-popper-placement^=bottom]>.s-popover--arrow {
    --_po-arrow-t: var(--_po-arrow-ps);
    --_po-arrow-after-t: var(--su-static1);
    --_po-arrow-after-bs: -1px -1px 1px 0 #0000001f
}

body.theme-highcontrast .s-popover .s-popover--arrow__tc,
body.theme-highcontrast .s-popover .s-popover--arrow__tl,
body.theme-highcontrast .s-popover .s-popover--arrow__tr,
body.theme-highcontrast .s-popover[data-popper-placement^=bottom]>.s-popover--arrow {
    --_po-arrow-after-bs: -1px -1px 0 0 var(--bc-medium)
}

.s-popover .s-popover--arrow__rb,
.s-popover .s-popover--arrow__rc,
.s-popover .s-popover--arrow__rt,
.s-popover[data-popper-placement^=left]>.s-popover--arrow {
    --_po-arrow-r: var(--_po-arrow-ps);
    --_po-arrow-after-r: var(--su-static1);
    --_po-arrow-after-bs: 2px -2px 5px 0 #00000012, 2px -2px 2px -1px #0000001a
}

body.theme-highcontrast .s-popover .s-popover--arrow__rb,
body.theme-highcontrast .s-popover .s-popover--arrow__rc,
body.theme-highcontrast .s-popover .s-popover--arrow__rt,
body.theme-highcontrast .s-popover[data-popper-placement^=left]>.s-popover--arrow {
    --_po-arrow-after-bs: 1px -1px 0 0 var(--bc-medium)
}

.s-popover .s-popover--arrow__lb,
.s-popover .s-popover--arrow__lc,
.s-popover .s-popover--arrow__lt,
.s-popover[data-popper-placement^=right]>.s-popover--arrow {
    --_po-arrow-l: var(--_po-arrow-ps);
    --_po-arrow-after-l: var(--su-static1);
    --_po-arrow-after-bs: -2px 2px 5px 0 #00000012, -2px 2px 2px -1px #0000001a
}

body.theme-highcontrast .s-popover .s-popover--arrow__lb,
body.theme-highcontrast .s-popover .s-popover--arrow__lc,
body.theme-highcontrast .s-popover .s-popover--arrow__lt,
body.theme-highcontrast .s-popover[data-popper-placement^=right]>.s-popover--arrow {
    --_po-arrow-after-bs: -1px 1px 0 0 var(--bc-medium)
}

.s-popover .s-popover--arrow__bc,
.s-popover .s-popover--arrow__tc {
    --_po-arrow-l: calc(50% - var(--su6))
}

.s-popover .s-popover--arrow__lc,
.s-popover .s-popover--arrow__rc {
    --_po-arrow-t: calc(50% - var(--su6))
}

.s-popover .s-popover--arrow__br,
.s-popover .s-popover--arrow__tr {
    --_po-arrow-r: var(--su12)
}

.s-popover .s-popover--arrow__lb,
.s-popover .s-popover--arrow__rb {
    --_po-arrow-b: var(--su12)
}

.s-popover .s-popover--arrow {
    bottom: var(--_po-arrow-b);
    color: var(--_po-arrow-fc);
    left: var(--_po-arrow-l);
    right: var(--_po-arrow-r);
    top: var(--_po-arrow-t)
}

.s-popover .s-popover--arrow,
.s-popover .s-popover--arrow:after,
.s-popover .s-popover--arrow:before {
    display: block;
    height: var(--su12);
    position: absolute;
    width: var(--su12);
    z-index: -1
}

.s-popover .s-popover--arrow:after,
.s-popover .s-popover--arrow:before {
    content: "";
    transform: rotate(45deg)
}

.s-popover .s-popover--arrow:after {
    background: currentColor;
    border-radius: calc(var(--su-static1)*1.5);
    bottom: var(--_po-arrow-after-b);
    box-shadow: var(--_po-arrow-after-bs);
    left: var(--_po-arrow-after-l);
    right: var(--_po-arrow-after-r);
    top: var(--_po-arrow-after-t)
}

.s-popover .s-popover--close {
    float: right;
    padding: var(--su8) !important;
    right: calc(var(--su8)*-1);
    top: calc(var(--su8)*-1)
}

.s-popover .s-popover--content {
    margin: calc(var(--su12)*-1);
    max-height: var(--_po-content-mxh);
    overflow-y: auto;
    padding: var(--su12)
}

.s-post-summary {
    --_ps-bb: var(--su1) solid var(--bc-light);
    --_ps-bg: unset;
    --_ps-o: unset;
    --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
    --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400))));
    --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500))));
    --_ps-content-title-a-fc-visited: var(--_ps-state-fc, var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500))));
    --_ps-content-title-a-fc-hover-visited: var(--_ps-state-fc, var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600))));
    --_ps-stats-ai: flex-end;
    --_ps-stats-fc: var(--_ps-state-fc, var(--fc-light));
    --_ps-stats-fd: column;
    --_ps-stats-w: calc(var(--su96) + var(--su12));
    --_ps-has-answers-bc: var(--green-400);
    --_ps-has-answers-bg: unset;
    --_ps-has-answers-fc: var(--green-400);
    --_ps-has-accepted-answers-bc: var(--green-400);
    --_ps-has-accepted-answers-bg: var(--green-400);
    --_ps-has-accepted-answers-fc: var(--white);
    --_ps-stats-item-emphasized-fc: var(--_ps-state-fc, var(--fc-dark));
    background-color: var(--_ps-bg);
    border-bottom: var(--_ps-bb);
    display: flex;
    padding: var(--su16);
    position: relative
}

@media (max-width:980px) {
    .s-post-summary {
        --_ps-stats-ai: center;
        --_ps-stats-fd: row;
        --_ps-stats-w: auto;
        flex-direction: column
    }
}

.s-post-summary .s-post-summary--answer,
.s-post-summary.s-post-summary__minimal {
    --_ps-stats-ai: center;
    --_ps-stats-fd: row;
    --_ps-stats-w: auto
}

.s-post-summary.s-post-summary__minimal {
    flex-direction: column
}

.s-post-summary.s-post-summary__minimal .s-post-summary--content {
    width: 100%
}

.s-post-summary.s-post-summary__deleted,
.s-post-summary.s-post-summary__ignored {
    --_ps-o: 0.75;
    --_ps-has-answers-bc: var(--black-350);
    --_ps-has-answers-bg: #0000;
    --_ps-has-answers-fc: var(--_ps-state-fc);
    --_ps-has-accepted-answers-bc: #0000;
    --_ps-has-accepted-answers-bg: var(--black-150);
    --_ps-has-accepted-answers-fc: var(--_ps-state-fc);
    --_ps-meta-tags-tag-bg: var(--black-150);
    --_ps-meta-tags-tag-fc: var(--_ps-state-fc);
    --_ps-state-fc: var(--black-400)
}

.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag .focus-bordered,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:active,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:focus,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:hover,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag .focus-bordered,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:active,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:hover,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a .focus-bordered,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:active,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:focus,
.s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:hover,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag .focus-bordered,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:active,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:focus,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:hover,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag .focus-bordered,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:active,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:hover,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a .focus-bordered,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:active,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:focus,
.s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:hover {
    background-color: var(--_ps-meta-tags-tag-bg);
    color: var(--black-500)
}

body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:active,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag:hover,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:active,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .s-tag:hover,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:active,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a:hover,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:active,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .post-tag:hover,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:active,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags .s-tag:hover,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a .focus-bordered,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:active,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:focus,
body.theme-highcontrast .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a:hover {
    border-color: currentColor
}

.s-post-summary.s-post-summary__deleted .s-user-card .s-user-card--link,
.s-post-summary.s-post-summary__deleted .s-user-card .s-user-card--rep,
.s-post-summary.s-post-summary__deleted .s-user-card .s-user-card--time,
.s-post-summary.s-post-summary__deleted .s-user-card a,
.s-post-summary.s-post-summary__ignored .s-user-card .s-user-card--link,
.s-post-summary.s-post-summary__ignored .s-user-card .s-user-card--rep,
.s-post-summary.s-post-summary__ignored .s-user-card .s-user-card--time,
.s-post-summary.s-post-summary__ignored .s-user-card a {
    color: var(--_ps-state-fc)
}

.s-post-summary.s-post-summary__deleted .s-user-card .s-badge,
.s-post-summary.s-post-summary__ignored .s-user-card .s-badge {
    filter: grayscale(100%)
}

.s-post-summary.s-post-summary__deleted,
.s-post-summary.s-post-summary__watched {
    background-color: var(--_ps-bg)
}

.s-post-summary.s-post-summary__deleted {
    --_ps-bg: var(--red-100);
    --_ps-has-accepted-answers-bg: var(--black-200);
    --_ps-has-accepted-answers-fc: var(--black-500);
    --_ps-meta-tags-tag-bg: var(--black-200)
}

.s-post-summary.s-post-summary__deleted .is-deleted,
.s-post-summary.s-post-summary__deleted .s-badge__danger.s-badge__filled {
    background-color: var(--red-500)
}

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

    body.theme-system .s-post-summary.s-post-summary__deleted .is-deleted,
    body.theme-system .s-post-summary.s-post-summary__deleted .s-badge__danger.s-badge__filled {
        background-color: var(--red-600);
        color: var(--white)
    }
}

.theme-dark__forced .s-post-summary.s-post-summary__deleted .is-deleted,
.theme-dark__forced .s-post-summary.s-post-summary__deleted .s-badge__danger.s-badge__filled,
body.theme-dark .s-post-summary.s-post-summary__deleted .is-deleted,
body.theme-dark .s-post-summary.s-post-summary__deleted .s-badge__danger.s-badge__filled,
body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .is-deleted,
body.theme-system .theme-dark__forced .s-post-summary.s-post-summary__deleted .s-badge__danger.s-badge__filled {
    background-color: var(--red-600);
    color: var(--white)
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) {
    --_ps-bg: var(--yellow-100);
    --_ps-stats-fc: var(--black-400);
    --_ps-content-title-a-fc: var(--theme-post-title-color, var(--theme-link-color, var(--theme-secondary-400)));
    --_ps-content-title-a-fc-hover: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--theme-secondary-500)));
    --_ps-content-title-a-fc-visited: var(--theme-post-title-color-visited, var(--theme-link-color-visited, var(--purple-500)));
    --_ps-content-title-a-fc-hover-visited: var(--theme-post-title-color-hover, var(--theme-link-color-hover, var(--purple-600)))
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a {
    color: var(--_ps-content-title-a-fc)
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a:active,
.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a:hover {
    color: var(--_ps-content-title-a-fc-hover)
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a:visited {
    color: var(--_ps-content-title-a-fc-visited)
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card a:visited:hover {
    color: var(--_ps-content-title-a-fc-hover-visited)
}

.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card .s-user-card--rep,
.s-post-summary.s-post-summary__watched:not(.s-post-summary__deleted):not(.s-post-summary__ignored) .s-user-card .s-user-card--time {
    color: var(--black-500)
}

.s-post-summary:last-child {
    --_ps-bb: none
}

.s-post-summary .s-post-summary--answer {
    margin: var(--su16) 1em 0 1em;
    padding: .5em 0 .5em calc(1em + var(--su4));
    position: relative
}

.s-post-summary .s-post-summary--answer+.s-post-summary .s-post-summary--answer {
    margin-top: var(--su16)
}

.s-post-summary .s-post-summary--answer:before {
    background: var(--black-250);
    border-radius: var(--su8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--su4)
}

body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
    background: var(--black-500)
}

.s-post-summary .s-post-summary--answer-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    color: var(--black-500);
    margin-bottom: var(--su8);
    overflow: hidden
}

.s-post-summary .s-post-summary--content {
    flex-grow: 1;
    max-width: 100%
}

.s-post-summary .s-post-summary--content>:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta):not(.s-popover) {
    opacity: var(--_ps-o)
}

.s-post-summary .s-post-summary--content-excerpt {
    display: -webkit-box;
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--_ps-content-excerpt-fc);
    font-family: var(--theme-post-body-font-family, var(--theme-body-font-family));
    margin-bottom: var(--su8);
    margin-top: calc(var(--su2)*-1);
    overflow: hidden
}

.s-post-summary .s-post-summary--content-excerpt.s-post-summary--content-excerpt__sm {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.s-post-summary .s-post-summary--content-excerpt.s-post-summary--content-excerpt__md {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.s-post-summary .s-post-summary--content-excerpt.s-post-summary--content-excerpt__lg {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.s-post-summary .s-post-summary--content-menu-button {
    right: var(--su8);
    top: var(--su8)
}

.s-post-summary .s-post-summary--content-menu-button .svg-icon {
    margin: 0 !important
}

.s-post-summary .s-post-summary--content-menu-button,
.s-post-summary .s-post-summary--content-menu-button.s-btn {
    padding: var(--su8);
    position: absolute
}

.s-post-summary .s-post-summary--content-title {
    display: block;
    font-size: var(--fs-body3);
    font-weight: 400;
    line-height: var(--lh-md);
    margin-bottom: .3846rem;
    margin-top: -.15rem;
    padding-right: var(--su24)
}

.s-post-summary .s-post-summary--content-title,
.s-post-summary .s-post-summary--content-title a {
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important
}

.s-post-summary .s-post-summary--content-title a {
    color: var(--_ps-content-title-a-fc);
    font-family: var(--theme-post-title-font-family, var(--theme-body-font-family))
}

.s-post-summary .s-post-summary--content-title a:active,
.s-post-summary .s-post-summary--content-title a:hover {
    color: var(--_ps-content-title-a-fc-hover)
}

.s-post-summary .s-post-summary--content-title a:visited {
    color: var(--_ps-content-title-a-fc-visited)
}

.s-post-summary .s-post-summary--content-title a:visited:hover {
    color: var(--_ps-content-title-a-fc-hover-visited)
}

.s-post-summary .s-post-summary--content-title .iconShield {
    color: var(--fc-light)
}

.s-post-summary .s-post-summary--content-title .svg-icon {
    position: relative;
    top: calc(var(--su1)*-1);
    vertical-align: text-bottom
}

.s-post-summary .s-post-summary--content-type {
    color: var(--fc-medium);
    margin-bottom: var(--su4)
}

.s-post-summary .s-post-summary--content-type .svg-icon {
    color: var(--fc-light);
    margin-left: calc(var(--su2)*-1)
}

.s-post-summary .s-post-summary--meta {
    align-items: center;
    column-gap: var(--su6);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: var(--su8)
}

.s-post-summary .s-post-summary--meta>:not(.s-post-summary--meta-tags):not(.s-user-card)>* {
    opacity: var(--_ps-o)
}

.s-post-summary .s-post-summary--meta .s-user-card {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto
}

.s-post-summary .s-post-summary--meta .s-user-card>:not(.magic-popup) {
    opacity: var(--_ps-o)
}

.s-post-summary .s-post-summary--meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: var(--su4)
}

.s-post-summary .s-post-summary--meta-tags .post-tag,
.s-post-summary .s-post-summary--meta-tags .s-tag,
.s-post-summary .s-post-summary--meta-tags>a,
.s-post-summary .s-post-summary--meta-tags>ul>li>a {
    opacity: var(--_ps-o)
}

.s-post-summary .s-post-summary--stats {
    align-items: var(--_ps-stats-ai);
    color: var(--_ps-stats-fc);
    display: flex;
    flex-direction: var(--_ps-stats-fd);
    flex-shrink: 0;
    flex-wrap: wrap;
    font-size: var(--fs-body1);
    gap: var(--su6);
    margin-bottom: var(--su4);
    margin-right: var(--su16);
    width: var(--_ps-stats-w)
}

.s-post-summary .s-post-summary--stats>:not(.s-badge__danger) {
    opacity: var(--_ps-o)
}

.s-post-summary .s-post-summary--stats-item:not(.s-badge) {
    align-items: center;
    border: var(--su1) solid #0000;
    display: inline-flex;
    gap: .3em;
    justify-content: center;
    white-space: nowrap
}

.s-post-summary .s-post-summary--stats-item:not(.s-badge).is-deleted {
    color: var(--white)
}

.s-post-summary .s-post-summary--stats-item.s-badge {
    font-size: var(--fs-body1);
    line-height: var(--lh-md);
    padding: var(--su2) var(--su4)
}

.s-post-summary .s-post-summary--stats-item.has-answers,
.s-post-summary .s-post-summary--stats-item.has-bounty,
.s-post-summary .s-post-summary--stats-item.is-archived,
.s-post-summary .s-post-summary--stats-item.is-closed,
.s-post-summary .s-post-summary--stats-item.is-deleted,
.s-post-summary .s-post-summary--stats-item.is-draft,
.s-post-summary .s-post-summary--stats-item.is-pinned,
.s-post-summary .s-post-summary--stats-item.is-published,
.s-post-summary .s-post-summary--stats-item.is-review {
    border-radius: var(--br-sm);
    padding: var(--su2) var(--su4)
}

.s-post-summary .s-post-summary--stats-item.has-answers {
    background-color: var(--_ps-has-answers-bg);
    border: var(--su1) solid var(--_ps-has-answers-bc);
    color: var(--_ps-has-answers-fc)
}

.s-post-summary .s-post-summary--stats-item.has-answers.has-accepted-answer {
    background-color: var(--_ps-has-accepted-answers-bg);
    border-color: var(--_ps-has-accepted-answers-bc);
    color: var(--_ps-has-accepted-answers-fc)
}

.s-post-summary .s-post-summary--stats-item.has-bounty {
    background-color: var(--blue-500);
    color: var(--white)
}

.s-post-summary .s-post-summary--stats-item.is-warm {
    color: var(--_ps-state-fc, var(--yellow-500))
}

.s-post-summary .s-post-summary--stats-item.is-hot {
    color: var(--_ps-state-fc, var(--orange-500))
}

.s-post-summary .s-post-summary--stats-item.is-supernova {
    color: var(--_ps-state-fc, var(--red-500))
}

.s-post-summary .s-post-summary--stats-item.is-archived {
    background-color: var(--black-225);
    border-color: var(--black-500);
    color: var(--black-600)
}

.s-post-summary .s-post-summary--stats-item.is-closed {
    background-color: var(--red-300);
    border-color: var(--red-500);
    color: var(--red-600)
}

.s-post-summary .s-post-summary--stats-item.is-draft {
    background-color: var(--blue-300);
    border-color: var(--blue-500);
    color: var(--blue-600)
}

.s-post-summary .s-post-summary--stats-item.is-pinned {
    background-color: var(--black-500);
    color: var(--white)
}

.s-post-summary .s-post-summary--stats-item.is-published {
    background-color: var(--black-150);
    color: var(--black-600)
}

.s-post-summary .s-post-summary--stats-item.is-review {
    background-color: var(--yellow-300);
    border-color: var(--yellow-500);
    color: var(--yellow-600)
}

.s-post-summary .s-post-summary--stats-item__emphasized {
    color: var(--_ps-stats-item-emphasized-fc)
}

.s-post-summary .s-post-summary--stats-item-number {
    font-weight: 500
}

.s-progress {
    --_pr-bar: var(--br-sm);
    --_pr-bg: var(--black-300);
    --_pr-h: unset;
    --_pr-size: unset;
    --_pr-w: 100%;
    --_pr-hmn: var(--su-static4);
    --_pr-bar-bar: var(--br-sm);
    --_pr-bar-bg: var(--green-400);
    --_pr-bar-hmn: var(--su-static4);
    --_pr-label-ai: unset;
    --_pr-label-bc: #0000;
    --_pr-label-d: unset;
    --_pr-label-g: unset;
    --_pr-label-jc: unset;
    --_pr-label-px: unset;
    background-color: var(--_pr-bg);
    border-radius: var(--_pr-bar);
    height: var(--_pr-size, var(--_pr-h));
    min-height: var(--_pr-hmn);
    min-width: var(--su-static6);
    position: relative;
    width: var(--_pr-size, var(--_pr-w))
}

.s-progress.s-progress__brand {
    --_pr-bar-bg: var(--orange-400)
}

.s-progress.s-progress__bronze {
    --_pr-bar-bg: var(--bronze-100);
    --_pr-label-bc: var(--bronze-400)
}

.s-progress.s-progress__gold {
    --_pr-bar-bg: var(--gold-100);
    --_pr-label-bc: var(--gold-400)
}

.s-progress.s-progress__info {
    --_pr-bar-bg: var(--blue-400)
}

.s-progress.s-progress__silver {
    --_pr-bar-bg: var(--silver-100);
    --_pr-label-bc: var(--silver-400)
}

.s-progress.s-progress__badge,
.s-progress.s-progress__privilege {
    --_pr-bar: var(--br-md);
    --_pr-bg: #0000;
    --_pr-hmn: 2em;
    --_pr-bar-bar: var(--br-md);
    --_pr-bar-hmn: 2em;
    --_pr-label-d: flex;
    --_pr-label-g: var(--su4)
}

.s-progress.s-progress__badge {
    --_pr-label-ai: center;
    --_pr-label-px: 1em
}

.s-progress.s-progress__badge .s-progress--label .s-badge--label {
    flex-grow: 1;
    text-align: center
}

.s-progress.s-progress__circular {
    --_pr-bg: #0000;
    --_pr-size: var(--su-static32);
    --s-progress-value: 0
}

.s-progress.s-progress__circular.s-progress__sm {
    --_pr-size: var(--su-static24)
}

.s-progress.s-progress__circular.s-progress__md {
    --_pr-size: var(--su-static48)
}

.s-progress.s-progress__circular.s-progress__lg {
    --_pr-size: var(--su-static64)
}

.s-progress.s-progress__circular .s-progress-bar {
    transform: rotate(270deg)
}

.s-progress.s-progress__circular .s-progress-bar circle {
    fill: none;
    stroke-linecap: round;
    stroke-width: var(--su-static4)
}

.s-progress.s-progress__circular .s-progress-bar circle:first-of-type {
    opacity: .4;
    stroke: currentColor
}

.s-progress.s-progress__circular .s-progress-bar circle:nth-of-type(2) {
    stroke: currentColor;
    stroke-dasharray: 87.9645943;
    stroke-dashoffset: calc((1 - var(--s-progress-value))*87.96459*1px)
}

.s-progress.s-progress__privilege {
    --_pr-bar-bg: var(--green-200);
    --_pr-label-ai: center;
    --_pr-label-bc: var(--green-400);
    --_pr-label-jc: center
}

body.theme-highcontrast .s-progress.s-progress__privilege {
    --_pr-bar-bg: var(--green-300)
}

.s-progress.s-progress__stepped {
    background: #0000;
    display: flex
}

.s-progress.s-progress__stepped .s-progress--bar {
    background: var(--black-250);
    border-radius: 0;
    height: var(--su-static6);
    position: absolute;
    top: calc(var(--su-static8) + var(--su-static1));
    z-index: var(--zi-base)
}

.s-progress.s-progress__stepped .s-progress--bar.s-progress--bar__left {
    left: 0;
    right: 50%
}

.s-progress.s-progress__stepped .s-progress--bar.s-progress--bar__right {
    left: 50%;
    right: 0
}

.s-progress.s-progress__stepped .s-progress--label {
    border: 0;
    border-radius: 0;
    color: var(--black-400);
    display: block;
    font-size: var(--fs-body1);
    height: auto;
    padding: var(--su12) var(--su6) 0 var(--su6);
    position: static;
    text-align: center;
    width: auto;
    z-index: var(--zi-base)
}

.s-progress.s-progress__stepped .s-progress--step {
    align-items: center;
    display: flex;
    flex-basis: 0;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    position: relative
}

.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--bar.s-progress--bar__left {
    background: var(--theme-secondary-400)
}

.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--label {
    color: var(--fc-dark)
}

.s-progress.s-progress__stepped .s-progress--step.is-active .s-progress--stop {
    background: var(--theme-secondary-400);
    box-shadow: 0 0 0 var(--su-static6) var(--translucent-secondary)
}

.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--bar,
.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--stop {
    background: var(--theme-secondary-400)
}

.s-progress.s-progress__stepped .s-progress--step.is-complete .s-progress--label {
    color: var(--fc-dark)
}

.s-progress.s-progress__stepped .s-progress--stop {
    align-items: center;
    background: var(--black-250);
    border-radius: 100%;
    color: var(--_white-static);
    display: flex;
    height: var(--su-static24);
    justify-content: center;
    position: relative;
    width: var(--su-static24);
    z-index: var(--zi-selected)
}

body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
    color: var(--white)
}

.s-progress .s-progress--bar {
    background-color: var(--_pr-bar-bg);
    border-radius: var(--_pr-bar);
    height: 100%;
    min-height: var(--_pr-hmn);
    min-width: var(--su-static6);
    position: relative
}

.s-progress .s-progress--label {
    align-items: var(--_pr-label-ai);
    border: var(--su-static1) solid var(--_pr-label-bc);
    border-radius: var(--br-md);
    color: var(--fc-dark);
    display: var(--_pr-label-d);
    font-size: var(--fs-caption);
    gap: var(--_pr-label-g);
    height: 100%;
    justify-content: var(--_pr-label-jc);
    line-height: var(--lh-xs);
    padding-left: var(--_pr-label-px);
    padding-right: var(--_pr-label-px);
    position: absolute;
    width: 100%;
    z-index: calc(var(--zi-base) + 2)
}

.s-progress .s-progress--segments {
    display: flex;
    height: 100%;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.s-progress .s-progress--segments li {
    display: block;
    padding-top: var(--su-static4);
    position: relative;
    text-align: center
}

.s-progress .s-progress--segments li:not(:first-child):not(:last-child):before {
    background-color: var(--white);
    content: "";
    display: block;
    height: 100%;
    left: calc(var(--su-static1)*-1);
    position: absolute;
    top: 0;
    width: var(--su-static4)
}

.s-prose {
    --_pr-fs: calc(var(--su-static16) - var(--su-static1));
    --_pr-lh: 1.5;
    --_pr-blockquote-ml: 1em;
    --_pr-blockquote-mt: 0;
    --_pr-blockquote-before-bg: var(--black-250);
    --_pr-code-fs: var(--fs-body1);
    --_pr-h1-fs: var(--fs-headline1);
    --_pr-h2-fs: var(--fs-title);
    --_pr-h3-fs: var(--fs-subheading);
    --_pr-h4-fs: var(--fs-body3);
    --_pr-h5-fs: var(--fs-body2);
    --_pr-h6-fs: var(--fs-body1);
    --_pr-hr-bg: var(--black-225);
    --_pr-img-mb: 1.1em;
    --_pr-kbd-bc: var(--black-300);
    --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) #0c0d0e26, inset 0 1px 0 0 var(--_white-static);
    --_pr-spoiler-cursor: pointer;
    --_pr-spoiler-after-t: 1em;
    --_pr-soiler-after-o: unset;
    --_pr-soiler-child-o: 0;
    --_pr-soiler-child-visibility: hidden;
    --s-prose-spacing: 1.1em;
    --s-prose-spacing-condensed: 0.55em;
    font-size: var(--_pr-fs);
    line-height: var(--_pr-lh);
    overflow-wrap: break-word
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-prose {
        --_pr-kbd-bc: #0000;
        --_pr-kbd-btc: var(--black-400);
        --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) #0c0d0ecc
    }
}

.theme-dark__forced .s-prose,
body.theme-dark .s-prose,
body.theme-system .theme-dark__forced .s-prose {
    --_pr-kbd-bc: #0000;
    --_pr-kbd-btc: var(--black-400);
    --_pr-kbd-bs: 0 var(--su-static1) var(--su-static1) #0c0d0ecc
}

body.theme-highcontrast .s-prose {
    --_pr-blockquote-before-bg: var(--black-500);
    --_pr-hr-bg: var(--black-400)
}

@media (max-width:640px) {
    .s-prose {
        --_pr-spoiler-after-t: calc(var(--su8) + var(--su1))
    }
}

.s-prose.s-prose__md,
.s-prose.s-prose__sm,
.s-prose.s-prose__xs {
    --_pr-h1-fs: var(--fs-headline1-relative);
    --_pr-h2-fs: var(--fs-title-relative);
    --_pr-h3-fs: var(--fs-subheading-relative);
    --_pr-h4-fs: var(--fs-body3-relative);
    --_pr-h5-fs: var(--fs-body2-relative)
}

.s-prose.s-prose__xs {
    --_pr-fs: var(--fs-caption);
    --_pr-lh: var(--lh-sm)
}

.s-prose.s-prose__sm {
    --_pr-fs: var(--fs-body1);
    --_pr-lh: var(--lh-md)
}

.s-prose.s-prose__md {
    --_pr-fs: var(--fs-body3);
    --_pr-lh: var(--lh-xl)
}

.s-prose :not(.s-code-block)>a code {
    color: var(--theme-link-color, var(--theme-secondary-400))
}

.s-prose :not(.s-code-block)>code {
    background-color: var(--black-200);
    border-radius: var(--br-sm);
    color: var(--black-600);
    padding: var(--su2) var(--su4)
}

.s-prose .s-link-preview:last-child,
.s-prose .s-link-preview:only-child,
.s-prose .s-table-container:last-child,
.s-prose .s-table-container:only-child,
.s-prose blockquote:last-child,
.s-prose blockquote:only-child,
.s-prose dl:last-child,
.s-prose dl:only-child,
.s-prose h1:last-child,
.s-prose h1:only-child,
.s-prose h2:last-child,
.s-prose h2:only-child,
.s-prose h3:last-child,
.s-prose h3:only-child,
.s-prose h4:last-child,
.s-prose h4:only-child,
.s-prose h5:last-child,
.s-prose h5:only-child,
.s-prose h6:last-child,
.s-prose h6:only-child,
.s-prose hr:last-child,
.s-prose hr:only-child,
.s-prose img:last-child,
.s-prose img:only-child,
.s-prose ol:last-child,
.s-prose ol:only-child,
.s-prose p:last-child,
.s-prose p:only-child,
.s-prose pre:last-child,
.s-prose pre:only-child,
.s-prose table:last-child,
.s-prose table:only-child,
.s-prose ul:last-child,
.s-prose ul:only-child {
    margin-bottom: 0
}

.s-prose .s-link-preview+h1,
.s-prose .s-table-container+h1,
.s-prose blockquote+h1,
.s-prose dd+h1,
.s-prose dl+h1,
.s-prose img+h1,
.s-prose ol+h1,
.s-prose p+h1,
.s-prose pre+h1,
.s-prose table+h1,
.s-prose ul+h1 {
    margin-top: 1.5667em
}

.s-prose .s-link-preview+h2,
.s-prose .s-table-container+h2,
.s-prose blockquote+h2,
.s-prose dd+h2,
.s-prose dl+h2,
.s-prose img+h2,
.s-prose ol+h2,
.s-prose p+h2,
.s-prose pre+h2,
.s-prose table+h2,
.s-prose ul+h2 {
    margin-top: 1.667em
}

.s-prose .s-link-preview+h3,
.s-prose .s-table-container+h3,
.s-prose blockquote+h3,
.s-prose dd+h3,
.s-prose dl+h3,
.s-prose img+h3,
.s-prose ol+h3,
.s-prose p+h3,
.s-prose pre+h3,
.s-prose table+h3,
.s-prose ul+h3 {
    margin-top: 1.4667em
}

.s-prose .s-link-preview+h4,
.s-prose .s-link-preview+h5,
.s-prose .s-link-preview+h6,
.s-prose .s-table-container+h4,
.s-prose .s-table-container+h5,
.s-prose .s-table-container+h6,
.s-prose blockquote+h4,
.s-prose blockquote+h5,
.s-prose blockquote+h6,
.s-prose dd+h4,
.s-prose dd+h5,
.s-prose dd+h6,
.s-prose dl+h4,
.s-prose dl+h5,
.s-prose dl+h6,
.s-prose img+h4,
.s-prose img+h5,
.s-prose img+h6,
.s-prose ol+h4,
.s-prose ol+h5,
.s-prose ol+h6,
.s-prose p+h4,
.s-prose p+h5,
.s-prose p+h6,
.s-prose pre+h4,
.s-prose pre+h5,
.s-prose pre+h6,
.s-prose table+h4,
.s-prose table+h5,
.s-prose table+h6,
.s-prose ul+h4,
.s-prose ul+h5,
.s-prose ul+h6 {
    margin-top: 1.6667em
}

.s-prose h1,
.s-prose h2,
.s-prose h3,
.s-prose h4,
.s-prose h5,
.s-prose h6 {
    --_pr-code-fs: 0.9em;
    font-weight: 700 !important;
    margin-bottom: .5em
}

.s-prose h1 {
    font-size: var(--_pr-h1-fs);
    margin-bottom: .6em
}

.s-prose h2 {
    font-size: var(--_pr-h2-fs);
    margin-bottom: .7em
}

.s-prose h3 {
    font-size: var(--_pr-h3-fs);
    margin-bottom: .74em
}

.s-prose h4 {
    font-size: var(--_pr-h4-fs);
    margin-bottom: 1em
}

.s-prose h5 {
    font-size: var(--_pr-h5-fs)
}

.s-prose h6 {
    font-size: var(--_pr-h6-fs)
}

.s-prose blockquote,
.s-prose q {
    quotes: none
}

.s-prose .s-link-preview,
.s-prose .s-table-container,
.s-prose dd,
.s-prose dl {
    margin-bottom: 1.1em
}

.s-prose ol,
.s-prose ul {
    margin-bottom: 1.1em;
    margin-top: 0
}

.s-prose ol blockquote:last-child,
.s-prose ol blockquote:only-child,
.s-prose ol dl:last-child,
.s-prose ol dl:only-child,
.s-prose ol hr:last-child,
.s-prose ol hr:only-child,
.s-prose ol ol:last-child,
.s-prose ol ol:only-child,
.s-prose ol p:last-child,
.s-prose ol p:only-child,
.s-prose ol table:last-child,
.s-prose ol table:only-child,
.s-prose ol ul:last-child,
.s-prose ol ul:only-child,
.s-prose ul blockquote:last-child,
.s-prose ul blockquote:only-child,
.s-prose ul dl:last-child,
.s-prose ul dl:only-child,
.s-prose ul hr:last-child,
.s-prose ul hr:only-child,
.s-prose ul ol:last-child,
.s-prose ul ol:only-child,
.s-prose ul p:last-child,
.s-prose ul p:only-child,
.s-prose ul table:last-child,
.s-prose ul table:only-child,
.s-prose ul ul:last-child,
.s-prose ul ul:only-child {
    margin-bottom: 0
}

.s-prose ol blockquote,
.s-prose ol dd,
.s-prose ol dl,
.s-prose ol hr,
.s-prose ol li,
.s-prose ol ol,
.s-prose ol p,
.s-prose ol table,
.s-prose ol ul,
.s-prose ul blockquote,
.s-prose ul dd,
.s-prose ul dl,
.s-prose ul hr,
.s-prose ul li,
.s-prose ul ol,
.s-prose ul p,
.s-prose ul table,
.s-prose ul ul {
    margin-bottom: .55em
}

.s-prose ol li:last-child,
.s-prose ul li:last-child {
    margin-bottom: 0
}

.s-prose ol li ol,
.s-prose ol li ul,
.s-prose ul li ol,
.s-prose ul li ul {
    margin-top: .55em
}

.s-prose ol pre,
.s-prose ul pre {
    margin-bottom: .65em
}

.s-prose sub,
.s-prose sup {
    --_pr-code-fs: 90%
}

.s-prose blockquote {
    --_pr-img-mb: 0;
    color: var(--black-500);
    margin: var(--_pr-blockquote-mt) 1em 1.1em var(--_pr-blockquote-ml);
    padding: .8em .8em .8em 1em;
    position: relative
}

.s-prose blockquote:before {
    background: var(--_pr-blockquote-before-bg);
    border-radius: var(--su-static8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: var(--su4)
}

.s-prose blockquote :last-child {
    margin-bottom: 0
}

.s-prose blockquote blockquote {
    --_pr-blockquote-ml: 0
}

.s-prose code {
    font-family: var(--ff-mono);
    font-size: var(--_pr-code-fs)
}

.s-prose dd {
    margin: 0;
    padding: 0
}

.s-prose dd:last-child {
    margin-bottom: 0
}

.s-prose dl {
    margin-top: 0
}

.s-prose dt {
    font-weight: 700
}

.s-prose hr {
    background-color: var(--_pr-hr-bg);
    border: 0;
    color: var(--_pr-hr-bg);
    height: var(--su-static1);
    margin-bottom: 1.1em
}

.s-prose img {
    margin-bottom: var(--_pr-img-mb);
    max-width: 100%;
    vertical-align: bottom
}

.s-prose kbd {
    background-color: var(--black-200);
    border: var(--su-static1) solid var(--_pr-kbd-bc);
    border-radius: var(--br-sm);
    border-top-color: var(--_pr-kbd-btc, var(--_pr-kbd-bc));
    box-shadow: var(--_pr-kbd-bs);
    color: var(--black-600);
    display: inline-block;
    font-family: var(--ff-sans);
    font-size: var(--fs-fine);
    line-height: var(--_pr-lh);
    margin: 0 .1em;
    overflow-wrap: break-word;
    padding: .1em .6em;
    text-shadow: 0 var(--su-static1) 0 var(--white)
}

.s-prose li {
    --_pr-blockquote-mt: 0.55em;
    --_pr-img-mb: 0;
    overflow-wrap: break-word
}

.s-prose li pre {
    overflow-wrap: normal
}

.s-prose p {
    --_pr-img-mb: 0;
    margin-bottom: 1.1em
}

.s-prose pre {
    margin-bottom: 1.5em;
    margin-top: 0;
    overflow-wrap: normal
}

.s-prose pre:not(.s-code-block) {
    background-color: var(--highlight-bg);
    border-radius: var(--br-md);
    color: var(--highlight-color);
    font-size: var(--fs-body1);
    line-height: var(--lh-md);
    max-height: 600px;
    overflow: auto;
    padding: var(--su12);
    scrollbar-color: var(--scrollbar) #0000;
    width: auto
}

.s-prose pre:not(.s-code-block) code {
    background-color: initial;
    border-radius: 0;
    padding: 0
}

.s-prose pre:not(.s-code-block)::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-prose pre:not(.s-code-block)::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-prose pre:not(.s-code-block)::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-prose pre:not(.s-code-block)::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-prose .soundcloud-embed iframe {
    height: 116px;
    max-width: 640px;
    width: 100%
}

.s-prose .spoiler {
    background: var(--black-150);
    border-radius: var(--br-md);
    color: var(--black-600);
    cursor: var(--_pr-spoiler-cursor);
    min-height: var(--su-static48)
}

.s-prose .spoiler:after {
    background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='rgb(132, 141, 149)' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M9 17A8 8 0 119 1a8 8 0 010 16zM8 4v6h2V4H8zm0 8v2h2v-2H8z'%3E%3C/path%3E%3C/svg%3E");
    background-position: 100%;
    background-repeat: no-repeat;
    color: var(--black-400);
    content: attr(data-spoiler) " ";
    font-size: var(--fs-body1);
    opacity: var(--_pr-soiler-after-o);
    padding-right: calc(var(--su24) - var(--su2));
    pointer-events: none;
    position: absolute;
    right: 1em;
    top: var(--_pr-spoiler-after-t);
    transition: opacity .1s ease-in-out
}

.s-prose .spoiler.is-visible {
    --_pr-spoiler-cursor: auto;
    --_pr-soiler-after-o: 0;
    --_pr-soiler-child-o: 1;
    --_pr-soiler-child-visibility: visible
}

.s-prose .spoiler>* {
    opacity: var(--_pr-soiler-child-o);
    transition: opacity .1s ease-in-out;
    visibility: var(--_pr-soiler-child-visibility)
}

.s-prose .youtube-embed {
    max-width: 640px;
    position: relative;
    width: 100%
}

.s-prose .youtube-embed>div {
    height: 35px;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.s-prose .youtube-embed>div iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.s-select {
    --_se-arrow-bc: currentColor #0000;
    --_se-arrow-size: var(--su-static4);
    --_se-select-bc: var(--bc-darker);
    --_se-select-bg: var(--white);
    --_se-select-br: var(--br-md);
    --_se-select-fc: var(--black);
    --_se-select-px: 0.7em;
    --_se-select-py: 0.6em;
    --_se-select-fs: var(--fs-body1);
    color: var(--fc-dark);
    position: relative
}

@supports (-webkit-overflow-scrolling:touch) {
    .s-select {
        --_se-select-fs: var(--su-static16);
        --_se-select-px: 0.55em;
        --_se-select-py: 0.4em
    }
}

.has-error .s-select,
.has-success .s-select,
.has-warning .s-select,
.is-disabled .s-select,
.is-readonly .s-select {
    position: relative
}

.has-error .s-select,
.has-success .s-select,
.has-warning .s-select {
    --_se-select-bc-focus: var(--_se-select-bc)
}

.has-error .s-select {
    --_se-select-bc: var(--red-400)
}

.has-success .s-select {
    --_se-select-bc: var(--green-400)
}

.has-warning .s-select {
    --_se-select-bc: var(--yellow-500)
}

.is-disabled .s-select {
    --_se-arrow-bc: var(--bc-dark) #0000
}

.s-select.s-select__sm {
    --_se-select-fs: var(--fs-caption)
}

.s-select.s-select__md {
    --_se-select-fs: var(--fs-body3);
    --_se-select-br: calc(var(--br-sm) + var(--su-static1));
    --_se-select-py: 0.5em
}

.s-select.s-select__lg {
    --_se-select-fs: var(--fs-title);
    --_se-select-br: calc(var(--br-sm) + var(--su-static1));
    --_se-select-px: 0.6em;
    --_se-select-py: 0.45em
}

.s-select.s-select__xl {
    --_se-select-fs: var(--fs-headline1);
    --_se-select-br: var(--br-md);
    --_se-select-px: 0.5em;
    --_se-select-py: 0.4em
}

.s-select>select:-webkit-autofill,
select.s-select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--theme-secondary-200) inset;
    -webkit-text-fill-color: var(--black);
    border-color: var(--blue-400);
    transition: background-color 0s 50000s
}

.s-select>select:-webkit-autofill:focus,
select.s-select:-webkit-autofill:focus {
    border-color: var(--blue-400);
    -webkit-box-shadow: 0 0 0 1000px var(--blue-200) inset, 0 0 0 var(--su-static4) var(--focus-ring)
}

.s-select>select::-webkit-contacts-auto-fill-button,
select.s-select::-webkit-contacts-auto-fill-button {
    background-color: var(--black)
}

.s-select:after,
.s-select:before {
    border-color: var(--_se-arrow-bc);
    border-style: solid;
    border-width: var(--_se-arrow-size);
    content: "";
    pointer-events: none;
    position: absolute;
    right: calc(var(--su-static12) + var(--su-static1));
    z-index: var(--zi-selected)
}

.s-select:after {
    border-bottom-width: 0;
    top: calc(50% + var(--su-static1))
}

.s-select:before {
    border-top-width: 0;
    top: calc(50% - var(--_se-arrow-size) - var(--su-static1))
}

.s-select>select {
    appearance: none;
    background-color: var(--_se-select-bg);
    border: var(--su-static1) solid var(--_se-select-bc);
    border-radius: var(--_se-select-br);
    color: var(--_se-select-fc);
    font-family: inherit;
    font-size: var(--_se-select-fs);
    height: 100%;
    line-height: var(--lh-sm);
    outline: 0;
    padding: var(--_se-select-py) var(--_se-select-px);
    padding-right: var(--su32);
    position: relative;
    width: 100%
}

.s-select>select[disabled],
fieldset[disabled] .s-select>select {
    cursor: not-allowed;
    opacity: var(--_o-disabled-static)
}

.is-readonly .s-select>select,
.s-select>select[readonly] {
    --_se-select-bc: var(--bc-light);
    --_se-select-bg: var(--black-150);
    --_se-select-fc: var(--black-300);
    cursor: not-allowed
}

body.theme-highcontrast .is-readonly .s-select>select,
body.theme-highcontrast .s-select>select[readonly] {
    --_se-select-fc: var(--fc-light)
}

.s-select>select:focus {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-select>select.focus,
.s-select>select:focus {
    color: var(--black)
}

.s-select .s-input-icon {
    right: var(--su32)
}

.s-sidebarwidget {
    --_sw-bc: var(--bc-medium);
    background-color: var(--white);
    border: var(--su-static1) solid var(--_sw-bc);
    border-radius: var(--br-md);
    font-size: var(--fs-body1)
}

.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-tag):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link),
.s-sidebarwidget:not(.s-anchors) a:not(.button):not(.s-tag):not(.post-tag):not(.s-btn):not(.s-sidebarwidget--action):not(.s-user-card--link):visited {
    color: var(--black-600)
}

.s-sidebarwidget.s-sidebarwidget__blue {
    --_sw-bc: var(--blue-300);
    background-color: var(--blue-100);
    border-color: var(--_sw-bc)
}

body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__blue {
    --_sw-bc: var(--blue-500)
}

.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--content+.s-sidebarwidget--content,
.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header,
.s-sidebarwidget.s-sidebarwidget__blue:after {
    border-color: var(--_sw-bc)
}

.s-sidebarwidget.s-sidebarwidget__blue .s-sidebarwidget--header {
    color: var(--fc-medium)
}

.s-sidebarwidget.s-sidebarwidget__yellow {
    --_sw-bc: var(--yellow-300);
    background-color: var(--yellow-100);
    border-color: var(--_sw-bc)
}

body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__yellow {
    --_sw-bc: var(--yellow-500)
}

.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--content+.s-sidebarwidget--content,
.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header,
.s-sidebarwidget.s-sidebarwidget__yellow:after {
    border-color: var(--_sw-bc)
}

.s-sidebarwidget.s-sidebarwidget__yellow .s-sidebarwidget--header {
    color: var(--fc-medium)
}

.s-sidebarwidget.s-sidebarwidget__green {
    --_sw-bc: var(--green-300);
    background-color: var(--green-100);
    border-color: var(--_sw-bc)
}

body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
    --_sw-bc: var(--green-500)
}

.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--content+.s-sidebarwidget--content,
.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header,
.s-sidebarwidget.s-sidebarwidget__green:after {
    border-color: var(--_sw-bc)
}

.s-sidebarwidget.s-sidebarwidget__green .s-sidebarwidget--header {
    color: var(--fc-medium)
}

.s-sidebarwidget .s-sidebarwidget--action {
    color: var(--blue-400);
    font-size: var(--fs-body1);
    font-weight: 400;
    margin-left: auto
}

.s-sidebarwidget .s-sidebarwidget--content {
    margin: 0;
    padding: var(--su16)
}

.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__block-items) .s-sidebarwidget--item,
.s-sidebarwidget .s-sidebarwidget--content:not(table):not(.s-sidebarwidget__items) {
    display: flex
}

.s-sidebarwidget .s-sidebarwidget--content+.s-sidebarwidget--content {
    border-top: var(--su-static1) solid var(--bc-light)
}

.s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items {
    padding: var(--su6) var(--su16)
}

.s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items,
.s-sidebarwidget .s-sidebarwidget--content.s-sidebarwidget__items.s-sidebarwidget__block-items .s-sidebarwidget--item {
    display: block
}

.s-sidebarwidget .s-sidebarwidget--content:active {
    outline: none
}

.s-sidebarwidget .s-sidebarwidget--header {
    align-items: center;
    border-top: var(--su-static1) solid var(--bc-light);
    color: var(--black-600);
    display: flex;
    font-size: var(--fs-body2);
    font-weight: 700;
    justify-content: flex-start;
    line-height: var(--lh-xs);
    margin: 0;
    padding: var(--su16) var(--su16) 0
}

.s-sidebarwidget .s-sidebarwidget--header:first-child {
    border-top: none
}

.s-sidebarwidget .s-sidebarwidget--header+.s-expandable:not(.is-expanded) {
    margin-bottom: var(--su16)
}

.s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control {
    cursor: pointer
}

.s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control:before {
    border-bottom: calc(var(--su-static4) + var(--su-static1)) solid #0000;
    border-left-color: #0000;
    border-left: calc(var(--su-static4) + var(--su-static1)) solid var(--black-400);
    border-right: 0 solid #0000;
    border-top: calc(var(--su-static4) + var(--su-static1)) solid #0000;
    content: "";
    float: left;
    margin-right: var(--su12);
    margin-top: calc(var(--lh-base)*1em/2 - 5px);
    transition: transform .3s cubic-bezier(.4, .4, .6, 1)
}

.s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__expanding-control[aria-expanded=true]:before {
    transform: rotate(90deg)
}

.s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__small-bold-text {
    font-size: var(--fs-caption);
    font-weight: 700
}

.s-sidebarwidget .s-sidebarwidget--header.s-sidebarwidget__small-bold-text .s-sidebarwidget--action {
    font-weight: 400;
    line-height: calc(var(--lh-base)*var(--fs-caption))
}

.s-sidebarwidget .s-sidebarwidget--header:active {
    outline: none
}

.s-sidebarwidget .s-sidebarwidget--item {
    margin: var(--su12) 0
}

.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=page],
.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=true],
.s-sidebarwidget .s-sidebarwidget--item[aria-current=page],
.s-sidebarwidget .s-sidebarwidget--item[aria-current=true] {
    color: var(--black);
    font-weight: 700;
    position: relative
}

.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=page]:before,
.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=true]:before,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=page]:before,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=true]:before {
    border-left: calc(var(--su-static1)*3) solid var(--theme-primary);
    content: "";
    height: calc(100% + var(--su16));
    left: 0;
    margin-left: calc(var(--su16)*-1 - var(--su-static1));
    margin-top: calc(var(--su16)/2*-1);
    position: absolute
}

.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=page] a,
.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=page] a:visited,
.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=true] a,
.s-sidebarwidget .s-sidebarwidget--item>:first-child[aria-current=true] a:visited,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=page] a,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=page] a:visited,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=true] a,
.s-sidebarwidget .s-sidebarwidget--item[aria-current=true] a:visited {
    color: inherit
}

.s-sidebarwidget .s-sidebarwidget--subnav {
    list-style-type: none;
    margin-left: var(--su8);
    padding-left: 0
}

.s-sidebarwidget .s-sidebarwidget--subnav li {
    background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--black-225%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    background-position: 0 calc(.6em - var(--su-static8)/2 - var(--su-static2)/2);
    background-repeat: no-repeat;
    background-size: auto calc(var(--su-static8) + var(--su-static2));
    margin-top: var(--su-static12);
    padding-left: var(--su-static16)
}

.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=page],
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=true] {
    background-image: url("data:image/svg+xml;,%3C?xml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22?%3E%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%207%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m0.72153%200.68446%204.1336%204.3077-4.1336%204.3077%22%20fill%3D%22none%22%20stroke%3D%22var%28--theme-primary%29%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
    color: var(--black);
    font-weight: 700
}

.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=page] a,
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=page] a:visited,
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=true] a,
.s-sidebarwidget .s-sidebarwidget--subnav li[aria-current=true] a:visited {
    color: inherit
}

.s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items {
    border-collapse: initial;
    border-spacing: var(--su16) var(--su12);
    padding: var(--su6) 0 0
}

.s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item {
    display: table-row
}

.s-sidebarwidget table.s-sidebarwidget--content.s-sidebarwidget__items tr.s-sidebarwidget--item td {
    padding: 0
}

.s-spinner {
    --_sp-baw: calc(var(--su-static1)*3);
    --_sp-size: var(--su-static24);
    height: var(--_sp-size);
    position: relative;
    text-align: left;
    width: var(--_sp-size)
}

.s-spinner.s-spinner__xs {
    --_sp-baw: var(--su-static1);
    --_sp-size: var(--su-static12)
}

.s-spinner.s-spinner__sm {
    --_sp-baw: var(--su-static2);
    --_sp-size: var(--su-static16)
}

.s-spinner.s-spinner__md {
    --_sp-baw: var(--su-static4);
    --_sp-size: var(--su-static32)
}

.s-spinner.s-spinner__lg {
    --_sp-baw: var(--su-static6);
    --_sp-size: var(--su-static48)
}

.s-spinner:after,
.s-spinner:before {
    border: var(--_sp-baw) solid;
    border-radius: var(--br-circle);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.s-spinner:after {
    animation: s-spinner-rotate .9s cubic-bezier(.5, .1, .5, .9) infinite;
    border-bottom-color: #0000;
    border-right-color: #0000;
    border-top-color: #0000
}

.s-spinner:before {
    opacity: .25;
    transform: rotate(90deg)
}

.is-loading {
    --_li-offset: 0.6em;
    --_il-size: 1.23076923em;
    padding-left: 2.2em;
    position: relative
}

.is-loading:after,
.is-loading:before {
    border-radius: var(--br-circle);
    border-style: solid;
    border-width: var(--su-static2);
    content: "";
    height: var(--_il-size);
    left: var(--_li-offset);
    position: absolute;
    top: calc(50% - var(--_li-offset));
    width: var(--_il-size)
}

.is-loading:after {
    animation: s-spinner-rotate .9s cubic-bezier(.5, .1, .5, .9) infinite;
    border-color: #0000;
    border-left-color: initial;
    filter: invert(0);
    transform-origin: 50% 50% var(--su-static1)
}

.is-loading:before {
    border-color: currentColor;
    opacity: .3
}

@keyframes s-spinner-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.s-table {
    --_ta-tbody-tbody-bc: var(--bc-medium);
    --_ta-tbody-tbody-bw: var(--su-static2);
    --_ta-tbody-tr-even-bg: unset;
    --_ta-td-bbw: 0;
    --_ta-td-bc: var(--bc-medium);
    --_ta-td-fs: unset;
    --_ta-td-fw: unset;
    --_ta-td-p: var(--su8);
    --_ta-td-ta: left;
    --_ta-td-va: middle;
    --_ta-td-w: unset;
    --_ta-thead-th-bg: var(--black-100);
    --_ta-th-bbw: 0;
    --_ta-th-bc: var(--bc-medium);
    --_ta-th-fs: unset;
    --_ta-th-p: var(--su8);
    --_ta-th-ta: left;
    --_ta-th-va: middle;
    --_ta-th-w: unset;
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    font-size: var(--fs-body1);
    max-width: 100%;
    width: 100%
}

.s-table.s-table__stripes {
    --_ta-tbody-tr-even-bg: var(--black-100);
    --_ta-thead-th-bg: var(--black-150)
}

.s-table.ta-center {
    --_ta-td-ta: center;
    --_ta-th-ta: center
}

.s-table.ta-left {
    --_ta-td-ta: left;
    --_ta-th-ta: left
}

.s-table.ta-justify {
    --_ta-td-ta: justify;
    --_ta-th-ta: justify
}

.s-table.ta-right {
    --_ta-td-ta: right;
    --_ta-th-ta: right
}

.s-table.va-bottom {
    --_ta-td-va: bottom;
    --_ta-th-va: bottom
}

.s-table.va-middle {
    --_ta-td-va: middle;
    --_ta-th-va: middle
}

.s-table.va-top {
    --_ta-td-va: top;
    --_ta-th-va: top
}

.s-table.s-table__b0 {
    --_ta-td-bc: #0000;
    --_ta-th-bc: #0000;
    --_ta-tbody-tbody-bc: #0000;
    --_ta-tbody-tbody-bw: var(--su-static12);
    --_ta-thead-th-bg: #0000
}

.s-table.s-table__b0 thead th {
    font-size: inherit;
    letter-spacing: normal;
    text-transform: none
}

.s-table.s-table__bx tr>:not(:first-child) {
    border-left-color: #0000
}

.s-table.s-table__bx tr>:not(:last-child) {
    border-right-color: #0000
}

.s-table.s-table__bx-simple {
    --_ta-thead-th-bg: #0000;
    --_ta-foot-td-bc: #0000;
    --_ta-foot-th-bc: #0000
}

.s-table.s-table__bx-simple td,
.s-table.s-table__bx-simple th {
    border-left-color: #0000;
    border-right-color: #0000
}

.s-table.s-table__bx-simple tbody tr:first-of-type td,
.s-table.s-table__bx-simple tbody tr:first-of-type th {
    border-top-color: #0000
}

.s-table.s-table__bx-simple tbody tr:last-of-type td,
.s-table.s-table__bx-simple tbody tr:last-of-type th {
    border-bottom-color: #0000
}

.s-table.s-table__bx-simple thead th {
    border-bottom-color: var(--bc-dark);
    border-top-color: #0000;
    font-size: inherit;
    letter-spacing: normal;
    text-transform: none
}

.s-table.s-table__sortable thead th {
    color: var(--fc-light);
    cursor: pointer
}

.s-table.s-table__sortable thead th a,
.s-table.s-table__sortable thead th button {
    color: inherit !important
}

.s-table.s-table__sortable thead th button {
    appearance: none;
    background-color: initial;
    border: 0;
    cursor: pointer;
    display: flex;
    font-weight: inherit;
    gap: var(--su-static4);
    margin: calc(var(--_ta-th-p)*-1);
    padding: var(--_ta-th-p);
    text-align: left;
    width: calc(100% + var(--_ta-th-p)*2)
}

.s-table.s-table__sortable thead th.is-sorted {
    color: var(--black-600)
}

.s-table.s-table__sm {
    --_ta-td-p: var(--su4);
    --_ta-th-p: var(--su4)
}

.s-table.s-table__lg {
    --_ta-td-p: var(--su12);
    --_ta-th-p: var(--su12)
}

.s-table .s-table--cell1 {
    --_ta-td-w: 8.33333333%;
    --_ta-th-w: 8.33333333%
}

.s-table .s-table--cell2 {
    --_ta-td-w: 16.66666667%;
    --_ta-th-w: 16.66666667%
}

.s-table .s-table--cell3 {
    --_ta-td-w: 25%;
    --_ta-th-w: 25%
}

.s-table .s-table--cell4 {
    --_ta-td-w: 33.33333333%;
    --_ta-th-w: 33.33333333%
}

.s-table .s-table--cell5 {
    --_ta-td-w: 41.66666667%;
    --_ta-th-w: 41.66666667%
}

.s-table .s-table--cell6 {
    --_ta-td-w: 50%;
    --_ta-th-w: 50%
}

.s-table .s-table--cell7 {
    --_ta-td-w: 58.33333333%;
    --_ta-th-w: 58.33333333%
}

.s-table .s-table--cell8 {
    --_ta-td-w: 66.66666667%;
    --_ta-th-w: 66.66666667%
}

.s-table .s-table--cell9 {
    --_ta-td-w: 75%;
    --_ta-th-w: 75%
}

.s-table .s-table--cell10 {
    --_ta-td-w: 83.33333333%;
    --_ta-th-w: 83.33333333%
}

.s-table .s-table--cell11 {
    --_ta-td-w: 91.66666667%;
    --_ta-th-w: 91.66666667%
}

.s-table .s-table--cell12 {
    --_ta-td-w: 100%;
    --_ta-th-w: 100%
}

.s-table .s-table--totals {
    --_ta-td-fs: var(--fs-subheading);
    --_ta-td-pt: var(--su12);
    --_ta-td-fw: bold;
    --_ta-th-fs: var(--fs-subheading);
    --_ta-th-pt: var(--su12)
}

.s-table tbody+tbody {
    border-top: var(--_ta-tbody-tbody-bw) solid var(--_ta-tbody-tbody-bc)
}

.s-table tbody th {
    font-weight: 400
}

.s-table tbody tr:nth-child(2n) {
    background-color: var(--_ta-tbody-tr-even-bg)
}

.s-table td {
    border: var(--su-static1) solid var(--_ta-td-bc);
    border-width: var(--_ta-td-btw, var(--su-static1)) var(--_ta-td-brw, var(--su-static1)) var(--_ta-td-bbw, var(--su-static1)) var(--_ta-td-blw, var(--su-static1));
    color: var(--fc-medium);
    font-size: var(--_ta-td-fs);
    font-weight: var(--_ta-td-fw);
    padding: var(--_ta-td-p);
    padding-left: var(--_ta-td-pl, var(--_ta-td-p));
    padding-top: var(--_ta-td-pt, var(--_ta-td-p));
    text-align: var(--_ta-td-ta);
    vertical-align: var(--_ta-td-va);
    width: var(--_ta-td-w)
}

.s-table td .s-checkbox {
    display: block
}

.s-table td.s-table--bulk {
    --_ta-td-w: calc(var(--su32) - var(--su2))
}

.s-table td.s-table--progress {
    --_ta-td-ta: right;
    --_ta-td-brw: 0
}

.s-table td.s-table--progress-bar {
    --_ta-td-blw: 0;
    --_ta-td-pl: 0;
    --_ta-td-w: calc(var(--su-static12)*10)
}

.s-table tfoot td {
    border-bottom-color: var(--_ta-foot-td-bc, var(--_ta-td-bc))
}

.s-table tfoot th {
    border-bottom-color: var(--_ta-foot-th-bc, var(--_ta-td-bc))
}

.s-table th {
    border: var(--su-static1) solid var(--_ta-th-bc);
    border-width: var(--su-static1) var(--su-static1) var(--_ta-th-bbw);
    color: var(--fc-dark);
    font-size: var(--_ta-th-fs);
    font-weight: 700;
    padding: var(--_ta-th-p);
    padding-top: var(--_ta-th-pt, var(--_ta-th-p));
    text-align: var(--_ta-th-ta);
    vertical-align: var(--_ta-th-va);
    width: var(--_ta-th-w)
}

.s-table th .s-checkbox {
    display: block
}

.s-table th.s-table--bulk {
    --_ta-th-w: calc(var(--su32) - var(--su2))
}

.s-table thead th {
    background-color: var(--_ta-thead-th-bg);
    line-height: var(--lh-sm);
    vertical-align: bottom;
    white-space: nowrap
}

.s-table tr:last-of-type {
    --_ta-td-bbw: var(--su-static1);
    --_ta-th-bbw: var(--su-static1)
}

.s-table tr.is-disabled {
    background-color: var(--black-100);
    --_ta-tbody-tr-even-bg: var(--black-100)
}

.s-table tr.is-disabled td:not(.is-enabled),
.s-table tr.is-disabled th:not(.is-enabled) {
    opacity: calc(var(--_o-disabled)*.6)
}

.s-table-container {
    overflow-x: auto;
    scrollbar-color: var(--scrollbar) #0000
}

.s-table-container::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-table-container::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-table-container::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-table-container::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-tag {
    --_ta-bc: var(--theme-tag-border-color, var(--_ta-bg));
    --_ta-bg: var(--theme-tag-background-color, var(--black-150));
    --_ta-fc: var(--theme-tag-color, var(--black-500));
    --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--_ta-bg-hover));
    --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--black-200));
    --_ta-fc-hover: var(--theme-tag-hover-color, var(--black-600));
    --_ta-br: var(--br-sm);
    --_ta-fs: var(--fs-caption);
    --_ta-lh: 1.84615385;
    --_ta-pl: var(--_ta-px);
    --_ta-pr: var(--_ta-px);
    --_ta-px: var(--su4);
    --_ta-dismiss-padding: calc(var(--_ta-px) - var(--su-static1));
    align-items: center;
    background-color: var(--_ta-bg);
    border: var(--su-static1) solid var(--_ta-bc);
    border-radius: var(--_ta-br);
    color: var(--_ta-fc);
    display: inline-flex;
    font-size: var(--_ta-fs);
    font-weight: 700;
    justify-content: center;
    line-height: var(--_ta-lh);
    min-width: 0;
    padding-left: var(--_ta-pl);
    padding-right: var(--_ta-pr);
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap
}

body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):not(body.theme-highcontrast .s-tag__required) {
    --_ta-bc: var(--theme-tag-border-color, var(--black-300));
    --_ta-bc-hover: var(--theme-tag-hover-border-color, var(--black-300))
}

.s-tag.s-tag__xs {
    --_ta-fs: var(--fs-fine);
    --_ta-lh: 1.4;
    --_ta-px: var(--su2)
}

.s-tag.s-tag__sm {
    --_ta-fs: var(--fs-caption);
    --_ta-lh: 1.5
}

.s-tag.s-tag__md {
    --_ta-px: var(--su6);
    --_ta-fs: var(--fs-body2);
    --_ta-lh: 1.73333333
}

.s-tag.s-tag__lg {
    --_ta-br: calc(var(--br-sm) + var(--su-static1));
    --_ta-fs: var(--fs-subheading);
    --_ta-lh: 1.68421053;
    --_ta-px: var(--su6)
}

.s-tag.s-tag__ignored,
.s-tag.s-tag__watched,
.s-tag__ignored,
.s-tag__watched {
    --_ta-pl: calc(var(--su-static24) - var(--su-static2));
    --_ta-before-size: calc(var(--su-static16) - var(--su-static2));
    position: relative
}

.s-tag.s-tag__ignored:before,
.s-tag.s-tag__watched:before,
.s-tag__ignored:before,
.s-tag__watched:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: var(--_ta-before-size);
    left: var(--su-static4);
    margin-right: var(--su2);
    -webkit-mask: var(--_ta-before-icon) no-repeat center;
    mask: var(--_ta-before-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    top: calc(50% - var(--su-static8) + var(--su-static1));
    width: var(--_ta-before-size)
}

.s-tag.s-tag__ignored,
.s-tag__ignored {
    --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.52 7.38 1.58 9.26A12.38 12.38 0 0 1 0 7s2.63-5.14 7.05-5.14c.66 0 1.28.12 1.86.32L7.44 3.6a3.48 3.48 0 0 0-3.92 3.78ZM5.3 9.99c.5.28 1.1.44 1.71.44 1.94 0 3.5-1.53 3.5-3.43 0-.62-.17-1.21-.47-1.72L8.7 6.6a1.73 1.73 0 0 1-2.08 2.07L5.29 10Zm6.23-6.19A12.7 12.7 0 0 1 14 7s-2.63 5.14-6.95 5.14A6.1 6.1 0 0 1 4 11.3L2.27 13l-1.4-1.36L11.9 1l1.23 1.2-1.6 1.6Z'/%3E%3C/svg%3E")
}

.s-tag.s-tag__moderator {
    --_ta-bc: var(--orange-300);
    --_ta-bg: var(--orange-100);
    --_ta-fc: var(--orange-500);
    --_ta-bc-hover: var(--orange-300);
    --_ta-bg-hover: var(--orange-200);
    --_ta-fc-hover: var(--orange-600)
}

.s-tag.s-tag__required:not(.s-tag__moderator) {
    --_ta-bc: var(--theme-tag-required-border-color, var(--theme-tag-border-color, var(--black-400)));
    --_ta-bg: var(--theme-tag-required-background-color, var(--theme-tag-background-color, var(--black-150)));
    --_ta-fc: var(--theme-tag-required-color, var(--theme-tag-color, var(--black-500)));
    --_ta-bc-hover: var(--theme-tag-required-hover-border-color, var(--theme-tag-hover-border-color, var(--black-600)));
    --_ta-bg-hover: var(--theme-tag-required-hover-background-color, var(--theme-tag-hover-background-color, var(--black-200)));
    --_ta-fc-hover: var(--theme-tag-required-hover-color, var(--theme-tag-hover-color, var(--black-600)))
}

.s-tag.s-tag__watched,
.s-tag__watched {
    --_ta-before-icon: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M7.05 1C2.63 1 0 6.5 0 6.5S2.63 12 7.05 12C11.38 12 14 6.5 14 6.5S11.37 1 7.05 1ZM7 10.17A3.59 3.59 0 0 1 3.5 6.5 3.6 3.6 0 0 1 7 2.83c1.94 0 3.5 1.65 3.5 3.67A3.57 3.57 0 0 1 7 10.17Zm0-1.84c.97 0 1.75-.81 1.75-1.83S7.97 4.67 7 4.67s-1.75.81-1.75 1.83S6.03 8.33 7 8.33Z'/%3E%3C/svg%3E")
}

.s-tag button.s-tag--dismiss:not(.s-btn) {
    all: unset
}

.s-tag .s-tag--dismiss,
.s-tag button.s-tag--dismiss:not(.s-btn) {
    align-items: center;
    align-self: stretch;
    background-color: initial;
    border-radius: var(--br-sm);
    color: inherit;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin: var(--su-static1) calc(var(--_ta-dismiss-padding)*-1) var(--su-static1) var(--_ta-dismiss-padding);
    padding: var(--_ta-dismiss-padding)
}

.s-tag .s-tag--dismiss:focus-visible,
.s-tag button.s-tag--dismiss:not(.s-btn):focus-visible {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-tag .s-tag--dismiss:hover,
.s-tag button.s-tag--dismiss:not(.s-btn):hover {
    background-color: var(--_ta-fc);
    color: var(--_ta-bg)
}

body.theme-highcontrast .s-tag .s-tag--dismiss:hover,
body.theme-highcontrast .s-tag button.s-tag--dismiss:not(.s-btn):hover {
    color: var(--white)
}

.s-tag .s-tag--sponsor {
    align-self: center;
    border-radius: calc(var(--br-sm) - var(--su-static1));
    display: inline-flex;
    margin: calc(var(--su1)*-1) var(--su4) calc(var(--su2)*-1) calc(var(--su2)*-1);
    max-width: calc(var(--su-static16) + var(--su-static2))
}

.s-tag .s-tag--sponsor .svg-icon,
.s-tag .s-tag--sponsor img {
    height: 100%;
    width: 100%
}

a.s-tag:active,
a.s-tag:hover {
    background-color: var(--_ta-bg-hover);
    border-color: var(--_ta-bc-hover);
    color: var(--_ta-fc-hover)
}

.s-tag:focus-visible {
    border-color: var(--focus-neutral) !important;
    box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-toast {
    display: flex;
    justify-content: center;
    left: var(--su8);
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: var(--su8);
    top: var(--su16);
    transform: translate3d(0, -66px, 0);
    transition: transform .1s var(--te-smooth-slow) 0s, opacity 60ms var(--te-smooth-slow) 0s, visibility 0s .15s;
    visibility: hidden;
    z-index: calc(var(--zi-modals) + 1)
}

@media (prefers-reduced-motion) {
    .s-toast {
        transform: none !important
    }
}

.s-toast[aria-hidden=false] {
    opacity: 1;
    transform: translateZ(0);
    transition: visibility 0s 0s, opacity .1s var(--te-smooth) 0s, transform .1s var(--te-smooth) 0s;
    visibility: visible
}

.s-toast .s-notice {
    box-shadow: var(--bs-sm);
    max-width: 44rem;
    padding-bottom: var(--su8);
    padding-top: var(--su8);
    pointer-events: all;
    width: 100%
}

.s-toggle-switch {
    --_ts-bg: var(--black-350);
    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(0, 0%, 100%)'/%3e%3c/svg%3e");
    --_ts-bg-ps: left center;
    --_ts-multiple-bg: unset;
    --_ts-multiple-fc: var(--black-400)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-toggle-switch {
        --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e")
    }
}

.theme-dark__forced .s-toggle-switch,
body.theme-dark .s-toggle-switch,
body.theme-system .theme-dark__forced .s-toggle-switch {
    --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='hsl(210, 3.0000000000000027%, 15%)'/%3e%3c/svg%3e")
}

.s-toggle-switch[disabled],
.s-toggle-switch[disabled] label,
fieldset[disabled] .s-toggle-switch,
fieldset[disabled] .s-toggle-switch label {
    cursor: not-allowed;
    opacity: var(--_o-disabled-static)
}

.s-toggle-switch.s-toggle-switch__multiple {
    align-items: stretch;
    display: flex
}

.s-toggle-switch.s-toggle-switch__multiple input[type=radio] {
    left: -999em;
    margin: 0;
    opacity: 0;
    position: absolute
}

.s-toggle-switch.s-toggle-switch__multiple input[type=radio]:checked+label.s-toggle-switch--label-off {
    --_ts-multiple-bg: var(--black-400);
    --_ts-multiple-fc: var(--white)
}

.s-toggle-switch.s-toggle-switch__multiple input[type=radio]:checked+label:not(.s-toggle-switch--label-off) {
    --_ts-multiple-bg: var(--green-400);
    --_ts-multiple-fc: var(--white)
}

.s-toggle-switch.s-toggle-switch__multiple input[type=radio]:focus-visible+label {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-toggle-switch.s-toggle-switch__multiple label {
    background-color: var(--_ts-multiple-bg);
    border-radius: 1000px;
    color: var(--_ts-multiple-fc);
    cursor: pointer;
    font-size: var(--fs-body1);
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: .5em .7em;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.s-toggle-switch input[type=checkbox],
input[type=checkbox].s-toggle-switch {
    appearance: none;
    background-color: var(--_ts-bg);
    background-image: var(--_ts-bg-image);
    background-position: var(--_ts-bg-ps);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 1000px;
    cursor: pointer;
    flex-shrink: 0;
    height: var(--su-static24);
    margin: 0;
    transition: background-position .2s ease;
    vertical-align: top;
    width: calc(var(--su-static48) - var(--su-static4))
}

.s-toggle-switch input[type=checkbox]:checked,
input[type=checkbox].s-toggle-switch:checked {
    --_ts-bg: var(--green-400);
    --_ts-bg-ps: right center
}

.s-toggle-switch input[type=checkbox]:focus-visible,
input[type=checkbox].s-toggle-switch:focus-visible {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-toggle-switch input[type=checkbox][disabled],
input[type=checkbox].s-toggle-switch[disabled] {
    cursor: default
}

.s-topbar {
    --_tb-bt: var(--theme-topbar-accent-border, 3px solid var(--theme-primary));
    --_tb-h: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
    --_tb-item-bg: unset;
    --_tb-item-fc: var(--theme-topbar-item-color, var(--black-400));
    --_tb-item-ai-bs: 0 0 0 var(--su-static2) var(--theme-topbar-background-color, var(--white));
    --_tb-item-ai-t: calc(50% - var(--su12) - var(--su2));
    --_tb-logo-bg: #0000;
    --_tb-menu-btn-bg: unset;
    --_tb-menu-btn-bg-hover: unset;
    --_tb-menu-btn-fc-hover: unset;
    --_tb-menu-btn-span-bg: var(--theme-topbar-item-color, var(--black-400));
    --_tb-menu-btn-span-fc: unset;
    --_tb-menu-btn-span-after-t: calc(var(--su-static6) - var(--su-static1));
    --_tb-menu-btn-span-after-rotate: 0deg;
    --_tb-menu-btn-span-before-t: calc(var(--su-static1) - var(--su-static6));
    --_tb-menu-btn-span-before-rotate: 0deg;
    --_tb-notice-bg: #0000;
    --_tb-notice-fc: var(--theme-topbar-item-color, var(--black-400));
    --_tb-notice-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
    --_tb-notice-fc-hover: var(--theme-topbar-item-color-hover, var(--black-600));
    --_tb-notice-td: none;
    --_tb-searchbar-d: flex;
    --_tb-searchbar-p: 0 var(--su8);
    --_tb-searchbar-open-d: unset;
    --_tb-searchbar-open-mxw: 0;
    --_tb-searchbar-popover-wmn: calc(var(--s-step)*4);
    --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su16));
    align-items: center;
    background-color: var(--theme-topbar-background-color, var(--white));
    border-bottom: var(--theme-topbar-bottom-border, var(--su-static1) solid var(--black-225));
    border-top: var(--_tb-bt);
    display: flex;
    height: var(--_tb-h);
    min-width: auto;
    position: relative;
    width: 100%;
    z-index: var(--zi-navigation-fixed)
}

@media (prefers-color-scheme:dark) {
    body.theme-system .s-topbar.s-topbar__light {
        --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200))
    }
}

.theme-dark__forced .s-topbar.s-topbar__light,
body.theme-dark .s-topbar.s-topbar__light,
body.theme-system .theme-dark__forced .s-topbar.s-topbar__light {
    --focus-theme: var(--theme-dark-secondary-custom-200, var(--blue-200))
}

body.theme-highcontrast .s-topbar {
    --_tb-notice-td: underline;
    --theme-topbar-search-color: var(--theme-topbar-item-color, var(--black-400));
    --theme-topbar-search-background: var(--theme-topbar-background-color, var(--white));
    --theme-topbar-search-placeholder: var(--theme-topbar-item-color, var(--black-400));
    --theme-topbar-search-border: var(--theme-topbar-item-color, var(--black-400));
    --theme-topbar-select-color: var(--theme-topbar-item-color, var(--black-400));
    --theme-topbar-select-background: var(--theme-topbar-background-color, var(--white));
    --theme-topbar-item-color: var(--black-600);
    --theme-topbar-item-color-hover: var(--black-600);
    --theme-topbar-item-background-hover: var(--black-300);
    --theme-topbar-item-color-current: var(--black);
    border-bottom: var(--su-static1) solid
}

body.theme-highcontrast .s-topbar.s-topbar__dark {
    --focus-theme: #90c4f9
}

body.theme-highcontrast .s-topbar__dark {
    --theme-topbar-item-color: var(--_white-static);
    --theme-topbar-item-color-hover: var(--_white-static);
    --theme-topbar-item-background-hover: #3b4045;
    --theme-topbar-item-color-current: var(--_white-static)
}

body.theme-highcontrast .s-topbar__dark .s-badge {
    border-color: currentColor
}

body.theme-highcontrast .s-topbar__light {
    --theme-topbar-item-color: #0c0d0e;
    --theme-topbar-item-color-hover: #0c0d0e;
    --theme-topbar-item-background-hover: #e3e5e8;
    --theme-topbar-item-color-current: var(--_black-static)
}

@media (prefers-color-scheme:dark) {
    body.theme-highcontrast.theme-system .s-topbar.s-topbar__light {
        --focus-theme: var(--blue-200)
    }
}

body.theme-highcontrast.theme-dark .s-topbar.s-topbar__light {
    --focus-theme: var(--blue-200)
}

@media (max-width:640px) {
    .s-topbar {
        --_tb-searchbar-d: none;
        --_tb-searchbar-p: var(--su8) var(--su12);
        --_tb-searchbar-open-d: flex;
        --_tb-searchbar-open-mxw: none;
        --_tb-searchbar-select-w: 25%;
        --_tb-searchbar-popover-wmn: initial;
        --_tb-searchbar-popover-content-mxh: calc(100vh - var(--_tb-h) - var(--su48) - var(--su12))
    }
}

.s-topbar.s-topbar__light {
    --focus-neutral: #fff
}

.s-topbar.s-topbar__dark {
    --focus-neutral: #0c0d0e;
    --focus-theme: var(--theme-dark-secondary-custom-400, #90c4f9)
}

.s-topbar:has(>.s-topbar--skip-link:focus) {
    border-top: none;
    display: block;
    height: auto
}

.s-topbar:has(>.s-topbar--skip-link:focus) .s-topbar--container {
    height: var(--_tb-h)
}

.s-topbar:has(>.s-topbar--skip-link:focus) .s-topbar--skip-link {
    border-bottom: var(--_tb-bt)
}

.s-topbar a.s-topbar--logo:focus-visible {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-topbar a.s-topbar--logo.is-selected,
.s-topbar a.s-topbar--logo:hover {
    --_tb-logo-bg: var(--theme-topbar-item-background-hover, var(--black-200))
}

.s-topbar .s-topbar--container {
    align-items: center;
    display: flex;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    width: var(--s-full)
}

.s-topbar .s-topbar--content {
    display: flex;
    height: 100%;
    list-style: none;
    margin: 0 0 0 auto;
    overflow-x: auto;
    padding: 0;
    scrollbar-color: var(--scrollbar) #0000
}

.s-topbar .s-topbar--content>li {
    display: inline-flex
}

.s-topbar .s-topbar--content::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--content::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--content::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--content::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-topbar .s-topbar--item:not(.s-topbar--item__unset) {
    align-items: center;
    background-color: var(--_tb-item-bg);
    border-radius: var(--br-sm);
    color: var(--_tb-item-fc);
    display: inline-flex;
    padding: 0 calc(var(--su12) - var(--su2));
    position: relative;
    text-decoration: none;
    white-space: nowrap
}

.s-topbar .s-topbar--item:not(.s-topbar--item__unset) .svg-icon {
    vertical-align: text-top
}

.s-topbar .s-topbar--item:not(.s-topbar--item__unset):focus-visible {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected,
.s-topbar .s-topbar--item:not(.s-topbar--item__unset).is-selected:hover,
.s-topbar .s-topbar--item:not(.s-topbar--item__unset):hover {
    --_tb-item-bg: var(--theme-topbar-item-background-hover, var(--black-200));
    --_tb-item-fc: var(--theme-topbar-item-color-hover, var(--black-600));
    --_tb-item-ai-bs: 0 0 0 var(--su-static2) var(--theme-topbar-item-background-hover, var(--black-200));
    --_tb-item-ai-t: calc(50% - var(--su16) - var(--su2));
    outline: none
}

.s-topbar .s-topbar--item:not(.s-topbar--item__unset) .s-activity-indicator {
    box-shadow: var(--_tb-item-ai-bs);
    position: absolute;
    right: var(--su-static2);
    top: var(--_tb-item-ai-t);
    transition: top var(--te-smooth) .15s
}

.s-topbar .s-topbar--item.s-topbar--item__unset {
    align-self: center;
    padding-bottom: var(--su8);
    padding-top: var(--su8)
}

.s-topbar .s-topbar--logo {
    align-items: center;
    background-color: var(--_tb-logo-bg);
    border-radius: var(--br-sm);
    display: flex;
    height: 100%;
    padding: 0 var(--su8)
}

.s-topbar .s-topbar--menu-btn {
    align-items: center;
    background-color: var(--_tb-menu-btn-bg);
    color: var(--_tb-menu-btn-fc);
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    padding: 0 var(--su16)
}

.s-topbar .s-topbar--menu-btn.is-selected {
    --_tb-menu-btn-bg: var(--theme-topbar-item-background-current);
    --_tb-menu-btn-bg-hover: var(--theme-topbar-item-background-hover, var(--black-200));
    --_tb-menu-btn-fc: var(--theme-topbar-item-color-current, var(--black));
    --_tb-menu-btn-fc-hover: var(--theme-topbar-item-color-hover, var(--black-400));
    --_tb-menu-btn-span-bg: #0000;
    --_tb-menu-btn-span-after-t: 0;
    --_tb-menu-btn-span-after-rotate: 45deg;
    --_tb-menu-btn-span-before-t: 0;
    --_tb-menu-btn-span-before-rotate: -45deg
}

.s-topbar .s-topbar--menu-btn:not(.is-selected) span {
    transition: background-color;
    transition-duration: .1s
}

.s-topbar .s-topbar--menu-btn span {
    background-color: var(--_tb-menu-btn-span-bg)
}

.s-topbar .s-topbar--menu-btn span,
.s-topbar .s-topbar--menu-btn span:after,
.s-topbar .s-topbar--menu-btn span:before {
    height: var(--su-static2);
    position: relative;
    width: var(--su-static16)
}

.s-topbar .s-topbar--menu-btn span:after,
.s-topbar .s-topbar--menu-btn span:before {
    background-color: var(--theme-topbar-item-color, var(--black-400));
    content: "";
    left: 0;
    position: absolute;
    transition: top, transform;
    transition-duration: .1s;
    transition-timing-function: ease-in-out
}

.s-topbar .s-topbar--menu-btn span:after {
    top: var(--_tb-menu-btn-span-after-t);
    transform: rotate(var(--_tb-menu-btn-span-after-rotate))
}

.s-topbar .s-topbar--menu-btn span:before {
    top: var(--_tb-menu-btn-span-before-t);
    transform: rotate(var(--_tb-menu-btn-span-before-rotate))
}

.s-topbar .s-topbar--menu-btn:hover {
    background-color: var(--_tb-menu-btn-bg-hover);
    color: var(--_tb-menu-btn-fc-hover)
}

.s-topbar .s-topbar--navigation {
    display: flex;
    height: 100%;
    margin-left: auto;
    overflow-x: auto;
    scrollbar-color: var(--scrollbar) #0000
}

.s-topbar .s-topbar--navigation::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--navigation::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--navigation::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.s-topbar .s-topbar--navigation::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.s-topbar .s-topbar--notice {
    background-color: var(--_tb-notice-bg);
    border: var(--su-static1) solid var(--_tb-notice-bg);
    border-radius: var(--br-sm);
    color: var(--_tb-notice-fc);
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--fs-fine);
    font-weight: 700;
    line-height: var(--lh-xxl);
    margin-left: var(--su8);
    margin-right: var(--su8);
    padding: 0 var(--su6);
    text-decoration: var(--_tb-notice-td);
    text-transform: uppercase
}

.s-topbar .s-topbar--notice.is-unread {
    --_tb-notice-bg: var(--theme-primary-400);
    --_tb-notice-fc: var(--white);
    --_tb-notice-bg-hover: var(--theme-primary-500);
    --_tb-notice-fc-hover: var(--white)
}

.s-topbar .s-topbar--notice:focus-visible {
    border-color: var(--focus-theme) !important;
    box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.s-topbar .s-topbar--notice:hover {
    background-color: var(--_tb-notice-bg-hover);
    border-color: var(--_tb-notice-bg-hover);
    color: var(--_tb-notice-fc-hover)
}

.s-topbar .s-topbar--searchbar {
    align-items: center;
    display: var(--_tb-searchbar-d);
    flex-grow: 1;
    flex-shrink: 10000;
    padding: var(--_tb-searchbar-p)
}

@media (max-width:640px) {
    .s-topbar .s-topbar--searchbar {
        background: var(--theme-topbar-item-background-hover, var(--black-200));
        left: 0;
        max-width: 100%;
        position: absolute;
        right: 0;
        top: 100%
    }
}

.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group {
    flex-grow: 1;
    position: relative
}

.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input {
    background-color: var(--theme-topbar-search-background, var(--white));
    border-color: var(--theme-topbar-search-border, var(--black-300));
    color: var(--theme-topbar-search-color, var(--black-500));
    display: block;
    line-height: var(--lh-sm)
}

.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input::placeholder {
    color: var(--theme-topbar-search-placeholder, var(--black-400));
    font-style: normal
}

.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input:not(:focus-visible):not(.focus) {
    box-shadow: var(--theme-topbar-search-shadow)
}

.s-topbar .s-topbar--searchbar .s-topbar--searchbar--input-group .s-input-icon {
    color: var(--theme-topbar-search-placeholder, var(--black-400))
}

.s-topbar .s-topbar--searchbar .s-popover {
    max-width: 100%;
    min-width: var(--_tb-searchbar-popover-wmn);
    padding: 0
}

.s-topbar .s-topbar--searchbar .s-popover .s-popover--content {
    max-height: var(--_tb-searchbar-popover-content-mxh)
}

.s-topbar .s-topbar--searchbar .s-select {
    align-self: stretch;
    color: var(--theme-topbar-select-color, var(--black-500));
    margin-right: calc(var(--su-static1)*-1);
    max-width: calc(var(--s-step)*2) !important
}

@media (max-width:640px) {
    .s-topbar .s-topbar--searchbar .s-select {
        width: 25% !important
    }
}

.s-topbar .s-topbar--searchbar .s-select>select {
    background-color: var(--theme-topbar-select-background, var(--black-200));
    border-bottom-right-radius: 0 !important;
    border-color: var(--theme-topbar-search-border, var(--black-300));
    border-top-right-radius: 0 !important;
    color: var(--theme-topbar-select-color, var(--black-500));
    height: 100%;
    line-height: var(--lh-sm)
}

.s-topbar .s-topbar--searchbar .s-select>select.focus,
.s-topbar .s-topbar--searchbar .s-select>select:focus-visible {
    z-index: var(--zi-selected)
}

.s-topbar .s-topbar--searchbar .s-select+.s-topbar--searchbar--input-group>.s-input {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.s-topbar .s-topbar--searchbar .s-select:after,
.s-topbar .s-topbar--searchbar .s-select:before {
    z-index: var(--zi-active)
}

@media (max-width:640px) {
    .s-topbar .s-topbar--searchbar.s-topbar--searchbar__open {
        display: var(--_tb-searchbar-open-d);
        max-width: var(--_tb-searchbar-open-mxw)
    }
}

.s-topbar .s-topbar--skip-link {
    background-color: var(--theme-secondary-100);
    border-bottom: var(--_tb-bt);
    display: block;
    outline: none;
    padding: var(--su12);
    text-align: center
}

.s-topbar .s-navigation .s-navigation--item:not(.is-selected) {
    color: var(--theme-topbar-item-color, var(--black-400))
}

.s-topbar .s-navigation .s-navigation--item:not(.is-selected):hover {
    background-color: var(--theme-topbar-item-background-hover, var(--black-200));
    color: var(--theme-topbar-item-color-hover, var(--black-400))
}

.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected) {
    color: var(--black-500)
}

.s-topbar .s-popover .s-navigation .s-navigation--item:not(.is-selected):hover {
    background-color: var(--black-200);
    color: var(--black-600)
}

.s-topbar__dark {
    --theme-topbar-background-color: #0c0d0e;
    --theme-topbar-bottom-border: var(--su-static1) solid #0c0d0e;
    --theme-topbar-search-color: #fff;
    --theme-topbar-search-background: #3b4045;
    --theme-topbar-search-placeholder: #d6d9dc;
    --theme-topbar-search-border: #6a737c;
    --theme-topbar-select-color: #d6d9dc;
    --theme-topbar-select-background: #525960;
    --theme-topbar-item-color: #d6d9dc;
    --theme-topbar-item-color-hover: var(--_white-static);
    --theme-topbar-item-background-hover: #3b4045;
    --theme-topbar-item-color-current: var(--_white-static);
    --theme-topbar-accent-border: none;
    --scrollbar: #fff3
}

.s-topbar__light {
    --theme-topbar-background-color: var(--_white-static);
    --theme-topbar-bottom-border: var(--su-static1) solid #d6d9dc;
    --theme-topbar-search-color: #3b4045;
    --theme-topbar-search-background: var(--_white-static);
    --theme-topbar-search-placeholder: #636b74;
    --theme-topbar-search-border: #babfc5;
    --theme-topbar-select-color: #3b4045;
    --theme-topbar-select-background: #e3e5e8;
    --theme-topbar-item-color: #636b74;
    --theme-topbar-item-color-hover: #3b4045;
    --theme-topbar-item-background-hover: #e3e5e8;
    --theme-topbar-item-color-current: var(--_black-static);
    --scrollbar: #0003
}

.s-uploader {
    --_up-bg-b-image: url("data:image/svg+xml;,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23000000' stroke-width='8' stroke-dasharray='7%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    --_up-bg: var(--black-100);
    --_up-bg-focus: var(--black-150);
    --_up-bg-bc: var(--black-250);
    --_up-focus-ring-color: var(--focus-ring);
    position: relative
}

body.theme-highcontrast .s-uploader {
    --_up-bg-bc-hc: var(--black-400)
}

body.theme-highcontrast .s-uploader.has-error {
    --_up-bg-bc-hc-state: var(--red-500)
}

body.theme-highcontrast .s-uploader.has-success {
    --_up-bg-bc-hc-state: var(--green-400)
}

body.theme-highcontrast .s-uploader.has-warning {
    --_up-bg-bc-hc-state: var(--yellow-500)
}

.s-uploader.has-error .s-link,
.s-uploader.has-success .s-link,
.s-uploader.has-warning .s-link {
    color: var(--_up-link-fc)
}

.s-uploader.has-error {
    --_up-bg: var(--red-100);
    --_up-bg-focus: var(--red-200);
    --_up-bg-bc: var(--red-300);
    --_up-focus-ring-color: var(--focus-ring-error);
    --_up-link-fc: var(--red-500)
}

.s-uploader.has-success {
    --_up-bg: var(--green-100);
    --_up-bg-focus: var(--green-200);
    --_up-bg-bc: var(--green-300);
    --_up-focus-ring-color: var(--focus-ring-success);
    --_up-link-fc: var(--green-400)
}

.s-uploader.has-warning {
    --_up-bg: var(--yellow-100);
    --_up-bg-focus: var(--yellow-200);
    --_up-bg-bc: var(--yellow-300);
    --_up-focus-ring-color: var(--focus-ring-warning);
    --_up-link-fc: var(--yellow-500)
}

.s-uploader.is-active {
    --_up-bg: var(--black-150);
    --_up-bg-bc: var(--black-300)
}

.s-uploader.is-disabled {
    opacity: var(--_o-disabled-static)
}

.s-uploader .s-uploader--container {
    align-items: center;
    background-color: var(--_up-bg);
    border-radius: var(--br-lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: var(--su-static128);
    padding: var(--su8) var(--su16);
    position: relative;
    text-align: center
}

.s-uploader .s-uploader--container:before {
    background-color: var(--_up-bg-bc-hc-state, var(--_up-bg-bc-hc, var(--_up-bg-bc)));
    border-radius: var(--br-lg);
    content: "";
    display: block;
    inset: 0;
    -webkit-mask-image: var(--_up-bg-b-image);
    mask-image: var(--_up-bg-b-image);
    position: absolute
}

.s-uploader .s-uploader--input {
    cursor: pointer;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: var(--zi-selected)
}

.s-uploader .s-uploader--input:focus:focus-visible+.s-uploader--container {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.s-uploader .s-uploader--input .s-uploader--container.focus,
.s-uploader .s-uploader--input:focus:focus-visible+.s-uploader--container {
    background-color: var(--_up-bg-focus)
}

.s-uploader .s-uploader--preview {
    max-width: 100%;
    pointer-events: none
}

.s-uploader .s-uploader--preview-thumbnail {
    background-color: var(--white);
    border-radius: var(--br-sm);
    box-shadow: var(--bs-md);
    max-height: var(--su-static128);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
    border: var(--su-static1) solid var(--black)
}

.s-uploader .s-uploader--preview-thumbnail:is(img) {
    object-fit: scale-down;
    object-position: center
}

.s-uploader .s-uploader--preview-thumbnail:not(img) {
    padding: var(--su16)
}

.s-uploader .s-uploader--previews {
    max-width: 100%;
    text-align: left
}

.s-uploader .s-uploader--previews.has-multiple {
    display: block;
    height: auto;
    padding: var(--su8) var(--su2);
    width: 100%
}

.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview {
    align-items: center;
    display: flex;
    padding: var(--su6) 0;
    width: 100%
}

.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview:after {
    content: attr(data-filename);
    display: block;
    margin-left: var(--su12);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail {
    color: #0000;
    flex-shrink: 0;
    height: var(--su-static32);
    width: var(--su-static32)
}

.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:is(img) {
    object-fit: cover
}

.s-uploader .s-uploader--previews.has-multiple .s-uploader--preview-thumbnail:not(img) {
    background-image: url("data:image/svg+xml;,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' fill='%23535A60' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M3 3a2 2 0 012-2h6l4 4v10a2 2 0 01-2 2H5a2 2 0 01-2-2V3zm7-1.5V6h4.5L10 1.5z'%3E%3C/path%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat
}

.s-uploader .s-uploader--previews-heading {
    color: var(--black-600);
    font-size: var(--fs-body2);
    font-weight: 700;
    padding-bottom: var(--su8)
}

.s-uploader .s-uploader--reset {
    position: absolute;
    right: var(--su8);
    top: var(--su8);
    z-index: var(--zi-active)
}

.s-uploader input[type=file]::file-selector-button {
    cursor: pointer
}

.s-user-card {
    --_uc-ai: center;
    --_uc-bg: unset;
    --_uc-bar: unset;
    --_uc-d: grid;
    --_uc-fc: unset;
    --_uc-g: var(--su4) var(--su8);
    --_uc-p: var(--su8);
    --_uc-info-ai: unset;
    --_uc-info-fd: column;
    --_uc-link-fs: var(--fs-caption);
    --_uc-link-ws: unset;
    --_uc-rep-fc: unset;
    --_uc-time-fc: var(--black-400);
    --_uc-time-ws: unset;
    --_uc-type-fc: var(--theme-primary-400);
    align-items: var(--_uc-ai);
    background-color: var(--_uc-bg);
    border-radius: var(--_uc-bar);
    color: var(--_uc-fc);
    display: var(--_uc-d);
    gap: var(--_uc-g);
    grid-template-columns: auto 1fr;
    line-height: 1;
    padding: var(--_uc-p)
}

.s-user-card.s-user-card__deleted {
    --_uc-fc: var(--black-400)
}

.s-user-card.s-user-card__highlighted {
    --_uc-bg: var(--theme-secondary-100);
    --_uc-bar: var(--br-md);
    --_uc-time-fc: var(--black-500);
    --_uc-type-fc: var(--black-500)
}

.s-user-card.s-user-card__minimal,
.s-user-card.s-user-card__small {
    --_uc-d: flex;
    --_uc-g: var(--su4);
    --_uc-p: 0;
    --_uc-info-ai: center;
    --_uc-info-fd: row
}

.s-user-card.s-user-card__full {
    --_uc-ai: flex-start;
    --_uc-link-fs: var(--fs-body2)
}

.s-user-card.s-user-card__minimal {
    --_uc-link-ws: nowrap;
    --_uc-rep-fc: var(--black-500);
    --_uc-time-ws: nowrap
}

.s-user-card .s-user-card--location,
.s-user-card .s-user-card--role {
    color: var(--black-400);
    font-size: var(--fs-caption)
}

.s-user-card .s-user-card--awards {
    align-items: center;
    display: flex;
    gap: var(--su6);
    list-style: none;
    margin: 0;
    padding: 0
}

.s-user-card .s-user-card--awards li {
    font-size: var(--fs-caption)
}

.s-user-card .s-user-card--info {
    align-items: var(--_uc-info-ai);
    display: flex;
    flex-direction: var(--_uc-info-fd);
    gap: var(--su4)
}

.s-user-card .s-user-card--link {
    align-items: center;
    flex-wrap: wrap;
    font-size: var(--_uc-link-fs);
    min-width: 0;
    overflow-wrap: break-word;
    white-space: var(--_uc-link-ws)
}

.s-user-card .s-user-card--rep {
    color: var(--_uc-rep-fc);
    font-weight: 700
}

.s-user-card .s-user-card--tags {
    align-items: center;
    flex-wrap: wrap;
    min-width: 0
}

.s-user-card .s-user-card--time {
    color: var(--_uc-time-fc);
    font-size: var(--fs-caption);
    grid-column: 1/3;
    grid-row: 1/2;
    white-space: var(--_uc-time-ws)
}

.s-user-card .s-user-card--type {
    color: var(--_uc-type-fc);
    font-size: var(--fs-caption);
    grid-column: 1/3
}

.s-user-card .s-user-card--type a:not(.s-link) {
    color: inherit !important
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    src: local(Segoe UI)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-style: italic;
    src: local(Segoe UI Italic)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-weight: 600;
    src: local(Segoe UI Semibold)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-style: italic;
    font-weight: 600;
    src: local(Segoe UI Semibold Italic)
}

@font-face {
    ascent-override: 90%;
    font-family: Segoe UI Adjusted;
    font-weight: 700;
    src: local(Segoe UI Bold)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-style: italic;
    font-weight: 700;
    src: local(Segoe UI Bold Italic)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-weight: 800;
    src: local(Segoe UI Black)
}

@font-face {
    ascent-override: 95%;
    font-family: Segoe UI Adjusted;
    font-style: italic;
    font-weight: 800;
    src: local(Segoe UI Black Italic)
}

body,
html {
    --ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    --ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
    --ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
    --theme-body-font-family: var(--ff-sans);
    --fs-fine: 11px;
    --fs-caption: 12px;
    --fs-body1: 13px;
    --fs-body2: 1.15384615rem;
    --fs-body3: 1.30769231rem;
    --fs-subheading: 1.46153846rem;
    --fs-title: 1.61538462rem;
    --fs-headline1: 2.07692308rem;
    --fs-headline2: 2.61538461rem;
    --fs-display1: 3.30769231rem;
    --fs-display2: 4.23076923rem;
    --fs-display3: 5.30769231rem;
    --fs-display4: 7.61538461rem;
    --fs-body2-relative: 1.15384615em;
    --fs-body3-relative: 1.30769231em;
    --fs-subheading-relative: 1.46153846em;
    --fs-title-relative: 1.61538462em;
    --fs-headline1-relative: 2.07692308em;
    --fs-headline2-relative: 2.61538461em;
    --fs-display1-relative: 3.30769231em;
    --fs-display2-relative: 4.23076923em;
    --fs-display3-relative: 5.30769231em;
    --fs-display4-relative: 7.61538461em;
    --fs-base: 13px;
    --stacks-internals-lh-unit: 13;
    --lh-xs: 1;
    --lh-sm: calc((var(--stacks-internals-lh-unit) + 2)/var(--stacks-internals-lh-unit));
    --lh-md: calc((var(--stacks-internals-lh-unit) + 4)/var(--stacks-internals-lh-unit));
    --lh-lg: calc((var(--stacks-internals-lh-unit) + 8)/var(--stacks-internals-lh-unit));
    --lh-xl: calc((var(--stacks-internals-lh-unit) + 12)/var(--stacks-internals-lh-unit));
    --lh-xxl: 2;
    --lh-base: var(--lh-md);
    --lh-6: ((var(--stacks-internals-lh-unit) + 6)/var(--stacks-internals-lh-unit))
}

body {
    --zi-hide: -1;
    --zi-base: 0;
    --zi-selected: 25;
    --zi-active: 30;
    --zi-dropdown: 1000;
    --zi-popovers: 2000;
    --zi-tooltips: 3000;
    --zi-banners: 4000;
    --zi-navigation: 5000;
    --zi-navigation-fixed: 5050;
    --zi-modals-background: 8050;
    --zi-modals: 9000;
    --br-sm: calc(var(--su-static4));
    --br-md: calc(var(--su-static6));
    --br-lg: calc(var(--su-static8));
    --br-circle: 50%;
    --te-smooth-slow: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --te-smooth: cubic-bezier(0.165, 0.84, 0.44, 1);
    --te-smooth-quick: cubic-bezier(0.19, 1, 0.22, 1);
    --te-back-out: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --te-back-in-out: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --te-ease-in: cubic-bezier(0.47, 0, 0.745, 0.715);
    --te-ease-in-out: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --te-ease-out: cubic-bezier(0.39, 0.575, 0.565, 1);
    --default-transition-duration: 0.1s;
    --transition-time: var(--default-transition-duration);
    --s-full: 97.2307692rem;
    --s-step: calc(var(--s-full)/12);
    --_o-disabled: 0.55;
    --_o-disabled-static: 0.55;
    --_black-static: #000;
    --_white-static: #fff
}

body.theme-dark,
body.theme-dark .theme-light__forced,
body.theme-highcontrast.theme-dark,
body.theme-highcontrast.theme-dark .theme-light__forced,
body.theme-highcontrast.theme-system .theme-light__forced,
body.theme-highcontrast:not(.theme-dark),
body.theme-highcontrast:not(.theme-dark) .theme-dark__forced,
body.theme-system .theme-light__forced,
body:not(.theme-dark),
body:not(.theme-dark) .theme-dark__forced,
body:not(.theme-highcontrast).theme-dark,
body:not(.theme-highcontrast).theme-dark .theme-light__forced,
body:not(.theme-highcontrast).theme-system .theme-light__forced,
body:not(.theme-highcontrast):not(.theme-dark),
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced {
    --bg-error: var(--red-400);
    --bg-danger: var(--red-400);
    --bg-success: var(--green-400);
    --bg-warning: var(--yellow-500);
    --bc-error: var(--red-400);
    --bc-danger: var(--red-400);
    --bc-success: var(--green-400);
    --bc-warning: var(--yellow-500);
    --fc-light: var(--black-400);
    --fc-medium: var(--black-500);
    --fc-dark: var(--black-600);
    --fc-error: var(--red-400);
    --fc-danger: var(--red-400);
    --fc-success: var(--green-400);
    --fc-warning: var(--yellow-500)
}

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

    body.theme-highcontrast.theme-system,
    body.theme-system,
    body:not(.theme-highcontrast).theme-system {
        --bg-error: var(--red-400);
        --bg-danger: var(--red-400);
        --bg-success: var(--green-400);
        --bg-warning: var(--yellow-500);
        --bc-error: var(--red-400);
        --bc-danger: var(--red-400);
        --bc-success: var(--green-400);
        --bc-warning: var(--yellow-500);
        --fc-light: var(--black-400);
        --fc-medium: var(--black-500);
        --fc-dark: var(--black-600);
        --fc-error: var(--red-400);
        --fc-danger: var(--red-400);
        --fc-success: var(--green-400);
        --fc-warning: var(--yellow-500)
    }
}

body:not(.theme-highcontrast).theme-dark .theme-light__forced,
body:not(.theme-highcontrast).theme-dark .theme-light__forced .themed,
body:not(.theme-highcontrast).theme-dark .theme-light__forced.themed,
body:not(.theme-highcontrast).theme-system .theme-light__forced,
body:not(.theme-highcontrast).theme-system .theme-light__forced .themed,
body:not(.theme-highcontrast).theme-system .theme-light__forced.themed,
body:not(.theme-highcontrast):not(.theme-dark),
body:not(.theme-highcontrast):not(.theme-dark) .themed,
body:not(.theme-highcontrast):not(.theme-dark).themed {
    --white: #fff;
    --black-050: #fff;
    --black-100: #f9fafa;
    --black-150: #f1f2f3;
    --black-200: #e3e5e8;
    --black-225: #d6d9dc;
    --black-250: #c8ccd0;
    --black-300: #babfc5;
    --black-350: #a7adb4;
    --black-400: #636b74;
    --black-500: #3b4045;
    --black-600: #0c0d0e;
    --black: #000;
    --orange-100: #fef6f1;
    --orange-200: #fbdbc1;
    --orange-300: #f6b179;
    --orange-400: #e7700d;
    --orange-500: #c45f0e;
    --orange-600: #813f09;
    --blue-100: #edf5fd;
    --blue-200: #d6e8fa;
    --blue-300: #92c2f2;
    --blue-400: #1b75d0;
    --blue-500: #155ca2;
    --blue-600: #0c3b6a;
    --green-100: #eef7f2;
    --green-200: #d6ebe0;
    --green-300: #94ccae;
    --green-400: #18864b;
    --green-500: #0e6235;
    --green-600: #0a4324;
    --red-100: #fceded;
    --red-200: #fae1e1;
    --red-300: #eaa;
    --red-400: #c83232;
    --red-500: #9c2121;
    --red-600: #5d1414;
    --yellow-100: #fdf7e7;
    --yellow-200: #faecc6;
    --yellow-300: #f4d27b;
    --yellow-400: #ecae13;
    --yellow-500: #9c730d;
    --yellow-600: #553f07;
    --purple-100: #f6f6fe;
    --purple-200: #dfe1fb;
    --purple-300: #babcee;
    --purple-400: #555bce;
    --purple-500: #393fac;
    --purple-600: #292d7a;
    --gold-100: #fff4d1;
    --gold-200: #ffe07a;
    --gold-300: #d6a100;
    --gold-400: #7f6305;
    --silver-100: #f2f2f2;
    --silver-200: #d6d6d6;
    --silver-300: #a9adb1;
    --silver-400: #646668;
    --bronze-100: #f3eae2;
    --bronze-200: #e8d4bf;
    --bronze-300: #cca37f;
    --bronze-400: #8e6139;
    --bc-lightest: var(--black-100);
    --bc-lighter: var(--black-150);
    --bc-light: var(--black-200);
    --bc-medium: var(--black-225);
    --bc-dark: var(--black-250);
    --bc-darker: var(--black-300);
    --bs-sm: 0 1px 2px #0000000d, 0 1px 4px #0000000d, 0 2px 8px #0000000d;
    --bs-md: 0 1px 3px #0000000f, 0 2px 6px #0000000f, 0 3px 8px #00000017;
    --bs-lg: 0 1px 4px #00000017, 0 3px 8px #00000017, 0 4px 13px #00000021;
    --bs-xl: 0 10px 24px #0000000d, 0 20px 48px #0000000d, 0 1px 4px #0000001a;
    --translucent-secondary: var(--theme-secondary-custom-translucent, #0074cc26);
    --translucent-success: #a6d9b766;
    --translucent-warning: #e9c43f66;
    --translucent-error: #c22e3226;
    --translucent-muted: #2326291a;
    --focus-neutral: var(--white);
    --focus-theme: var(--theme-secondary-400);
    --focus-ring: var(--theme-secondary-custom-focus-ring, #0074cc26);
    --focus-ring-success: #a6d9b766;
    --focus-ring-warning: #e9c43f66;
    --focus-ring-error: #c22e3226;
    --focus-ring-muted: #2326291a;
    --highlight-addition: var(--green-500);
    --highlight-attribute: #015493;
    --highlight-bg: #f6f6f6;
    --highlight-color: var(--black-600);
    --highlight-comment: #666f78;
    --highlight-deletion: var(--red-500);
    --highlight-keyword: #015493;
    --highlight-literal: #b75301;
    --highlight-namespace: #b75301;
    --highlight-punctuation: var(--black-500);
    --highlight-symbol: #803378;
    --highlight-variable: #567a0d;
    --scrollbar: #0003;
    --theme-primary: var(--theme-primary-custom, var(--orange-400));
    --theme-primary-100: var(--theme-primary-custom-100, var(--orange-100));
    --theme-primary-200: var(--theme-primary-custom-200, var(--orange-200));
    --theme-primary-300: var(--theme-primary-custom-300, var(--orange-300));
    --theme-primary-400: var(--theme-primary-custom-400, var(--orange-400));
    --theme-primary-500: var(--theme-primary-custom-500, var(--orange-500));
    --theme-primary-600: var(--theme-primary-custom-600, var(--orange-600));
    --theme-secondary: var(--theme-secondary-custom, var(--blue-400));
    --theme-secondary-100: var(--theme-secondary-custom-100, var(--blue-100));
    --theme-secondary-200: var(--theme-secondary-custom-200, var(--blue-200));
    --theme-secondary-300: var(--theme-secondary-custom-300, var(--blue-300));
    --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
    --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
    --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
    --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (100% - var(--theme-base-primary-color-l))*0.9));
    --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (100% - var(--theme-base-primary-color-l))*0.75));
    --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (100% - var(--theme-base-primary-color-l))*0.5));
    --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l));
    --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + var(--theme-base-primary-color-l)*-0.3));
    --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + var(--theme-base-primary-color-l)*-0.6));
    --theme-primary-custom: var(--theme-primary-custom-400);
    --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (100% - var(--theme-base-secondary-color-l))*0.9));
    --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (100% - var(--theme-base-secondary-color-l))*0.75));
    --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (100% - var(--theme-base-secondary-color-l))*0.5));
    --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l));
    --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + var(--theme-base-secondary-color-l)*-0.3));
    --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + var(--theme-base-secondary-color-l)*-0.6));
    --theme-secondary-custom: var(--theme-secondary-custom-400);
    --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
    --theme-secondary-custom-translucent: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
    color: var(--theme-body-font-color, var(--black-600))
}

body:not(.theme-highcontrast).theme-dark,
body:not(.theme-highcontrast).theme-dark .themed,
body:not(.theme-highcontrast).theme-dark.themed,
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced,
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed,
body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced.themed {
    --white: #252627;
    --black-050: #252627;
    --black-100: #2d2e2f;
    --black-150: #333638;
    --black-200: #424548;
    --black-225: #494d50;
    --black-250: #575c60;
    --black-300: #73787d;
    --black-350: #acb3b9;
    --black-400: #c8ccd0;
    --black-500: #e3e5e8;
    --black-600: #f9fafa;
    --black: #fff;
    --orange-100: #4f3017;
    --orange-200: #7e502a;
    --orange-300: #a46837;
    --orange-400: #f7a664;
    --orange-500: #fac79e;
    --orange-600: #fce3cf;
    --blue-100: #1c3854;
    --blue-200: #2e5c8a;
    --blue-300: #3d7ab8;
    --blue-400: #90c4f9;
    --blue-500: #b2d6fb;
    --blue-600: #d8ebfd;
    --green-100: #133a26;
    --green-200: #1f603f;
    --green-300: #2d8b5a;
    --green-400: #6ecf9c;
    --green-500: #9cdebc;
    --green-600: #d1f0e0;
    --red-100: #502020;
    --red-200: #963c3c;
    --red-300: #bf5f5f;
    --red-400: #faa3a3;
    --red-500: #fcc5c5;
    --red-600: #fde2e2;
    --yellow-100: #413516;
    --yellow-200: #6b5724;
    --yellow-300: #957932;
    --yellow-400: #f9d886;
    --yellow-500: #fae3a8;
    --yellow-600: #fdf1d3;
    --purple-100: #2b2d4a;
    --purple-200: #53568d;
    --purple-300: #7275ac;
    --purple-400: #bdc1fe;
    --purple-500: #d7d9ff;
    --purple-600: #ebecff;
    --gold-100: #4f462b;
    --gold-200: #8b7532;
    --gold-300: #f7cb45;
    --gold-400: #fbe393;
    --silver-100: #414244;
    --silver-200: #747576;
    --silver-300: #adafb3;
    --silver-400: #d0d3d7;
    --bronze-100: #4e443c;
    --bronze-200: #927154;
    --bronze-300: #dca87a;
    --bronze-400: #edd2ba;
    --bc-lightest: var(--black-100);
    --bc-lighter: var(--black-150);
    --bc-light: var(--black-200);
    --bc-medium: var(--black-225);
    --bc-dark: var(--black-250);
    --bc-darker: var(--black-300);
    --bs-sm: 0 1px 2px #0000001a, 0 1px 4px #0000001a, 0 2px 8px #0000001a;
    --bs-md: 0 1px 3px #0000001c, 0 2px 6px #0000001c, 0 3px 8px #00000024;
    --bs-lg: 0 1px 4px #00000024, 0 3px 8px #00000024, 0 4px 13px #0000002e;
    --bs-xl: 0 10px 24px #0000001a, 0 20px 48px #0000001a, 0 1px 4px #00000026;
    --translucent-secondary: var(--theme-dark-secondary-custom-translucent, #0074cc40);
    --translucent-success: #a6d9b766;
    --translucent-warning: #e9c43f66;
    --translucent-error: #c22e3226;
    --translucent-muted: #2326291a;
    --focus-neutral: var(--white);
    --focus-theme: var(--theme-secondary-400);
    --focus-ring: var(--theme-dark-secondary-custom-focus-ring, #0074cc40);
    --focus-ring-success: #a6d9b766;
    --focus-ring-warning: #e9c43f66;
    --focus-ring-error: #c22e3226;
    --focus-ring-muted: #2326291a;
    --highlight-addition: var(--green-500);
    --highlight-attribute: var(--blue-400);
    --highlight-bg: #1d1b1b;
    --highlight-color: var(--black);
    --highlight-comment: #999;
    --highlight-deletion: var(--red-500);
    --highlight-keyword: var(--blue-400);
    --highlight-literal: #fb9d51;
    --highlight-namespace: #fb9d51;
    --highlight-punctuation: #ccc;
    --highlight-symbol: #df9fd9;
    --highlight-variable: #b5bd68;
    --scrollbar: #fff3;
    --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
    --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
    --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
    --theme-primary-300: var(--theme-dark-primary-custom-300, var(--orange-300));
    --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
    --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
    --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
    --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
    --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
    --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
    --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
    --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
    --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
    --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
    --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.6), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.7));
    --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.4), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.5));
    --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.3), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.2));
    --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
    --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + (100% - var(--theme-dark-primary-color-l))*0.5));
    --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + (100% - var(--theme-dark-primary-color-l))*0.8));
    --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
    --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.6), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.7));
    --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.4), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.5));
    --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.3), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.2));
    --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
    --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + (100% - var(--theme-dark-secondary-color-l))*0.5));
    --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + (100% - var(--theme-dark-secondary-color-l))*0.8));
    --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
    --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
    --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
    color: var(--theme-body-font-color, var(--black-600))
}

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

    body:not(.theme-highcontrast).theme-system,
    body:not(.theme-highcontrast).theme-system .themed,
    body:not(.theme-highcontrast).theme-system.themed {
        --white: #252627;
        --black-050: #252627;
        --black-100: #2d2e2f;
        --black-150: #333638;
        --black-200: #424548;
        --black-225: #494d50;
        --black-250: #575c60;
        --black-300: #73787d;
        --black-350: #acb3b9;
        --black-400: #c8ccd0;
        --black-500: #e3e5e8;
        --black-600: #f9fafa;
        --black: #fff;
        --orange-100: #4f3017;
        --orange-200: #7e502a;
        --orange-300: #a46837;
        --orange-400: #f7a664;
        --orange-500: #fac79e;
        --orange-600: #fce3cf;
        --blue-100: #1c3854;
        --blue-200: #2e5c8a;
        --blue-300: #3d7ab8;
        --blue-400: #90c4f9;
        --blue-500: #b2d6fb;
        --blue-600: #d8ebfd;
        --green-100: #133a26;
        --green-200: #1f603f;
        --green-300: #2d8b5a;
        --green-400: #6ecf9c;
        --green-500: #9cdebc;
        --green-600: #d1f0e0;
        --red-100: #502020;
        --red-200: #963c3c;
        --red-300: #bf5f5f;
        --red-400: #faa3a3;
        --red-500: #fcc5c5;
        --red-600: #fde2e2;
        --yellow-100: #413516;
        --yellow-200: #6b5724;
        --yellow-300: #957932;
        --yellow-400: #f9d886;
        --yellow-500: #fae3a8;
        --yellow-600: #fdf1d3;
        --purple-100: #2b2d4a;
        --purple-200: #53568d;
        --purple-300: #7275ac;
        --purple-400: #bdc1fe;
        --purple-500: #d7d9ff;
        --purple-600: #ebecff;
        --gold-100: #4f462b;
        --gold-200: #8b7532;
        --gold-300: #f7cb45;
        --gold-400: #fbe393;
        --silver-100: #414244;
        --silver-200: #747576;
        --silver-300: #adafb3;
        --silver-400: #d0d3d7;
        --bronze-100: #4e443c;
        --bronze-200: #927154;
        --bronze-300: #dca87a;
        --bronze-400: #edd2ba;
        --bc-lightest: var(--black-100);
        --bc-lighter: var(--black-150);
        --bc-light: var(--black-200);
        --bc-medium: var(--black-225);
        --bc-dark: var(--black-250);
        --bc-darker: var(--black-300);
        --bs-sm: 0 1px 2px #0000001a, 0 1px 4px #0000001a, 0 2px 8px #0000001a;
        --bs-md: 0 1px 3px #0000001c, 0 2px 6px #0000001c, 0 3px 8px #00000024;
        --bs-lg: 0 1px 4px #00000024, 0 3px 8px #00000024, 0 4px 13px #0000002e;
        --bs-xl: 0 10px 24px #0000001a, 0 20px 48px #0000001a, 0 1px 4px #00000026;
        --translucent-secondary: var(--theme-dark-secondary-custom-translucent, #0074cc40);
        --translucent-success: #a6d9b766;
        --translucent-warning: #e9c43f66;
        --translucent-error: #c22e3226;
        --translucent-muted: #2326291a;
        --focus-neutral: var(--white);
        --focus-theme: var(--theme-secondary-400);
        --focus-ring: var(--theme-dark-secondary-custom-focus-ring, #0074cc40);
        --focus-ring-success: #a6d9b766;
        --focus-ring-warning: #e9c43f66;
        --focus-ring-error: #c22e3226;
        --focus-ring-muted: #2326291a;
        --highlight-addition: var(--green-500);
        --highlight-attribute: var(--blue-400);
        --highlight-bg: #1d1b1b;
        --highlight-color: var(--black);
        --highlight-comment: #999;
        --highlight-deletion: var(--red-500);
        --highlight-keyword: var(--blue-400);
        --highlight-literal: #fb9d51;
        --highlight-namespace: #fb9d51;
        --highlight-punctuation: #ccc;
        --highlight-symbol: #df9fd9;
        --highlight-variable: #b5bd68;
        --scrollbar: #fff3;
        --theme-primary: var(--theme-dark-primary-custom, var(--orange-400));
        --theme-primary-100: var(--theme-dark-primary-custom-100, var(--orange-100));
        --theme-primary-200: var(--theme-dark-primary-custom-200, var(--orange-200));
        --theme-primary-300: var(--theme-dark-primary-custom-300, var(--orange-300));
        --theme-primary-400: var(--theme-dark-primary-custom-400, var(--orange-400));
        --theme-primary-500: var(--theme-dark-primary-custom-500, var(--orange-500));
        --theme-primary-600: var(--theme-dark-primary-custom-600, var(--orange-600));
        --theme-secondary: var(--theme-dark-secondary-custom, var(--blue-400));
        --theme-secondary-100: var(--theme-dark-secondary-custom-100, var(--blue-100));
        --theme-secondary-200: var(--theme-dark-secondary-custom-200, var(--blue-200));
        --theme-secondary-300: var(--theme-dark-secondary-custom-300, var(--blue-300));
        --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
        --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
        --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
        --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.6), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.7));
        --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.4), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.5));
        --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + var(--theme-dark-primary-color-s)*-0.3), calc(var(--theme-dark-primary-color-l) + var(--theme-dark-primary-color-l)*-0.2));
        --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
        --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + (100% - var(--theme-dark-primary-color-l))*0.5));
        --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + (100% - var(--theme-dark-primary-color-l))*0.8));
        --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
        --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.6), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.7));
        --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.4), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.5));
        --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + var(--theme-dark-secondary-color-s)*-0.3), calc(var(--theme-dark-secondary-color-l) + var(--theme-dark-secondary-color-l)*-0.2));
        --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
        --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + (100% - var(--theme-dark-secondary-color-l))*0.5));
        --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + (100% - var(--theme-dark-secondary-color-l))*0.8));
        --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
        --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
        --theme-dark-secondary-custom-translucent: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
        color: var(--theme-body-font-color, var(--black-600))
    }
}

body.theme-highcontrast.theme-dark .theme-light__forced,
body.theme-highcontrast.theme-system .theme-light__forced,
body.theme-highcontrast:not(.theme-dark) {
    --white: #fff;
    --black-050: #fff;
    --black-100: #f9fafa;
    --black-150: #f1f2f3;
    --black-200: #e3e5e8;
    --black-225: #d6d9dc;
    --black-250: #c8ccd0;
    --black-300: #babfc5;
    --black-350: #6a737c;
    --black-400: #525960;
    --black-500: #3b4045;
    --black-600: #0c0d0e;
    --black: #000;
    --orange-100: #fef6f1;
    --orange-200: #fef6f1;
    --orange-300: #e7700d;
    --orange-400: #8a440a;
    --orange-500: #643107;
    --orange-600: #643107;
    --blue-100: #edf5fd;
    --blue-200: #edf5fd;
    --blue-300: #257ad0;
    --blue-400: #145799;
    --blue-500: #0c3b6a;
    --blue-600: #0c3b6a;
    --green-100: #eef7f2;
    --green-200: #eef7f2;
    --green-300: #18864b;
    --green-400: #0e6235;
    --green-500: #0a4322;
    --green-600: #0a4322;
    --red-100: #fdeded;
    --red-200: #fdeded;
    --red-300: #c83232;
    --red-400: #9c2121;
    --red-500: #5d1414;
    --red-600: #5d1414;
    --yellow-100: #fdf6e7;
    --yellow-200: #fdf6e7;
    --yellow-300: #ecae13;
    --yellow-400: #ecae13;
    --yellow-500: #554507;
    --yellow-600: #554507;
    --purple-100: #f6f6fe;
    --purple-200: #f6f6fe;
    --purple-300: #555bce;
    --purple-400: #3b41ba;
    --purple-500: #292d7a;
    --purple-600: #292d7a;
    --gold-100: #fff4d1;
    --gold-200: #fff4d1;
    --gold-300: #d6a100;
    --gold-400: #7f6305;
    --silver-100: #f2f2f2;
    --silver-200: #f2f2f2;
    --silver-300: #a9adb1;
    --silver-400: #646668;
    --bronze-100: #f3eae2;
    --bronze-200: #f3eae2;
    --bronze-300: #cca37f;
    --bronze-400: #8e6139;
    --bc-lightest: var(--black-400);
    --bc-lighter: var(--black-400);
    --bc-light: var(--black-400);
    --bc-medium: var(--black-400);
    --bc-dark: var(--black-500);
    --bc-darker: var(--black-600);
    --bs-sm: none;
    --bs-md: none;
    --bs-lg: none;
    --bs-xl: none;
    --translucent-secondary: #0074cce6;
    --translucent-success: #3d8f58e6;
    --translucent-warning: #cea81ce6;
    --translucent-error: #c22e32e6;
    --translucent-muted: #838c95f2;
    --focus-neutral: var(--white);
    --focus-theme: var(--theme-secondary-400);
    --focus-ring: #0074cce6;
    --focus-ring-success: #3d8f58e6;
    --focus-ring-warning: #cea81ce6;
    --focus-ring-error: #c22e32e6;
    --focus-ring-muted: #838c95f2;
    --highlight-addition: var(--green-500);
    --highlight-attribute: #004ab3;
    --highlight-bg: #f6f6f6;
    --highlight-color: var(--black-600);
    --highlight-comment: #4e545a;
    --highlight-deletion: var(--red-400);
    --highlight-keyword: #004ab3;
    --highlight-literal: #992c05;
    --highlight-namespace: #992c05;
    --highlight-punctuation: var(--black-500);
    --highlight-symbol: #732b68;
    --highlight-variable: #315c00;
    --scrollbar: var(--black);
    --theme-primary: var(--orange-400);
    --theme-primary-100: var(--orange-100);
    --theme-primary-200: var(--orange-200);
    --theme-primary-300: var(--orange-300);
    --theme-primary-400: var(--orange-400);
    --theme-primary-500: var(--orange-500);
    --theme-primary-600: var(--orange-600);
    --theme-secondary: var(--blue-400);
    --theme-secondary-100: var(--blue-100);
    --theme-secondary-200: var(--blue-200);
    --theme-secondary-300: var(--blue-300);
    --theme-secondary-400: var(--blue-400);
    --theme-secondary-500: var(--blue-500);
    --theme-secondary-600: var(--blue-600);
    --_o-disabled: 0.8
}

body.theme-highcontrast.theme-dark,
body.theme-highcontrast:not(.theme-dark) .theme-dark__forced {
    --white: #000;
    --black-050: #252627;
    --black-100: #2d2e2f;
    --black-150: #333638;
    --black-200: #424548;
    --black-225: #494d50;
    --black-250: #575c60;
    --black-300: #73787d;
    --black-350: #b6bdc3;
    --black-400: #c8ccd0;
    --black-500: #e3e5e8;
    --black-600: #f9fafa;
    --black: #fff;
    --orange-100: #3f2f22;
    --orange-200: #3f2f22;
    --orange-300: #f1b27e;
    --orange-400: #f1b27e;
    --orange-500: #fbecdf;
    --orange-600: #fbecdf;
    --blue-100: #22313f;
    --blue-200: #22313f;
    --blue-300: #7eb8f1;
    --blue-400: #8cbff2;
    --blue-500: #dfedfb;
    --blue-600: #dfedfb;
    --green-100: #223f2f;
    --green-200: #223f2f;
    --green-300: #77c59c;
    --green-400: #8dceab;
    --green-500: #e6f4ed;
    --green-600: #e6f4ed;
    --red-100: #3f2223;
    --red-200: #3f2223;
    --red-300: #f09898;
    --red-400: #f1a7a7;
    --red-500: #fce9e9;
    --red-600: #fce9e9;
    --yellow-100: #38311f;
    --yellow-200: #38311f;
    --yellow-300: #efd48f;
    --yellow-400: #efd48f;
    --yellow-500: #f9f2d7;
    --yellow-600: #f9f0d7;
    --purple-100: #2b2d4a;
    --purple-200: #2b2d4a;
    --purple-300: #bdc1fe;
    --purple-400: #bdc1fe;
    --purple-500: #ebecff;
    --purple-600: #ebecff;
    --gold-100: #4e4732;
    --gold-200: #4e4732;
    --gold-300: #f7cb45;
    --gold-400: #fbe393;
    --silver-100: #414244;
    --silver-200: #414244;
    --silver-300: #adafb3;
    --silver-400: #d0d3d7;
    --bronze-100: #4e443c;
    --bronze-200: #4e443c;
    --bronze-300: #dca87a;
    --bronze-400: #edd2ba;
    --bc-lightest: var(--black-400);
    --bc-lighter: var(--black-400);
    --bc-light: var(--black-400);
    --bc-medium: var(--black-400);
    --bc-dark: var(--black-500);
    --bc-darker: var(--black-600);
    --bs-sm: none;
    --bs-md: none;
    --bs-lg: none;
    --bs-xl: none;
    --translucent-secondary: #0074cce6;
    --translucent-success: #3d8f58e6;
    --translucent-warning: #cea81ce6;
    --translucent-error: #c22e32e6;
    --translucent-muted: #838c95f2;
    --focus-neutral: var(--white);
    --focus-theme: var(--theme-secondary-400);
    --focus-ring: #0074cce6;
    --focus-ring-success: #3d8f58e6;
    --focus-ring-warning: #cea81ce6;
    --focus-ring-error: #c22e32e6;
    --focus-ring-muted: #838c95f2;
    --highlight-addition: var(--green-500);
    --highlight-attribute: #c3e0ef;
    --highlight-bg: #1a1a1a;
    --highlight-color: #fff;
    --highlight-comment: #fcfcfc;
    --highlight-deletion: var(--red-500);
    --highlight-keyword: #c3e0ef;
    --highlight-literal: #fcc36e;
    --highlight-namespace: #fcc36e;
    --highlight-punctuation: #fcfcfc;
    --highlight-symbol: #e8cae6;
    --highlight-variable: #eff1ac;
    --scrollbar: var(--black);
    --theme-primary: var(--orange-400);
    --theme-primary-100: var(--orange-100);
    --theme-primary-200: var(--orange-200);
    --theme-primary-300: var(--orange-300);
    --theme-primary-400: var(--orange-400);
    --theme-primary-500: var(--orange-500);
    --theme-primary-600: var(--orange-600);
    --theme-secondary: var(--blue-400);
    --theme-secondary-100: var(--blue-100);
    --theme-secondary-200: var(--blue-200);
    --theme-secondary-300: var(--blue-300);
    --theme-secondary-400: var(--blue-400);
    --theme-secondary-500: var(--blue-500);
    --theme-secondary-600: var(--blue-600);
    --_o-disabled: 0.8
}

@media (prefers-color-scheme:dark) {
    body.theme-highcontrast.theme-system {
        --white: #000;
        --black-050: #252627;
        --black-100: #2d2e2f;
        --black-150: #333638;
        --black-200: #424548;
        --black-225: #494d50;
        --black-250: #575c60;
        --black-300: #73787d;
        --black-350: #b6bdc3;
        --black-400: #c8ccd0;
        --black-500: #e3e5e8;
        --black-600: #f9fafa;
        --black: #fff;
        --orange-100: #3f2f22;
        --orange-200: #3f2f22;
        --orange-300: #f1b27e;
        --orange-400: #f1b27e;
        --orange-500: #fbecdf;
        --orange-600: #fbecdf;
        --blue-100: #22313f;
        --blue-200: #22313f;
        --blue-300: #7eb8f1;
        --blue-400: #8cbff2;
        --blue-500: #dfedfb;
        --blue-600: #dfedfb;
        --green-100: #223f2f;
        --green-200: #223f2f;
        --green-300: #77c59c;
        --green-400: #8dceab;
        --green-500: #e6f4ed;
        --green-600: #e6f4ed;
        --red-100: #3f2223;
        --red-200: #3f2223;
        --red-300: #f09898;
        --red-400: #f1a7a7;
        --red-500: #fce9e9;
        --red-600: #fce9e9;
        --yellow-100: #38311f;
        --yellow-200: #38311f;
        --yellow-300: #efd48f;
        --yellow-400: #efd48f;
        --yellow-500: #f9f2d7;
        --yellow-600: #f9f0d7;
        --purple-100: #2b2d4a;
        --purple-200: #2b2d4a;
        --purple-300: #bdc1fe;
        --purple-400: #bdc1fe;
        --purple-500: #ebecff;
        --purple-600: #ebecff;
        --gold-100: #4e4732;
        --gold-200: #4e4732;
        --gold-300: #f7cb45;
        --gold-400: #fbe393;
        --silver-100: #414244;
        --silver-200: #414244;
        --silver-300: #adafb3;
        --silver-400: #d0d3d7;
        --bronze-100: #4e443c;
        --bronze-200: #4e443c;
        --bronze-300: #dca87a;
        --bronze-400: #edd2ba;
        --bc-lightest: var(--black-400);
        --bc-lighter: var(--black-400);
        --bc-light: var(--black-400);
        --bc-medium: var(--black-400);
        --bc-dark: var(--black-500);
        --bc-darker: var(--black-600);
        --bs-sm: none;
        --bs-md: none;
        --bs-lg: none;
        --bs-xl: none;
        --translucent-secondary: #0074cce6;
        --translucent-success: #3d8f58e6;
        --translucent-warning: #cea81ce6;
        --translucent-error: #c22e32e6;
        --translucent-muted: #838c95f2;
        --focus-neutral: var(--white);
        --focus-theme: var(--theme-secondary-400);
        --focus-ring: #0074cce6;
        --focus-ring-success: #3d8f58e6;
        --focus-ring-warning: #cea81ce6;
        --focus-ring-error: #c22e32e6;
        --focus-ring-muted: #838c95f2;
        --highlight-addition: var(--green-500);
        --highlight-attribute: #c3e0ef;
        --highlight-bg: #1a1a1a;
        --highlight-color: #fff;
        --highlight-comment: #fcfcfc;
        --highlight-deletion: var(--red-500);
        --highlight-keyword: #c3e0ef;
        --highlight-literal: #fcc36e;
        --highlight-namespace: #fcc36e;
        --highlight-punctuation: #fcfcfc;
        --highlight-symbol: #e8cae6;
        --highlight-variable: #eff1ac;
        --scrollbar: var(--black);
        --theme-primary: var(--orange-400);
        --theme-primary-100: var(--orange-100);
        --theme-primary-200: var(--orange-200);
        --theme-primary-300: var(--orange-300);
        --theme-primary-400: var(--orange-400);
        --theme-primary-500: var(--orange-500);
        --theme-primary-600: var(--orange-600);
        --theme-secondary: var(--blue-400);
        --theme-secondary-100: var(--blue-100);
        --theme-secondary-200: var(--blue-200);
        --theme-secondary-300: var(--blue-300);
        --theme-secondary-400: var(--blue-400);
        --theme-secondary-500: var(--blue-500);
        --theme-secondary-600: var(--blue-600);
        --_o-disabled: 0.8
    }
}

.ba {
    border-style: solid !important;
    border-width: var(--su-static1) !important
}

.bt {
    border-top-style: solid !important;
    border-top-width: var(--su-static1) !important
}

.br {
    border-right-style: solid !important;
    border-right-width: var(--su-static1) !important
}

.bb {
    border-bottom-style: solid !important;
    border-bottom-width: var(--su-static1) !important
}

.bl {
    border-left-width: var(--su-static1) !important
}

.bl,
.bx {
    border-left-style: solid !important
}

.bx {
    border-left-width: var(--su-static1) !important;
    border-right-style: solid !important;
    border-right-width: var(--su-static1) !important
}

.by {
    border-bottom-style: solid !important;
    border-bottom-width: var(--su-static1) !important;
    border-top-style: solid !important;
    border-top-width: var(--su-static1) !important
}

.baw0 {
    border-width: 0 !important
}

.baw1 {
    border-width: var(--su-static1) !important
}

.baw2 {
    border-width: var(--su-static2) !important
}

.baw3 {
    border-width: var(--su-static4) !important
}

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

.btw1 {
    border-top-width: var(--su-static1) !important
}

.btw2 {
    border-top-width: var(--su-static2) !important
}

.btw3 {
    border-top-width: var(--su-static4) !important
}

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

.brw1 {
    border-right-width: var(--su-static1) !important
}

.brw2 {
    border-right-width: var(--su-static2) !important
}

.brw3 {
    border-right-width: var(--su-static4) !important
}

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

.bbw1 {
    border-bottom-width: var(--su-static1) !important
}

.bbw2 {
    border-bottom-width: var(--su-static2) !important
}

.bbw3 {
    border-bottom-width: var(--su-static4) !important
}

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

.blw1 {
    border-left-width: var(--su-static1) !important
}

.blw2 {
    border-left-width: var(--su-static2) !important
}

.blw3 {
    border-left-width: var(--su-static4) !important
}

.byw0 {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important
}

.byw1 {
    border-bottom-width: var(--su-static1) !important;
    border-top-width: var(--su-static1) !important
}

.byw2 {
    border-bottom-width: var(--su-static2) !important;
    border-top-width: var(--su-static2) !important
}

.byw3 {
    border-bottom-width: var(--su-static4) !important;
    border-top-width: var(--su-static4) !important
}

.bxw0 {
    border-left-width: 0 !important;
    border-right-width: 0 !important
}

.bxw1 {
    border-left-width: var(--su-static1) !important;
    border-right-width: var(--su-static1) !important
}

.bxw2 {
    border-left-width: var(--su-static2) !important;
    border-right-width: var(--su-static2) !important
}

.bxw3 {
    border-left-width: var(--su-static4) !important;
    border-right-width: var(--su-static4) !important
}

.bas-solid {
    border-style: solid !important
}

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

.bts-solid {
    border-top-style: solid !important
}

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

.brs-solid {
    border-right-style: solid !important
}

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

.bbs-solid {
    border-bottom-style: solid !important
}

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

.bls-solid {
    border-left-style: solid !important
}

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

.bar-sm {
    border-radius: var(--br-sm) !important
}

.bar-md {
    border-radius: var(--br-md) !important
}

.bar-lg {
    border-radius: var(--br-lg) !important
}

.bar-circle {
    border-radius: 100% !important
}

.bar-pill {
    border-radius: 1000px !important
}

.btlr0 {
    border-top-left-radius: 0 !important
}

.btlr-sm {
    border-top-left-radius: var(--br-sm) !important
}

.btlr-md {
    border-top-left-radius: var(--br-md) !important
}

.btlr-lg {
    border-top-left-radius: var(--br-lg) !important
}

.btrr0 {
    border-top-right-radius: 0 !important
}

.btrr-sm {
    border-top-right-radius: var(--br-sm) !important
}

.btrr-md {
    border-top-right-radius: var(--br-md) !important
}

.btrr-lg {
    border-top-right-radius: var(--br-lg) !important
}

.bblr0 {
    border-bottom-left-radius: 0 !important
}

.bblr-sm {
    border-bottom-left-radius: var(--br-sm) !important
}

.bblr-md {
    border-bottom-left-radius: var(--br-md) !important
}

.bblr-lg {
    border-bottom-left-radius: var(--br-lg) !important
}

.bbrr0 {
    border-bottom-right-radius: 0 !important
}

.bbrr-sm {
    border-bottom-right-radius: var(--br-sm) !important
}

.bbrr-md {
    border-bottom-right-radius: var(--br-md) !important
}

.bbrr-lg {
    border-bottom-right-radius: var(--br-lg) !important
}

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

.btr-sm {
    border-top-left-radius: var(--br-sm) !important;
    border-top-right-radius: var(--br-sm) !important
}

.btr-md {
    border-top-left-radius: var(--br-md) !important;
    border-top-right-radius: var(--br-md) !important
}

.btr-lg {
    border-top-left-radius: var(--br-lg) !important;
    border-top-right-radius: var(--br-lg) !important
}

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

.brr-sm {
    border-bottom-right-radius: var(--br-sm) !important;
    border-top-right-radius: var(--br-sm) !important
}

.brr-md {
    border-bottom-right-radius: var(--br-md) !important;
    border-top-right-radius: var(--br-md) !important
}

.brr-lg {
    border-bottom-right-radius: var(--br-lg) !important;
    border-top-right-radius: var(--br-lg) !important
}

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

.bbr-sm {
    border-bottom-left-radius: var(--br-sm) !important;
    border-bottom-right-radius: var(--br-sm) !important
}

.bbr-md {
    border-bottom-left-radius: var(--br-md) !important;
    border-bottom-right-radius: var(--br-md) !important
}

.bbr-lg {
    border-bottom-left-radius: var(--br-lg) !important;
    border-bottom-right-radius: var(--br-lg) !important
}

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

.blr-sm {
    border-bottom-left-radius: var(--br-sm) !important;
    border-top-left-radius: var(--br-sm) !important
}

.blr-md {
    border-bottom-left-radius: var(--br-md) !important;
    border-top-left-radius: var(--br-md) !important
}

.blr-lg {
    border-bottom-left-radius: var(--br-lg) !important;
    border-top-left-radius: var(--br-lg) !important
}

.bar0 {
    border-radius: 0 !important
}

.bg-white,
.f\:bg-white:focus,
.f\:bg-white:focus-within,
.h\:bg-white:hover {
    background-color: var(--white) !important
}

.bc-white,
.f\:bc-white:focus,
.f\:bc-white:focus-within,
.h\:bc-white:hover {
    border-color: var(--white) !important
}

.f\:fc-white:focus,
.f\:fc-white:focus-within,
.fc-white,
.h\:fc-white:hover {
    color: var(--white) !important
}

.bg-black-050,
.f\:bg-black-050:focus,
.f\:bg-black-050:focus-within,
.h\:bg-black-050:hover {
    background-color: var(--black-050) !important
}

.bc-black-050,
.f\:bc-black-050:focus,
.f\:bc-black-050:focus-within,
.h\:bc-black-050:hover {
    border-color: var(--black-050) !important
}

.f\:fc-black-050:focus,
.f\:fc-black-050:focus-within,
.fc-black-050,
.h\:fc-black-050:hover {
    color: var(--black-050) !important
}

.bg-black-100,
.f\:bg-black-100:focus,
.f\:bg-black-100:focus-within,
.h\:bg-black-100:hover {
    background-color: var(--black-100) !important
}

.bc-black-100,
.f\:bc-black-100:focus,
.f\:bc-black-100:focus-within,
.h\:bc-black-100:hover {
    border-color: var(--black-100) !important
}

.f\:fc-black-100:focus,
.f\:fc-black-100:focus-within,
.fc-black-100,
.h\:fc-black-100:hover {
    color: var(--black-100) !important
}

.bg-black-150,
.f\:bg-black-150:focus,
.f\:bg-black-150:focus-within,
.h\:bg-black-150:hover {
    background-color: var(--black-150) !important
}

.bc-black-150,
.f\:bc-black-150:focus,
.f\:bc-black-150:focus-within,
.h\:bc-black-150:hover {
    border-color: var(--black-150) !important
}

.f\:fc-black-150:focus,
.f\:fc-black-150:focus-within,
.fc-black-150,
.h\:fc-black-150:hover {
    color: var(--black-150) !important
}

.bg-black-200,
.f\:bg-black-200:focus,
.f\:bg-black-200:focus-within,
.h\:bg-black-200:hover {
    background-color: var(--black-200) !important
}

.bc-black-200,
.f\:bc-black-200:focus,
.f\:bc-black-200:focus-within,
.h\:bc-black-200:hover {
    border-color: var(--black-200) !important
}

.f\:fc-black-200:focus,
.f\:fc-black-200:focus-within,
.fc-black-200,
.h\:fc-black-200:hover {
    color: var(--black-200) !important
}

.bg-black-225,
.f\:bg-black-225:focus,
.f\:bg-black-225:focus-within,
.h\:bg-black-225:hover {
    background-color: var(--black-225) !important
}

.bc-black-225,
.f\:bc-black-225:focus,
.f\:bc-black-225:focus-within,
.h\:bc-black-225:hover {
    border-color: var(--black-225) !important
}

.f\:fc-black-225:focus,
.f\:fc-black-225:focus-within,
.fc-black-225,
.h\:fc-black-225:hover {
    color: var(--black-225) !important
}

.bg-black-250,
.f\:bg-black-250:focus,
.f\:bg-black-250:focus-within,
.h\:bg-black-250:hover {
    background-color: var(--black-250) !important
}

.bc-black-250,
.f\:bc-black-250:focus,
.f\:bc-black-250:focus-within,
.h\:bc-black-250:hover {
    border-color: var(--black-250) !important
}

.f\:fc-black-250:focus,
.f\:fc-black-250:focus-within,
.fc-black-250,
.h\:fc-black-250:hover {
    color: var(--black-250) !important
}

.bg-black-300,
.f\:bg-black-300:focus,
.f\:bg-black-300:focus-within,
.h\:bg-black-300:hover {
    background-color: var(--black-300) !important
}

.bc-black-300,
.f\:bc-black-300:focus,
.f\:bc-black-300:focus-within,
.h\:bc-black-300:hover {
    border-color: var(--black-300) !important
}

.f\:fc-black-300:focus,
.f\:fc-black-300:focus-within,
.fc-black-300,
.h\:fc-black-300:hover {
    color: var(--black-300) !important
}

.bg-black-350,
.f\:bg-black-350:focus,
.f\:bg-black-350:focus-within,
.h\:bg-black-350:hover {
    background-color: var(--black-350) !important
}

.bc-black-350,
.f\:bc-black-350:focus,
.f\:bc-black-350:focus-within,
.h\:bc-black-350:hover {
    border-color: var(--black-350) !important
}

.f\:fc-black-350:focus,
.f\:fc-black-350:focus-within,
.fc-black-350,
.h\:fc-black-350:hover {
    color: var(--black-350) !important
}

.bg-black-400,
.f\:bg-black-400:focus,
.f\:bg-black-400:focus-within,
.h\:bg-black-400:hover {
    background-color: var(--black-400) !important
}

.bc-black-400,
.f\:bc-black-400:focus,
.f\:bc-black-400:focus-within,
.h\:bc-black-400:hover {
    border-color: var(--black-400) !important
}

.f\:fc-black-400:focus,
.f\:fc-black-400:focus-within,
.fc-black-400,
.h\:fc-black-400:hover {
    color: var(--black-400) !important
}

.bg-black-500,
.f\:bg-black-500:focus,
.f\:bg-black-500:focus-within,
.h\:bg-black-500:hover {
    background-color: var(--black-500) !important
}

.bc-black-500,
.f\:bc-black-500:focus,
.f\:bc-black-500:focus-within,
.h\:bc-black-500:hover {
    border-color: var(--black-500) !important
}

.f\:fc-black-500:focus,
.f\:fc-black-500:focus-within,
.fc-black-500,
.h\:fc-black-500:hover {
    color: var(--black-500) !important
}

.bg-black-600,
.f\:bg-black-600:focus,
.f\:bg-black-600:focus-within,
.h\:bg-black-600:hover {
    background-color: var(--black-600) !important
}

.bc-black-600,
.f\:bc-black-600:focus,
.f\:bc-black-600:focus-within,
.h\:bc-black-600:hover {
    border-color: var(--black-600) !important
}

.f\:fc-black-600:focus,
.f\:fc-black-600:focus-within,
.fc-black-600,
.h\:fc-black-600:hover {
    color: var(--black-600) !important
}

.bg-black,
.f\:bg-black:focus,
.f\:bg-black:focus-within,
.h\:bg-black:hover {
    background-color: var(--black) !important
}

.bc-black,
.f\:bc-black:focus,
.f\:bc-black:focus-within,
.h\:bc-black:hover {
    border-color: var(--black) !important
}

.f\:fc-black:focus,
.f\:fc-black:focus-within,
.fc-black,
.h\:fc-black:hover {
    color: var(--black) !important
}

.bg-orange-100,
.f\:bg-orange-100:focus,
.f\:bg-orange-100:focus-within,
.h\:bg-orange-100:hover {
    background-color: var(--orange-100) !important
}

.bc-orange-100,
.f\:bc-orange-100:focus,
.f\:bc-orange-100:focus-within,
.h\:bc-orange-100:hover {
    border-color: var(--orange-100) !important
}

.f\:fc-orange-100:focus,
.f\:fc-orange-100:focus-within,
.fc-orange-100,
.h\:fc-orange-100:hover {
    color: var(--orange-100) !important
}

.bg-orange-200,
.f\:bg-orange-200:focus,
.f\:bg-orange-200:focus-within,
.h\:bg-orange-200:hover {
    background-color: var(--orange-200) !important
}

.bc-orange-200,
.f\:bc-orange-200:focus,
.f\:bc-orange-200:focus-within,
.h\:bc-orange-200:hover {
    border-color: var(--orange-200) !important
}

.f\:fc-orange-200:focus,
.f\:fc-orange-200:focus-within,
.fc-orange-200,
.h\:fc-orange-200:hover {
    color: var(--orange-200) !important
}

.bg-orange-300,
.f\:bg-orange-300:focus,
.f\:bg-orange-300:focus-within,
.h\:bg-orange-300:hover {
    background-color: var(--orange-300) !important
}

.bc-orange-300,
.f\:bc-orange-300:focus,
.f\:bc-orange-300:focus-within,
.h\:bc-orange-300:hover {
    border-color: var(--orange-300) !important
}

.f\:fc-orange-300:focus,
.f\:fc-orange-300:focus-within,
.fc-orange-300,
.h\:fc-orange-300:hover {
    color: var(--orange-300) !important
}

.bg-orange-400,
.f\:bg-orange-400:focus,
.f\:bg-orange-400:focus-within,
.h\:bg-orange-400:hover {
    background-color: var(--orange-400) !important
}

.bc-orange-400,
.f\:bc-orange-400:focus,
.f\:bc-orange-400:focus-within,
.h\:bc-orange-400:hover {
    border-color: var(--orange-400) !important
}

.f\:fc-orange-400:focus,
.f\:fc-orange-400:focus-within,
.fc-orange-400,
.h\:fc-orange-400:hover {
    color: var(--orange-400) !important
}

.bg-orange-500,
.f\:bg-orange-500:focus,
.f\:bg-orange-500:focus-within,
.h\:bg-orange-500:hover {
    background-color: var(--orange-500) !important
}

.bc-orange-500,
.f\:bc-orange-500:focus,
.f\:bc-orange-500:focus-within,
.h\:bc-orange-500:hover {
    border-color: var(--orange-500) !important
}

.f\:fc-orange-500:focus,
.f\:fc-orange-500:focus-within,
.fc-orange-500,
.h\:fc-orange-500:hover {
    color: var(--orange-500) !important
}

.bg-orange-600,
.f\:bg-orange-600:focus,
.f\:bg-orange-600:focus-within,
.h\:bg-orange-600:hover {
    background-color: var(--orange-600) !important
}

.bc-orange-600,
.f\:bc-orange-600:focus,
.f\:bc-orange-600:focus-within,
.h\:bc-orange-600:hover {
    border-color: var(--orange-600) !important
}

.f\:fc-orange-600:focus,
.f\:fc-orange-600:focus-within,
.fc-orange-600,
.h\:fc-orange-600:hover {
    color: var(--orange-600) !important
}

.bg-blue-100,
.f\:bg-blue-100:focus,
.f\:bg-blue-100:focus-within,
.h\:bg-blue-100:hover {
    background-color: var(--blue-100) !important
}

.bc-blue-100,
.f\:bc-blue-100:focus,
.f\:bc-blue-100:focus-within,
.h\:bc-blue-100:hover {
    border-color: var(--blue-100) !important
}

.f\:fc-blue-100:focus,
.f\:fc-blue-100:focus-within,
.fc-blue-100,
.h\:fc-blue-100:hover {
    color: var(--blue-100) !important
}

.bg-blue-200,
.f\:bg-blue-200:focus,
.f\:bg-blue-200:focus-within,
.h\:bg-blue-200:hover {
    background-color: var(--blue-200) !important
}

.bc-blue-200,
.f\:bc-blue-200:focus,
.f\:bc-blue-200:focus-within,
.h\:bc-blue-200:hover {
    border-color: var(--blue-200) !important
}

.f\:fc-blue-200:focus,
.f\:fc-blue-200:focus-within,
.fc-blue-200,
.h\:fc-blue-200:hover {
    color: var(--blue-200) !important
}

.bg-blue-300,
.f\:bg-blue-300:focus,
.f\:bg-blue-300:focus-within,
.h\:bg-blue-300:hover {
    background-color: var(--blue-300) !important
}

.bc-blue-300,
.f\:bc-blue-300:focus,
.f\:bc-blue-300:focus-within,
.h\:bc-blue-300:hover {
    border-color: var(--blue-300) !important
}

.f\:fc-blue-300:focus,
.f\:fc-blue-300:focus-within,
.fc-blue-300,
.h\:fc-blue-300:hover {
    color: var(--blue-300) !important
}

.bg-blue-400,
.f\:bg-blue-400:focus,
.f\:bg-blue-400:focus-within,
.h\:bg-blue-400:hover {
    background-color: var(--blue-400) !important
}

.bc-blue-400,
.f\:bc-blue-400:focus,
.f\:bc-blue-400:focus-within,
.h\:bc-blue-400:hover {
    border-color: var(--blue-400) !important
}

.f\:fc-blue-400:focus,
.f\:fc-blue-400:focus-within,
.fc-blue-400,
.h\:fc-blue-400:hover {
    color: var(--blue-400) !important
}

.bg-blue-500,
.f\:bg-blue-500:focus,
.f\:bg-blue-500:focus-within,
.h\:bg-blue-500:hover {
    background-color: var(--blue-500) !important
}

.bc-blue-500,
.f\:bc-blue-500:focus,
.f\:bc-blue-500:focus-within,
.h\:bc-blue-500:hover {
    border-color: var(--blue-500) !important
}

.f\:fc-blue-500:focus,
.f\:fc-blue-500:focus-within,
.fc-blue-500,
.h\:fc-blue-500:hover {
    color: var(--blue-500) !important
}

.bg-blue-600,
.f\:bg-blue-600:focus,
.f\:bg-blue-600:focus-within,
.h\:bg-blue-600:hover {
    background-color: var(--blue-600) !important
}

.bc-blue-600,
.f\:bc-blue-600:focus,
.f\:bc-blue-600:focus-within,
.h\:bc-blue-600:hover {
    border-color: var(--blue-600) !important
}

.f\:fc-blue-600:focus,
.f\:fc-blue-600:focus-within,
.fc-blue-600,
.h\:fc-blue-600:hover {
    color: var(--blue-600) !important
}

.bg-green-100,
.f\:bg-green-100:focus,
.f\:bg-green-100:focus-within,
.h\:bg-green-100:hover {
    background-color: var(--green-100) !important
}

.bc-green-100,
.f\:bc-green-100:focus,
.f\:bc-green-100:focus-within,
.h\:bc-green-100:hover {
    border-color: var(--green-100) !important
}

.f\:fc-green-100:focus,
.f\:fc-green-100:focus-within,
.fc-green-100,
.h\:fc-green-100:hover {
    color: var(--green-100) !important
}

.bg-green-200,
.f\:bg-green-200:focus,
.f\:bg-green-200:focus-within,
.h\:bg-green-200:hover {
    background-color: var(--green-200) !important
}

.bc-green-200,
.f\:bc-green-200:focus,
.f\:bc-green-200:focus-within,
.h\:bc-green-200:hover {
    border-color: var(--green-200) !important
}

.f\:fc-green-200:focus,
.f\:fc-green-200:focus-within,
.fc-green-200,
.h\:fc-green-200:hover {
    color: var(--green-200) !important
}

.bg-green-300,
.f\:bg-green-300:focus,
.f\:bg-green-300:focus-within,
.h\:bg-green-300:hover {
    background-color: var(--green-300) !important
}

.bc-green-300,
.f\:bc-green-300:focus,
.f\:bc-green-300:focus-within,
.h\:bc-green-300:hover {
    border-color: var(--green-300) !important
}

.f\:fc-green-300:focus,
.f\:fc-green-300:focus-within,
.fc-green-300,
.h\:fc-green-300:hover {
    color: var(--green-300) !important
}

.bg-green-400,
.f\:bg-green-400:focus,
.f\:bg-green-400:focus-within,
.h\:bg-green-400:hover {
    background-color: var(--green-400) !important
}

.bc-green-400,
.f\:bc-green-400:focus,
.f\:bc-green-400:focus-within,
.h\:bc-green-400:hover {
    border-color: var(--green-400) !important
}

.f\:fc-green-400:focus,
.f\:fc-green-400:focus-within,
.fc-green-400,
.h\:fc-green-400:hover {
    color: var(--green-400) !important
}

.bg-green-500,
.f\:bg-green-500:focus,
.f\:bg-green-500:focus-within,
.h\:bg-green-500:hover {
    background-color: var(--green-500) !important
}

.bc-green-500,
.f\:bc-green-500:focus,
.f\:bc-green-500:focus-within,
.h\:bc-green-500:hover {
    border-color: var(--green-500) !important
}

.f\:fc-green-500:focus,
.f\:fc-green-500:focus-within,
.fc-green-500,
.h\:fc-green-500:hover {
    color: var(--green-500) !important
}

.bg-green-600,
.f\:bg-green-600:focus,
.f\:bg-green-600:focus-within,
.h\:bg-green-600:hover {
    background-color: var(--green-600) !important
}

.bc-green-600,
.f\:bc-green-600:focus,
.f\:bc-green-600:focus-within,
.h\:bc-green-600:hover {
    border-color: var(--green-600) !important
}

.f\:fc-green-600:focus,
.f\:fc-green-600:focus-within,
.fc-green-600,
.h\:fc-green-600:hover {
    color: var(--green-600) !important
}

.bg-red-100,
.f\:bg-red-100:focus,
.f\:bg-red-100:focus-within,
.h\:bg-red-100:hover {
    background-color: var(--red-100) !important
}

.bc-red-100,
.f\:bc-red-100:focus,
.f\:bc-red-100:focus-within,
.h\:bc-red-100:hover {
    border-color: var(--red-100) !important
}

.f\:fc-red-100:focus,
.f\:fc-red-100:focus-within,
.fc-red-100,
.h\:fc-red-100:hover {
    color: var(--red-100) !important
}

.bg-red-200,
.f\:bg-red-200:focus,
.f\:bg-red-200:focus-within,
.h\:bg-red-200:hover {
    background-color: var(--red-200) !important
}

.bc-red-200,
.f\:bc-red-200:focus,
.f\:bc-red-200:focus-within,
.h\:bc-red-200:hover {
    border-color: var(--red-200) !important
}

.f\:fc-red-200:focus,
.f\:fc-red-200:focus-within,
.fc-red-200,
.h\:fc-red-200:hover {
    color: var(--red-200) !important
}

.bg-red-300,
.f\:bg-red-300:focus,
.f\:bg-red-300:focus-within,
.h\:bg-red-300:hover {
    background-color: var(--red-300) !important
}

.bc-red-300,
.f\:bc-red-300:focus,
.f\:bc-red-300:focus-within,
.h\:bc-red-300:hover {
    border-color: var(--red-300) !important
}

.f\:fc-red-300:focus,
.f\:fc-red-300:focus-within,
.fc-red-300,
.h\:fc-red-300:hover {
    color: var(--red-300) !important
}

.bg-red-400,
.f\:bg-red-400:focus,
.f\:bg-red-400:focus-within,
.h\:bg-red-400:hover {
    background-color: var(--red-400) !important
}

.bc-red-400,
.f\:bc-red-400:focus,
.f\:bc-red-400:focus-within,
.h\:bc-red-400:hover {
    border-color: var(--red-400) !important
}

.f\:fc-red-400:focus,
.f\:fc-red-400:focus-within,
.fc-red-400,
.h\:fc-red-400:hover {
    color: var(--red-400) !important
}

.bg-red-500,
.f\:bg-red-500:focus,
.f\:bg-red-500:focus-within,
.h\:bg-red-500:hover {
    background-color: var(--red-500) !important
}

.bc-red-500,
.f\:bc-red-500:focus,
.f\:bc-red-500:focus-within,
.h\:bc-red-500:hover {
    border-color: var(--red-500) !important
}

.f\:fc-red-500:focus,
.f\:fc-red-500:focus-within,
.fc-red-500,
.h\:fc-red-500:hover {
    color: var(--red-500) !important
}

.bg-red-600,
.f\:bg-red-600:focus,
.f\:bg-red-600:focus-within,
.h\:bg-red-600:hover {
    background-color: var(--red-600) !important
}

.bc-red-600,
.f\:bc-red-600:focus,
.f\:bc-red-600:focus-within,
.h\:bc-red-600:hover {
    border-color: var(--red-600) !important
}

.f\:fc-red-600:focus,
.f\:fc-red-600:focus-within,
.fc-red-600,
.h\:fc-red-600:hover {
    color: var(--red-600) !important
}

.bg-yellow-100,
.f\:bg-yellow-100:focus,
.f\:bg-yellow-100:focus-within,
.h\:bg-yellow-100:hover {
    background-color: var(--yellow-100) !important
}

.bc-yellow-100,
.f\:bc-yellow-100:focus,
.f\:bc-yellow-100:focus-within,
.h\:bc-yellow-100:hover {
    border-color: var(--yellow-100) !important
}

.f\:fc-yellow-100:focus,
.f\:fc-yellow-100:focus-within,
.fc-yellow-100,
.h\:fc-yellow-100:hover {
    color: var(--yellow-100) !important
}

.bg-yellow-200,
.f\:bg-yellow-200:focus,
.f\:bg-yellow-200:focus-within,
.h\:bg-yellow-200:hover {
    background-color: var(--yellow-200) !important
}

.bc-yellow-200,
.f\:bc-yellow-200:focus,
.f\:bc-yellow-200:focus-within,
.h\:bc-yellow-200:hover {
    border-color: var(--yellow-200) !important
}

.f\:fc-yellow-200:focus,
.f\:fc-yellow-200:focus-within,
.fc-yellow-200,
.h\:fc-yellow-200:hover {
    color: var(--yellow-200) !important
}

.bg-yellow-300,
.f\:bg-yellow-300:focus,
.f\:bg-yellow-300:focus-within,
.h\:bg-yellow-300:hover {
    background-color: var(--yellow-300) !important
}

.bc-yellow-300,
.f\:bc-yellow-300:focus,
.f\:bc-yellow-300:focus-within,
.h\:bc-yellow-300:hover {
    border-color: var(--yellow-300) !important
}

.f\:fc-yellow-300:focus,
.f\:fc-yellow-300:focus-within,
.fc-yellow-300,
.h\:fc-yellow-300:hover {
    color: var(--yellow-300) !important
}

.bg-yellow-400,
.f\:bg-yellow-400:focus,
.f\:bg-yellow-400:focus-within,
.h\:bg-yellow-400:hover {
    background-color: var(--yellow-400) !important
}

.bc-yellow-400,
.f\:bc-yellow-400:focus,
.f\:bc-yellow-400:focus-within,
.h\:bc-yellow-400:hover {
    border-color: var(--yellow-400) !important
}

.f\:fc-yellow-400:focus,
.f\:fc-yellow-400:focus-within,
.fc-yellow-400,
.h\:fc-yellow-400:hover {
    color: var(--yellow-400) !important
}

.bg-yellow-500,
.f\:bg-yellow-500:focus,
.f\:bg-yellow-500:focus-within,
.h\:bg-yellow-500:hover {
    background-color: var(--yellow-500) !important
}

.bc-yellow-500,
.f\:bc-yellow-500:focus,
.f\:bc-yellow-500:focus-within,
.h\:bc-yellow-500:hover {
    border-color: var(--yellow-500) !important
}

.f\:fc-yellow-500:focus,
.f\:fc-yellow-500:focus-within,
.fc-yellow-500,
.h\:fc-yellow-500:hover {
    color: var(--yellow-500) !important
}

.bg-yellow-600,
.f\:bg-yellow-600:focus,
.f\:bg-yellow-600:focus-within,
.h\:bg-yellow-600:hover {
    background-color: var(--yellow-600) !important
}

.bc-yellow-600,
.f\:bc-yellow-600:focus,
.f\:bc-yellow-600:focus-within,
.h\:bc-yellow-600:hover {
    border-color: var(--yellow-600) !important
}

.f\:fc-yellow-600:focus,
.f\:fc-yellow-600:focus-within,
.fc-yellow-600,
.h\:fc-yellow-600:hover {
    color: var(--yellow-600) !important
}

.bg-purple-100,
.f\:bg-purple-100:focus,
.f\:bg-purple-100:focus-within,
.h\:bg-purple-100:hover {
    background-color: var(--purple-100) !important
}

.bc-purple-100,
.f\:bc-purple-100:focus,
.f\:bc-purple-100:focus-within,
.h\:bc-purple-100:hover {
    border-color: var(--purple-100) !important
}

.f\:fc-purple-100:focus,
.f\:fc-purple-100:focus-within,
.fc-purple-100,
.h\:fc-purple-100:hover {
    color: var(--purple-100) !important
}

.bg-purple-200,
.f\:bg-purple-200:focus,
.f\:bg-purple-200:focus-within,
.h\:bg-purple-200:hover {
    background-color: var(--purple-200) !important
}

.bc-purple-200,
.f\:bc-purple-200:focus,
.f\:bc-purple-200:focus-within,
.h\:bc-purple-200:hover {
    border-color: var(--purple-200) !important
}

.f\:fc-purple-200:focus,
.f\:fc-purple-200:focus-within,
.fc-purple-200,
.h\:fc-purple-200:hover {
    color: var(--purple-200) !important
}

.bg-purple-300,
.f\:bg-purple-300:focus,
.f\:bg-purple-300:focus-within,
.h\:bg-purple-300:hover {
    background-color: var(--purple-300) !important
}

.bc-purple-300,
.f\:bc-purple-300:focus,
.f\:bc-purple-300:focus-within,
.h\:bc-purple-300:hover {
    border-color: var(--purple-300) !important
}

.f\:fc-purple-300:focus,
.f\:fc-purple-300:focus-within,
.fc-purple-300,
.h\:fc-purple-300:hover {
    color: var(--purple-300) !important
}

.bg-purple-400,
.f\:bg-purple-400:focus,
.f\:bg-purple-400:focus-within,
.h\:bg-purple-400:hover {
    background-color: var(--purple-400) !important
}

.bc-purple-400,
.f\:bc-purple-400:focus,
.f\:bc-purple-400:focus-within,
.h\:bc-purple-400:hover {
    border-color: var(--purple-400) !important
}

.f\:fc-purple-400:focus,
.f\:fc-purple-400:focus-within,
.fc-purple-400,
.h\:fc-purple-400:hover {
    color: var(--purple-400) !important
}

.bg-purple-500,
.f\:bg-purple-500:focus,
.f\:bg-purple-500:focus-within,
.h\:bg-purple-500:hover {
    background-color: var(--purple-500) !important
}

.bc-purple-500,
.f\:bc-purple-500:focus,
.f\:bc-purple-500:focus-within,
.h\:bc-purple-500:hover {
    border-color: var(--purple-500) !important
}

.f\:fc-purple-500:focus,
.f\:fc-purple-500:focus-within,
.fc-purple-500,
.h\:fc-purple-500:hover {
    color: var(--purple-500) !important
}

.bg-purple-600,
.f\:bg-purple-600:focus,
.f\:bg-purple-600:focus-within,
.h\:bg-purple-600:hover {
    background-color: var(--purple-600) !important
}

.bc-purple-600,
.f\:bc-purple-600:focus,
.f\:bc-purple-600:focus-within,
.h\:bc-purple-600:hover {
    border-color: var(--purple-600) !important
}

.f\:fc-purple-600:focus,
.f\:fc-purple-600:focus-within,
.fc-purple-600,
.h\:fc-purple-600:hover {
    color: var(--purple-600) !important
}

.bg-gold-100,
.f\:bg-gold-100:focus,
.f\:bg-gold-100:focus-within,
.h\:bg-gold-100:hover {
    background-color: var(--gold-100) !important
}

.bc-gold-100,
.f\:bc-gold-100:focus,
.f\:bc-gold-100:focus-within,
.h\:bc-gold-100:hover {
    border-color: var(--gold-100) !important
}

.f\:fc-gold-100:focus,
.f\:fc-gold-100:focus-within,
.fc-gold-100,
.h\:fc-gold-100:hover {
    color: var(--gold-100) !important
}

.bg-gold-200,
.f\:bg-gold-200:focus,
.f\:bg-gold-200:focus-within,
.h\:bg-gold-200:hover {
    background-color: var(--gold-200) !important
}

.bc-gold-200,
.f\:bc-gold-200:focus,
.f\:bc-gold-200:focus-within,
.h\:bc-gold-200:hover {
    border-color: var(--gold-200) !important
}

.f\:fc-gold-200:focus,
.f\:fc-gold-200:focus-within,
.fc-gold-200,
.h\:fc-gold-200:hover {
    color: var(--gold-200) !important
}

.bg-gold-300,
.f\:bg-gold-300:focus,
.f\:bg-gold-300:focus-within,
.h\:bg-gold-300:hover {
    background-color: var(--gold-300) !important
}

.bc-gold-300,
.f\:bc-gold-300:focus,
.f\:bc-gold-300:focus-within,
.h\:bc-gold-300:hover {
    border-color: var(--gold-300) !important
}

.f\:fc-gold-300:focus,
.f\:fc-gold-300:focus-within,
.fc-gold-300,
.h\:fc-gold-300:hover {
    color: var(--gold-300) !important
}

.bg-gold-400,
.f\:bg-gold-400:focus,
.f\:bg-gold-400:focus-within,
.h\:bg-gold-400:hover {
    background-color: var(--gold-400) !important
}

.bc-gold-400,
.f\:bc-gold-400:focus,
.f\:bc-gold-400:focus-within,
.h\:bc-gold-400:hover {
    border-color: var(--gold-400) !important
}

.f\:fc-gold-400:focus,
.f\:fc-gold-400:focus-within,
.fc-gold-400,
.h\:fc-gold-400:hover {
    color: var(--gold-400) !important
}

.bg-silver-100,
.f\:bg-silver-100:focus,
.f\:bg-silver-100:focus-within,
.h\:bg-silver-100:hover {
    background-color: var(--silver-100) !important
}

.bc-silver-100,
.f\:bc-silver-100:focus,
.f\:bc-silver-100:focus-within,
.h\:bc-silver-100:hover {
    border-color: var(--silver-100) !important
}

.f\:fc-silver-100:focus,
.f\:fc-silver-100:focus-within,
.fc-silver-100,
.h\:fc-silver-100:hover {
    color: var(--silver-100) !important
}

.bg-silver-200,
.f\:bg-silver-200:focus,
.f\:bg-silver-200:focus-within,
.h\:bg-silver-200:hover {
    background-color: var(--silver-200) !important
}

.bc-silver-200,
.f\:bc-silver-200:focus,
.f\:bc-silver-200:focus-within,
.h\:bc-silver-200:hover {
    border-color: var(--silver-200) !important
}

.f\:fc-silver-200:focus,
.f\:fc-silver-200:focus-within,
.fc-silver-200,
.h\:fc-silver-200:hover {
    color: var(--silver-200) !important
}

.bg-silver-300,
.f\:bg-silver-300:focus,
.f\:bg-silver-300:focus-within,
.h\:bg-silver-300:hover {
    background-color: var(--silver-300) !important
}

.bc-silver-300,
.f\:bc-silver-300:focus,
.f\:bc-silver-300:focus-within,
.h\:bc-silver-300:hover {
    border-color: var(--silver-300) !important
}

.f\:fc-silver-300:focus,
.f\:fc-silver-300:focus-within,
.fc-silver-300,
.h\:fc-silver-300:hover {
    color: var(--silver-300) !important
}

.bg-silver-400,
.f\:bg-silver-400:focus,
.f\:bg-silver-400:focus-within,
.h\:bg-silver-400:hover {
    background-color: var(--silver-400) !important
}

.bc-silver-400,
.f\:bc-silver-400:focus,
.f\:bc-silver-400:focus-within,
.h\:bc-silver-400:hover {
    border-color: var(--silver-400) !important
}

.f\:fc-silver-400:focus,
.f\:fc-silver-400:focus-within,
.fc-silver-400,
.h\:fc-silver-400:hover {
    color: var(--silver-400) !important
}

.bg-bronze-100,
.f\:bg-bronze-100:focus,
.f\:bg-bronze-100:focus-within,
.h\:bg-bronze-100:hover {
    background-color: var(--bronze-100) !important
}

.bc-bronze-100,
.f\:bc-bronze-100:focus,
.f\:bc-bronze-100:focus-within,
.h\:bc-bronze-100:hover {
    border-color: var(--bronze-100) !important
}

.f\:fc-bronze-100:focus,
.f\:fc-bronze-100:focus-within,
.fc-bronze-100,
.h\:fc-bronze-100:hover {
    color: var(--bronze-100) !important
}

.bg-bronze-200,
.f\:bg-bronze-200:focus,
.f\:bg-bronze-200:focus-within,
.h\:bg-bronze-200:hover {
    background-color: var(--bronze-200) !important
}

.bc-bronze-200,
.f\:bc-bronze-200:focus,
.f\:bc-bronze-200:focus-within,
.h\:bc-bronze-200:hover {
    border-color: var(--bronze-200) !important
}

.f\:fc-bronze-200:focus,
.f\:fc-bronze-200:focus-within,
.fc-bronze-200,
.h\:fc-bronze-200:hover {
    color: var(--bronze-200) !important
}

.bg-bronze-300,
.f\:bg-bronze-300:focus,
.f\:bg-bronze-300:focus-within,
.h\:bg-bronze-300:hover {
    background-color: var(--bronze-300) !important
}

.bc-bronze-300,
.f\:bc-bronze-300:focus,
.f\:bc-bronze-300:focus-within,
.h\:bc-bronze-300:hover {
    border-color: var(--bronze-300) !important
}

.f\:fc-bronze-300:focus,
.f\:fc-bronze-300:focus-within,
.fc-bronze-300,
.h\:fc-bronze-300:hover {
    color: var(--bronze-300) !important
}

.bg-bronze-400,
.f\:bg-bronze-400:focus,
.f\:bg-bronze-400:focus-within,
.h\:bg-bronze-400:hover {
    background-color: var(--bronze-400) !important
}

.bc-bronze-400,
.f\:bc-bronze-400:focus,
.f\:bc-bronze-400:focus-within,
.h\:bc-bronze-400:hover {
    border-color: var(--bronze-400) !important
}

.f\:fc-bronze-400:focus,
.f\:fc-bronze-400:focus-within,
.fc-bronze-400,
.h\:fc-bronze-400:hover {
    color: var(--bronze-400) !important
}

.f\:fc-light:focus,
.f\:fc-light:focus-within,
.fc-light,
.h\:fc-light:hover {
    color: var(--fc-light) !important
}

.f\:fc-medium:focus,
.f\:fc-medium:focus-within,
.fc-medium,
.h\:fc-medium:hover {
    color: var(--fc-medium) !important
}

.f\:fc-dark:focus,
.f\:fc-dark:focus-within,
.fc-dark,
.h\:fc-dark:hover {
    color: var(--fc-dark) !important
}

.f\:fc-error:focus,
.f\:fc-error:focus-within,
.fc-error,
.h\:fc-error:hover {
    color: var(--fc-error) !important
}

.f\:fc-danger:focus,
.f\:fc-danger:focus-within,
.fc-danger,
.h\:fc-danger:hover {
    color: var(--fc-danger) !important
}

.f\:fc-success:focus,
.f\:fc-success:focus-within,
.fc-success,
.h\:fc-success:hover {
    color: var(--fc-success) !important
}

.f\:fc-warning:focus,
.f\:fc-warning:focus-within,
.fc-warning,
.h\:fc-warning:hover {
    color: var(--fc-warning) !important
}

.bg-error,
.f\:bg-error:focus,
.f\:bg-error:focus-within,
.h\:bg-error:hover {
    background-color: var(--bg-error) !important
}

.bg-danger,
.f\:bg-danger:focus,
.f\:bg-danger:focus-within,
.h\:bg-danger:hover {
    background-color: var(--bg-danger) !important
}

.bg-success,
.f\:bg-success:focus,
.f\:bg-success:focus-within,
.h\:bg-success:hover {
    background-color: var(--bg-success) !important
}

.bg-warning,
.f\:bg-warning:focus,
.f\:bg-warning:focus-within,
.h\:bg-warning:hover {
    background-color: var(--bg-warning) !important
}

.bc-error,
.f\:bc-error:focus,
.f\:bc-error:focus-within,
.h\:bc-error:hover {
    border-color: var(--bc-error) !important
}

.bc-danger,
.f\:bc-danger:focus,
.f\:bc-danger:focus-within,
.h\:bc-danger:hover {
    border-color: var(--bc-danger) !important
}

.bc-success,
.f\:bc-success:focus,
.f\:bc-success:focus-within,
.h\:bc-success:hover {
    border-color: var(--bc-success) !important
}

.bc-warning,
.f\:bc-warning:focus,
.f\:bc-warning:focus-within,
.h\:bc-warning:hover {
    border-color: var(--bc-warning) !important
}

.bg-transparent,
.f\:bg-transparent:focus,
.f\:bg-transparent:focus-within,
.h\:bg-transparent:hover {
    background-color: initial !important
}

.bc-transparent,
.f\:bc-transparent:focus,
.f\:bc-transparent:focus-within,
.h\:bc-transparent:hover {
    border-color: #0000 !important
}

.bg-inherit,
.f\:bg-inherit:focus,
.f\:bg-inherit:focus-within,
.h\:bg-inherit:hover {
    background-color: inherit !important
}

.bc-inherit,
.f\:bc-inherit:focus,
.f\:bc-inherit:focus-within,
.h\:bc-inherit:hover {
    border-color: inherit !important
}

.bg-theme-primary,
.f\:bg-theme-primary:focus,
.f\:bg-theme-primary:focus-within,
.h\:bg-theme-primary:hover {
    background-color: var(--theme-primary) !important
}

.bc-theme-primary,
.f\:bc-theme-primary:focus,
.f\:bc-theme-primary:focus-within,
.h\:bc-theme-primary:hover {
    border-color: var(--theme-primary) !important
}

.f\:fc-theme-primary:focus,
.f\:fc-theme-primary:focus-within,
.fc-theme-primary,
.h\:fc-theme-primary:hover {
    color: var(--theme-primary) !important
}

.bg-theme-primary-100,
.f\:bg-theme-primary-100:focus,
.f\:bg-theme-primary-100:focus-within,
.h\:bg-theme-primary-100:hover {
    background-color: var(--theme-primary-100) !important
}

.bc-theme-primary-100,
.f\:bc-theme-primary-100:focus,
.f\:bc-theme-primary-100:focus-within,
.h\:bc-theme-primary-100:hover {
    border-color: var(--theme-primary-100) !important
}

.f\:fc-theme-primary-100:focus,
.f\:fc-theme-primary-100:focus-within,
.fc-theme-primary-100,
.h\:fc-theme-primary-100:hover {
    color: var(--theme-primary-100) !important
}

.bg-theme-primary-200,
.f\:bg-theme-primary-200:focus,
.f\:bg-theme-primary-200:focus-within,
.h\:bg-theme-primary-200:hover {
    background-color: var(--theme-primary-200) !important
}

.bc-theme-primary-200,
.f\:bc-theme-primary-200:focus,
.f\:bc-theme-primary-200:focus-within,
.h\:bc-theme-primary-200:hover {
    border-color: var(--theme-primary-200) !important
}

.f\:fc-theme-primary-200:focus,
.f\:fc-theme-primary-200:focus-within,
.fc-theme-primary-200,
.h\:fc-theme-primary-200:hover {
    color: var(--theme-primary-200) !important
}

.bg-theme-primary-300,
.f\:bg-theme-primary-300:focus,
.f\:bg-theme-primary-300:focus-within,
.h\:bg-theme-primary-300:hover {
    background-color: var(--theme-primary-300) !important
}

.bc-theme-primary-300,
.f\:bc-theme-primary-300:focus,
.f\:bc-theme-primary-300:focus-within,
.h\:bc-theme-primary-300:hover {
    border-color: var(--theme-primary-300) !important
}

.f\:fc-theme-primary-300:focus,
.f\:fc-theme-primary-300:focus-within,
.fc-theme-primary-300,
.h\:fc-theme-primary-300:hover {
    color: var(--theme-primary-300) !important
}

.bg-theme-primary-400,
.f\:bg-theme-primary-400:focus,
.f\:bg-theme-primary-400:focus-within,
.h\:bg-theme-primary-400:hover {
    background-color: var(--theme-primary-400) !important
}

.bc-theme-primary-400,
.f\:bc-theme-primary-400:focus,
.f\:bc-theme-primary-400:focus-within,
.h\:bc-theme-primary-400:hover {
    border-color: var(--theme-primary-400) !important
}

.f\:fc-theme-primary-400:focus,
.f\:fc-theme-primary-400:focus-within,
.fc-theme-primary-400,
.h\:fc-theme-primary-400:hover {
    color: var(--theme-primary-400) !important
}

.bg-theme-primary-500,
.f\:bg-theme-primary-500:focus,
.f\:bg-theme-primary-500:focus-within,
.h\:bg-theme-primary-500:hover {
    background-color: var(--theme-primary-500) !important
}

.bc-theme-primary-500,
.f\:bc-theme-primary-500:focus,
.f\:bc-theme-primary-500:focus-within,
.h\:bc-theme-primary-500:hover {
    border-color: var(--theme-primary-500) !important
}

.f\:fc-theme-primary-500:focus,
.f\:fc-theme-primary-500:focus-within,
.fc-theme-primary-500,
.h\:fc-theme-primary-500:hover {
    color: var(--theme-primary-500) !important
}

.bg-theme-primary-600,
.f\:bg-theme-primary-600:focus,
.f\:bg-theme-primary-600:focus-within,
.h\:bg-theme-primary-600:hover {
    background-color: var(--theme-primary-600) !important
}

.bc-theme-primary-600,
.f\:bc-theme-primary-600:focus,
.f\:bc-theme-primary-600:focus-within,
.h\:bc-theme-primary-600:hover {
    border-color: var(--theme-primary-600) !important
}

.f\:fc-theme-primary-600:focus,
.f\:fc-theme-primary-600:focus-within,
.fc-theme-primary-600,
.h\:fc-theme-primary-600:hover {
    color: var(--theme-primary-600) !important
}

.bg-theme-secondary,
.f\:bg-theme-secondary:focus,
.f\:bg-theme-secondary:focus-within,
.h\:bg-theme-secondary:hover {
    background-color: var(--theme-secondary) !important
}

.bc-theme-secondary,
.f\:bc-theme-secondary:focus,
.f\:bc-theme-secondary:focus-within,
.h\:bc-theme-secondary:hover {
    border-color: var(--theme-secondary) !important
}

.f\:fc-theme-secondary:focus,
.f\:fc-theme-secondary:focus-within,
.fc-theme-secondary,
.h\:fc-theme-secondary:hover {
    color: var(--theme-secondary) !important
}

.bg-theme-secondary-100,
.f\:bg-theme-secondary-100:focus,
.f\:bg-theme-secondary-100:focus-within,
.h\:bg-theme-secondary-100:hover {
    background-color: var(--theme-secondary-100) !important
}

.bc-theme-secondary-100,
.f\:bc-theme-secondary-100:focus,
.f\:bc-theme-secondary-100:focus-within,
.h\:bc-theme-secondary-100:hover {
    border-color: var(--theme-secondary-100) !important
}

.f\:fc-theme-secondary-100:focus,
.f\:fc-theme-secondary-100:focus-within,
.fc-theme-secondary-100,
.h\:fc-theme-secondary-100:hover {
    color: var(--theme-secondary-100) !important
}

.bg-theme-secondary-200,
.f\:bg-theme-secondary-200:focus,
.f\:bg-theme-secondary-200:focus-within,
.h\:bg-theme-secondary-200:hover {
    background-color: var(--theme-secondary-200) !important
}

.bc-theme-secondary-200,
.f\:bc-theme-secondary-200:focus,
.f\:bc-theme-secondary-200:focus-within,
.h\:bc-theme-secondary-200:hover {
    border-color: var(--theme-secondary-200) !important
}

.f\:fc-theme-secondary-200:focus,
.f\:fc-theme-secondary-200:focus-within,
.fc-theme-secondary-200,
.h\:fc-theme-secondary-200:hover {
    color: var(--theme-secondary-200) !important
}

.bg-theme-secondary-300,
.f\:bg-theme-secondary-300:focus,
.f\:bg-theme-secondary-300:focus-within,
.h\:bg-theme-secondary-300:hover {
    background-color: var(--theme-secondary-300) !important
}

.bc-theme-secondary-300,
.f\:bc-theme-secondary-300:focus,
.f\:bc-theme-secondary-300:focus-within,
.h\:bc-theme-secondary-300:hover {
    border-color: var(--theme-secondary-300) !important
}

.f\:fc-theme-secondary-300:focus,
.f\:fc-theme-secondary-300:focus-within,
.fc-theme-secondary-300,
.h\:fc-theme-secondary-300:hover {
    color: var(--theme-secondary-300) !important
}

.bg-theme-secondary-400,
.f\:bg-theme-secondary-400:focus,
.f\:bg-theme-secondary-400:focus-within,
.h\:bg-theme-secondary-400:hover {
    background-color: var(--theme-secondary-400) !important
}

.bc-theme-secondary-400,
.f\:bc-theme-secondary-400:focus,
.f\:bc-theme-secondary-400:focus-within,
.h\:bc-theme-secondary-400:hover {
    border-color: var(--theme-secondary-400) !important
}

.f\:fc-theme-secondary-400:focus,
.f\:fc-theme-secondary-400:focus-within,
.fc-theme-secondary-400,
.h\:fc-theme-secondary-400:hover {
    color: var(--theme-secondary-400) !important
}

.bg-theme-secondary-500,
.f\:bg-theme-secondary-500:focus,
.f\:bg-theme-secondary-500:focus-within,
.h\:bg-theme-secondary-500:hover {
    background-color: var(--theme-secondary-500) !important
}

.bc-theme-secondary-500,
.f\:bc-theme-secondary-500:focus,
.f\:bc-theme-secondary-500:focus-within,
.h\:bc-theme-secondary-500:hover {
    border-color: var(--theme-secondary-500) !important
}

.f\:fc-theme-secondary-500:focus,
.f\:fc-theme-secondary-500:focus-within,
.fc-theme-secondary-500,
.h\:fc-theme-secondary-500:hover {
    color: var(--theme-secondary-500) !important
}

.bg-theme-secondary-600,
.f\:bg-theme-secondary-600:focus,
.f\:bg-theme-secondary-600:focus-within,
.h\:bg-theme-secondary-600:hover {
    background-color: var(--theme-secondary-600) !important
}

.bc-theme-secondary-600,
.f\:bc-theme-secondary-600:focus,
.f\:bc-theme-secondary-600:focus-within,
.h\:bc-theme-secondary-600:hover {
    border-color: var(--theme-secondary-600) !important
}

.f\:fc-theme-secondary-600:focus,
.f\:fc-theme-secondary-600:focus-within,
.fc-theme-secondary-600,
.h\:fc-theme-secondary-600:hover {
    color: var(--theme-secondary-600) !important
}

@media (prefers-color-scheme:dark) {
    body.theme-system .d\:bg-white {
        background-color: var(--white) !important
    }

    body.theme-system .d\:fc-white {
        color: var(--white) !important
    }

    body.theme-system .d\:bg-black-050 {
        background-color: var(--black-050) !important
    }

    body.theme-system .d\:fc-black-050 {
        color: var(--black-050) !important
    }

    body.theme-system .d\:bg-black-100 {
        background-color: var(--black-100) !important
    }

    body.theme-system .d\:fc-black-100 {
        color: var(--black-100) !important
    }

    body.theme-system .d\:bg-black-150 {
        background-color: var(--black-150) !important
    }

    body.theme-system .d\:fc-black-150 {
        color: var(--black-150) !important
    }

    body.theme-system .d\:bg-black-200 {
        background-color: var(--black-200) !important
    }

    body.theme-system .d\:fc-black-200 {
        color: var(--black-200) !important
    }

    body.theme-system .d\:bg-black-225 {
        background-color: var(--black-225) !important
    }

    body.theme-system .d\:fc-black-225 {
        color: var(--black-225) !important
    }

    body.theme-system .d\:bg-black-250 {
        background-color: var(--black-250) !important
    }

    body.theme-system .d\:fc-black-250 {
        color: var(--black-250) !important
    }

    body.theme-system .d\:bg-black-300 {
        background-color: var(--black-300) !important
    }

    body.theme-system .d\:fc-black-300 {
        color: var(--black-300) !important
    }

    body.theme-system .d\:bg-black-350 {
        background-color: var(--black-350) !important
    }

    body.theme-system .d\:fc-black-350 {
        color: var(--black-350) !important
    }

    body.theme-system .d\:bg-black-400 {
        background-color: var(--black-400) !important
    }

    body.theme-system .d\:fc-black-400 {
        color: var(--black-400) !important
    }

    body.theme-system .d\:bg-black-500 {
        background-color: var(--black-500) !important
    }

    body.theme-system .d\:fc-black-500 {
        color: var(--black-500) !important
    }

    body.theme-system .d\:bg-black-600 {
        background-color: var(--black-600) !important
    }

    body.theme-system .d\:fc-black-600 {
        color: var(--black-600) !important
    }

    body.theme-system .d\:bg-black {
        background-color: var(--black) !important
    }

    body.theme-system .d\:fc-black {
        color: var(--black) !important
    }

    body.theme-system .d\:bg-orange-100 {
        background-color: var(--orange-100) !important
    }

    body.theme-system .d\:fc-orange-100 {
        color: var(--orange-100) !important
    }

    body.theme-system .d\:bg-orange-200 {
        background-color: var(--orange-200) !important
    }

    body.theme-system .d\:fc-orange-200 {
        color: var(--orange-200) !important
    }

    body.theme-system .d\:bg-orange-300 {
        background-color: var(--orange-300) !important
    }

    body.theme-system .d\:fc-orange-300 {
        color: var(--orange-300) !important
    }

    body.theme-system .d\:bg-orange-400 {
        background-color: var(--orange-400) !important
    }

    body.theme-system .d\:fc-orange-400 {
        color: var(--orange-400) !important
    }

    body.theme-system .d\:bg-orange-500 {
        background-color: var(--orange-500) !important
    }

    body.theme-system .d\:fc-orange-500 {
        color: var(--orange-500) !important
    }

    body.theme-system .d\:bg-orange-600 {
        background-color: var(--orange-600) !important
    }

    body.theme-system .d\:fc-orange-600 {
        color: var(--orange-600) !important
    }

    body.theme-system .d\:bg-blue-100 {
        background-color: var(--blue-100) !important
    }

    body.theme-system .d\:fc-blue-100 {
        color: var(--blue-100) !important
    }

    body.theme-system .d\:bg-blue-200 {
        background-color: var(--blue-200) !important
    }

    body.theme-system .d\:fc-blue-200 {
        color: var(--blue-200) !important
    }

    body.theme-system .d\:bg-blue-300 {
        background-color: var(--blue-300) !important
    }

    body.theme-system .d\:fc-blue-300 {
        color: var(--blue-300) !important
    }

    body.theme-system .d\:bg-blue-400 {
        background-color: var(--blue-400) !important
    }

    body.theme-system .d\:fc-blue-400 {
        color: var(--blue-400) !important
    }

    body.theme-system .d\:bg-blue-500 {
        background-color: var(--blue-500) !important
    }

    body.theme-system .d\:fc-blue-500 {
        color: var(--blue-500) !important
    }

    body.theme-system .d\:bg-blue-600 {
        background-color: var(--blue-600) !important
    }

    body.theme-system .d\:fc-blue-600 {
        color: var(--blue-600) !important
    }

    body.theme-system .d\:bg-green-100 {
        background-color: var(--green-100) !important
    }

    body.theme-system .d\:fc-green-100 {
        color: var(--green-100) !important
    }

    body.theme-system .d\:bg-green-200 {
        background-color: var(--green-200) !important
    }

    body.theme-system .d\:fc-green-200 {
        color: var(--green-200) !important
    }

    body.theme-system .d\:bg-green-300 {
        background-color: var(--green-300) !important
    }

    body.theme-system .d\:fc-green-300 {
        color: var(--green-300) !important
    }

    body.theme-system .d\:bg-green-400 {
        background-color: var(--green-400) !important
    }

    body.theme-system .d\:fc-green-400 {
        color: var(--green-400) !important
    }

    body.theme-system .d\:bg-green-500 {
        background-color: var(--green-500) !important
    }

    body.theme-system .d\:fc-green-500 {
        color: var(--green-500) !important
    }

    body.theme-system .d\:bg-green-600 {
        background-color: var(--green-600) !important
    }

    body.theme-system .d\:fc-green-600 {
        color: var(--green-600) !important
    }

    body.theme-system .d\:bg-red-100 {
        background-color: var(--red-100) !important
    }

    body.theme-system .d\:fc-red-100 {
        color: var(--red-100) !important
    }

    body.theme-system .d\:bg-red-200 {
        background-color: var(--red-200) !important
    }

    body.theme-system .d\:fc-red-200 {
        color: var(--red-200) !important
    }

    body.theme-system .d\:bg-red-300 {
        background-color: var(--red-300) !important
    }

    body.theme-system .d\:fc-red-300 {
        color: var(--red-300) !important
    }

    body.theme-system .d\:bg-red-400 {
        background-color: var(--red-400) !important
    }

    body.theme-system .d\:fc-red-400 {
        color: var(--red-400) !important
    }

    body.theme-system .d\:bg-red-500 {
        background-color: var(--red-500) !important
    }

    body.theme-system .d\:fc-red-500 {
        color: var(--red-500) !important
    }

    body.theme-system .d\:bg-red-600 {
        background-color: var(--red-600) !important
    }

    body.theme-system .d\:fc-red-600 {
        color: var(--red-600) !important
    }

    body.theme-system .d\:bg-yellow-100 {
        background-color: var(--yellow-100) !important
    }

    body.theme-system .d\:fc-yellow-100 {
        color: var(--yellow-100) !important
    }

    body.theme-system .d\:bg-yellow-200 {
        background-color: var(--yellow-200) !important
    }

    body.theme-system .d\:fc-yellow-200 {
        color: var(--yellow-200) !important
    }

    body.theme-system .d\:bg-yellow-300 {
        background-color: var(--yellow-300) !important
    }

    body.theme-system .d\:fc-yellow-300 {
        color: var(--yellow-300) !important
    }

    body.theme-system .d\:bg-yellow-400 {
        background-color: var(--yellow-400) !important
    }

    body.theme-system .d\:fc-yellow-400 {
        color: var(--yellow-400) !important
    }

    body.theme-system .d\:bg-yellow-500 {
        background-color: var(--yellow-500) !important
    }

    body.theme-system .d\:fc-yellow-500 {
        color: var(--yellow-500) !important
    }

    body.theme-system .d\:bg-yellow-600 {
        background-color: var(--yellow-600) !important
    }

    body.theme-system .d\:fc-yellow-600 {
        color: var(--yellow-600) !important
    }

    body.theme-system .d\:bg-purple-100 {
        background-color: var(--purple-100) !important
    }

    body.theme-system .d\:fc-purple-100 {
        color: var(--purple-100) !important
    }

    body.theme-system .d\:bg-purple-200 {
        background-color: var(--purple-200) !important
    }

    body.theme-system .d\:fc-purple-200 {
        color: var(--purple-200) !important
    }

    body.theme-system .d\:bg-purple-300 {
        background-color: var(--purple-300) !important
    }

    body.theme-system .d\:fc-purple-300 {
        color: var(--purple-300) !important
    }

    body.theme-system .d\:bg-purple-400 {
        background-color: var(--purple-400) !important
    }

    body.theme-system .d\:fc-purple-400 {
        color: var(--purple-400) !important
    }

    body.theme-system .d\:bg-purple-500 {
        background-color: var(--purple-500) !important
    }

    body.theme-system .d\:fc-purple-500 {
        color: var(--purple-500) !important
    }

    body.theme-system .d\:bg-purple-600 {
        background-color: var(--purple-600) !important
    }

    body.theme-system .d\:fc-purple-600 {
        color: var(--purple-600) !important
    }

    body.theme-system .d\:bg-gold-100 {
        background-color: var(--gold-100) !important
    }

    body.theme-system .d\:fc-gold-100 {
        color: var(--gold-100) !important
    }

    body.theme-system .d\:bg-gold-200 {
        background-color: var(--gold-200) !important
    }

    body.theme-system .d\:fc-gold-200 {
        color: var(--gold-200) !important
    }

    body.theme-system .d\:bg-gold-300 {
        background-color: var(--gold-300) !important
    }

    body.theme-system .d\:fc-gold-300 {
        color: var(--gold-300) !important
    }

    body.theme-system .d\:bg-gold-400 {
        background-color: var(--gold-400) !important
    }

    body.theme-system .d\:fc-gold-400 {
        color: var(--gold-400) !important
    }

    body.theme-system .d\:bg-silver-100 {
        background-color: var(--silver-100) !important
    }

    body.theme-system .d\:fc-silver-100 {
        color: var(--silver-100) !important
    }

    body.theme-system .d\:bg-silver-200 {
        background-color: var(--silver-200) !important
    }

    body.theme-system .d\:fc-silver-200 {
        color: var(--silver-200) !important
    }

    body.theme-system .d\:bg-silver-300 {
        background-color: var(--silver-300) !important
    }

    body.theme-system .d\:fc-silver-300 {
        color: var(--silver-300) !important
    }

    body.theme-system .d\:bg-silver-400 {
        background-color: var(--silver-400) !important
    }

    body.theme-system .d\:fc-silver-400 {
        color: var(--silver-400) !important
    }

    body.theme-system .d\:bg-bronze-100 {
        background-color: var(--bronze-100) !important
    }

    body.theme-system .d\:fc-bronze-100 {
        color: var(--bronze-100) !important
    }

    body.theme-system .d\:bg-bronze-200 {
        background-color: var(--bronze-200) !important
    }

    body.theme-system .d\:fc-bronze-200 {
        color: var(--bronze-200) !important
    }

    body.theme-system .d\:bg-bronze-300 {
        background-color: var(--bronze-300) !important
    }

    body.theme-system .d\:fc-bronze-300 {
        color: var(--bronze-300) !important
    }

    body.theme-system .d\:bg-bronze-400 {
        background-color: var(--bronze-400) !important
    }

    body.theme-system .d\:fc-bronze-400 {
        color: var(--bronze-400) !important
    }

    body.theme-system .d\:fc-light {
        color: var(--fc-light) !important
    }

    body.theme-system .d\:fc-medium {
        color: var(--fc-medium) !important
    }

    body.theme-system .d\:fc-dark {
        color: var(--fc-dark) !important
    }

    body.theme-system .d\:fc-error {
        color: var(--fc-error) !important
    }

    body.theme-system .d\:fc-danger {
        color: var(--fc-danger) !important
    }

    body.theme-system .d\:fc-success {
        color: var(--fc-success) !important
    }

    body.theme-system .d\:fc-warning {
        color: var(--fc-warning) !important
    }

    body.theme-system .d\:bg-error {
        background-color: var(--bg-error) !important
    }

    body.theme-system .d\:bg-danger {
        background-color: var(--bg-danger) !important
    }

    body.theme-system .d\:bg-success {
        background-color: var(--bg-success) !important
    }

    body.theme-system .d\:bg-warning {
        background-color: var(--bg-warning) !important
    }

    body.theme-system .bg-transparent,
    body.theme-system .f\:bg-transparent:focus,
    body.theme-system .f\:bg-transparent:focus-within,
    body.theme-system .h\:bg-transparent:hover {
        background-color: initial !important
    }

    body.theme-system .bc-transparent,
    body.theme-system .f\:bc-transparent:focus,
    body.theme-system .f\:bc-transparent:focus-within,
    body.theme-system .h\:bc-transparent:hover {
        border-color: #0000 !important
    }

    body.theme-system .bg-inherit,
    body.theme-system .f\:bg-inherit:focus,
    body.theme-system .f\:bg-inherit:focus-within,
    body.theme-system .h\:bg-inherit:hover {
        background-color: inherit !important
    }

    body.theme-system .bc-inherit,
    body.theme-system .f\:bc-inherit:focus,
    body.theme-system .f\:bc-inherit:focus-within,
    body.theme-system .h\:bc-inherit:hover {
        border-color: inherit !important
    }
}

.theme-dark__forced .d\:bg-white,
body.theme-dark .d\:bg-white,
body.theme-system .theme-dark__forced .d\:bg-white {
    background-color: var(--white) !important
}

.theme-dark__forced .d\:fc-white,
body.theme-dark .d\:fc-white,
body.theme-system .theme-dark__forced .d\:fc-white {
    color: var(--white) !important
}

.theme-dark__forced .d\:bg-black-050,
body.theme-dark .d\:bg-black-050,
body.theme-system .theme-dark__forced .d\:bg-black-050 {
    background-color: var(--black-050) !important
}

.theme-dark__forced .d\:fc-black-050,
body.theme-dark .d\:fc-black-050,
body.theme-system .theme-dark__forced .d\:fc-black-050 {
    color: var(--black-050) !important
}

.theme-dark__forced .d\:bg-black-100,
body.theme-dark .d\:bg-black-100,
body.theme-system .theme-dark__forced .d\:bg-black-100 {
    background-color: var(--black-100) !important
}

.theme-dark__forced .d\:fc-black-100,
body.theme-dark .d\:fc-black-100,
body.theme-system .theme-dark__forced .d\:fc-black-100 {
    color: var(--black-100) !important
}

.theme-dark__forced .d\:bg-black-150,
body.theme-dark .d\:bg-black-150,
body.theme-system .theme-dark__forced .d\:bg-black-150 {
    background-color: var(--black-150) !important
}

.theme-dark__forced .d\:fc-black-150,
body.theme-dark .d\:fc-black-150,
body.theme-system .theme-dark__forced .d\:fc-black-150 {
    color: var(--black-150) !important
}

.theme-dark__forced .d\:bg-black-200,
body.theme-dark .d\:bg-black-200,
body.theme-system .theme-dark__forced .d\:bg-black-200 {
    background-color: var(--black-200) !important
}

.theme-dark__forced .d\:fc-black-200,
body.theme-dark .d\:fc-black-200,
body.theme-system .theme-dark__forced .d\:fc-black-200 {
    color: var(--black-200) !important
}

.theme-dark__forced .d\:bg-black-225,
body.theme-dark .d\:bg-black-225,
body.theme-system .theme-dark__forced .d\:bg-black-225 {
    background-color: var(--black-225) !important
}

.theme-dark__forced .d\:fc-black-225,
body.theme-dark .d\:fc-black-225,
body.theme-system .theme-dark__forced .d\:fc-black-225 {
    color: var(--black-225) !important
}

.theme-dark__forced .d\:bg-black-250,
body.theme-dark .d\:bg-black-250,
body.theme-system .theme-dark__forced .d\:bg-black-250 {
    background-color: var(--black-250) !important
}

.theme-dark__forced .d\:fc-black-250,
body.theme-dark .d\:fc-black-250,
body.theme-system .theme-dark__forced .d\:fc-black-250 {
    color: var(--black-250) !important
}

.theme-dark__forced .d\:bg-black-300,
body.theme-dark .d\:bg-black-300,
body.theme-system .theme-dark__forced .d\:bg-black-300 {
    background-color: var(--black-300) !important
}

.theme-dark__forced .d\:fc-black-300,
body.theme-dark .d\:fc-black-300,
body.theme-system .theme-dark__forced .d\:fc-black-300 {
    color: var(--black-300) !important
}

.theme-dark__forced .d\:bg-black-350,
body.theme-dark .d\:bg-black-350,
body.theme-system .theme-dark__forced .d\:bg-black-350 {
    background-color: var(--black-350) !important
}

.theme-dark__forced .d\:fc-black-350,
body.theme-dark .d\:fc-black-350,
body.theme-system .theme-dark__forced .d\:fc-black-350 {
    color: var(--black-350) !important
}

.theme-dark__forced .d\:bg-black-400,
body.theme-dark .d\:bg-black-400,
body.theme-system .theme-dark__forced .d\:bg-black-400 {
    background-color: var(--black-400) !important
}

.theme-dark__forced .d\:fc-black-400,
body.theme-dark .d\:fc-black-400,
body.theme-system .theme-dark__forced .d\:fc-black-400 {
    color: var(--black-400) !important
}

.theme-dark__forced .d\:bg-black-500,
body.theme-dark .d\:bg-black-500,
body.theme-system .theme-dark__forced .d\:bg-black-500 {
    background-color: var(--black-500) !important
}

.theme-dark__forced .d\:fc-black-500,
body.theme-dark .d\:fc-black-500,
body.theme-system .theme-dark__forced .d\:fc-black-500 {
    color: var(--black-500) !important
}

.theme-dark__forced .d\:bg-black-600,
body.theme-dark .d\:bg-black-600,
body.theme-system .theme-dark__forced .d\:bg-black-600 {
    background-color: var(--black-600) !important
}

.theme-dark__forced .d\:fc-black-600,
body.theme-dark .d\:fc-black-600,
body.theme-system .theme-dark__forced .d\:fc-black-600 {
    color: var(--black-600) !important
}

.theme-dark__forced .d\:bg-black,
body.theme-dark .d\:bg-black,
body.theme-system .theme-dark__forced .d\:bg-black {
    background-color: var(--black) !important
}

.theme-dark__forced .d\:fc-black,
body.theme-dark .d\:fc-black,
body.theme-system .theme-dark__forced .d\:fc-black {
    color: var(--black) !important
}

.theme-dark__forced .d\:bg-orange-100,
body.theme-dark .d\:bg-orange-100,
body.theme-system .theme-dark__forced .d\:bg-orange-100 {
    background-color: var(--orange-100) !important
}

.theme-dark__forced .d\:fc-orange-100,
body.theme-dark .d\:fc-orange-100,
body.theme-system .theme-dark__forced .d\:fc-orange-100 {
    color: var(--orange-100) !important
}

.theme-dark__forced .d\:bg-orange-200,
body.theme-dark .d\:bg-orange-200,
body.theme-system .theme-dark__forced .d\:bg-orange-200 {
    background-color: var(--orange-200) !important
}

.theme-dark__forced .d\:fc-orange-200,
body.theme-dark .d\:fc-orange-200,
body.theme-system .theme-dark__forced .d\:fc-orange-200 {
    color: var(--orange-200) !important
}

.theme-dark__forced .d\:bg-orange-300,
body.theme-dark .d\:bg-orange-300,
body.theme-system .theme-dark__forced .d\:bg-orange-300 {
    background-color: var(--orange-300) !important
}

.theme-dark__forced .d\:fc-orange-300,
body.theme-dark .d\:fc-orange-300,
body.theme-system .theme-dark__forced .d\:fc-orange-300 {
    color: var(--orange-300) !important
}

.theme-dark__forced .d\:bg-orange-400,
body.theme-dark .d\:bg-orange-400,
body.theme-system .theme-dark__forced .d\:bg-orange-400 {
    background-color: var(--orange-400) !important
}

.theme-dark__forced .d\:fc-orange-400,
body.theme-dark .d\:fc-orange-400,
body.theme-system .theme-dark__forced .d\:fc-orange-400 {
    color: var(--orange-400) !important
}

.theme-dark__forced .d\:bg-orange-500,
body.theme-dark .d\:bg-orange-500,
body.theme-system .theme-dark__forced .d\:bg-orange-500 {
    background-color: var(--orange-500) !important
}

.theme-dark__forced .d\:fc-orange-500,
body.theme-dark .d\:fc-orange-500,
body.theme-system .theme-dark__forced .d\:fc-orange-500 {
    color: var(--orange-500) !important
}

.theme-dark__forced .d\:bg-orange-600,
body.theme-dark .d\:bg-orange-600,
body.theme-system .theme-dark__forced .d\:bg-orange-600 {
    background-color: var(--orange-600) !important
}

.theme-dark__forced .d\:fc-orange-600,
body.theme-dark .d\:fc-orange-600,
body.theme-system .theme-dark__forced .d\:fc-orange-600 {
    color: var(--orange-600) !important
}

.theme-dark__forced .d\:bg-blue-100,
body.theme-dark .d\:bg-blue-100,
body.theme-system .theme-dark__forced .d\:bg-blue-100 {
    background-color: var(--blue-100) !important
}

.theme-dark__forced .d\:fc-blue-100,
body.theme-dark .d\:fc-blue-100,
body.theme-system .theme-dark__forced .d\:fc-blue-100 {
    color: var(--blue-100) !important
}

.theme-dark__forced .d\:bg-blue-200,
body.theme-dark .d\:bg-blue-200,
body.theme-system .theme-dark__forced .d\:bg-blue-200 {
    background-color: var(--blue-200) !important
}

.theme-dark__forced .d\:fc-blue-200,
body.theme-dark .d\:fc-blue-200,
body.theme-system .theme-dark__forced .d\:fc-blue-200 {
    color: var(--blue-200) !important
}

.theme-dark__forced .d\:bg-blue-300,
body.theme-dark .d\:bg-blue-300,
body.theme-system .theme-dark__forced .d\:bg-blue-300 {
    background-color: var(--blue-300) !important
}

.theme-dark__forced .d\:fc-blue-300,
body.theme-dark .d\:fc-blue-300,
body.theme-system .theme-dark__forced .d\:fc-blue-300 {
    color: var(--blue-300) !important
}

.theme-dark__forced .d\:bg-blue-400,
body.theme-dark .d\:bg-blue-400,
body.theme-system .theme-dark__forced .d\:bg-blue-400 {
    background-color: var(--blue-400) !important
}

.theme-dark__forced .d\:fc-blue-400,
body.theme-dark .d\:fc-blue-400,
body.theme-system .theme-dark__forced .d\:fc-blue-400 {
    color: var(--blue-400) !important
}

.theme-dark__forced .d\:bg-blue-500,
body.theme-dark .d\:bg-blue-500,
body.theme-system .theme-dark__forced .d\:bg-blue-500 {
    background-color: var(--blue-500) !important
}

.theme-dark__forced .d\:fc-blue-500,
body.theme-dark .d\:fc-blue-500,
body.theme-system .theme-dark__forced .d\:fc-blue-500 {
    color: var(--blue-500) !important
}

.theme-dark__forced .d\:bg-blue-600,
body.theme-dark .d\:bg-blue-600,
body.theme-system .theme-dark__forced .d\:bg-blue-600 {
    background-color: var(--blue-600) !important
}

.theme-dark__forced .d\:fc-blue-600,
body.theme-dark .d\:fc-blue-600,
body.theme-system .theme-dark__forced .d\:fc-blue-600 {
    color: var(--blue-600) !important
}

.theme-dark__forced .d\:bg-green-100,
body.theme-dark .d\:bg-green-100,
body.theme-system .theme-dark__forced .d\:bg-green-100 {
    background-color: var(--green-100) !important
}

.theme-dark__forced .d\:fc-green-100,
body.theme-dark .d\:fc-green-100,
body.theme-system .theme-dark__forced .d\:fc-green-100 {
    color: var(--green-100) !important
}

.theme-dark__forced .d\:bg-green-200,
body.theme-dark .d\:bg-green-200,
body.theme-system .theme-dark__forced .d\:bg-green-200 {
    background-color: var(--green-200) !important
}

.theme-dark__forced .d\:fc-green-200,
body.theme-dark .d\:fc-green-200,
body.theme-system .theme-dark__forced .d\:fc-green-200 {
    color: var(--green-200) !important
}

.theme-dark__forced .d\:bg-green-300,
body.theme-dark .d\:bg-green-300,
body.theme-system .theme-dark__forced .d\:bg-green-300 {
    background-color: var(--green-300) !important
}

.theme-dark__forced .d\:fc-green-300,
body.theme-dark .d\:fc-green-300,
body.theme-system .theme-dark__forced .d\:fc-green-300 {
    color: var(--green-300) !important
}

.theme-dark__forced .d\:bg-green-400,
body.theme-dark .d\:bg-green-400,
body.theme-system .theme-dark__forced .d\:bg-green-400 {
    background-color: var(--green-400) !important
}

.theme-dark__forced .d\:fc-green-400,
body.theme-dark .d\:fc-green-400,
body.theme-system .theme-dark__forced .d\:fc-green-400 {
    color: var(--green-400) !important
}

.theme-dark__forced .d\:bg-green-500,
body.theme-dark .d\:bg-green-500,
body.theme-system .theme-dark__forced .d\:bg-green-500 {
    background-color: var(--green-500) !important
}

.theme-dark__forced .d\:fc-green-500,
body.theme-dark .d\:fc-green-500,
body.theme-system .theme-dark__forced .d\:fc-green-500 {
    color: var(--green-500) !important
}

.theme-dark__forced .d\:bg-green-600,
body.theme-dark .d\:bg-green-600,
body.theme-system .theme-dark__forced .d\:bg-green-600 {
    background-color: var(--green-600) !important
}

.theme-dark__forced .d\:fc-green-600,
body.theme-dark .d\:fc-green-600,
body.theme-system .theme-dark__forced .d\:fc-green-600 {
    color: var(--green-600) !important
}

.theme-dark__forced .d\:bg-red-100,
body.theme-dark .d\:bg-red-100,
body.theme-system .theme-dark__forced .d\:bg-red-100 {
    background-color: var(--red-100) !important
}

.theme-dark__forced .d\:fc-red-100,
body.theme-dark .d\:fc-red-100,
body.theme-system .theme-dark__forced .d\:fc-red-100 {
    color: var(--red-100) !important
}

.theme-dark__forced .d\:bg-red-200,
body.theme-dark .d\:bg-red-200,
body.theme-system .theme-dark__forced .d\:bg-red-200 {
    background-color: var(--red-200) !important
}

.theme-dark__forced .d\:fc-red-200,
body.theme-dark .d\:fc-red-200,
body.theme-system .theme-dark__forced .d\:fc-red-200 {
    color: var(--red-200) !important
}

.theme-dark__forced .d\:bg-red-300,
body.theme-dark .d\:bg-red-300,
body.theme-system .theme-dark__forced .d\:bg-red-300 {
    background-color: var(--red-300) !important
}

.theme-dark__forced .d\:fc-red-300,
body.theme-dark .d\:fc-red-300,
body.theme-system .theme-dark__forced .d\:fc-red-300 {
    color: var(--red-300) !important
}

.theme-dark__forced .d\:bg-red-400,
body.theme-dark .d\:bg-red-400,
body.theme-system .theme-dark__forced .d\:bg-red-400 {
    background-color: var(--red-400) !important
}

.theme-dark__forced .d\:fc-red-400,
body.theme-dark .d\:fc-red-400,
body.theme-system .theme-dark__forced .d\:fc-red-400 {
    color: var(--red-400) !important
}

.theme-dark__forced .d\:bg-red-500,
body.theme-dark .d\:bg-red-500,
body.theme-system .theme-dark__forced .d\:bg-red-500 {
    background-color: var(--red-500) !important
}

.theme-dark__forced .d\:fc-red-500,
body.theme-dark .d\:fc-red-500,
body.theme-system .theme-dark__forced .d\:fc-red-500 {
    color: var(--red-500) !important
}

.theme-dark__forced .d\:bg-red-600,
body.theme-dark .d\:bg-red-600,
body.theme-system .theme-dark__forced .d\:bg-red-600 {
    background-color: var(--red-600) !important
}

.theme-dark__forced .d\:fc-red-600,
body.theme-dark .d\:fc-red-600,
body.theme-system .theme-dark__forced .d\:fc-red-600 {
    color: var(--red-600) !important
}

.theme-dark__forced .d\:bg-yellow-100,
body.theme-dark .d\:bg-yellow-100,
body.theme-system .theme-dark__forced .d\:bg-yellow-100 {
    background-color: var(--yellow-100) !important
}

.theme-dark__forced .d\:fc-yellow-100,
body.theme-dark .d\:fc-yellow-100,
body.theme-system .theme-dark__forced .d\:fc-yellow-100 {
    color: var(--yellow-100) !important
}

.theme-dark__forced .d\:bg-yellow-200,
body.theme-dark .d\:bg-yellow-200,
body.theme-system .theme-dark__forced .d\:bg-yellow-200 {
    background-color: var(--yellow-200) !important
}

.theme-dark__forced .d\:fc-yellow-200,
body.theme-dark .d\:fc-yellow-200,
body.theme-system .theme-dark__forced .d\:fc-yellow-200 {
    color: var(--yellow-200) !important
}

.theme-dark__forced .d\:bg-yellow-300,
body.theme-dark .d\:bg-yellow-300,
body.theme-system .theme-dark__forced .d\:bg-yellow-300 {
    background-color: var(--yellow-300) !important
}

.theme-dark__forced .d\:fc-yellow-300,
body.theme-dark .d\:fc-yellow-300,
body.theme-system .theme-dark__forced .d\:fc-yellow-300 {
    color: var(--yellow-300) !important
}

.theme-dark__forced .d\:bg-yellow-400,
body.theme-dark .d\:bg-yellow-400,
body.theme-system .theme-dark__forced .d\:bg-yellow-400 {
    background-color: var(--yellow-400) !important
}

.theme-dark__forced .d\:fc-yellow-400,
body.theme-dark .d\:fc-yellow-400,
body.theme-system .theme-dark__forced .d\:fc-yellow-400 {
    color: var(--yellow-400) !important
}

.theme-dark__forced .d\:bg-yellow-500,
body.theme-dark .d\:bg-yellow-500,
body.theme-system .theme-dark__forced .d\:bg-yellow-500 {
    background-color: var(--yellow-500) !important
}

.theme-dark__forced .d\:fc-yellow-500,
body.theme-dark .d\:fc-yellow-500,
body.theme-system .theme-dark__forced .d\:fc-yellow-500 {
    color: var(--yellow-500) !important
}

.theme-dark__forced .d\:bg-yellow-600,
body.theme-dark .d\:bg-yellow-600,
body.theme-system .theme-dark__forced .d\:bg-yellow-600 {
    background-color: var(--yellow-600) !important
}

.theme-dark__forced .d\:fc-yellow-600,
body.theme-dark .d\:fc-yellow-600,
body.theme-system .theme-dark__forced .d\:fc-yellow-600 {
    color: var(--yellow-600) !important
}

.theme-dark__forced .d\:bg-purple-100,
body.theme-dark .d\:bg-purple-100,
body.theme-system .theme-dark__forced .d\:bg-purple-100 {
    background-color: var(--purple-100) !important
}

.theme-dark__forced .d\:fc-purple-100,
body.theme-dark .d\:fc-purple-100,
body.theme-system .theme-dark__forced .d\:fc-purple-100 {
    color: var(--purple-100) !important
}

.theme-dark__forced .d\:bg-purple-200,
body.theme-dark .d\:bg-purple-200,
body.theme-system .theme-dark__forced .d\:bg-purple-200 {
    background-color: var(--purple-200) !important
}

.theme-dark__forced .d\:fc-purple-200,
body.theme-dark .d\:fc-purple-200,
body.theme-system .theme-dark__forced .d\:fc-purple-200 {
    color: var(--purple-200) !important
}

.theme-dark__forced .d\:bg-purple-300,
body.theme-dark .d\:bg-purple-300,
body.theme-system .theme-dark__forced .d\:bg-purple-300 {
    background-color: var(--purple-300) !important
}

.theme-dark__forced .d\:fc-purple-300,
body.theme-dark .d\:fc-purple-300,
body.theme-system .theme-dark__forced .d\:fc-purple-300 {
    color: var(--purple-300) !important
}

.theme-dark__forced .d\:bg-purple-400,
body.theme-dark .d\:bg-purple-400,
body.theme-system .theme-dark__forced .d\:bg-purple-400 {
    background-color: var(--purple-400) !important
}

.theme-dark__forced .d\:fc-purple-400,
body.theme-dark .d\:fc-purple-400,
body.theme-system .theme-dark__forced .d\:fc-purple-400 {
    color: var(--purple-400) !important
}

.theme-dark__forced .d\:bg-purple-500,
body.theme-dark .d\:bg-purple-500,
body.theme-system .theme-dark__forced .d\:bg-purple-500 {
    background-color: var(--purple-500) !important
}

.theme-dark__forced .d\:fc-purple-500,
body.theme-dark .d\:fc-purple-500,
body.theme-system .theme-dark__forced .d\:fc-purple-500 {
    color: var(--purple-500) !important
}

.theme-dark__forced .d\:bg-purple-600,
body.theme-dark .d\:bg-purple-600,
body.theme-system .theme-dark__forced .d\:bg-purple-600 {
    background-color: var(--purple-600) !important
}

.theme-dark__forced .d\:fc-purple-600,
body.theme-dark .d\:fc-purple-600,
body.theme-system .theme-dark__forced .d\:fc-purple-600 {
    color: var(--purple-600) !important
}

.theme-dark__forced .d\:bg-gold-100,
body.theme-dark .d\:bg-gold-100,
body.theme-system .theme-dark__forced .d\:bg-gold-100 {
    background-color: var(--gold-100) !important
}

.theme-dark__forced .d\:fc-gold-100,
body.theme-dark .d\:fc-gold-100,
body.theme-system .theme-dark__forced .d\:fc-gold-100 {
    color: var(--gold-100) !important
}

.theme-dark__forced .d\:bg-gold-200,
body.theme-dark .d\:bg-gold-200,
body.theme-system .theme-dark__forced .d\:bg-gold-200 {
    background-color: var(--gold-200) !important
}

.theme-dark__forced .d\:fc-gold-200,
body.theme-dark .d\:fc-gold-200,
body.theme-system .theme-dark__forced .d\:fc-gold-200 {
    color: var(--gold-200) !important
}

.theme-dark__forced .d\:bg-gold-300,
body.theme-dark .d\:bg-gold-300,
body.theme-system .theme-dark__forced .d\:bg-gold-300 {
    background-color: var(--gold-300) !important
}

.theme-dark__forced .d\:fc-gold-300,
body.theme-dark .d\:fc-gold-300,
body.theme-system .theme-dark__forced .d\:fc-gold-300 {
    color: var(--gold-300) !important
}

.theme-dark__forced .d\:bg-gold-400,
body.theme-dark .d\:bg-gold-400,
body.theme-system .theme-dark__forced .d\:bg-gold-400 {
    background-color: var(--gold-400) !important
}

.theme-dark__forced .d\:fc-gold-400,
body.theme-dark .d\:fc-gold-400,
body.theme-system .theme-dark__forced .d\:fc-gold-400 {
    color: var(--gold-400) !important
}

.theme-dark__forced .d\:bg-silver-100,
body.theme-dark .d\:bg-silver-100,
body.theme-system .theme-dark__forced .d\:bg-silver-100 {
    background-color: var(--silver-100) !important
}

.theme-dark__forced .d\:fc-silver-100,
body.theme-dark .d\:fc-silver-100,
body.theme-system .theme-dark__forced .d\:fc-silver-100 {
    color: var(--silver-100) !important
}

.theme-dark__forced .d\:bg-silver-200,
body.theme-dark .d\:bg-silver-200,
body.theme-system .theme-dark__forced .d\:bg-silver-200 {
    background-color: var(--silver-200) !important
}

.theme-dark__forced .d\:fc-silver-200,
body.theme-dark .d\:fc-silver-200,
body.theme-system .theme-dark__forced .d\:fc-silver-200 {
    color: var(--silver-200) !important
}

.theme-dark__forced .d\:bg-silver-300,
body.theme-dark .d\:bg-silver-300,
body.theme-system .theme-dark__forced .d\:bg-silver-300 {
    background-color: var(--silver-300) !important
}

.theme-dark__forced .d\:fc-silver-300,
body.theme-dark .d\:fc-silver-300,
body.theme-system .theme-dark__forced .d\:fc-silver-300 {
    color: var(--silver-300) !important
}

.theme-dark__forced .d\:bg-silver-400,
body.theme-dark .d\:bg-silver-400,
body.theme-system .theme-dark__forced .d\:bg-silver-400 {
    background-color: var(--silver-400) !important
}

.theme-dark__forced .d\:fc-silver-400,
body.theme-dark .d\:fc-silver-400,
body.theme-system .theme-dark__forced .d\:fc-silver-400 {
    color: var(--silver-400) !important
}

.theme-dark__forced .d\:bg-bronze-100,
body.theme-dark .d\:bg-bronze-100,
body.theme-system .theme-dark__forced .d\:bg-bronze-100 {
    background-color: var(--bronze-100) !important
}

.theme-dark__forced .d\:fc-bronze-100,
body.theme-dark .d\:fc-bronze-100,
body.theme-system .theme-dark__forced .d\:fc-bronze-100 {
    color: var(--bronze-100) !important
}

.theme-dark__forced .d\:bg-bronze-200,
body.theme-dark .d\:bg-bronze-200,
body.theme-system .theme-dark__forced .d\:bg-bronze-200 {
    background-color: var(--bronze-200) !important
}

.theme-dark__forced .d\:fc-bronze-200,
body.theme-dark .d\:fc-bronze-200,
body.theme-system .theme-dark__forced .d\:fc-bronze-200 {
    color: var(--bronze-200) !important
}

.theme-dark__forced .d\:bg-bronze-300,
body.theme-dark .d\:bg-bronze-300,
body.theme-system .theme-dark__forced .d\:bg-bronze-300 {
    background-color: var(--bronze-300) !important
}

.theme-dark__forced .d\:fc-bronze-300,
body.theme-dark .d\:fc-bronze-300,
body.theme-system .theme-dark__forced .d\:fc-bronze-300 {
    color: var(--bronze-300) !important
}

.theme-dark__forced .d\:bg-bronze-400,
body.theme-dark .d\:bg-bronze-400,
body.theme-system .theme-dark__forced .d\:bg-bronze-400 {
    background-color: var(--bronze-400) !important
}

.theme-dark__forced .d\:fc-bronze-400,
body.theme-dark .d\:fc-bronze-400,
body.theme-system .theme-dark__forced .d\:fc-bronze-400 {
    color: var(--bronze-400) !important
}

.theme-dark__forced .d\:fc-light,
body.theme-dark .d\:fc-light,
body.theme-system .theme-dark__forced .d\:fc-light {
    color: var(--fc-light) !important
}

.theme-dark__forced .d\:fc-medium,
body.theme-dark .d\:fc-medium,
body.theme-system .theme-dark__forced .d\:fc-medium {
    color: var(--fc-medium) !important
}

.theme-dark__forced .d\:fc-dark,
body.theme-dark .d\:fc-dark,
body.theme-system .theme-dark__forced .d\:fc-dark {
    color: var(--fc-dark) !important
}

.theme-dark__forced .d\:fc-error,
body.theme-dark .d\:fc-error,
body.theme-system .theme-dark__forced .d\:fc-error {
    color: var(--fc-error) !important
}

.theme-dark__forced .d\:fc-danger,
body.theme-dark .d\:fc-danger,
body.theme-system .theme-dark__forced .d\:fc-danger {
    color: var(--fc-danger) !important
}

.theme-dark__forced .d\:fc-success,
body.theme-dark .d\:fc-success,
body.theme-system .theme-dark__forced .d\:fc-success {
    color: var(--fc-success) !important
}

.theme-dark__forced .d\:fc-warning,
body.theme-dark .d\:fc-warning,
body.theme-system .theme-dark__forced .d\:fc-warning {
    color: var(--fc-warning) !important
}

.theme-dark__forced .d\:bg-error,
body.theme-dark .d\:bg-error,
body.theme-system .theme-dark__forced .d\:bg-error {
    background-color: var(--bg-error) !important
}

.theme-dark__forced .d\:bg-danger,
body.theme-dark .d\:bg-danger,
body.theme-system .theme-dark__forced .d\:bg-danger {
    background-color: var(--bg-danger) !important
}

.theme-dark__forced .d\:bg-success,
body.theme-dark .d\:bg-success,
body.theme-system .theme-dark__forced .d\:bg-success {
    background-color: var(--bg-success) !important
}

.theme-dark__forced .d\:bg-warning,
body.theme-dark .d\:bg-warning,
body.theme-system .theme-dark__forced .d\:bg-warning {
    background-color: var(--bg-warning) !important
}

.theme-dark__forced .bg-transparent,
.theme-dark__forced .f\:bg-transparent:focus,
.theme-dark__forced .f\:bg-transparent:focus-within,
.theme-dark__forced .h\:bg-transparent:hover,
body.theme-dark .bg-transparent,
body.theme-dark .f\:bg-transparent:focus,
body.theme-dark .f\:bg-transparent:focus-within,
body.theme-dark .h\:bg-transparent:hover,
body.theme-system .theme-dark__forced .bg-transparent,
body.theme-system .theme-dark__forced .f\:bg-transparent:focus,
body.theme-system .theme-dark__forced .f\:bg-transparent:focus-within,
body.theme-system .theme-dark__forced .h\:bg-transparent:hover {
    background-color: initial !important
}

.theme-dark__forced .bc-transparent,
.theme-dark__forced .f\:bc-transparent:focus,
.theme-dark__forced .f\:bc-transparent:focus-within,
.theme-dark__forced .h\:bc-transparent:hover,
body.theme-dark .bc-transparent,
body.theme-dark .f\:bc-transparent:focus,
body.theme-dark .f\:bc-transparent:focus-within,
body.theme-dark .h\:bc-transparent:hover,
body.theme-system .theme-dark__forced .bc-transparent,
body.theme-system .theme-dark__forced .f\:bc-transparent:focus,
body.theme-system .theme-dark__forced .f\:bc-transparent:focus-within,
body.theme-system .theme-dark__forced .h\:bc-transparent:hover {
    border-color: #0000 !important
}

.theme-dark__forced .bg-inherit,
.theme-dark__forced .f\:bg-inherit:focus,
.theme-dark__forced .f\:bg-inherit:focus-within,
.theme-dark__forced .h\:bg-inherit:hover,
body.theme-dark .bg-inherit,
body.theme-dark .f\:bg-inherit:focus,
body.theme-dark .f\:bg-inherit:focus-within,
body.theme-dark .h\:bg-inherit:hover,
body.theme-system .theme-dark__forced .bg-inherit,
body.theme-system .theme-dark__forced .f\:bg-inherit:focus,
body.theme-system .theme-dark__forced .f\:bg-inherit:focus-within,
body.theme-system .theme-dark__forced .h\:bg-inherit:hover {
    background-color: inherit !important
}

.theme-dark__forced .bc-inherit,
.theme-dark__forced .f\:bc-inherit:focus,
.theme-dark__forced .f\:bc-inherit:focus-within,
.theme-dark__forced .h\:bc-inherit:hover,
body.theme-dark .bc-inherit,
body.theme-dark .f\:bc-inherit:focus,
body.theme-dark .f\:bc-inherit:focus-within,
body.theme-dark .h\:bc-inherit:hover,
body.theme-system .theme-dark__forced .bc-inherit,
body.theme-system .theme-dark__forced .f\:bc-inherit:focus,
body.theme-system .theme-dark__forced .f\:bc-inherit:focus-within,
body.theme-system .theme-dark__forced .h\:bc-inherit:hover {
    border-color: inherit !important
}

.flex__fl-shrink0,
.flex__fl-shrink0>.d-flex,
.flex__fl-shrink0>.flex--item {
    flex: 0 auto
}

.flex__fl-equal,
.flex__fl-equal>.d-flex,
.flex__fl-equal>.flex--item {
    flex: 1 1 0%
}

.flex__fl-grow1,
.flex__fl-grow1>.d-flex,
.flex__fl-grow1>.flex--item {
    flex: 1 auto
}

.flex--item1 {
    flex-basis: 8.33333333%
}

.flex--item2 {
    flex-basis: 16.66666667%
}

.flex--item3 {
    flex-basis: 25%
}

.flex--item4 {
    flex-basis: 33.33333333%
}

.flex--item5 {
    flex-basis: 41.66666667%
}

.flex--item6 {
    flex-basis: 50%
}

.flex--item7 {
    flex-basis: 58.33333333%
}

.flex--item8 {
    flex-basis: 66.66666667%
}

.flex--item9 {
    flex-basis: 75%
}

.flex--item10 {
    flex-basis: 83.33333333%
}

.flex--item11 {
    flex-basis: 91.66666667%
}

.flex--item12 {
    flex-basis: 100%
}

.flex__allitems1>.d-flex,
.flex__allitems1>.flex--item {
    flex-basis: 8.33333333%
}

.flex__allitems2>.d-flex,
.flex__allitems2>.flex--item {
    flex-basis: 16.66666667%
}

.flex__allitems3>.d-flex,
.flex__allitems3>.flex--item {
    flex-basis: 25%
}

.flex__allitems4>.d-flex,
.flex__allitems4>.flex--item {
    flex-basis: 33.33333333%
}

.flex__allitems5>.d-flex,
.flex__allitems5>.flex--item {
    flex-basis: 41.66666667%
}

.flex__allitems6>.d-flex,
.flex__allitems6>.flex--item {
    flex-basis: 50%
}

.flex__allitems7>.d-flex,
.flex__allitems7>.flex--item {
    flex-basis: 58.33333333%
}

.flex__allitems8>.d-flex,
.flex__allitems8>.flex--item {
    flex-basis: 66.66666667%
}

.flex__allitems9>.d-flex,
.flex__allitems9>.flex--item {
    flex-basis: 75%
}

.flex__allitems10>.d-flex,
.flex__allitems10>.flex--item {
    flex-basis: 83.33333333%
}

.flex__allitems11>.d-flex,
.flex__allitems11>.flex--item {
    flex-basis: 91.66666667%
}

.flex__allitems12>.d-flex,
.flex__allitems12>.flex--item {
    flex-basis: 100%
}

.g0.flex__allitems1>.d-flex,
.g0.flex__allitems1>.flex--item,
.g0>.flex--item1,
.gx0.flex__allitems1>.d-flex,
.gx0.flex__allitems1>.flex--item,
.gx0>.flex--item1,
.gy0.flex__allitems1>.d-flex,
.gy0.flex__allitems1>.flex--item,
.gy0>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su0)*0.91667)
}

.g0.flex__allitems2>.d-flex,
.g0.flex__allitems2>.flex--item,
.g0>.flex--item2,
.gx0.flex__allitems2>.d-flex,
.gx0.flex__allitems2>.flex--item,
.gx0>.flex--item2,
.gy0.flex__allitems2>.d-flex,
.gy0.flex__allitems2>.flex--item,
.gy0>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su0)*0.83333)
}

.g0.flex__allitems3>.d-flex,
.g0.flex__allitems3>.flex--item,
.g0>.flex--item3,
.gx0.flex__allitems3>.d-flex,
.gx0.flex__allitems3>.flex--item,
.gx0>.flex--item3,
.gy0.flex__allitems3>.d-flex,
.gy0.flex__allitems3>.flex--item,
.gy0>.flex--item3 {
    flex-basis: calc(25% - var(--su0)*0.75)
}

.g0.flex__allitems4>.d-flex,
.g0.flex__allitems4>.flex--item,
.g0>.flex--item4,
.gx0.flex__allitems4>.d-flex,
.gx0.flex__allitems4>.flex--item,
.gx0>.flex--item4,
.gy0.flex__allitems4>.d-flex,
.gy0.flex__allitems4>.flex--item,
.gy0>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su0)*0.66667)
}

.g0.flex__allitems5>.d-flex,
.g0.flex__allitems5>.flex--item,
.g0>.flex--item5,
.gx0.flex__allitems5>.d-flex,
.gx0.flex__allitems5>.flex--item,
.gx0>.flex--item5,
.gy0.flex__allitems5>.d-flex,
.gy0.flex__allitems5>.flex--item,
.gy0>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su0)*0.58333)
}

.g0.flex__allitems6>.d-flex,
.g0.flex__allitems6>.flex--item,
.g0>.flex--item6,
.gx0.flex__allitems6>.d-flex,
.gx0.flex__allitems6>.flex--item,
.gx0>.flex--item6,
.gy0.flex__allitems6>.d-flex,
.gy0.flex__allitems6>.flex--item,
.gy0>.flex--item6 {
    flex-basis: calc(50% - var(--su0)*0.5)
}

.g0.flex__allitems7>.d-flex,
.g0.flex__allitems7>.flex--item,
.g0>.flex--item7,
.gx0.flex__allitems7>.d-flex,
.gx0.flex__allitems7>.flex--item,
.gx0>.flex--item7,
.gy0.flex__allitems7>.d-flex,
.gy0.flex__allitems7>.flex--item,
.gy0>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su0)*0.41667)
}

.g0.flex__allitems8>.d-flex,
.g0.flex__allitems8>.flex--item,
.g0>.flex--item8,
.gx0.flex__allitems8>.d-flex,
.gx0.flex__allitems8>.flex--item,
.gx0>.flex--item8,
.gy0.flex__allitems8>.d-flex,
.gy0.flex__allitems8>.flex--item,
.gy0>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su0)*0.33333)
}

.g0.flex__allitems9>.d-flex,
.g0.flex__allitems9>.flex--item,
.g0>.flex--item9,
.gx0.flex__allitems9>.d-flex,
.gx0.flex__allitems9>.flex--item,
.gx0>.flex--item9,
.gy0.flex__allitems9>.d-flex,
.gy0.flex__allitems9>.flex--item,
.gy0>.flex--item9 {
    flex-basis: calc(75% - var(--su0)*0.25)
}

.g0.flex__allitems10>.d-flex,
.g0.flex__allitems10>.flex--item,
.g0>.flex--item10,
.gx0.flex__allitems10>.d-flex,
.gx0.flex__allitems10>.flex--item,
.gx0>.flex--item10,
.gy0.flex__allitems10>.d-flex,
.gy0.flex__allitems10>.flex--item,
.gy0>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su0)*0.16667)
}

.g0.flex__allitems11>.d-flex,
.g0.flex__allitems11>.flex--item,
.g0>.flex--item11,
.gx0.flex__allitems11>.d-flex,
.gx0.flex__allitems11>.flex--item,
.gx0>.flex--item11,
.gy0.flex__allitems11>.d-flex,
.gy0.flex__allitems11>.flex--item,
.gy0>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su0)*0.08333)
}

.g0.flex__allitems12>.d-flex,
.g0.flex__allitems12>.flex--item,
.g0>.flex--item12,
.gx0.flex__allitems12>.d-flex,
.gx0.flex__allitems12>.flex--item,
.gx0>.flex--item12,
.gy0.flex__allitems12>.d-flex,
.gy0.flex__allitems12>.flex--item,
.gy0>.flex--item12 {
    flex-basis: calc(100% - var(--su0)*0)
}

.g1.flex__allitems1>.d-flex,
.g1.flex__allitems1>.flex--item,
.g1>.flex--item1,
.gx1.flex__allitems1>.d-flex,
.gx1.flex__allitems1>.flex--item,
.gx1>.flex--item1,
.gy1.flex__allitems1>.d-flex,
.gy1.flex__allitems1>.flex--item,
.gy1>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su1)*0.91667)
}

.g1.flex__allitems2>.d-flex,
.g1.flex__allitems2>.flex--item,
.g1>.flex--item2,
.gx1.flex__allitems2>.d-flex,
.gx1.flex__allitems2>.flex--item,
.gx1>.flex--item2,
.gy1.flex__allitems2>.d-flex,
.gy1.flex__allitems2>.flex--item,
.gy1>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su1)*0.83333)
}

.g1.flex__allitems3>.d-flex,
.g1.flex__allitems3>.flex--item,
.g1>.flex--item3,
.gx1.flex__allitems3>.d-flex,
.gx1.flex__allitems3>.flex--item,
.gx1>.flex--item3,
.gy1.flex__allitems3>.d-flex,
.gy1.flex__allitems3>.flex--item,
.gy1>.flex--item3 {
    flex-basis: calc(25% - var(--su1)*0.75)
}

.g1.flex__allitems4>.d-flex,
.g1.flex__allitems4>.flex--item,
.g1>.flex--item4,
.gx1.flex__allitems4>.d-flex,
.gx1.flex__allitems4>.flex--item,
.gx1>.flex--item4,
.gy1.flex__allitems4>.d-flex,
.gy1.flex__allitems4>.flex--item,
.gy1>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su1)*0.66667)
}

.g1.flex__allitems5>.d-flex,
.g1.flex__allitems5>.flex--item,
.g1>.flex--item5,
.gx1.flex__allitems5>.d-flex,
.gx1.flex__allitems5>.flex--item,
.gx1>.flex--item5,
.gy1.flex__allitems5>.d-flex,
.gy1.flex__allitems5>.flex--item,
.gy1>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su1)*0.58333)
}

.g1.flex__allitems6>.d-flex,
.g1.flex__allitems6>.flex--item,
.g1>.flex--item6,
.gx1.flex__allitems6>.d-flex,
.gx1.flex__allitems6>.flex--item,
.gx1>.flex--item6,
.gy1.flex__allitems6>.d-flex,
.gy1.flex__allitems6>.flex--item,
.gy1>.flex--item6 {
    flex-basis: calc(50% - var(--su1)*0.5)
}

.g1.flex__allitems7>.d-flex,
.g1.flex__allitems7>.flex--item,
.g1>.flex--item7,
.gx1.flex__allitems7>.d-flex,
.gx1.flex__allitems7>.flex--item,
.gx1>.flex--item7,
.gy1.flex__allitems7>.d-flex,
.gy1.flex__allitems7>.flex--item,
.gy1>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su1)*0.41667)
}

.g1.flex__allitems8>.d-flex,
.g1.flex__allitems8>.flex--item,
.g1>.flex--item8,
.gx1.flex__allitems8>.d-flex,
.gx1.flex__allitems8>.flex--item,
.gx1>.flex--item8,
.gy1.flex__allitems8>.d-flex,
.gy1.flex__allitems8>.flex--item,
.gy1>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su1)*0.33333)
}

.g1.flex__allitems9>.d-flex,
.g1.flex__allitems9>.flex--item,
.g1>.flex--item9,
.gx1.flex__allitems9>.d-flex,
.gx1.flex__allitems9>.flex--item,
.gx1>.flex--item9,
.gy1.flex__allitems9>.d-flex,
.gy1.flex__allitems9>.flex--item,
.gy1>.flex--item9 {
    flex-basis: calc(75% - var(--su1)*0.25)
}

.g1.flex__allitems10>.d-flex,
.g1.flex__allitems10>.flex--item,
.g1>.flex--item10,
.gx1.flex__allitems10>.d-flex,
.gx1.flex__allitems10>.flex--item,
.gx1>.flex--item10,
.gy1.flex__allitems10>.d-flex,
.gy1.flex__allitems10>.flex--item,
.gy1>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su1)*0.16667)
}

.g1.flex__allitems11>.d-flex,
.g1.flex__allitems11>.flex--item,
.g1>.flex--item11,
.gx1.flex__allitems11>.d-flex,
.gx1.flex__allitems11>.flex--item,
.gx1>.flex--item11,
.gy1.flex__allitems11>.d-flex,
.gy1.flex__allitems11>.flex--item,
.gy1>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su1)*0.08333)
}

.g1.flex__allitems12>.d-flex,
.g1.flex__allitems12>.flex--item,
.g1>.flex--item12,
.gx1.flex__allitems12>.d-flex,
.gx1.flex__allitems12>.flex--item,
.gx1>.flex--item12,
.gy1.flex__allitems12>.d-flex,
.gy1.flex__allitems12>.flex--item,
.gy1>.flex--item12 {
    flex-basis: calc(100% - var(--su1)*0)
}

.g2.flex__allitems1>.d-flex,
.g2.flex__allitems1>.flex--item,
.g2>.flex--item1,
.gx2.flex__allitems1>.d-flex,
.gx2.flex__allitems1>.flex--item,
.gx2>.flex--item1,
.gy2.flex__allitems1>.d-flex,
.gy2.flex__allitems1>.flex--item,
.gy2>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su2)*0.91667)
}

.g2.flex__allitems2>.d-flex,
.g2.flex__allitems2>.flex--item,
.g2>.flex--item2,
.gx2.flex__allitems2>.d-flex,
.gx2.flex__allitems2>.flex--item,
.gx2>.flex--item2,
.gy2.flex__allitems2>.d-flex,
.gy2.flex__allitems2>.flex--item,
.gy2>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su2)*0.83333)
}

.g2.flex__allitems3>.d-flex,
.g2.flex__allitems3>.flex--item,
.g2>.flex--item3,
.gx2.flex__allitems3>.d-flex,
.gx2.flex__allitems3>.flex--item,
.gx2>.flex--item3,
.gy2.flex__allitems3>.d-flex,
.gy2.flex__allitems3>.flex--item,
.gy2>.flex--item3 {
    flex-basis: calc(25% - var(--su2)*0.75)
}

.g2.flex__allitems4>.d-flex,
.g2.flex__allitems4>.flex--item,
.g2>.flex--item4,
.gx2.flex__allitems4>.d-flex,
.gx2.flex__allitems4>.flex--item,
.gx2>.flex--item4,
.gy2.flex__allitems4>.d-flex,
.gy2.flex__allitems4>.flex--item,
.gy2>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su2)*0.66667)
}

.g2.flex__allitems5>.d-flex,
.g2.flex__allitems5>.flex--item,
.g2>.flex--item5,
.gx2.flex__allitems5>.d-flex,
.gx2.flex__allitems5>.flex--item,
.gx2>.flex--item5,
.gy2.flex__allitems5>.d-flex,
.gy2.flex__allitems5>.flex--item,
.gy2>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su2)*0.58333)
}

.g2.flex__allitems6>.d-flex,
.g2.flex__allitems6>.flex--item,
.g2>.flex--item6,
.gx2.flex__allitems6>.d-flex,
.gx2.flex__allitems6>.flex--item,
.gx2>.flex--item6,
.gy2.flex__allitems6>.d-flex,
.gy2.flex__allitems6>.flex--item,
.gy2>.flex--item6 {
    flex-basis: calc(50% - var(--su2)*0.5)
}

.g2.flex__allitems7>.d-flex,
.g2.flex__allitems7>.flex--item,
.g2>.flex--item7,
.gx2.flex__allitems7>.d-flex,
.gx2.flex__allitems7>.flex--item,
.gx2>.flex--item7,
.gy2.flex__allitems7>.d-flex,
.gy2.flex__allitems7>.flex--item,
.gy2>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su2)*0.41667)
}

.g2.flex__allitems8>.d-flex,
.g2.flex__allitems8>.flex--item,
.g2>.flex--item8,
.gx2.flex__allitems8>.d-flex,
.gx2.flex__allitems8>.flex--item,
.gx2>.flex--item8,
.gy2.flex__allitems8>.d-flex,
.gy2.flex__allitems8>.flex--item,
.gy2>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su2)*0.33333)
}

.g2.flex__allitems9>.d-flex,
.g2.flex__allitems9>.flex--item,
.g2>.flex--item9,
.gx2.flex__allitems9>.d-flex,
.gx2.flex__allitems9>.flex--item,
.gx2>.flex--item9,
.gy2.flex__allitems9>.d-flex,
.gy2.flex__allitems9>.flex--item,
.gy2>.flex--item9 {
    flex-basis: calc(75% - var(--su2)*0.25)
}

.g2.flex__allitems10>.d-flex,
.g2.flex__allitems10>.flex--item,
.g2>.flex--item10,
.gx2.flex__allitems10>.d-flex,
.gx2.flex__allitems10>.flex--item,
.gx2>.flex--item10,
.gy2.flex__allitems10>.d-flex,
.gy2.flex__allitems10>.flex--item,
.gy2>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su2)*0.16667)
}

.g2.flex__allitems11>.d-flex,
.g2.flex__allitems11>.flex--item,
.g2>.flex--item11,
.gx2.flex__allitems11>.d-flex,
.gx2.flex__allitems11>.flex--item,
.gx2>.flex--item11,
.gy2.flex__allitems11>.d-flex,
.gy2.flex__allitems11>.flex--item,
.gy2>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su2)*0.08333)
}

.g2.flex__allitems12>.d-flex,
.g2.flex__allitems12>.flex--item,
.g2>.flex--item12,
.gx2.flex__allitems12>.d-flex,
.gx2.flex__allitems12>.flex--item,
.gx2>.flex--item12,
.gy2.flex__allitems12>.d-flex,
.gy2.flex__allitems12>.flex--item,
.gy2>.flex--item12 {
    flex-basis: calc(100% - var(--su2)*0)
}

.g4.flex__allitems1>.d-flex,
.g4.flex__allitems1>.flex--item,
.g4>.flex--item1,
.gx4.flex__allitems1>.d-flex,
.gx4.flex__allitems1>.flex--item,
.gx4>.flex--item1,
.gy4.flex__allitems1>.d-flex,
.gy4.flex__allitems1>.flex--item,
.gy4>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su4)*0.91667)
}

.g4.flex__allitems2>.d-flex,
.g4.flex__allitems2>.flex--item,
.g4>.flex--item2,
.gx4.flex__allitems2>.d-flex,
.gx4.flex__allitems2>.flex--item,
.gx4>.flex--item2,
.gy4.flex__allitems2>.d-flex,
.gy4.flex__allitems2>.flex--item,
.gy4>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su4)*0.83333)
}

.g4.flex__allitems3>.d-flex,
.g4.flex__allitems3>.flex--item,
.g4>.flex--item3,
.gx4.flex__allitems3>.d-flex,
.gx4.flex__allitems3>.flex--item,
.gx4>.flex--item3,
.gy4.flex__allitems3>.d-flex,
.gy4.flex__allitems3>.flex--item,
.gy4>.flex--item3 {
    flex-basis: calc(25% - var(--su4)*0.75)
}

.g4.flex__allitems4>.d-flex,
.g4.flex__allitems4>.flex--item,
.g4>.flex--item4,
.gx4.flex__allitems4>.d-flex,
.gx4.flex__allitems4>.flex--item,
.gx4>.flex--item4,
.gy4.flex__allitems4>.d-flex,
.gy4.flex__allitems4>.flex--item,
.gy4>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su4)*0.66667)
}

.g4.flex__allitems5>.d-flex,
.g4.flex__allitems5>.flex--item,
.g4>.flex--item5,
.gx4.flex__allitems5>.d-flex,
.gx4.flex__allitems5>.flex--item,
.gx4>.flex--item5,
.gy4.flex__allitems5>.d-flex,
.gy4.flex__allitems5>.flex--item,
.gy4>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su4)*0.58333)
}

.g4.flex__allitems6>.d-flex,
.g4.flex__allitems6>.flex--item,
.g4>.flex--item6,
.gx4.flex__allitems6>.d-flex,
.gx4.flex__allitems6>.flex--item,
.gx4>.flex--item6,
.gy4.flex__allitems6>.d-flex,
.gy4.flex__allitems6>.flex--item,
.gy4>.flex--item6 {
    flex-basis: calc(50% - var(--su4)*0.5)
}

.g4.flex__allitems7>.d-flex,
.g4.flex__allitems7>.flex--item,
.g4>.flex--item7,
.gx4.flex__allitems7>.d-flex,
.gx4.flex__allitems7>.flex--item,
.gx4>.flex--item7,
.gy4.flex__allitems7>.d-flex,
.gy4.flex__allitems7>.flex--item,
.gy4>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su4)*0.41667)
}

.g4.flex__allitems8>.d-flex,
.g4.flex__allitems8>.flex--item,
.g4>.flex--item8,
.gx4.flex__allitems8>.d-flex,
.gx4.flex__allitems8>.flex--item,
.gx4>.flex--item8,
.gy4.flex__allitems8>.d-flex,
.gy4.flex__allitems8>.flex--item,
.gy4>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su4)*0.33333)
}

.g4.flex__allitems9>.d-flex,
.g4.flex__allitems9>.flex--item,
.g4>.flex--item9,
.gx4.flex__allitems9>.d-flex,
.gx4.flex__allitems9>.flex--item,
.gx4>.flex--item9,
.gy4.flex__allitems9>.d-flex,
.gy4.flex__allitems9>.flex--item,
.gy4>.flex--item9 {
    flex-basis: calc(75% - var(--su4)*0.25)
}

.g4.flex__allitems10>.d-flex,
.g4.flex__allitems10>.flex--item,
.g4>.flex--item10,
.gx4.flex__allitems10>.d-flex,
.gx4.flex__allitems10>.flex--item,
.gx4>.flex--item10,
.gy4.flex__allitems10>.d-flex,
.gy4.flex__allitems10>.flex--item,
.gy4>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su4)*0.16667)
}

.g4.flex__allitems11>.d-flex,
.g4.flex__allitems11>.flex--item,
.g4>.flex--item11,
.gx4.flex__allitems11>.d-flex,
.gx4.flex__allitems11>.flex--item,
.gx4>.flex--item11,
.gy4.flex__allitems11>.d-flex,
.gy4.flex__allitems11>.flex--item,
.gy4>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su4)*0.08333)
}

.g4.flex__allitems12>.d-flex,
.g4.flex__allitems12>.flex--item,
.g4>.flex--item12,
.gx4.flex__allitems12>.d-flex,
.gx4.flex__allitems12>.flex--item,
.gx4>.flex--item12,
.gy4.flex__allitems12>.d-flex,
.gy4.flex__allitems12>.flex--item,
.gy4>.flex--item12 {
    flex-basis: calc(100% - var(--su4)*0)
}

.g6.flex__allitems1>.d-flex,
.g6.flex__allitems1>.flex--item,
.g6>.flex--item1,
.gx6.flex__allitems1>.d-flex,
.gx6.flex__allitems1>.flex--item,
.gx6>.flex--item1,
.gy6.flex__allitems1>.d-flex,
.gy6.flex__allitems1>.flex--item,
.gy6>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su6)*0.91667)
}

.g6.flex__allitems2>.d-flex,
.g6.flex__allitems2>.flex--item,
.g6>.flex--item2,
.gx6.flex__allitems2>.d-flex,
.gx6.flex__allitems2>.flex--item,
.gx6>.flex--item2,
.gy6.flex__allitems2>.d-flex,
.gy6.flex__allitems2>.flex--item,
.gy6>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su6)*0.83333)
}

.g6.flex__allitems3>.d-flex,
.g6.flex__allitems3>.flex--item,
.g6>.flex--item3,
.gx6.flex__allitems3>.d-flex,
.gx6.flex__allitems3>.flex--item,
.gx6>.flex--item3,
.gy6.flex__allitems3>.d-flex,
.gy6.flex__allitems3>.flex--item,
.gy6>.flex--item3 {
    flex-basis: calc(25% - var(--su6)*0.75)
}

.g6.flex__allitems4>.d-flex,
.g6.flex__allitems4>.flex--item,
.g6>.flex--item4,
.gx6.flex__allitems4>.d-flex,
.gx6.flex__allitems4>.flex--item,
.gx6>.flex--item4,
.gy6.flex__allitems4>.d-flex,
.gy6.flex__allitems4>.flex--item,
.gy6>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su6)*0.66667)
}

.g6.flex__allitems5>.d-flex,
.g6.flex__allitems5>.flex--item,
.g6>.flex--item5,
.gx6.flex__allitems5>.d-flex,
.gx6.flex__allitems5>.flex--item,
.gx6>.flex--item5,
.gy6.flex__allitems5>.d-flex,
.gy6.flex__allitems5>.flex--item,
.gy6>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su6)*0.58333)
}

.g6.flex__allitems6>.d-flex,
.g6.flex__allitems6>.flex--item,
.g6>.flex--item6,
.gx6.flex__allitems6>.d-flex,
.gx6.flex__allitems6>.flex--item,
.gx6>.flex--item6,
.gy6.flex__allitems6>.d-flex,
.gy6.flex__allitems6>.flex--item,
.gy6>.flex--item6 {
    flex-basis: calc(50% - var(--su6)*0.5)
}

.g6.flex__allitems7>.d-flex,
.g6.flex__allitems7>.flex--item,
.g6>.flex--item7,
.gx6.flex__allitems7>.d-flex,
.gx6.flex__allitems7>.flex--item,
.gx6>.flex--item7,
.gy6.flex__allitems7>.d-flex,
.gy6.flex__allitems7>.flex--item,
.gy6>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su6)*0.41667)
}

.g6.flex__allitems8>.d-flex,
.g6.flex__allitems8>.flex--item,
.g6>.flex--item8,
.gx6.flex__allitems8>.d-flex,
.gx6.flex__allitems8>.flex--item,
.gx6>.flex--item8,
.gy6.flex__allitems8>.d-flex,
.gy6.flex__allitems8>.flex--item,
.gy6>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su6)*0.33333)
}

.g6.flex__allitems9>.d-flex,
.g6.flex__allitems9>.flex--item,
.g6>.flex--item9,
.gx6.flex__allitems9>.d-flex,
.gx6.flex__allitems9>.flex--item,
.gx6>.flex--item9,
.gy6.flex__allitems9>.d-flex,
.gy6.flex__allitems9>.flex--item,
.gy6>.flex--item9 {
    flex-basis: calc(75% - var(--su6)*0.25)
}

.g6.flex__allitems10>.d-flex,
.g6.flex__allitems10>.flex--item,
.g6>.flex--item10,
.gx6.flex__allitems10>.d-flex,
.gx6.flex__allitems10>.flex--item,
.gx6>.flex--item10,
.gy6.flex__allitems10>.d-flex,
.gy6.flex__allitems10>.flex--item,
.gy6>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su6)*0.16667)
}

.g6.flex__allitems11>.d-flex,
.g6.flex__allitems11>.flex--item,
.g6>.flex--item11,
.gx6.flex__allitems11>.d-flex,
.gx6.flex__allitems11>.flex--item,
.gx6>.flex--item11,
.gy6.flex__allitems11>.d-flex,
.gy6.flex__allitems11>.flex--item,
.gy6>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su6)*0.08333)
}

.g6.flex__allitems12>.d-flex,
.g6.flex__allitems12>.flex--item,
.g6>.flex--item12,
.gx6.flex__allitems12>.d-flex,
.gx6.flex__allitems12>.flex--item,
.gx6>.flex--item12,
.gy6.flex__allitems12>.d-flex,
.gy6.flex__allitems12>.flex--item,
.gy6>.flex--item12 {
    flex-basis: calc(100% - var(--su6)*0)
}

.g8.flex__allitems1>.d-flex,
.g8.flex__allitems1>.flex--item,
.g8>.flex--item1,
.gx8.flex__allitems1>.d-flex,
.gx8.flex__allitems1>.flex--item,
.gx8>.flex--item1,
.gy8.flex__allitems1>.d-flex,
.gy8.flex__allitems1>.flex--item,
.gy8>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su8)*0.91667)
}

.g8.flex__allitems2>.d-flex,
.g8.flex__allitems2>.flex--item,
.g8>.flex--item2,
.gx8.flex__allitems2>.d-flex,
.gx8.flex__allitems2>.flex--item,
.gx8>.flex--item2,
.gy8.flex__allitems2>.d-flex,
.gy8.flex__allitems2>.flex--item,
.gy8>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su8)*0.83333)
}

.g8.flex__allitems3>.d-flex,
.g8.flex__allitems3>.flex--item,
.g8>.flex--item3,
.gx8.flex__allitems3>.d-flex,
.gx8.flex__allitems3>.flex--item,
.gx8>.flex--item3,
.gy8.flex__allitems3>.d-flex,
.gy8.flex__allitems3>.flex--item,
.gy8>.flex--item3 {
    flex-basis: calc(25% - var(--su8)*0.75)
}

.g8.flex__allitems4>.d-flex,
.g8.flex__allitems4>.flex--item,
.g8>.flex--item4,
.gx8.flex__allitems4>.d-flex,
.gx8.flex__allitems4>.flex--item,
.gx8>.flex--item4,
.gy8.flex__allitems4>.d-flex,
.gy8.flex__allitems4>.flex--item,
.gy8>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su8)*0.66667)
}

.g8.flex__allitems5>.d-flex,
.g8.flex__allitems5>.flex--item,
.g8>.flex--item5,
.gx8.flex__allitems5>.d-flex,
.gx8.flex__allitems5>.flex--item,
.gx8>.flex--item5,
.gy8.flex__allitems5>.d-flex,
.gy8.flex__allitems5>.flex--item,
.gy8>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su8)*0.58333)
}

.g8.flex__allitems6>.d-flex,
.g8.flex__allitems6>.flex--item,
.g8>.flex--item6,
.gx8.flex__allitems6>.d-flex,
.gx8.flex__allitems6>.flex--item,
.gx8>.flex--item6,
.gy8.flex__allitems6>.d-flex,
.gy8.flex__allitems6>.flex--item,
.gy8>.flex--item6 {
    flex-basis: calc(50% - var(--su8)*0.5)
}

.g8.flex__allitems7>.d-flex,
.g8.flex__allitems7>.flex--item,
.g8>.flex--item7,
.gx8.flex__allitems7>.d-flex,
.gx8.flex__allitems7>.flex--item,
.gx8>.flex--item7,
.gy8.flex__allitems7>.d-flex,
.gy8.flex__allitems7>.flex--item,
.gy8>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su8)*0.41667)
}

.g8.flex__allitems8>.d-flex,
.g8.flex__allitems8>.flex--item,
.g8>.flex--item8,
.gx8.flex__allitems8>.d-flex,
.gx8.flex__allitems8>.flex--item,
.gx8>.flex--item8,
.gy8.flex__allitems8>.d-flex,
.gy8.flex__allitems8>.flex--item,
.gy8>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su8)*0.33333)
}

.g8.flex__allitems9>.d-flex,
.g8.flex__allitems9>.flex--item,
.g8>.flex--item9,
.gx8.flex__allitems9>.d-flex,
.gx8.flex__allitems9>.flex--item,
.gx8>.flex--item9,
.gy8.flex__allitems9>.d-flex,
.gy8.flex__allitems9>.flex--item,
.gy8>.flex--item9 {
    flex-basis: calc(75% - var(--su8)*0.25)
}

.g8.flex__allitems10>.d-flex,
.g8.flex__allitems10>.flex--item,
.g8>.flex--item10,
.gx8.flex__allitems10>.d-flex,
.gx8.flex__allitems10>.flex--item,
.gx8>.flex--item10,
.gy8.flex__allitems10>.d-flex,
.gy8.flex__allitems10>.flex--item,
.gy8>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su8)*0.16667)
}

.g8.flex__allitems11>.d-flex,
.g8.flex__allitems11>.flex--item,
.g8>.flex--item11,
.gx8.flex__allitems11>.d-flex,
.gx8.flex__allitems11>.flex--item,
.gx8>.flex--item11,
.gy8.flex__allitems11>.d-flex,
.gy8.flex__allitems11>.flex--item,
.gy8>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su8)*0.08333)
}

.g8.flex__allitems12>.d-flex,
.g8.flex__allitems12>.flex--item,
.g8>.flex--item12,
.gx8.flex__allitems12>.d-flex,
.gx8.flex__allitems12>.flex--item,
.gx8>.flex--item12,
.gy8.flex__allitems12>.d-flex,
.gy8.flex__allitems12>.flex--item,
.gy8>.flex--item12 {
    flex-basis: calc(100% - var(--su8)*0)
}

.g12.flex__allitems1>.d-flex,
.g12.flex__allitems1>.flex--item,
.g12>.flex--item1,
.gx12.flex__allitems1>.d-flex,
.gx12.flex__allitems1>.flex--item,
.gx12>.flex--item1,
.gy12.flex__allitems1>.d-flex,
.gy12.flex__allitems1>.flex--item,
.gy12>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su12)*0.91667)
}

.g12.flex__allitems2>.d-flex,
.g12.flex__allitems2>.flex--item,
.g12>.flex--item2,
.gx12.flex__allitems2>.d-flex,
.gx12.flex__allitems2>.flex--item,
.gx12>.flex--item2,
.gy12.flex__allitems2>.d-flex,
.gy12.flex__allitems2>.flex--item,
.gy12>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su12)*0.83333)
}

.g12.flex__allitems3>.d-flex,
.g12.flex__allitems3>.flex--item,
.g12>.flex--item3,
.gx12.flex__allitems3>.d-flex,
.gx12.flex__allitems3>.flex--item,
.gx12>.flex--item3,
.gy12.flex__allitems3>.d-flex,
.gy12.flex__allitems3>.flex--item,
.gy12>.flex--item3 {
    flex-basis: calc(25% - var(--su12)*0.75)
}

.g12.flex__allitems4>.d-flex,
.g12.flex__allitems4>.flex--item,
.g12>.flex--item4,
.gx12.flex__allitems4>.d-flex,
.gx12.flex__allitems4>.flex--item,
.gx12>.flex--item4,
.gy12.flex__allitems4>.d-flex,
.gy12.flex__allitems4>.flex--item,
.gy12>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su12)*0.66667)
}

.g12.flex__allitems5>.d-flex,
.g12.flex__allitems5>.flex--item,
.g12>.flex--item5,
.gx12.flex__allitems5>.d-flex,
.gx12.flex__allitems5>.flex--item,
.gx12>.flex--item5,
.gy12.flex__allitems5>.d-flex,
.gy12.flex__allitems5>.flex--item,
.gy12>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su12)*0.58333)
}

.g12.flex__allitems6>.d-flex,
.g12.flex__allitems6>.flex--item,
.g12>.flex--item6,
.gx12.flex__allitems6>.d-flex,
.gx12.flex__allitems6>.flex--item,
.gx12>.flex--item6,
.gy12.flex__allitems6>.d-flex,
.gy12.flex__allitems6>.flex--item,
.gy12>.flex--item6 {
    flex-basis: calc(50% - var(--su12)*0.5)
}

.g12.flex__allitems7>.d-flex,
.g12.flex__allitems7>.flex--item,
.g12>.flex--item7,
.gx12.flex__allitems7>.d-flex,
.gx12.flex__allitems7>.flex--item,
.gx12>.flex--item7,
.gy12.flex__allitems7>.d-flex,
.gy12.flex__allitems7>.flex--item,
.gy12>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su12)*0.41667)
}

.g12.flex__allitems8>.d-flex,
.g12.flex__allitems8>.flex--item,
.g12>.flex--item8,
.gx12.flex__allitems8>.d-flex,
.gx12.flex__allitems8>.flex--item,
.gx12>.flex--item8,
.gy12.flex__allitems8>.d-flex,
.gy12.flex__allitems8>.flex--item,
.gy12>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su12)*0.33333)
}

.g12.flex__allitems9>.d-flex,
.g12.flex__allitems9>.flex--item,
.g12>.flex--item9,
.gx12.flex__allitems9>.d-flex,
.gx12.flex__allitems9>.flex--item,
.gx12>.flex--item9,
.gy12.flex__allitems9>.d-flex,
.gy12.flex__allitems9>.flex--item,
.gy12>.flex--item9 {
    flex-basis: calc(75% - var(--su12)*0.25)
}

.g12.flex__allitems10>.d-flex,
.g12.flex__allitems10>.flex--item,
.g12>.flex--item10,
.gx12.flex__allitems10>.d-flex,
.gx12.flex__allitems10>.flex--item,
.gx12>.flex--item10,
.gy12.flex__allitems10>.d-flex,
.gy12.flex__allitems10>.flex--item,
.gy12>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su12)*0.16667)
}

.g12.flex__allitems11>.d-flex,
.g12.flex__allitems11>.flex--item,
.g12>.flex--item11,
.gx12.flex__allitems11>.d-flex,
.gx12.flex__allitems11>.flex--item,
.gx12>.flex--item11,
.gy12.flex__allitems11>.d-flex,
.gy12.flex__allitems11>.flex--item,
.gy12>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su12)*0.08333)
}

.g12.flex__allitems12>.d-flex,
.g12.flex__allitems12>.flex--item,
.g12>.flex--item12,
.gx12.flex__allitems12>.d-flex,
.gx12.flex__allitems12>.flex--item,
.gx12>.flex--item12,
.gy12.flex__allitems12>.d-flex,
.gy12.flex__allitems12>.flex--item,
.gy12>.flex--item12 {
    flex-basis: calc(100% - var(--su12)*0)
}

.g16.flex__allitems1>.d-flex,
.g16.flex__allitems1>.flex--item,
.g16>.flex--item1,
.gx16.flex__allitems1>.d-flex,
.gx16.flex__allitems1>.flex--item,
.gx16>.flex--item1,
.gy16.flex__allitems1>.d-flex,
.gy16.flex__allitems1>.flex--item,
.gy16>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su16)*0.91667)
}

.g16.flex__allitems2>.d-flex,
.g16.flex__allitems2>.flex--item,
.g16>.flex--item2,
.gx16.flex__allitems2>.d-flex,
.gx16.flex__allitems2>.flex--item,
.gx16>.flex--item2,
.gy16.flex__allitems2>.d-flex,
.gy16.flex__allitems2>.flex--item,
.gy16>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su16)*0.83333)
}

.g16.flex__allitems3>.d-flex,
.g16.flex__allitems3>.flex--item,
.g16>.flex--item3,
.gx16.flex__allitems3>.d-flex,
.gx16.flex__allitems3>.flex--item,
.gx16>.flex--item3,
.gy16.flex__allitems3>.d-flex,
.gy16.flex__allitems3>.flex--item,
.gy16>.flex--item3 {
    flex-basis: calc(25% - var(--su16)*0.75)
}

.g16.flex__allitems4>.d-flex,
.g16.flex__allitems4>.flex--item,
.g16>.flex--item4,
.gx16.flex__allitems4>.d-flex,
.gx16.flex__allitems4>.flex--item,
.gx16>.flex--item4,
.gy16.flex__allitems4>.d-flex,
.gy16.flex__allitems4>.flex--item,
.gy16>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su16)*0.66667)
}

.g16.flex__allitems5>.d-flex,
.g16.flex__allitems5>.flex--item,
.g16>.flex--item5,
.gx16.flex__allitems5>.d-flex,
.gx16.flex__allitems5>.flex--item,
.gx16>.flex--item5,
.gy16.flex__allitems5>.d-flex,
.gy16.flex__allitems5>.flex--item,
.gy16>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su16)*0.58333)
}

.g16.flex__allitems6>.d-flex,
.g16.flex__allitems6>.flex--item,
.g16>.flex--item6,
.gx16.flex__allitems6>.d-flex,
.gx16.flex__allitems6>.flex--item,
.gx16>.flex--item6,
.gy16.flex__allitems6>.d-flex,
.gy16.flex__allitems6>.flex--item,
.gy16>.flex--item6 {
    flex-basis: calc(50% - var(--su16)*0.5)
}

.g16.flex__allitems7>.d-flex,
.g16.flex__allitems7>.flex--item,
.g16>.flex--item7,
.gx16.flex__allitems7>.d-flex,
.gx16.flex__allitems7>.flex--item,
.gx16>.flex--item7,
.gy16.flex__allitems7>.d-flex,
.gy16.flex__allitems7>.flex--item,
.gy16>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su16)*0.41667)
}

.g16.flex__allitems8>.d-flex,
.g16.flex__allitems8>.flex--item,
.g16>.flex--item8,
.gx16.flex__allitems8>.d-flex,
.gx16.flex__allitems8>.flex--item,
.gx16>.flex--item8,
.gy16.flex__allitems8>.d-flex,
.gy16.flex__allitems8>.flex--item,
.gy16>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su16)*0.33333)
}

.g16.flex__allitems9>.d-flex,
.g16.flex__allitems9>.flex--item,
.g16>.flex--item9,
.gx16.flex__allitems9>.d-flex,
.gx16.flex__allitems9>.flex--item,
.gx16>.flex--item9,
.gy16.flex__allitems9>.d-flex,
.gy16.flex__allitems9>.flex--item,
.gy16>.flex--item9 {
    flex-basis: calc(75% - var(--su16)*0.25)
}

.g16.flex__allitems10>.d-flex,
.g16.flex__allitems10>.flex--item,
.g16>.flex--item10,
.gx16.flex__allitems10>.d-flex,
.gx16.flex__allitems10>.flex--item,
.gx16>.flex--item10,
.gy16.flex__allitems10>.d-flex,
.gy16.flex__allitems10>.flex--item,
.gy16>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su16)*0.16667)
}

.g16.flex__allitems11>.d-flex,
.g16.flex__allitems11>.flex--item,
.g16>.flex--item11,
.gx16.flex__allitems11>.d-flex,
.gx16.flex__allitems11>.flex--item,
.gx16>.flex--item11,
.gy16.flex__allitems11>.d-flex,
.gy16.flex__allitems11>.flex--item,
.gy16>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su16)*0.08333)
}

.g16.flex__allitems12>.d-flex,
.g16.flex__allitems12>.flex--item,
.g16>.flex--item12,
.gx16.flex__allitems12>.d-flex,
.gx16.flex__allitems12>.flex--item,
.gx16>.flex--item12,
.gy16.flex__allitems12>.d-flex,
.gy16.flex__allitems12>.flex--item,
.gy16>.flex--item12 {
    flex-basis: calc(100% - var(--su16)*0)
}

.g24.flex__allitems1>.d-flex,
.g24.flex__allitems1>.flex--item,
.g24>.flex--item1,
.gx24.flex__allitems1>.d-flex,
.gx24.flex__allitems1>.flex--item,
.gx24>.flex--item1,
.gy24.flex__allitems1>.d-flex,
.gy24.flex__allitems1>.flex--item,
.gy24>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su24)*0.91667)
}

.g24.flex__allitems2>.d-flex,
.g24.flex__allitems2>.flex--item,
.g24>.flex--item2,
.gx24.flex__allitems2>.d-flex,
.gx24.flex__allitems2>.flex--item,
.gx24>.flex--item2,
.gy24.flex__allitems2>.d-flex,
.gy24.flex__allitems2>.flex--item,
.gy24>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su24)*0.83333)
}

.g24.flex__allitems3>.d-flex,
.g24.flex__allitems3>.flex--item,
.g24>.flex--item3,
.gx24.flex__allitems3>.d-flex,
.gx24.flex__allitems3>.flex--item,
.gx24>.flex--item3,
.gy24.flex__allitems3>.d-flex,
.gy24.flex__allitems3>.flex--item,
.gy24>.flex--item3 {
    flex-basis: calc(25% - var(--su24)*0.75)
}

.g24.flex__allitems4>.d-flex,
.g24.flex__allitems4>.flex--item,
.g24>.flex--item4,
.gx24.flex__allitems4>.d-flex,
.gx24.flex__allitems4>.flex--item,
.gx24>.flex--item4,
.gy24.flex__allitems4>.d-flex,
.gy24.flex__allitems4>.flex--item,
.gy24>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su24)*0.66667)
}

.g24.flex__allitems5>.d-flex,
.g24.flex__allitems5>.flex--item,
.g24>.flex--item5,
.gx24.flex__allitems5>.d-flex,
.gx24.flex__allitems5>.flex--item,
.gx24>.flex--item5,
.gy24.flex__allitems5>.d-flex,
.gy24.flex__allitems5>.flex--item,
.gy24>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su24)*0.58333)
}

.g24.flex__allitems6>.d-flex,
.g24.flex__allitems6>.flex--item,
.g24>.flex--item6,
.gx24.flex__allitems6>.d-flex,
.gx24.flex__allitems6>.flex--item,
.gx24>.flex--item6,
.gy24.flex__allitems6>.d-flex,
.gy24.flex__allitems6>.flex--item,
.gy24>.flex--item6 {
    flex-basis: calc(50% - var(--su24)*0.5)
}

.g24.flex__allitems7>.d-flex,
.g24.flex__allitems7>.flex--item,
.g24>.flex--item7,
.gx24.flex__allitems7>.d-flex,
.gx24.flex__allitems7>.flex--item,
.gx24>.flex--item7,
.gy24.flex__allitems7>.d-flex,
.gy24.flex__allitems7>.flex--item,
.gy24>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su24)*0.41667)
}

.g24.flex__allitems8>.d-flex,
.g24.flex__allitems8>.flex--item,
.g24>.flex--item8,
.gx24.flex__allitems8>.d-flex,
.gx24.flex__allitems8>.flex--item,
.gx24>.flex--item8,
.gy24.flex__allitems8>.d-flex,
.gy24.flex__allitems8>.flex--item,
.gy24>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su24)*0.33333)
}

.g24.flex__allitems9>.d-flex,
.g24.flex__allitems9>.flex--item,
.g24>.flex--item9,
.gx24.flex__allitems9>.d-flex,
.gx24.flex__allitems9>.flex--item,
.gx24>.flex--item9,
.gy24.flex__allitems9>.d-flex,
.gy24.flex__allitems9>.flex--item,
.gy24>.flex--item9 {
    flex-basis: calc(75% - var(--su24)*0.25)
}

.g24.flex__allitems10>.d-flex,
.g24.flex__allitems10>.flex--item,
.g24>.flex--item10,
.gx24.flex__allitems10>.d-flex,
.gx24.flex__allitems10>.flex--item,
.gx24>.flex--item10,
.gy24.flex__allitems10>.d-flex,
.gy24.flex__allitems10>.flex--item,
.gy24>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su24)*0.16667)
}

.g24.flex__allitems11>.d-flex,
.g24.flex__allitems11>.flex--item,
.g24>.flex--item11,
.gx24.flex__allitems11>.d-flex,
.gx24.flex__allitems11>.flex--item,
.gx24>.flex--item11,
.gy24.flex__allitems11>.d-flex,
.gy24.flex__allitems11>.flex--item,
.gy24>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su24)*0.08333)
}

.g24.flex__allitems12>.d-flex,
.g24.flex__allitems12>.flex--item,
.g24>.flex--item12,
.gx24.flex__allitems12>.d-flex,
.gx24.flex__allitems12>.flex--item,
.gx24>.flex--item12,
.gy24.flex__allitems12>.d-flex,
.gy24.flex__allitems12>.flex--item,
.gy24>.flex--item12 {
    flex-basis: calc(100% - var(--su24)*0)
}

.g32.flex__allitems1>.d-flex,
.g32.flex__allitems1>.flex--item,
.g32>.flex--item1,
.gx32.flex__allitems1>.d-flex,
.gx32.flex__allitems1>.flex--item,
.gx32>.flex--item1,
.gy32.flex__allitems1>.d-flex,
.gy32.flex__allitems1>.flex--item,
.gy32>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su32)*0.91667)
}

.g32.flex__allitems2>.d-flex,
.g32.flex__allitems2>.flex--item,
.g32>.flex--item2,
.gx32.flex__allitems2>.d-flex,
.gx32.flex__allitems2>.flex--item,
.gx32>.flex--item2,
.gy32.flex__allitems2>.d-flex,
.gy32.flex__allitems2>.flex--item,
.gy32>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su32)*0.83333)
}

.g32.flex__allitems3>.d-flex,
.g32.flex__allitems3>.flex--item,
.g32>.flex--item3,
.gx32.flex__allitems3>.d-flex,
.gx32.flex__allitems3>.flex--item,
.gx32>.flex--item3,
.gy32.flex__allitems3>.d-flex,
.gy32.flex__allitems3>.flex--item,
.gy32>.flex--item3 {
    flex-basis: calc(25% - var(--su32)*0.75)
}

.g32.flex__allitems4>.d-flex,
.g32.flex__allitems4>.flex--item,
.g32>.flex--item4,
.gx32.flex__allitems4>.d-flex,
.gx32.flex__allitems4>.flex--item,
.gx32>.flex--item4,
.gy32.flex__allitems4>.d-flex,
.gy32.flex__allitems4>.flex--item,
.gy32>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su32)*0.66667)
}

.g32.flex__allitems5>.d-flex,
.g32.flex__allitems5>.flex--item,
.g32>.flex--item5,
.gx32.flex__allitems5>.d-flex,
.gx32.flex__allitems5>.flex--item,
.gx32>.flex--item5,
.gy32.flex__allitems5>.d-flex,
.gy32.flex__allitems5>.flex--item,
.gy32>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su32)*0.58333)
}

.g32.flex__allitems6>.d-flex,
.g32.flex__allitems6>.flex--item,
.g32>.flex--item6,
.gx32.flex__allitems6>.d-flex,
.gx32.flex__allitems6>.flex--item,
.gx32>.flex--item6,
.gy32.flex__allitems6>.d-flex,
.gy32.flex__allitems6>.flex--item,
.gy32>.flex--item6 {
    flex-basis: calc(50% - var(--su32)*0.5)
}

.g32.flex__allitems7>.d-flex,
.g32.flex__allitems7>.flex--item,
.g32>.flex--item7,
.gx32.flex__allitems7>.d-flex,
.gx32.flex__allitems7>.flex--item,
.gx32>.flex--item7,
.gy32.flex__allitems7>.d-flex,
.gy32.flex__allitems7>.flex--item,
.gy32>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su32)*0.41667)
}

.g32.flex__allitems8>.d-flex,
.g32.flex__allitems8>.flex--item,
.g32>.flex--item8,
.gx32.flex__allitems8>.d-flex,
.gx32.flex__allitems8>.flex--item,
.gx32>.flex--item8,
.gy32.flex__allitems8>.d-flex,
.gy32.flex__allitems8>.flex--item,
.gy32>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su32)*0.33333)
}

.g32.flex__allitems9>.d-flex,
.g32.flex__allitems9>.flex--item,
.g32>.flex--item9,
.gx32.flex__allitems9>.d-flex,
.gx32.flex__allitems9>.flex--item,
.gx32>.flex--item9,
.gy32.flex__allitems9>.d-flex,
.gy32.flex__allitems9>.flex--item,
.gy32>.flex--item9 {
    flex-basis: calc(75% - var(--su32)*0.25)
}

.g32.flex__allitems10>.d-flex,
.g32.flex__allitems10>.flex--item,
.g32>.flex--item10,
.gx32.flex__allitems10>.d-flex,
.gx32.flex__allitems10>.flex--item,
.gx32>.flex--item10,
.gy32.flex__allitems10>.d-flex,
.gy32.flex__allitems10>.flex--item,
.gy32>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su32)*0.16667)
}

.g32.flex__allitems11>.d-flex,
.g32.flex__allitems11>.flex--item,
.g32>.flex--item11,
.gx32.flex__allitems11>.d-flex,
.gx32.flex__allitems11>.flex--item,
.gx32>.flex--item11,
.gy32.flex__allitems11>.d-flex,
.gy32.flex__allitems11>.flex--item,
.gy32>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su32)*0.08333)
}

.g32.flex__allitems12>.d-flex,
.g32.flex__allitems12>.flex--item,
.g32>.flex--item12,
.gx32.flex__allitems12>.d-flex,
.gx32.flex__allitems12>.flex--item,
.gx32>.flex--item12,
.gy32.flex__allitems12>.d-flex,
.gy32.flex__allitems12>.flex--item,
.gy32>.flex--item12 {
    flex-basis: calc(100% - var(--su32)*0)
}

.g48.flex__allitems1>.d-flex,
.g48.flex__allitems1>.flex--item,
.g48>.flex--item1,
.gx48.flex__allitems1>.d-flex,
.gx48.flex__allitems1>.flex--item,
.gx48>.flex--item1,
.gy48.flex__allitems1>.d-flex,
.gy48.flex__allitems1>.flex--item,
.gy48>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su48)*0.91667)
}

.g48.flex__allitems2>.d-flex,
.g48.flex__allitems2>.flex--item,
.g48>.flex--item2,
.gx48.flex__allitems2>.d-flex,
.gx48.flex__allitems2>.flex--item,
.gx48>.flex--item2,
.gy48.flex__allitems2>.d-flex,
.gy48.flex__allitems2>.flex--item,
.gy48>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su48)*0.83333)
}

.g48.flex__allitems3>.d-flex,
.g48.flex__allitems3>.flex--item,
.g48>.flex--item3,
.gx48.flex__allitems3>.d-flex,
.gx48.flex__allitems3>.flex--item,
.gx48>.flex--item3,
.gy48.flex__allitems3>.d-flex,
.gy48.flex__allitems3>.flex--item,
.gy48>.flex--item3 {
    flex-basis: calc(25% - var(--su48)*0.75)
}

.g48.flex__allitems4>.d-flex,
.g48.flex__allitems4>.flex--item,
.g48>.flex--item4,
.gx48.flex__allitems4>.d-flex,
.gx48.flex__allitems4>.flex--item,
.gx48>.flex--item4,
.gy48.flex__allitems4>.d-flex,
.gy48.flex__allitems4>.flex--item,
.gy48>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su48)*0.66667)
}

.g48.flex__allitems5>.d-flex,
.g48.flex__allitems5>.flex--item,
.g48>.flex--item5,
.gx48.flex__allitems5>.d-flex,
.gx48.flex__allitems5>.flex--item,
.gx48>.flex--item5,
.gy48.flex__allitems5>.d-flex,
.gy48.flex__allitems5>.flex--item,
.gy48>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su48)*0.58333)
}

.g48.flex__allitems6>.d-flex,
.g48.flex__allitems6>.flex--item,
.g48>.flex--item6,
.gx48.flex__allitems6>.d-flex,
.gx48.flex__allitems6>.flex--item,
.gx48>.flex--item6,
.gy48.flex__allitems6>.d-flex,
.gy48.flex__allitems6>.flex--item,
.gy48>.flex--item6 {
    flex-basis: calc(50% - var(--su48)*0.5)
}

.g48.flex__allitems7>.d-flex,
.g48.flex__allitems7>.flex--item,
.g48>.flex--item7,
.gx48.flex__allitems7>.d-flex,
.gx48.flex__allitems7>.flex--item,
.gx48>.flex--item7,
.gy48.flex__allitems7>.d-flex,
.gy48.flex__allitems7>.flex--item,
.gy48>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su48)*0.41667)
}

.g48.flex__allitems8>.d-flex,
.g48.flex__allitems8>.flex--item,
.g48>.flex--item8,
.gx48.flex__allitems8>.d-flex,
.gx48.flex__allitems8>.flex--item,
.gx48>.flex--item8,
.gy48.flex__allitems8>.d-flex,
.gy48.flex__allitems8>.flex--item,
.gy48>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su48)*0.33333)
}

.g48.flex__allitems9>.d-flex,
.g48.flex__allitems9>.flex--item,
.g48>.flex--item9,
.gx48.flex__allitems9>.d-flex,
.gx48.flex__allitems9>.flex--item,
.gx48>.flex--item9,
.gy48.flex__allitems9>.d-flex,
.gy48.flex__allitems9>.flex--item,
.gy48>.flex--item9 {
    flex-basis: calc(75% - var(--su48)*0.25)
}

.g48.flex__allitems10>.d-flex,
.g48.flex__allitems10>.flex--item,
.g48>.flex--item10,
.gx48.flex__allitems10>.d-flex,
.gx48.flex__allitems10>.flex--item,
.gx48>.flex--item10,
.gy48.flex__allitems10>.d-flex,
.gy48.flex__allitems10>.flex--item,
.gy48>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su48)*0.16667)
}

.g48.flex__allitems11>.d-flex,
.g48.flex__allitems11>.flex--item,
.g48>.flex--item11,
.gx48.flex__allitems11>.d-flex,
.gx48.flex__allitems11>.flex--item,
.gx48>.flex--item11,
.gy48.flex__allitems11>.d-flex,
.gy48.flex__allitems11>.flex--item,
.gy48>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su48)*0.08333)
}

.g48.flex__allitems12>.d-flex,
.g48.flex__allitems12>.flex--item,
.g48>.flex--item12,
.gx48.flex__allitems12>.d-flex,
.gx48.flex__allitems12>.flex--item,
.gx48>.flex--item12,
.gy48.flex__allitems12>.d-flex,
.gy48.flex__allitems12>.flex--item,
.gy48>.flex--item12 {
    flex-basis: calc(100% - var(--su48)*0)
}

.g64.flex__allitems1>.d-flex,
.g64.flex__allitems1>.flex--item,
.g64>.flex--item1,
.gx64.flex__allitems1>.d-flex,
.gx64.flex__allitems1>.flex--item,
.gx64>.flex--item1,
.gy64.flex__allitems1>.d-flex,
.gy64.flex__allitems1>.flex--item,
.gy64>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su64)*0.91667)
}

.g64.flex__allitems2>.d-flex,
.g64.flex__allitems2>.flex--item,
.g64>.flex--item2,
.gx64.flex__allitems2>.d-flex,
.gx64.flex__allitems2>.flex--item,
.gx64>.flex--item2,
.gy64.flex__allitems2>.d-flex,
.gy64.flex__allitems2>.flex--item,
.gy64>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su64)*0.83333)
}

.g64.flex__allitems3>.d-flex,
.g64.flex__allitems3>.flex--item,
.g64>.flex--item3,
.gx64.flex__allitems3>.d-flex,
.gx64.flex__allitems3>.flex--item,
.gx64>.flex--item3,
.gy64.flex__allitems3>.d-flex,
.gy64.flex__allitems3>.flex--item,
.gy64>.flex--item3 {
    flex-basis: calc(25% - var(--su64)*0.75)
}

.g64.flex__allitems4>.d-flex,
.g64.flex__allitems4>.flex--item,
.g64>.flex--item4,
.gx64.flex__allitems4>.d-flex,
.gx64.flex__allitems4>.flex--item,
.gx64>.flex--item4,
.gy64.flex__allitems4>.d-flex,
.gy64.flex__allitems4>.flex--item,
.gy64>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su64)*0.66667)
}

.g64.flex__allitems5>.d-flex,
.g64.flex__allitems5>.flex--item,
.g64>.flex--item5,
.gx64.flex__allitems5>.d-flex,
.gx64.flex__allitems5>.flex--item,
.gx64>.flex--item5,
.gy64.flex__allitems5>.d-flex,
.gy64.flex__allitems5>.flex--item,
.gy64>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su64)*0.58333)
}

.g64.flex__allitems6>.d-flex,
.g64.flex__allitems6>.flex--item,
.g64>.flex--item6,
.gx64.flex__allitems6>.d-flex,
.gx64.flex__allitems6>.flex--item,
.gx64>.flex--item6,
.gy64.flex__allitems6>.d-flex,
.gy64.flex__allitems6>.flex--item,
.gy64>.flex--item6 {
    flex-basis: calc(50% - var(--su64)*0.5)
}

.g64.flex__allitems7>.d-flex,
.g64.flex__allitems7>.flex--item,
.g64>.flex--item7,
.gx64.flex__allitems7>.d-flex,
.gx64.flex__allitems7>.flex--item,
.gx64>.flex--item7,
.gy64.flex__allitems7>.d-flex,
.gy64.flex__allitems7>.flex--item,
.gy64>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su64)*0.41667)
}

.g64.flex__allitems8>.d-flex,
.g64.flex__allitems8>.flex--item,
.g64>.flex--item8,
.gx64.flex__allitems8>.d-flex,
.gx64.flex__allitems8>.flex--item,
.gx64>.flex--item8,
.gy64.flex__allitems8>.d-flex,
.gy64.flex__allitems8>.flex--item,
.gy64>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su64)*0.33333)
}

.g64.flex__allitems9>.d-flex,
.g64.flex__allitems9>.flex--item,
.g64>.flex--item9,
.gx64.flex__allitems9>.d-flex,
.gx64.flex__allitems9>.flex--item,
.gx64>.flex--item9,
.gy64.flex__allitems9>.d-flex,
.gy64.flex__allitems9>.flex--item,
.gy64>.flex--item9 {
    flex-basis: calc(75% - var(--su64)*0.25)
}

.g64.flex__allitems10>.d-flex,
.g64.flex__allitems10>.flex--item,
.g64>.flex--item10,
.gx64.flex__allitems10>.d-flex,
.gx64.flex__allitems10>.flex--item,
.gx64>.flex--item10,
.gy64.flex__allitems10>.d-flex,
.gy64.flex__allitems10>.flex--item,
.gy64>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su64)*0.16667)
}

.g64.flex__allitems11>.d-flex,
.g64.flex__allitems11>.flex--item,
.g64>.flex--item11,
.gx64.flex__allitems11>.d-flex,
.gx64.flex__allitems11>.flex--item,
.gx64>.flex--item11,
.gy64.flex__allitems11>.d-flex,
.gy64.flex__allitems11>.flex--item,
.gy64>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su64)*0.08333)
}

.g64.flex__allitems12>.d-flex,
.g64.flex__allitems12>.flex--item,
.g64>.flex--item12,
.gx64.flex__allitems12>.d-flex,
.gx64.flex__allitems12>.flex--item,
.gx64>.flex--item12,
.gy64.flex__allitems12>.d-flex,
.gy64.flex__allitems12>.flex--item,
.gy64>.flex--item12 {
    flex-basis: calc(100% - var(--su64)*0)
}

.gs2 {
    margin: calc(var(--su2)/2*-1)
}

.gs2>.d-flex,
.gs2>.flex--item,
.gs2>.flex--item1 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems1>.d-flex,
.gs2.flex__allitems1>.flex--item,
.gs2>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su2))
}

.gs2>.flex--item2 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems2>.d-flex,
.gs2.flex__allitems2>.flex--item,
.gs2>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su2))
}

.gs2>.flex--item3 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems3>.d-flex,
.gs2.flex__allitems3>.flex--item,
.gs2>.flex--item3 {
    flex-basis: calc(25% - var(--su2))
}

.gs2>.flex--item4 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems4>.d-flex,
.gs2.flex__allitems4>.flex--item,
.gs2>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su2))
}

.gs2>.flex--item5 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems5>.d-flex,
.gs2.flex__allitems5>.flex--item,
.gs2>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su2))
}

.gs2>.flex--item6 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems6>.d-flex,
.gs2.flex__allitems6>.flex--item,
.gs2>.flex--item6 {
    flex-basis: calc(50% - var(--su2))
}

.gs2>.flex--item7 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems7>.d-flex,
.gs2.flex__allitems7>.flex--item,
.gs2>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su2))
}

.gs2>.flex--item8 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems8>.d-flex,
.gs2.flex__allitems8>.flex--item,
.gs2>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su2))
}

.gs2>.flex--item9 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems9>.d-flex,
.gs2.flex__allitems9>.flex--item,
.gs2>.flex--item9 {
    flex-basis: calc(75% - var(--su2))
}

.gs2>.flex--item10 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems10>.d-flex,
.gs2.flex__allitems10>.flex--item,
.gs2>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su2))
}

.gs2>.flex--item11 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems11>.d-flex,
.gs2.flex__allitems11>.flex--item,
.gs2>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su2))
}

.gs2>.flex--item12 {
    margin: calc(var(--su2)/2)
}

.gs2.flex__allitems12>.d-flex,
.gs2.flex__allitems12>.flex--item,
.gs2>.flex--item12 {
    flex-basis: calc(100% - var(--su2))
}

.gs4 {
    margin: calc(var(--su4)/2*-1)
}

.gs4>.d-flex,
.gs4>.flex--item,
.gs4>.flex--item1 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems1>.d-flex,
.gs4.flex__allitems1>.flex--item,
.gs4>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su4))
}

.gs4>.flex--item2 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems2>.d-flex,
.gs4.flex__allitems2>.flex--item,
.gs4>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su4))
}

.gs4>.flex--item3 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems3>.d-flex,
.gs4.flex__allitems3>.flex--item,
.gs4>.flex--item3 {
    flex-basis: calc(25% - var(--su4))
}

.gs4>.flex--item4 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems4>.d-flex,
.gs4.flex__allitems4>.flex--item,
.gs4>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su4))
}

.gs4>.flex--item5 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems5>.d-flex,
.gs4.flex__allitems5>.flex--item,
.gs4>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su4))
}

.gs4>.flex--item6 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems6>.d-flex,
.gs4.flex__allitems6>.flex--item,
.gs4>.flex--item6 {
    flex-basis: calc(50% - var(--su4))
}

.gs4>.flex--item7 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems7>.d-flex,
.gs4.flex__allitems7>.flex--item,
.gs4>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su4))
}

.gs4>.flex--item8 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems8>.d-flex,
.gs4.flex__allitems8>.flex--item,
.gs4>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su4))
}

.gs4>.flex--item9 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems9>.d-flex,
.gs4.flex__allitems9>.flex--item,
.gs4>.flex--item9 {
    flex-basis: calc(75% - var(--su4))
}

.gs4>.flex--item10 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems10>.d-flex,
.gs4.flex__allitems10>.flex--item,
.gs4>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su4))
}

.gs4>.flex--item11 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems11>.d-flex,
.gs4.flex__allitems11>.flex--item,
.gs4>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su4))
}

.gs4>.flex--item12 {
    margin: calc(var(--su4)/2)
}

.gs4.flex__allitems12>.d-flex,
.gs4.flex__allitems12>.flex--item,
.gs4>.flex--item12 {
    flex-basis: calc(100% - var(--su4))
}

.gs6 {
    margin: calc(var(--su6)/2*-1)
}

.gs6>.d-flex,
.gs6>.flex--item,
.gs6>.flex--item1 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems1>.d-flex,
.gs6.flex__allitems1>.flex--item,
.gs6>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su6))
}

.gs6>.flex--item2 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems2>.d-flex,
.gs6.flex__allitems2>.flex--item,
.gs6>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su6))
}

.gs6>.flex--item3 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems3>.d-flex,
.gs6.flex__allitems3>.flex--item,
.gs6>.flex--item3 {
    flex-basis: calc(25% - var(--su6))
}

.gs6>.flex--item4 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems4>.d-flex,
.gs6.flex__allitems4>.flex--item,
.gs6>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su6))
}

.gs6>.flex--item5 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems5>.d-flex,
.gs6.flex__allitems5>.flex--item,
.gs6>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su6))
}

.gs6>.flex--item6 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems6>.d-flex,
.gs6.flex__allitems6>.flex--item,
.gs6>.flex--item6 {
    flex-basis: calc(50% - var(--su6))
}

.gs6>.flex--item7 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems7>.d-flex,
.gs6.flex__allitems7>.flex--item,
.gs6>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su6))
}

.gs6>.flex--item8 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems8>.d-flex,
.gs6.flex__allitems8>.flex--item,
.gs6>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su6))
}

.gs6>.flex--item9 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems9>.d-flex,
.gs6.flex__allitems9>.flex--item,
.gs6>.flex--item9 {
    flex-basis: calc(75% - var(--su6))
}

.gs6>.flex--item10 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems10>.d-flex,
.gs6.flex__allitems10>.flex--item,
.gs6>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su6))
}

.gs6>.flex--item11 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems11>.d-flex,
.gs6.flex__allitems11>.flex--item,
.gs6>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su6))
}

.gs6>.flex--item12 {
    margin: calc(var(--su6)/2)
}

.gs6.flex__allitems12>.d-flex,
.gs6.flex__allitems12>.flex--item,
.gs6>.flex--item12 {
    flex-basis: calc(100% - var(--su6))
}

.gs8 {
    margin: calc(var(--su8)/2*-1)
}

.gs8>.d-flex,
.gs8>.flex--item,
.gs8>.flex--item1 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems1>.d-flex,
.gs8.flex__allitems1>.flex--item,
.gs8>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su8))
}

.gs8>.flex--item2 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems2>.d-flex,
.gs8.flex__allitems2>.flex--item,
.gs8>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su8))
}

.gs8>.flex--item3 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems3>.d-flex,
.gs8.flex__allitems3>.flex--item,
.gs8>.flex--item3 {
    flex-basis: calc(25% - var(--su8))
}

.gs8>.flex--item4 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems4>.d-flex,
.gs8.flex__allitems4>.flex--item,
.gs8>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su8))
}

.gs8>.flex--item5 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems5>.d-flex,
.gs8.flex__allitems5>.flex--item,
.gs8>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su8))
}

.gs8>.flex--item6 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems6>.d-flex,
.gs8.flex__allitems6>.flex--item,
.gs8>.flex--item6 {
    flex-basis: calc(50% - var(--su8))
}

.gs8>.flex--item7 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems7>.d-flex,
.gs8.flex__allitems7>.flex--item,
.gs8>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su8))
}

.gs8>.flex--item8 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems8>.d-flex,
.gs8.flex__allitems8>.flex--item,
.gs8>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su8))
}

.gs8>.flex--item9 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems9>.d-flex,
.gs8.flex__allitems9>.flex--item,
.gs8>.flex--item9 {
    flex-basis: calc(75% - var(--su8))
}

.gs8>.flex--item10 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems10>.d-flex,
.gs8.flex__allitems10>.flex--item,
.gs8>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su8))
}

.gs8>.flex--item11 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems11>.d-flex,
.gs8.flex__allitems11>.flex--item,
.gs8>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su8))
}

.gs8>.flex--item12 {
    margin: calc(var(--su8)/2)
}

.gs8.flex__allitems12>.d-flex,
.gs8.flex__allitems12>.flex--item,
.gs8>.flex--item12 {
    flex-basis: calc(100% - var(--su8))
}

.gs12 {
    margin: calc(var(--su12)/2*-1)
}

.gs12>.d-flex,
.gs12>.flex--item,
.gs12>.flex--item1 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems1>.d-flex,
.gs12.flex__allitems1>.flex--item,
.gs12>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su12))
}

.gs12>.flex--item2 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems2>.d-flex,
.gs12.flex__allitems2>.flex--item,
.gs12>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su12))
}

.gs12>.flex--item3 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems3>.d-flex,
.gs12.flex__allitems3>.flex--item,
.gs12>.flex--item3 {
    flex-basis: calc(25% - var(--su12))
}

.gs12>.flex--item4 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems4>.d-flex,
.gs12.flex__allitems4>.flex--item,
.gs12>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su12))
}

.gs12>.flex--item5 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems5>.d-flex,
.gs12.flex__allitems5>.flex--item,
.gs12>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su12))
}

.gs12>.flex--item6 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems6>.d-flex,
.gs12.flex__allitems6>.flex--item,
.gs12>.flex--item6 {
    flex-basis: calc(50% - var(--su12))
}

.gs12>.flex--item7 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems7>.d-flex,
.gs12.flex__allitems7>.flex--item,
.gs12>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su12))
}

.gs12>.flex--item8 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems8>.d-flex,
.gs12.flex__allitems8>.flex--item,
.gs12>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su12))
}

.gs12>.flex--item9 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems9>.d-flex,
.gs12.flex__allitems9>.flex--item,
.gs12>.flex--item9 {
    flex-basis: calc(75% - var(--su12))
}

.gs12>.flex--item10 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems10>.d-flex,
.gs12.flex__allitems10>.flex--item,
.gs12>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su12))
}

.gs12>.flex--item11 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems11>.d-flex,
.gs12.flex__allitems11>.flex--item,
.gs12>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su12))
}

.gs12>.flex--item12 {
    margin: calc(var(--su12)/2)
}

.gs12.flex__allitems12>.d-flex,
.gs12.flex__allitems12>.flex--item,
.gs12>.flex--item12 {
    flex-basis: calc(100% - var(--su12))
}

.gs16 {
    margin: calc(var(--su16)/2*-1)
}

.gs16>.d-flex,
.gs16>.flex--item,
.gs16>.flex--item1 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems1>.d-flex,
.gs16.flex__allitems1>.flex--item,
.gs16>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su16))
}

.gs16>.flex--item2 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems2>.d-flex,
.gs16.flex__allitems2>.flex--item,
.gs16>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su16))
}

.gs16>.flex--item3 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems3>.d-flex,
.gs16.flex__allitems3>.flex--item,
.gs16>.flex--item3 {
    flex-basis: calc(25% - var(--su16))
}

.gs16>.flex--item4 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems4>.d-flex,
.gs16.flex__allitems4>.flex--item,
.gs16>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su16))
}

.gs16>.flex--item5 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems5>.d-flex,
.gs16.flex__allitems5>.flex--item,
.gs16>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su16))
}

.gs16>.flex--item6 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems6>.d-flex,
.gs16.flex__allitems6>.flex--item,
.gs16>.flex--item6 {
    flex-basis: calc(50% - var(--su16))
}

.gs16>.flex--item7 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems7>.d-flex,
.gs16.flex__allitems7>.flex--item,
.gs16>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su16))
}

.gs16>.flex--item8 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems8>.d-flex,
.gs16.flex__allitems8>.flex--item,
.gs16>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su16))
}

.gs16>.flex--item9 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems9>.d-flex,
.gs16.flex__allitems9>.flex--item,
.gs16>.flex--item9 {
    flex-basis: calc(75% - var(--su16))
}

.gs16>.flex--item10 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems10>.d-flex,
.gs16.flex__allitems10>.flex--item,
.gs16>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su16))
}

.gs16>.flex--item11 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems11>.d-flex,
.gs16.flex__allitems11>.flex--item,
.gs16>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su16))
}

.gs16>.flex--item12 {
    margin: calc(var(--su16)/2)
}

.gs16.flex__allitems12>.d-flex,
.gs16.flex__allitems12>.flex--item,
.gs16>.flex--item12 {
    flex-basis: calc(100% - var(--su16))
}

.gs24 {
    margin: calc(var(--su24)/2*-1)
}

.gs24>.d-flex,
.gs24>.flex--item,
.gs24>.flex--item1 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems1>.d-flex,
.gs24.flex__allitems1>.flex--item,
.gs24>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su24))
}

.gs24>.flex--item2 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems2>.d-flex,
.gs24.flex__allitems2>.flex--item,
.gs24>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su24))
}

.gs24>.flex--item3 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems3>.d-flex,
.gs24.flex__allitems3>.flex--item,
.gs24>.flex--item3 {
    flex-basis: calc(25% - var(--su24))
}

.gs24>.flex--item4 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems4>.d-flex,
.gs24.flex__allitems4>.flex--item,
.gs24>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su24))
}

.gs24>.flex--item5 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems5>.d-flex,
.gs24.flex__allitems5>.flex--item,
.gs24>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su24))
}

.gs24>.flex--item6 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems6>.d-flex,
.gs24.flex__allitems6>.flex--item,
.gs24>.flex--item6 {
    flex-basis: calc(50% - var(--su24))
}

.gs24>.flex--item7 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems7>.d-flex,
.gs24.flex__allitems7>.flex--item,
.gs24>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su24))
}

.gs24>.flex--item8 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems8>.d-flex,
.gs24.flex__allitems8>.flex--item,
.gs24>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su24))
}

.gs24>.flex--item9 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems9>.d-flex,
.gs24.flex__allitems9>.flex--item,
.gs24>.flex--item9 {
    flex-basis: calc(75% - var(--su24))
}

.gs24>.flex--item10 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems10>.d-flex,
.gs24.flex__allitems10>.flex--item,
.gs24>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su24))
}

.gs24>.flex--item11 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems11>.d-flex,
.gs24.flex__allitems11>.flex--item,
.gs24>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su24))
}

.gs24>.flex--item12 {
    margin: calc(var(--su24)/2)
}

.gs24.flex__allitems12>.d-flex,
.gs24.flex__allitems12>.flex--item,
.gs24>.flex--item12 {
    flex-basis: calc(100% - var(--su24))
}

.gs32 {
    margin: calc(var(--su32)/2*-1)
}

.gs32>.d-flex,
.gs32>.flex--item,
.gs32>.flex--item1 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems1>.d-flex,
.gs32.flex__allitems1>.flex--item,
.gs32>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su32))
}

.gs32>.flex--item2 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems2>.d-flex,
.gs32.flex__allitems2>.flex--item,
.gs32>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su32))
}

.gs32>.flex--item3 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems3>.d-flex,
.gs32.flex__allitems3>.flex--item,
.gs32>.flex--item3 {
    flex-basis: calc(25% - var(--su32))
}

.gs32>.flex--item4 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems4>.d-flex,
.gs32.flex__allitems4>.flex--item,
.gs32>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su32))
}

.gs32>.flex--item5 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems5>.d-flex,
.gs32.flex__allitems5>.flex--item,
.gs32>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su32))
}

.gs32>.flex--item6 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems6>.d-flex,
.gs32.flex__allitems6>.flex--item,
.gs32>.flex--item6 {
    flex-basis: calc(50% - var(--su32))
}

.gs32>.flex--item7 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems7>.d-flex,
.gs32.flex__allitems7>.flex--item,
.gs32>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su32))
}

.gs32>.flex--item8 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems8>.d-flex,
.gs32.flex__allitems8>.flex--item,
.gs32>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su32))
}

.gs32>.flex--item9 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems9>.d-flex,
.gs32.flex__allitems9>.flex--item,
.gs32>.flex--item9 {
    flex-basis: calc(75% - var(--su32))
}

.gs32>.flex--item10 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems10>.d-flex,
.gs32.flex__allitems10>.flex--item,
.gs32>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su32))
}

.gs32>.flex--item11 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems11>.d-flex,
.gs32.flex__allitems11>.flex--item,
.gs32>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su32))
}

.gs32>.flex--item12 {
    margin: calc(var(--su32)/2)
}

.gs32.flex__allitems12>.d-flex,
.gs32.flex__allitems12>.flex--item,
.gs32>.flex--item12 {
    flex-basis: calc(100% - var(--su32))
}

.gs48 {
    margin: calc(var(--su48)/2*-1)
}

.gs48>.d-flex,
.gs48>.flex--item,
.gs48>.flex--item1 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems1>.d-flex,
.gs48.flex__allitems1>.flex--item,
.gs48>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su48))
}

.gs48>.flex--item2 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems2>.d-flex,
.gs48.flex__allitems2>.flex--item,
.gs48>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su48))
}

.gs48>.flex--item3 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems3>.d-flex,
.gs48.flex__allitems3>.flex--item,
.gs48>.flex--item3 {
    flex-basis: calc(25% - var(--su48))
}

.gs48>.flex--item4 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems4>.d-flex,
.gs48.flex__allitems4>.flex--item,
.gs48>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su48))
}

.gs48>.flex--item5 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems5>.d-flex,
.gs48.flex__allitems5>.flex--item,
.gs48>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su48))
}

.gs48>.flex--item6 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems6>.d-flex,
.gs48.flex__allitems6>.flex--item,
.gs48>.flex--item6 {
    flex-basis: calc(50% - var(--su48))
}

.gs48>.flex--item7 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems7>.d-flex,
.gs48.flex__allitems7>.flex--item,
.gs48>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su48))
}

.gs48>.flex--item8 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems8>.d-flex,
.gs48.flex__allitems8>.flex--item,
.gs48>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su48))
}

.gs48>.flex--item9 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems9>.d-flex,
.gs48.flex__allitems9>.flex--item,
.gs48>.flex--item9 {
    flex-basis: calc(75% - var(--su48))
}

.gs48>.flex--item10 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems10>.d-flex,
.gs48.flex__allitems10>.flex--item,
.gs48>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su48))
}

.gs48>.flex--item11 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems11>.d-flex,
.gs48.flex__allitems11>.flex--item,
.gs48>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su48))
}

.gs48>.flex--item12 {
    margin: calc(var(--su48)/2)
}

.gs48.flex__allitems12>.d-flex,
.gs48.flex__allitems12>.flex--item,
.gs48>.flex--item12 {
    flex-basis: calc(100% - var(--su48))
}

.gs64 {
    margin: calc(var(--su64)/2*-1)
}

.gs64>.d-flex,
.gs64>.flex--item,
.gs64>.flex--item1 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems1>.d-flex,
.gs64.flex__allitems1>.flex--item,
.gs64>.flex--item1 {
    flex-basis: calc(8.33333% - var(--su64))
}

.gs64>.flex--item2 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems2>.d-flex,
.gs64.flex__allitems2>.flex--item,
.gs64>.flex--item2 {
    flex-basis: calc(16.66667% - var(--su64))
}

.gs64>.flex--item3 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems3>.d-flex,
.gs64.flex__allitems3>.flex--item,
.gs64>.flex--item3 {
    flex-basis: calc(25% - var(--su64))
}

.gs64>.flex--item4 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems4>.d-flex,
.gs64.flex__allitems4>.flex--item,
.gs64>.flex--item4 {
    flex-basis: calc(33.33333% - var(--su64))
}

.gs64>.flex--item5 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems5>.d-flex,
.gs64.flex__allitems5>.flex--item,
.gs64>.flex--item5 {
    flex-basis: calc(41.66667% - var(--su64))
}

.gs64>.flex--item6 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems6>.d-flex,
.gs64.flex__allitems6>.flex--item,
.gs64>.flex--item6 {
    flex-basis: calc(50% - var(--su64))
}

.gs64>.flex--item7 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems7>.d-flex,
.gs64.flex__allitems7>.flex--item,
.gs64>.flex--item7 {
    flex-basis: calc(58.33333% - var(--su64))
}

.gs64>.flex--item8 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems8>.d-flex,
.gs64.flex__allitems8>.flex--item,
.gs64>.flex--item8 {
    flex-basis: calc(66.66667% - var(--su64))
}

.gs64>.flex--item9 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems9>.d-flex,
.gs64.flex__allitems9>.flex--item,
.gs64>.flex--item9 {
    flex-basis: calc(75% - var(--su64))
}

.gs64>.flex--item10 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems10>.d-flex,
.gs64.flex__allitems10>.flex--item,
.gs64>.flex--item10 {
    flex-basis: calc(83.33333% - var(--su64))
}

.gs64>.flex--item11 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems11>.d-flex,
.gs64.flex__allitems11>.flex--item,
.gs64>.flex--item11 {
    flex-basis: calc(91.66667% - var(--su64))
}

.gs64>.flex--item12 {
    margin: calc(var(--su64)/2)
}

.gs64.flex__allitems12>.d-flex,
.gs64.flex__allitems12>.flex--item,
.gs64>.flex--item12 {
    flex-basis: calc(100% - var(--su64))
}

.gsx,
.gsx>.d-flex,
.gsx>[class*=flex--item] {
    margin-bottom: 0;
    margin-top: 0
}

.gsy,
.gsy>.d-flex,
.gsy>[class*=flex--item] {
    margin-left: 0;
    margin-right: 0
}

.fd-row {
    flex-direction: row !important
}

.fd-row-reverse {
    flex-direction: row-reverse !important
}

.fd-column {
    flex-direction: column !important
}

.fd-column-reverse {
    flex-direction: column-reverse !important
}

.fw-wrap {
    flex-wrap: wrap !important
}

.fw-reverse {
    flex-wrap: wrap-reverse !important
}

.fw-nowrap {
    flex-wrap: nowrap !important
}

.jc-center {
    justify-content: center !important
}

.jc-end {
    justify-content: flex-end !important
}

.jc-space-around {
    justify-content: space-around !important
}

.jc-space-between {
    justify-content: space-between !important
}

.jc-space-evenly {
    justify-content: space-evenly !important
}

.jc-start {
    justify-content: flex-start !important
}

.ac-center {
    align-content: center !important
}

.ac-end {
    align-content: flex-end !important
}

.ac-space-around {
    align-content: space-around !important
}

.ac-space-between {
    align-content: space-between !important
}

.ac-start {
    align-content: flex-start !important
}

.ac-stretch {
    align-content: stretch !important
}

.ai-baseline {
    align-items: baseline !important
}

.ai-center {
    align-items: center !important
}

.ai-end {
    align-items: flex-end !important
}

.ai-start {
    align-items: flex-start !important
}

.ai-stretch {
    align-items: stretch !important
}

.flex__center {
    align-items: center !important;
    justify-content: center !important
}

.as-auto {
    align-self: auto !important
}

.as-baseline {
    align-self: baseline !important
}

.as-center {
    align-self: center !important
}

.as-end {
    align-self: flex-end !important
}

.as-start {
    align-self: flex-start !important
}

.as-stretch {
    align-self: stretch !important
}

.fl-grow1 {
    flex-grow: 1 !important
}

.fl-grow0 {
    flex-grow: 0 !important
}

.fl-shrink1 {
    flex-shrink: 1 !important
}

.fl-shrink0 {
    flex-shrink: 0 !important
}

.fl-none {
    flex: none !important
}

.fl-initial {
    flex: 0 1 auto !important
}

.fl-auto {
    flex: 1 1 auto !important
}

.fl-equal {
    flex: 1 1 0% !important
}

.order-first {
    order: -1 !important
}

.order-last {
    order: 1 !important
}

.ff-row-wrap {
    flex-flow: row wrap !important
}

.ff-row-nowrap {
    flex-flow: row nowrap !important
}

.ff-row-reverse-wrap {
    flex-flow: row-reverse wrap !important
}

.ff-row-reverse-nowrap {
    flex-flow: row-reverse nowrap !important
}

.ff-column-wrap {
    flex-flow: column wrap !important
}

.ff-column-nowrap {
    flex-flow: column nowrap !important
}

.ff-column-reverse-wrap {
    flex-flow: column-reverse wrap !important
}

.ff-column-reverse-nowrap {
    flex-flow: column-reverse nowrap !important
}

.fl0 {
    flex: 0 auto !important
}

.fl1 {
    flex: 1 auto !important
}

.fl2 {
    flex: 2 auto !important
}

.fl3 {
    flex: 3 auto !important
}

.fl4 {
    flex: 4 auto !important
}

.fl5 {
    flex: 5 auto !important
}

.fl-shrink2 {
    flex-shrink: 2
}

.fl-shrink3 {
    flex-shrink: 3
}

.fl-shrink4 {
    flex-shrink: 4
}

.fl-shrink5 {
    flex-shrink: 5
}

.fl-grow2 {
    flex-grow: 2
}

.fl-grow3 {
    flex-grow: 3
}

.fl-grow4 {
    flex-grow: 4
}

.fl-grow5 {
    flex-grow: 5
}

.g0 {
    --_gap-y: 0;
    --_gap-x: 0
}

.g1 {
    --_gap-y: var(--su1);
    --_gap-x: var(--su1)
}

.g2 {
    --_gap-y: var(--su2);
    --_gap-x: var(--su2)
}

.g4 {
    --_gap-y: var(--su4);
    --_gap-x: var(--su4)
}

.g6 {
    --_gap-y: var(--su6);
    --_gap-x: var(--su6)
}

.g8 {
    --_gap-y: var(--su8);
    --_gap-x: var(--su8)
}

.g12 {
    --_gap-y: var(--su12);
    --_gap-x: var(--su12)
}

.g16 {
    --_gap-y: var(--su16);
    --_gap-x: var(--su16)
}

.g24 {
    --_gap-y: var(--su24);
    --_gap-x: var(--su24)
}

.g32 {
    --_gap-y: var(--su32);
    --_gap-x: var(--su32)
}

.g48 {
    --_gap-y: var(--su48);
    --_gap-x: var(--su48)
}

.g64 {
    --_gap-y: var(--su64);
    --_gap-x: var(--su64)
}

.gx0 {
    --_gap-x: 0
}

.gx1 {
    --_gap-x: var(--su1)
}

.gx2 {
    --_gap-x: var(--su2)
}

.gx4 {
    --_gap-x: var(--su4)
}

.gx6 {
    --_gap-x: var(--su6)
}

.gx8 {
    --_gap-x: var(--su8)
}

.gx12 {
    --_gap-x: var(--su12)
}

.gx16 {
    --_gap-x: var(--su16)
}

.gx24 {
    --_gap-x: var(--su24)
}

.gx32 {
    --_gap-x: var(--su32)
}

.gx48 {
    --_gap-x: var(--su48)
}

.gx64 {
    --_gap-x: var(--su64)
}

.gy0 {
    --_gap-y: 0
}

.gy1 {
    --_gap-y: var(--su1)
}

.gy2 {
    --_gap-y: var(--su2)
}

.gy4 {
    --_gap-y: var(--su4)
}

.gy6 {
    --_gap-y: var(--su6)
}

.gy8 {
    --_gap-y: var(--su8)
}

.gy12 {
    --_gap-y: var(--su12)
}

.gy16 {
    --_gap-y: var(--su16)
}

.gy24 {
    --_gap-y: var(--su24)
}

.gy32 {
    --_gap-y: var(--su32)
}

.gy48 {
    --_gap-y: var(--su48)
}

.gy64 {
    --_gap-y: var(--su64)
}

.g0,
.g1,
.g12,
.g16,
.g2,
.g24,
.g32,
.g4,
.g48,
.g6,
.g64,
.g8,
.gx0,
.gx1,
.gx12,
.gx16,
.gx2,
.gx24,
.gx32,
.gx4,
.gx48,
.gx6,
.gx64,
.gx8,
.gy0,
.gy1,
.gy12,
.gy16,
.gy2,
.gy24,
.gy32,
.gy4,
.gy48,
.gy6,
.gy64,
.gy8 {
    gap: var(--_gap-y, 0) var(--_gap-x, 0)
}

.g-af-dense {
    grid-auto-flow: dense
}

.g-af-row {
    grid-auto-flow: row
}

.g-af-column {
    grid-auto-flow: column
}

.grid__1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid__2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid__3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid__4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid__5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid__6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid__7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid__8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid__9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.grid__10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid__11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid__12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.grid__auto {
    grid-template-columns: auto 1fr
}

.grid--col-all {
    grid-column: 1/-1
}

.grid--row-all {
    grid-row: 1/-1
}

.grid--col1 {
    grid-column: span 1
}

.grid--col2 {
    grid-column: span 2
}

.grid--col3 {
    grid-column: span 3
}

.grid--col4 {
    grid-column: span 4
}

.grid--col5 {
    grid-column: span 5
}

.grid--col6 {
    grid-column: span 6
}

.grid--col7 {
    grid-column: span 7
}

.grid--col8 {
    grid-column: span 8
}

.grid--col9 {
    grid-column: span 9
}

.grid--col10 {
    grid-column: span 10
}

.grid--col11 {
    grid-column: span 11
}

.grid--col12 {
    grid-column: span 12
}

.grid--row1 {
    grid-row: span 1
}

.grid--row2 {
    grid-row: span 2
}

.grid--row3 {
    grid-row: span 3
}

.grid--row4 {
    grid-row: span 4
}

.grid--row5 {
    grid-row: span 5
}

.grid--row6 {
    grid-row: span 6
}

.grid--row7 {
    grid-row: span 7
}

.grid--row8 {
    grid-row: span 8
}

.grid--row9 {
    grid-row: span 9
}

.grid--row10 {
    grid-row: span 10
}

.grid--row11 {
    grid-row: span 11
}

.grid--row12 {
    grid-row: span 12
}

.grid--col-start1 {
    grid-column-start: 1
}

.grid--col-start2 {
    grid-column-start: 2
}

.grid--col-start3 {
    grid-column-start: 3
}

.grid--col-start4 {
    grid-column-start: 4
}

.grid--col-start5 {
    grid-column-start: 5
}

.grid--col-start6 {
    grid-column-start: 6
}

.grid--col-start7 {
    grid-column-start: 7
}

.grid--col-start8 {
    grid-column-start: 8
}

.grid--col-start9 {
    grid-column-start: 9
}

.grid--col-start10 {
    grid-column-start: 10
}

.grid--col-start11 {
    grid-column-start: 11
}

.grid--col-start12 {
    grid-column-start: 12
}

.grid--col-end2 {
    grid-column-end: 2
}

.grid--col-end3 {
    grid-column-end: 3
}

.grid--col-end4 {
    grid-column-end: 4
}

.grid--col-end5 {
    grid-column-end: 5
}

.grid--col-end6 {
    grid-column-end: 6
}

.grid--col-end7 {
    grid-column-end: 7
}

.grid--col-end8 {
    grid-column-end: 8
}

.grid--col-end9 {
    grid-column-end: 9
}

.grid--col-end10 {
    grid-column-end: 10
}

.grid--col-end11 {
    grid-column-end: 11
}

.grid--col-end12 {
    grid-column-end: 12
}

.grid--col-end13 {
    grid-column-end: 13
}

.grid--row-start1 {
    grid-row-start: 1
}

.grid--row-start2 {
    grid-row-start: 2
}

.grid--row-start3 {
    grid-row-start: 3
}

.grid--row-start4 {
    grid-row-start: 4
}

.grid--row-start5 {
    grid-row-start: 5
}

.grid--row-start6 {
    grid-row-start: 6
}

.grid--row-start7 {
    grid-row-start: 7
}

.grid--row-start8 {
    grid-row-start: 8
}

.grid--row-start9 {
    grid-row-start: 9
}

.grid--row-start10 {
    grid-row-start: 10
}

.grid--row-start11 {
    grid-row-start: 11
}

.grid--row-start12 {
    grid-row-start: 12
}

.grid--row-end2 {
    grid-row-end: 2
}

.grid--row-end3 {
    grid-row-end: 3
}

.grid--row-end4 {
    grid-row-end: 4
}

.grid--row-end5 {
    grid-row-end: 5
}

.grid--row-end6 {
    grid-row-end: 6
}

.grid--row-end7 {
    grid-row-end: 7
}

.grid--row-end8 {
    grid-row-end: 8
}

.grid--row-end9 {
    grid-row-end: 9
}

.grid--row-end10 {
    grid-row-end: 10
}

.grid--row-end11 {
    grid-row-end: 11
}

.grid--row-end12 {
    grid-row-end: 12
}

.grid--row-end13 {
    grid-row-end: 13
}

.ji-auto {
    justify-items: auto !important
}

.ji-center {
    justify-items: center !important
}

.ji-start {
    justify-items: start !important
}

.ji-end {
    justify-items: end !important
}

.ji-stretch {
    justify-items: stretch !important
}

.ji-unset {
    justify-items: unset !important
}

.js-auto {
    justify-self: auto !important
}

.js-center {
    justify-self: center !important
}

.js-start {
    justify-self: start !important
}

.js-end {
    justify-self: end !important
}

.js-stretch {
    justify-self: stretch !important
}

.js-unset {
    justify-self: unset !important
}

body {
    --su-base: 1;
    --su-static0: 0px;
    --su-static1: 1px;
    --su-static2: 2px;
    --su-static4: 4px;
    --su-static6: 6px;
    --su-static8: 8px;
    --su-static12: 12px;
    --su-static16: 16px;
    --su-static24: 24px;
    --su-static32: 32px;
    --su-static48: 48px;
    --su-static64: 64px;
    --su-static96: 96px;
    --su-static128: 128px;
    --su0: var(--su-static0);
    --su1: clamp(var(--su-static1), calc(var(--su-static1)*var(--su-base)), calc(var(--su-static1)*var(--su-base)));
    --su2: calc(var(--su-static2)*var(--su-base));
    --su4: calc(var(--su-static4)*var(--su-base));
    --su6: calc(var(--su-static6)*var(--su-base));
    --su8: calc(var(--su-static8)*var(--su-base));
    --su12: calc(var(--su-static12)*var(--su-base));
    --su16: calc(var(--su-static16)*var(--su-base));
    --su24: calc(var(--su-static24)*var(--su-base));
    --su32: calc(var(--su-static32)*var(--su-base));
    --su48: calc(var(--su-static48)*var(--su-base));
    --su64: calc(var(--su-static64)*var(--su-base));
    --su96: calc(var(--su-static96)*var(--su-base));
    --su128: calc(var(--su-static128)*var(--su-base))
}

.m-auto {
    margin: auto !important
}

.m0 {
    margin: var(--su0) !important
}

.m1 {
    margin: var(--su1) !important
}

.m2 {
    margin: var(--su2) !important
}

.m4 {
    margin: var(--su4) !important
}

.m6 {
    margin: var(--su6) !important
}

.m8 {
    margin: var(--su8) !important
}

.m12 {
    margin: var(--su12) !important
}

.m16 {
    margin: var(--su16) !important
}

.m24 {
    margin: var(--su24) !important
}

.m32 {
    margin: var(--su32) !important
}

.m48 {
    margin: var(--su48) !important
}

.m64 {
    margin: var(--su64) !important
}

.m96 {
    margin: var(--su96) !important
}

.m128 {
    margin: var(--su128) !important
}

.mn1 {
    margin: calc(var(--su1)*-1) !important
}

.mn2 {
    margin: calc(var(--su2)*-1) !important
}

.mn4 {
    margin: calc(var(--su4)*-1) !important
}

.mn6 {
    margin: calc(var(--su6)*-1) !important
}

.mn8 {
    margin: calc(var(--su8)*-1) !important
}

.mn12 {
    margin: calc(var(--su12)*-1) !important
}

.mn16 {
    margin: calc(var(--su16)*-1) !important
}

.mn24 {
    margin: calc(var(--su24)*-1) !important
}

.mn32 {
    margin: calc(var(--su32)*-1) !important
}

.mn48 {
    margin: calc(var(--su48)*-1) !important
}

.mn64 {
    margin: calc(var(--su64)*-1) !important
}

.mn96 {
    margin: calc(var(--su96)*-1) !important
}

.mn128 {
    margin: calc(var(--su128)*-1) !important
}

.m50 {
    margin: 50% !important
}

.m100 {
    margin: 100% !important
}

.mn50 {
    margin: -50% !important
}

.mn100 {
    margin: -100% !important
}

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

.mt0 {
    margin-top: var(--su0) !important
}

.mt1 {
    margin-top: var(--su1) !important
}

.mt2 {
    margin-top: var(--su2) !important
}

.mt4 {
    margin-top: var(--su4) !important
}

.mt6 {
    margin-top: var(--su6) !important
}

.mt8 {
    margin-top: var(--su8) !important
}

.mt12 {
    margin-top: var(--su12) !important
}

.mt16 {
    margin-top: var(--su16) !important
}

.mt24 {
    margin-top: var(--su24) !important
}

.mt32 {
    margin-top: var(--su32) !important
}

.mt48 {
    margin-top: var(--su48) !important
}

.mt64 {
    margin-top: var(--su64) !important
}

.mt96 {
    margin-top: var(--su96) !important
}

.mt128 {
    margin-top: var(--su128) !important
}

.mtn1 {
    margin-top: calc(var(--su1)*-1) !important
}

.mtn2 {
    margin-top: calc(var(--su2)*-1) !important
}

.mtn4 {
    margin-top: calc(var(--su4)*-1) !important
}

.mtn6 {
    margin-top: calc(var(--su6)*-1) !important
}

.mtn8 {
    margin-top: calc(var(--su8)*-1) !important
}

.mtn12 {
    margin-top: calc(var(--su12)*-1) !important
}

.mtn16 {
    margin-top: calc(var(--su16)*-1) !important
}

.mtn24 {
    margin-top: calc(var(--su24)*-1) !important
}

.mtn32 {
    margin-top: calc(var(--su32)*-1) !important
}

.mtn48 {
    margin-top: calc(var(--su48)*-1) !important
}

.mtn64 {
    margin-top: calc(var(--su64)*-1) !important
}

.mtn96 {
    margin-top: calc(var(--su96)*-1) !important
}

.mtn128 {
    margin-top: calc(var(--su128)*-1) !important
}

.mt50 {
    margin-top: 50% !important
}

.mt100 {
    margin-top: 100% !important
}

.mtn50 {
    margin-top: -50% !important
}

.mtn100 {
    margin-top: -100% !important
}

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

.mr0 {
    margin-right: var(--su0) !important
}

.mr1 {
    margin-right: var(--su1) !important
}

.mr2 {
    margin-right: var(--su2) !important
}

.mr4 {
    margin-right: var(--su4) !important
}

.mr6 {
    margin-right: var(--su6) !important
}

.mr8 {
    margin-right: var(--su8) !important
}

.mr12 {
    margin-right: var(--su12) !important
}

.mr16 {
    margin-right: var(--su16) !important
}

.mr24 {
    margin-right: var(--su24) !important
}

.mr32 {
    margin-right: var(--su32) !important
}

.mr48 {
    margin-right: var(--su48) !important
}

.mr64 {
    margin-right: var(--su64) !important
}

.mr96 {
    margin-right: var(--su96) !important
}

.mr128 {
    margin-right: var(--su128) !important
}

.mrn1 {
    margin-right: calc(var(--su1)*-1) !important
}

.mrn2 {
    margin-right: calc(var(--su2)*-1) !important
}

.mrn4 {
    margin-right: calc(var(--su4)*-1) !important
}

.mrn6 {
    margin-right: calc(var(--su6)*-1) !important
}

.mrn8 {
    margin-right: calc(var(--su8)*-1) !important
}

.mrn12 {
    margin-right: calc(var(--su12)*-1) !important
}

.mrn16 {
    margin-right: calc(var(--su16)*-1) !important
}

.mrn24 {
    margin-right: calc(var(--su24)*-1) !important
}

.mrn32 {
    margin-right: calc(var(--su32)*-1) !important
}

.mrn48 {
    margin-right: calc(var(--su48)*-1) !important
}

.mrn64 {
    margin-right: calc(var(--su64)*-1) !important
}

.mrn96 {
    margin-right: calc(var(--su96)*-1) !important
}

.mrn128 {
    margin-right: calc(var(--su128)*-1) !important
}

.mr50 {
    margin-right: 50% !important
}

.mr100 {
    margin-right: 100% !important
}

.mrn50 {
    margin-right: -50% !important
}

.mrn100 {
    margin-right: -100% !important
}

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

.mb0 {
    margin-bottom: var(--su0) !important
}

.mb1 {
    margin-bottom: var(--su1) !important
}

.mb2 {
    margin-bottom: var(--su2) !important
}

.mb4 {
    margin-bottom: var(--su4) !important
}

.mb6 {
    margin-bottom: var(--su6) !important
}

.mb8 {
    margin-bottom: var(--su8) !important
}

.mb12 {
    margin-bottom: var(--su12) !important
}

.mb16 {
    margin-bottom: var(--su16) !important
}

.mb24 {
    margin-bottom: var(--su24) !important
}

.mb32 {
    margin-bottom: var(--su32) !important
}

.mb48 {
    margin-bottom: var(--su48) !important
}

.mb64 {
    margin-bottom: var(--su64) !important
}

.mb96 {
    margin-bottom: var(--su96) !important
}

.mb128 {
    margin-bottom: var(--su128) !important
}

.mbn1 {
    margin-bottom: calc(var(--su1)*-1) !important
}

.mbn2 {
    margin-bottom: calc(var(--su2)*-1) !important
}

.mbn4 {
    margin-bottom: calc(var(--su4)*-1) !important
}

.mbn6 {
    margin-bottom: calc(var(--su6)*-1) !important
}

.mbn8 {
    margin-bottom: calc(var(--su8)*-1) !important
}

.mbn12 {
    margin-bottom: calc(var(--su12)*-1) !important
}

.mbn16 {
    margin-bottom: calc(var(--su16)*-1) !important
}

.mbn24 {
    margin-bottom: calc(var(--su24)*-1) !important
}

.mbn32 {
    margin-bottom: calc(var(--su32)*-1) !important
}

.mbn48 {
    margin-bottom: calc(var(--su48)*-1) !important
}

.mbn64 {
    margin-bottom: calc(var(--su64)*-1) !important
}

.mbn96 {
    margin-bottom: calc(var(--su96)*-1) !important
}

.mbn128 {
    margin-bottom: calc(var(--su128)*-1) !important
}

.mb50 {
    margin-bottom: 50% !important
}

.mb100 {
    margin-bottom: 100% !important
}

.mbn50 {
    margin-bottom: -50% !important
}

.mbn100 {
    margin-bottom: -100% !important
}

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

.ml0 {
    margin-left: var(--su0) !important
}

.ml1 {
    margin-left: var(--su1) !important
}

.ml2 {
    margin-left: var(--su2) !important
}

.ml4 {
    margin-left: var(--su4) !important
}

.ml6 {
    margin-left: var(--su6) !important
}

.ml8 {
    margin-left: var(--su8) !important
}

.ml12 {
    margin-left: var(--su12) !important
}

.ml16 {
    margin-left: var(--su16) !important
}

.ml24 {
    margin-left: var(--su24) !important
}

.ml32 {
    margin-left: var(--su32) !important
}

.ml48 {
    margin-left: var(--su48) !important
}

.ml64 {
    margin-left: var(--su64) !important
}

.ml96 {
    margin-left: var(--su96) !important
}

.ml128 {
    margin-left: var(--su128) !important
}

.mln1 {
    margin-left: calc(var(--su1)*-1) !important
}

.mln2 {
    margin-left: calc(var(--su2)*-1) !important
}

.mln4 {
    margin-left: calc(var(--su4)*-1) !important
}

.mln6 {
    margin-left: calc(var(--su6)*-1) !important
}

.mln8 {
    margin-left: calc(var(--su8)*-1) !important
}

.mln12 {
    margin-left: calc(var(--su12)*-1) !important
}

.mln16 {
    margin-left: calc(var(--su16)*-1) !important
}

.mln24 {
    margin-left: calc(var(--su24)*-1) !important
}

.mln32 {
    margin-left: calc(var(--su32)*-1) !important
}

.mln48 {
    margin-left: calc(var(--su48)*-1) !important
}

.mln64 {
    margin-left: calc(var(--su64)*-1) !important
}

.mln96 {
    margin-left: calc(var(--su96)*-1) !important
}

.mln128 {
    margin-left: calc(var(--su128)*-1) !important
}

.ml50 {
    margin-left: 50% !important
}

.ml100 {
    margin-left: 100% !important
}

.mln50 {
    margin-left: -50% !important
}

.mln100 {
    margin-left: -100% !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.mx0 {
    margin-left: var(--su0) !important;
    margin-right: var(--su0) !important
}

.mx1 {
    margin-left: var(--su1) !important;
    margin-right: var(--su1) !important
}

.mx2 {
    margin-left: var(--su2) !important;
    margin-right: var(--su2) !important
}

.mx4 {
    margin-left: var(--su4) !important;
    margin-right: var(--su4) !important
}

.mx6 {
    margin-left: var(--su6) !important;
    margin-right: var(--su6) !important
}

.mx8 {
    margin-left: var(--su8) !important;
    margin-right: var(--su8) !important
}

.mx12 {
    margin-left: var(--su12) !important;
    margin-right: var(--su12) !important
}

.mx16 {
    margin-left: var(--su16) !important;
    margin-right: var(--su16) !important
}

.mx24 {
    margin-left: var(--su24) !important;
    margin-right: var(--su24) !important
}

.mx32 {
    margin-left: var(--su32) !important;
    margin-right: var(--su32) !important
}

.mx48 {
    margin-left: var(--su48) !important;
    margin-right: var(--su48) !important
}

.mx64 {
    margin-left: var(--su64) !important;
    margin-right: var(--su64) !important
}

.mx96 {
    margin-left: var(--su96) !important;
    margin-right: var(--su96) !important
}

.mx128 {
    margin-left: var(--su128) !important;
    margin-right: var(--su128) !important
}

.mxn1 {
    margin-left: calc(var(--su1)*-1) !important;
    margin-right: calc(var(--su1)*-1) !important
}

.mxn2 {
    margin-left: calc(var(--su2)*-1) !important;
    margin-right: calc(var(--su2)*-1) !important
}

.mxn4 {
    margin-left: calc(var(--su4)*-1) !important;
    margin-right: calc(var(--su4)*-1) !important
}

.mxn6 {
    margin-left: calc(var(--su6)*-1) !important;
    margin-right: calc(var(--su6)*-1) !important
}

.mxn8 {
    margin-left: calc(var(--su8)*-1) !important;
    margin-right: calc(var(--su8)*-1) !important
}

.mxn12 {
    margin-left: calc(var(--su12)*-1) !important;
    margin-right: calc(var(--su12)*-1) !important
}

.mxn16 {
    margin-left: calc(var(--su16)*-1) !important;
    margin-right: calc(var(--su16)*-1) !important
}

.mxn24 {
    margin-left: calc(var(--su24)*-1) !important;
    margin-right: calc(var(--su24)*-1) !important
}

.mxn32 {
    margin-left: calc(var(--su32)*-1) !important;
    margin-right: calc(var(--su32)*-1) !important
}

.mxn48 {
    margin-left: calc(var(--su48)*-1) !important;
    margin-right: calc(var(--su48)*-1) !important
}

.mxn64 {
    margin-left: calc(var(--su64)*-1) !important;
    margin-right: calc(var(--su64)*-1) !important
}

.mxn96 {
    margin-left: calc(var(--su96)*-1) !important;
    margin-right: calc(var(--su96)*-1) !important
}

.mxn128 {
    margin-left: calc(var(--su128)*-1) !important;
    margin-right: calc(var(--su128)*-1) !important
}

.my0 {
    margin-bottom: var(--su0) !important;
    margin-top: var(--su0) !important
}

.my1 {
    margin-bottom: var(--su1) !important;
    margin-top: var(--su1) !important
}

.my2 {
    margin-bottom: var(--su2) !important;
    margin-top: var(--su2) !important
}

.my4 {
    margin-bottom: var(--su4) !important;
    margin-top: var(--su4) !important
}

.my6 {
    margin-bottom: var(--su6) !important;
    margin-top: var(--su6) !important
}

.my8 {
    margin-bottom: var(--su8) !important;
    margin-top: var(--su8) !important
}

.my12 {
    margin-bottom: var(--su12) !important;
    margin-top: var(--su12) !important
}

.my16 {
    margin-bottom: var(--su16) !important;
    margin-top: var(--su16) !important
}

.my24 {
    margin-bottom: var(--su24) !important;
    margin-top: var(--su24) !important
}

.my32 {
    margin-bottom: var(--su32) !important;
    margin-top: var(--su32) !important
}

.my48 {
    margin-bottom: var(--su48) !important;
    margin-top: var(--su48) !important
}

.my64 {
    margin-bottom: var(--su64) !important;
    margin-top: var(--su64) !important
}

.my96 {
    margin-bottom: var(--su96) !important;
    margin-top: var(--su96) !important
}

.my128 {
    margin-bottom: var(--su128) !important;
    margin-top: var(--su128) !important
}

.myn1 {
    margin-bottom: calc(var(--su1)*-1) !important;
    margin-top: calc(var(--su1)*-1) !important
}

.myn2 {
    margin-bottom: calc(var(--su2)*-1) !important;
    margin-top: calc(var(--su2)*-1) !important
}

.myn4 {
    margin-bottom: calc(var(--su4)*-1) !important;
    margin-top: calc(var(--su4)*-1) !important
}

.myn6 {
    margin-bottom: calc(var(--su6)*-1) !important;
    margin-top: calc(var(--su6)*-1) !important
}

.myn8 {
    margin-bottom: calc(var(--su8)*-1) !important;
    margin-top: calc(var(--su8)*-1) !important
}

.myn12 {
    margin-bottom: calc(var(--su12)*-1) !important;
    margin-top: calc(var(--su12)*-1) !important
}

.myn16 {
    margin-bottom: calc(var(--su16)*-1) !important;
    margin-top: calc(var(--su16)*-1) !important
}

.myn24 {
    margin-bottom: calc(var(--su24)*-1) !important;
    margin-top: calc(var(--su24)*-1) !important
}

.myn32 {
    margin-bottom: calc(var(--su32)*-1) !important;
    margin-top: calc(var(--su32)*-1) !important
}

.myn48 {
    margin-bottom: calc(var(--su48)*-1) !important;
    margin-top: calc(var(--su48)*-1) !important
}

.myn64 {
    margin-bottom: calc(var(--su64)*-1) !important;
    margin-top: calc(var(--su64)*-1) !important
}

.myn96 {
    margin-bottom: calc(var(--su96)*-1) !important;
    margin-top: calc(var(--su96)*-1) !important
}

.myn128 {
    margin-bottom: calc(var(--su128)*-1) !important;
    margin-top: calc(var(--su128)*-1) !important
}

.p0 {
    padding: var(--su0) !important
}

.p1 {
    padding: var(--su1) !important
}

.p2 {
    padding: var(--su2) !important
}

.p4 {
    padding: var(--su4) !important
}

.p6 {
    padding: var(--su6) !important
}

.p8 {
    padding: var(--su8) !important
}

.p12 {
    padding: var(--su12) !important
}

.p16 {
    padding: var(--su16) !important
}

.p24 {
    padding: var(--su24) !important
}

.p32 {
    padding: var(--su32) !important
}

.p48 {
    padding: var(--su48) !important
}

.p64 {
    padding: var(--su64) !important
}

.p96 {
    padding: var(--su96) !important
}

.p128 {
    padding: var(--su128) !important
}

.pt0 {
    padding-top: var(--su0) !important
}

.pt1 {
    padding-top: var(--su1) !important
}

.pt2 {
    padding-top: var(--su2) !important
}

.pt4 {
    padding-top: var(--su4) !important
}

.pt6 {
    padding-top: var(--su6) !important
}

.pt8 {
    padding-top: var(--su8) !important
}

.pt12 {
    padding-top: var(--su12) !important
}

.pt16 {
    padding-top: var(--su16) !important
}

.pt24 {
    padding-top: var(--su24) !important
}

.pt32 {
    padding-top: var(--su32) !important
}

.pt48 {
    padding-top: var(--su48) !important
}

.pt64 {
    padding-top: var(--su64) !important
}

.pt96 {
    padding-top: var(--su96) !important
}

.pt128 {
    padding-top: var(--su128) !important
}

.pr0 {
    padding-right: var(--su0) !important
}

.pr1 {
    padding-right: var(--su1) !important
}

.pr2 {
    padding-right: var(--su2) !important
}

.pr4 {
    padding-right: var(--su4) !important
}

.pr6 {
    padding-right: var(--su6) !important
}

.pr8 {
    padding-right: var(--su8) !important
}

.pr12 {
    padding-right: var(--su12) !important
}

.pr16 {
    padding-right: var(--su16) !important
}

.pr24 {
    padding-right: var(--su24) !important
}

.pr32 {
    padding-right: var(--su32) !important
}

.pr48 {
    padding-right: var(--su48) !important
}

.pr64 {
    padding-right: var(--su64) !important
}

.pr96 {
    padding-right: var(--su96) !important
}

.pr128 {
    padding-right: var(--su128) !important
}

.pb0 {
    padding-bottom: var(--su0) !important
}

.pb1 {
    padding-bottom: var(--su1) !important
}

.pb2 {
    padding-bottom: var(--su2) !important
}

.pb4 {
    padding-bottom: var(--su4) !important
}

.pb6 {
    padding-bottom: var(--su6) !important
}

.pb8 {
    padding-bottom: var(--su8) !important
}

.pb12 {
    padding-bottom: var(--su12) !important
}

.pb16 {
    padding-bottom: var(--su16) !important
}

.pb24 {
    padding-bottom: var(--su24) !important
}

.pb32 {
    padding-bottom: var(--su32) !important
}

.pb48 {
    padding-bottom: var(--su48) !important
}

.pb64 {
    padding-bottom: var(--su64) !important
}

.pb96 {
    padding-bottom: var(--su96) !important
}

.pb128 {
    padding-bottom: var(--su128) !important
}

.pl0 {
    padding-left: var(--su0) !important
}

.pl1 {
    padding-left: var(--su1) !important
}

.pl2 {
    padding-left: var(--su2) !important
}

.pl4 {
    padding-left: var(--su4) !important
}

.pl6 {
    padding-left: var(--su6) !important
}

.pl8 {
    padding-left: var(--su8) !important
}

.pl12 {
    padding-left: var(--su12) !important
}

.pl16 {
    padding-left: var(--su16) !important
}

.pl24 {
    padding-left: var(--su24) !important
}

.pl32 {
    padding-left: var(--su32) !important
}

.pl48 {
    padding-left: var(--su48) !important
}

.pl64 {
    padding-left: var(--su64) !important
}

.pl96 {
    padding-left: var(--su96) !important
}

.pl128 {
    padding-left: var(--su128) !important
}

.px0 {
    padding-left: var(--su0) !important;
    padding-right: var(--su0) !important
}

.px1 {
    padding-left: var(--su1) !important;
    padding-right: var(--su1) !important
}

.px2 {
    padding-left: var(--su2) !important;
    padding-right: var(--su2) !important
}

.px4 {
    padding-left: var(--su4) !important;
    padding-right: var(--su4) !important
}

.px6 {
    padding-left: var(--su6) !important;
    padding-right: var(--su6) !important
}

.px8 {
    padding-left: var(--su8) !important;
    padding-right: var(--su8) !important
}

.px12 {
    padding-left: var(--su12) !important;
    padding-right: var(--su12) !important
}

.px16 {
    padding-left: var(--su16) !important;
    padding-right: var(--su16) !important
}

.px24 {
    padding-left: var(--su24) !important;
    padding-right: var(--su24) !important
}

.px32 {
    padding-left: var(--su32) !important;
    padding-right: var(--su32) !important
}

.px48 {
    padding-left: var(--su48) !important;
    padding-right: var(--su48) !important
}

.px64 {
    padding-left: var(--su64) !important;
    padding-right: var(--su64) !important
}

.px96 {
    padding-left: var(--su96) !important;
    padding-right: var(--su96) !important
}

.px128 {
    padding-left: var(--su128) !important;
    padding-right: var(--su128) !important
}

.py0 {
    padding-bottom: var(--su0) !important;
    padding-top: var(--su0) !important
}

.py1 {
    padding-bottom: var(--su1) !important;
    padding-top: var(--su1) !important
}

.py2 {
    padding-bottom: var(--su2) !important;
    padding-top: var(--su2) !important
}

.py4 {
    padding-bottom: var(--su4) !important;
    padding-top: var(--su4) !important
}

.py6 {
    padding-bottom: var(--su6) !important;
    padding-top: var(--su6) !important
}

.py8 {
    padding-bottom: var(--su8) !important;
    padding-top: var(--su8) !important
}

.py12 {
    padding-bottom: var(--su12) !important;
    padding-top: var(--su12) !important
}

.py16 {
    padding-bottom: var(--su16) !important;
    padding-top: var(--su16) !important
}

.py24 {
    padding-bottom: var(--su24) !important;
    padding-top: var(--su24) !important
}

.py32 {
    padding-bottom: var(--su32) !important;
    padding-top: var(--su32) !important
}

.py48 {
    padding-bottom: var(--su48) !important;
    padding-top: var(--su48) !important
}

.py64 {
    padding-bottom: var(--su64) !important;
    padding-top: var(--su64) !important
}

.py96 {
    padding-bottom: var(--su96) !important;
    padding-top: var(--su96) !important
}

.py128 {
    padding-bottom: var(--su128) !important;
    padding-top: var(--su128) !important
}

.i0 {
    inset: var(--su0) !important
}

.i1 {
    inset: var(--su1) !important
}

.i2 {
    inset: var(--su2) !important
}

.i4 {
    inset: var(--su4) !important
}

.i6 {
    inset: var(--su6) !important
}

.i8 {
    inset: var(--su8) !important
}

.i12 {
    inset: var(--su12) !important
}

.i16 {
    inset: var(--su16) !important
}

.i24 {
    inset: var(--su24) !important
}

.i32 {
    inset: var(--su32) !important
}

.i48 {
    inset: var(--su48) !important
}

.i64 {
    inset: var(--su64) !important
}

.i96 {
    inset: var(--su96) !important
}

.i128 {
    inset: var(--su128) !important
}

.t0 {
    top: var(--su0) !important
}

.t1 {
    top: var(--su1) !important
}

.t2 {
    top: var(--su2) !important
}

.t4 {
    top: var(--su4) !important
}

.t6 {
    top: var(--su6) !important
}

.t8 {
    top: var(--su8) !important
}

.t12 {
    top: var(--su12) !important
}

.t16 {
    top: var(--su16) !important
}

.t24 {
    top: var(--su24) !important
}

.t32 {
    top: var(--su32) !important
}

.t48 {
    top: var(--su48) !important
}

.t64 {
    top: var(--su64) !important
}

.t96 {
    top: var(--su96) !important
}

.t128 {
    top: var(--su128) !important
}

.tn1 {
    top: calc(var(--su1)*-1) !important
}

.tn2 {
    top: calc(var(--su2)*-1) !important
}

.tn4 {
    top: calc(var(--su4)*-1) !important
}

.tn6 {
    top: calc(var(--su6)*-1) !important
}

.tn8 {
    top: calc(var(--su8)*-1) !important
}

.tn12 {
    top: calc(var(--su12)*-1) !important
}

.tn16 {
    top: calc(var(--su16)*-1) !important
}

.tn24 {
    top: calc(var(--su24)*-1) !important
}

.tn32 {
    top: calc(var(--su32)*-1) !important
}

.tn48 {
    top: calc(var(--su48)*-1) !important
}

.tn64 {
    top: calc(var(--su64)*-1) !important
}

.tn96 {
    top: calc(var(--su96)*-1) !important
}

.tn128 {
    top: calc(var(--su128)*-1) !important
}

.t50 {
    top: 50% !important
}

.t100 {
    top: 100% !important
}

.tn50 {
    top: -50% !important
}

.tn100 {
    top: -100% !important
}

.r0 {
    right: var(--su0) !important
}

.r1 {
    right: var(--su1) !important
}

.r2 {
    right: var(--su2) !important
}

.r4 {
    right: var(--su4) !important
}

.r6 {
    right: var(--su6) !important
}

.r8 {
    right: var(--su8) !important
}

.r12 {
    right: var(--su12) !important
}

.r16 {
    right: var(--su16) !important
}

.r24 {
    right: var(--su24) !important
}

.r32 {
    right: var(--su32) !important
}

.r48 {
    right: var(--su48) !important
}

.r64 {
    right: var(--su64) !important
}

.r96 {
    right: var(--su96) !important
}

.r128 {
    right: var(--su128) !important
}

.rn1 {
    right: calc(var(--su1)*-1) !important
}

.rn2 {
    right: calc(var(--su2)*-1) !important
}

.rn4 {
    right: calc(var(--su4)*-1) !important
}

.rn6 {
    right: calc(var(--su6)*-1) !important
}

.rn8 {
    right: calc(var(--su8)*-1) !important
}

.rn12 {
    right: calc(var(--su12)*-1) !important
}

.rn16 {
    right: calc(var(--su16)*-1) !important
}

.rn24 {
    right: calc(var(--su24)*-1) !important
}

.rn32 {
    right: calc(var(--su32)*-1) !important
}

.rn48 {
    right: calc(var(--su48)*-1) !important
}

.rn64 {
    right: calc(var(--su64)*-1) !important
}

.rn96 {
    right: calc(var(--su96)*-1) !important
}

.rn128 {
    right: calc(var(--su128)*-1) !important
}

.r50 {
    right: 50% !important
}

.r100 {
    right: 100% !important
}

.rn50 {
    right: -50% !important
}

.rn100 {
    right: -100% !important
}

.b0 {
    bottom: var(--su0) !important
}

.b1 {
    bottom: var(--su1) !important
}

.b2 {
    bottom: var(--su2) !important
}

.b4 {
    bottom: var(--su4) !important
}

.b6 {
    bottom: var(--su6) !important
}

.b8 {
    bottom: var(--su8) !important
}

.b12 {
    bottom: var(--su12) !important
}

.b16 {
    bottom: var(--su16) !important
}

.b24 {
    bottom: var(--su24) !important
}

.b32 {
    bottom: var(--su32) !important
}

.b48 {
    bottom: var(--su48) !important
}

.b64 {
    bottom: var(--su64) !important
}

.b96 {
    bottom: var(--su96) !important
}

.b128 {
    bottom: var(--su128) !important
}

.bn1 {
    bottom: calc(var(--su1)*-1) !important
}

.bn2 {
    bottom: calc(var(--su2)*-1) !important
}

.bn4 {
    bottom: calc(var(--su4)*-1) !important
}

.bn6 {
    bottom: calc(var(--su6)*-1) !important
}

.bn8 {
    bottom: calc(var(--su8)*-1) !important
}

.bn12 {
    bottom: calc(var(--su12)*-1) !important
}

.bn16 {
    bottom: calc(var(--su16)*-1) !important
}

.bn24 {
    bottom: calc(var(--su24)*-1) !important
}

.bn32 {
    bottom: calc(var(--su32)*-1) !important
}

.bn48 {
    bottom: calc(var(--su48)*-1) !important
}

.bn64 {
    bottom: calc(var(--su64)*-1) !important
}

.bn96 {
    bottom: calc(var(--su96)*-1) !important
}

.bn128 {
    bottom: calc(var(--su128)*-1) !important
}

.b50 {
    bottom: 50% !important
}

.b100 {
    bottom: 100% !important
}

.bn50 {
    bottom: -50% !important
}

.bn100 {
    bottom: -100% !important
}

.l0 {
    left: var(--su0) !important
}

.l1 {
    left: var(--su1) !important
}

.l2 {
    left: var(--su2) !important
}

.l4 {
    left: var(--su4) !important
}

.l6 {
    left: var(--su6) !important
}

.l8 {
    left: var(--su8) !important
}

.l12 {
    left: var(--su12) !important
}

.l16 {
    left: var(--su16) !important
}

.l24 {
    left: var(--su24) !important
}

.l32 {
    left: var(--su32) !important
}

.l48 {
    left: var(--su48) !important
}

.l64 {
    left: var(--su64) !important
}

.l96 {
    left: var(--su96) !important
}

.l128 {
    left: var(--su128) !important
}

.ln1 {
    left: calc(var(--su1)*-1) !important
}

.ln2 {
    left: calc(var(--su2)*-1) !important
}

.ln4 {
    left: calc(var(--su4)*-1) !important
}

.ln6 {
    left: calc(var(--su6)*-1) !important
}

.ln8 {
    left: calc(var(--su8)*-1) !important
}

.ln12 {
    left: calc(var(--su12)*-1) !important
}

.ln16 {
    left: calc(var(--su16)*-1) !important
}

.ln24 {
    left: calc(var(--su24)*-1) !important
}

.ln32 {
    left: calc(var(--su32)*-1) !important
}

.ln48 {
    left: calc(var(--su48)*-1) !important
}

.ln64 {
    left: calc(var(--su64)*-1) !important
}

.ln96 {
    left: calc(var(--su96)*-1) !important
}

.ln128 {
    left: calc(var(--su128)*-1) !important
}

.l50 {
    left: 50% !important
}

.l100 {
    left: 100% !important
}

.ln50 {
    left: -50% !important
}

.ln100 {
    left: -100% !important
}

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

.fs-display4 {
    font-size: var(--fs-display4) !important
}

.fs-display3 {
    font-size: var(--fs-display3) !important
}

.fs-display2 {
    font-size: var(--fs-display2) !important
}

.fs-display1 {
    font-size: var(--fs-display1) !important
}

.fs-headline2 {
    font-size: var(--fs-headline2) !important
}

.fs-headline1 {
    font-size: var(--fs-headline1) !important
}

.fs-title {
    font-size: var(--fs-title) !important
}

.fs-subheading {
    font-size: var(--fs-subheading) !important
}

.fs-body3 {
    font-size: var(--fs-body3) !important
}

.fs-body2 {
    font-size: var(--fs-body2) !important
}

.fs-body1 {
    font-size: var(--fs-body1) !important
}

.fs-caption,
.fs-category {
    font-size: var(--fs-caption) !important
}

.fs-fine {
    font-size: var(--fs-fine) !important
}

@media (max-width:640px) {
    html .fs-display4 {
        font-size: 3.8rem !important
    }

    html .fs-display3 {
        font-size: 3.3rem !important
    }

    html .fs-display2 {
        font-size: 3rem !important
    }

    html .fs-display1 {
        font-size: 2.6rem !important
    }

    html .fs-headline2 {
        font-size: 2.3rem !important
    }

    html .fs-headline1 {
        font-size: 2rem !important
    }

    html .fs-title {
        font-size: 1.8rem !important
    }

    html .fs-subheading {
        font-size: 1.6rem !important
    }

    html .fs-body3 {
        font-size: 1.4rem !important
    }

    html .fs-body2 {
        font-size: 1.3rem !important
    }
}

.fs-category {
    font-weight: 700;
    text-transform: uppercase
}

.fs-category.has-border {
    border-top: var(--su-static1) solid var(--bc-medium);
    padding: var(--su4) 0;
    width: 100%
}

.lh-xs {
    line-height: var(--lh-xs) !important
}

.lh-sm {
    line-height: var(--lh-sm) !important
}

.lh-md {
    line-height: var(--lh-md) !important
}

.lh-lg {
    line-height: var(--lh-lg) !important
}

.lh-xl {
    line-height: var(--lh-xl) !important
}

.lh-xxl {
    line-height: var(--lh-xxl) !important
}

.lh-unset {
    line-height: normal !important
}

.ff-sans {
    font-family: var(--ff-sans) !important
}

.ff-serif {
    font-family: var(--ff-serif) !important
}

.ff-mono {
    font-family: var(--ff-mono) !important
}

.ff-inherit {
    font-family: inherit !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fs-normal {
    font-style: normal !important
}

.fs-italic {
    font-style: italic !important
}

.fs-unset {
    font-style: unset !important
}

.ta-left {
    text-align: left !important
}

.ta-center {
    text-align: center !important
}

.ta-right {
    text-align: right !important
}

.ta-justify {
    text-align: justify !important
}

.ta-unset {
    text-align: unset !important
}

.td-none {
    text-decoration: none !important
}

.td-underline {
    text-decoration: underline !important
}

.tt-capitalize {
    text-transform: capitalize !important
}

.tt-lowercase {
    text-transform: lowercase !important
}

.tt-uppercase {
    text-transform: uppercase !important
}

.tt-none {
    text-transform: none !important
}

.tt-unset {
    text-transform: unset !important
}

.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap
}

.v-truncate1 {
    -webkit-line-clamp: 1
}

.v-truncate1,
.v-truncate2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.v-truncate2 {
    -webkit-line-clamp: 2
}

.v-truncate3 {
    -webkit-line-clamp: 3
}

.v-truncate3,
.v-truncate4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.v-truncate4 {
    -webkit-line-clamp: 4
}

.v-truncate5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.v-truncate-fade {
    -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*9em), #0000);
    mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*9em), #0000);
    max-height: calc(var(--lh-md)*12em);
    overflow: hidden
}

.v-truncate-fade.v-truncate-fade__sm {
    -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*3em), #0000);
    mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*3em), #0000);
    max-height: calc(var(--lh-md)*6em)
}

.v-truncate-fade.v-truncate-fade__lg {
    -webkit-mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*21em), #0000);
    mask-image: linear-gradient(180deg, #000 calc(var(--lh-md)*21em), #0000);
    max-height: calc(var(--lh-md)*24em)
}

.ws-normal {
    white-space: normal !important
}

.ws-nowrap {
    white-space: nowrap !important
}

.ws-pre {
    white-space: pre !important
}

.ws-pre-wrap {
    white-space: pre-wrap !important
}

.ws-pre-line {
    white-space: pre-line !important
}

.ws-unset {
    white-space: unset !important
}

.wb-normal {
    word-break: normal !important
}

.wb-break-all {
    word-break: break-all !important
}

.wb-keep-all {
    word-break: keep-all !important
}

.wb-inherit {
    word-break: inherit !important
}

.wb-initial {
    word-break: normal !important
}

.wb-unset {
    word-break: unset !important
}

.ow-normal {
    overflow-wrap: normal !important
}

.ow-anywhere {
    overflow-wrap: anywhere !important
}

.ow-break-word {
    overflow-wrap: break-word !important
}

.ow-inherit {
    overflow-wrap: inherit !important
}

.ow-initial {
    overflow-wrap: normal !important
}

.ow-unset {
    overflow-wrap: unset !important
}

.hyphens-none {
    hyphens: none !important
}

.hyphens-auto {
    -ms-hyphens: auto !important;
    -webkit-hyphens: auto !important;
    hyphens: auto !important
}

.hyphens-unset {
    hyphens: unset !important
}

.break-word {
    -webkit-hyphens: auto !important;
    -moz-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important
}

ol,
ul {
    margin-left: 2.8em;
    padding: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

.list-reset {
    list-style: none;
    margin: 0;
    padding: 0
}

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

.list-ls-disc {
    list-style-type: disc !important
}

.list-ls-decimal {
    list-style-type: decimal !important
}

.list-ls-unset {
    list-style-type: unset !important
}

.list-inside {
    list-style-position: inside !important
}

.list-outside {
    list-style-position: outside !important
}

.d-block {
    display: block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-grid {
    display: grid !important
}

.d-inline-grid {
    display: inline-grid !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-table {
    display: table !important
}

.d-table-cell {
    display: table-cell !important
}

.d-none {
    display: none !important
}

.d-unset {
    display: unset !important
}

.bg-bottom {
    background-position: bottom !important
}

.bg-center {
    background-position: 50% !important
}

.bg-left {
    background-position: 0 !important
}

.bg-left-bottom {
    background-position: 0 100% !important
}

.bg-left-top {
    background-position: 0 0 !important
}

.bg-right {
    background-position: 100% !important
}

.bg-right-bottom {
    background-position: 100% 100% !important
}

.bg-right-top {
    background-position: 100% 0 !important
}

.bg-top {
    background-position: top !important
}

.bg-repeat {
    background-repeat: repeat !important
}

.bg-no-repeat {
    background-repeat: no-repeat !important
}

.bg-repeat-x {
    background-repeat: repeat-x !important
}

.bg-repeat-y {
    background-repeat: repeat-y !important
}

.bg-auto {
    background-size: auto !important
}

.bg-cover {
    background-size: cover !important
}

.bg-contain {
    background-size: contain !important
}

.bg-fixed {
    background-attachment: fixed !important
}

.bg-local {
    background-attachment: local !important
}

.bg-scroll {
    background-attachment: scroll !important
}

.bg-image-none {
    background-image: none !important
}

.bg-confetti-animated {
    background-image: url("data:image/svg+xml;,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='-10' width='6' height='10'/%3E%3Crect x='84' y='-10' width='6' height='10'/%3E%3Crect x='126' y='-13' width='5' height='13'/%3E%3Crect x='168' y='-13' width='5' height='13'/%3E%3Crect x='210' y='-10' width='6' height='10'/%3E%3Crect x='252' y='-13' width='5' height='13'/%3E%3Crect x='294' y='-10' width='6' height='10'/%3E%3Crect x='336' y='-13' width='5' height='13'/%3E%3Crect x='378' y='-13' width='5' height='13'/%3E%3Crect x='420' y='-10' width='6' height='10'/%3E%3Crect x='462' y='-10' width='6' height='10'/%3E%3Crect x='504' y='-13' width='5' height='13'/%3E%3Crect x='546' y='-10' width='6' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 631ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 442ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 476ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 619ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E%0A");
    background-position: top -10px center;
    background-repeat: repeat-x
}

@media (prefers-reduced-motion) {
    .bg-confetti-animated {
        background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E")
    }
}

.bg-confetti-static {
    background-image: url("data:image/svg+xml;,%3Csvg width='574' height='60' viewBox='0 0 574 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect opacity='0.8' x='27.1224' y='20.0458' width='5' height='13' transform='rotate(-139 27.1224 20.0458)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='118.478' y='7.00201' width='5' height='13' transform='rotate(-38.8114 118.478 7.00201)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='504.616' y='25.4479' width='5' height='13' transform='rotate(-60.2734 504.616 25.4479)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='538.983' y='45.555' width='5' height='13' transform='rotate(16.7826 538.983 45.555)' fill='%232A2F6A'/%3E%3Crect opacity='0.3' x='470.322' y='2.63625' width='5' height='13' transform='rotate(11.295 470.322 2.63625)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='190.295' y='4.58138' width='5' height='13' transform='rotate(27.5954 190.295 4.58138)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='234.303' y='16.3233' width='5' height='13' transform='rotate(-41.8233 234.303 16.3233)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='369.702' y='40.9875' width='5' height='13' transform='rotate(-56.419 369.702 40.9875)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='402.121' y='31.0848' width='5' height='13' transform='rotate(-17.9234 402.121 31.0848)' fill='%23F23B14'/%3E%3Crect opacity='0.6' x='200.316' y='31.9328' width='5' height='13' transform='rotate(-15.8896 200.316 31.9328)' fill='%232A2F6A'/%3E%3Crect opacity='0.6' x='69.6745' y='23.4725' width='6' height='10' transform='rotate(70.0266 69.6745 23.4725)' fill='%2365BB5C'/%3E%3Crect opacity='0.6' x='291.945' y='7.16931' width='6' height='10' transform='rotate(30.4258 291.945 7.16931)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='33.7754' y='38.2208' width='6' height='10' transform='rotate(38.6056 33.7754 38.2208)' fill='%23FBBA23'/%3E%3Crect opacity='0.8' x='109.752' y='31.1743' width='6' height='10' transform='rotate(28.5296 109.752 31.1743)' fill='%2333AAFF'/%3E%3Crect opacity='0.3' x='278.081' y='37.8695' width='6' height='10' transform='rotate(-26.5651 278.081 37.8695)' fill='%23F23B14'/%3E%3Crect opacity='0.8' x='416.294' y='11.5573' width='6' height='10' transform='rotate(-22.8498 416.294 11.5573)' fill='%23FBBA23'/%3E%3Crect opacity='0.3' x='354.667' y='9.32341' width='6' height='10' transform='rotate(17.7506 354.667 9.32341)' fill='%232A2F6A'/%3E%3Crect opacity='0.8' x='532.404' y='16.6372' width='6' height='10' transform='rotate(-75.3432 532.404 16.6372)' fill='%23FBBA23'/%3E%3Crect opacity='0.6' x='460.463' y='39.3557' width='6' height='10' transform='rotate(45.4982 460.463 39.3557)' fill='%2365BB5C'/%3E%3C/svg%3E");
    background-position: top -10px center;
    background-repeat: repeat-x
}

.f\:focus:focus,
.f\:focus:focus-within,
.focus {
    box-shadow: 0 0 0 var(--su-static2) var(--focus-neutral), 0 0 0 var(--su-static4) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.f\:focus-inset:focus,
.f\:focus-inset:focus-within,
.focus-inset {
    box-shadow: inset 0 0 0 var(--su-static2) var(--focus-theme), inset 0 0 0 var(--su-static4) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.f\:focus-bordered:focus,
.f\:focus-bordered:focus-within,
.focus-bordered {
    border-color: var(--focus-neutral) !important;
    box-shadow: 0 0 0 var(--su-static1) var(--focus-neutral), 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-theme);
    outline: var(--su-static2) solid #0000 !important
}

.f\:focus-inset-bordered:focus,
.f\:focus-inset-bordered:focus-within,
.focus-inset-bordered {
    border-color: var(--focus-theme) !important;
    box-shadow: inset 0 0 0 var(--su-static1) var(--focus-theme), inset 0 0 0 calc(var(--su-static4) - var(--su-static1)) var(--focus-neutral);
    outline: var(--su-static2) solid #0000 !important
}

.of-contain {
    object-fit: contain !important
}

.of-cover {
    object-fit: cover !important
}

.of-fill {
    object-fit: fill !important
}

.of-none {
    object-fit: none !important
}

.of-scale-down {
    object-fit: scale-down !important
}

.op-center {
    object-position: center !important
}

.c-auto {
    cursor: auto !important
}

.c-default {
    cursor: default !important
}

.c-pointer {
    cursor: pointer !important
}

.c-text {
    cursor: text !important
}

.c-wait {
    cursor: wait !important
}

.c-move {
    cursor: move !important
}

.c-not-allowed {
    cursor: not-allowed !important
}

.c-help {
    cursor: help !important
}

.pe-auto {
    pointer-events: auto !important
}

.pe-none {
    pointer-events: none !important
}

.us-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !important
}

.us-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important
}

.ud-auto {
    -webkit-user-drag: auto !important;
    -moz-user-drag: auto !important;
    -ms-user-drag: auto !important
}

.ud-none {
    -webkit-user-drag: none !important;
    -moz-user-drag: none !important;
    -ms-user-drag: none !important
}

.v-visible {
    visibility: visible !important
}

.v-hidden {
    visibility: hidden !important
}

.s-topbar .s-topbar--skip-link:not(:focus),
.v-visible-sr {
    border: 0;
    clip: rect(var(--su-static1), var(--su-static1), var(--su-static1), var(--su-static1));
    clip-path: inset(50%);
    height: var(--su-static1);
    margin: calc(var(--su-static1)*-1);
    overflow: hidden;
    overflow-wrap: normal;
    padding: 0;
    position: absolute;
    width: var(--su-static1)
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clear-left {
    clear: left !important
}

.clear-right {
    clear: right !important
}

.clear-both {
    clear: both !important
}

.clear-none {
    clear: none !important
}

.box-content {
    box-sizing: initial !important
}

.box-border {
    box-sizing: border-box !important
}

.box-unset {
    box-sizing: unset !important
}

.va-baseline {
    vertical-align: initial !important
}

.va-bottom {
    vertical-align: bottom !important
}

.va-middle {
    vertical-align: middle !important
}

.va-sub {
    vertical-align: sub !important
}

.va-super {
    vertical-align: super !important
}

.va-text-bottom {
    vertical-align: text-bottom !important
}

.va-text-top {
    vertical-align: text-top !important
}

.va-top {
    vertical-align: top !important
}

.va-unset {
    vertical-align: unset !important
}

.ps-absolute {
    position: absolute !important
}

.ps-fixed {
    position: fixed !important
}

.ps-relative {
    position: relative !important
}

.ps-static {
    position: static !important
}

.ps-sticky {
    position: sticky !important
}

.ps-unset {
    position: unset !important
}

.overflow-auto {
    overflow: auto !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-auto::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-auto::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-auto::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-auto::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-x-auto {
    overflow-x: auto !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-x-auto::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-auto::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-auto::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-y-auto {
    overflow-y: auto !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-y-auto::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-auto::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-auto::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-auto::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-hidden {
    overflow: hidden !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-hidden::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-hidden::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-hidden::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-hidden::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-x-hidden {
    overflow-x: hidden !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-x-hidden::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-hidden::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-hidden::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-hidden::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-y-hidden {
    overflow-y: hidden !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-y-hidden::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-hidden::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-hidden::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-hidden::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-scroll {
    overflow: scroll !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-scroll::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-scroll::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-scroll::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-x-scroll {
    overflow-x: scroll !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-x-scroll::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-scroll::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-x-scroll::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-y-scroll {
    overflow-y: scroll !important;
    scrollbar-color: var(--scrollbar) #0000
}

.overflow-y-scroll::-webkit-scrollbar {
    background-color: initial;
    height: calc(var(--su-static12) - var(--su-static2));
    width: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-scroll::-webkit-scrollbar-track {
    background-color: initial;
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-scroll::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar);
    border-radius: calc(var(--su-static12) - var(--su-static2))
}

.overflow-y-scroll::-webkit-scrollbar-corner {
    background-color: initial;
    border-color: #0000
}

.overflow-visible {
    overflow: visible !important
}

.h\:o0:hover,
.o0 {
    opacity: 0 !important
}

.h\:o5:hover,
.o5 {
    opacity: .05 !important
}

.o10 {
    opacity: .1 !important
}

.o20 {
    opacity: .2 !important
}

.o30 {
    opacity: .3 !important
}

.o40 {
    opacity: .4 !important
}

.h\:o50:hover,
.o50 {
    opacity: .5 !important
}

.o60 {
    opacity: .6 !important
}

.o70 {
    opacity: .7 !important
}

.h\:o80:hover,
.o80 {
    opacity: .8 !important
}

.o90 {
    opacity: .9 !important
}

.f\:o100:focus,
.f\:o100:focus-within,
.h\:o100:hover,
.o100 {
    opacity: 1 !important
}

.z-hide {
    z-index: var(--zi-hide) !important
}

.z-base {
    z-index: var(--zi-base) !important
}

.z-active {
    z-index: var(--zi-active) !important
}

.z-selected {
    z-index: var(--zi-selected) !important
}

.z-dropdown {
    z-index: var(--zi-dropdown) !important
}

.z-popover {
    z-index: var(--zi-popovers) !important
}

.z-tooltip {
    z-index: var(--zi-tooltips) !important
}

.z-banner {
    z-index: var(--zi-banners) !important
}

.z-nav {
    z-index: var(--zi-navigation) !important
}

.z-nav-fixed {
    z-index: var(--zi-navigation-fixed) !important
}

.z-modal {
    z-index: var(--zi-modals) !important
}

.z-modal-bg {
    z-index: var(--zi-modals-background) !important
}

.outline-none {
    outline: 0 !important
}

.f\:outline-ring:focus,
.f\:outline-ring:focus-within,
.outline-ring {
    outline: solid var(--su-static4) var(--translucent-secondary)
}

.fill-current {
    fill: currentColor !important
}

.stroke-current {
    stroke: currentColor !important
}

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

.bs-sm,
.h\:bs-sm:hover {
    box-shadow: var(--bs-sm) !important
}

.bs-md,
.h\:bs-md:hover {
    box-shadow: var(--bs-md) !important
}

.bs-lg,
.h\:bs-lg:hover {
    box-shadow: var(--bs-lg) !important
}

.bs-xl {
    box-shadow: var(--bs-xl) !important
}

.bs-ring,
.f\:bs-ring:focus,
.f\:bs-ring:focus-within,
.h\:bs-ring:hover {
    box-shadow: 0 0 0 var(--su-static4) var(--focus-ring)
}

.bs-sm.bs-hover:hover {
    box-shadow: 0 var(--su-static2) var(--su-static8) #f1f2f3 !important
}

.bs-md.bs-hover:hover {
    box-shadow: 0 var(--su-static4) var(--su-static8) #d6d9dc !important
}

.bs-lg.bs-hover:hover {
    box-shadow: 0 var(--su-static4) var(--su-static12) #a7adb4b3 !important
}

.bs-i-sm.bs-hover:hover {
    box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 #babfc5bf !important
}

.bs-i-md.bs-hover:hover {
    box-shadow: inset 0 var(--su-static1) var(--su-static8) 0 #a7adb4cc !important
}

.bs-i-lg.bs-hover:hover {
    box-shadow: inset 0 var(--su-static1) var(--su-static12) 0 #a7adb4 !important
}

.t {
    transition-delay: 0s;
    transition-duration: var(--transition-time);
    transition-property: all;
    transition-timing-function: var(--te-ease-in)
}

.t-slow {
    transition-duration: .25s !important
}

.t-fast {
    transition-duration: .05s !important
}

.t-unset {
    transition-property: none !important
}

.t-bg {
    transition-property: background-color !important
}

.t-opacity {
    transition-property: opacity !important
}

.t-shadow {
    transition-property: box-shadow !important
}

.t-delay {
    transition-delay: .25s !important
}

.t-delay-unset {
    transition-delay: 0s !important
}

.tl-fixed {
    table-layout: fixed !important
}

.tl-auto {
    table-layout: auto !important
}

.w0 {
    width: 0 !important
}

.w10 {
    width: 10% !important
}

.w20 {
    width: 20% !important
}

.w25 {
    width: 25% !important
}

.w30 {
    width: 30% !important
}

.w33 {
    width: 33.33333% !important
}

.w40 {
    width: 40% !important
}

.w50 {
    width: 50% !important
}

.w60 {
    width: 60% !important
}

.w66 {
    width: 66.66667% !important
}

.w70 {
    width: 70% !important
}

.w75 {
    width: 75% !important
}

.w80 {
    width: 80% !important
}

.w90 {
    width: 90% !important
}

.w100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.w-screen {
    width: 100vw !important
}

.w0,
.ws0 {
    width: 0 !important
}

.ws1 {
    width: var(--s-step) !important
}

.ws2 {
    width: calc(var(--s-step)*2) !important
}

.ws3 {
    width: calc(var(--s-step)*3) !important
}

.ws4 {
    width: calc(var(--s-step)*4) !important
}

.ws5 {
    width: calc(var(--s-step)*5) !important
}

.ws6 {
    width: calc(var(--s-step)*6) !important
}

.ws7 {
    width: calc(var(--s-step)*7) !important
}

.ws8 {
    width: calc(var(--s-step)*8) !important
}

.ws9 {
    width: calc(var(--s-step)*9) !important
}

.ws10 {
    width: calc(var(--s-step)*10) !important
}

.ws11 {
    width: calc(var(--s-step)*11) !important
}

.ws12 {
    width: var(--s-full) !important
}

.w2 {
    width: var(--su-static2) !important
}

.w4 {
    width: var(--su-static4) !important
}

.w6 {
    width: var(--su-static6) !important
}

.w8 {
    width: var(--su-static8) !important
}

.w12 {
    width: var(--su-static12) !important
}

.w16 {
    width: var(--su-static16) !important
}

.w24 {
    width: var(--su-static24) !important
}

.w32 {
    width: var(--su-static32) !important
}

.w48 {
    width: var(--su-static48) !important
}

.w64 {
    width: var(--su-static64) !important
}

.w96 {
    width: var(--su-static96) !important
}

.w128 {
    width: var(--su-static128) !important
}

.wmx0 {
    max-width: 0 !important
}

.wmx1 {
    max-width: var(--s-step) !important
}

.wmx2 {
    max-width: calc(var(--s-step)*2) !important
}

.wmx25 {
    max-width: 25% !important
}

.wmx3 {
    max-width: calc(var(--s-step)*3) !important
}

.wmx4 {
    max-width: calc(var(--s-step)*4) !important
}

.wmx5 {
    max-width: calc(var(--s-step)*5) !important
}

.wmx50 {
    max-width: 50% !important
}

.wmx6 {
    max-width: calc(var(--s-step)*6) !important
}

.wmx7 {
    max-width: calc(var(--s-step)*7) !important
}

.wmx75 {
    max-width: 75% !important
}

.wmx8 {
    max-width: calc(var(--s-step)*8) !important
}

.wmx9 {
    max-width: calc(var(--s-step)*9) !important
}

.wmx10 {
    max-width: calc(var(--s-step)*10) !important
}

.wmx11 {
    max-width: calc(var(--s-step)*11) !important
}

.wmx12 {
    max-width: var(--s-full) !important
}

.wmx100 {
    max-width: 100% !important
}

.wmx-initial {
    max-width: none !important
}

.wmx-screen {
    max-width: 100vw !important
}

.wmn0 {
    min-width: 0 !important
}

.wmn1 {
    min-width: var(--s-step) !important
}

.wmn2 {
    min-width: calc(var(--s-step)*2) !important
}

.wmn25 {
    min-width: 25% !important
}

.wmn3 {
    min-width: calc(var(--s-step)*3) !important
}

.wmn4 {
    min-width: calc(var(--s-step)*4) !important
}

.wmn5 {
    min-width: calc(var(--s-step)*5) !important
}

.wmn50 {
    min-width: 50% !important
}

.wmn6 {
    min-width: calc(var(--s-step)*6) !important
}

.wmn7 {
    min-width: calc(var(--s-step)*7) !important
}

.wmn75 {
    min-width: 75% !important
}

.wmn8 {
    min-width: calc(var(--s-step)*8) !important
}

.wmn9 {
    min-width: calc(var(--s-step)*9) !important
}

.wmn10 {
    min-width: calc(var(--s-step)*10) !important
}

.wmn11 {
    min-width: calc(var(--s-step)*11) !important
}

.wmn12 {
    min-width: var(--s-full) !important
}

.wmn100 {
    min-width: 100% !important
}

.wmn-initial {
    min-width: auto !important
}

.h0 {
    height: 0 !important
}

.h100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.h-screen {
    height: 100vh !important
}

.h0,
.hs0 {
    height: 0 !important
}

.hs1 {
    height: var(--s-step) !important
}

.hs2 {
    height: calc(var(--s-step)*2) !important
}

.hs3 {
    height: calc(var(--s-step)*3) !important
}

.hs4 {
    height: calc(var(--s-step)*4) !important
}

.hs5 {
    height: calc(var(--s-step)*5) !important
}

.hs6 {
    height: calc(var(--s-step)*6) !important
}

.hs7 {
    height: calc(var(--s-step)*7) !important
}

.hs8 {
    height: calc(var(--s-step)*8) !important
}

.hs9 {
    height: calc(var(--s-step)*9) !important
}

.hs10 {
    height: calc(var(--s-step)*10) !important
}

.hs11 {
    height: calc(var(--s-step)*11) !important
}

.hs12 {
    height: var(--s-full) !important
}

.h2 {
    height: var(--su-static2) !important
}

.h4 {
    height: var(--su-static4) !important
}

.h6 {
    height: var(--su-static6) !important
}

.h8 {
    height: var(--su-static8) !important
}

.h12 {
    height: var(--su-static12) !important
}

.h16 {
    height: var(--su-static16) !important
}

.h24 {
    height: var(--su-static24) !important
}

.h32 {
    height: var(--su-static32) !important
}

.h48 {
    height: var(--su-static48) !important
}

.h64 {
    height: var(--su-static64) !important
}

.h96 {
    height: var(--su-static96) !important
}

.h128 {
    height: var(--su-static128) !important
}

.hmx0 {
    max-height: 0 !important
}

.hmx1 {
    max-height: var(--s-step) !important
}

.hmx2 {
    max-height: calc(var(--s-step)*2) !important
}

.hmx3 {
    max-height: calc(var(--s-step)*3) !important
}

.hmx4 {
    max-height: calc(var(--s-step)*4) !important
}

.hmx5 {
    max-height: calc(var(--s-step)*5) !important
}

.hmx6 {
    max-height: calc(var(--s-step)*6) !important
}

.hmx7 {
    max-height: calc(var(--s-step)*7) !important
}

.hmx8 {
    max-height: calc(var(--s-step)*8) !important
}

.hmx9 {
    max-height: calc(var(--s-step)*9) !important
}

.hmx10 {
    max-height: calc(var(--s-step)*10) !important
}

.hmx11 {
    max-height: calc(var(--s-step)*11) !important
}

.hmx12 {
    max-height: var(--s-full) !important
}

.hmx100 {
    max-height: 100% !important
}

.hmx-initial {
    max-height: none !important
}

.hmx-screen {
    max-height: 100vh !important
}

.hmn0 {
    min-height: 0 !important
}

.hmn1 {
    min-height: var(--s-step) !important
}

.hmn2 {
    min-height: calc(var(--s-step)*2) !important
}

.hmn3 {
    min-height: calc(var(--s-step)*3) !important
}

.hmn4 {
    min-height: calc(var(--s-step)*4) !important
}

.hmn5 {
    min-height: calc(var(--s-step)*5) !important
}

.hmn6 {
    min-height: calc(var(--s-step)*6) !important
}

.hmn7 {
    min-height: calc(var(--s-step)*7) !important
}

.hmn8 {
    min-height: calc(var(--s-step)*8) !important
}

.hmn9 {
    min-height: calc(var(--s-step)*9) !important
}

.hmn10 {
    min-height: calc(var(--s-step)*10) !important
}

.hmn11 {
    min-height: calc(var(--s-step)*11) !important
}

.hmn12 {
    min-height: var(--s-full) !important
}

.hmn100 {
    min-height: 100% !important
}

.hmn-initial {
    min-height: auto !important
}

.hmn-screen {
    min-height: 100vh !important
}

@media (max-width:1264px) {
    .lg\:ba {
        border-style: solid !important;
        border-width: var(--su-static1) !important
    }

    .lg\:bt {
        border-top-style: solid !important;
        border-top-width: var(--su-static1) !important
    }

    .lg\:br {
        border-right-style: solid !important;
        border-right-width: var(--su-static1) !important
    }

    .lg\:bb {
        border-bottom-style: solid !important;
        border-bottom-width: var(--su-static1) !important
    }

    .lg\:bl {
        border-left-style: solid !important;
        border-left-width: var(--su-static1) !important
    }

    .lg\:baw0 {
        border-width: 0 !important
    }

    .lg\:btw0 {
        border-top-width: 0 !important
    }

    .lg\:brw0 {
        border-right-width: 0 !important
    }

    .lg\:bbw0 {
        border-bottom-width: 0 !important
    }

    .lg\:blw0 {
        border-left-width: 0 !important
    }

    .lg\:bar0 {
        border-radius: 0 !important
    }

    .lg\:fd-row {
        flex-direction: row !important
    }

    .lg\:fd-row-reverse {
        flex-direction: row-reverse !important
    }

    .lg\:fd-column {
        flex-direction: column !important
    }

    .lg\:fd-column-reverse {
        flex-direction: column-reverse !important
    }

    .lg\:fw-wrap {
        flex-wrap: wrap !important
    }

    .lg\:fw-reverse {
        flex-wrap: wrap-reverse !important
    }

    .lg\:fw-nowrap {
        flex-wrap: nowrap !important
    }

    .lg\:jc-center {
        justify-content: center !important
    }

    .lg\:jc-end {
        justify-content: flex-end !important
    }

    .lg\:jc-space-around {
        justify-content: space-around !important
    }

    .lg\:jc-space-between {
        justify-content: space-between !important
    }

    .lg\:jc-space-evenly {
        justify-content: space-evenly !important
    }

    .lg\:jc-start {
        justify-content: flex-start !important
    }

    .lg\:ai-baseline {
        align-items: baseline !important
    }

    .lg\:ai-center {
        align-items: center !important
    }

    .lg\:ai-end {
        align-items: flex-end !important
    }

    .lg\:ai-start {
        align-items: flex-start !important
    }

    .lg\:ai-stretch {
        align-items: stretch !important
    }

    .lg\:as-auto {
        align-self: auto !important
    }

    .lg\:as-baseline {
        align-self: baseline !important
    }

    .lg\:as-center {
        align-self: center !important
    }

    .lg\:as-end {
        align-self: flex-end !important
    }

    .lg\:as-start {
        align-self: flex-start !important
    }

    .lg\:as-stretch {
        align-self: stretch !important
    }

    .lg\:fl-grow1 {
        flex-grow: 1 !important
    }

    .lg\:fl-grow0 {
        flex-grow: 0 !important
    }

    .lg\:fl-shrink1 {
        flex-shrink: 1 !important
    }

    .lg\:fl-shrink0 {
        flex-shrink: 0 !important
    }

    .lg\:fl-none {
        flex: none !important
    }

    .lg\:fl-initial {
        flex: 0 1 auto !important
    }

    .lg\:fl-auto {
        flex: 1 1 auto !important
    }

    .lg\:fl-equal {
        flex: 1 1 0% !important
    }

    .lg\:order-first {
        order: -1 !important
    }

    .lg\:order-last {
        order: 1 !important
    }

    .lg\:fl0 {
        flex: 0 auto !important
    }

    .lg\:fl1 {
        flex: 1 auto !important
    }

    .lg\:g0 {
        --_gap-y: 0;
        --_gap-x: 0
    }

    .lg\:g1 {
        --_gap-y: var(--su1);
        --_gap-x: var(--su1)
    }

    .lg\:g2 {
        --_gap-y: var(--su2);
        --_gap-x: var(--su2)
    }

    .lg\:g4 {
        --_gap-y: var(--su4);
        --_gap-x: var(--su4)
    }

    .lg\:g6 {
        --_gap-y: var(--su6);
        --_gap-x: var(--su6)
    }

    .lg\:g8 {
        --_gap-y: var(--su8);
        --_gap-x: var(--su8)
    }

    .lg\:g12 {
        --_gap-y: var(--su12);
        --_gap-x: var(--su12)
    }

    .lg\:g16 {
        --_gap-y: var(--su16);
        --_gap-x: var(--su16)
    }

    .lg\:g24 {
        --_gap-y: var(--su24);
        --_gap-x: var(--su24)
    }

    .lg\:g32 {
        --_gap-y: var(--su32);
        --_gap-x: var(--su32)
    }

    .lg\:g48 {
        --_gap-y: var(--su48);
        --_gap-x: var(--su48)
    }

    .lg\:g64 {
        --_gap-y: var(--su64);
        --_gap-x: var(--su64)
    }

    .lg\:gx0 {
        --_gap-x: 0
    }

    .lg\:gx1 {
        --_gap-x: var(--su1)
    }

    .lg\:gx2 {
        --_gap-x: var(--su2)
    }

    .lg\:gx4 {
        --_gap-x: var(--su4)
    }

    .lg\:gx6 {
        --_gap-x: var(--su6)
    }

    .lg\:gx8 {
        --_gap-x: var(--su8)
    }

    .lg\:gx12 {
        --_gap-x: var(--su12)
    }

    .lg\:gx16 {
        --_gap-x: var(--su16)
    }

    .lg\:gx24 {
        --_gap-x: var(--su24)
    }

    .lg\:gx32 {
        --_gap-x: var(--su32)
    }

    .lg\:gx48 {
        --_gap-x: var(--su48)
    }

    .lg\:gx64 {
        --_gap-x: var(--su64)
    }

    .lg\:gy0 {
        --_gap-y: 0
    }

    .lg\:gy1 {
        --_gap-y: var(--su1)
    }

    .lg\:gy2 {
        --_gap-y: var(--su2)
    }

    .lg\:gy4 {
        --_gap-y: var(--su4)
    }

    .lg\:gy6 {
        --_gap-y: var(--su6)
    }

    .lg\:gy8 {
        --_gap-y: var(--su8)
    }

    .lg\:gy12 {
        --_gap-y: var(--su12)
    }

    .lg\:gy16 {
        --_gap-y: var(--su16)
    }

    .lg\:gy24 {
        --_gap-y: var(--su24)
    }

    .lg\:gy32 {
        --_gap-y: var(--su32)
    }

    .lg\:gy48 {
        --_gap-y: var(--su48)
    }

    .lg\:gy64 {
        --_gap-y: var(--su64)
    }

    .lg\:g-af-dense {
        grid-auto-flow: dense
    }

    .lg\:g-af-row {
        grid-auto-flow: row
    }

    .lg\:g-af-column {
        grid-auto-flow: column
    }

    .lg\:grid__1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid__2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid__3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid__4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid__5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid__6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid__7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .lg\:grid__8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .lg\:grid__9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .lg\:grid__10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .lg\:grid__11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .lg\:grid__12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:grid__auto {
        grid-template-columns: auto 1fr
    }

    .lg\:grid--col-all {
        grid-column: 1/-1
    }

    .lg\:grid--row-all {
        grid-row: 1/-1
    }

    .lg\:grid--col1 {
        grid-column: span 1
    }

    .lg\:grid--col2 {
        grid-column: span 2
    }

    .lg\:grid--col3 {
        grid-column: span 3
    }

    .lg\:grid--col4 {
        grid-column: span 4
    }

    .lg\:grid--col5 {
        grid-column: span 5
    }

    .lg\:grid--col6 {
        grid-column: span 6
    }

    .lg\:grid--col7 {
        grid-column: span 7
    }

    .lg\:grid--col8 {
        grid-column: span 8
    }

    .lg\:grid--col9 {
        grid-column: span 9
    }

    .lg\:grid--col10 {
        grid-column: span 10
    }

    .lg\:grid--col11 {
        grid-column: span 11
    }

    .lg\:grid--col12 {
        grid-column: span 12
    }

    .lg\:grid--row1 {
        grid-row: span 1
    }

    .lg\:grid--row2 {
        grid-row: span 2
    }

    .lg\:grid--row3 {
        grid-row: span 3
    }

    .lg\:grid--row4 {
        grid-row: span 4
    }

    .lg\:grid--row5 {
        grid-row: span 5
    }

    .lg\:grid--row6 {
        grid-row: span 6
    }

    .lg\:grid--row7 {
        grid-row: span 7
    }

    .lg\:grid--row8 {
        grid-row: span 8
    }

    .lg\:grid--row9 {
        grid-row: span 9
    }

    .lg\:grid--row10 {
        grid-row: span 10
    }

    .lg\:grid--row11 {
        grid-row: span 11
    }

    .lg\:grid--row12 {
        grid-row: span 12
    }

    .lg\:grid--col-start1 {
        grid-column-start: 1
    }

    .lg\:grid--col-start2 {
        grid-column-start: 2
    }

    .lg\:grid--col-start3 {
        grid-column-start: 3
    }

    .lg\:grid--col-start4 {
        grid-column-start: 4
    }

    .lg\:grid--col-start5 {
        grid-column-start: 5
    }

    .lg\:grid--col-start6 {
        grid-column-start: 6
    }

    .lg\:grid--col-start7 {
        grid-column-start: 7
    }

    .lg\:grid--col-start8 {
        grid-column-start: 8
    }

    .lg\:grid--col-start9 {
        grid-column-start: 9
    }

    .lg\:grid--col-start10 {
        grid-column-start: 10
    }

    .lg\:grid--col-start11 {
        grid-column-start: 11
    }

    .lg\:grid--col-start12 {
        grid-column-start: 12
    }

    .lg\:grid--col-end2 {
        grid-column-end: 2
    }

    .lg\:grid--col-end3 {
        grid-column-end: 3
    }

    .lg\:grid--col-end4 {
        grid-column-end: 4
    }

    .lg\:grid--col-end5 {
        grid-column-end: 5
    }

    .lg\:grid--col-end6 {
        grid-column-end: 6
    }

    .lg\:grid--col-end7 {
        grid-column-end: 7
    }

    .lg\:grid--col-end8 {
        grid-column-end: 8
    }

    .lg\:grid--col-end9 {
        grid-column-end: 9
    }

    .lg\:grid--col-end10 {
        grid-column-end: 10
    }

    .lg\:grid--col-end11 {
        grid-column-end: 11
    }

    .lg\:grid--col-end12 {
        grid-column-end: 12
    }

    .lg\:grid--col-end13 {
        grid-column-end: 13
    }

    .lg\:grid--row-start1 {
        grid-row-start: 1
    }

    .lg\:grid--row-start2 {
        grid-row-start: 2
    }

    .lg\:grid--row-start3 {
        grid-row-start: 3
    }

    .lg\:grid--row-start4 {
        grid-row-start: 4
    }

    .lg\:grid--row-start5 {
        grid-row-start: 5
    }

    .lg\:grid--row-start6 {
        grid-row-start: 6
    }

    .lg\:grid--row-start7 {
        grid-row-start: 7
    }

    .lg\:grid--row-start8 {
        grid-row-start: 8
    }

    .lg\:grid--row-start9 {
        grid-row-start: 9
    }

    .lg\:grid--row-start10 {
        grid-row-start: 10
    }

    .lg\:grid--row-start11 {
        grid-row-start: 11
    }

    .lg\:grid--row-start12 {
        grid-row-start: 12
    }

    .lg\:grid--row-end2 {
        grid-row-end: 2
    }

    .lg\:grid--row-end3 {
        grid-row-end: 3
    }

    .lg\:grid--row-end4 {
        grid-row-end: 4
    }

    .lg\:grid--row-end5 {
        grid-row-end: 5
    }

    .lg\:grid--row-end6 {
        grid-row-end: 6
    }

    .lg\:grid--row-end7 {
        grid-row-end: 7
    }

    .lg\:grid--row-end8 {
        grid-row-end: 8
    }

    .lg\:grid--row-end9 {
        grid-row-end: 9
    }

    .lg\:grid--row-end10 {
        grid-row-end: 10
    }

    .lg\:grid--row-end11 {
        grid-row-end: 11
    }

    .lg\:grid--row-end12 {
        grid-row-end: 12
    }

    .lg\:grid--row-end13 {
        grid-row-end: 13
    }

    .lg\:ji-auto {
        justify-items: auto !important
    }

    .lg\:ji-center {
        justify-items: center !important
    }

    .lg\:ji-start {
        justify-items: start !important
    }

    .lg\:ji-end {
        justify-items: end !important
    }

    .lg\:ji-stretch {
        justify-items: stretch !important
    }

    .lg\:ji-unset {
        justify-items: unset !important
    }

    .lg\:js-auto {
        justify-self: auto !important
    }

    .lg\:js-center {
        justify-self: center !important
    }

    .lg\:js-start {
        justify-self: start !important
    }

    .lg\:js-end {
        justify-self: end !important
    }

    .lg\:js-stretch {
        justify-self: stretch !important
    }

    .lg\:js-unset {
        justify-self: unset !important
    }

    .lg\:m0 {
        margin: var(--su0) !important
    }

    .lg\:m1 {
        margin: var(--su1) !important
    }

    .lg\:m2 {
        margin: var(--su2) !important
    }

    .lg\:m4 {
        margin: var(--su4) !important
    }

    .lg\:m6 {
        margin: var(--su6) !important
    }

    .lg\:m8 {
        margin: var(--su8) !important
    }

    .lg\:m12 {
        margin: var(--su12) !important
    }

    .lg\:m16 {
        margin: var(--su16) !important
    }

    .lg\:m24 {
        margin: var(--su24) !important
    }

    .lg\:m32 {
        margin: var(--su32) !important
    }

    .lg\:m48 {
        margin: var(--su48) !important
    }

    .lg\:m64 {
        margin: var(--su64) !important
    }

    .lg\:m96 {
        margin: var(--su96) !important
    }

    .lg\:m128 {
        margin: var(--su128) !important
    }

    .lg\:mn1 {
        margin: calc(var(--su1)*-1) !important
    }

    .lg\:mn2 {
        margin: calc(var(--su2)*-1) !important
    }

    .lg\:mn4 {
        margin: calc(var(--su4)*-1) !important
    }

    .lg\:mn6 {
        margin: calc(var(--su6)*-1) !important
    }

    .lg\:mn8 {
        margin: calc(var(--su8)*-1) !important
    }

    .lg\:mn12 {
        margin: calc(var(--su12)*-1) !important
    }

    .lg\:mn16 {
        margin: calc(var(--su16)*-1) !important
    }

    .lg\:mn24 {
        margin: calc(var(--su24)*-1) !important
    }

    .lg\:mn32 {
        margin: calc(var(--su32)*-1) !important
    }

    .lg\:mn48 {
        margin: calc(var(--su48)*-1) !important
    }

    .lg\:mn64 {
        margin: calc(var(--su64)*-1) !important
    }

    .lg\:mn96 {
        margin: calc(var(--su96)*-1) !important
    }

    .lg\:mn128 {
        margin: calc(var(--su128)*-1) !important
    }

    .lg\:m50 {
        margin: 50% !important
    }

    .lg\:m100 {
        margin: 100% !important
    }

    .lg\:mn50 {
        margin: -50% !important
    }

    .lg\:mn100 {
        margin: -100% !important
    }

    .lg\:mt0 {
        margin-top: var(--su0) !important
    }

    .lg\:mt1 {
        margin-top: var(--su1) !important
    }

    .lg\:mt2 {
        margin-top: var(--su2) !important
    }

    .lg\:mt4 {
        margin-top: var(--su4) !important
    }

    .lg\:mt6 {
        margin-top: var(--su6) !important
    }

    .lg\:mt8 {
        margin-top: var(--su8) !important
    }

    .lg\:mt12 {
        margin-top: var(--su12) !important
    }

    .lg\:mt16 {
        margin-top: var(--su16) !important
    }

    .lg\:mt24 {
        margin-top: var(--su24) !important
    }

    .lg\:mt32 {
        margin-top: var(--su32) !important
    }

    .lg\:mt48 {
        margin-top: var(--su48) !important
    }

    .lg\:mt64 {
        margin-top: var(--su64) !important
    }

    .lg\:mt96 {
        margin-top: var(--su96) !important
    }

    .lg\:mt128 {
        margin-top: var(--su128) !important
    }

    .lg\:mtn1 {
        margin-top: calc(var(--su1)*-1) !important
    }

    .lg\:mtn2 {
        margin-top: calc(var(--su2)*-1) !important
    }

    .lg\:mtn4 {
        margin-top: calc(var(--su4)*-1) !important
    }

    .lg\:mtn6 {
        margin-top: calc(var(--su6)*-1) !important
    }

    .lg\:mtn8 {
        margin-top: calc(var(--su8)*-1) !important
    }

    .lg\:mtn12 {
        margin-top: calc(var(--su12)*-1) !important
    }

    .lg\:mtn16 {
        margin-top: calc(var(--su16)*-1) !important
    }

    .lg\:mtn24 {
        margin-top: calc(var(--su24)*-1) !important
    }

    .lg\:mtn32 {
        margin-top: calc(var(--su32)*-1) !important
    }

    .lg\:mtn48 {
        margin-top: calc(var(--su48)*-1) !important
    }

    .lg\:mtn64 {
        margin-top: calc(var(--su64)*-1) !important
    }

    .lg\:mtn96 {
        margin-top: calc(var(--su96)*-1) !important
    }

    .lg\:mtn128 {
        margin-top: calc(var(--su128)*-1) !important
    }

    .lg\:mt50 {
        margin-top: 50% !important
    }

    .lg\:mt100 {
        margin-top: 100% !important
    }

    .lg\:mtn50 {
        margin-top: -50% !important
    }

    .lg\:mtn100 {
        margin-top: -100% !important
    }

    .lg\:mr0 {
        margin-right: var(--su0) !important
    }

    .lg\:mr1 {
        margin-right: var(--su1) !important
    }

    .lg\:mr2 {
        margin-right: var(--su2) !important
    }

    .lg\:mr4 {
        margin-right: var(--su4) !important
    }

    .lg\:mr6 {
        margin-right: var(--su6) !important
    }

    .lg\:mr8 {
        margin-right: var(--su8) !important
    }

    .lg\:mr12 {
        margin-right: var(--su12) !important
    }

    .lg\:mr16 {
        margin-right: var(--su16) !important
    }

    .lg\:mr24 {
        margin-right: var(--su24) !important
    }

    .lg\:mr32 {
        margin-right: var(--su32) !important
    }

    .lg\:mr48 {
        margin-right: var(--su48) !important
    }

    .lg\:mr64 {
        margin-right: var(--su64) !important
    }

    .lg\:mr96 {
        margin-right: var(--su96) !important
    }

    .lg\:mr128 {
        margin-right: var(--su128) !important
    }

    .lg\:mrn1 {
        margin-right: calc(var(--su1)*-1) !important
    }

    .lg\:mrn2 {
        margin-right: calc(var(--su2)*-1) !important
    }

    .lg\:mrn4 {
        margin-right: calc(var(--su4)*-1) !important
    }

    .lg\:mrn6 {
        margin-right: calc(var(--su6)*-1) !important
    }

    .lg\:mrn8 {
        margin-right: calc(var(--su8)*-1) !important
    }

    .lg\:mrn12 {
        margin-right: calc(var(--su12)*-1) !important
    }

    .lg\:mrn16 {
        margin-right: calc(var(--su16)*-1) !important
    }

    .lg\:mrn24 {
        margin-right: calc(var(--su24)*-1) !important
    }

    .lg\:mrn32 {
        margin-right: calc(var(--su32)*-1) !important
    }

    .lg\:mrn48 {
        margin-right: calc(var(--su48)*-1) !important
    }

    .lg\:mrn64 {
        margin-right: calc(var(--su64)*-1) !important
    }

    .lg\:mrn96 {
        margin-right: calc(var(--su96)*-1) !important
    }

    .lg\:mrn128 {
        margin-right: calc(var(--su128)*-1) !important
    }

    .lg\:mr50 {
        margin-right: 50% !important
    }

    .lg\:mr100 {
        margin-right: 100% !important
    }

    .lg\:mrn50 {
        margin-right: -50% !important
    }

    .lg\:mrn100 {
        margin-right: -100% !important
    }

    .lg\:mb0 {
        margin-bottom: var(--su0) !important
    }

    .lg\:mb1 {
        margin-bottom: var(--su1) !important
    }

    .lg\:mb2 {
        margin-bottom: var(--su2) !important
    }

    .lg\:mb4 {
        margin-bottom: var(--su4) !important
    }

    .lg\:mb6 {
        margin-bottom: var(--su6) !important
    }

    .lg\:mb8 {
        margin-bottom: var(--su8) !important
    }

    .lg\:mb12 {
        margin-bottom: var(--su12) !important
    }

    .lg\:mb16 {
        margin-bottom: var(--su16) !important
    }

    .lg\:mb24 {
        margin-bottom: var(--su24) !important
    }

    .lg\:mb32 {
        margin-bottom: var(--su32) !important
    }

    .lg\:mb48 {
        margin-bottom: var(--su48) !important
    }

    .lg\:mb64 {
        margin-bottom: var(--su64) !important
    }

    .lg\:mb96 {
        margin-bottom: var(--su96) !important
    }

    .lg\:mb128 {
        margin-bottom: var(--su128) !important
    }

    .lg\:mbn1 {
        margin-bottom: calc(var(--su1)*-1) !important
    }

    .lg\:mbn2 {
        margin-bottom: calc(var(--su2)*-1) !important
    }

    .lg\:mbn4 {
        margin-bottom: calc(var(--su4)*-1) !important
    }

    .lg\:mbn6 {
        margin-bottom: calc(var(--su6)*-1) !important
    }

    .lg\:mbn8 {
        margin-bottom: calc(var(--su8)*-1) !important
    }

    .lg\:mbn12 {
        margin-bottom: calc(var(--su12)*-1) !important
    }

    .lg\:mbn16 {
        margin-bottom: calc(var(--su16)*-1) !important
    }

    .lg\:mbn24 {
        margin-bottom: calc(var(--su24)*-1) !important
    }

    .lg\:mbn32 {
        margin-bottom: calc(var(--su32)*-1) !important
    }

    .lg\:mbn48 {
        margin-bottom: calc(var(--su48)*-1) !important
    }

    .lg\:mbn64 {
        margin-bottom: calc(var(--su64)*-1) !important
    }

    .lg\:mbn96 {
        margin-bottom: calc(var(--su96)*-1) !important
    }

    .lg\:mbn128 {
        margin-bottom: calc(var(--su128)*-1) !important
    }

    .lg\:mb50 {
        margin-bottom: 50% !important
    }

    .lg\:mb100 {
        margin-bottom: 100% !important
    }

    .lg\:mbn50 {
        margin-bottom: -50% !important
    }

    .lg\:mbn100 {
        margin-bottom: -100% !important
    }

    .lg\:ml0 {
        margin-left: var(--su0) !important
    }

    .lg\:ml1 {
        margin-left: var(--su1) !important
    }

    .lg\:ml2 {
        margin-left: var(--su2) !important
    }

    .lg\:ml4 {
        margin-left: var(--su4) !important
    }

    .lg\:ml6 {
        margin-left: var(--su6) !important
    }

    .lg\:ml8 {
        margin-left: var(--su8) !important
    }

    .lg\:ml12 {
        margin-left: var(--su12) !important
    }

    .lg\:ml16 {
        margin-left: var(--su16) !important
    }

    .lg\:ml24 {
        margin-left: var(--su24) !important
    }

    .lg\:ml32 {
        margin-left: var(--su32) !important
    }

    .lg\:ml48 {
        margin-left: var(--su48) !important
    }

    .lg\:ml64 {
        margin-left: var(--su64) !important
    }

    .lg\:ml96 {
        margin-left: var(--su96) !important
    }

    .lg\:ml128 {
        margin-left: var(--su128) !important
    }

    .lg\:mln1 {
        margin-left: calc(var(--su1)*-1) !important
    }

    .lg\:mln2 {
        margin-left: calc(var(--su2)*-1) !important
    }

    .lg\:mln4 {
        margin-left: calc(var(--su4)*-1) !important
    }

    .lg\:mln6 {
        margin-left: calc(var(--su6)*-1) !important
    }

    .lg\:mln8 {
        margin-left: calc(var(--su8)*-1) !important
    }

    .lg\:mln12 {
        margin-left: calc(var(--su12)*-1) !important
    }

    .lg\:mln16 {
        margin-left: calc(var(--su16)*-1) !important
    }

    .lg\:mln24 {
        margin-left: calc(var(--su24)*-1) !important
    }

    .lg\:mln32 {
        margin-left: calc(var(--su32)*-1) !important
    }

    .lg\:mln48 {
        margin-left: calc(var(--su48)*-1) !important
    }

    .lg\:mln64 {
        margin-left: calc(var(--su64)*-1) !important
    }

    .lg\:mln96 {
        margin-left: calc(var(--su96)*-1) !important
    }

    .lg\:mln128 {
        margin-left: calc(var(--su128)*-1) !important
    }

    .lg\:ml50 {
        margin-left: 50% !important
    }

    .lg\:ml100 {
        margin-left: 100% !important
    }

    .lg\:mln50 {
        margin-left: -50% !important
    }

    .lg\:mln100 {
        margin-left: -100% !important
    }

    .lg\:mx0 {
        margin-left: var(--su0) !important;
        margin-right: var(--su0) !important
    }

    .lg\:mx1 {
        margin-left: var(--su1) !important;
        margin-right: var(--su1) !important
    }

    .lg\:mx2 {
        margin-left: var(--su2) !important;
        margin-right: var(--su2) !important
    }

    .lg\:mx4 {
        margin-left: var(--su4) !important;
        margin-right: var(--su4) !important
    }

    .lg\:mx6 {
        margin-left: var(--su6) !important;
        margin-right: var(--su6) !important
    }

    .lg\:mx8 {
        margin-left: var(--su8) !important;
        margin-right: var(--su8) !important
    }

    .lg\:mx12 {
        margin-left: var(--su12) !important;
        margin-right: var(--su12) !important
    }

    .lg\:mx16 {
        margin-left: var(--su16) !important;
        margin-right: var(--su16) !important
    }

    .lg\:mx24 {
        margin-left: var(--su24) !important;
        margin-right: var(--su24) !important
    }

    .lg\:mx32 {
        margin-left: var(--su32) !important;
        margin-right: var(--su32) !important
    }

    .lg\:mx48 {
        margin-left: var(--su48) !important;
        margin-right: var(--su48) !important
    }

    .lg\:mx64 {
        margin-left: var(--su64) !important;
        margin-right: var(--su64) !important
    }

    .lg\:mx96 {
        margin-left: var(--su96) !important;
        margin-right: var(--su96) !important
    }

    .lg\:mx128 {
        margin-left: var(--su128) !important;
        margin-right: var(--su128) !important
    }

    .lg\:mxn1 {
        margin-left: calc(var(--su1)*-1) !important;
        margin-right: calc(var(--su1)*-1) !important
    }

    .lg\:mxn2 {
        margin-left: calc(var(--su2)*-1) !important;
        margin-right: calc(var(--su2)*-1) !important
    }

    .lg\:mxn4 {
        margin-left: calc(var(--su4)*-1) !important;
        margin-right: calc(var(--su4)*-1) !important
    }

    .lg\:mxn6 {
        margin-left: calc(var(--su6)*-1) !important;
        margin-right: calc(var(--su6)*-1) !important
    }

    .lg\:mxn8 {
        margin-left: calc(var(--su8)*-1) !important;
        margin-right: calc(var(--su8)*-1) !important
    }

    .lg\:mxn12 {
        margin-left: calc(var(--su12)*-1) !important;
        margin-right: calc(var(--su12)*-1) !important
    }

    .lg\:mxn16 {
        margin-left: calc(var(--su16)*-1) !important;
        margin-right: calc(var(--su16)*-1) !important
    }

    .lg\:mxn24 {
        margin-left: calc(var(--su24)*-1) !important;
        margin-right: calc(var(--su24)*-1) !important
    }

    .lg\:mxn32 {
        margin-left: calc(var(--su32)*-1) !important;
        margin-right: calc(var(--su32)*-1) !important
    }

    .lg\:mxn48 {
        margin-left: calc(var(--su48)*-1) !important;
        margin-right: calc(var(--su48)*-1) !important
    }

    .lg\:mxn64 {
        margin-left: calc(var(--su64)*-1) !important;
        margin-right: calc(var(--su64)*-1) !important
    }

    .lg\:mxn96 {
        margin-left: calc(var(--su96)*-1) !important;
        margin-right: calc(var(--su96)*-1) !important
    }

    .lg\:mxn128 {
        margin-left: calc(var(--su128)*-1) !important;
        margin-right: calc(var(--su128)*-1) !important
    }

    .lg\:my0 {
        margin-bottom: var(--su0) !important;
        margin-top: var(--su0) !important
    }

    .lg\:my1 {
        margin-bottom: var(--su1) !important;
        margin-top: var(--su1) !important
    }

    .lg\:my2 {
        margin-bottom: var(--su2) !important;
        margin-top: var(--su2) !important
    }

    .lg\:my4 {
        margin-bottom: var(--su4) !important;
        margin-top: var(--su4) !important
    }

    .lg\:my6 {
        margin-bottom: var(--su6) !important;
        margin-top: var(--su6) !important
    }

    .lg\:my8 {
        margin-bottom: var(--su8) !important;
        margin-top: var(--su8) !important
    }

    .lg\:my12 {
        margin-bottom: var(--su12) !important;
        margin-top: var(--su12) !important
    }

    .lg\:my16 {
        margin-bottom: var(--su16) !important;
        margin-top: var(--su16) !important
    }

    .lg\:my24 {
        margin-bottom: var(--su24) !important;
        margin-top: var(--su24) !important
    }

    .lg\:my32 {
        margin-bottom: var(--su32) !important;
        margin-top: var(--su32) !important
    }

    .lg\:my48 {
        margin-bottom: var(--su48) !important;
        margin-top: var(--su48) !important
    }

    .lg\:my64 {
        margin-bottom: var(--su64) !important;
        margin-top: var(--su64) !important
    }

    .lg\:my96 {
        margin-bottom: var(--su96) !important;
        margin-top: var(--su96) !important
    }

    .lg\:my128 {
        margin-bottom: var(--su128) !important;
        margin-top: var(--su128) !important
    }

    .lg\:myn1 {
        margin-bottom: calc(var(--su1)*-1) !important;
        margin-top: calc(var(--su1)*-1) !important
    }

    .lg\:myn2 {
        margin-bottom: calc(var(--su2)*-1) !important;
        margin-top: calc(var(--su2)*-1) !important
    }

    .lg\:myn4 {
        margin-bottom: calc(var(--su4)*-1) !important;
        margin-top: calc(var(--su4)*-1) !important
    }

    .lg\:myn6 {
        margin-bottom: calc(var(--su6)*-1) !important;
        margin-top: calc(var(--su6)*-1) !important
    }

    .lg\:myn8 {
        margin-bottom: calc(var(--su8)*-1) !important;
        margin-top: calc(var(--su8)*-1) !important
    }

    .lg\:myn12 {
        margin-bottom: calc(var(--su12)*-1) !important;
        margin-top: calc(var(--su12)*-1) !important
    }

    .lg\:myn16 {
        margin-bottom: calc(var(--su16)*-1) !important;
        margin-top: calc(var(--su16)*-1) !important
    }

    .lg\:myn24 {
        margin-bottom: calc(var(--su24)*-1) !important;
        margin-top: calc(var(--su24)*-1) !important
    }

    .lg\:myn32 {
        margin-bottom: calc(var(--su32)*-1) !important;
        margin-top: calc(var(--su32)*-1) !important
    }

    .lg\:myn48 {
        margin-bottom: calc(var(--su48)*-1) !important;
        margin-top: calc(var(--su48)*-1) !important
    }

    .lg\:myn64 {
        margin-bottom: calc(var(--su64)*-1) !important;
        margin-top: calc(var(--su64)*-1) !important
    }

    .lg\:myn96 {
        margin-bottom: calc(var(--su96)*-1) !important;
        margin-top: calc(var(--su96)*-1) !important
    }

    .lg\:myn128 {
        margin-bottom: calc(var(--su128)*-1) !important;
        margin-top: calc(var(--su128)*-1) !important
    }

    .lg\:p0 {
        padding: var(--su0) !important
    }

    .lg\:p1 {
        padding: var(--su1) !important
    }

    .lg\:p2 {
        padding: var(--su2) !important
    }

    .lg\:p4 {
        padding: var(--su4) !important
    }

    .lg\:p6 {
        padding: var(--su6) !important
    }

    .lg\:p8 {
        padding: var(--su8) !important
    }

    .lg\:p12 {
        padding: var(--su12) !important
    }

    .lg\:p16 {
        padding: var(--su16) !important
    }

    .lg\:p24 {
        padding: var(--su24) !important
    }

    .lg\:p32 {
        padding: var(--su32) !important
    }

    .lg\:p48 {
        padding: var(--su48) !important
    }

    .lg\:p64 {
        padding: var(--su64) !important
    }

    .lg\:p96 {
        padding: var(--su96) !important
    }

    .lg\:p128 {
        padding: var(--su128) !important
    }

    .lg\:pt0 {
        padding-top: var(--su0) !important
    }

    .lg\:pt1 {
        padding-top: var(--su1) !important
    }

    .lg\:pt2 {
        padding-top: var(--su2) !important
    }

    .lg\:pt4 {
        padding-top: var(--su4) !important
    }

    .lg\:pt6 {
        padding-top: var(--su6) !important
    }

    .lg\:pt8 {
        padding-top: var(--su8) !important
    }

    .lg\:pt12 {
        padding-top: var(--su12) !important
    }

    .lg\:pt16 {
        padding-top: var(--su16) !important
    }

    .lg\:pt24 {
        padding-top: var(--su24) !important
    }

    .lg\:pt32 {
        padding-top: var(--su32) !important
    }

    .lg\:pt48 {
        padding-top: var(--su48) !important
    }

    .lg\:pt64 {
        padding-top: var(--su64) !important
    }

    .lg\:pt96 {
        padding-top: var(--su96) !important
    }

    .lg\:pt128 {
        padding-top: var(--su128) !important
    }

    .lg\:pr0 {
        padding-right: var(--su0) !important
    }

    .lg\:pr1 {
        padding-right: var(--su1) !important
    }

    .lg\:pr2 {
        padding-right: var(--su2) !important
    }

    .lg\:pr4 {
        padding-right: var(--su4) !important
    }

    .lg\:pr6 {
        padding-right: var(--su6) !important
    }

    .lg\:pr8 {
        padding-right: var(--su8) !important
    }

    .lg\:pr12 {
        padding-right: var(--su12) !important
    }

    .lg\:pr16 {
        padding-right: var(--su16) !important
    }

    .lg\:pr24 {
        padding-right: var(--su24) !important
    }

    .lg\:pr32 {
        padding-right: var(--su32) !important
    }

    .lg\:pr48 {
        padding-right: var(--su48) !important
    }

    .lg\:pr64 {
        padding-right: var(--su64) !important
    }

    .lg\:pr96 {
        padding-right: var(--su96) !important
    }

    .lg\:pr128 {
        padding-right: var(--su128) !important
    }

    .lg\:pb0 {
        padding-bottom: var(--su0) !important
    }

    .lg\:pb1 {
        padding-bottom: var(--su1) !important
    }

    .lg\:pb2 {
        padding-bottom: var(--su2) !important
    }

    .lg\:pb4 {
        padding-bottom: var(--su4) !important
    }

    .lg\:pb6 {
        padding-bottom: var(--su6) !important
    }

    .lg\:pb8 {
        padding-bottom: var(--su8) !important
    }

    .lg\:pb12 {
        padding-bottom: var(--su12) !important
    }

    .lg\:pb16 {
        padding-bottom: var(--su16) !important
    }

    .lg\:pb24 {
        padding-bottom: var(--su24) !important
    }

    .lg\:pb32 {
        padding-bottom: var(--su32) !important
    }

    .lg\:pb48 {
        padding-bottom: var(--su48) !important
    }

    .lg\:pb64 {
        padding-bottom: var(--su64) !important
    }

    .lg\:pb96 {
        padding-bottom: var(--su96) !important
    }

    .lg\:pb128 {
        padding-bottom: var(--su128) !important
    }

    .lg\:pl0 {
        padding-left: var(--su0) !important
    }

    .lg\:pl1 {
        padding-left: var(--su1) !important
    }

    .lg\:pl2 {
        padding-left: var(--su2) !important
    }

    .lg\:pl4 {
        padding-left: var(--su4) !important
    }

    .lg\:pl6 {
        padding-left: var(--su6) !important
    }

    .lg\:pl8 {
        padding-left: var(--su8) !important
    }

    .lg\:pl12 {
        padding-left: var(--su12) !important
    }

    .lg\:pl16 {
        padding-left: var(--su16) !important
    }

    .lg\:pl24 {
        padding-left: var(--su24) !important
    }

    .lg\:pl32 {
        padding-left: var(--su32) !important
    }

    .lg\:pl48 {
        padding-left: var(--su48) !important
    }

    .lg\:pl64 {
        padding-left: var(--su64) !important
    }

    .lg\:pl96 {
        padding-left: var(--su96) !important
    }

    .lg\:pl128 {
        padding-left: var(--su128) !important
    }

    .lg\:px0 {
        padding-left: var(--su0) !important;
        padding-right: var(--su0) !important
    }

    .lg\:px1 {
        padding-left: var(--su1) !important;
        padding-right: var(--su1) !important
    }

    .lg\:px2 {
        padding-left: var(--su2) !important;
        padding-right: var(--su2) !important
    }

    .lg\:px4 {
        padding-left: var(--su4) !important;
        padding-right: var(--su4) !important
    }

    .lg\:px6 {
        padding-left: var(--su6) !important;
        padding-right: var(--su6) !important
    }

    .lg\:px8 {
        padding-left: var(--su8) !important;
        padding-right: var(--su8) !important
    }

    .lg\:px12 {
        padding-left: var(--su12) !important;
        padding-right: var(--su12) !important
    }

    .lg\:px16 {
        padding-left: var(--su16) !important;
        padding-right: var(--su16) !important
    }

    .lg\:px24 {
        padding-left: var(--su24) !important;
        padding-right: var(--su24) !important
    }

    .lg\:px32 {
        padding-left: var(--su32) !important;
        padding-right: var(--su32) !important
    }

    .lg\:px48 {
        padding-left: var(--su48) !important;
        padding-right: var(--su48) !important
    }

    .lg\:px64 {
        padding-left: var(--su64) !important;
        padding-right: var(--su64) !important
    }

    .lg\:px96 {
        padding-left: var(--su96) !important;
        padding-right: var(--su96) !important
    }

    .lg\:px128 {
        padding-left: var(--su128) !important;
        padding-right: var(--su128) !important
    }

    .lg\:py0 {
        padding-bottom: var(--su0) !important;
        padding-top: var(--su0) !important
    }

    .lg\:py1 {
        padding-bottom: var(--su1) !important;
        padding-top: var(--su1) !important
    }

    .lg\:py2 {
        padding-bottom: var(--su2) !important;
        padding-top: var(--su2) !important
    }

    .lg\:py4 {
        padding-bottom: var(--su4) !important;
        padding-top: var(--su4) !important
    }

    .lg\:py6 {
        padding-bottom: var(--su6) !important;
        padding-top: var(--su6) !important
    }

    .lg\:py8 {
        padding-bottom: var(--su8) !important;
        padding-top: var(--su8) !important
    }

    .lg\:py12 {
        padding-bottom: var(--su12) !important;
        padding-top: var(--su12) !important
    }

    .lg\:py16 {
        padding-bottom: var(--su16) !important;
        padding-top: var(--su16) !important
    }

    .lg\:py24 {
        padding-bottom: var(--su24) !important;
        padding-top: var(--su24) !important
    }

    .lg\:py32 {
        padding-bottom: var(--su32) !important;
        padding-top: var(--su32) !important
    }

    .lg\:py48 {
        padding-bottom: var(--su48) !important;
        padding-top: var(--su48) !important
    }

    .lg\:py64 {
        padding-bottom: var(--su64) !important;
        padding-top: var(--su64) !important
    }

    .lg\:py96 {
        padding-bottom: var(--su96) !important;
        padding-top: var(--su96) !important
    }

    .lg\:py128 {
        padding-bottom: var(--su128) !important;
        padding-top: var(--su128) !important
    }

    .lg\:i0 {
        inset: var(--su0) !important
    }

    .lg\:i1 {
        inset: var(--su1) !important
    }

    .lg\:i2 {
        inset: var(--su2) !important
    }

    .lg\:i4 {
        inset: var(--su4) !important
    }

    .lg\:i6 {
        inset: var(--su6) !important
    }

    .lg\:i8 {
        inset: var(--su8) !important
    }

    .lg\:i12 {
        inset: var(--su12) !important
    }

    .lg\:i16 {
        inset: var(--su16) !important
    }

    .lg\:i24 {
        inset: var(--su24) !important
    }

    .lg\:i32 {
        inset: var(--su32) !important
    }

    .lg\:i48 {
        inset: var(--su48) !important
    }

    .lg\:i64 {
        inset: var(--su64) !important
    }

    .lg\:i96 {
        inset: var(--su96) !important
    }

    .lg\:i128 {
        inset: var(--su128) !important
    }

    .lg\:t0 {
        top: var(--su0) !important
    }

    .lg\:t1 {
        top: var(--su1) !important
    }

    .lg\:t2 {
        top: var(--su2) !important
    }

    .lg\:t4 {
        top: var(--su4) !important
    }

    .lg\:t6 {
        top: var(--su6) !important
    }

    .lg\:t8 {
        top: var(--su8) !important
    }

    .lg\:t12 {
        top: var(--su12) !important
    }

    .lg\:t16 {
        top: var(--su16) !important
    }

    .lg\:t24 {
        top: var(--su24) !important
    }

    .lg\:t32 {
        top: var(--su32) !important
    }

    .lg\:t48 {
        top: var(--su48) !important
    }

    .lg\:t64 {
        top: var(--su64) !important
    }

    .lg\:t96 {
        top: var(--su96) !important
    }

    .lg\:t128 {
        top: var(--su128) !important
    }

    .lg\:tn1 {
        top: calc(var(--su1)*-1) !important
    }

    .lg\:tn2 {
        top: calc(var(--su2)*-1) !important
    }

    .lg\:tn4 {
        top: calc(var(--su4)*-1) !important
    }

    .lg\:tn6 {
        top: calc(var(--su6)*-1) !important
    }

    .lg\:tn8 {
        top: calc(var(--su8)*-1) !important
    }

    .lg\:tn12 {
        top: calc(var(--su12)*-1) !important
    }

    .lg\:tn16 {
        top: calc(var(--su16)*-1) !important
    }

    .lg\:tn24 {
        top: calc(var(--su24)*-1) !important
    }

    .lg\:tn32 {
        top: calc(var(--su32)*-1) !important
    }

    .lg\:tn48 {
        top: calc(var(--su48)*-1) !important
    }

    .lg\:tn64 {
        top: calc(var(--su64)*-1) !important
    }

    .lg\:tn96 {
        top: calc(var(--su96)*-1) !important
    }

    .lg\:tn128 {
        top: calc(var(--su128)*-1) !important
    }

    .lg\:t50 {
        top: 50% !important
    }

    .lg\:t100 {
        top: 100% !important
    }

    .lg\:tn50 {
        top: -50% !important
    }

    .lg\:tn100 {
        top: -100% !important
    }

    .lg\:r0 {
        right: var(--su0) !important
    }

    .lg\:r1 {
        right: var(--su1) !important
    }

    .lg\:r2 {
        right: var(--su2) !important
    }

    .lg\:r4 {
        right: var(--su4) !important
    }

    .lg\:r6 {
        right: var(--su6) !important
    }

    .lg\:r8 {
        right: var(--su8) !important
    }

    .lg\:r12 {
        right: var(--su12) !important
    }

    .lg\:r16 {
        right: var(--su16) !important
    }

    .lg\:r24 {
        right: var(--su24) !important
    }

    .lg\:r32 {
        right: var(--su32) !important
    }

    .lg\:r48 {
        right: var(--su48) !important
    }

    .lg\:r64 {
        right: var(--su64) !important
    }

    .lg\:r96 {
        right: var(--su96) !important
    }

    .lg\:r128 {
        right: var(--su128) !important
    }

    .lg\:rn1 {
        right: calc(var(--su1)*-1) !important
    }

    .lg\:rn2 {
        right: calc(var(--su2)*-1) !important
    }

    .lg\:rn4 {
        right: calc(var(--su4)*-1) !important
    }

    .lg\:rn6 {
        right: calc(var(--su6)*-1) !important
    }

    .lg\:rn8 {
        right: calc(var(--su8)*-1) !important
    }

    .lg\:rn12 {
        right: calc(var(--su12)*-1) !important
    }

    .lg\:rn16 {
        right: calc(var(--su16)*-1) !important
    }

    .lg\:rn24 {
        right: calc(var(--su24)*-1) !important
    }

    .lg\:rn32 {
        right: calc(var(--su32)*-1) !important
    }

    .lg\:rn48 {
        right: calc(var(--su48)*-1) !important
    }

    .lg\:rn64 {
        right: calc(var(--su64)*-1) !important
    }

    .lg\:rn96 {
        right: calc(var(--su96)*-1) !important
    }

    .lg\:rn128 {
        right: calc(var(--su128)*-1) !important
    }

    .lg\:r50 {
        right: 50% !important
    }

    .lg\:r100 {
        right: 100% !important
    }

    .lg\:rn50 {
        right: -50% !important
    }

    .lg\:rn100 {
        right: -100% !important
    }

    .lg\:b0 {
        bottom: var(--su0) !important
    }

    .lg\:b1 {
        bottom: var(--su1) !important
    }

    .lg\:b2 {
        bottom: var(--su2) !important
    }

    .lg\:b4 {
        bottom: var(--su4) !important
    }

    .lg\:b6 {
        bottom: var(--su6) !important
    }

    .lg\:b8 {
        bottom: var(--su8) !important
    }

    .lg\:b12 {
        bottom: var(--su12) !important
    }

    .lg\:b16 {
        bottom: var(--su16) !important
    }

    .lg\:b24 {
        bottom: var(--su24) !important
    }

    .lg\:b32 {
        bottom: var(--su32) !important
    }

    .lg\:b48 {
        bottom: var(--su48) !important
    }

    .lg\:b64 {
        bottom: var(--su64) !important
    }

    .lg\:b96 {
        bottom: var(--su96) !important
    }

    .lg\:b128 {
        bottom: var(--su128) !important
    }

    .lg\:bn1 {
        bottom: calc(var(--su1)*-1) !important
    }

    .lg\:bn2 {
        bottom: calc(var(--su2)*-1) !important
    }

    .lg\:bn4 {
        bottom: calc(var(--su4)*-1) !important
    }

    .lg\:bn6 {
        bottom: calc(var(--su6)*-1) !important
    }

    .lg\:bn8 {
        bottom: calc(var(--su8)*-1) !important
    }

    .lg\:bn12 {
        bottom: calc(var(--su12)*-1) !important
    }

    .lg\:bn16 {
        bottom: calc(var(--su16)*-1) !important
    }

    .lg\:bn24 {
        bottom: calc(var(--su24)*-1) !important
    }

    .lg\:bn32 {
        bottom: calc(var(--su32)*-1) !important
    }

    .lg\:bn48 {
        bottom: calc(var(--su48)*-1) !important
    }

    .lg\:bn64 {
        bottom: calc(var(--su64)*-1) !important
    }

    .lg\:bn96 {
        bottom: calc(var(--su96)*-1) !important
    }

    .lg\:bn128 {
        bottom: calc(var(--su128)*-1) !important
    }

    .lg\:b50 {
        bottom: 50% !important
    }

    .lg\:b100 {
        bottom: 100% !important
    }

    .lg\:bn50 {
        bottom: -50% !important
    }

    .lg\:bn100 {
        bottom: -100% !important
    }

    .lg\:l0 {
        left: var(--su0) !important
    }

    .lg\:l1 {
        left: var(--su1) !important
    }

    .lg\:l2 {
        left: var(--su2) !important
    }

    .lg\:l4 {
        left: var(--su4) !important
    }

    .lg\:l6 {
        left: var(--su6) !important
    }

    .lg\:l8 {
        left: var(--su8) !important
    }

    .lg\:l12 {
        left: var(--su12) !important
    }

    .lg\:l16 {
        left: var(--su16) !important
    }

    .lg\:l24 {
        left: var(--su24) !important
    }

    .lg\:l32 {
        left: var(--su32) !important
    }

    .lg\:l48 {
        left: var(--su48) !important
    }

    .lg\:l64 {
        left: var(--su64) !important
    }

    .lg\:l96 {
        left: var(--su96) !important
    }

    .lg\:l128 {
        left: var(--su128) !important
    }

    .lg\:ln1 {
        left: calc(var(--su1)*-1) !important
    }

    .lg\:ln2 {
        left: calc(var(--su2)*-1) !important
    }

    .lg\:ln4 {
        left: calc(var(--su4)*-1) !important
    }

    .lg\:ln6 {
        left: calc(var(--su6)*-1) !important
    }

    .lg\:ln8 {
        left: calc(var(--su8)*-1) !important
    }

    .lg\:ln12 {
        left: calc(var(--su12)*-1) !important
    }

    .lg\:ln16 {
        left: calc(var(--su16)*-1) !important
    }

    .lg\:ln24 {
        left: calc(var(--su24)*-1) !important
    }

    .lg\:ln32 {
        left: calc(var(--su32)*-1) !important
    }

    .lg\:ln48 {
        left: calc(var(--su48)*-1) !important
    }

    .lg\:ln64 {
        left: calc(var(--su64)*-1) !important
    }

    .lg\:ln96 {
        left: calc(var(--su96)*-1) !important
    }

    .lg\:ln128 {
        left: calc(var(--su128)*-1) !important
    }

    .lg\:l50 {
        left: 50% !important
    }

    .lg\:l100 {
        left: 100% !important
    }

    .lg\:ln50 {
        left: -50% !important
    }

    .lg\:ln100 {
        left: -100% !important
    }

    .lg\:ta-left {
        text-align: left !important
    }

    .lg\:ta-center {
        text-align: center !important
    }

    .lg\:ta-right {
        text-align: right !important
    }

    .lg\:d-block {
        display: block !important
    }

    .lg\:d-flex {
        display: flex !important
    }

    .lg\:d-inline-flex {
        display: inline-flex !important
    }

    .lg\:d-grid {
        display: grid !important
    }

    .lg\:d-inline-grid {
        display: inline-grid !important
    }

    .lg\:d-inline {
        display: inline !important
    }

    .lg\:d-inline-block {
        display: inline-block !important
    }

    .lg\:d-none {
        display: none !important
    }

    .lg\:ps-absolute {
        position: absolute !important
    }

    .lg\:ps-fixed {
        position: fixed !important
    }

    .lg\:ps-relative {
        position: relative !important
    }

    .lg\:ps-static {
        position: static !important
    }

    .lg\:ps-sticky {
        position: sticky !important
    }

    .lg\:bs-none {
        box-shadow: none !important
    }

    .lg\:w25 {
        width: 25% !important
    }

    .lg\:w33 {
        width: 33.33333% !important
    }

    .lg\:w50 {
        width: 50% !important
    }

    .lg\:w66 {
        width: 66.66667% !important
    }

    .lg\:w75 {
        width: 75% !important
    }

    .lg\:w100 {
        width: 100% !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:w-screen {
        width: 100vw !important
    }

    .lg\:wmx100 {
        max-width: 100% !important
    }

    .lg\:wmx-initial {
        max-width: none !important
    }

    .lg\:wmx-screen {
        max-width: 100vw !important
    }

    .lg\:wmn100 {
        min-width: 100% !important
    }

    .lg\:wmn-initial {
        min-width: auto !important
    }

    .lg\:h100 {
        height: 100% !important
    }

    .lg\:h-auto {
        height: auto !important
    }

    .lg\:h-screen {
        height: 100vh !important
    }

    .lg\:hmx100 {
        max-height: 100% !important
    }

    .lg\:hmx-initial {
        max-height: none !important
    }

    .lg\:hmx-screen {
        max-height: 100vh !important
    }

    .lg\:hmn100 {
        min-height: 100% !important
    }

    .lg\:hmn-initial {
        min-height: auto !important
    }

    .lg\:hmn-screen {
        min-height: 100vh !important
    }
}

@media (max-width:980px) {
    .md\:ba {
        border-style: solid !important;
        border-width: var(--su-static1) !important
    }

    .md\:bt {
        border-top-style: solid !important;
        border-top-width: var(--su-static1) !important
    }

    .md\:br {
        border-right-style: solid !important;
        border-right-width: var(--su-static1) !important
    }

    .md\:bb {
        border-bottom-style: solid !important;
        border-bottom-width: var(--su-static1) !important
    }

    .md\:bl {
        border-left-style: solid !important;
        border-left-width: var(--su-static1) !important
    }

    .md\:baw0 {
        border-width: 0 !important
    }

    .md\:btw0 {
        border-top-width: 0 !important
    }

    .md\:brw0 {
        border-right-width: 0 !important
    }

    .md\:bbw0 {
        border-bottom-width: 0 !important
    }

    .md\:blw0 {
        border-left-width: 0 !important
    }

    .md\:bar0 {
        border-radius: 0 !important
    }

    .md\:fd-row {
        flex-direction: row !important
    }

    .md\:fd-row-reverse {
        flex-direction: row-reverse !important
    }

    .md\:fd-column {
        flex-direction: column !important
    }

    .md\:fd-column-reverse {
        flex-direction: column-reverse !important
    }

    .md\:fw-wrap {
        flex-wrap: wrap !important
    }

    .md\:fw-reverse {
        flex-wrap: wrap-reverse !important
    }

    .md\:fw-nowrap {
        flex-wrap: nowrap !important
    }

    .md\:jc-center {
        justify-content: center !important
    }

    .md\:jc-end {
        justify-content: flex-end !important
    }

    .md\:jc-space-around {
        justify-content: space-around !important
    }

    .md\:jc-space-between {
        justify-content: space-between !important
    }

    .md\:jc-space-evenly {
        justify-content: space-evenly !important
    }

    .md\:jc-start {
        justify-content: flex-start !important
    }

    .md\:ai-baseline {
        align-items: baseline !important
    }

    .md\:ai-center {
        align-items: center !important
    }

    .md\:ai-end {
        align-items: flex-end !important
    }

    .md\:ai-start {
        align-items: flex-start !important
    }

    .md\:ai-stretch {
        align-items: stretch !important
    }

    .md\:as-auto {
        align-self: auto !important
    }

    .md\:as-baseline {
        align-self: baseline !important
    }

    .md\:as-center {
        align-self: center !important
    }

    .md\:as-end {
        align-self: flex-end !important
    }

    .md\:as-start {
        align-self: flex-start !important
    }

    .md\:as-stretch {
        align-self: stretch !important
    }

    .md\:fl-grow1 {
        flex-grow: 1 !important
    }

    .md\:fl-grow0 {
        flex-grow: 0 !important
    }

    .md\:fl-shrink1 {
        flex-shrink: 1 !important
    }

    .md\:fl-shrink0 {
        flex-shrink: 0 !important
    }

    .md\:fl-none {
        flex: none !important
    }

    .md\:fl-initial {
        flex: 0 1 auto !important
    }

    .md\:fl-auto {
        flex: 1 1 auto !important
    }

    .md\:fl-equal {
        flex: 1 1 0% !important
    }

    .md\:order-first {
        order: -1 !important
    }

    .md\:order-last {
        order: 1 !important
    }

    .md\:fl0 {
        flex: 0 auto !important
    }

    .md\:fl1 {
        flex: 1 auto !important
    }

    .md\:g0 {
        --_gap-y: 0;
        --_gap-x: 0
    }

    .md\:g1 {
        --_gap-y: var(--su1);
        --_gap-x: var(--su1)
    }

    .md\:g2 {
        --_gap-y: var(--su2);
        --_gap-x: var(--su2)
    }

    .md\:g4 {
        --_gap-y: var(--su4);
        --_gap-x: var(--su4)
    }

    .md\:g6 {
        --_gap-y: var(--su6);
        --_gap-x: var(--su6)
    }

    .md\:g8 {
        --_gap-y: var(--su8);
        --_gap-x: var(--su8)
    }

    .md\:g12 {
        --_gap-y: var(--su12);
        --_gap-x: var(--su12)
    }

    .md\:g16 {
        --_gap-y: var(--su16);
        --_gap-x: var(--su16)
    }

    .md\:g24 {
        --_gap-y: var(--su24);
        --_gap-x: var(--su24)
    }

    .md\:g32 {
        --_gap-y: var(--su32);
        --_gap-x: var(--su32)
    }

    .md\:g48 {
        --_gap-y: var(--su48);
        --_gap-x: var(--su48)
    }

    .md\:g64 {
        --_gap-y: var(--su64);
        --_gap-x: var(--su64)
    }

    .md\:gx0 {
        --_gap-x: 0
    }

    .md\:gx1 {
        --_gap-x: var(--su1)
    }

    .md\:gx2 {
        --_gap-x: var(--su2)
    }

    .md\:gx4 {
        --_gap-x: var(--su4)
    }

    .md\:gx6 {
        --_gap-x: var(--su6)
    }

    .md\:gx8 {
        --_gap-x: var(--su8)
    }

    .md\:gx12 {
        --_gap-x: var(--su12)
    }

    .md\:gx16 {
        --_gap-x: var(--su16)
    }

    .md\:gx24 {
        --_gap-x: var(--su24)
    }

    .md\:gx32 {
        --_gap-x: var(--su32)
    }

    .md\:gx48 {
        --_gap-x: var(--su48)
    }

    .md\:gx64 {
        --_gap-x: var(--su64)
    }

    .md\:gy0 {
        --_gap-y: 0
    }

    .md\:gy1 {
        --_gap-y: var(--su1)
    }

    .md\:gy2 {
        --_gap-y: var(--su2)
    }

    .md\:gy4 {
        --_gap-y: var(--su4)
    }

    .md\:gy6 {
        --_gap-y: var(--su6)
    }

    .md\:gy8 {
        --_gap-y: var(--su8)
    }

    .md\:gy12 {
        --_gap-y: var(--su12)
    }

    .md\:gy16 {
        --_gap-y: var(--su16)
    }

    .md\:gy24 {
        --_gap-y: var(--su24)
    }

    .md\:gy32 {
        --_gap-y: var(--su32)
    }

    .md\:gy48 {
        --_gap-y: var(--su48)
    }

    .md\:gy64 {
        --_gap-y: var(--su64)
    }

    .md\:g-af-dense {
        grid-auto-flow: dense
    }

    .md\:g-af-row {
        grid-auto-flow: row
    }

    .md\:g-af-column {
        grid-auto-flow: column
    }

    .md\:grid__1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .md\:grid__2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid__3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid__4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .md\:grid__5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .md\:grid__6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid__7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .md\:grid__8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .md\:grid__9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .md\:grid__10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .md\:grid__11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .md\:grid__12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:grid__auto {
        grid-template-columns: auto 1fr
    }

    .md\:grid--col-all {
        grid-column: 1/-1
    }

    .md\:grid--row-all {
        grid-row: 1/-1
    }

    .md\:grid--col1 {
        grid-column: span 1
    }

    .md\:grid--col2 {
        grid-column: span 2
    }

    .md\:grid--col3 {
        grid-column: span 3
    }

    .md\:grid--col4 {
        grid-column: span 4
    }

    .md\:grid--col5 {
        grid-column: span 5
    }

    .md\:grid--col6 {
        grid-column: span 6
    }

    .md\:grid--col7 {
        grid-column: span 7
    }

    .md\:grid--col8 {
        grid-column: span 8
    }

    .md\:grid--col9 {
        grid-column: span 9
    }

    .md\:grid--col10 {
        grid-column: span 10
    }

    .md\:grid--col11 {
        grid-column: span 11
    }

    .md\:grid--col12 {
        grid-column: span 12
    }

    .md\:grid--row1 {
        grid-row: span 1
    }

    .md\:grid--row2 {
        grid-row: span 2
    }

    .md\:grid--row3 {
        grid-row: span 3
    }

    .md\:grid--row4 {
        grid-row: span 4
    }

    .md\:grid--row5 {
        grid-row: span 5
    }

    .md\:grid--row6 {
        grid-row: span 6
    }

    .md\:grid--row7 {
        grid-row: span 7
    }

    .md\:grid--row8 {
        grid-row: span 8
    }

    .md\:grid--row9 {
        grid-row: span 9
    }

    .md\:grid--row10 {
        grid-row: span 10
    }

    .md\:grid--row11 {
        grid-row: span 11
    }

    .md\:grid--row12 {
        grid-row: span 12
    }

    .md\:grid--col-start1 {
        grid-column-start: 1
    }

    .md\:grid--col-start2 {
        grid-column-start: 2
    }

    .md\:grid--col-start3 {
        grid-column-start: 3
    }

    .md\:grid--col-start4 {
        grid-column-start: 4
    }

    .md\:grid--col-start5 {
        grid-column-start: 5
    }

    .md\:grid--col-start6 {
        grid-column-start: 6
    }

    .md\:grid--col-start7 {
        grid-column-start: 7
    }

    .md\:grid--col-start8 {
        grid-column-start: 8
    }

    .md\:grid--col-start9 {
        grid-column-start: 9
    }

    .md\:grid--col-start10 {
        grid-column-start: 10
    }

    .md\:grid--col-start11 {
        grid-column-start: 11
    }

    .md\:grid--col-start12 {
        grid-column-start: 12
    }

    .md\:grid--col-end2 {
        grid-column-end: 2
    }

    .md\:grid--col-end3 {
        grid-column-end: 3
    }

    .md\:grid--col-end4 {
        grid-column-end: 4
    }

    .md\:grid--col-end5 {
        grid-column-end: 5
    }

    .md\:grid--col-end6 {
        grid-column-end: 6
    }

    .md\:grid--col-end7 {
        grid-column-end: 7
    }

    .md\:grid--col-end8 {
        grid-column-end: 8
    }

    .md\:grid--col-end9 {
        grid-column-end: 9
    }

    .md\:grid--col-end10 {
        grid-column-end: 10
    }

    .md\:grid--col-end11 {
        grid-column-end: 11
    }

    .md\:grid--col-end12 {
        grid-column-end: 12
    }

    .md\:grid--col-end13 {
        grid-column-end: 13
    }

    .md\:grid--row-start1 {
        grid-row-start: 1
    }

    .md\:grid--row-start2 {
        grid-row-start: 2
    }

    .md\:grid--row-start3 {
        grid-row-start: 3
    }

    .md\:grid--row-start4 {
        grid-row-start: 4
    }

    .md\:grid--row-start5 {
        grid-row-start: 5
    }

    .md\:grid--row-start6 {
        grid-row-start: 6
    }

    .md\:grid--row-start7 {
        grid-row-start: 7
    }

    .md\:grid--row-start8 {
        grid-row-start: 8
    }

    .md\:grid--row-start9 {
        grid-row-start: 9
    }

    .md\:grid--row-start10 {
        grid-row-start: 10
    }

    .md\:grid--row-start11 {
        grid-row-start: 11
    }

    .md\:grid--row-start12 {
        grid-row-start: 12
    }

    .md\:grid--row-end2 {
        grid-row-end: 2
    }

    .md\:grid--row-end3 {
        grid-row-end: 3
    }

    .md\:grid--row-end4 {
        grid-row-end: 4
    }

    .md\:grid--row-end5 {
        grid-row-end: 5
    }

    .md\:grid--row-end6 {
        grid-row-end: 6
    }

    .md\:grid--row-end7 {
        grid-row-end: 7
    }

    .md\:grid--row-end8 {
        grid-row-end: 8
    }

    .md\:grid--row-end9 {
        grid-row-end: 9
    }

    .md\:grid--row-end10 {
        grid-row-end: 10
    }

    .md\:grid--row-end11 {
        grid-row-end: 11
    }

    .md\:grid--row-end12 {
        grid-row-end: 12
    }

    .md\:grid--row-end13 {
        grid-row-end: 13
    }

    .md\:ji-auto {
        justify-items: auto !important
    }

    .md\:ji-center {
        justify-items: center !important
    }

    .md\:ji-start {
        justify-items: start !important
    }

    .md\:ji-end {
        justify-items: end !important
    }

    .md\:ji-stretch {
        justify-items: stretch !important
    }

    .md\:ji-unset {
        justify-items: unset !important
    }

    .md\:js-auto {
        justify-self: auto !important
    }

    .md\:js-center {
        justify-self: center !important
    }

    .md\:js-start {
        justify-self: start !important
    }

    .md\:js-end {
        justify-self: end !important
    }

    .md\:js-stretch {
        justify-self: stretch !important
    }

    .md\:js-unset {
        justify-self: unset !important
    }

    .md\:m0 {
        margin: var(--su0) !important
    }

    .md\:m1 {
        margin: var(--su1) !important
    }

    .md\:m2 {
        margin: var(--su2) !important
    }

    .md\:m4 {
        margin: var(--su4) !important
    }

    .md\:m6 {
        margin: var(--su6) !important
    }

    .md\:m8 {
        margin: var(--su8) !important
    }

    .md\:m12 {
        margin: var(--su12) !important
    }

    .md\:m16 {
        margin: var(--su16) !important
    }

    .md\:m24 {
        margin: var(--su24) !important
    }

    .md\:m32 {
        margin: var(--su32) !important
    }

    .md\:m48 {
        margin: var(--su48) !important
    }

    .md\:m64 {
        margin: var(--su64) !important
    }

    .md\:m96 {
        margin: var(--su96) !important
    }

    .md\:m128 {
        margin: var(--su128) !important
    }

    .md\:mn1 {
        margin: calc(var(--su1)*-1) !important
    }

    .md\:mn2 {
        margin: calc(var(--su2)*-1) !important
    }

    .md\:mn4 {
        margin: calc(var(--su4)*-1) !important
    }

    .md\:mn6 {
        margin: calc(var(--su6)*-1) !important
    }

    .md\:mn8 {
        margin: calc(var(--su8)*-1) !important
    }

    .md\:mn12 {
        margin: calc(var(--su12)*-1) !important
    }

    .md\:mn16 {
        margin: calc(var(--su16)*-1) !important
    }

    .md\:mn24 {
        margin: calc(var(--su24)*-1) !important
    }

    .md\:mn32 {
        margin: calc(var(--su32)*-1) !important
    }

    .md\:mn48 {
        margin: calc(var(--su48)*-1) !important
    }

    .md\:mn64 {
        margin: calc(var(--su64)*-1) !important
    }

    .md\:mn96 {
        margin: calc(var(--su96)*-1) !important
    }

    .md\:mn128 {
        margin: calc(var(--su128)*-1) !important
    }

    .md\:m50 {
        margin: 50% !important
    }

    .md\:m100 {
        margin: 100% !important
    }

    .md\:mn50 {
        margin: -50% !important
    }

    .md\:mn100 {
        margin: -100% !important
    }

    .md\:mt0 {
        margin-top: var(--su0) !important
    }

    .md\:mt1 {
        margin-top: var(--su1) !important
    }

    .md\:mt2 {
        margin-top: var(--su2) !important
    }

    .md\:mt4 {
        margin-top: var(--su4) !important
    }

    .md\:mt6 {
        margin-top: var(--su6) !important
    }

    .md\:mt8 {
        margin-top: var(--su8) !important
    }

    .md\:mt12 {
        margin-top: var(--su12) !important
    }

    .md\:mt16 {
        margin-top: var(--su16) !important
    }

    .md\:mt24 {
        margin-top: var(--su24) !important
    }

    .md\:mt32 {
        margin-top: var(--su32) !important
    }

    .md\:mt48 {
        margin-top: var(--su48) !important
    }

    .md\:mt64 {
        margin-top: var(--su64) !important
    }

    .md\:mt96 {
        margin-top: var(--su96) !important
    }

    .md\:mt128 {
        margin-top: var(--su128) !important
    }

    .md\:mtn1 {
        margin-top: calc(var(--su1)*-1) !important
    }

    .md\:mtn2 {
        margin-top: calc(var(--su2)*-1) !important
    }

    .md\:mtn4 {
        margin-top: calc(var(--su4)*-1) !important
    }

    .md\:mtn6 {
        margin-top: calc(var(--su6)*-1) !important
    }

    .md\:mtn8 {
        margin-top: calc(var(--su8)*-1) !important
    }

    .md\:mtn12 {
        margin-top: calc(var(--su12)*-1) !important
    }

    .md\:mtn16 {
        margin-top: calc(var(--su16)*-1) !important
    }

    .md\:mtn24 {
        margin-top: calc(var(--su24)*-1) !important
    }

    .md\:mtn32 {
        margin-top: calc(var(--su32)*-1) !important
    }

    .md\:mtn48 {
        margin-top: calc(var(--su48)*-1) !important
    }

    .md\:mtn64 {
        margin-top: calc(var(--su64)*-1) !important
    }

    .md\:mtn96 {
        margin-top: calc(var(--su96)*-1) !important
    }

    .md\:mtn128 {
        margin-top: calc(var(--su128)*-1) !important
    }

    .md\:mt50 {
        margin-top: 50% !important
    }

    .md\:mt100 {
        margin-top: 100% !important
    }

    .md\:mtn50 {
        margin-top: -50% !important
    }

    .md\:mtn100 {
        margin-top: -100% !important
    }

    .md\:mr0 {
        margin-right: var(--su0) !important
    }

    .md\:mr1 {
        margin-right: var(--su1) !important
    }

    .md\:mr2 {
        margin-right: var(--su2) !important
    }

    .md\:mr4 {
        margin-right: var(--su4) !important
    }

    .md\:mr6 {
        margin-right: var(--su6) !important
    }

    .md\:mr8 {
        margin-right: var(--su8) !important
    }

    .md\:mr12 {
        margin-right: var(--su12) !important
    }

    .md\:mr16 {
        margin-right: var(--su16) !important
    }

    .md\:mr24 {
        margin-right: var(--su24) !important
    }

    .md\:mr32 {
        margin-right: var(--su32) !important
    }

    .md\:mr48 {
        margin-right: var(--su48) !important
    }

    .md\:mr64 {
        margin-right: var(--su64) !important
    }

    .md\:mr96 {
        margin-right: var(--su96) !important
    }

    .md\:mr128 {
        margin-right: var(--su128) !important
    }

    .md\:mrn1 {
        margin-right: calc(var(--su1)*-1) !important
    }

    .md\:mrn2 {
        margin-right: calc(var(--su2)*-1) !important
    }

    .md\:mrn4 {
        margin-right: calc(var(--su4)*-1) !important
    }

    .md\:mrn6 {
        margin-right: calc(var(--su6)*-1) !important
    }

    .md\:mrn8 {
        margin-right: calc(var(--su8)*-1) !important
    }

    .md\:mrn12 {
        margin-right: calc(var(--su12)*-1) !important
    }

    .md\:mrn16 {
        margin-right: calc(var(--su16)*-1) !important
    }

    .md\:mrn24 {
        margin-right: calc(var(--su24)*-1) !important
    }

    .md\:mrn32 {
        margin-right: calc(var(--su32)*-1) !important
    }

    .md\:mrn48 {
        margin-right: calc(var(--su48)*-1) !important
    }

    .md\:mrn64 {
        margin-right: calc(var(--su64)*-1) !important
    }

    .md\:mrn96 {
        margin-right: calc(var(--su96)*-1) !important
    }

    .md\:mrn128 {
        margin-right: calc(var(--su128)*-1) !important
    }

    .md\:mr50 {
        margin-right: 50% !important
    }

    .md\:mr100 {
        margin-right: 100% !important
    }

    .md\:mrn50 {
        margin-right: -50% !important
    }

    .md\:mrn100 {
        margin-right: -100% !important
    }

    .md\:mb0 {
        margin-bottom: var(--su0) !important
    }

    .md\:mb1 {
        margin-bottom: var(--su1) !important
    }

    .md\:mb2 {
        margin-bottom: var(--su2) !important
    }

    .md\:mb4 {
        margin-bottom: var(--su4) !important
    }

    .md\:mb6 {
        margin-bottom: var(--su6) !important
    }

    .md\:mb8 {
        margin-bottom: var(--su8) !important
    }

    .md\:mb12 {
        margin-bottom: var(--su12) !important
    }

    .md\:mb16 {
        margin-bottom: var(--su16) !important
    }

    .md\:mb24 {
        margin-bottom: var(--su24) !important
    }

    .md\:mb32 {
        margin-bottom: var(--su32) !important
    }

    .md\:mb48 {
        margin-bottom: var(--su48) !important
    }

    .md\:mb64 {
        margin-bottom: var(--su64) !important
    }

    .md\:mb96 {
        margin-bottom: var(--su96) !important
    }

    .md\:mb128 {
        margin-bottom: var(--su128) !important
    }

    .md\:mbn1 {
        margin-bottom: calc(var(--su1)*-1) !important
    }

    .md\:mbn2 {
        margin-bottom: calc(var(--su2)*-1) !important
    }

    .md\:mbn4 {
        margin-bottom: calc(var(--su4)*-1) !important
    }

    .md\:mbn6 {
        margin-bottom: calc(var(--su6)*-1) !important
    }

    .md\:mbn8 {
        margin-bottom: calc(var(--su8)*-1) !important
    }

    .md\:mbn12 {
        margin-bottom: calc(var(--su12)*-1) !important
    }

    .md\:mbn16 {
        margin-bottom: calc(var(--su16)*-1) !important
    }

    .md\:mbn24 {
        margin-bottom: calc(var(--su24)*-1) !important
    }

    .md\:mbn32 {
        margin-bottom: calc(var(--su32)*-1) !important
    }

    .md\:mbn48 {
        margin-bottom: calc(var(--su48)*-1) !important
    }

    .md\:mbn64 {
        margin-bottom: calc(var(--su64)*-1) !important
    }

    .md\:mbn96 {
        margin-bottom: calc(var(--su96)*-1) !important
    }

    .md\:mbn128 {
        margin-bottom: calc(var(--su128)*-1) !important
    }

    .md\:mb50 {
        margin-bottom: 50% !important
    }

    .md\:mb100 {
        margin-bottom: 100% !important
    }

    .md\:mbn50 {
        margin-bottom: -50% !important
    }

    .md\:mbn100 {
        margin-bottom: -100% !important
    }

    .md\:ml0 {
        margin-left: var(--su0) !important
    }

    .md\:ml1 {
        margin-left: var(--su1) !important
    }

    .md\:ml2 {
        margin-left: var(--su2) !important
    }

    .md\:ml4 {
        margin-left: var(--su4) !important
    }

    .md\:ml6 {
        margin-left: var(--su6) !important
    }

    .md\:ml8 {
        margin-left: var(--su8) !important
    }

    .md\:ml12 {
        margin-left: var(--su12) !important
    }

    .md\:ml16 {
        margin-left: var(--su16) !important
    }

    .md\:ml24 {
        margin-left: var(--su24) !important
    }

    .md\:ml32 {
        margin-left: var(--su32) !important
    }

    .md\:ml48 {
        margin-left: var(--su48) !important
    }

    .md\:ml64 {
        margin-left: var(--su64) !important
    }

    .md\:ml96 {
        margin-left: var(--su96) !important
    }

    .md\:ml128 {
        margin-left: var(--su128) !important
    }

    .md\:mln1 {
        margin-left: calc(var(--su1)*-1) !important
    }

    .md\:mln2 {
        margin-left: calc(var(--su2)*-1) !important
    }

    .md\:mln4 {
        margin-left: calc(var(--su4)*-1) !important
    }

    .md\:mln6 {
        margin-left: calc(var(--su6)*-1) !important
    }

    .md\:mln8 {
        margin-left: calc(var(--su8)*-1) !important
    }

    .md\:mln12 {
        margin-left: calc(var(--su12)*-1) !important
    }

    .md\:mln16 {
        margin-left: calc(var(--su16)*-1) !important
    }

    .md\:mln24 {
        margin-left: calc(var(--su24)*-1) !important
    }

    .md\:mln32 {
        margin-left: calc(var(--su32)*-1) !important
    }

    .md\:mln48 {
        margin-left: calc(var(--su48)*-1) !important
    }

    .md\:mln64 {
        margin-left: calc(var(--su64)*-1) !important
    }

    .md\:mln96 {
        margin-left: calc(var(--su96)*-1) !important
    }

    .md\:mln128 {
        margin-left: calc(var(--su128)*-1) !important
    }

    .md\:ml50 {
        margin-left: 50% !important
    }

    .md\:ml100 {
        margin-left: 100% !important
    }

    .md\:mln50 {
        margin-left: -50% !important
    }

    .md\:mln100 {
        margin-left: -100% !important
    }

    .md\:mx0 {
        margin-left: var(--su0) !important;
        margin-right: var(--su0) !important
    }

    .md\:mx1 {
        margin-left: var(--su1) !important;
        margin-right: var(--su1) !important
    }

    .md\:mx2 {
        margin-left: var(--su2) !important;
        margin-right: var(--su2) !important
    }

    .md\:mx4 {
        margin-left: var(--su4) !important;
        margin-right: var(--su4) !important
    }

    .md\:mx6 {
        margin-left: var(--su6) !important;
        margin-right: var(--su6) !important
    }

    .md\:mx8 {
        margin-left: var(--su8) !important;
        margin-right: var(--su8) !important
    }

    .md\:mx12 {
        margin-left: var(--su12) !important;
        margin-right: var(--su12) !important
    }

    .md\:mx16 {
        margin-left: var(--su16) !important;
        margin-right: var(--su16) !important
    }

    .md\:mx24 {
        margin-left: var(--su24) !important;
        margin-right: var(--su24) !important
    }

    .md\:mx32 {
        margin-left: var(--su32) !important;
        margin-right: var(--su32) !important
    }

    .md\:mx48 {
        margin-left: var(--su48) !important;
        margin-right: var(--su48) !important
    }

    .md\:mx64 {
        margin-left: var(--su64) !important;
        margin-right: var(--su64) !important
    }

    .md\:mx96 {
        margin-left: var(--su96) !important;
        margin-right: var(--su96) !important
    }

    .md\:mx128 {
        margin-left: var(--su128) !important;
        margin-right: var(--su128) !important
    }

    .md\:mxn1 {
        margin-left: calc(var(--su1)*-1) !important;
        margin-right: calc(var(--su1)*-1) !important
    }

    .md\:mxn2 {
        margin-left: calc(var(--su2)*-1) !important;
        margin-right: calc(var(--su2)*-1) !important
    }

    .md\:mxn4 {
        margin-left: calc(var(--su4)*-1) !important;
        margin-right: calc(var(--su4)*-1) !important
    }

    .md\:mxn6 {
        margin-left: calc(var(--su6)*-1) !important;
        margin-right: calc(var(--su6)*-1) !important
    }

    .md\:mxn8 {
        margin-left: calc(var(--su8)*-1) !important;
        margin-right: calc(var(--su8)*-1) !important
    }

    .md\:mxn12 {
        margin-left: calc(var(--su12)*-1) !important;
        margin-right: calc(var(--su12)*-1) !important
    }

    .md\:mxn16 {
        margin-left: calc(var(--su16)*-1) !important;
        margin-right: calc(var(--su16)*-1) !important
    }

    .md\:mxn24 {
        margin-left: calc(var(--su24)*-1) !important;
        margin-right: calc(var(--su24)*-1) !important
    }

    .md\:mxn32 {
        margin-left: calc(var(--su32)*-1) !important;
        margin-right: calc(var(--su32)*-1) !important
    }

    .md\:mxn48 {
        margin-left: calc(var(--su48)*-1) !important;
        margin-right: calc(var(--su48)*-1) !important
    }

    .md\:mxn64 {
        margin-left: calc(var(--su64)*-1) !important;
        margin-right: calc(var(--su64)*-1) !important
    }

    .md\:mxn96 {
        margin-left: calc(var(--su96)*-1) !important;
        margin-right: calc(var(--su96)*-1) !important
    }

    .md\:mxn128 {
        margin-left: calc(var(--su128)*-1) !important;
        margin-right: calc(var(--su128)*-1) !important
    }

    .md\:my0 {
        margin-bottom: var(--su0) !important;
        margin-top: var(--su0) !important
    }

    .md\:my1 {
        margin-bottom: var(--su1) !important;
        margin-top: var(--su1) !important
    }

    .md\:my2 {
        margin-bottom: var(--su2) !important;
        margin-top: var(--su2) !important
    }

    .md\:my4 {
        margin-bottom: var(--su4) !important;
        margin-top: var(--su4) !important
    }

    .md\:my6 {
        margin-bottom: var(--su6) !important;
        margin-top: var(--su6) !important
    }

    .md\:my8 {
        margin-bottom: var(--su8) !important;
        margin-top: var(--su8) !important
    }

    .md\:my12 {
        margin-bottom: var(--su12) !important;
        margin-top: var(--su12) !important
    }

    .md\:my16 {
        margin-bottom: var(--su16) !important;
        margin-top: var(--su16) !important
    }

    .md\:my24 {
        margin-bottom: var(--su24) !important;
        margin-top: var(--su24) !important
    }

    .md\:my32 {
        margin-bottom: var(--su32) !important;
        margin-top: var(--su32) !important
    }

    .md\:my48 {
        margin-bottom: var(--su48) !important;
        margin-top: var(--su48) !important
    }

    .md\:my64 {
        margin-bottom: var(--su64) !important;
        margin-top: var(--su64) !important
    }

    .md\:my96 {
        margin-bottom: var(--su96) !important;
        margin-top: var(--su96) !important
    }

    .md\:my128 {
        margin-bottom: var(--su128) !important;
        margin-top: var(--su128) !important
    }

    .md\:myn1 {
        margin-bottom: calc(var(--su1)*-1) !important;
        margin-top: calc(var(--su1)*-1) !important
    }

    .md\:myn2 {
        margin-bottom: calc(var(--su2)*-1) !important;
        margin-top: calc(var(--su2)*-1) !important
    }

    .md\:myn4 {
        margin-bottom: calc(var(--su4)*-1) !important;
        margin-top: calc(var(--su4)*-1) !important
    }

    .md\:myn6 {
        margin-bottom: calc(var(--su6)*-1) !important;
        margin-top: calc(var(--su6)*-1) !important
    }

    .md\:myn8 {
        margin-bottom: calc(var(--su8)*-1) !important;
        margin-top: calc(var(--su8)*-1) !important
    }

    .md\:myn12 {
        margin-bottom: calc(var(--su12)*-1) !important;
        margin-top: calc(var(--su12)*-1) !important
    }

    .md\:myn16 {
        margin-bottom: calc(var(--su16)*-1) !important;
        margin-top: calc(var(--su16)*-1) !important
    }

    .md\:myn24 {
        margin-bottom: calc(var(--su24)*-1) !important;
        margin-top: calc(var(--su24)*-1) !important
    }

    .md\:myn32 {
        margin-bottom: calc(var(--su32)*-1) !important;
        margin-top: calc(var(--su32)*-1) !important
    }

    .md\:myn48 {
        margin-bottom: calc(var(--su48)*-1) !important;
        margin-top: calc(var(--su48)*-1) !important
    }

    .md\:myn64 {
        margin-bottom: calc(var(--su64)*-1) !important;
        margin-top: calc(var(--su64)*-1) !important
    }

    .md\:myn96 {
        margin-bottom: calc(var(--su96)*-1) !important;
        margin-top: calc(var(--su96)*-1) !important
    }

    .md\:myn128 {
        margin-bottom: calc(var(--su128)*-1) !important;
        margin-top: calc(var(--su128)*-1) !important
    }

    .md\:p0 {
        padding: var(--su0) !important
    }

    .md\:p1 {
        padding: var(--su1) !important
    }

    .md\:p2 {
        padding: var(--su2) !important
    }

    .md\:p4 {
        padding: var(--su4) !important
    }

    .md\:p6 {
        padding: var(--su6) !important
    }

    .md\:p8 {
        padding: var(--su8) !important
    }

    .md\:p12 {
        padding: var(--su12) !important
    }

    .md\:p16 {
        padding: var(--su16) !important
    }

    .md\:p24 {
        padding: var(--su24) !important
    }

    .md\:p32 {
        padding: var(--su32) !important
    }

    .md\:p48 {
        padding: var(--su48) !important
    }

    .md\:p64 {
        padding: var(--su64) !important
    }

    .md\:p96 {
        padding: var(--su96) !important
    }

    .md\:p128 {
        padding: var(--su128) !important
    }

    .md\:pt0 {
        padding-top: var(--su0) !important
    }

    .md\:pt1 {
        padding-top: var(--su1) !important
    }

    .md\:pt2 {
        padding-top: var(--su2) !important
    }

    .md\:pt4 {
        padding-top: var(--su4) !important
    }

    .md\:pt6 {
        padding-top: var(--su6) !important
    }

    .md\:pt8 {
        padding-top: var(--su8) !important
    }

    .md\:pt12 {
        padding-top: var(--su12) !important
    }

    .md\:pt16 {
        padding-top: var(--su16) !important
    }

    .md\:pt24 {
        padding-top: var(--su24) !important
    }

    .md\:pt32 {
        padding-top: var(--su32) !important
    }

    .md\:pt48 {
        padding-top: var(--su48) !important
    }

    .md\:pt64 {
        padding-top: var(--su64) !important
    }

    .md\:pt96 {
        padding-top: var(--su96) !important
    }

    .md\:pt128 {
        padding-top: var(--su128) !important
    }

    .md\:pr0 {
        padding-right: var(--su0) !important
    }

    .md\:pr1 {
        padding-right: var(--su1) !important
    }

    .md\:pr2 {
        padding-right: var(--su2) !important
    }

    .md\:pr4 {
        padding-right: var(--su4) !important
    }

    .md\:pr6 {
        padding-right: var(--su6) !important
    }

    .md\:pr8 {
        padding-right: var(--su8) !important
    }

    .md\:pr12 {
        padding-right: var(--su12) !important
    }

    .md\:pr16 {
        padding-right: var(--su16) !important
    }

    .md\:pr24 {
        padding-right: var(--su24) !important
    }

    .md\:pr32 {
        padding-right: var(--su32) !important
    }

    .md\:pr48 {
        padding-right: var(--su48) !important
    }

    .md\:pr64 {
        padding-right: var(--su64) !important
    }

    .md\:pr96 {
        padding-right: var(--su96) !important
    }

    .md\:pr128 {
        padding-right: var(--su128) !important
    }

    .md\:pb0 {
        padding-bottom: var(--su0) !important
    }

    .md\:pb1 {
        padding-bottom: var(--su1) !important
    }

    .md\:pb2 {
        padding-bottom: var(--su2) !important
    }

    .md\:pb4 {
        padding-bottom: var(--su4) !important
    }

    .md\:pb6 {
        padding-bottom: var(--su6) !important
    }

    .md\:pb8 {
        padding-bottom: var(--su8) !important
    }

    .md\:pb12 {
        padding-bottom: var(--su12) !important
    }

    .md\:pb16 {
        padding-bottom: var(--su16) !important
    }

    .md\:pb24 {
        padding-bottom: var(--su24) !important
    }

    .md\:pb32 {
        padding-bottom: var(--su32) !important
    }

    .md\:pb48 {
        padding-bottom: var(--su48) !important
    }

    .md\:pb64 {
        padding-bottom: var(--su64) !important
    }

    .md\:pb96 {
        padding-bottom: var(--su96) !important
    }

    .md\:pb128 {
        padding-bottom: var(--su128) !important
    }

    .md\:pl0 {
        padding-left: var(--su0) !important
    }

    .md\:pl1 {
        padding-left: var(--su1) !important
    }

    .md\:pl2 {
        padding-left: var(--su2) !important
    }

    .md\:pl4 {
        padding-left: var(--su4) !important
    }

    .md\:pl6 {
        padding-left: var(--su6) !important
    }

    .md\:pl8 {
        padding-left: var(--su8) !important
    }

    .md\:pl12 {
        padding-left: var(--su12) !important
    }

    .md\:pl16 {
        padding-left: var(--su16) !important
    }

    .md\:pl24 {
        padding-left: var(--su24) !important
    }

    .md\:pl32 {
        padding-left: var(--su32) !important
    }

    .md\:pl48 {
        padding-left: var(--su48) !important
    }

    .md\:pl64 {
        padding-left: var(--su64) !important
    }

    .md\:pl96 {
        padding-left: var(--su96) !important
    }

    .md\:pl128 {
        padding-left: var(--su128) !important
    }

    .md\:px0 {
        padding-left: var(--su0) !important;
        padding-right: var(--su0) !important
    }

    .md\:px1 {
        padding-left: var(--su1) !important;
        padding-right: var(--su1) !important
    }

    .md\:px2 {
        padding-left: var(--su2) !important;
        padding-right: var(--su2) !important
    }

    .md\:px4 {
        padding-left: var(--su4) !important;
        padding-right: var(--su4) !important
    }

    .md\:px6 {
        padding-left: var(--su6) !important;
        padding-right: var(--su6) !important
    }

    .md\:px8 {
        padding-left: var(--su8) !important;
        padding-right: var(--su8) !important
    }

    .md\:px12 {
        padding-left: var(--su12) !important;
        padding-right: var(--su12) !important
    }

    .md\:px16 {
        padding-left: var(--su16) !important;
        padding-right: var(--su16) !important
    }

    .md\:px24 {
        padding-left: var(--su24) !important;
        padding-right: var(--su24) !important
    }

    .md\:px32 {
        padding-left: var(--su32) !important;
        padding-right: var(--su32) !important
    }

    .md\:px48 {
        padding-left: var(--su48) !important;
        padding-right: var(--su48) !important
    }

    .md\:px64 {
        padding-left: var(--su64) !important;
        padding-right: var(--su64) !important
    }

    .md\:px96 {
        padding-left: var(--su96) !important;
        padding-right: var(--su96) !important
    }

    .md\:px128 {
        padding-left: var(--su128) !important;
        padding-right: var(--su128) !important
    }

    .md\:py0 {
        padding-bottom: var(--su0) !important;
        padding-top: var(--su0) !important
    }

    .md\:py1 {
        padding-bottom: var(--su1) !important;
        padding-top: var(--su1) !important
    }

    .md\:py2 {
        padding-bottom: var(--su2) !important;
        padding-top: var(--su2) !important
    }

    .md\:py4 {
        padding-bottom: var(--su4) !important;
        padding-top: var(--su4) !important
    }

    .md\:py6 {
        padding-bottom: var(--su6) !important;
        padding-top: var(--su6) !important
    }

    .md\:py8 {
        padding-bottom: var(--su8) !important;
        padding-top: var(--su8) !important
    }

    .md\:py12 {
        padding-bottom: var(--su12) !important;
        padding-top: var(--su12) !important
    }

    .md\:py16 {
        padding-bottom: var(--su16) !important;
        padding-top: var(--su16) !important
    }

    .md\:py24 {
        padding-bottom: var(--su24) !important;
        padding-top: var(--su24) !important
    }

    .md\:py32 {
        padding-bottom: var(--su32) !important;
        padding-top: var(--su32) !important
    }

    .md\:py48 {
        padding-bottom: var(--su48) !important;
        padding-top: var(--su48) !important
    }

    .md\:py64 {
        padding-bottom: var(--su64) !important;
        padding-top: var(--su64) !important
    }

    .md\:py96 {
        padding-bottom: var(--su96) !important;
        padding-top: var(--su96) !important
    }

    .md\:py128 {
        padding-bottom: var(--su128) !important;
        padding-top: var(--su128) !important
    }

    .md\:i0 {
        inset: var(--su0) !important
    }

    .md\:i1 {
        inset: var(--su1) !important
    }

    .md\:i2 {
        inset: var(--su2) !important
    }

    .md\:i4 {
        inset: var(--su4) !important
    }

    .md\:i6 {
        inset: var(--su6) !important
    }

    .md\:i8 {
        inset: var(--su8) !important
    }

    .md\:i12 {
        inset: var(--su12) !important
    }

    .md\:i16 {
        inset: var(--su16) !important
    }

    .md\:i24 {
        inset: var(--su24) !important
    }

    .md\:i32 {
        inset: var(--su32) !important
    }

    .md\:i48 {
        inset: var(--su48) !important
    }

    .md\:i64 {
        inset: var(--su64) !important
    }

    .md\:i96 {
        inset: var(--su96) !important
    }

    .md\:i128 {
        inset: var(--su128) !important
    }

    .md\:t0 {
        top: var(--su0) !important
    }

    .md\:t1 {
        top: var(--su1) !important
    }

    .md\:t2 {
        top: var(--su2) !important
    }

    .md\:t4 {
        top: var(--su4) !important
    }

    .md\:t6 {
        top: var(--su6) !important
    }

    .md\:t8 {
        top: var(--su8) !important
    }

    .md\:t12 {
        top: var(--su12) !important
    }

    .md\:t16 {
        top: var(--su16) !important
    }

    .md\:t24 {
        top: var(--su24) !important
    }

    .md\:t32 {
        top: var(--su32) !important
    }

    .md\:t48 {
        top: var(--su48) !important
    }

    .md\:t64 {
        top: var(--su64) !important
    }

    .md\:t96 {
        top: var(--su96) !important
    }

    .md\:t128 {
        top: var(--su128) !important
    }

    .md\:tn1 {
        top: calc(var(--su1)*-1) !important
    }

    .md\:tn2 {
        top: calc(var(--su2)*-1) !important
    }

    .md\:tn4 {
        top: calc(var(--su4)*-1) !important
    }

    .md\:tn6 {
        top: calc(var(--su6)*-1) !important
    }

    .md\:tn8 {
        top: calc(var(--su8)*-1) !important
    }

    .md\:tn12 {
        top: calc(var(--su12)*-1) !important
    }

    .md\:tn16 {
        top: calc(var(--su16)*-1) !important
    }

    .md\:tn24 {
        top: calc(var(--su24)*-1) !important
    }

    .md\:tn32 {
        top: calc(var(--su32)*-1) !important
    }

    .md\:tn48 {
        top: calc(var(--su48)*-1) !important
    }

    .md\:tn64 {
        top: calc(var(--su64)*-1) !important
    }

    .md\:tn96 {
        top: calc(var(--su96)*-1) !important
    }

    .md\:tn128 {
        top: calc(var(--su128)*-1) !important
    }

    .md\:t50 {
        top: 50% !important
    }

    .md\:t100 {
        top: 100% !important
    }

    .md\:tn50 {
        top: -50% !important
    }

    .md\:tn100 {
        top: -100% !important
    }

    .md\:r0 {
        right: var(--su0) !important
    }

    .md\:r1 {
        right: var(--su1) !important
    }

    .md\:r2 {
        right: var(--su2) !important
    }

    .md\:r4 {
        right: var(--su4) !important
    }

    .md\:r6 {
        right: var(--su6) !important
    }

    .md\:r8 {
        right: var(--su8) !important
    }

    .md\:r12 {
        right: var(--su12) !important
    }

    .md\:r16 {
        right: var(--su16) !important
    }

    .md\:r24 {
        right: var(--su24) !important
    }

    .md\:r32 {
        right: var(--su32) !important
    }

    .md\:r48 {
        right: var(--su48) !important
    }

    .md\:r64 {
        right: var(--su64) !important
    }

    .md\:r96 {
        right: var(--su96) !important
    }

    .md\:r128 {
        right: var(--su128) !important
    }

    .md\:rn1 {
        right: calc(var(--su1)*-1) !important
    }

    .md\:rn2 {
        right: calc(var(--su2)*-1) !important
    }

    .md\:rn4 {
        right: calc(var(--su4)*-1) !important
    }

    .md\:rn6 {
        right: calc(var(--su6)*-1) !important
    }

    .md\:rn8 {
        right: calc(var(--su8)*-1) !important
    }

    .md\:rn12 {
        right: calc(var(--su12)*-1) !important
    }

    .md\:rn16 {
        right: calc(var(--su16)*-1) !important
    }

    .md\:rn24 {
        right: calc(var(--su24)*-1) !important
    }

    .md\:rn32 {
        right: calc(var(--su32)*-1) !important
    }

    .md\:rn48 {
        right: calc(var(--su48)*-1) !important
    }

    .md\:rn64 {
        right: calc(var(--su64)*-1) !important
    }

    .md\:rn96 {
        right: calc(var(--su96)*-1) !important
    }

    .md\:rn128 {
        right: calc(var(--su128)*-1) !important
    }

    .md\:r50 {
        right: 50% !important
    }

    .md\:r100 {
        right: 100% !important
    }

    .md\:rn50 {
        right: -50% !important
    }

    .md\:rn100 {
        right: -100% !important
    }

    .md\:b0 {
        bottom: var(--su0) !important
    }

    .md\:b1 {
        bottom: var(--su1) !important
    }

    .md\:b2 {
        bottom: var(--su2) !important
    }

    .md\:b4 {
        bottom: var(--su4) !important
    }

    .md\:b6 {
        bottom: var(--su6) !important
    }

    .md\:b8 {
        bottom: var(--su8) !important
    }

    .md\:b12 {
        bottom: var(--su12) !important
    }

    .md\:b16 {
        bottom: var(--su16) !important
    }

    .md\:b24 {
        bottom: var(--su24) !important
    }

    .md\:b32 {
        bottom: var(--su32) !important
    }

    .md\:b48 {
        bottom: var(--su48) !important
    }

    .md\:b64 {
        bottom: var(--su64) !important
    }

    .md\:b96 {
        bottom: var(--su96) !important
    }

    .md\:b128 {
        bottom: var(--su128) !important
    }

    .md\:bn1 {
        bottom: calc(var(--su1)*-1) !important
    }

    .md\:bn2 {
        bottom: calc(var(--su2)*-1) !important
    }

    .md\:bn4 {
        bottom: calc(var(--su4)*-1) !important
    }

    .md\:bn6 {
        bottom: calc(var(--su6)*-1) !important
    }

    .md\:bn8 {
        bottom: calc(var(--su8)*-1) !important
    }

    .md\:bn12 {
        bottom: calc(var(--su12)*-1) !important
    }

    .md\:bn16 {
        bottom: calc(var(--su16)*-1) !important
    }

    .md\:bn24 {
        bottom: calc(var(--su24)*-1) !important
    }

    .md\:bn32 {
        bottom: calc(var(--su32)*-1) !important
    }

    .md\:bn48 {
        bottom: calc(var(--su48)*-1) !important
    }

    .md\:bn64 {
        bottom: calc(var(--su64)*-1) !important
    }

    .md\:bn96 {
        bottom: calc(var(--su96)*-1) !important
    }

    .md\:bn128 {
        bottom: calc(var(--su128)*-1) !important
    }

    .md\:b50 {
        bottom: 50% !important
    }

    .md\:b100 {
        bottom: 100% !important
    }

    .md\:bn50 {
        bottom: -50% !important
    }

    .md\:bn100 {
        bottom: -100% !important
    }

    .md\:l0 {
        left: var(--su0) !important
    }

    .md\:l1 {
        left: var(--su1) !important
    }

    .md\:l2 {
        left: var(--su2) !important
    }

    .md\:l4 {
        left: var(--su4) !important
    }

    .md\:l6 {
        left: var(--su6) !important
    }

    .md\:l8 {
        left: var(--su8) !important
    }

    .md\:l12 {
        left: var(--su12) !important
    }

    .md\:l16 {
        left: var(--su16) !important
    }

    .md\:l24 {
        left: var(--su24) !important
    }

    .md\:l32 {
        left: var(--su32) !important
    }

    .md\:l48 {
        left: var(--su48) !important
    }

    .md\:l64 {
        left: var(--su64) !important
    }

    .md\:l96 {
        left: var(--su96) !important
    }

    .md\:l128 {
        left: var(--su128) !important
    }

    .md\:ln1 {
        left: calc(var(--su1)*-1) !important
    }

    .md\:ln2 {
        left: calc(var(--su2)*-1) !important
    }

    .md\:ln4 {
        left: calc(var(--su4)*-1) !important
    }

    .md\:ln6 {
        left: calc(var(--su6)*-1) !important
    }

    .md\:ln8 {
        left: calc(var(--su8)*-1) !important
    }

    .md\:ln12 {
        left: calc(var(--su12)*-1) !important
    }

    .md\:ln16 {
        left: calc(var(--su16)*-1) !important
    }

    .md\:ln24 {
        left: calc(var(--su24)*-1) !important
    }

    .md\:ln32 {
        left: calc(var(--su32)*-1) !important
    }

    .md\:ln48 {
        left: calc(var(--su48)*-1) !important
    }

    .md\:ln64 {
        left: calc(var(--su64)*-1) !important
    }

    .md\:ln96 {
        left: calc(var(--su96)*-1) !important
    }

    .md\:ln128 {
        left: calc(var(--su128)*-1) !important
    }

    .md\:l50 {
        left: 50% !important
    }

    .md\:l100 {
        left: 100% !important
    }

    .md\:ln50 {
        left: -50% !important
    }

    .md\:ln100 {
        left: -100% !important
    }

    .md\:ta-left {
        text-align: left !important
    }

    .md\:ta-center {
        text-align: center !important
    }

    .md\:ta-right {
        text-align: right !important
    }

    .md\:d-block {
        display: block !important
    }

    .md\:d-flex {
        display: flex !important
    }

    .md\:d-inline-flex {
        display: inline-flex !important
    }

    .md\:d-grid {
        display: grid !important
    }

    .md\:d-inline-grid {
        display: inline-grid !important
    }

    .md\:d-inline {
        display: inline !important
    }

    .md\:d-inline-block {
        display: inline-block !important
    }

    .md\:d-none {
        display: none !important
    }

    .md\:ps-absolute {
        position: absolute !important
    }

    .md\:ps-fixed {
        position: fixed !important
    }

    .md\:ps-relative {
        position: relative !important
    }

    .md\:ps-static {
        position: static !important
    }

    .md\:ps-sticky {
        position: sticky !important
    }

    .md\:bs-none {
        box-shadow: none !important
    }

    .md\:w25 {
        width: 25% !important
    }

    .md\:w33 {
        width: 33.33333% !important
    }

    .md\:w50 {
        width: 50% !important
    }

    .md\:w66 {
        width: 66.66667% !important
    }

    .md\:w75 {
        width: 75% !important
    }

    .md\:w100 {
        width: 100% !important
    }

    .md\:w-auto {
        width: auto !important
    }

    .md\:w-screen {
        width: 100vw !important
    }

    .md\:wmx100 {
        max-width: 100% !important
    }

    .md\:wmx-initial {
        max-width: none !important
    }

    .md\:wmx-screen {
        max-width: 100vw !important
    }

    .md\:wmn100 {
        min-width: 100% !important
    }

    .md\:wmn-initial {
        min-width: auto !important
    }

    .md\:h100 {
        height: 100% !important
    }

    .md\:h-auto {
        height: auto !important
    }

    .md\:h-screen {
        height: 100vh !important
    }

    .md\:hmx100 {
        max-height: 100% !important
    }

    .md\:hmx-initial {
        max-height: none !important
    }

    .md\:hmx-screen {
        max-height: 100vh !important
    }

    .md\:hmn100 {
        min-height: 100% !important
    }

    .md\:hmn-initial {
        min-height: auto !important
    }

    .md\:hmn-screen {
        min-height: 100vh !important
    }
}

@media (max-width:640px) {
    .sm\:ba {
        border-style: solid !important;
        border-width: var(--su-static1) !important
    }

    .sm\:bt {
        border-top-style: solid !important;
        border-top-width: var(--su-static1) !important
    }

    .sm\:br {
        border-right-style: solid !important;
        border-right-width: var(--su-static1) !important
    }

    .sm\:bb {
        border-bottom-style: solid !important;
        border-bottom-width: var(--su-static1) !important
    }

    .sm\:bl {
        border-left-style: solid !important;
        border-left-width: var(--su-static1) !important
    }

    .sm\:baw0 {
        border-width: 0 !important
    }

    .sm\:btw0 {
        border-top-width: 0 !important
    }

    .sm\:brw0 {
        border-right-width: 0 !important
    }

    .sm\:bbw0 {
        border-bottom-width: 0 !important
    }

    .sm\:blw0 {
        border-left-width: 0 !important
    }

    .sm\:bar0 {
        border-radius: 0 !important
    }

    .sm\:fd-row {
        flex-direction: row !important
    }

    .sm\:fd-row-reverse {
        flex-direction: row-reverse !important
    }

    .sm\:fd-column {
        flex-direction: column !important
    }

    .sm\:fd-column-reverse {
        flex-direction: column-reverse !important
    }

    .sm\:fw-wrap {
        flex-wrap: wrap !important
    }

    .sm\:fw-reverse {
        flex-wrap: wrap-reverse !important
    }

    .sm\:fw-nowrap {
        flex-wrap: nowrap !important
    }

    .sm\:jc-center {
        justify-content: center !important
    }

    .sm\:jc-end {
        justify-content: flex-end !important
    }

    .sm\:jc-space-around {
        justify-content: space-around !important
    }

    .sm\:jc-space-between {
        justify-content: space-between !important
    }

    .sm\:jc-space-evenly {
        justify-content: space-evenly !important
    }

    .sm\:jc-start {
        justify-content: flex-start !important
    }

    .sm\:ai-baseline {
        align-items: baseline !important
    }

    .sm\:ai-center {
        align-items: center !important
    }

    .sm\:ai-end {
        align-items: flex-end !important
    }

    .sm\:ai-start {
        align-items: flex-start !important
    }

    .sm\:ai-stretch {
        align-items: stretch !important
    }

    .sm\:as-auto {
        align-self: auto !important
    }

    .sm\:as-baseline {
        align-self: baseline !important
    }

    .sm\:as-center {
        align-self: center !important
    }

    .sm\:as-end {
        align-self: flex-end !important
    }

    .sm\:as-start {
        align-self: flex-start !important
    }

    .sm\:as-stretch {
        align-self: stretch !important
    }

    .sm\:fl-grow1 {
        flex-grow: 1 !important
    }

    .sm\:fl-grow0 {
        flex-grow: 0 !important
    }

    .sm\:fl-shrink1 {
        flex-shrink: 1 !important
    }

    .sm\:fl-shrink0 {
        flex-shrink: 0 !important
    }

    .sm\:fl-none {
        flex: none !important
    }

    .sm\:fl-initial {
        flex: 0 1 auto !important
    }

    .sm\:fl-auto {
        flex: 1 1 auto !important
    }

    .sm\:fl-equal {
        flex: 1 1 0% !important
    }

    .sm\:order-first {
        order: -1 !important
    }

    .sm\:order-last {
        order: 1 !important
    }

    .sm\:fl0 {
        flex: 0 auto !important
    }

    .sm\:fl1 {
        flex: 1 auto !important
    }

    .sm\:g0 {
        --_gap-y: 0;
        --_gap-x: 0
    }

    .sm\:g1 {
        --_gap-y: var(--su1);
        --_gap-x: var(--su1)
    }

    .sm\:g2 {
        --_gap-y: var(--su2);
        --_gap-x: var(--su2)
    }

    .sm\:g4 {
        --_gap-y: var(--su4);
        --_gap-x: var(--su4)
    }

    .sm\:g6 {
        --_gap-y: var(--su6);
        --_gap-x: var(--su6)
    }

    .sm\:g8 {
        --_gap-y: var(--su8);
        --_gap-x: var(--su8)
    }

    .sm\:g12 {
        --_gap-y: var(--su12);
        --_gap-x: var(--su12)
    }

    .sm\:g16 {
        --_gap-y: var(--su16);
        --_gap-x: var(--su16)
    }

    .sm\:g24 {
        --_gap-y: var(--su24);
        --_gap-x: var(--su24)
    }

    .sm\:g32 {
        --_gap-y: var(--su32);
        --_gap-x: var(--su32)
    }

    .sm\:g48 {
        --_gap-y: var(--su48);
        --_gap-x: var(--su48)
    }

    .sm\:g64 {
        --_gap-y: var(--su64);
        --_gap-x: var(--su64)
    }

    .sm\:gx0 {
        --_gap-x: 0
    }

    .sm\:gx1 {
        --_gap-x: var(--su1)
    }

    .sm\:gx2 {
        --_gap-x: var(--su2)
    }

    .sm\:gx4 {
        --_gap-x: var(--su4)
    }

    .sm\:gx6 {
        --_gap-x: var(--su6)
    }

    .sm\:gx8 {
        --_gap-x: var(--su8)
    }

    .sm\:gx12 {
        --_gap-x: var(--su12)
    }

    .sm\:gx16 {
        --_gap-x: var(--su16)
    }

    .sm\:gx24 {
        --_gap-x: var(--su24)
    }

    .sm\:gx32 {
        --_gap-x: var(--su32)
    }

    .sm\:gx48 {
        --_gap-x: var(--su48)
    }

    .sm\:gx64 {
        --_gap-x: var(--su64)
    }

    .sm\:gy0 {
        --_gap-y: 0
    }

    .sm\:gy1 {
        --_gap-y: var(--su1)
    }

    .sm\:gy2 {
        --_gap-y: var(--su2)
    }

    .sm\:gy4 {
        --_gap-y: var(--su4)
    }

    .sm\:gy6 {
        --_gap-y: var(--su6)
    }

    .sm\:gy8 {
        --_gap-y: var(--su8)
    }

    .sm\:gy12 {
        --_gap-y: var(--su12)
    }

    .sm\:gy16 {
        --_gap-y: var(--su16)
    }

    .sm\:gy24 {
        --_gap-y: var(--su24)
    }

    .sm\:gy32 {
        --_gap-y: var(--su32)
    }

    .sm\:gy48 {
        --_gap-y: var(--su48)
    }

    .sm\:gy64 {
        --_gap-y: var(--su64)
    }

    .sm\:g-af-dense {
        grid-auto-flow: dense
    }

    .sm\:g-af-row {
        grid-auto-flow: row
    }

    .sm\:g-af-column {
        grid-auto-flow: column
    }

    .sm\:grid__1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .sm\:grid__2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .sm\:grid__3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sm\:grid__4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .sm\:grid__5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .sm\:grid__6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .sm\:grid__7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }

    .sm\:grid__8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }

    .sm\:grid__9 {
        grid-template-columns: repeat(9, minmax(0, 1fr))
    }

    .sm\:grid__10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .sm\:grid__11 {
        grid-template-columns: repeat(11, minmax(0, 1fr))
    }

    .sm\:grid__12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .sm\:grid__auto {
        grid-template-columns: auto 1fr
    }

    .sm\:grid--col-all {
        grid-column: 1/-1
    }

    .sm\:grid--row-all {
        grid-row: 1/-1
    }

    .sm\:grid--col1 {
        grid-column: span 1
    }

    .sm\:grid--col2 {
        grid-column: span 2
    }

    .sm\:grid--col3 {
        grid-column: span 3
    }

    .sm\:grid--col4 {
        grid-column: span 4
    }

    .sm\:grid--col5 {
        grid-column: span 5
    }

    .sm\:grid--col6 {
        grid-column: span 6
    }

    .sm\:grid--col7 {
        grid-column: span 7
    }

    .sm\:grid--col8 {
        grid-column: span 8
    }

    .sm\:grid--col9 {
        grid-column: span 9
    }

    .sm\:grid--col10 {
        grid-column: span 10
    }

    .sm\:grid--col11 {
        grid-column: span 11
    }

    .sm\:grid--col12 {
        grid-column: span 12
    }

    .sm\:grid--row1 {
        grid-row: span 1
    }

    .sm\:grid--row2 {
        grid-row: span 2
    }

    .sm\:grid--row3 {
        grid-row: span 3
    }

    .sm\:grid--row4 {
        grid-row: span 4
    }

    .sm\:grid--row5 {
        grid-row: span 5
    }

    .sm\:grid--row6 {
        grid-row: span 6
    }

    .sm\:grid--row7 {
        grid-row: span 7
    }

    .sm\:grid--row8 {
        grid-row: span 8
    }

    .sm\:grid--row9 {
        grid-row: span 9
    }

    .sm\:grid--row10 {
        grid-row: span 10
    }

    .sm\:grid--row11 {
        grid-row: span 11
    }

    .sm\:grid--row12 {
        grid-row: span 12
    }

    .sm\:grid--col-start1 {
        grid-column-start: 1
    }

    .sm\:grid--col-start2 {
        grid-column-start: 2
    }

    .sm\:grid--col-start3 {
        grid-column-start: 3
    }

    .sm\:grid--col-start4 {
        grid-column-start: 4
    }

    .sm\:grid--col-start5 {
        grid-column-start: 5
    }

    .sm\:grid--col-start6 {
        grid-column-start: 6
    }

    .sm\:grid--col-start7 {
        grid-column-start: 7
    }

    .sm\:grid--col-start8 {
        grid-column-start: 8
    }

    .sm\:grid--col-start9 {
        grid-column-start: 9
    }

    .sm\:grid--col-start10 {
        grid-column-start: 10
    }

    .sm\:grid--col-start11 {
        grid-column-start: 11
    }

    .sm\:grid--col-start12 {
        grid-column-start: 12
    }

    .sm\:grid--col-end2 {
        grid-column-end: 2
    }

    .sm\:grid--col-end3 {
        grid-column-end: 3
    }

    .sm\:grid--col-end4 {
        grid-column-end: 4
    }

    .sm\:grid--col-end5 {
        grid-column-end: 5
    }

    .sm\:grid--col-end6 {
        grid-column-end: 6
    }

    .sm\:grid--col-end7 {
        grid-column-end: 7
    }

    .sm\:grid--col-end8 {
        grid-column-end: 8
    }

    .sm\:grid--col-end9 {
        grid-column-end: 9
    }

    .sm\:grid--col-end10 {
        grid-column-end: 10
    }

    .sm\:grid--col-end11 {
        grid-column-end: 11
    }

    .sm\:grid--col-end12 {
        grid-column-end: 12
    }

    .sm\:grid--col-end13 {
        grid-column-end: 13
    }

    .sm\:grid--row-start1 {
        grid-row-start: 1
    }

    .sm\:grid--row-start2 {
        grid-row-start: 2
    }

    .sm\:grid--row-start3 {
        grid-row-start: 3
    }

    .sm\:grid--row-start4 {
        grid-row-start: 4
    }

    .sm\:grid--row-start5 {
        grid-row-start: 5
    }

    .sm\:grid--row-start6 {
        grid-row-start: 6
    }

    .sm\:grid--row-start7 {
        grid-row-start: 7
    }

    .sm\:grid--row-start8 {
        grid-row-start: 8
    }

    .sm\:grid--row-start9 {
        grid-row-start: 9
    }

    .sm\:grid--row-start10 {
        grid-row-start: 10
    }

    .sm\:grid--row-start11 {
        grid-row-start: 11
    }

    .sm\:grid--row-start12 {
        grid-row-start: 12
    }

    .sm\:grid--row-end2 {
        grid-row-end: 2
    }

    .sm\:grid--row-end3 {
        grid-row-end: 3
    }

    .sm\:grid--row-end4 {
        grid-row-end: 4
    }

    .sm\:grid--row-end5 {
        grid-row-end: 5
    }

    .sm\:grid--row-end6 {
        grid-row-end: 6
    }

    .sm\:grid--row-end7 {
        grid-row-end: 7
    }

    .sm\:grid--row-end8 {
        grid-row-end: 8
    }

    .sm\:grid--row-end9 {
        grid-row-end: 9
    }

    .sm\:grid--row-end10 {
        grid-row-end: 10
    }

    .sm\:grid--row-end11 {
        grid-row-end: 11
    }

    .sm\:grid--row-end12 {
        grid-row-end: 12
    }

    .sm\:grid--row-end13 {
        grid-row-end: 13
    }

    .sm\:ji-auto {
        justify-items: auto !important
    }

    .sm\:ji-center {
        justify-items: center !important
    }

    .sm\:ji-start {
        justify-items: start !important
    }

    .sm\:ji-end {
        justify-items: end !important
    }

    .sm\:ji-stretch {
        justify-items: stretch !important
    }

    .sm\:ji-unset {
        justify-items: unset !important
    }

    .sm\:js-auto {
        justify-self: auto !important
    }

    .sm\:js-center {
        justify-self: center !important
    }

    .sm\:js-start {
        justify-self: start !important
    }

    .sm\:js-end {
        justify-self: end !important
    }

    .sm\:js-stretch {
        justify-self: stretch !important
    }

    .sm\:js-unset {
        justify-self: unset !important
    }

    .sm\:m0 {
        margin: var(--su0) !important
    }

    .sm\:m1 {
        margin: var(--su1) !important
    }

    .sm\:m2 {
        margin: var(--su2) !important
    }

    .sm\:m4 {
        margin: var(--su4) !important
    }

    .sm\:m6 {
        margin: var(--su6) !important
    }

    .sm\:m8 {
        margin: var(--su8) !important
    }

    .sm\:m12 {
        margin: var(--su12) !important
    }

    .sm\:m16 {
        margin: var(--su16) !important
    }

    .sm\:m24 {
        margin: var(--su24) !important
    }

    .sm\:m32 {
        margin: var(--su32) !important
    }

    .sm\:m48 {
        margin: var(--su48) !important
    }

    .sm\:m64 {
        margin: var(--su64) !important
    }

    .sm\:m96 {
        margin: var(--su96) !important
    }

    .sm\:m128 {
        margin: var(--su128) !important
    }

    .sm\:mn1 {
        margin: calc(var(--su1)*-1) !important
    }

    .sm\:mn2 {
        margin: calc(var(--su2)*-1) !important
    }

    .sm\:mn4 {
        margin: calc(var(--su4)*-1) !important
    }

    .sm\:mn6 {
        margin: calc(var(--su6)*-1) !important
    }

    .sm\:mn8 {
        margin: calc(var(--su8)*-1) !important
    }

    .sm\:mn12 {
        margin: calc(var(--su12)*-1) !important
    }

    .sm\:mn16 {
        margin: calc(var(--su16)*-1) !important
    }

    .sm\:mn24 {
        margin: calc(var(--su24)*-1) !important
    }

    .sm\:mn32 {
        margin: calc(var(--su32)*-1) !important
    }

    .sm\:mn48 {
        margin: calc(var(--su48)*-1) !important
    }

    .sm\:mn64 {
        margin: calc(var(--su64)*-1) !important
    }

    .sm\:mn96 {
        margin: calc(var(--su96)*-1) !important
    }

    .sm\:mn128 {
        margin: calc(var(--su128)*-1) !important
    }

    .sm\:m50 {
        margin: 50% !important
    }

    .sm\:m100 {
        margin: 100% !important
    }

    .sm\:mn50 {
        margin: -50% !important
    }

    .sm\:mn100 {
        margin: -100% !important
    }

    .sm\:mt0 {
        margin-top: var(--su0) !important
    }

    .sm\:mt1 {
        margin-top: var(--su1) !important
    }

    .sm\:mt2 {
        margin-top: var(--su2) !important
    }

    .sm\:mt4 {
        margin-top: var(--su4) !important
    }

    .sm\:mt6 {
        margin-top: var(--su6) !important
    }

    .sm\:mt8 {
        margin-top: var(--su8) !important
    }

    .sm\:mt12 {
        margin-top: var(--su12) !important
    }

    .sm\:mt16 {
        margin-top: var(--su16) !important
    }

    .sm\:mt24 {
        margin-top: var(--su24) !important
    }

    .sm\:mt32 {
        margin-top: var(--su32) !important
    }

    .sm\:mt48 {
        margin-top: var(--su48) !important
    }

    .sm\:mt64 {
        margin-top: var(--su64) !important
    }

    .sm\:mt96 {
        margin-top: var(--su96) !important
    }

    .sm\:mt128 {
        margin-top: var(--su128) !important
    }

    .sm\:mtn1 {
        margin-top: calc(var(--su1)*-1) !important
    }

    .sm\:mtn2 {
        margin-top: calc(var(--su2)*-1) !important
    }

    .sm\:mtn4 {
        margin-top: calc(var(--su4)*-1) !important
    }

    .sm\:mtn6 {
        margin-top: calc(var(--su6)*-1) !important
    }

    .sm\:mtn8 {
        margin-top: calc(var(--su8)*-1) !important
    }

    .sm\:mtn12 {
        margin-top: calc(var(--su12)*-1) !important
    }

    .sm\:mtn16 {
        margin-top: calc(var(--su16)*-1) !important
    }

    .sm\:mtn24 {
        margin-top: calc(var(--su24)*-1) !important
    }

    .sm\:mtn32 {
        margin-top: calc(var(--su32)*-1) !important
    }

    .sm\:mtn48 {
        margin-top: calc(var(--su48)*-1) !important
    }

    .sm\:mtn64 {
        margin-top: calc(var(--su64)*-1) !important
    }

    .sm\:mtn96 {
        margin-top: calc(var(--su96)*-1) !important
    }

    .sm\:mtn128 {
        margin-top: calc(var(--su128)*-1) !important
    }

    .sm\:mt50 {
        margin-top: 50% !important
    }

    .sm\:mt100 {
        margin-top: 100% !important
    }

    .sm\:mtn50 {
        margin-top: -50% !important
    }

    .sm\:mtn100 {
        margin-top: -100% !important
    }

    .sm\:mr0 {
        margin-right: var(--su0) !important
    }

    .sm\:mr1 {
        margin-right: var(--su1) !important
    }

    .sm\:mr2 {
        margin-right: var(--su2) !important
    }

    .sm\:mr4 {
        margin-right: var(--su4) !important
    }

    .sm\:mr6 {
        margin-right: var(--su6) !important
    }

    .sm\:mr8 {
        margin-right: var(--su8) !important
    }

    .sm\:mr12 {
        margin-right: var(--su12) !important
    }

    .sm\:mr16 {
        margin-right: var(--su16) !important
    }

    .sm\:mr24 {
        margin-right: var(--su24) !important
    }

    .sm\:mr32 {
        margin-right: var(--su32) !important
    }

    .sm\:mr48 {
        margin-right: var(--su48) !important
    }

    .sm\:mr64 {
        margin-right: var(--su64) !important
    }

    .sm\:mr96 {
        margin-right: var(--su96) !important
    }

    .sm\:mr128 {
        margin-right: var(--su128) !important
    }

    .sm\:mrn1 {
        margin-right: calc(var(--su1)*-1) !important
    }

    .sm\:mrn2 {
        margin-right: calc(var(--su2)*-1) !important
    }

    .sm\:mrn4 {
        margin-right: calc(var(--su4)*-1) !important
    }

    .sm\:mrn6 {
        margin-right: calc(var(--su6)*-1) !important
    }

    .sm\:mrn8 {
        margin-right: calc(var(--su8)*-1) !important
    }

    .sm\:mrn12 {
        margin-right: calc(var(--su12)*-1) !important
    }

    .sm\:mrn16 {
        margin-right: calc(var(--su16)*-1) !important
    }

    .sm\:mrn24 {
        margin-right: calc(var(--su24)*-1) !important
    }

    .sm\:mrn32 {
        margin-right: calc(var(--su32)*-1) !important
    }

    .sm\:mrn48 {
        margin-right: calc(var(--su48)*-1) !important
    }

    .sm\:mrn64 {
        margin-right: calc(var(--su64)*-1) !important
    }

    .sm\:mrn96 {
        margin-right: calc(var(--su96)*-1) !important
    }

    .sm\:mrn128 {
        margin-right: calc(var(--su128)*-1) !important
    }

    .sm\:mr50 {
        margin-right: 50% !important
    }

    .sm\:mr100 {
        margin-right: 100% !important
    }

    .sm\:mrn50 {
        margin-right: -50% !important
    }

    .sm\:mrn100 {
        margin-right: -100% !important
    }

    .sm\:mb0 {
        margin-bottom: var(--su0) !important
    }

    .sm\:mb1 {
        margin-bottom: var(--su1) !important
    }

    .sm\:mb2 {
        margin-bottom: var(--su2) !important
    }

    .sm\:mb4 {
        margin-bottom: var(--su4) !important
    }

    .sm\:mb6 {
        margin-bottom: var(--su6) !important
    }

    .sm\:mb8 {
        margin-bottom: var(--su8) !important
    }

    .sm\:mb12 {
        margin-bottom: var(--su12) !important
    }

    .sm\:mb16 {
        margin-bottom: var(--su16) !important
    }

    .sm\:mb24 {
        margin-bottom: var(--su24) !important
    }

    .sm\:mb32 {
        margin-bottom: var(--su32) !important
    }

    .sm\:mb48 {
        margin-bottom: var(--su48) !important
    }

    .sm\:mb64 {
        margin-bottom: var(--su64) !important
    }

    .sm\:mb96 {
        margin-bottom: var(--su96) !important
    }

    .sm\:mb128 {
        margin-bottom: var(--su128) !important
    }

    .sm\:mbn1 {
        margin-bottom: calc(var(--su1)*-1) !important
    }

    .sm\:mbn2 {
        margin-bottom: calc(var(--su2)*-1) !important
    }

    .sm\:mbn4 {
        margin-bottom: calc(var(--su4)*-1) !important
    }

    .sm\:mbn6 {
        margin-bottom: calc(var(--su6)*-1) !important
    }

    .sm\:mbn8 {
        margin-bottom: calc(var(--su8)*-1) !important
    }

    .sm\:mbn12 {
        margin-bottom: calc(var(--su12)*-1) !important
    }

    .sm\:mbn16 {
        margin-bottom: calc(var(--su16)*-1) !important
    }

    .sm\:mbn24 {
        margin-bottom: calc(var(--su24)*-1) !important
    }

    .sm\:mbn32 {
        margin-bottom: calc(var(--su32)*-1) !important
    }

    .sm\:mbn48 {
        margin-bottom: calc(var(--su48)*-1) !important
    }

    .sm\:mbn64 {
        margin-bottom: calc(var(--su64)*-1) !important
    }

    .sm\:mbn96 {
        margin-bottom: calc(var(--su96)*-1) !important
    }

    .sm\:mbn128 {
        margin-bottom: calc(var(--su128)*-1) !important
    }

    .sm\:mb50 {
        margin-bottom: 50% !important
    }

    .sm\:mb100 {
        margin-bottom: 100% !important
    }

    .sm\:mbn50 {
        margin-bottom: -50% !important
    }

    .sm\:mbn100 {
        margin-bottom: -100% !important
    }

    .sm\:ml0 {
        margin-left: var(--su0) !important
    }

    .sm\:ml1 {
        margin-left: var(--su1) !important
    }

    .sm\:ml2 {
        margin-left: var(--su2) !important
    }

    .sm\:ml4 {
        margin-left: var(--su4) !important
    }

    .sm\:ml6 {
        margin-left: var(--su6) !important
    }

    .sm\:ml8 {
        margin-left: var(--su8) !important
    }

    .sm\:ml12 {
        margin-left: var(--su12) !important
    }

    .sm\:ml16 {
        margin-left: var(--su16) !important
    }

    .sm\:ml24 {
        margin-left: var(--su24) !important
    }

    .sm\:ml32 {
        margin-left: var(--su32) !important
    }

    .sm\:ml48 {
        margin-left: var(--su48) !important
    }

    .sm\:ml64 {
        margin-left: var(--su64) !important
    }

    .sm\:ml96 {
        margin-left: var(--su96) !important
    }

    .sm\:ml128 {
        margin-left: var(--su128) !important
    }

    .sm\:mln1 {
        margin-left: calc(var(--su1)*-1) !important
    }

    .sm\:mln2 {
        margin-left: calc(var(--su2)*-1) !important
    }

    .sm\:mln4 {
        margin-left: calc(var(--su4)*-1) !important
    }

    .sm\:mln6 {
        margin-left: calc(var(--su6)*-1) !important
    }

    .sm\:mln8 {
        margin-left: calc(var(--su8)*-1) !important
    }

    .sm\:mln12 {
        margin-left: calc(var(--su12)*-1) !important
    }

    .sm\:mln16 {
        margin-left: calc(var(--su16)*-1) !important
    }

    .sm\:mln24 {
        margin-left: calc(var(--su24)*-1) !important
    }

    .sm\:mln32 {
        margin-left: calc(var(--su32)*-1) !important
    }

    .sm\:mln48 {
        margin-left: calc(var(--su48)*-1) !important
    }

    .sm\:mln64 {
        margin-left: calc(var(--su64)*-1) !important
    }

    .sm\:mln96 {
        margin-left: calc(var(--su96)*-1) !important
    }

    .sm\:mln128 {
        margin-left: calc(var(--su128)*-1) !important
    }

    .sm\:ml50 {
        margin-left: 50% !important
    }

    .sm\:ml100 {
        margin-left: 100% !important
    }

    .sm\:mln50 {
        margin-left: -50% !important
    }

    .sm\:mln100 {
        margin-left: -100% !important
    }

    .sm\:mx0 {
        margin-left: var(--su0) !important;
        margin-right: var(--su0) !important
    }

    .sm\:mx1 {
        margin-left: var(--su1) !important;
        margin-right: var(--su1) !important
    }

    .sm\:mx2 {
        margin-left: var(--su2) !important;
        margin-right: var(--su2) !important
    }

    .sm\:mx4 {
        margin-left: var(--su4) !important;
        margin-right: var(--su4) !important
    }

    .sm\:mx6 {
        margin-left: var(--su6) !important;
        margin-right: var(--su6) !important
    }

    .sm\:mx8 {
        margin-left: var(--su8) !important;
        margin-right: var(--su8) !important
    }

    .sm\:mx12 {
        margin-left: var(--su12) !important;
        margin-right: var(--su12) !important
    }

    .sm\:mx16 {
        margin-left: var(--su16) !important;
        margin-right: var(--su16) !important
    }

    .sm\:mx24 {
        margin-left: var(--su24) !important;
        margin-right: var(--su24) !important
    }

    .sm\:mx32 {
        margin-left: var(--su32) !important;
        margin-right: var(--su32) !important
    }

    .sm\:mx48 {
        margin-left: var(--su48) !important;
        margin-right: var(--su48) !important
    }

    .sm\:mx64 {
        margin-left: var(--su64) !important;
        margin-right: var(--su64) !important
    }

    .sm\:mx96 {
        margin-left: var(--su96) !important;
        margin-right: var(--su96) !important
    }

    .sm\:mx128 {
        margin-left: var(--su128) !important;
        margin-right: var(--su128) !important
    }

    .sm\:mxn1 {
        margin-left: calc(var(--su1)*-1) !important;
        margin-right: calc(var(--su1)*-1) !important
    }

    .sm\:mxn2 {
        margin-left: calc(var(--su2)*-1) !important;
        margin-right: calc(var(--su2)*-1) !important
    }

    .sm\:mxn4 {
        margin-left: calc(var(--su4)*-1) !important;
        margin-right: calc(var(--su4)*-1) !important
    }

    .sm\:mxn6 {
        margin-left: calc(var(--su6)*-1) !important;
        margin-right: calc(var(--su6)*-1) !important
    }

    .sm\:mxn8 {
        margin-left: calc(var(--su8)*-1) !important;
        margin-right: calc(var(--su8)*-1) !important
    }

    .sm\:mxn12 {
        margin-left: calc(var(--su12)*-1) !important;
        margin-right: calc(var(--su12)*-1) !important
    }

    .sm\:mxn16 {
        margin-left: calc(var(--su16)*-1) !important;
        margin-right: calc(var(--su16)*-1) !important
    }

    .sm\:mxn24 {
        margin-left: calc(var(--su24)*-1) !important;
        margin-right: calc(var(--su24)*-1) !important
    }

    .sm\:mxn32 {
        margin-left: calc(var(--su32)*-1) !important;
        margin-right: calc(var(--su32)*-1) !important
    }

    .sm\:mxn48 {
        margin-left: calc(var(--su48)*-1) !important;
        margin-right: calc(var(--su48)*-1) !important
    }

    .sm\:mxn64 {
        margin-left: calc(var(--su64)*-1) !important;
        margin-right: calc(var(--su64)*-1) !important
    }

    .sm\:mxn96 {
        margin-left: calc(var(--su96)*-1) !important;
        margin-right: calc(var(--su96)*-1) !important
    }

    .sm\:mxn128 {
        margin-left: calc(var(--su128)*-1) !important;
        margin-right: calc(var(--su128)*-1) !important
    }

    .sm\:my0 {
        margin-bottom: var(--su0) !important;
        margin-top: var(--su0) !important
    }

    .sm\:my1 {
        margin-bottom: var(--su1) !important;
        margin-top: var(--su1) !important
    }

    .sm\:my2 {
        margin-bottom: var(--su2) !important;
        margin-top: var(--su2) !important
    }

    .sm\:my4 {
        margin-bottom: var(--su4) !important;
        margin-top: var(--su4) !important
    }

    .sm\:my6 {
        margin-bottom: var(--su6) !important;
        margin-top: var(--su6) !important
    }

    .sm\:my8 {
        margin-bottom: var(--su8) !important;
        margin-top: var(--su8) !important
    }

    .sm\:my12 {
        margin-bottom: var(--su12) !important;
        margin-top: var(--su12) !important
    }

    .sm\:my16 {
        margin-bottom: var(--su16) !important;
        margin-top: var(--su16) !important
    }

    .sm\:my24 {
        margin-bottom: var(--su24) !important;
        margin-top: var(--su24) !important
    }

    .sm\:my32 {
        margin-bottom: var(--su32) !important;
        margin-top: var(--su32) !important
    }

    .sm\:my48 {
        margin-bottom: var(--su48) !important;
        margin-top: var(--su48) !important
    }

    .sm\:my64 {
        margin-bottom: var(--su64) !important;
        margin-top: var(--su64) !important
    }

    .sm\:my96 {
        margin-bottom: var(--su96) !important;
        margin-top: var(--su96) !important
    }

    .sm\:my128 {
        margin-bottom: var(--su128) !important;
        margin-top: var(--su128) !important
    }

    .sm\:myn1 {
        margin-bottom: calc(var(--su1)*-1) !important;
        margin-top: calc(var(--su1)*-1) !important
    }

    .sm\:myn2 {
        margin-bottom: calc(var(--su2)*-1) !important;
        margin-top: calc(var(--su2)*-1) !important
    }

    .sm\:myn4 {
        margin-bottom: calc(var(--su4)*-1) !important;
        margin-top: calc(var(--su4)*-1) !important
    }

    .sm\:myn6 {
        margin-bottom: calc(var(--su6)*-1) !important;
        margin-top: calc(var(--su6)*-1) !important
    }

    .sm\:myn8 {
        margin-bottom: calc(var(--su8)*-1) !important;
        margin-top: calc(var(--su8)*-1) !important
    }

    .sm\:myn12 {
        margin-bottom: calc(var(--su12)*-1) !important;
        margin-top: calc(var(--su12)*-1) !important
    }

    .sm\:myn16 {
        margin-bottom: calc(var(--su16)*-1) !important;
        margin-top: calc(var(--su16)*-1) !important
    }

    .sm\:myn24 {
        margin-bottom: calc(var(--su24)*-1) !important;
        margin-top: calc(var(--su24)*-1) !important
    }

    .sm\:myn32 {
        margin-bottom: calc(var(--su32)*-1) !important;
        margin-top: calc(var(--su32)*-1) !important
    }

    .sm\:myn48 {
        margin-bottom: calc(var(--su48)*-1) !important;
        margin-top: calc(var(--su48)*-1) !important
    }

    .sm\:myn64 {
        margin-bottom: calc(var(--su64)*-1) !important;
        margin-top: calc(var(--su64)*-1) !important
    }

    .sm\:myn96 {
        margin-bottom: calc(var(--su96)*-1) !important;
        margin-top: calc(var(--su96)*-1) !important
    }

    .sm\:myn128 {
        margin-bottom: calc(var(--su128)*-1) !important;
        margin-top: calc(var(--su128)*-1) !important
    }

    .sm\:p0 {
        padding: var(--su0) !important
    }

    .sm\:p1 {
        padding: var(--su1) !important
    }

    .sm\:p2 {
        padding: var(--su2) !important
    }

    .sm\:p4 {
        padding: var(--su4) !important
    }

    .sm\:p6 {
        padding: var(--su6) !important
    }

    .sm\:p8 {
        padding: var(--su8) !important
    }

    .sm\:p12 {
        padding: var(--su12) !important
    }

    .sm\:p16 {
        padding: var(--su16) !important
    }

    .sm\:p24 {
        padding: var(--su24) !important
    }

    .sm\:p32 {
        padding: var(--su32) !important
    }

    .sm\:p48 {
        padding: var(--su48) !important
    }

    .sm\:p64 {
        padding: var(--su64) !important
    }

    .sm\:p96 {
        padding: var(--su96) !important
    }

    .sm\:p128 {
        padding: var(--su128) !important
    }

    .sm\:pt0 {
        padding-top: var(--su0) !important
    }

    .sm\:pt1 {
        padding-top: var(--su1) !important
    }

    .sm\:pt2 {
        padding-top: var(--su2) !important
    }

    .sm\:pt4 {
        padding-top: var(--su4) !important
    }

    .sm\:pt6 {
        padding-top: var(--su6) !important
    }

    .sm\:pt8 {
        padding-top: var(--su8) !important
    }

    .sm\:pt12 {
        padding-top: var(--su12) !important
    }

    .sm\:pt16 {
        padding-top: var(--su16) !important
    }

    .sm\:pt24 {
        padding-top: var(--su24) !important
    }

    .sm\:pt32 {
        padding-top: var(--su32) !important
    }

    .sm\:pt48 {
        padding-top: var(--su48) !important
    }

    .sm\:pt64 {
        padding-top: var(--su64) !important
    }

    .sm\:pt96 {
        padding-top: var(--su96) !important
    }

    .sm\:pt128 {
        padding-top: var(--su128) !important
    }

    .sm\:pr0 {
        padding-right: var(--su0) !important
    }

    .sm\:pr1 {
        padding-right: var(--su1) !important
    }

    .sm\:pr2 {
        padding-right: var(--su2) !important
    }

    .sm\:pr4 {
        padding-right: var(--su4) !important
    }

    .sm\:pr6 {
        padding-right: var(--su6) !important
    }

    .sm\:pr8 {
        padding-right: var(--su8) !important
    }

    .sm\:pr12 {
        padding-right: var(--su12) !important
    }

    .sm\:pr16 {
        padding-right: var(--su16) !important
    }

    .sm\:pr24 {
        padding-right: var(--su24) !important
    }

    .sm\:pr32 {
        padding-right: var(--su32) !important
    }

    .sm\:pr48 {
        padding-right: var(--su48) !important
    }

    .sm\:pr64 {
        padding-right: var(--su64) !important
    }

    .sm\:pr96 {
        padding-right: var(--su96) !important
    }

    .sm\:pr128 {
        padding-right: var(--su128) !important
    }

    .sm\:pb0 {
        padding-bottom: var(--su0) !important
    }

    .sm\:pb1 {
        padding-bottom: var(--su1) !important
    }

    .sm\:pb2 {
        padding-bottom: var(--su2) !important
    }

    .sm\:pb4 {
        padding-bottom: var(--su4) !important
    }

    .sm\:pb6 {
        padding-bottom: var(--su6) !important
    }

    .sm\:pb8 {
        padding-bottom: var(--su8) !important
    }

    .sm\:pb12 {
        padding-bottom: var(--su12) !important
    }

    .sm\:pb16 {
        padding-bottom: var(--su16) !important
    }

    .sm\:pb24 {
        padding-bottom: var(--su24) !important
    }

    .sm\:pb32 {
        padding-bottom: var(--su32) !important
    }

    .sm\:pb48 {
        padding-bottom: var(--su48) !important
    }

    .sm\:pb64 {
        padding-bottom: var(--su64) !important
    }

    .sm\:pb96 {
        padding-bottom: var(--su96) !important
    }

    .sm\:pb128 {
        padding-bottom: var(--su128) !important
    }

    .sm\:pl0 {
        padding-left: var(--su0) !important
    }

    .sm\:pl1 {
        padding-left: var(--su1) !important
    }

    .sm\:pl2 {
        padding-left: var(--su2) !important
    }

    .sm\:pl4 {
        padding-left: var(--su4) !important
    }

    .sm\:pl6 {
        padding-left: var(--su6) !important
    }

    .sm\:pl8 {
        padding-left: var(--su8) !important
    }

    .sm\:pl12 {
        padding-left: var(--su12) !important
    }

    .sm\:pl16 {
        padding-left: var(--su16) !important
    }

    .sm\:pl24 {
        padding-left: var(--su24) !important
    }

    .sm\:pl32 {
        padding-left: var(--su32) !important
    }

    .sm\:pl48 {
        padding-left: var(--su48) !important
    }

    .sm\:pl64 {
        padding-left: var(--su64) !important
    }

    .sm\:pl96 {
        padding-left: var(--su96) !important
    }

    .sm\:pl128 {
        padding-left: var(--su128) !important
    }

    .sm\:px0 {
        padding-left: var(--su0) !important;
        padding-right: var(--su0) !important
    }

    .sm\:px1 {
        padding-left: var(--su1) !important;
        padding-right: var(--su1) !important
    }

    .sm\:px2 {
        padding-left: var(--su2) !important;
        padding-right: var(--su2) !important
    }

    .sm\:px4 {
        padding-left: var(--su4) !important;
        padding-right: var(--su4) !important
    }

    .sm\:px6 {
        padding-left: var(--su6) !important;
        padding-right: var(--su6) !important
    }

    .sm\:px8 {
        padding-left: var(--su8) !important;
        padding-right: var(--su8) !important
    }

    .sm\:px12 {
        padding-left: var(--su12) !important;
        padding-right: var(--su12) !important
    }

    .sm\:px16 {
        padding-left: var(--su16) !important;
        padding-right: var(--su16) !important
    }

    .sm\:px24 {
        padding-left: var(--su24) !important;
        padding-right: var(--su24) !important
    }

    .sm\:px32 {
        padding-left: var(--su32) !important;
        padding-right: var(--su32) !important
    }

    .sm\:px48 {
        padding-left: var(--su48) !important;
        padding-right: var(--su48) !important
    }

    .sm\:px64 {
        padding-left: var(--su64) !important;
        padding-right: var(--su64) !important
    }

    .sm\:px96 {
        padding-left: var(--su96) !important;
        padding-right: var(--su96) !important
    }

    .sm\:px128 {
        padding-left: var(--su128) !important;
        padding-right: var(--su128) !important
    }

    .sm\:py0 {
        padding-bottom: var(--su0) !important;
        padding-top: var(--su0) !important
    }

    .sm\:py1 {
        padding-bottom: var(--su1) !important;
        padding-top: var(--su1) !important
    }

    .sm\:py2 {
        padding-bottom: var(--su2) !important;
        padding-top: var(--su2) !important
    }

    .sm\:py4 {
        padding-bottom: var(--su4) !important;
        padding-top: var(--su4) !important
    }

    .sm\:py6 {
        padding-bottom: var(--su6) !important;
        padding-top: var(--su6) !important
    }

    .sm\:py8 {
        padding-bottom: var(--su8) !important;
        padding-top: var(--su8) !important
    }

    .sm\:py12 {
        padding-bottom: var(--su12) !important;
        padding-top: var(--su12) !important
    }

    .sm\:py16 {
        padding-bottom: var(--su16) !important;
        padding-top: var(--su16) !important
    }

    .sm\:py24 {
        padding-bottom: var(--su24) !important;
        padding-top: var(--su24) !important
    }

    .sm\:py32 {
        padding-bottom: var(--su32) !important;
        padding-top: var(--su32) !important
    }

    .sm\:py48 {
        padding-bottom: var(--su48) !important;
        padding-top: var(--su48) !important
    }

    .sm\:py64 {
        padding-bottom: var(--su64) !important;
        padding-top: var(--su64) !important
    }

    .sm\:py96 {
        padding-bottom: var(--su96) !important;
        padding-top: var(--su96) !important
    }

    .sm\:py128 {
        padding-bottom: var(--su128) !important;
        padding-top: var(--su128) !important
    }

    .sm\:i0 {
        inset: var(--su0) !important
    }

    .sm\:i1 {
        inset: var(--su1) !important
    }

    .sm\:i2 {
        inset: var(--su2) !important
    }

    .sm\:i4 {
        inset: var(--su4) !important
    }

    .sm\:i6 {
        inset: var(--su6) !important
    }

    .sm\:i8 {
        inset: var(--su8) !important
    }

    .sm\:i12 {
        inset: var(--su12) !important
    }

    .sm\:i16 {
        inset: var(--su16) !important
    }

    .sm\:i24 {
        inset: var(--su24) !important
    }

    .sm\:i32 {
        inset: var(--su32) !important
    }

    .sm\:i48 {
        inset: var(--su48) !important
    }

    .sm\:i64 {
        inset: var(--su64) !important
    }

    .sm\:i96 {
        inset: var(--su96) !important
    }

    .sm\:i128 {
        inset: var(--su128) !important
    }

    .sm\:t0 {
        top: var(--su0) !important
    }

    .sm\:t1 {
        top: var(--su1) !important
    }

    .sm\:t2 {
        top: var(--su2) !important
    }

    .sm\:t4 {
        top: var(--su4) !important
    }

    .sm\:t6 {
        top: var(--su6) !important
    }

    .sm\:t8 {
        top: var(--su8) !important
    }

    .sm\:t12 {
        top: var(--su12) !important
    }

    .sm\:t16 {
        top: var(--su16) !important
    }

    .sm\:t24 {
        top: var(--su24) !important
    }

    .sm\:t32 {
        top: var(--su32) !important
    }

    .sm\:t48 {
        top: var(--su48) !important
    }

    .sm\:t64 {
        top: var(--su64) !important
    }

    .sm\:t96 {
        top: var(--su96) !important
    }

    .sm\:t128 {
        top: var(--su128) !important
    }

    .sm\:tn1 {
        top: calc(var(--su1)*-1) !important
    }

    .sm\:tn2 {
        top: calc(var(--su2)*-1) !important
    }

    .sm\:tn4 {
        top: calc(var(--su4)*-1) !important
    }

    .sm\:tn6 {
        top: calc(var(--su6)*-1) !important
    }

    .sm\:tn8 {
        top: calc(var(--su8)*-1) !important
    }

    .sm\:tn12 {
        top: calc(var(--su12)*-1) !important
    }

    .sm\:tn16 {
        top: calc(var(--su16)*-1) !important
    }

    .sm\:tn24 {
        top: calc(var(--su24)*-1) !important
    }

    .sm\:tn32 {
        top: calc(var(--su32)*-1) !important
    }

    .sm\:tn48 {
        top: calc(var(--su48)*-1) !important
    }

    .sm\:tn64 {
        top: calc(var(--su64)*-1) !important
    }

    .sm\:tn96 {
        top: calc(var(--su96)*-1) !important
    }

    .sm\:tn128 {
        top: calc(var(--su128)*-1) !important
    }

    .sm\:t50 {
        top: 50% !important
    }

    .sm\:t100 {
        top: 100% !important
    }

    .sm\:tn50 {
        top: -50% !important
    }

    .sm\:tn100 {
        top: -100% !important
    }

    .sm\:r0 {
        right: var(--su0) !important
    }

    .sm\:r1 {
        right: var(--su1) !important
    }

    .sm\:r2 {
        right: var(--su2) !important
    }

    .sm\:r4 {
        right: var(--su4) !important
    }

    .sm\:r6 {
        right: var(--su6) !important
    }

    .sm\:r8 {
        right: var(--su8) !important
    }

    .sm\:r12 {
        right: var(--su12) !important
    }

    .sm\:r16 {
        right: var(--su16) !important
    }

    .sm\:r24 {
        right: var(--su24) !important
    }

    .sm\:r32 {
        right: var(--su32) !important
    }

    .sm\:r48 {
        right: var(--su48) !important
    }

    .sm\:r64 {
        right: var(--su64) !important
    }

    .sm\:r96 {
        right: var(--su96) !important
    }

    .sm\:r128 {
        right: var(--su128) !important
    }

    .sm\:rn1 {
        right: calc(var(--su1)*-1) !important
    }

    .sm\:rn2 {
        right: calc(var(--su2)*-1) !important
    }

    .sm\:rn4 {
        right: calc(var(--su4)*-1) !important
    }

    .sm\:rn6 {
        right: calc(var(--su6)*-1) !important
    }

    .sm\:rn8 {
        right: calc(var(--su8)*-1) !important
    }

    .sm\:rn12 {
        right: calc(var(--su12)*-1) !important
    }

    .sm\:rn16 {
        right: calc(var(--su16)*-1) !important
    }

    .sm\:rn24 {
        right: calc(var(--su24)*-1) !important
    }

    .sm\:rn32 {
        right: calc(var(--su32)*-1) !important
    }

    .sm\:rn48 {
        right: calc(var(--su48)*-1) !important
    }

    .sm\:rn64 {
        right: calc(var(--su64)*-1) !important
    }

    .sm\:rn96 {
        right: calc(var(--su96)*-1) !important
    }

    .sm\:rn128 {
        right: calc(var(--su128)*-1) !important
    }

    .sm\:r50 {
        right: 50% !important
    }

    .sm\:r100 {
        right: 100% !important
    }

    .sm\:rn50 {
        right: -50% !important
    }

    .sm\:rn100 {
        right: -100% !important
    }

    .sm\:b0 {
        bottom: var(--su0) !important
    }

    .sm\:b1 {
        bottom: var(--su1) !important
    }

    .sm\:b2 {
        bottom: var(--su2) !important
    }

    .sm\:b4 {
        bottom: var(--su4) !important
    }

    .sm\:b6 {
        bottom: var(--su6) !important
    }

    .sm\:b8 {
        bottom: var(--su8) !important
    }

    .sm\:b12 {
        bottom: var(--su12) !important
    }

    .sm\:b16 {
        bottom: var(--su16) !important
    }

    .sm\:b24 {
        bottom: var(--su24) !important
    }

    .sm\:b32 {
        bottom: var(--su32) !important
    }

    .sm\:b48 {
        bottom: var(--su48) !important
    }

    .sm\:b64 {
        bottom: var(--su64) !important
    }

    .sm\:b96 {
        bottom: var(--su96) !important
    }

    .sm\:b128 {
        bottom: var(--su128) !important
    }

    .sm\:bn1 {
        bottom: calc(var(--su1)*-1) !important
    }

    .sm\:bn2 {
        bottom: calc(var(--su2)*-1) !important
    }

    .sm\:bn4 {
        bottom: calc(var(--su4)*-1) !important
    }

    .sm\:bn6 {
        bottom: calc(var(--su6)*-1) !important
    }

    .sm\:bn8 {
        bottom: calc(var(--su8)*-1) !important
    }

    .sm\:bn12 {
        bottom: calc(var(--su12)*-1) !important
    }

    .sm\:bn16 {
        bottom: calc(var(--su16)*-1) !important
    }

    .sm\:bn24 {
        bottom: calc(var(--su24)*-1) !important
    }

    .sm\:bn32 {
        bottom: calc(var(--su32)*-1) !important
    }

    .sm\:bn48 {
        bottom: calc(var(--su48)*-1) !important
    }

    .sm\:bn64 {
        bottom: calc(var(--su64)*-1) !important
    }

    .sm\:bn96 {
        bottom: calc(var(--su96)*-1) !important
    }

    .sm\:bn128 {
        bottom: calc(var(--su128)*-1) !important
    }

    .sm\:b50 {
        bottom: 50% !important
    }

    .sm\:b100 {
        bottom: 100% !important
    }

    .sm\:bn50 {
        bottom: -50% !important
    }

    .sm\:bn100 {
        bottom: -100% !important
    }

    .sm\:l0 {
        left: var(--su0) !important
    }

    .sm\:l1 {
        left: var(--su1) !important
    }

    .sm\:l2 {
        left: var(--su2) !important
    }

    .sm\:l4 {
        left: var(--su4) !important
    }

    .sm\:l6 {
        left: var(--su6) !important
    }

    .sm\:l8 {
        left: var(--su8) !important
    }

    .sm\:l12 {
        left: var(--su12) !important
    }

    .sm\:l16 {
        left: var(--su16) !important
    }

    .sm\:l24 {
        left: var(--su24) !important
    }

    .sm\:l32 {
        left: var(--su32) !important
    }

    .sm\:l48 {
        left: var(--su48) !important
    }

    .sm\:l64 {
        left: var(--su64) !important
    }

    .sm\:l96 {
        left: var(--su96) !important
    }

    .sm\:l128 {
        left: var(--su128) !important
    }

    .sm\:ln1 {
        left: calc(var(--su1)*-1) !important
    }

    .sm\:ln2 {
        left: calc(var(--su2)*-1) !important
    }

    .sm\:ln4 {
        left: calc(var(--su4)*-1) !important
    }

    .sm\:ln6 {
        left: calc(var(--su6)*-1) !important
    }

    .sm\:ln8 {
        left: calc(var(--su8)*-1) !important
    }

    .sm\:ln12 {
        left: calc(var(--su12)*-1) !important
    }

    .sm\:ln16 {
        left: calc(var(--su16)*-1) !important
    }

    .sm\:ln24 {
        left: calc(var(--su24)*-1) !important
    }

    .sm\:ln32 {
        left: calc(var(--su32)*-1) !important
    }

    .sm\:ln48 {
        left: calc(var(--su48)*-1) !important
    }

    .sm\:ln64 {
        left: calc(var(--su64)*-1) !important
    }

    .sm\:ln96 {
        left: calc(var(--su96)*-1) !important
    }

    .sm\:ln128 {
        left: calc(var(--su128)*-1) !important
    }

    .sm\:l50 {
        left: 50% !important
    }

    .sm\:l100 {
        left: 100% !important
    }

    .sm\:ln50 {
        left: -50% !important
    }

    .sm\:ln100 {
        left: -100% !important
    }

    .sm\:ta-left {
        text-align: left !important
    }

    .sm\:ta-center {
        text-align: center !important
    }

    .sm\:ta-right {
        text-align: right !important
    }

    .sm\:d-block {
        display: block !important
    }

    .sm\:d-flex {
        display: flex !important
    }

    .sm\:d-inline-flex {
        display: inline-flex !important
    }

    .sm\:d-grid {
        display: grid !important
    }

    .sm\:d-inline-grid {
        display: inline-grid !important
    }

    .sm\:d-inline {
        display: inline !important
    }

    .sm\:d-inline-block {
        display: inline-block !important
    }

    .sm\:d-none {
        display: none !important
    }

    .sm\:ps-absolute {
        position: absolute !important
    }

    .sm\:ps-fixed {
        position: fixed !important
    }

    .sm\:ps-relative {
        position: relative !important
    }

    .sm\:ps-static {
        position: static !important
    }

    .sm\:ps-sticky {
        position: sticky !important
    }

    .sm\:bs-none {
        box-shadow: none !important
    }

    .sm\:w25 {
        width: 25% !important
    }

    .sm\:w33 {
        width: 33.33333% !important
    }

    .sm\:w50 {
        width: 50% !important
    }

    .sm\:w66 {
        width: 66.66667% !important
    }

    .sm\:w75 {
        width: 75% !important
    }

    .sm\:w100 {
        width: 100% !important
    }

    .sm\:w-auto {
        width: auto !important
    }

    .sm\:w-screen {
        width: 100vw !important
    }

    .sm\:wmx100 {
        max-width: 100% !important
    }

    .sm\:wmx-initial {
        max-width: none !important
    }

    .sm\:wmx-screen {
        max-width: 100vw !important
    }

    .sm\:wmn100 {
        min-width: 100% !important
    }

    .sm\:wmn-initial {
        min-width: auto !important
    }

    .sm\:h100 {
        height: 100% !important
    }

    .sm\:h-auto {
        height: auto !important
    }

    .sm\:h-screen {
        height: 100vh !important
    }

    .sm\:hmx100 {
        max-height: 100% !important
    }

    .sm\:hmx-initial {
        max-height: none !important
    }

    .sm\:hmx-screen {
        max-height: 100vh !important
    }

    .sm\:hmn100 {
        min-height: 100% !important
    }

    .sm\:hmn-initial {
        min-height: auto !important
    }

    .sm\:hmn-screen {
        min-height: 100vh !important
    }
}

@media print {
    .print\:d-block {
        display: block !important
    }

    .print\:d-none {
        display: none !important
    }
}

body,
html {
    color: var(--theme-body-font-color, var(--black-600));
    font-family: var(--theme-body-font-family);
    font-size: var(--fs-base);
    line-height: var(--lh-base)
}

@media (max-width:640px) {

    html,
    html body {
        font-size: 11px
    }
}

body {
    background-color: var(--theme-background-color, var(--white));
    box-sizing: border-box;
    min-height: 100%
}

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