*,
*::after,
*::before {
    box-sizing: inherit
}
* {
    font: inherit
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
hr {
    margin: 0;
    padding: 0;
    border: 0
}
html {
    box-sizing: border-box
}
body {
    background-color: var(--color-bg, white)
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main,
form legend {
    display: block
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
button,
input,
textarea,
select {
    margin: 0
}
.btn,
.form-control,
.link,
.reset {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
select.form-control::-ms-expand {
    display: none
}
textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}
input::-ms-clear {
    display: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
img,
video,
svg {
    max-width: 100%
}
[data-theme] {
    background-color: var(--color-bg, white);
    color: var(--color-contrast-high, #313135)
}
:root {
    --space-unit: 1em;
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}
.x-t {
    width: calc(100% - 2*var(--component-padding));
    margin-left: auto;
    margin-right: auto
}
.x-n {
    --gap: 0px;
    --offset: var(--gap);
    display: flex;
    flex-wrap: wrap
}
.x-n>* {
    flex-basis: 100%;
    max-width: 100%
}
@supports(--css:variables) {
    .x-n>*[class*=offset-] {
        margin-left: var(--offset)
    }
}
[class*=gap-xxxxs],
[class*=gap-xxxs],
[class*=gap-xxs],
[class*=gap-xs],
[class*=gap-sm],
[class*=gap-md],
[class*=gap-lg],
[class*=gap-xl],
[class*=gap-xxl],
[class*=gap-xxxl],
[class*=gap-xxxxl],
[class*=grid-gap-],
[class*=flex-gap-] {
    margin-bottom: -.75em;
    margin-left: -.75em
}
[class*=gap-xxxxs]>*,
[class*=gap-xxxs]>*,
[class*=gap-xxs]>*,
[class*=gap-xs]>*,
[class*=gap-sm]>*,
[class*=gap-md]>*,
[class*=gap-lg]>*,
[class*=gap-xl]>*,
[class*=gap-xxl]>*,
[class*=gap-xxxl]>*,
[class*=gap-xxxxl]>*,
[class*=grid-gap-]>*,
[class*=flex-gap-]>* {
    margin-bottom: .75em;
    margin-left: .75em
}
@supports(--css:variables) {
    [class*=gap-xxxxs], [class*=gap-xxxs], [class*=gap-xxs], [class*=gap-xs], [class*=gap-sm], [class*=gap-md], [class*=gap-lg], [class*=gap-xl], [class*=gap-xxl], [class*=gap-xxxl], [class*=gap-xxxxl], [class*=grid-gap-], [class*=flex-gap-] {
        --gap: 0px;
        --offset: var(--gap);
        margin-bottom: calc(-1 * var(--gap));
        margin-left: calc(-1 * var(--gap))
    }
    [class*=gap-xxxxs]>*,
    [class*=gap-xxxs]>*,
    [class*=gap-xxs]>*,
    [class*=gap-xs]>*,
    [class*=gap-sm]>*,
    [class*=gap-md]>*,
    [class*=gap-lg]>*,
    [class*=gap-xl]>*,
    [class*=gap-xxl]>*,
    [class*=gap-xxxl]>*,
    [class*=gap-xxxxl]>*,
    [class*=grid-gap-]>*,
    [class*=flex-gap-]>* {
        margin-bottom: var(--gap);
        margin-left: var(--offset)
    }
    .gap-xxxxs,
    .x-tgrid-gap-n,
    .x-tflex-gap-n {
        --gap: var(--space-xxxxs)
    }
    .gap-xxxs,
    .x-rgrid-gap-i,
    .x-rflex-gap-i {
        --gap: var(--space-xxxs)
    }
    .gap-xxs,
    .x-sgrid-gap-o,
    .x-sflex-gap-o {
        --gap: var(--space-xxs)
    }
    .gap-xs,
    .x-ugrid-gap-a,
    .x-uflex-gap-a {
        --gap: var(--space-xs)
    }
    .gap-sm,
    .x-fgrid-gap-l,
    .x-fflex-gap-l {
        --gap: var(--space-sm)
    }
    .gap-md,
    .x-cgrid-gap-h,
    .x-cflex-gap-h {
        --gap: var(--space-md)
    }
    .gap-lg,
    .x-pgrid-gap-d,
    .x-pflex-gap-d {
        --gap: var(--space-lg)
    }
    .gap-xl,
    .x-vgrid-gap-m,
    .x-vflex-gap-m {
        --gap: var(--space-xl)
    }
    .gap-xxl,
    .x-ggrid-gap-y,
    .x-gflex-gap-y {
        --gap: var(--space-xxl)
    }
    .gap-xxxl,
    .x-bgrid-gap-w,
    .x-bflex-gap-w {
        --gap: var(--space-xxxl)
    }
    .gap-xxxxl,
    .x-xgrid-gap-k,
    .x-xflex-gap-k {
        --gap: var(--space-xxxxl)
    }
}
.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}
.x-r {
    flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
}
.x-i {
    flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
}
.x-s {
    flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
}
.x-o {
    flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
}
.x-u {
    flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
}
.col-6 {
    flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
}
.x-a {
    flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
}
.x-f {
    flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
}
.x-l {
    flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
}
.x-c {
    flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
}
.x-h {
    flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
}
.x-p {
    flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
    max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
}
.x-d {
    flex-basis: initial;
    max-width: initial
}
.x-toffset-n {
    --offset: calc(8.33% + var(--gap, 0.75em))
}
.x-roffset-i {
    --offset: calc(16.66% + var(--gap, 0.75em))
}
.x-soffset-o {
    --offset: calc(25% + var(--gap, 0.75em))
}
.x-uoffset-a {
    --offset: calc(33.33% + var(--gap, 0.75em))
}
.x-foffset-l {
    --offset: calc(41.66% + var(--gap, 0.75em))
}
.x-coffset-h {
    --offset: calc(50% + var(--gap, 0.75em))
}
.x-poffset-d {
    --offset: calc(58.33% + var(--gap, 0.75em))
}
.x-voffset-m {
    --offset: calc(66.66% + var(--gap, 0.75em))
}
.x-goffset-y {
    --offset: calc(75% + var(--gap, 0.75em))
}
.x-boffset-w {
    --offset: calc(83.33% + var(--gap, 0.75em))
}
.x-xoffset-k {
    --offset: calc(91.66% + var(--gap, 0.75em))
}
@media(min-width:32rem) {
    .x-v {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }
    .x-m {
        flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-g {
        flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-y {
        flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-b {
        flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-w {
        flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-x {
        flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-k {
        flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-_ {
        flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-j {
        flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-q {
        flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-z {
        flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-te {
        flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-tt {
        flex-basis: initial;
        max-width: initial
    }
    .x-_offset-j {
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-qoffset-z {
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-teoffset-tt {
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-tnoffset-tr {
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-tioffset-ts {
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-tooffset-tu {
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-taoffset-tf {
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-tloffset-tc {
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-thoffset-tp {
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-tdoffset-tv {
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-tmoffset-tg {
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
        .x-ugap-xxxxsa {
            --gap: var(--space-xxxxs)
        }
        .x-ugap-xxxsa {
            --gap: var(--space-xxxs)
        }
        .x-ugap-xxsa {
            --gap: var(--space-xxs)
        }
        .x-ugap-xsa {
            --gap: var(--space-xs)
        }
        .x-ugap-sma {
            --gap: var(--space-sm)
        }
        .x-ugap-mda {
            --gap: var(--space-md)
        }
        .x-ugap-lga {
            --gap: var(--space-lg)
        }
        .x-ugap-xla {
            --gap: var(--space-xl)
        }
        .x-ugap-xxla {
            --gap: var(--space-xxl)
        }
        .x-ugap-xxxla {
            --gap: var(--space-xxxl)
        }
        .x-ugap-xxxxla {
            --gap: var(--space-xxxxl)
        }
        .x-tn {
            --gap: 0px
        }
    }
}
@media(min-width:48rem) {
    .x-tr {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }
    .x-ti {
        flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ts {
        flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-to {
        flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-tu {
        flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ta {
        flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tf {
        flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-tl {
        flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tc {
        flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-th {
        flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-tp {
        flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-td {
        flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tv {
        flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-tm {
        flex-basis: initial;
        max-width: initial
    }
    .x-tyoffset-tb {
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-twoffset-tx {
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-tkoffset-t_ {
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-tjoffset-tq {
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-tzoffset-ne {
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ntoffset-nn {
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-nroffset-ni {
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-nsoffset-no {
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-nuoffset-na {
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-nfoffset-nl {
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-ncoffset-nh {
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
        .x-fgap-xxxxsl {
            --gap: var(--space-xxxxs)
        }
        .x-fgap-xxxsl {
            --gap: var(--space-xxxs)
        }
        .x-fgap-xxsl {
            --gap: var(--space-xxs)
        }
        .x-fgap-xsl {
            --gap: var(--space-xs)
        }
        .x-fgap-sml {
            --gap: var(--space-sm)
        }
        .x-fgap-mdl {
            --gap: var(--space-md)
        }
        .x-fgap-lgl {
            --gap: var(--space-lg)
        }
        .x-fgap-xll {
            --gap: var(--space-xl)
        }
        .x-fgap-xxll {
            --gap: var(--space-xxl)
        }
        .x-fgap-xxxll {
            --gap: var(--space-xxxl)
        }
        .x-fgap-xxxxll {
            --gap: var(--space-xxxxl)
        }
        .x-tg {
            --gap: 0px
        }
    }
}
@media(min-width:64rem) {
    .x-ty {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }
    .x-tb {
        flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tw {
        flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tx {
        flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-tk {
        flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-t_ {
        flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-tj {
        flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-tq {
        flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-tz {
        flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ne {
        flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-nt {
        flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nn {
        flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nr {
        flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-ni {
        flex-basis: initial;
        max-width: initial
    }
    .x-npoffset-nd {
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-nvoffset-nm {
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-ngoffset-ny {
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-nboffset-nw {
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-nxoffset-nk {
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-n_offset-nj {
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-nqoffset-nz {
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-reoffset-rt {
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-rnoffset-rr {
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-rioffset-rs {
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-rooffset-ru {
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
        .x-cgap-xxxxsh {
            --gap: var(--space-xxxxs)
        }
        .x-cgap-xxxsh {
            --gap: var(--space-xxxs)
        }
        .x-cgap-xxsh {
            --gap: var(--space-xxs)
        }
        .x-cgap-xsh {
            --gap: var(--space-xs)
        }
        .x-cgap-smh {
            --gap: var(--space-sm)
        }
        .x-cgap-mdh {
            --gap: var(--space-md)
        }
        .x-cgap-lgh {
            --gap: var(--space-lg)
        }
        .x-cgap-xlh {
            --gap: var(--space-xl)
        }
        .x-cgap-xxlh {
            --gap: var(--space-xxl)
        }
        .x-cgap-xxxlh {
            --gap: var(--space-xxxl)
        }
        .x-cgap-xxxxlh {
            --gap: var(--space-xxxxl)
        }
        .x-ns {
            --gap: 0px
        }
    }
}
@media(min-width:80rem) {
    .x-no {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }
    .x-nu {
        flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-na {
        flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nf {
        flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-nl {
        flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nc {
        flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nh {
        flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-np {
        flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nd {
        flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nv {
        flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-nm {
        flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-ng {
        flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ny {
        flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-nb {
        flex-basis: initial;
        max-width: initial
    }
    .x-raoffset-rf {
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-rloffset-rc {
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-rhoffset-rp {
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-rdoffset-rv {
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-rmoffset-rg {
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ryoffset-rb {
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-rwoffset-rx {
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-rkoffset-r_ {
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-rjoffset-rq {
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-rzoffset-ie {
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-itoffset-in {
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
        .x-pgap-xxxxsd {
            --gap: var(--space-xxxxs)
        }
        .x-pgap-xxxsd {
            --gap: var(--space-xxxs)
        }
        .x-pgap-xxsd {
            --gap: var(--space-xxs)
        }
        .x-pgap-xsd {
            --gap: var(--space-xs)
        }
        .x-pgap-smd {
            --gap: var(--space-sm)
        }
        .x-pgap-mdd {
            --gap: var(--space-md)
        }
        .x-pgap-lgd {
            --gap: var(--space-lg)
        }
        .x-pgap-xld {
            --gap: var(--space-xl)
        }
        .x-pgap-xxld {
            --gap: var(--space-xxl)
        }
        .x-pgap-xxxld {
            --gap: var(--space-xxxl)
        }
        .x-pgap-xxxxld {
            --gap: var(--space-xxxxl)
        }
        .x-nw {
            --gap: 0px
        }
    }
}
@media(min-width:90rem) {
    .x-nx {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }
    .x-nk {
        flex-basis: calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-n_ {
        flex-basis: calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-nj {
        flex-basis: calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .x-nq {
        flex-basis: calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-nz {
        flex-basis: calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-re {
        flex-basis: calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .x-rt {
        flex-basis: calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-rn {
        flex-basis: calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-rr {
        flex-basis: calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .x-ri {
        flex-basis: calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .x-rs {
        flex-basis: calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .x-ro {
        flex-basis: calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width: calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .x-ru {
        flex-basis: initial;
        max-width: initial
    }
    .x-iroffset-ii {
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .x-isoffset-io {
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .x-iuoffset-ia {
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .x-ifoffset-il {
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .x-icoffset-ih {
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .x-ipoffset-id {
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .x-ivoffset-im {
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .x-igoffset-iy {
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .x-iboffset-iw {
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .x-ixoffset-ik {
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .x-i_offset-ij {
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports(--css:variables) {
        .x-vgap-xxxxsm {
            --gap: var(--space-xxxxs)
        }
        .x-vgap-xxxsm {
            --gap: var(--space-xxxs)
        }
        .x-vgap-xxsm {
            --gap: var(--space-xxs)
        }
        .x-vgap-xsm {
            --gap: var(--space-xs)
        }
        .x-vgap-smm {
            --gap: var(--space-sm)
        }
        .x-vgap-mdm {
            --gap: var(--space-md)
        }
        .x-vgap-lgm {
            --gap: var(--space-lg)
        }
        .x-vgap-xlm {
            --gap: var(--space-xl)
        }
        .x-vgap-xxlm {
            --gap: var(--space-xxl)
        }
        .x-vgap-xxxlm {
            --gap: var(--space-xxxl)
        }
        .x-vgap-xxxxlm {
            --gap: var(--space-xxxxl)
        }
        .x-ra {
            --gap: 0px
        }
    }
}
:root {
    --radius-sm: calc(var(--radius, 0.25em)/2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em)*2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1)
}
:root {
    --heading-line-height: 1.2;
    --body-line-height: 1.4
}
body {
    font-size: var(--text-base-size, 1em);
    font-family: var(--font-primary, sans-serif);
    color: var(--color-contrast-high, #313135)
}
h1,
h2,
h3,
h4 {
    color: var(--color-contrast-higher, #1c1c21);
    line-height: var(--heading-line-height, 1.2)
}
.text-xxxxl {
    font-size: var(--text-xxxxl, 2.985em)
}
.text-xxxl {
    font-size: var(--text-xxxl, 2.488em)
}
h1,
.text-xxl {
    font-size: var(--text-xxl, 2.074em)
}
h2,
.text-xl {
    font-size: var(--text-xl, 1.728em)
}
h3,
.text-lg {
    font-size: var(--text-lg, 1.44em)
}
h4,
.text-md {
    font-size: var(--text-md, 1.2em)
}
.text-base {
    font-size: 1em
}
small,
.text-sm {
    font-size: var(--text-sm, 0.833em)
}
.text-xs {
    font-size: var(--text-xs, 0.694em)
}
a,
.link {
    color: var(--color-primary, #2a6df4);
    text-decoration: underline
}
strong {
    font-weight: 700
}
s {
    text-decoration: line-through
}
u {
    text-decoration: underline
}
.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {
    line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * 0.25 * var(--text-vspace-multiplier, 1))
}
.text-component h2,
.text-component h3,
.text-component h4 {
    margin-top: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
}
.text-component p,
.text-component blockquote,
.text-component ul li,
.text-component ol li {
    line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1))
}
.text-component ul,
.text-component ol,
.text-component p,
.text-component blockquote,
.text-component .text-component__block {
    margin-bottom: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
}
.text-component ul,
.text-component ol {
    list-style-position: inside
}
.text-component ul {
    list-style-type: disc
}
.text-component ol {
    list-style-type: decimal
}
.text-component img {
    display: block;
    margin: 0 auto
}
.text-component figcaption {
    text-align: center;
    margin-top: calc(var(--space-unit) * 0.5)
}
.text-component em {
    font-style: italic
}
.text-component hr {
    margin-top: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * var(--text-vspace-multiplier, 1));
    margin-left: auto;
    margin-right: auto
}
.text-component>*:first-child {
    margin-top: 0
}
.text-component>*:last-child {
    margin-bottom: 0
}
.text-component__block--full-width {
    width: 100vw;
    margin-left: calc(50% - 50vw)
}
@media(min-width:48rem) {
    .text-component__block--left, .text-component__block--right {
        width: 45%
    }
    .text-component__block--left img,
    .text-component__block--right img {
        width: 100%
    }
    .text-component__block--left {
        float: left;
        margin-right: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
    }
    .text-component__block--right {
        float: right;
        margin-left: calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
    }
}
@media(min-width:90rem) {
    .text-component__block--outset {
        width: calc(100% + 10.5 * var(--space-unit))
    }
    .text-component__block--outset img {
        width: 100%
    }
    .text-component__block--outset:not(.text-component__block--right) {
        margin-left: calc(-5.25 * var(--space-unit))
    }
    .text-component__block--left,
    .text-component__block--right {
        width: 50%
    }
    .text-component__block--right.text-component__block--outset {
        margin-right: calc(-5.25 * var(--space-unit))
    }
}
:root {
    --icon-xxxs: 8px;
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 96px;
    --icon-xxxl: 128px
}
.icon {
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: 1em;
    width: 1em;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial
}
.x-rf {
    font-size: var(--icon-xxxs)
}
.x-rl {
    font-size: var(--icon-xxs)
}
.x-rc {
    font-size: var(--icon-xs)
}
.x-rh {
    font-size: var(--icon-sm)
}
.x-rp {
    font-size: var(--icon-md)
}
.x-rd {
    font-size: var(--icon-lg)
}
.x-rv {
    font-size: var(--icon-xl)
}
.x-rm {
    font-size: var(--icon-xxl)
}
.x-rg {
    font-size: var(--icon-xxxl)
}
.x-ry {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear
}
@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.icon use {
    color: inherit;
    fill: currentColor
}
.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    line-height: 1;
    font-size: var(--btn-font-size, 1em);
    padding-top: var(--btn-padding-y, 0.5em);
    padding-bottom: var(--btn-padding-y, 0.5em);
    padding-left: var(--btn-padding-x, 0.75em);
    padding-right: var(--btn-padding-x, 0.75em);
    border-radius: var(--btn-radius, 0.25em)
}
.btn--sm {
    font-size: var(--btn-font-size-sm, 0.8em)
}
.btn--md {
    font-size: var(--btn-font-size-md, 1.2em)
}
.btn--lg {
    font-size: var(--btn-font-size-lg, 1.4em)
}
.btn--icon {
    padding: var(--btn-padding-y, 0.5em)
}
.form-control {
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: var(--form-control-radius, 0.25em)
}
.form-legend {
    color: var(--color-contrast-higher, #1c1c21);
    line-height: var(--heading-line-height, 1.2);
    font-size: var(--text-md, 1.2em);
    margin-bottom: var(--space-xxs)
}
.form-label {
    display: inline-block
}
.form__msg-error,
.form-error-msg {
    color: var(--color-error, #e02447);
    font-size: var(--text-sm, 0.833em);
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}
.form__msg-error--is-visible,
.form-error-msg--is-visible {
    position: relative;
    clip: auto
}
.radio-list>*,
.checkbox-list>* {
    position: relative;
    display: flex;
    align-items: baseline
}
.radio-list label,
.checkbox-list label {
    line-height: var(--body-line-height)
}
.radio-list input,
.checkbox-list input {
    margin-right: var(--space-xxxs);
    flex-shrink: 0
}
:root {
    --zindex-header: 3;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-overlay: 15
}
:root {
    --display: block
}
.x-rb {
    display: var(--display)!important
}
.is-hidden {
    display: none!important
}
html:not(.js) .x-rw {
    display: none!important
}
@media print {
    .x-rx {
        display: none!important
    }
}
.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.x-rk {
    flex-wrap: wrap
}
.x-r_ {
    flex-direction: column
}
.x-rj {
    flex-direction: column-reverse
}
.x-rq {
    flex-direction: row
}
.x-rz {
    flex-direction: row-reverse
}
.x-ie {
    justify-content: center;
    align-items: center
}
.flex-grow {
    flex-grow: 1
}
.x-it {
    flex-shrink: 0
}
.x-in {
    flex-basis: 0
}
.x-ir {
    justify-content: flex-start
}
.x-ii {
    justify-content: flex-end
}
.x-is {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.items-center {
    align-items: center
}
.x-io {
    align-items: flex-start
}
.x-iu {
    align-items: flex-end
}
.x-ia {
    align-items: baseline
}
.x-if {
    order: 1
}
.x-il {
    order: 2
}
.order-3 {
    order: 3
}
.block {
    display: block
}
.x-ic {
    display: inline-block
}
.inline {
    display: inline
}
.x-ih {
    margin: var(--space-xxxxs)
}
.x-ip {
    margin: var(--space-xxxs)
}
.x-id {
    margin: var(--space-xxs)
}
.x-iv {
    margin: var(--space-xs)
}
.x-im {
    margin: var(--space-sm)
}
.x-ig {
    margin: var(--space-md)
}
.x-iy {
    margin: var(--space-lg)
}
.x-ib {
    margin: var(--space-xl)
}
.x-iw {
    margin: var(--space-xxl)
}
.x-ix {
    margin: var(--space-xxxl)
}
.x-ik {
    margin: var(--space-xxxxl)
}
.x-i_ {
    margin: auto
}
.x-ij {
    margin-top: var(--space-xxxxs)
}
.x-iq {
    margin-top: var(--space-xxxs)
}
.x-iz {
    margin-top: var(--space-xxs)
}
.margin-top-xs {
    margin-top: var(--space-xs)
}
.x-se {
    margin-top: var(--space-sm)
}
.x-st {
    margin-top: var(--space-md)
}
.x-sn {
    margin-top: var(--space-lg)
}
.x-sr {
    margin-top: var(--space-xl)
}
.x-si {
    margin-top: var(--space-xxl)
}
.x-ss {
    margin-top: var(--space-xxxl)
}
.x-so {
    margin-top: var(--space-xxxxl)
}
.x-su {
    margin-top: auto
}
.x-sa {
    margin-bottom: var(--space-xxxxs)
}
.x-sf {
    margin-bottom: var(--space-xxxs)
}
.margin-bottom-xxs {
    margin-bottom: var(--space-xxs)
}
.x-sl {
    margin-bottom: var(--space-xs)
}
.x-sc {
    margin-bottom: var(--space-sm)
}
.x-sh {
    margin-bottom: var(--space-md)
}
.x-sp {
    margin-bottom: var(--space-lg)
}
.x-sd {
    margin-bottom: var(--space-xl)
}
.x-sv {
    margin-bottom: var(--space-xxl)
}
.x-sm {
    margin-bottom: var(--space-xxxl)
}
.x-sg {
    margin-bottom: var(--space-xxxxl)
}
.x-sy {
    margin-bottom: auto
}
.x-sb {
    margin-right: var(--space-xxxxs)
}
.x-sw {
    margin-right: var(--space-xxxs)
}
.margin-right-xxs {
    margin-right: var(--space-xxs)
}
.x-sx {
    margin-right: var(--space-xs)
}
.x-sk {
    margin-right: var(--space-sm)
}
.x-s_ {
    margin-right: var(--space-md)
}
.x-sj {
    margin-right: var(--space-lg)
}
.x-sq {
    margin-right: var(--space-xl)
}
.x-sz {
    margin-right: var(--space-xxl)
}
.x-oe {
    margin-right: var(--space-xxxl)
}
.x-ot {
    margin-right: var(--space-xxxxl)
}
.x-on {
    margin-right: auto
}
.x-or {
    margin-left: var(--space-xxxxs)
}
.x-oi {
    margin-left: var(--space-xxxs)
}
.x-os {
    margin-left: var(--space-xxs)
}
.x-oo {
    margin-left: var(--space-xs)
}
.x-ou {
    margin-left: var(--space-sm)
}
.x-oa {
    margin-left: var(--space-md)
}
.x-of {
    margin-left: var(--space-lg)
}
.x-ol {
    margin-left: var(--space-xl)
}
.x-oc {
    margin-left: var(--space-xxl)
}
.x-oh {
    margin-left: var(--space-xxxl)
}
.x-op {
    margin-left: var(--space-xxxxl)
}
.x-od {
    margin-left: auto
}
.x-ov {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs)
}
.x-om {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs)
}
.x-og {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs)
}
.x-oy {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}
.x-ob {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
}
.x-ow {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
}
.x-ox {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
}
.x-ok {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
}
.x-o_ {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl)
}
.x-oj {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl)
}
.x-oq {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl)
}
.x-oz {
    margin-left: auto;
    margin-right: auto
}
.x-ue {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs)
}
.x-ut {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs)
}
.x-un {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs)
}
.margin-y-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs)
}
.x-ur {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
}
.x-ui {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
}
.x-us {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
}
.x-uo {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
}
.x-uu {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl)
}
.x-ua {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl)
}
.x-uf {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl)
}
.x-ul {
    margin-top: auto;
    margin-bottom: auto
}
.x-uc {
    padding: var(--space-xxxxs)
}
.x-uh {
    padding: var(--space-xxxs)
}
.x-up {
    padding: var(--space-xxs)
}
.x-ud {
    padding: var(--space-xs)
}
.x-uv {
    padding: var(--space-sm)
}
.x-um {
    padding: var(--space-md)
}
.x-ug {
    padding: var(--space-lg)
}
.x-uy {
    padding: var(--space-xl)
}
.x-ub {
    padding: var(--space-xxl)
}
.x-uw {
    padding: var(--space-xxxl)
}
.x-ux {
    padding: var(--space-xxxxl)
}
.x-uk {
    padding: var(--component-padding)
}
.x-u_ {
    padding-top: var(--space-xxxxs)
}
.x-uj {
    padding-top: var(--space-xxxs)
}
.x-uq {
    padding-top: var(--space-xxs)
}
.x-uz {
    padding-top: var(--space-xs)
}
.x-ae {
    padding-top: var(--space-sm)
}
.x-at {
    padding-top: var(--space-md)
}
.x-an {
    padding-top: var(--space-lg)
}
.x-ar {
    padding-top: var(--space-xl)
}
.x-ai {
    padding-top: var(--space-xxl)
}
.x-as {
    padding-top: var(--space-xxxl)
}
.x-ao {
    padding-top: var(--space-xxxxl)
}
.x-au {
    padding-top: var(--component-padding)
}
.x-aa {
    padding-bottom: var(--space-xxxxs)
}
.x-af {
    padding-bottom: var(--space-xxxs)
}
.x-al {
    padding-bottom: var(--space-xxs)
}
.x-ac {
    padding-bottom: var(--space-xs)
}
.x-ah {
    padding-bottom: var(--space-sm)
}
.x-ap {
    padding-bottom: var(--space-md)
}
.x-ad {
    padding-bottom: var(--space-lg)
}
.x-av {
    padding-bottom: var(--space-xl)
}
.x-am {
    padding-bottom: var(--space-xxl)
}
.x-ag {
    padding-bottom: var(--space-xxxl)
}
.x-ay {
    padding-bottom: var(--space-xxxxl)
}
.x-ab {
    padding-bottom: var(--component-padding)
}
.x-aw {
    padding-right: var(--space-xxxxs)
}
.x-ax {
    padding-right: var(--space-xxxs)
}
.x-ak {
    padding-right: var(--space-xxs)
}
.x-a_ {
    padding-right: var(--space-xs)
}
.x-aj {
    padding-right: var(--space-sm)
}
.x-aq {
    padding-right: var(--space-md)
}
.x-az {
    padding-right: var(--space-lg)
}
.x-fe {
    padding-right: var(--space-xl)
}
.x-ft {
    padding-right: var(--space-xxl)
}
.x-fn {
    padding-right: var(--space-xxxl)
}
.x-fr {
    padding-right: var(--space-xxxxl)
}
.x-fi {
    padding-right: var(--component-padding)
}
.x-fs {
    padding-left: var(--space-xxxxs)
}
.x-fo {
    padding-left: var(--space-xxxs)
}
.x-fu {
    padding-left: var(--space-xxs)
}
.x-fa {
    padding-left: var(--space-xs)
}
.x-ff {
    padding-left: var(--space-sm)
}
.x-fl {
    padding-left: var(--space-md)
}
.x-fc {
    padding-left: var(--space-lg)
}
.x-fh {
    padding-left: var(--space-xl)
}
.x-fp {
    padding-left: var(--space-xxl)
}
.x-fd {
    padding-left: var(--space-xxxl)
}
.x-fv {
    padding-left: var(--space-xxxxl)
}
.x-fm {
    padding-left: var(--component-padding)
}
.x-fg {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs)
}
.x-fy {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs)
}
.x-fb {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs)
}
.x-fw {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}
.x-fx {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
}
.x-fk {
    padding-left: var(--space-md);
    padding-right: var(--space-md)
}
.x-f_ {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}
.x-fj {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}
.x-fq {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl)
}
.x-fz {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl)
}
.x-le {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl)
}
.x-lt {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding)
}
.x-ln {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs)
}
.x-lr {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs)
}
.x-li {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs)
}
.x-ls {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
}
.x-lo {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm)
}
.x-lu {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md)
}
.x-la {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
}
.x-lf {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}
.x-ll {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl)
}
.x-lc {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl)
}
.x-lh {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl)
}
.x-lp {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
}
.x-ld {
    vertical-align: baseline
}
.x-lv {
    vertical-align: top
}
.x-lm {
    vertical-align: middle
}
.x-lg {
    vertical-align: bottom
}
.x-ly,
.x-lb {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.x-lw {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}
.x-lx {
    text-transform: uppercase
}
.x-lk {
    text-transform: capitalize
}
.x-l_ {
    letter-spacing: -.05em
}
.x-lj {
    letter-spacing: .05em
}
.x-lq {
    letter-spacing: .1em
}
.x-lz {
    font-weight: 300
}
.x-ce {
    font-weight: 400
}
.x-ct {
    font-weight: 500
}
.x-cn {
    font-weight: 600
}
.x-cr,
.x-ci {
    font-weight: 700
}
.x-cs {
    font-style: italic
}
.x-co {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.x-cu {
    font-family: var(--font-primary)
}
.x-ca {
    text-align: center
}
.x-cf {
    text-align: left
}
.x-cl {
    text-align: right
}
.x-cc {
    text-decoration: line-through
}
.text-underline {
    text-decoration: underline
}
.x-ch {
    text-decoration: none
}
.x-cp {
    --heading-line-height: 1;
    --body-line-height: 1
}
.x-cp:not(.text-component) {
    line-height: 1
}
.x-cd {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}
.x-cd:not(.text-component) {
    line-height: 1.2
}
.x-cv {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}
.x-cv:not(.text-component) {
    line-height: 1.4
}
.x-cm {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}
.x-cm:not(.text-component) {
    line-height: 1.58
}
.x-cg {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}
.x-cg:not(.text-component) {
    line-height: 1.72
}
.x-cy {
    line-height: var(--body-line-height)
}
.x-cb {
    line-height: var(--heading-line-height)
}
.x-cw {
    --text-vspace-multiplier: 0.25 !important
}
.x-cx {
    --text-vspace-multiplier: 0.5 !important
}
.x-ck {
    --text-vspace-multiplier: 0.75 !important
}
.x-c_ {
    --text-vspace-multiplier: 1.25 !important
}
.x-cj {
    --text-vspace-multiplier: 1.5 !important
}
.x-cq {
    --text-vspace-multiplier: 1.75 !important
}
.x-cz {
    --text-vspace-multiplier: 2 !important
}
.x-he,
.x-ht {
    white-space: nowrap
}
.cursor-pointer {
    cursor: pointer
}
.x-hn {
    pointer-events: auto
}
.x-hr {
    pointer-events: none
}
.x-hi {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.x-hs {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all
}
[class*=color-] {
    --color-o: 1
}
.x-tcolor-n {
    color: inherit
}
.x-rcolor-i {
    color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1))
}
.x-scolor-o {
    color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1))
}
.x-ucolor-a {
    color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1))
}
.color-contrast-medium {
    color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1))
}
.x-ccolor-h {
    color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1))
}
.x-pcolor-d {
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1))
}
.x-vcolor-m {
    color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1))
}
.x-gcolor-y {
    color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1))
}
.color-primary {
    color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1))
}
.x-xcolor-k {
    color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1))
}
.x-_color-j {
    color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1))
}
.x-qcolor-z {
    color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1))
}
.x-tecolor-tt {
    color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1))
}
.x-tncolor-tr {
    color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1))
}
.x-ticolor-ts {
    color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1))
}
.x-tocolor-tu {
    color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1))
}
.x-tacolor-tf {
    color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1))
}
.x-tlcolor-tc {
    color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1))
}
.x-thcolor-tp {
    color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1))
}
.x-tdcolor-tv {
    color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1))
}
.x-tmcolor-tg {
    color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1))
}
.x-tycolor-tb {
    color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1))
}
.x-twcolor-tx {
    color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1))
}
.x-tkcolor-t_ {
    color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1))
}
.x-tjcolor-tq {
    color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1))
}
.x-tzcolor-ne {
    color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1))
}
.x-ntcolor-nn {
    color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1))
}
.x-nrcolor-ni {
    color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1))
}
.x-nscolor-no {
    color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1))
}
.x-nucolor-na {
    color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1))
}
.x-nfcolor-nl {
    color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1))
}
.x-nccolor-nh {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1))
}
.x-npcolor-nd {
    color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1))
}
@supports(--css:variables) {
    .x-nvcolor-nm {
        --color-o: 0.1
    }
    .x-ngcolor-ny {
        --color-o: 0.2
    }
    .x-nbcolor-nw {
        --color-o: 0.3
    }
    .x-nxcolor-nk {
        --color-o: 0.4
    }
    .x-n_color-nj {
        --color-o: 0.5
    }
    .x-nqcolor-nz {
        --color-o: 0.6
    }
    .x-recolor-rt {
        --color-o: 0.7
    }
    .x-rncolor-rr {
        --color-o: 0.8
    }
    .x-ricolor-rs {
        --color-o: 0.9
    }
}
.x-ho {
    width: var(--size-xxxxs, 0.25rem)
}
.width-xxxs {
    width: var(--size-xxxs, 0.5rem)
}
.x-hu {
    width: var(--size-xxs, 0.75rem)
}
.x-ha {
    width: var(--size-xs, 1rem)
}
.x-hf {
    width: var(--size-sm, 1.5rem)
}
.x-hl {
    width: var(--size-md, 2rem)
}
.x-hc {
    width: var(--size-lg, 3rem)
}
.x-hh {
    width: var(--size-xl, 4rem)
}
.x-hp {
    width: var(--size-xxl, 6rem)
}
.x-hd {
    width: var(--size-xxxl, 8rem)
}
.x-hv {
    width: var(--size-xxxxl, 16rem)
}
.x-hm {
    width: 10%
}
.x-hg {
    width: 20%
}
.x-hy {
    width: 25%
}
.x-hb {
    width: 30%
}
.x-hw {
    width: calc(100%/3)
}
.x-hx {
    width: 40%
}
.x-hk {
    width: 50%
}
.x-h_ {
    width: 60%
}
.x-hj {
    width: calc(100%/1.5)
}
.x-hq {
    width: 70%
}
.x-hz {
    width: 75%
}
.x-pe {
    width: 80%
}
.x-pt {
    width: 90%
}
.x-pn {
    width: 100%
}
.x-pr {
    width: 100vw
}
.x-pi {
    width: auto
}
.x-ps {
    height: var(--size-xxxxs, 0.25rem)
}
.height-xxxs {
    height: var(--size-xxxs, 0.5rem)
}
.x-po {
    height: var(--size-xxs, 0.75rem)
}
.x-pu {
    height: var(--size-xs, 1rem)
}
.x-pa {
    height: var(--size-sm, 1.5rem)
}
.x-pf {
    height: var(--size-md, 2rem)
}
.x-pl {
    height: var(--size-lg, 3rem)
}
.x-pc {
    height: var(--size-xl, 4rem)
}
.x-ph {
    height: var(--size-xxl, 6rem)
}
.x-pp {
    height: var(--size-xxxl, 8rem)
}
.x-pd {
    height: var(--size-xxxxl, 16rem)
}
.x-pv {
    height: 10%
}
.x-pm {
    height: 20%
}
.x-pg {
    height: 25%
}
.x-py {
    height: 30%
}
.x-pb {
    height: calc(100%/3)
}
.x-pw {
    height: 40%
}
.x-px {
    height: 50%
}
.x-pk {
    height: 60%
}
.x-p_ {
    height: calc(100%/1.5)
}
.x-pj {
    height: 70%
}
.x-pq {
    height: 75%
}
.x-pz {
    height: 80%
}
.x-de {
    height: 90%
}
.x-dt {
    height: 100%
}
.x-dn {
    height: 100vh
}
.x-dr {
    height: auto
}
.x-di {
    min-width: 0
}
.x-ds {
    min-width: 25%
}
.x-do {
    min-width: calc(100%/3)
}
.x-du {
    min-width: 50%
}
.x-da {
    min-width: calc(100%/1.5)
}
.x-df {
    min-width: 75%
}
.x-dl {
    min-width: 100%
}
.x-dc {
    min-width: 100vw
}
.x-dh {
    min-height: 100%
}
.x-dp {
    min-height: 100vh
}
:root {
    --max-width-xxxxs: 20rem;
    --max-width-xxxs: 26rem;
    --max-width-xxs: 32rem;
    --max-width-xs: 38rem;
    --max-width-sm: 48rem;
    --max-width-md: 64rem;
    --max-width-lg: 80rem;
    --max-width-xl: 90rem;
    --max-width-xxl: 100rem;
    --max-width-xxxl: 120rem;
    --max-width-xxxxl: 150rem
}
.max-width-xxxxs {
    max-width: var(--max-width-xxxxs)
}
.x-dd {
    max-width: var(--max-width-xxxs)
}
.x-dv {
    max-width: var(--max-width-xxs)
}
.x-dm {
    max-width: var(--max-width-xs)
}
.x-dg {
    max-width: var(--max-width-sm)
}
.x-dy {
    max-width: var(--max-width-md)
}
.x-db {
    max-width: var(--max-width-lg)
}
.x-dw {
    max-width: var(--max-width-xl)
}
.x-dx {
    max-width: var(--max-width-xxl)
}
.x-dk {
    max-width: var(--max-width-xxxl)
}
.x-d_ {
    max-width: var(--max-width-xxxxl)
}
.x-dj {
    max-width: 100%
}
[class*=max-width-adaptive] {
    max-width: 32rem
}
@media(min-width:48rem) {
    .max-width-adaptive-sm, .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
        max-width: 48rem
    }
}
@media(min-width:64rem) {
    .max-width-adaptive-md, .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
        max-width: 64rem
    }
}
@media(min-width:80rem) {
    .max-width-adaptive-lg, .max-width-adaptive-xl, .max-width-adaptive {
        max-width: 80rem
    }
}
@media(min-width:90rem) {
    .max-width-adaptive-xl {
        max-width: 90rem
    }
}
.x-dq {
    max-height: 100%
}
.x-dz {
    max-height: 100vh
}
.x-ve {
    position: relative
}
.x-vt {
    position: absolute
}
.x-vn {
    position: fixed
}
.x-vr {
    position: -webkit-sticky;
    position: sticky
}
.x-vi {
    top: 0
}
.x-vs {
    bottom: 0
}
.x-vo {
    left: 0
}
.x-vu {
    right: 0
}
.x-va {
    z-index: var(--zindex-header)
}
.x-vf {
    z-index: var(--zindex-popover)
}
.x-vl {
    z-index: var(--zindex-fixed-element)
}
.x-vc {
    z-index: var(--zindex-overlay)
}
.x-vh,
.x-vp {
    z-index: 1
}
.x-vd,
.x-vv {
    z-index: 2
}
.x-vm,
.x-vg {
    z-index: 3
}
.x-vy {
    overflow: hidden
}
.x-vb {
    overflow: auto
}
.x-vw {
    -webkit-overflow-scrolling: touch
}
.x-vx {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}
.x-vk {
    opacity: 0
}
.x-v_ {
    opacity: .1
}
.x-vj {
    opacity: .2
}
.x-vq {
    opacity: .3
}
.x-vz {
    opacity: .4
}
.x-me {
    opacity: .5
}
.x-mt {
    opacity: .6
}
.x-mn {
    opacity: .7
}
.x-mr {
    opacity: .8
}
.x-mi {
    opacity: .9
}
.media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}
.media-wrapper>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.x-ms {
    padding-bottom: calc((3/4) * 100%)
}
.x-mo {
    padding-bottom: calc((1/1) * 100%)
}
.x-mu {
    float: left
}
.x-ma {
    float: right
}
.x-mf::after {
    content: "";
    display: table;
    clear: both
}
[class*=border-] {
    --border-o: 1
}
.border {
    border: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.x-tborder-n {
    border-top: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.x-rborder-i {
    border-bottom: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-left {
    border-left: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-right {
    border-right: 1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.x-fborder-l {
    border-width: 2px
}
.x-cborder-h {
    border-width: 3px
}
.x-pborder-d {
    border-width: 4px
}
.x-vborder-m {
    border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1))
}
.x-gborder-y {
    border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}
.x-bborder-w {
    border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.x-xborder-k {
    border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1))
}
.x-_border-j {
    border-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--border-o, 1))
}
.x-qborder-z {
    border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1))
}
.x-teborder-tt {
    border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1))
}
.x-tnborder-tr {
    border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1))
}
.x-tiborder-ts {
    border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1))
}
.x-toborder-tu {
    border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1))
}
.x-taborder-tf {
    border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1))
}
.x-tlborder-tc {
    border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1))
}
.x-thborder-tp {
    border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1))
}
.x-tdborder-tv {
    border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1))
}
.x-tmborder-tg {
    border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1))
}
.x-tyborder-tb {
    border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1))
}
.x-twborder-tx {
    border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1))
}
.x-tkborder-t_ {
    border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1))
}
.x-tjborder-tq {
    border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1))
}
.x-tzborder-ne {
    border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1))
}
.x-ntborder-nn {
    border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1))
}
.x-nrborder-ni {
    border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1))
}
.x-nsborder-no {
    border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1))
}
.x-nuborder-na {
    border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1))
}
.x-nfborder-nl {
    border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1))
}
.x-ncborder-nh {
    border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1))
}
.x-npborder-nd {
    border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1))
}
.x-nvborder-nm {
    border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1))
}
.x-ngborder-ny {
    border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1))
}
.x-nbborder-nw {
    border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1))
}
.x-nxborder-nk {
    border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1))
}
.x-n_border-nj {
    border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1))
}
.x-nqborder-nz {
    border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1))
}
@supports(--css:variables) {
    .x-reborder-rt {
        --border-o: 0.1
    }
    .x-rnborder-rr {
        --border-o: 0.2
    }
    .x-riborder-rs {
        --border-o: 0.3
    }
    .x-roborder-ru {
        --border-o: 0.4
    }
    .x-raborder-rf {
        --border-o: 0.5
    }
    .x-rlborder-rc {
        --border-o: 0.6
    }
    .x-rhborder-rp {
        --border-o: 0.7
    }
    .x-rdborder-rv {
        --border-o: 0.8
    }
    .x-rmborder-rg {
        --border-o: 0.9
    }
}
.x-ml {
    border-radius: var(--radius-sm)
}
.x-mc {
    border-radius: var(--radius-md)
}
.x-mh {
    border-radius: var(--radius-lg)
}
.x-mp {
    border-radius: 50%
}
.x-md {
    box-shadow: var(--shadow-xs)
}
.x-mv {
    box-shadow: var(--shadow-sm)
}
.x-mm {
    box-shadow: var(--shadow-md)
}
.x-mg {
    box-shadow: var(--shadow-lg)
}
.x-my {
    box-shadow: var(--shadow-xl)
}
.bg,
[class*=bg-] {
    --bg-o: 1
}
.x-tbg-n {
    background-color: transparent
}
.x-rbg-i {
    background-color: inherit
}
.bg {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o))
}
.bg-contrast-lower {
    background-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1))
}
.bg-contrast-low {
    background-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1))
}
.x-fbg-l {
    background-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1))
}
.x-cbg-h {
    background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1))
}
.x-pbg-d {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1))
}
.x-vbg-m {
    background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1))
}
.x-gbg-y {
    background-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1))
}
.bg-primary {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1))
}
.x-xbg-k {
    background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1))
}
.x-_bg-j {
    background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1))
}
.x-qbg-z {
    background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1))
}
.x-tebg-tt {
    background-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1))
}
.bg-accent {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1))
}
.x-tibg-ts {
    background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1))
}
.x-tobg-tu {
    background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1))
}
.x-tabg-tf {
    background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1))
}
.x-tlbg-tc {
    background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1))
}
.x-thbg-tp {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1))
}
.x-tdbg-tv {
    background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1))
}
.x-tmbg-tg {
    background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1))
}
.x-tybg-tb {
    background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1))
}
.x-twbg-tx {
    background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1))
}
.x-tkbg-t_ {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1))
}
.x-tjbg-tq {
    background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1))
}
.x-tzbg-ne {
    background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1))
}
.x-ntbg-nn {
    background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1))
}
.x-nrbg-ni {
    background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1))
}
.x-nsbg-no {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1))
}
.x-nubg-na {
    background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1))
}
.x-nfbg-nl {
    background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1))
}
.x-ncbg-nh {
    background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1))
}
.x-npbg-nd {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1))
}
@supports(--css:variables) {
    .x-nvbg-nm {
        --bg-o: 0.1
    }
    .x-ngbg-ny {
        --bg-o: 0.2
    }
    .x-nbbg-nw {
        --bg-o: 0.3
    }
    .x-nxbg-nk {
        --bg-o: 0.4
    }
    .x-n_bg-nj {
        --bg-o: 0.5
    }
    .x-nqbg-nz {
        --bg-o: 0.6
    }
    .x-rebg-rt {
        --bg-o: 0.7
    }
    .x-rnbg-rr {
        --bg-o: 0.8
    }
    .x-ribg-rs {
        --bg-o: 0.9
    }
}
.x-robg-ru {
    background-size: cover
}
.x-rabg-rf {
    background-position: center
}
.x-rlbg-rc {
    background-repeat: no-repeat
}
.x-mb {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}
.x-mw {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}
.x-mx {
    isolation: isolate
}
.x-mk {
    mix-blend-mode: multiply
}
.x-m_ {
    mix-blend-mode: overlay
}
.x-mj {
    -o-object-fit: contain;
    object-fit: contain
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}
.x-mq {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}
.x-mz {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}
.x-ge {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}
@media(min-width:32rem) {
    .x-gt {
        display: flex
    }
    .x-gn {
        display: inline-flex
    }
    .x-gr {
        flex-wrap: wrap
    }
    .x-gi {
        flex-direction: column
    }
    .x-gs {
        flex-direction: column-reverse
    }
    .x-go {
        flex-direction: row
    }
    .x-gu {
        flex-direction: row-reverse
    }
    .x-ga {
        justify-content: center;
        align-items: center
    }
    .x-gf {
        flex-grow: 0
    }
    .x-gl {
        flex-grow: 1
    }
    .x-gc {
        flex-shrink: 0
    }
    .x-gh {
        flex-shrink: 1
    }
    .x-gp {
        justify-content: flex-start
    }
    .x-gd {
        justify-content: flex-end
    }
    .x-gv {
        justify-content: center
    }
    .x-gm {
        justify-content: space-between
    }
    .x-gg {
        align-items: center
    }
    .x-gy {
        align-items: flex-start
    }
    .x-gb {
        align-items: flex-end
    }
    .x-gw {
        align-items: baseline
    }
    .x-gx {
        order: 1
    }
    .x-gk {
        order: 2
    }
    .x-g_ {
        order: 3
    }
    .x-gj {
        display: block
    }
    .x-gq {
        display: inline-block
    }
    .x-gz {
        display: inline
    }
    @supports(--css:variables) {
        .x-ye {
            margin: var(--space-xxxxs)
        }
        .x-yt {
            margin: var(--space-xxxs)
        }
        .x-yn {
            margin: var(--space-xxs)
        }
        .x-yr {
            margin: var(--space-xs)
        }
        .x-yi {
            margin: var(--space-sm)
        }
        .x-ys {
            margin: var(--space-md)
        }
        .x-yo {
            margin: var(--space-lg)
        }
        .x-yu {
            margin: var(--space-xl)
        }
        .x-ya {
            margin: var(--space-xxl)
        }
        .x-yf {
            margin: var(--space-xxxl)
        }
        .x-yl {
            margin: var(--space-xxxxl)
        }
        .x-yc {
            margin: auto
        }
        .x-yh {
            margin: 0
        }
        .x-yp {
            margin-top: var(--space-xxxxs)
        }
        .x-yd {
            margin-top: var(--space-xxxs)
        }
        .x-yv {
            margin-top: var(--space-xxs)
        }
        .x-ym {
            margin-top: var(--space-xs)
        }
        .x-yg {
            margin-top: var(--space-sm)
        }
        .x-yy {
            margin-top: var(--space-md)
        }
        .x-yb {
            margin-top: var(--space-lg)
        }
        .x-yw {
            margin-top: var(--space-xl)
        }
        .x-yx {
            margin-top: var(--space-xxl)
        }
        .x-yk {
            margin-top: var(--space-xxxl)
        }
        .x-y_ {
            margin-top: var(--space-xxxxl)
        }
        .x-yj {
            margin-top: auto
        }
        .x-yq {
            margin-top: 0
        }
        .x-yz {
            margin-bottom: var(--space-xxxxs)
        }
        .x-be {
            margin-bottom: var(--space-xxxs)
        }
        .x-bt {
            margin-bottom: var(--space-xxs)
        }
        .x-bn {
            margin-bottom: var(--space-xs)
        }
        .x-br {
            margin-bottom: var(--space-sm)
        }
        .x-bi {
            margin-bottom: var(--space-md)
        }
        .x-bs {
            margin-bottom: var(--space-lg)
        }
        .x-bo {
            margin-bottom: var(--space-xl)
        }
        .x-bu {
            margin-bottom: var(--space-xxl)
        }
        .x-ba {
            margin-bottom: var(--space-xxxl)
        }
        .x-bf {
            margin-bottom: var(--space-xxxxl)
        }
        .x-bl {
            margin-bottom: auto
        }
        .x-bc {
            margin-bottom: 0
        }
        .x-bh {
            margin-right: var(--space-xxxxs)
        }
        .x-bp {
            margin-right: var(--space-xxxs)
        }
        .x-bd {
            margin-right: var(--space-xxs)
        }
        .x-bv {
            margin-right: var(--space-xs)
        }
        .x-bm {
            margin-right: var(--space-sm)
        }
        .x-bg {
            margin-right: var(--space-md)
        }
        .x-by {
            margin-right: var(--space-lg)
        }
        .x-bb {
            margin-right: var(--space-xl)
        }
        .x-bw {
            margin-right: var(--space-xxl)
        }
        .x-bx {
            margin-right: var(--space-xxxl)
        }
        .x-bk {
            margin-right: var(--space-xxxxl)
        }
        .x-b_ {
            margin-right: auto
        }
        .x-bj {
            margin-right: 0
        }
        .x-bq {
            margin-left: var(--space-xxxxs)
        }
        .x-bz {
            margin-left: var(--space-xxxs)
        }
        .x-we {
            margin-left: var(--space-xxs)
        }
        .x-wt {
            margin-left: var(--space-xs)
        }
        .x-wn {
            margin-left: var(--space-sm)
        }
        .x-wr {
            margin-left: var(--space-md)
        }
        .x-wi {
            margin-left: var(--space-lg)
        }
        .x-ws {
            margin-left: var(--space-xl)
        }
        .x-wo {
            margin-left: var(--space-xxl)
        }
        .x-wu {
            margin-left: var(--space-xxxl)
        }
        .x-wa {
            margin-left: var(--space-xxxxl)
        }
        .x-wf {
            margin-left: auto
        }
        .x-wl {
            margin-left: 0
        }
        .x-wc {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }
        .x-wh {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }
        .x-wp {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }
        .x-wd {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }
        .x-wv {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }
        .x-wm {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }
        .x-wg {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }
        .x-wy {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }
        .x-wb {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }
        .x-ww {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }
        .x-wx {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }
        .x-wk {
            margin-left: auto;
            margin-right: auto
        }
        .x-w_ {
            margin-left: 0;
            margin-right: 0
        }
        .x-wj {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }
        .x-wq {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }
        .x-wz {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }
        .x-xe {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }
        .x-xt {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }
        .x-xn {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }
        .x-xr {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }
        .x-xi {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }
        .x-xs {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }
        .x-xo {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }
        .x-xu {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }
        .x-xa {
            margin-top: auto;
            margin-bottom: auto
        }
        .x-xf {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @supports(--css:variables) {
        .x-xl {
            padding: var(--space-xxxxs)
        }
        .x-xc {
            padding: var(--space-xxxs)
        }
        .x-xh {
            padding: var(--space-xxs)
        }
        .x-xp {
            padding: var(--space-xs)
        }
        .x-xd {
            padding: var(--space-sm)
        }
        .x-xv {
            padding: var(--space-md)
        }
        .x-xm {
            padding: var(--space-lg)
        }
        .x-xg {
            padding: var(--space-xl)
        }
        .x-xy {
            padding: var(--space-xxl)
        }
        .x-xb {
            padding: var(--space-xxxl)
        }
        .x-xw {
            padding: var(--space-xxxxl)
        }
        .x-xx {
            padding: 0
        }
        .x-xk {
            padding: var(--component-padding)
        }
        .x-x_ {
            padding-top: var(--space-xxxxs)
        }
        .x-xj {
            padding-top: var(--space-xxxs)
        }
        .x-xq {
            padding-top: var(--space-xxs)
        }
        .x-xz {
            padding-top: var(--space-xs)
        }
        .x-ke {
            padding-top: var(--space-sm)
        }
        .x-kt {
            padding-top: var(--space-md)
        }
        .x-kn {
            padding-top: var(--space-lg)
        }
        .x-kr {
            padding-top: var(--space-xl)
        }
        .x-ki {
            padding-top: var(--space-xxl)
        }
        .x-ks {
            padding-top: var(--space-xxxl)
        }
        .x-ko {
            padding-top: var(--space-xxxxl)
        }
        .x-ku {
            padding-top: 0
        }
        .x-ka {
            padding-top: var(--component-padding)
        }
        .x-kf {
            padding-bottom: var(--space-xxxxs)
        }
        .x-kl {
            padding-bottom: var(--space-xxxs)
        }
        .x-kc {
            padding-bottom: var(--space-xxs)
        }
        .x-kh {
            padding-bottom: var(--space-xs)
        }
        .x-kp {
            padding-bottom: var(--space-sm)
        }
        .x-kd {
            padding-bottom: var(--space-md)
        }
        .x-kv {
            padding-bottom: var(--space-lg)
        }
        .x-km {
            padding-bottom: var(--space-xl)
        }
        .x-kg {
            padding-bottom: var(--space-xxl)
        }
        .x-ky {
            padding-bottom: var(--space-xxxl)
        }
        .x-kb {
            padding-bottom: var(--space-xxxxl)
        }
        .x-kw {
            padding-bottom: 0
        }
        .x-kx {
            padding-bottom: var(--component-padding)
        }
        .x-kk {
            padding-right: var(--space-xxxxs)
        }
        .x-k_ {
            padding-right: var(--space-xxxs)
        }
        .x-kj {
            padding-right: var(--space-xxs)
        }
        .x-kq {
            padding-right: var(--space-xs)
        }
        .x-kz {
            padding-right: var(--space-sm)
        }
        .x-_e {
            padding-right: var(--space-md)
        }
        .x-_t {
            padding-right: var(--space-lg)
        }
        .x-_n {
            padding-right: var(--space-xl)
        }
        .x-_r {
            padding-right: var(--space-xxl)
        }
        .x-_i {
            padding-right: var(--space-xxxl)
        }
        .x-_s {
            padding-right: var(--space-xxxxl)
        }
        .x-_o {
            padding-right: 0
        }
        .x-_u {
            padding-right: var(--component-padding)
        }
        .x-_a {
            padding-left: var(--space-xxxxs)
        }
        .x-_f {
            padding-left: var(--space-xxxs)
        }
        .x-_l {
            padding-left: var(--space-xxs)
        }
        .x-_c {
            padding-left: var(--space-xs)
        }
        .x-_h {
            padding-left: var(--space-sm)
        }
        .x-_p {
            padding-left: var(--space-md)
        }
        .x-_d {
            padding-left: var(--space-lg)
        }
        .x-_v {
            padding-left: var(--space-xl)
        }
        .x-_m {
            padding-left: var(--space-xxl)
        }
        .x-_g {
            padding-left: var(--space-xxxl)
        }
        .x-_y {
            padding-left: var(--space-xxxxl)
        }
        .x-_b {
            padding-left: 0
        }
        .x-_w {
            padding-left: var(--component-padding)
        }
        .x-_x {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }
        .x-_k {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }
        .x-__ {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }
        .x-_j {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }
        .x-_q {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }
        .x-_z {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }
        .x-je {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }
        .x-jt {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }
        .x-jn {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }
        .x-jr {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }
        .x-ji {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }
        .x-js {
            padding-left: 0;
            padding-right: 0
        }
        .x-jo {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }
        .x-ju {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }
        .x-ja {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }
        .x-jf {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }
        .x-jl {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }
        .x-jc {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }
        .x-jh {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }
        .x-jp {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }
        .x-jd {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }
        .x-jv {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }
        .x-jm {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }
        .x-jg {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }
        .x-jy {
            padding-top: 0;
            padding-bottom: 0
        }
        .x-jb {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }
    .x-jw {
        text-align: center
    }
    .x-jx {
        text-align: left
    }
    .x-jk {
        text-align: right
    }
    @supports(--css:variables) {
        .x-j_ {
            font-size: var(--text-xs, 0.694em)
        }
        .x-jj {
            font-size: var(--text-sm, 0.833em)
        }
        .x-jq {
            font-size: 1em
        }
        .x-jz {
            font-size: var(--text-md, 1.2em)
        }
        .x-qe {
            font-size: var(--text-lg, 1.44em)
        }
        .x-qt {
            font-size: var(--text-xl, 1.728em)
        }
        .x-qn {
            font-size: var(--text-xxl, 2.074em)
        }
        .x-qr {
            font-size: var(--text-xxxl, 2.488em)
        }
        .x-qi {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }
    .x-qs {
        display: none!important
    }
}
@media not all and (min-width: 32rem) {
    .x-qo {
        margin: 0!important
    }
    .x-qu {
        padding: 0!important
    }
    .x-qa {
        display: none!important
    }
}
@media(min-width:48rem) {
    .x-qf {
        display: flex
    }
    .x-ql {
        display: inline-flex
    }
    .x-qc {
        flex-wrap: wrap
    }
    .x-qh {
        flex-direction: column
    }
    .x-qp {
        flex-direction: column-reverse
    }
    .x-qd {
        flex-direction: row
    }
    .x-qv {
        flex-direction: row-reverse
    }
    .x-qm {
        justify-content: center;
        align-items: center
    }
    .x-qg {
        flex-grow: 0
    }
    .x-qy {
        flex-grow: 1
    }
    .x-qb {
        flex-shrink: 0
    }
    .x-qw {
        flex-shrink: 1
    }
    .x-qx {
        justify-content: flex-start
    }
    .x-qk {
        justify-content: flex-end
    }
    .x-q_ {
        justify-content: center
    }
    .x-qj {
        justify-content: space-between
    }
    .x-qq {
        align-items: center
    }
    .x-qz {
        align-items: flex-start
    }
    .x-ze {
        align-items: flex-end
    }
    .x-zt {
        align-items: baseline
    }
    .x-zn {
        order: 1
    }
    .x-zr {
        order: 2
    }
    .x-zi {
        order: 3
    }
    .x-zs {
        display: block
    }
    .x-zo {
        display: inline-block
    }
    .x-zu {
        display: inline
    }
    @supports(--css:variables) {
        .x-za {
            margin: var(--space-xxxxs)
        }
        .x-zf {
            margin: var(--space-xxxs)
        }
        .x-zl {
            margin: var(--space-xxs)
        }
        .x-zc {
            margin: var(--space-xs)
        }
        .x-zh {
            margin: var(--space-sm)
        }
        .x-zp {
            margin: var(--space-md)
        }
        .x-zd {
            margin: var(--space-lg)
        }
        .x-zv {
            margin: var(--space-xl)
        }
        .x-zm {
            margin: var(--space-xxl)
        }
        .x-zg {
            margin: var(--space-xxxl)
        }
        .x-zy {
            margin: var(--space-xxxxl)
        }
        .x-zb {
            margin: auto
        }
        .x-zw {
            margin: 0
        }
        .x-zx {
            margin-top: var(--space-xxxxs)
        }
        .x-zk {
            margin-top: var(--space-xxxs)
        }
        .x-z_ {
            margin-top: var(--space-xxs)
        }
        .x-zj {
            margin-top: var(--space-xs)
        }
        .x-zq {
            margin-top: var(--space-sm)
        }
        .x-zz {
            margin-top: var(--space-md)
        }
        .x-tee {
            margin-top: var(--space-lg)
        }
        .x-tet {
            margin-top: var(--space-xl)
        }
        .x-ten {
            margin-top: var(--space-xxl)
        }
        .x-ter {
            margin-top: var(--space-xxxl)
        }
        .x-tei {
            margin-top: var(--space-xxxxl)
        }
        .x-tes {
            margin-top: auto
        }
        .x-teo {
            margin-top: 0
        }
        .x-teu {
            margin-bottom: var(--space-xxxxs)
        }
        .x-tea {
            margin-bottom: var(--space-xxxs)
        }
        .x-tef {
            margin-bottom: var(--space-xxs)
        }
        .x-tel {
            margin-bottom: var(--space-xs)
        }
        .x-tec {
            margin-bottom: var(--space-sm)
        }
        .x-teh {
            margin-bottom: var(--space-md)
        }
        .x-tep {
            margin-bottom: var(--space-lg)
        }
        .x-ted {
            margin-bottom: var(--space-xl)
        }
        .x-tev {
            margin-bottom: var(--space-xxl)
        }
        .x-tem {
            margin-bottom: var(--space-xxxl)
        }
        .x-teg {
            margin-bottom: var(--space-xxxxl)
        }
        .x-tey {
            margin-bottom: auto
        }
        .x-teb {
            margin-bottom: 0
        }
        .x-tew {
            margin-right: var(--space-xxxxs)
        }
        .x-tex {
            margin-right: var(--space-xxxs)
        }
        .x-tek {
            margin-right: var(--space-xxs)
        }
        .x-te_ {
            margin-right: var(--space-xs)
        }
        .x-tej {
            margin-right: var(--space-sm)
        }
        .x-teq {
            margin-right: var(--space-md)
        }
        .x-tez {
            margin-right: var(--space-lg)
        }
        .x-tte {
            margin-right: var(--space-xl)
        }
        .x-ttt {
            margin-right: var(--space-xxl)
        }
        .x-ttn {
            margin-right: var(--space-xxxl)
        }
        .x-ttr {
            margin-right: var(--space-xxxxl)
        }
        .x-tti {
            margin-right: auto
        }
        .x-tts {
            margin-right: 0
        }
        .x-tto {
            margin-left: var(--space-xxxxs)
        }
        .x-ttu {
            margin-left: var(--space-xxxs)
        }
        .x-tta {
            margin-left: var(--space-xxs)
        }
        .x-ttf {
            margin-left: var(--space-xs)
        }
        .x-ttl {
            margin-left: var(--space-sm)
        }
        .x-ttc {
            margin-left: var(--space-md)
        }
        .x-tth {
            margin-left: var(--space-lg)
        }
        .x-ttp {
            margin-left: var(--space-xl)
        }
        .x-ttd {
            margin-left: var(--space-xxl)
        }
        .x-ttv {
            margin-left: var(--space-xxxl)
        }
        .x-ttm {
            margin-left: var(--space-xxxxl)
        }
        .x-ttg {
            margin-left: auto
        }
        .x-tty {
            margin-left: 0
        }
        .x-ttb {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }
        .x-ttw {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }
        .x-ttx {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }
        .x-ttk {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }
        .x-tt_ {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }
        .x-ttj {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }
        .x-ttq {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }
        .x-ttz {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }
        .x-tne {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }
        .x-tnt {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }
        .x-tnn {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }
        .x-tnr {
            margin-left: auto;
            margin-right: auto
        }
        .x-tni {
            margin-left: 0;
            margin-right: 0
        }
        .x-tns {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }
        .x-tno {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }
        .x-tnu {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }
        .x-tna {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }
        .x-tnf {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }
        .x-tnl {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }
        .x-tnc {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }
        .x-tnh {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }
        .x-tnp {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }
        .x-tnd {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }
        .x-tnv {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }
        .x-tnm {
            margin-top: auto;
            margin-bottom: auto
        }
        .x-tng {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @supports(--css:variables) {
        .x-tny {
            padding: var(--space-xxxxs)
        }
        .x-tnb {
            padding: var(--space-xxxs)
        }
        .x-tnw {
            padding: var(--space-xxs)
        }
        .x-tnx {
            padding: var(--space-xs)
        }
        .x-tnk {
            padding: var(--space-sm)
        }
        .x-tn_ {
            padding: var(--space-md)
        }
        .x-tnj {
            padding: var(--space-lg)
        }
        .x-tnq {
            padding: var(--space-xl)
        }
        .x-tnz {
            padding: var(--space-xxl)
        }
        .x-tre {
            padding: var(--space-xxxl)
        }
        .x-trt {
            padding: var(--space-xxxxl)
        }
        .x-trn {
            padding: 0
        }
        .x-trr {
            padding: var(--component-padding)
        }
        .x-tri {
            padding-top: var(--space-xxxxs)
        }
        .x-trs {
            padding-top: var(--space-xxxs)
        }
        .x-tro {
            padding-top: var(--space-xxs)
        }
        .x-tru {
            padding-top: var(--space-xs)
        }
        .x-tra {
            padding-top: var(--space-sm)
        }
        .x-trf {
            padding-top: var(--space-md)
        }
        .x-trl {
            padding-top: var(--space-lg)
        }
        .x-trc {
            padding-top: var(--space-xl)
        }
        .x-trh {
            padding-top: var(--space-xxl)
        }
        .x-trp {
            padding-top: var(--space-xxxl)
        }
        .x-trd {
            padding-top: var(--space-xxxxl)
        }
        .x-trv {
            padding-top: 0
        }
        .x-trm {
            padding-top: var(--component-padding)
        }
        .x-trg {
            padding-bottom: var(--space-xxxxs)
        }
        .x-try {
            padding-bottom: var(--space-xxxs)
        }
        .x-trb {
            padding-bottom: var(--space-xxs)
        }
        .x-trw {
            padding-bottom: var(--space-xs)
        }
        .x-trx {
            padding-bottom: var(--space-sm)
        }
        .x-trk {
            padding-bottom: var(--space-md)
        }
        .x-tr_ {
            padding-bottom: var(--space-lg)
        }
        .x-trj {
            padding-bottom: var(--space-xl)
        }
        .x-trq {
            padding-bottom: var(--space-xxl)
        }
        .x-trz {
            padding-bottom: var(--space-xxxl)
        }
        .x-tie {
            padding-bottom: var(--space-xxxxl)
        }
        .x-tit {
            padding-bottom: 0
        }
        .x-tin {
            padding-bottom: var(--component-padding)
        }
        .x-tir {
            padding-right: var(--space-xxxxs)
        }
        .x-tii {
            padding-right: var(--space-xxxs)
        }
        .x-tis {
            padding-right: var(--space-xxs)
        }
        .x-tio {
            padding-right: var(--space-xs)
        }
        .x-tiu {
            padding-right: var(--space-sm)
        }
        .x-tia {
            padding-right: var(--space-md)
        }
        .x-tif {
            padding-right: var(--space-lg)
        }
        .x-til {
            padding-right: var(--space-xl)
        }
        .x-tic {
            padding-right: var(--space-xxl)
        }
        .x-tih {
            padding-right: var(--space-xxxl)
        }
        .x-tip {
            padding-right: var(--space-xxxxl)
        }
        .x-tid {
            padding-right: 0
        }
        .x-tiv {
            padding-right: var(--component-padding)
        }
        .x-tim {
            padding-left: var(--space-xxxxs)
        }
        .x-tig {
            padding-left: var(--space-xxxs)
        }
        .x-tiy {
            padding-left: var(--space-xxs)
        }
        .x-tib {
            padding-left: var(--space-xs)
        }
        .x-tiw {
            padding-left: var(--space-sm)
        }
        .x-tix {
            padding-left: var(--space-md)
        }
        .x-tik {
            padding-left: var(--space-lg)
        }
        .x-ti_ {
            padding-left: var(--space-xl)
        }
        .x-tij {
            padding-left: var(--space-xxl)
        }
        .x-tiq {
            padding-left: var(--space-xxxl)
        }
        .x-tiz {
            padding-left: var(--space-xxxxl)
        }
        .x-tse {
            padding-left: 0
        }
        .x-tst {
            padding-left: var(--component-padding)
        }
        .x-tsn {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }
        .x-tsr {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }
        .x-tsi {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }
        .x-tss {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }
        .x-tso {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }
        .x-tsu {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }
        .x-tsa {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }
        .x-tsf {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }
        .x-tsl {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }
        .x-tsc {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }
        .x-tsh {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }
        .x-tsp {
            padding-left: 0;
            padding-right: 0
        }
        .x-tsd {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }
        .x-tsv {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }
        .x-tsm {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }
        .x-tsg {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }
        .x-tsy {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }
        .x-tsb {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }
        .x-tsw {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }
        .x-tsx {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }
        .x-tsk {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }
        .x-ts_ {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }
        .x-tsj {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }
        .x-tsq {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }
        .x-tsz {
            padding-top: 0;
            padding-bottom: 0
        }
        .x-toe {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }
    .x-tot {
        text-align: center
    }
    .x-ton {
        text-align: left
    }
    .x-tor {
        text-align: right
    }
    @supports(--css:variables) {
        .x-toi {
            font-size: var(--text-xs, 0.694em)
        }
        .x-tos {
            font-size: var(--text-sm, 0.833em)
        }
        .x-too {
            font-size: 1em
        }
        .x-tou {
            font-size: var(--text-md, 1.2em)
        }
        .x-toa {
            font-size: var(--text-lg, 1.44em)
        }
        .x-tof {
            font-size: var(--text-xl, 1.728em)
        }
        .x-tol {
            font-size: var(--text-xxl, 2.074em)
        }
        .x-toc {
            font-size: var(--text-xxxl, 2.488em)
        }
        .x-toh {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }
    .x-top {
        display: none!important
    }
}
@media not all and (min-width: 48rem) {
    .x-tod {
        margin: 0!important
    }
    .x-tov {
        padding: 0!important
    }
    .x-tom {
        display: none!important
    }
}
@media(min-width:64rem) {
    .x-tog {
        display: flex
    }
    .x-toy {
        display: inline-flex
    }
    .x-tob {
        flex-wrap: wrap
    }
    .x-tow {
        flex-direction: column
    }
    .x-tox {
        flex-direction: column-reverse
    }
    .x-tok {
        flex-direction: row
    }
    .x-to_ {
        flex-direction: row-reverse
    }
    .x-toj {
        justify-content: center;
        align-items: center
    }
    .x-toq {
        flex-grow: 0
    }
    .x-toz {
        flex-grow: 1
    }
    .x-tue {
        flex-shrink: 0
    }
    .x-tut {
        flex-shrink: 1
    }
    .x-tun {
        justify-content: flex-start
    }
    .x-tur {
        justify-content: flex-end
    }
    .x-tui {
        justify-content: center
    }
    .x-tus {
        justify-content: space-between
    }
    .x-tuo {
        align-items: center
    }
    .x-tuu {
        align-items: flex-start
    }
    .x-tua {
        align-items: flex-end
    }
    .x-tuf {
        align-items: baseline
    }
    .x-tul {
        order: 1
    }
    .x-tuc {
        order: 2
    }
    .x-tuh {
        order: 3
    }
    .x-tup {
        display: block
    }
    .x-tud {
        display: inline-block
    }
    .x-tuv {
        display: inline
    }
    @supports(--css:variables) {
        .x-tum {
            margin: var(--space-xxxxs)
        }
        .x-tug {
            margin: var(--space-xxxs)
        }
        .x-tuy {
            margin: var(--space-xxs)
        }
        .x-tub {
            margin: var(--space-xs)
        }
        .x-tuw {
            margin: var(--space-sm)
        }
        .x-tux {
            margin: var(--space-md)
        }
        .x-tuk {
            margin: var(--space-lg)
        }
        .x-tu_ {
            margin: var(--space-xl)
        }
        .x-tuj {
            margin: var(--space-xxl)
        }
        .x-tuq {
            margin: var(--space-xxxl)
        }
        .x-tuz {
            margin: var(--space-xxxxl)
        }
        .x-tae {
            margin: auto
        }
        .x-tat {
            margin: 0
        }
        .x-tan {
            margin-top: var(--space-xxxxs)
        }
        .x-tar {
            margin-top: var(--space-xxxs)
        }
        .x-tai {
            margin-top: var(--space-xxs)
        }
        .x-tas {
            margin-top: var(--space-xs)
        }
        .x-tao {
            margin-top: var(--space-sm)
        }
        .x-tau {
            margin-top: var(--space-md)
        }
        .x-taa {
            margin-top: var(--space-lg)
        }
        .x-taf {
            margin-top: var(--space-xl)
        }
        .x-tal {
            margin-top: var(--space-xxl)
        }
        .x-tac {
            margin-top: var(--space-xxxl)
        }
        .x-tah {
            margin-top: var(--space-xxxxl)
        }
        .x-tap {
            margin-top: auto
        }
        .x-tad {
            margin-top: 0
        }
        .x-tav {
            margin-bottom: var(--space-xxxxs)
        }
        .x-tam {
            margin-bottom: var(--space-xxxs)
        }
        .x-tag {
            margin-bottom: var(--space-xxs)
        }
        .x-tay {
            margin-bottom: var(--space-xs)
        }
        .x-tab {
            margin-bottom: var(--space-sm)
        }
        .x-taw {
            margin-bottom: var(--space-md)
        }
        .x-tax {
            margin-bottom: var(--space-lg)
        }
        .x-tak {
            margin-bottom: var(--space-xl)
        }
        .x-ta_ {
            margin-bottom: var(--space-xxl)
        }
        .x-taj {
            margin-bottom: var(--space-xxxl)
        }
        .x-taq {
            margin-bottom: var(--space-xxxxl)
        }
        .x-taz {
            margin-bottom: auto
        }
        .x-tfe {
            margin-bottom: 0
        }
        .x-tft {
            margin-right: var(--space-xxxxs)
        }
        .x-tfn {
            margin-right: var(--space-xxxs)
        }
        .x-tfr {
            margin-right: var(--space-xxs)
        }
        .x-tfi {
            margin-right: var(--space-xs)
        }
        .x-tfs {
            margin-right: var(--space-sm)
        }
        .x-tfo {
            margin-right: var(--space-md)
        }
        .x-tfu {
            margin-right: var(--space-lg)
        }
        .x-tfa {
            margin-right: var(--space-xl)
        }
        .x-tff {
            margin-right: var(--space-xxl)
        }
        .x-tfl {
            margin-right: var(--space-xxxl)
        }
        .x-tfc {
            margin-right: var(--space-xxxxl)
        }
        .x-tfh {
            margin-right: auto
        }
        .x-tfp {
            margin-right: 0
        }
        .x-tfd {
            margin-left: var(--space-xxxxs)
        }
        .x-tfv {
            margin-left: var(--space-xxxs)
        }
        .x-tfm {
            margin-left: var(--space-xxs)
        }
        .x-tfg {
            margin-left: var(--space-xs)
        }
        .x-tfy {
            margin-left: var(--space-sm)
        }
        .x-tfb {
            margin-left: var(--space-md)
        }
        .x-tfw {
            margin-left: var(--space-lg)
        }
        .x-tfx {
            margin-left: var(--space-xl)
        }
        .x-tfk {
            margin-left: var(--space-xxl)
        }
        .x-tf_ {
            margin-left: var(--space-xxxl)
        }
        .x-tfj {
            margin-left: var(--space-xxxxl)
        }
        .x-tfq {
            margin-left: auto
        }
        .x-tfz {
            margin-left: 0
        }
        .x-tle {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }
        .x-tlt {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }
        .x-tln {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }
        .x-tlr {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }
        .x-tli {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }
        .x-tls {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }
        .x-tlo {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }
        .x-tlu {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }
        .x-tla {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }
        .x-tlf {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }
        .x-tll {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }
        .x-tlc {
            margin-left: auto;
            margin-right: auto
        }
        .x-tlh {
            margin-left: 0;
            margin-right: 0
        }
        .x-tlp {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }
        .x-tld {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }
        .x-tlv {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }
        .x-tlm {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }
        .x-tlg {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }
        .x-tly {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }
        .x-tlb {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }
        .x-tlw {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }
        .x-tlx {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }
        .x-tlk {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }
        .x-tl_ {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }
        .x-tlj {
            margin-top: auto;
            margin-bottom: auto
        }
        .x-tlq {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @supports(--css:variables) {
        .x-tlz {
            padding: var(--space-xxxxs)
        }
        .x-tce {
            padding: var(--space-xxxs)
        }
        .x-tct {
            padding: var(--space-xxs)
        }
        .x-tcn {
            padding: var(--space-xs)
        }
        .x-tcr {
            padding: var(--space-sm)
        }
        .x-tci {
            padding: var(--space-md)
        }
        .x-tcs {
            padding: var(--space-lg)
        }
        .x-tco {
            padding: var(--space-xl)
        }
        .x-tcu {
            padding: var(--space-xxl)
        }
        .x-tca {
            padding: var(--space-xxxl)
        }
        .x-tcf {
            padding: var(--space-xxxxl)
        }
        .x-tcl {
            padding: 0
        }
        .x-tcc {
            padding: var(--component-padding)
        }
        .x-tch {
            padding-top: var(--space-xxxxs)
        }
        .x-tcp {
            padding-top: var(--space-xxxs)
        }
        .x-tcd {
            padding-top: var(--space-xxs)
        }
        .x-tcv {
            padding-top: var(--space-xs)
        }
        .x-tcm {
            padding-top: var(--space-sm)
        }
        .x-tcg {
            padding-top: var(--space-md)
        }
        .x-tcy {
            padding-top: var(--space-lg)
        }
        .x-tcb {
            padding-top: var(--space-xl)
        }
        .x-tcw {
            padding-top: var(--space-xxl)
        }
        .x-tcx {
            padding-top: var(--space-xxxl)
        }
        .x-tck {
            padding-top: var(--space-xxxxl)
        }
        .x-tc_ {
            padding-top: 0
        }
        .x-tcj {
            padding-top: var(--component-padding)
        }
        .x-tcq {
            padding-bottom: var(--space-xxxxs)
        }
        .x-tcz {
            padding-bottom: var(--space-xxxs)
        }
        .x-the {
            padding-bottom: var(--space-xxs)
        }
        .x-tht {
            padding-bottom: var(--space-xs)
        }
        .x-thn {
            padding-bottom: var(--space-sm)
        }
        .x-thr {
            padding-bottom: var(--space-md)
        }
        .x-thi {
            padding-bottom: var(--space-lg)
        }
        .x-ths {
            padding-bottom: var(--space-xl)
        }
        .x-tho {
            padding-bottom: var(--space-xxl)
        }
        .x-thu {
            padding-bottom: var(--space-xxxl)
        }
        .x-tha {
            padding-bottom: var(--space-xxxxl)
        }
        .x-thf {
            padding-bottom: 0
        }
        .x-thl {
            padding-bottom: var(--component-padding)
        }
        .x-thc {
            padding-right: var(--space-xxxxs)
        }
        .x-thh {
            padding-right: var(--space-xxxs)
        }
        .x-thp {
            padding-right: var(--space-xxs)
        }
        .x-thd {
            padding-right: var(--space-xs)
        }
        .x-thv {
            padding-right: var(--space-sm)
        }
        .x-thm {
            padding-right: var(--space-md)
        }
        .x-thg {
            padding-right: var(--space-lg)
        }
        .x-thy {
            padding-right: var(--space-xl)
        }
        .x-thb {
            padding-right: var(--space-xxl)
        }
        .x-thw {
            padding-right: var(--space-xxxl)
        }
        .x-thx {
            padding-right: var(--space-xxxxl)
        }
        .x-thk {
            padding-right: 0
        }
        .x-th_ {
            padding-right: var(--component-padding)
        }
        .x-thj {
            padding-left: var(--space-xxxxs)
        }
        .x-thq {
            padding-left: var(--space-xxxs)
        }
        .x-thz {
            padding-left: var(--space-xxs)
        }
        .x-tpe {
            padding-left: var(--space-xs)
        }
        .x-tpt {
            padding-left: var(--space-sm)
        }
        .x-tpn {
            padding-left: var(--space-md)
        }
        .x-tpr {
            padding-left: var(--space-lg)
        }
        .x-tpi {
            padding-left: var(--space-xl)
        }
        .x-tps {
            padding-left: var(--space-xxl)
        }
        .x-tpo {
            padding-left: var(--space-xxxl)
        }
        .x-tpu {
            padding-left: var(--space-xxxxl)
        }
        .x-tpa {
            padding-left: 0
        }
        .x-tpf {
            padding-left: var(--component-padding)
        }
        .x-tpl {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }
        .x-tpc {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }
        .x-tph {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }
        .x-tpp {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }
        .x-tpd {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }
        .x-tpv {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }
        .x-tpm {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }
        .x-tpg {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }
        .x-tpy {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }
        .x-tpb {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }
        .x-tpw {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }
        .x-tpx {
            padding-left: 0;
            padding-right: 0
        }
        .x-tpk {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }
        .x-tp_ {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }
        .x-tpj {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }
        .x-tpq {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }
        .x-tpz {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }
        .x-tde {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }
        .x-tdt {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }
        .x-tdn {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }
        .x-tdr {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }
        .x-tdi {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }
        .x-tds {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }
        .x-tdo {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }
        .x-tdu {
            padding-top: 0;
            padding-bottom: 0
        }
        .x-tda {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }
    .x-tdf {
        text-align: center
    }
    .x-tdl {
        text-align: left
    }
    .x-tdc {
        text-align: right
    }
    @supports(--css:variables) {
        .x-tdh {
            font-size: var(--text-xs, 0.694em)
        }
        .x-tdp {
            font-size: var(--text-sm, 0.833em)
        }
        .x-tdd {
            font-size: 1em
        }
        .x-tdv {
            font-size: var(--text-md, 1.2em)
        }
        .x-tdm {
            font-size: var(--text-lg, 1.44em)
        }
        .x-tdg {
            font-size: var(--text-xl, 1.728em)
        }
        .x-tdy {
            font-size: var(--text-xxl, 2.074em)
        }
        .x-tdb {
            font-size: var(--text-xxxl, 2.488em)
        }
        .x-tdw {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }
    .x-tdx {
        display: none!important
    }
}
@media not all and (min-width: 64rem) {
    .x-tdk {
        margin: 0!important
    }
    .x-td_ {
        padding: 0!important
    }
    .x-tdj {
        display: none!important
    }
}
@media(min-width:80rem) {
    .x-tdq {
        display: flex
    }
    .x-tdz {
        display: inline-flex
    }
    .x-tve {
        flex-wrap: wrap
    }
    .x-tvt {
        flex-direction: column
    }
    .x-tvn {
        flex-direction: column-reverse
    }
    .x-tvr {
        flex-direction: row
    }
    .x-tvi {
        flex-direction: row-reverse
    }
    .x-tvs {
        justify-content: center;
        align-items: center
    }
    .x-tvo {
        flex-grow: 0
    }
    .x-tvu {
        flex-grow: 1
    }
    .x-tva {
        flex-shrink: 0
    }
    .x-tvf {
        flex-shrink: 1
    }
    .x-tvl {
        justify-content: flex-start
    }
    .x-tvc {
        justify-content: flex-end
    }
    .x-tvh {
        justify-content: center
    }
    .x-tvp {
        justify-content: space-between
    }
    .x-tvd {
        align-items: center
    }
    .x-tvv {
        align-items: flex-start
    }
    .x-tvm {
        align-items: flex-end
    }
    .x-tvg {
        align-items: baseline
    }
    .x-tvy {
        order: 1
    }
    .x-tvb {
        order: 2
    }
    .x-tvw {
        order: 3
    }
    .x-tvx {
        display: block
    }
    .x-tvk {
        display: inline-block
    }
    .x-tv_ {
        display: inline
    }
    @supports(--css:variables) {
        .x-tvj {
            margin: var(--space-xxxxs)
        }
        .x-tvq {
            margin: var(--space-xxxs)
        }
        .x-tvz {
            margin: var(--space-xxs)
        }
        .x-tme {
            margin: var(--space-xs)
        }
        .x-tmt {
            margin: var(--space-sm)
        }
        .x-tmn {
            margin: var(--space-md)
        }
        .x-tmr {
            margin: var(--space-lg)
        }
        .x-tmi {
            margin: var(--space-xl)
        }
        .x-tms {
            margin: var(--space-xxl)
        }
        .x-tmo {
            margin: var(--space-xxxl)
        }
        .x-tmu {
            margin: var(--space-xxxxl)
        }
        .x-tma {
            margin: auto
        }
        .x-tmf {
            margin: 0
        }
        .x-tml {
            margin-top: var(--space-xxxxs)
        }
        .x-tmc {
            margin-top: var(--space-xxxs)
        }
        .x-tmh {
            margin-top: var(--space-xxs)
        }
        .x-tmp {
            margin-top: var(--space-xs)
        }
        .x-tmd {
            margin-top: var(--space-sm)
        }
        .x-tmv {
            margin-top: var(--space-md)
        }
        .x-tmm {
            margin-top: var(--space-lg)
        }
        .x-tmg {
            margin-top: var(--space-xl)
        }
        .x-tmy {
            margin-top: var(--space-xxl)
        }
        .x-tmb {
            margin-top: var(--space-xxxl)
        }
        .x-tmw {
            margin-top: var(--space-xxxxl)
        }
        .x-tmx {
            margin-top: auto
        }
        .x-tmk {
            margin-top: 0
        }
        .x-tm_ {
            margin-bottom: var(--space-xxxxs)
        }
        .x-tmj {
            margin-bottom: var(--space-xxxs)
        }
        .x-tmq {
            margin-bottom: var(--space-xxs)
        }
        .x-tmz {
            margin-bottom: var(--space-xs)
        }
        .x-tge {
            margin-bottom: var(--space-sm)
        }
        .x-tgt {
            margin-bottom: var(--space-md)
        }
        .x-tgn {
            margin-bottom: var(--space-lg)
        }
        .x-tgr {
            margin-bottom: var(--space-xl)
        }
        .x-tgi {
            margin-bottom: var(--space-xxl)
        }
        .x-tgs {
            margin-bottom: var(--space-xxxl)
        }
        .x-tgo {
            margin-bottom: var(--space-xxxxl)
        }
        .x-tgu {
            margin-bottom: auto
        }
        .x-tga {
            margin-bottom: 0
        }
        .x-tgf {
            margin-right: var(--space-xxxxs)
        }
        .x-tgl {
            margin-right: var(--space-xxxs)
        }
        .x-tgc {
            margin-right: var(--space-xxs)
        }
        .x-tgh {
            margin-right: var(--space-xs)
        }
        .x-tgp {
            margin-right: var(--space-sm)
        }
        .x-tgd {
            margin-right: var(--space-md)
        }
        .x-tgv {
            margin-right: var(--space-lg)
        }
        .x-tgm {
            margin-right: var(--space-xl)
        }
        .x-tgg {
            margin-right: var(--space-xxl)
        }
        .x-tgy {
            margin-right: var(--space-xxxl)
        }
        .x-tgb {
            margin-right: var(--space-xxxxl)
        }
        .x-tgw {
            margin-right: auto
        }
        .x-tgx {
            margin-right: 0
        }
        .x-tgk {
            margin-left: var(--space-xxxxs)
        }
        .x-tg_ {
            margin-left: var(--space-xxxs)
        }
        .x-tgj {
            margin-left: var(--space-xxs)
        }
        .x-tgq {
            margin-left: var(--space-xs)
        }
        .x-tgz {
            margin-left: var(--space-sm)
        }
        .x-tye {
            margin-left: var(--space-md)
        }
        .x-tyt {
            margin-left: var(--space-lg)
        }
        .x-tyn {
            margin-left: var(--space-xl)
        }
        .x-tyr {
            margin-left: var(--space-xxl)
        }
        .x-tyi {
            margin-left: var(--space-xxxl)
        }
        .x-tys {
            margin-left: var(--space-xxxxl)
        }
        .x-tyo {
            margin-left: auto
        }
        .x-tyu {
            margin-left: 0
        }
        .x-tya {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }
        .x-tyf {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }
        .x-tyl {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }
        .x-tyc {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }
        .x-tyh {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }
        .x-typ {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }
        .x-tyd {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }
        .x-tyv {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }
        .x-tym {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }
        .x-tyg {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }
        .x-tyy {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }
        .x-tyb {
            margin-left: auto;
            margin-right: auto
        }
        .x-tyw {
            margin-left: 0;
            margin-right: 0
        }
        .x-tyx {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }
        .x-tyk {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }
        .x-ty_ {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }
        .x-tyj {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }
        .x-tyq {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }
        .x-tyz {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }
        .x-tbe {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }
        .x-tbt {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }
        .x-tbn {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }
        .x-tbr {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }
        .x-tbi {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }
        .x-tbs {
            margin-top: auto;
            margin-bottom: auto
        }
        .x-tbo {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @supports(--css:variables) {
        .x-tbu {
            padding: var(--space-xxxxs)
        }
        .x-tba {
            padding: var(--space-xxxs)
        }
        .x-tbf {
            padding: var(--space-xxs)
        }
        .x-tbl {
            padding: var(--space-xs)
        }
        .x-tbc {
            padding: var(--space-sm)
        }
        .x-tbh {
            padding: var(--space-md)
        }
        .x-tbp {
            padding: var(--space-lg)
        }
        .x-tbd {
            padding: var(--space-xl)
        }
        .x-tbv {
            padding: var(--space-xxl)
        }
        .x-tbm {
            padding: var(--space-xxxl)
        }
        .x-tbg {
            padding: var(--space-xxxxl)
        }
        .x-tby {
            padding: 0
        }
        .x-tbb {
            padding: var(--component-padding)
        }
        .x-tbw {
            padding-top: var(--space-xxxxs)
        }
        .x-tbx {
            padding-top: var(--space-xxxs)
        }
        .x-tbk {
            padding-top: var(--space-xxs)
        }
        .x-tb_ {
            padding-top: var(--space-xs)
        }
        .x-tbj {
            padding-top: var(--space-sm)
        }
        .x-tbq {
            padding-top: var(--space-md)
        }
        .x-tbz {
            padding-top: var(--space-lg)
        }
        .x-twe {
            padding-top: var(--space-xl)
        }
        .x-twt {
            padding-top: var(--space-xxl)
        }
        .x-twn {
            padding-top: var(--space-xxxl)
        }
        .x-twr {
            padding-top: var(--space-xxxxl)
        }
        .x-twi {
            padding-top: 0
        }
        .x-tws {
            padding-top: var(--component-padding)
        }
        .x-two {
            padding-bottom: var(--space-xxxxs)
        }
        .x-twu {
            padding-bottom: var(--space-xxxs)
        }
        .x-twa {
            padding-bottom: var(--space-xxs)
        }
        .x-twf {
            padding-bottom: var(--space-xs)
        }
        .x-twl {
            padding-bottom: var(--space-sm)
        }
        .x-twc {
            padding-bottom: var(--space-md)
        }
        .x-twh {
            padding-bottom: var(--space-lg)
        }
        .x-twp {
            padding-bottom: var(--space-xl)
        }
        .x-twd {
            padding-bottom: var(--space-xxl)
        }
        .x-twv {
            padding-bottom: var(--space-xxxl)
        }
        .x-twm {
            padding-bottom: var(--space-xxxxl)
        }
        .x-twg {
            padding-bottom: 0
        }
        .x-twy {
            padding-bottom: var(--component-padding)
        }
        .x-twb {
            padding-right: var(--space-xxxxs)
        }
        .x-tww {
            padding-right: var(--space-xxxs)
        }
        .x-twx {
            padding-right: var(--space-xxs)
        }
        .x-twk {
            padding-right: var(--space-xs)
        }
        .x-tw_ {
            padding-right: var(--space-sm)
        }
        .x-twj {
            padding-right: var(--space-md)
        }
        .x-twq {
            padding-right: var(--space-lg)
        }
        .x-twz {
            padding-right: var(--space-xl)
        }
        .x-txe {
            padding-right: var(--space-xxl)
        }
        .x-txt {
            padding-right: var(--space-xxxl)
        }
        .x-txn {
            padding-right: var(--space-xxxxl)
        }
        .x-txr {
            padding-right: 0
        }
        .x-txi {
            padding-right: var(--component-padding)
        }
        .x-txs {
            padding-left: var(--space-xxxxs)
        }
        .x-txo {
            padding-left: var(--space-xxxs)
        }
        .x-txu {
            padding-left: var(--space-xxs)
        }
        .x-txa {
            padding-left: var(--space-xs)
        }
        .x-txf {
            padding-left: var(--space-sm)
        }
        .x-txl {
            padding-left: var(--space-md)
        }
        .x-txc {
            padding-left: var(--space-lg)
        }
        .x-txh {
            padding-left: var(--space-xl)
        }
        .x-txp {
            padding-left: var(--space-xxl)
        }
        .x-txd {
            padding-left: var(--space-xxxl)
        }
        .x-txv {
            padding-left: var(--space-xxxxl)
        }
        .x-txm {
            padding-left: 0
        }
        .x-txg {
            padding-left: var(--component-padding)
        }
        .x-txy {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }
        .x-txb {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }
        .x-txw {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }
        .x-txx {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }
        .x-txk {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }
        .x-tx_ {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }
        .x-txj {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }
        .x-txq {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }
        .x-txz {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }
        .x-tke {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }
        .x-tkt {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }
        .x-tkn {
            padding-left: 0;
            padding-right: 0
        }
        .x-tkr {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }
        .x-tki {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }
        .x-tks {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }
        .x-tko {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }
        .x-tku {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }
        .x-tka {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }
        .x-tkf {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }
        .x-tkl {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }
        .x-tkc {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }
        .x-tkh {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }
        .x-tkp {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }
        .x-tkd {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }
        .x-tkv {
            padding-top: 0;
            padding-bottom: 0
        }
        .x-tkm {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }
    .x-tkg {
        text-align: center
    }
    .x-tky {
        text-align: left
    }
    .x-tkb {
        text-align: right
    }
    @supports(--css:variables) {
        .x-tkw {
            font-size: var(--text-xs, 0.694em)
        }
        .x-tkx {
            font-size: var(--text-sm, 0.833em)
        }
        .x-tkk {
            font-size: 1em
        }
        .x-tk_ {
            font-size: var(--text-md, 1.2em)
        }
        .x-tkj {
            font-size: var(--text-lg, 1.44em)
        }
        .x-tkq {
            font-size: var(--text-xl, 1.728em)
        }
        .x-tkz {
            font-size: var(--text-xxl, 2.074em)
        }
        .x-t_e {
            font-size: var(--text-xxxl, 2.488em)
        }
        .x-t_t {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }
    .x-t_n {
        display: none!important
    }
}
@media not all and (min-width: 80rem) {
    .x-t_r {
        margin: 0!important
    }
    .x-t_i {
        padding: 0!important
    }
    .x-t_s {
        display: none!important
    }
}
@media(min-width:90rem) {
    .x-t_o {
        display: flex
    }
    .x-t_u {
        display: inline-flex
    }
    .x-t_a {
        flex-wrap: wrap
    }
    .x-t_f {
        flex-direction: column
    }
    .x-t_l {
        flex-direction: column-reverse
    }
    .x-t_c {
        flex-direction: row
    }
    .x-t_h {
        flex-direction: row-reverse
    }
    .x-t_p {
        justify-content: center;
        align-items: center
    }
    .x-t_d {
        flex-grow: 0
    }
    .x-t_v {
        flex-grow: 1
    }
    .x-t_m {
        flex-shrink: 0
    }
    .x-t_g {
        flex-shrink: 1
    }
    .x-t_y {
        justify-content: flex-start
    }
    .x-t_b {
        justify-content: flex-end
    }
    .x-t_w {
        justify-content: center
    }
    .x-t_x {
        justify-content: space-between
    }
    .x-t_k {
        align-items: center
    }
    .x-t__ {
        align-items: flex-start
    }
    .x-t_j {
        align-items: flex-end
    }
    .x-t_q {
        align-items: baseline
    }
    .x-t_z {
        order: 1
    }
    .x-tje {
        order: 2
    }
    .x-tjt {
        order: 3
    }
    .x-tjn {
        display: block
    }
    .x-tjr {
        display: inline-block
    }
    .x-tji {
        display: inline
    }
    @supports(--css:variables) {
        .x-tjs {
            margin: var(--space-xxxxs)
        }
        .x-tjo {
            margin: var(--space-xxxs)
        }
        .x-tju {
            margin: var(--space-xxs)
        }
        .x-tja {
            margin: var(--space-xs)
        }
        .x-tjf {
            margin: var(--space-sm)
        }
        .x-tjl {
            margin: var(--space-md)
        }
        .x-tjc {
            margin: var(--space-lg)
        }
        .x-tjh {
            margin: var(--space-xl)
        }
        .x-tjp {
            margin: var(--space-xxl)
        }
        .x-tjd {
            margin: var(--space-xxxl)
        }
        .x-tjv {
            margin: var(--space-xxxxl)
        }
        .x-tjm {
            margin: auto
        }
        .x-tjg {
            margin: 0
        }
        .x-tjy {
            margin-top: var(--space-xxxxs)
        }
        .x-tjb {
            margin-top: var(--space-xxxs)
        }
        .x-tjw {
            margin-top: var(--space-xxs)
        }
        .x-tjx {
            margin-top: var(--space-xs)
        }
        .x-tjk {
            margin-top: var(--space-sm)
        }
        .x-tj_ {
            margin-top: var(--space-md)
        }
        .x-tjj {
            margin-top: var(--space-lg)
        }
        .x-tjq {
            margin-top: var(--space-xl)
        }
        .x-tjz {
            margin-top: var(--space-xxl)
        }
        .x-tqe {
            margin-top: var(--space-xxxl)
        }
        .x-tqt {
            margin-top: var(--space-xxxxl)
        }
        .x-tqn {
            margin-top: auto
        }
        .x-tqr {
            margin-top: 0
        }
        .x-tqi {
            margin-bottom: var(--space-xxxxs)
        }
        .x-tqs {
            margin-bottom: var(--space-xxxs)
        }
        .x-tqo {
            margin-bottom: var(--space-xxs)
        }
        .x-tqu {
            margin-bottom: var(--space-xs)
        }
        .x-tqa {
            margin-bottom: var(--space-sm)
        }
        .x-tqf {
            margin-bottom: var(--space-md)
        }
        .x-tql {
            margin-bottom: var(--space-lg)
        }
        .x-tqc {
            margin-bottom: var(--space-xl)
        }
        .x-tqh {
            margin-bottom: var(--space-xxl)
        }
        .x-tqp {
            margin-bottom: var(--space-xxxl)
        }
        .x-tqd {
            margin-bottom: var(--space-xxxxl)
        }
        .x-tqv {
            margin-bottom: auto
        }
        .x-tqm {
            margin-bottom: 0
        }
        .x-tqg {
            margin-right: var(--space-xxxxs)
        }
        .x-tqy {
            margin-right: var(--space-xxxs)
        }
        .x-tqb {
            margin-right: var(--space-xxs)
        }
        .x-tqw {
            margin-right: var(--space-xs)
        }
        .x-tqx {
            margin-right: var(--space-sm)
        }
        .x-tqk {
            margin-right: var(--space-md)
        }
        .x-tq_ {
            margin-right: var(--space-lg)
        }
        .x-tqj {
            margin-right: var(--space-xl)
        }
        .x-tqq {
            margin-right: var(--space-xxl)
        }
        .x-tqz {
            margin-right: var(--space-xxxl)
        }
        .x-tze {
            margin-right: var(--space-xxxxl)
        }
        .x-tzt {
            margin-right: auto
        }
        .x-tzn {
            margin-right: 0
        }
        .x-tzr {
            margin-left: var(--space-xxxxs)
        }
        .x-tzi {
            margin-left: var(--space-xxxs)
        }
        .x-tzs {
            margin-left: var(--space-xxs)
        }
        .x-tzo {
            margin-left: var(--space-xs)
        }
        .x-tzu {
            margin-left: var(--space-sm)
        }
        .x-tza {
            margin-left: var(--space-md)
        }
        .x-tzf {
            margin-left: var(--space-lg)
        }
        .x-tzl {
            margin-left: var(--space-xl)
        }
        .x-tzc {
            margin-left: var(--space-xxl)
        }
        .x-tzh {
            margin-left: var(--space-xxxl)
        }
        .x-tzp {
            margin-left: var(--space-xxxxl)
        }
        .x-tzd {
            margin-left: auto
        }
        .x-tzv {
            margin-left: 0
        }
        .x-tzm {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }
        .x-tzg {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }
        .x-tzy {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }
        .x-tzb {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }
        .x-tzw {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }
        .x-tzx {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }
        .x-tzk {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }
        .x-tz_ {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }
        .x-tzj {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }
        .x-tzq {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }
        .x-tzz {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }
        .x-nee {
            margin-left: auto;
            margin-right: auto
        }
        .x-net {
            margin-left: 0;
            margin-right: 0
        }
        .x-nen {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }
        .x-ner {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }
        .x-nei {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }
        .x-nes {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }
        .x-neo {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }
        .x-neu {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }
        .x-nea {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }
        .x-nef {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }
        .x-nel {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }
        .x-nec {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }
        .x-neh {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }
        .x-nep {
            margin-top: auto;
            margin-bottom: auto
        }
        .x-ned {
            margin-top: 0;
            margin-bottom: 0
        }
    }
    @supports(--css:variables) {
        .x-nev {
            padding: var(--space-xxxxs)
        }
        .x-nem {
            padding: var(--space-xxxs)
        }
        .x-neg {
            padding: var(--space-xxs)
        }
        .x-ney {
            padding: var(--space-xs)
        }
        .x-neb {
            padding: var(--space-sm)
        }
        .x-new {
            padding: var(--space-md)
        }
        .x-nex {
            padding: var(--space-lg)
        }
        .x-nek {
            padding: var(--space-xl)
        }
        .x-ne_ {
            padding: var(--space-xxl)
        }
        .x-nej {
            padding: var(--space-xxxl)
        }
        .x-neq {
            padding: var(--space-xxxxl)
        }
        .x-nez {
            padding: 0
        }
        .x-nte {
            padding: var(--component-padding)
        }
        .x-ntt {
            padding-top: var(--space-xxxxs)
        }
        .x-ntn {
            padding-top: var(--space-xxxs)
        }
        .x-ntr {
            padding-top: var(--space-xxs)
        }
        .x-nti {
            padding-top: var(--space-xs)
        }
        .x-nts {
            padding-top: var(--space-sm)
        }
        .x-nto {
            padding-top: var(--space-md)
        }
        .x-ntu {
            padding-top: var(--space-lg)
        }
        .x-nta {
            padding-top: var(--space-xl)
        }
        .x-ntf {
            padding-top: var(--space-xxl)
        }
        .x-ntl {
            padding-top: var(--space-xxxl)
        }
        .x-ntc {
            padding-top: var(--space-xxxxl)
        }
        .x-nth {
            padding-top: 0
        }
        .x-ntp {
            padding-top: var(--component-padding)
        }
        .x-ntd {
            padding-bottom: var(--space-xxxxs)
        }
        .x-ntv {
            padding-bottom: var(--space-xxxs)
        }
        .x-ntm {
            padding-bottom: var(--space-xxs)
        }
        .x-ntg {
            padding-bottom: var(--space-xs)
        }
        .x-nty {
            padding-bottom: var(--space-sm)
        }
        .x-ntb {
            padding-bottom: var(--space-md)
        }
        .x-ntw {
            padding-bottom: var(--space-lg)
        }
        .x-ntx {
            padding-bottom: var(--space-xl)
        }
        .x-ntk {
            padding-bottom: var(--space-xxl)
        }
        .x-nt_ {
            padding-bottom: var(--space-xxxl)
        }
        .x-ntj {
            padding-bottom: var(--space-xxxxl)
        }
        .x-ntq {
            padding-bottom: 0
        }
        .x-ntz {
            padding-bottom: var(--component-padding)
        }
        .x-nne {
            padding-right: var(--space-xxxxs)
        }
        .x-nnt {
            padding-right: var(--space-xxxs)
        }
        .x-nnn {
            padding-right: var(--space-xxs)
        }
        .x-nnr {
            padding-right: var(--space-xs)
        }
        .x-nni {
            padding-right: var(--space-sm)
        }
        .x-nns {
            padding-right: var(--space-md)
        }
        .x-nno {
            padding-right: var(--space-lg)
        }
        .x-nnu {
            padding-right: var(--space-xl)
        }
        .x-nna {
            padding-right: var(--space-xxl)
        }
        .x-nnf {
            padding-right: var(--space-xxxl)
        }
        .x-nnl {
            padding-right: var(--space-xxxxl)
        }
        .x-nnc {
            padding-right: 0
        }
        .x-nnh {
            padding-right: var(--component-padding)
        }
        .x-nnp {
            padding-left: var(--space-xxxxs)
        }
        .x-nnd {
            padding-left: var(--space-xxxs)
        }
        .x-nnv {
            padding-left: var(--space-xxs)
        }
        .x-nnm {
            padding-left: var(--space-xs)
        }
        .x-nng {
            padding-left: var(--space-sm)
        }
        .x-nny {
            padding-left: var(--space-md)
        }
        .x-nnb {
            padding-left: var(--space-lg)
        }
        .x-nnw {
            padding-left: var(--space-xl)
        }
        .x-nnx {
            padding-left: var(--space-xxl)
        }
        .x-nnk {
            padding-left: var(--space-xxxl)
        }
        .x-nn_ {
            padding-left: var(--space-xxxxl)
        }
        .x-nnj {
            padding-left: 0
        }
        .x-nnq {
            padding-left: var(--component-padding)
        }
        .x-nnz {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }
        .x-nre {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }
        .x-nrt {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }
        .x-nrn {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }
        .x-nrr {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }
        .x-nri {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }
        .x-nrs {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }
        .x-nro {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }
        .x-nru {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }
        .x-nra {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }
        .x-nrf {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }
        .x-nrl {
            padding-left: 0;
            padding-right: 0
        }
        .x-nrc {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }
        .x-nrh {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }
        .x-nrp {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }
        .x-nrd {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }
        .x-nrv {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }
        .x-nrm {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }
        .x-nrg {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }
        .x-nry {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }
        .x-nrb {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }
        .x-nrw {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }
        .x-nrx {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }
        .x-nrk {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }
        .x-nr_ {
            padding-top: 0;
            padding-bottom: 0
        }
        .x-nrj {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }
    .x-nrq {
        text-align: center
    }
    .x-nrz {
        text-align: left
    }
    .x-nie {
        text-align: right
    }
    @supports(--css:variables) {
        .x-nit {
            font-size: var(--text-xs, 0.694em)
        }
        .x-nin {
            font-size: var(--text-sm, 0.833em)
        }
        .x-nir {
            font-size: 1em
        }
        .x-nii {
            font-size: var(--text-md, 1.2em)
        }
        .x-nis {
            font-size: var(--text-lg, 1.44em)
        }
        .x-nio {
            font-size: var(--text-xl, 1.728em)
        }
        .x-niu {
            font-size: var(--text-xxl, 2.074em)
        }
        .x-nia {
            font-size: var(--text-xxxl, 2.488em)
        }
        .x-nif {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }
    .x-nil {
        display: none!important
    }
}
@media not all and (min-width: 90rem) {
    .x-nic {
        margin: 0!important
    }
    .x-nih {
        padding: 0!important
    }
    .x-nip {
        display: none!important
    }
}


.form-control {
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: var(--form-control-radius, 0.25em)
}
.form-legend {
    color: var(--color-contrast-higher, #1c1c21);
    line-height: var(--heading-line-height, 1.2);
    font-size: var(--text-md, 1.2em);
    margin-bottom: var(--space-xxs)
}
.form-label {
    display: inline-block
}
.form__msg-error,
.form-error-msg {
    color: var(--color-error, #e02447);
    font-size: var(--text-sm, 0.833em);
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}
.form__msg-error--is-visible,
.form-error-msg--is-visible {
    position: relative;
    clip: auto
}

.number-input__btn {
    display: none
}
.js .number-input .form-control::-webkit-inner-spin-button,
.js .number-input .form-control::-webkit-outer-spin-button {
    display: none
}
.js .number-input .form-control {
    -moz-appearance: textfield;
    display: block
}
.js .number-input__btn {
    display: inline-block;
    display: flex
}
.js .x-nyp {
    --number-input-btn-width: 40px;
    position: relative;
    width: 5em
}
.js .x-nyp .form-control {
    padding-right: var(--number-input-btn-width);
    width: 100%
}
.js .x-nyp .x-nyd {
    position: absolute;
    height: calc(100% - var(--space-xxxs)*2);
    top: var(--space-xxxs);
    right: 0;
    width: var(--number-input-btn-width);
    display: flex;
    flex-direction: column
}
.js .x-nyp .number-input__btn {
    position: relative;
    height: 50%;
    width: calc(100% - var(--space-xxxs));
    background: var(--color-contrast-lower);
    border-radius: var(--radius-sm)
}
.js .x-nyp .number-input__btn .icon {
    display: block;
    font-size: .8em;
    width: 1em;
    height: 1em;
    position: absolute;
    left: calc(50% - 0.5em);
    top: calc(50% - 0.5em)
}
.js .x-nyp .number-input__btn:hover {
    background-color: var(--color-contrast-low)
}
.js .x-nyp .number-input__btn:focus {
    outline: none;
    background-color: var(--color-primary)
}
.js .x-nyp .number-input__btn:focus .icon {
    color: var(--color-white)
}
.js .x-nyp .number-input__btn:active {
    background-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.9))
}
.js .x-nyp .number-input__btn--plus {
    margin-bottom: var(--space-xxxxs)
}
.js .x-nyv {
    --number-input-btn-width: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .875em
}
.js .x-nyv .form-control {
    margin: 0 .5em;
    width: 6em;
    order: 1;
    text-align: center
}
.js .x-nyv .number-input__btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background-color: #ededed;
}
.js .x-nyv .number-input__btn:hover {
    background-color: #d2d2d2;
}
.js .x-nyv .number-input__btn:focus {
    outline: none;
    background-color: #ededed;
}
.js .x-nyv .number-input__btn:focus .icon {
    color: var(--color-white)
}
.js .x-nyv .number-input__btn:active {
    background-color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) * 0.9))
}
.js .x-nyv .number-input__btn .icon {
    font-size: 12px;
    width: 1em;
    height: 1em
}
.js .x-nyv .number-input__btn--plus {
    order: 2
}

.js .x-nyv .number-input__btn--minus {
    order: 0
}