.x-t {
    width: calc(100% - 2*var(--component-padding));
    margin-left: auto;
    margin-right: auto
}

.x-n {
    --gap: 0px;
    --gap-x: var(--gap);
    --gap-y: var(--gap);
    --offset: var(--gap-x);
    display: flex;
    flex-wrap: wrap
}

.x-n > * {
    flex-basis: 100%;
    max-width: 100%;
    min-width: 0
}

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

[class*=gap-x-xxxxs],
[class*=gap-x-xxxs],
[class*=gap-x-xxs],
[class*=gap-x-xs],
[class*=gap-x-sm],
[class*=gap-x-md],
[class*=gap-x-lg],
[class*=gap-x-xl],
[class*=gap-x-xxl],
[class*=gap-x-xxxl],
[class*=gap-x-xxxxl] {
    margin-left: -.75em
}

[class*=gap-x-xxxxs] > *,
[class*=gap-x-xxxs] > *,
[class*=gap-x-xxs] > *,
[class*=gap-x-xs] > *,
[class*=gap-x-sm] > *,
[class*=gap-x-md] > *,
[class*=gap-x-lg] > *,
[class*=gap-x-xl] > *,
[class*=gap-x-xxl] > *,
[class*=gap-x-xxxl] > *,
[class*=gap-x-xxxxl] > * {
    margin-left: .75em
}

[class*=gap-y-xxxxs],
[class*=gap-y-xxxs],
[class*=gap-y-xxs],
[class*=gap-y-xs],
[class*=gap-y-sm],
[class*=gap-y-md],
[class*=gap-y-lg],
[class*=gap-y-xl],
[class*=gap-y-xxl],
[class*=gap-y-xxxl],
[class*=gap-y-xxxxl] {
    margin-bottom: -.75em
}

[class*=gap-y-xxxxs] > *,
[class*=gap-y-xxxs] > *,
[class*=gap-y-xxs] > *,
[class*=gap-y-xs] > *,
[class*=gap-y-sm] > *,
[class*=gap-y-md] > *,
[class*=gap-y-lg] > *,
[class*=gap-y-xl] > *,
[class*=gap-y-xxl] > *,
[class*=gap-y-xxxl] > *,
[class*=gap-y-xxxxl] > * {
    margin-bottom: .75em
}

@supports(--css:variables) {
    .x-n {
        margin-bottom: calc(-1 * var(--gap-y));
        margin-left: calc(-1 * var(--gap-x))
    }

    .x-n > * {
        margin-bottom: var(--gap-y);
        margin-left: var(--offset)
    }

    .flex[class*=gap-],
    .inline-flex[class*=gap-] {
        margin-bottom: calc(-1 * var(--gap-y, 0));
        margin-left: calc(-1 * var(--gap-x, 0))
    }

    .flex[class*=gap-] > *,
    .inline-flex[class*=gap-] > * {
        margin-bottom: var(--gap-y, 0);
        margin-left: var(--gap-x, 0)
    }

    .gap-xxxxs,
    .x-rgap-i,
    .x-sgap-o {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .gap-xxxs,
    .x-fgap-l,
    .x-cgap-h {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs)
    }

    .gap-xxs,
    .x-vgap-m,
    .x-ggap-y {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs)
    }

    .gap-xs,
    .x-xgap-k,
    .x-_gap-j {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs)
    }

    .gap-sm,
    .x-tegap-tt,
    .x-tngap-tr {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm)
    }

    .gap-md,
    .x-togap-tu,
    .x-tagap-tf {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .gap-lg,
    .x-thgap-tp,
    .x-tdgap-tv {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .gap-xl,
    .x-tygap-tb,
    .x-twgap-tx {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .gap-xxl,
    .x-tjgap-tq,
    .x-tzgap-ne {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .gap-xxxl,
    .x-nrgap-ni,
    .x-nsgap-no {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .gap-xxxxl,
    .x-nfgap-nl,
    .x-ncgap-nh {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .x-npgap-nd {
        --gap-x: var(--space-xxxxs)
    }

    .x-nvgap-nm {
        --gap-x: var(--space-xxxs)
    }

    .x-nggap-ny {
        --gap-x: var(--space-xxs)
    }

    .x-nbgap-nw {
        --gap-x: var(--space-xs)
    }

    .x-nxgap-nk {
        --gap-x: var(--space-sm)
    }

    .x-n_gap-nj {
        --gap-x: var(--space-md)
    }

    .x-nqgap-nz {
        --gap-x: var(--space-lg)
    }

    .x-regap-rt {
        --gap-x: var(--space-xl)
    }

    .x-rngap-rr {
        --gap-x: var(--space-xxl)
    }

    .x-rigap-rs {
        --gap-x: var(--space-xxxl)
    }

    .x-rogap-ru {
        --gap-x: var(--space-xxxxl)
    }

    .x-ragap-rf {
        --gap-y: var(--space-xxxxs)
    }

    .x-rlgap-rc {
        --gap-y: var(--space-xxxs)
    }

    .x-rhgap-rp {
        --gap-y: var(--space-xxs)
    }

    .x-rdgap-rv {
        --gap-y: var(--space-xs)
    }

    .x-rmgap-rg {
        --gap-y: var(--space-sm)
    }

    .x-rygap-rb {
        --gap-y: var(--space-md)
    }

    .x-rwgap-rx {
        --gap-y: var(--space-lg)
    }

    .x-rkgap-r_ {
        --gap-y: var(--space-xl)
    }

    .x-rjgap-rq {
        --gap-y: var(--space-xxl)
    }

    .x-rzgap-ie {
        --gap-y: var(--space-xxxl)
    }

    .x-itgap-in {
        --gap-y: var(--space-xxxxl)
    }
}

.col {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%
}

.x-r {
    flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
}

.x-i {
    flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
}

.x-s {
    flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
}

.x-o {
    flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
}

.x-u {
    flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
}

.col-6 {
    flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
}

.x-a {
    flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
}

.x-f {
    flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
}

.x-l {
    flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
}

.x-c {
    flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
}

.x-h {
    flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
}

.x-r2 {
    flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
    max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
}

.x-p {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial
}

.x-d {
    --offset: calc(8.33% + var(--gap-x, 0.75em))
}

.x-v {
    --offset: calc(16.66% + var(--gap-x, 0.75em))
}

.x-m {
    --offset: calc(25% + var(--gap-x, 0.75em))
}

.x-g {
    --offset: calc(33.33% + var(--gap-x, 0.75em))
}

.x-y {
    --offset: calc(41.66% + var(--gap-x, 0.75em))
}

.x-b {
    --offset: calc(50% + var(--gap-x, 0.75em))
}

.x-w {
    --offset: calc(58.33% + var(--gap-x, 0.75em))
}

.x-x {
    --offset: calc(66.66% + var(--gap-x, 0.75em))
}

.x-k {
    --offset: calc(75% + var(--gap-x, 0.75em))
}

.x-_ {
    --offset: calc(83.33% + var(--gap-x, 0.75em))
}

.x-j {
    --offset: calc(91.66% + var(--gap-x, 0.75em))
}

@media(min-width:32rem) {
    .x-q {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .x-z {
        flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-te {
        flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tt {
        flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tn {
        flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tr {
        flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ti {
        flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ts {
        flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-to {
        flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tu {
        flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ta {
        flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tf {
        flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tl {
        flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tc {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .x-th {
        --offset: calc(8.33% + var(--gap-x, 0.75em))
    }

    .x-tp {
        --offset: calc(16.66% + var(--gap-x, 0.75em))
    }

    .x-td {
        --offset: calc(25% + var(--gap-x, 0.75em))
    }

    .x-tv {
        --offset: calc(33.33% + var(--gap-x, 0.75em))
    }

    .x-tm {
        --offset: calc(41.66% + var(--gap-x, 0.75em))
    }

    .x-tg {
        --offset: calc(50% + var(--gap-x, 0.75em))
    }

    .x-ty {
        --offset: calc(58.33% + var(--gap-x, 0.75em))
    }

    .x-tb {
        --offset: calc(66.66% + var(--gap-x, 0.75em))
    }

    .x-tw {
        --offset: calc(75% + var(--gap-x, 0.75em))
    }

    .x-tx {
        --offset: calc(83.33% + var(--gap-x, 0.75em))
    }

    .x-tk {
        --offset: calc(91.66% + var(--gap-x, 0.75em))
    }

    .x-t_ {
        --offset: var(--gap-x)
    }

    @supports(--css:variables) {
        .x-irgap-ii {
            --gap-x: var(--space-xxxxs);
            --gap-y: var(--space-xxxxs)
        }

        .x-isgap-io {
            --gap-x: var(--space-xxxs);
            --gap-y: var(--space-xxxs)
        }

        .x-iugap-ia {
            --gap-x: var(--space-xxs);
            --gap-y: var(--space-xxs)
        }

        .x-ifgap-il {
            --gap-x: var(--space-xs);
            --gap-y: var(--space-xs)
        }

        .x-icgap-ih {
            --gap-x: var(--space-sm);
            --gap-y: var(--space-sm)
        }

        .x-ipgap-id {
            --gap-x: var(--space-md);
            --gap-y: var(--space-md)
        }

        .x-ivgap-im {
            --gap-x: var(--space-lg);
            --gap-y: var(--space-lg)
        }

        .x-iggap-iy {
            --gap-x: var(--space-xl);
            --gap-y: var(--space-xl)
        }

        .x-ibgap-iw {
            --gap-x: var(--space-xxl);
            --gap-y: var(--space-xxl)
        }

        .x-ixgap-ik {
            --gap-x: var(--space-xxxl);
            --gap-y: var(--space-xxxl)
        }

        .x-i_gap-ij {
            --gap-x: var(--space-xxxxl);
            --gap-y: var(--space-xxxxl)
        }

        .x-iqgap-iz {
            --gap-x: 0px;
            --gap-y: 0px
        }

        .x-segap-st {
            --gap-x: var(--space-xxxxs)
        }

        .x-sngap-sr {
            --gap-x: var(--space-xxxs)
        }

        .x-sigap-ss {
            --gap-x: var(--space-xxs)
        }

        .x-sogap-su {
            --gap-x: var(--space-xs)
        }

        .x-sagap-sf {
            --gap-x: var(--space-sm)
        }

        .x-slgap-sc {
            --gap-x: var(--space-md)
        }

        .x-shgap-sp {
            --gap-x: var(--space-lg)
        }

        .x-sdgap-sv {
            --gap-x: var(--space-xl)
        }

        .x-smgap-sg {
            --gap-x: var(--space-xxl)
        }

        .x-sygap-sb {
            --gap-x: var(--space-xxxl)
        }

        .x-swgap-sx {
            --gap-x: var(--space-xxxxl)
        }

        .x-skgap-s_ {
            --gap-x: 0px
        }

        .x-sjgap-sq {
            --gap-y: var(--space-xxxxs)
        }

        .x-szgap-oe {
            --gap-y: var(--space-xxxs)
        }

        .x-otgap-on {
            --gap-y: var(--space-xxs)
        }

        .x-orgap-oi {
            --gap-y: var(--space-xs)
        }

        .x-osgap-oo {
            --gap-y: var(--space-sm)
        }

        .x-ougap-oa {
            --gap-y: var(--space-md)
        }

        .x-ofgap-ol {
            --gap-y: var(--space-lg)
        }

        .x-ocgap-oh {
            --gap-y: var(--space-xl)
        }

        .x-opgap-od {
            --gap-y: var(--space-xxl)
        }

        .x-ovgap-om {
            --gap-y: var(--space-xxxl)
        }

        .x-oggap-oy {
            --gap-y: var(--space-xxxxl)
        }

        .x-obgap-ow {
            --gap-y: 0px
        }
    }
}

@media(min-width:48rem) {
    .x-tj {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .x-tq {
        flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-tz {
        flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ne {
        flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nt {
        flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nn {
        flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nr {
        flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ni {
        flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ns {
        flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-no {
        flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nu {
        flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-na {
        flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nf {
        flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nl {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .x-nc {
        --offset: calc(8.33% + var(--gap-x, 0.75em))
    }

    .x-nh {
        --offset: calc(16.66% + var(--gap-x, 0.75em))
    }

    .x-np {
        --offset: calc(25% + var(--gap-x, 0.75em))
    }

    .x-nd {
        --offset: calc(33.33% + var(--gap-x, 0.75em))
    }

    .x-nv {
        --offset: calc(41.66% + var(--gap-x, 0.75em))
    }

    .x-nm {
        --offset: calc(50% + var(--gap-x, 0.75em))
    }

    .x-ng {
        --offset: calc(58.33% + var(--gap-x, 0.75em))
    }

    .x-ny {
        --offset: calc(66.66% + var(--gap-x, 0.75em))
    }

    .x-nb {
        --offset: calc(75% + var(--gap-x, 0.75em))
    }

    .x-nw {
        --offset: calc(83.33% + var(--gap-x, 0.75em))
    }

    .x-nx {
        --offset: calc(91.66% + var(--gap-x, 0.75em))
    }

    .x-nk {
        --offset: var(--gap-x)
    }

    @supports(--css:variables) {
        .x-oxgap-ok {
            --gap-x: var(--space-xxxxs);
            --gap-y: var(--space-xxxxs)
        }

        .x-o_gap-oj {
            --gap-x: var(--space-xxxs);
            --gap-y: var(--space-xxxs)
        }

        .x-oqgap-oz {
            --gap-x: var(--space-xxs);
            --gap-y: var(--space-xxs)
        }

        .x-uegap-ut {
            --gap-x: var(--space-xs);
            --gap-y: var(--space-xs)
        }

        .x-ungap-ur {
            --gap-x: var(--space-sm);
            --gap-y: var(--space-sm)
        }

        .x-uigap-us {
            --gap-x: var(--space-md);
            --gap-y: var(--space-md)
        }

        .x-uogap-uu {
            --gap-x: var(--space-lg);
            --gap-y: var(--space-lg)
        }

        .x-uagap-uf {
            --gap-x: var(--space-xl);
            --gap-y: var(--space-xl)
        }

        .x-ulgap-uc {
            --gap-x: var(--space-xxl);
            --gap-y: var(--space-xxl)
        }

        .x-uhgap-up {
            --gap-x: var(--space-xxxl);
            --gap-y: var(--space-xxxl)
        }

        .x-udgap-uv {
            --gap-x: var(--space-xxxxl);
            --gap-y: var(--space-xxxxl)
        }

        .x-umgap-ug {
            --gap-x: 0px;
            --gap-y: 0px
        }

        .x-uygap-ub {
            --gap-x: var(--space-xxxxs)
        }

        .x-uwgap-ux {
            --gap-x: var(--space-xxxs)
        }

        .x-ukgap-u_ {
            --gap-x: var(--space-xxs)
        }

        .x-ujgap-uq {
            --gap-x: var(--space-xs)
        }

        .x-uzgap-ae {
            --gap-x: var(--space-sm)
        }

        .x-atgap-an {
            --gap-x: var(--space-md)
        }

        .x-argap-ai {
            --gap-x: var(--space-lg)
        }

        .x-asgap-ao {
            --gap-x: var(--space-xl)
        }

        .x-augap-aa {
            --gap-x: var(--space-xxl)
        }

        .x-afgap-al {
            --gap-x: var(--space-xxxl)
        }

        .x-acgap-ah {
            --gap-x: var(--space-xxxxl)
        }

        .x-apgap-ad {
            --gap-x: 0px
        }

        .x-avgap-am {
            --gap-y: var(--space-xxxxs)
        }

        .x-aggap-ay {
            --gap-y: var(--space-xxxs)
        }

        .x-abgap-aw {
            --gap-y: var(--space-xxs)
        }

        .x-axgap-ak {
            --gap-y: var(--space-xs)
        }

        .x-a_gap-aj {
            --gap-y: var(--space-sm)
        }

        .x-aqgap-az {
            --gap-y: var(--space-md)
        }

        .x-fegap-ft {
            --gap-y: var(--space-lg)
        }

        .x-fngap-fr {
            --gap-y: var(--space-xl)
        }

        .x-figap-fs {
            --gap-y: var(--space-xxl)
        }

        .x-fogap-fu {
            --gap-y: var(--space-xxxl)
        }

        .x-fagap-ff {
            --gap-y: var(--space-xxxxl)
        }

        .x-flgap-fc {
            --gap-y: 0px
        }
    }
}

@media(min-width:64rem) {
    .x-n_ {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .x-nj {
        flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nq {
        flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-nz {
        flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-re {
        flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rt {
        flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rn {
        flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rr {
        flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ri {
        flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rs {
        flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ro {
        flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ru {
        flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ra {
        flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rf {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .x-rl {
        --offset: calc(8.33% + var(--gap-x, 0.75em))
    }

    .x-rc {
        --offset: calc(16.66% + var(--gap-x, 0.75em))
    }

    .x-rh {
        --offset: calc(25% + var(--gap-x, 0.75em))
    }

    .x-rp {
        --offset: calc(33.33% + var(--gap-x, 0.75em))
    }

    .x-rd {
        --offset: calc(41.66% + var(--gap-x, 0.75em))
    }

    .x-rv {
        --offset: calc(50% + var(--gap-x, 0.75em))
    }

    .x-rm {
        --offset: calc(58.33% + var(--gap-x, 0.75em))
    }

    .x-rg {
        --offset: calc(66.66% + var(--gap-x, 0.75em))
    }

    .x-ry {
        --offset: calc(75% + var(--gap-x, 0.75em))
    }

    .x-rb {
        --offset: calc(83.33% + var(--gap-x, 0.75em))
    }

    .x-rw {
        --offset: calc(91.66% + var(--gap-x, 0.75em))
    }

    .x-rx {
        --offset: var(--gap-x)
    }

    @supports(--css:variables) {
        .x-fhgap-fp {
            --gap-x: var(--space-xxxxs);
            --gap-y: var(--space-xxxxs)
        }

        .x-fdgap-fv {
            --gap-x: var(--space-xxxs);
            --gap-y: var(--space-xxxs)
        }

        .x-fmgap-fg {
            --gap-x: var(--space-xxs);
            --gap-y: var(--space-xxs)
        }

        .x-fygap-fb {
            --gap-x: var(--space-xs);
            --gap-y: var(--space-xs)
        }

        .x-fwgap-fx {
            --gap-x: var(--space-sm);
            --gap-y: var(--space-sm)
        }

        .x-fkgap-f_ {
            --gap-x: var(--space-md);
            --gap-y: var(--space-md)
        }

        .x-fjgap-fq {
            --gap-x: var(--space-lg);
            --gap-y: var(--space-lg)
        }

        .x-fzgap-le {
            --gap-x: var(--space-xl);
            --gap-y: var(--space-xl)
        }

        .x-ltgap-ln {
            --gap-x: var(--space-xxl);
            --gap-y: var(--space-xxl)
        }

        .x-lrgap-li {
            --gap-x: var(--space-xxxl);
            --gap-y: var(--space-xxxl)
        }

        .x-lsgap-lo {
            --gap-x: var(--space-xxxxl);
            --gap-y: var(--space-xxxxl)
        }

        .x-lugap-la {
            --gap-x: 0px;
            --gap-y: 0px
        }

        .x-lfgap-ll {
            --gap-x: var(--space-xxxxs)
        }

        .x-lcgap-lh {
            --gap-x: var(--space-xxxs)
        }

        .x-lpgap-ld {
            --gap-x: var(--space-xxs)
        }

        .x-lvgap-lm {
            --gap-x: var(--space-xs)
        }

        .x-lggap-ly {
            --gap-x: var(--space-sm)
        }

        .x-lbgap-lw {
            --gap-x: var(--space-md)
        }

        .x-lxgap-lk {
            --gap-x: var(--space-lg)
        }

        .x-l_gap-lj {
            --gap-x: var(--space-xl)
        }

        .x-lqgap-lz {
            --gap-x: var(--space-xxl)
        }

        .x-cegap-ct {
            --gap-x: var(--space-xxxl)
        }

        .x-cngap-cr {
            --gap-x: var(--space-xxxxl)
        }

        .x-cigap-cs {
            --gap-x: 0px
        }

        .x-cogap-cu {
            --gap-y: var(--space-xxxxs)
        }

        .x-cagap-cf {
            --gap-y: var(--space-xxxs)
        }

        .x-clgap-cc {
            --gap-y: var(--space-xxs)
        }

        .x-chgap-cp {
            --gap-y: var(--space-xs)
        }

        .x-cdgap-cv {
            --gap-y: var(--space-sm)
        }

        .x-cmgap-cg {
            --gap-y: var(--space-md)
        }

        .x-cygap-cb {
            --gap-y: var(--space-lg)
        }

        .x-cwgap-cx {
            --gap-y: var(--space-xl)
        }

        .x-ckgap-c_ {
            --gap-y: var(--space-xxl)
        }

        .x-cjgap-cq {
            --gap-y: var(--space-xxxl)
        }

        .x-czgap-he {
            --gap-y: var(--space-xxxxl)
        }

        .x-htgap-hn {
            --gap-y: 0px
        }
    }
}

@media(min-width:80rem) {
    .x-rk {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .x-r_ {
        flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rj {
        flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rq {
        flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-rz {
        flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ie {
        flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-it {
        flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-in {
        flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ir {
        flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ii {
        flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-is {
        flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-io {
        flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-iu {
        flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ia {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .x-if {
        --offset: calc(8.33% + var(--gap-x, 0.75em))
    }

    .x-il {
        --offset: calc(16.66% + var(--gap-x, 0.75em))
    }

    .x-ic {
        --offset: calc(25% + var(--gap-x, 0.75em))
    }

    .x-ih {
        --offset: calc(33.33% + var(--gap-x, 0.75em))
    }

    .x-ip {
        --offset: calc(41.66% + var(--gap-x, 0.75em))
    }

    .x-id {
        --offset: calc(50% + var(--gap-x, 0.75em))
    }

    .x-iv {
        --offset: calc(58.33% + var(--gap-x, 0.75em))
    }

    .x-im {
        --offset: calc(66.66% + var(--gap-x, 0.75em))
    }

    .x-ig {
        --offset: calc(75% + var(--gap-x, 0.75em))
    }

    .x-iy {
        --offset: calc(83.33% + var(--gap-x, 0.75em))
    }

    .x-ib {
        --offset: calc(91.66% + var(--gap-x, 0.75em))
    }

    .x-iw {
        --offset: var(--gap-x)
    }

    @supports(--css:variables) {
        .x-hrgap-hi {
            --gap-x: var(--space-xxxxs);
            --gap-y: var(--space-xxxxs)
        }

        .x-hsgap-ho {
            --gap-x: var(--space-xxxs);
            --gap-y: var(--space-xxxs)
        }

        .x-hugap-ha {
            --gap-x: var(--space-xxs);
            --gap-y: var(--space-xxs)
        }

        .x-hfgap-hl {
            --gap-x: var(--space-xs);
            --gap-y: var(--space-xs)
        }

        .x-hcgap-hh {
            --gap-x: var(--space-sm);
            --gap-y: var(--space-sm)
        }

        .x-hpgap-hd {
            --gap-x: var(--space-md);
            --gap-y: var(--space-md)
        }

        .x-hvgap-hm {
            --gap-x: var(--space-lg);
            --gap-y: var(--space-lg)
        }

        .x-hggap-hy {
            --gap-x: var(--space-xl);
            --gap-y: var(--space-xl)
        }

        .x-hbgap-hw {
            --gap-x: var(--space-xxl);
            --gap-y: var(--space-xxl)
        }

        .x-hxgap-hk {
            --gap-x: var(--space-xxxl);
            --gap-y: var(--space-xxxl)
        }

        .x-h_gap-hj {
            --gap-x: var(--space-xxxxl);
            --gap-y: var(--space-xxxxl)
        }

        .x-hqgap-hz {
            --gap-x: 0px;
            --gap-y: 0px
        }

        .x-pegap-pt {
            --gap-x: var(--space-xxxxs)
        }

        .x-pngap-pr {
            --gap-x: var(--space-xxxs)
        }

        .x-pigap-ps {
            --gap-x: var(--space-xxs)
        }

        .x-pogap-pu {
            --gap-x: var(--space-xs)
        }

        .x-pagap-pf {
            --gap-x: var(--space-sm)
        }

        .x-plgap-pc {
            --gap-x: var(--space-md)
        }

        .x-phgap-pp {
            --gap-x: var(--space-lg)
        }

        .x-pdgap-pv {
            --gap-x: var(--space-xl)
        }

        .x-pmgap-pg {
            --gap-x: var(--space-xxl)
        }

        .x-pygap-pb {
            --gap-x: var(--space-xxxl)
        }

        .x-pwgap-px {
            --gap-x: var(--space-xxxxl)
        }

        .x-pkgap-p_ {
            --gap-x: 0px
        }

        .x-pjgap-pq {
            --gap-y: var(--space-xxxxs)
        }

        .x-pzgap-de {
            --gap-y: var(--space-xxxs)
        }

        .x-dtgap-dn {
            --gap-y: var(--space-xxs)
        }

        .x-drgap-di {
            --gap-y: var(--space-xs)
        }

        .x-dsgap-do {
            --gap-y: var(--space-sm)
        }

        .x-dugap-da {
            --gap-y: var(--space-md)
        }

        .x-dfgap-dl {
            --gap-y: var(--space-lg)
        }

        .x-dcgap-dh {
            --gap-y: var(--space-xl)
        }

        .x-dpgap-dd {
            --gap-y: var(--space-xxl)
        }

        .x-dvgap-dm {
            --gap-y: var(--space-xxxl)
        }

        .x-dggap-dy {
            --gap-y: var(--space-xxxxl)
        }

        .x-dbgap-dw {
            --gap-y: 0px
        }
    }
}

@media(min-width:90rem) {
    .x-ix {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%
    }

    .x-ik {
        flex-basis: calc(8.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(8.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-i_ {
        flex-basis: calc(16.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(16.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ij {
        flex-basis: calc(25% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(25% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-iq {
        flex-basis: calc(33.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(33.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-iz {
        flex-basis: calc(41.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(41.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-se {
        flex-basis: calc(50% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(50% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-st {
        flex-basis: calc(58.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(58.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-sn {
        flex-basis: calc(66.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(66.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-sr {
        flex-basis: calc(75% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(75% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-si {
        flex-basis: calc(83.33% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(83.33% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-ss {
        flex-basis: calc(91.66% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(91.66% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-so {
        flex-basis: calc(100% - 0.01px - var(--gap-x, 0.75em));
        max-width: calc(100% - 0.01px - var(--gap-x, 0.75em))
    }

    .x-su {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .x-sa {
        --offset: calc(8.33% + var(--gap-x, 0.75em))
    }

    .x-sf {
        --offset: calc(16.66% + var(--gap-x, 0.75em))
    }

    .x-sl {
        --offset: calc(25% + var(--gap-x, 0.75em))
    }

    .x-sc {
        --offset: calc(33.33% + var(--gap-x, 0.75em))
    }

    .x-sh {
        --offset: calc(41.66% + var(--gap-x, 0.75em))
    }

    .x-sp {
        --offset: calc(50% + var(--gap-x, 0.75em))
    }

    .x-sd {
        --offset: calc(58.33% + var(--gap-x, 0.75em))
    }

    .x-sv {
        --offset: calc(66.66% + var(--gap-x, 0.75em))
    }

    .x-sm {
        --offset: calc(75% + var(--gap-x, 0.75em))
    }

    .x-sg {
        --offset: calc(83.33% + var(--gap-x, 0.75em))
    }

    .x-sy {
        --offset: calc(91.66% + var(--gap-x, 0.75em))
    }

    .x-sb {
        --offset: var(--gap-x)
    }

    @supports(--css:variables) {
        .x-dxgap-dk {
            --gap-x: var(--space-xxxxs);
            --gap-y: var(--space-xxxxs)
        }

        .x-d_gap-dj {
            --gap-x: var(--space-xxxs);
            --gap-y: var(--space-xxxs)
        }

        .x-dqgap-dz {
            --gap-x: var(--space-xxs);
            --gap-y: var(--space-xxs)
        }

        .x-vegap-vt {
            --gap-x: var(--space-xs);
            --gap-y: var(--space-xs)
        }

        .x-vngap-vr {
            --gap-x: var(--space-sm);
            --gap-y: var(--space-sm)
        }

        .x-vigap-vs {
            --gap-x: var(--space-md);
            --gap-y: var(--space-md)
        }

        .x-vogap-vu {
            --gap-x: var(--space-lg);
            --gap-y: var(--space-lg)
        }

        .x-vagap-vf {
            --gap-x: var(--space-xl);
            --gap-y: var(--space-xl)
        }

        .x-vlgap-vc {
            --gap-x: var(--space-xxl);
            --gap-y: var(--space-xxl)
        }

        .x-vhgap-vp {
            --gap-x: var(--space-xxxl);
            --gap-y: var(--space-xxxl)
        }

        .x-vdgap-vv {
            --gap-x: var(--space-xxxxl);
            --gap-y: var(--space-xxxxl)
        }

        .x-vmgap-vg {
            --gap-x: 0px;
            --gap-y: 0px
        }

        .x-vygap-vb {
            --gap-x: var(--space-xxxxs)
        }

        .x-vwgap-vx {
            --gap-x: var(--space-xxxs)
        }

        .x-vkgap-v_ {
            --gap-x: var(--space-xxs)
        }

        .x-vjgap-vq {
            --gap-x: var(--space-xs)
        }

        .x-vzgap-me {
            --gap-x: var(--space-sm)
        }

        .x-mtgap-mn {
            --gap-x: var(--space-md)
        }

        .x-mrgap-mi {
            --gap-x: var(--space-lg)
        }

        .x-msgap-mo {
            --gap-x: var(--space-xl)
        }

        .x-mugap-ma {
            --gap-x: var(--space-xxl)
        }

        .x-mfgap-ml {
            --gap-x: var(--space-xxxl)
        }

        .x-mcgap-mh {
            --gap-x: var(--space-xxxxl)
        }

        .x-mpgap-md {
            --gap-x: 0px
        }

        .x-mvgap-mm {
            --gap-y: var(--space-xxxxs)
        }

        .x-mggap-my {
            --gap-y: var(--space-xxxs)
        }

        .x-mbgap-mw {
            --gap-y: var(--space-xxs)
        }

        .x-mxgap-mk {
            --gap-y: var(--space-xs)
        }

        .x-m_gap-mj {
            --gap-y: var(--space-sm)
        }

        .x-mqgap-mz {
            --gap-y: var(--space-md)
        }

        .x-gegap-gt {
            --gap-y: var(--space-lg)
        }

        .x-gngap-gr {
            --gap-y: var(--space-xl)
        }

        .x-gigap-gs {
            --gap-y: var(--space-xxl)
        }

        .x-gogap-gu {
            --gap-y: var(--space-xxxl)
        }

        .x-gagap-gf {
            --gap-y: var(--space-xxxxl)
        }

        .x-glgap-gc {
            --gap-y: 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 {
    --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 {
    --size: 1em;
    display: inline-block;
    color: inherit;
    fill: currentColor;
    height: var(--size);
    width: var(--size);
    line-height: 1;
    flex-shrink: 0;
    max-width: initial
}

.x-sw {
    --size: var(--icon-xxxs)
}

.x-sx {
    --size: var(--icon-xxs)
}

.x-sk {
    --size: var(--icon-xs)
}

.x-s_ {
    --size: var(--icon-sm)
}

.x-sj {
    --size: var(--icon-md)
}

.x-sq {
    --size: var(--icon-lg)
}

.x-sz {
    --size: var(--icon-xl)
}

.x-oe {
    --size: var(--icon-xxl)
}

.x-ot {
    --size: var(--icon-xxxl)
}

.x-on {
    -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
}

:root {
    --zindex-header: 3;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-overlay: 15
}

:root {
    --display: block
}

.x-or {
    display: var(--display) !important
}

.is-hidden {
    display: none !important
}

html:not(.js) .x-oi {
    display: none !important
}

@media print {
    .x-os {
        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-oo {
    flex-wrap: wrap
}

.x-ou {
    flex-direction: column
}

.x-oa {
    flex-direction: column-reverse
}

.x-of {
    flex-direction: row
}

.x-ol {
    flex-direction: row-reverse
}

.x-oc {
    justify-content: center;
    align-items: center
}

.flex-grow {
    flex-grow: 1
}

.x-oh {
    flex-grow: 0
}

.x-op {
    flex-shrink: 1
}

.x-od {
    flex-shrink: 0
}

.x-ov {
    flex-basis: 0
}

.x-om {
    justify-content: flex-start
}

.x-og {
    justify-content: flex-end
}

.x-oy {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.items-center {
    align-items: center
}

.x-ob {
    align-items: flex-start
}

.x-ow {
    align-items: flex-end
}

.x-ox {
    align-items: baseline
}

.x-ok {
    order: 1
}

.x-o_ {
    order: 2
}

.order-3 {
    order: 3
}

[class*=aspect-ratio] {
    --aspect-ratio: 16/9;
    position: relative;
    height: 0;
    padding-bottom: calc(100%/(var(--aspect-ratio)))
}

[class*=aspect-ratio] > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

[class*=aspect-ratio] > *:not(iframe) {
    -o-object-fit: cover;
    object-fit: cover
}

.x-taspect-ration {
    --aspect-ratio: 16/9
}

.x-raspect-ratioi {
    --aspect-ratio: 4/3
}

.x-saspect-ratioo {
    --aspect-ratio: 1/1
}

.block {
    display: block
}

.x-oj {
    display: inline-block
}

.inline {
    display: inline
}

.x-oq {
    --space-unit: 1rem
}

.x-oz {
    --space-unit: 1em
}

.x-ue {
    --space-unit: 16px
}

.x-ut {
    margin: var(--space-xxxxs)
}

.x-un {
    margin: var(--space-xxxs)
}

.x-ur {
    margin: var(--space-xxs)
}

.x-ui {
    margin: var(--space-xs)
}

.x-us {
    margin: var(--space-sm)
}

.x-uo {
    margin: var(--space-md)
}

.x-uu {
    margin: var(--space-lg)
}

.x-ua {
    margin: var(--space-xl)
}

.x-uf {
    margin: var(--space-xxl)
}

.x-ul {
    margin: var(--space-xxxl)
}

.x-uc {
    margin: var(--space-xxxxl)
}

.x-uh {
    margin: auto
}

.x-up {
    margin: 0
}

.x-ud {
    margin-top: var(--space-xxxxs)
}

.x-uv {
    margin-top: var(--space-xxxs)
}

.x-um {
    margin-top: var(--space-xxs)
}

.margin-top-xs {
    margin-top: var(--space-xs)
}

.x-ug {
    margin-top: var(--space-sm)
}

.x-uy {
    margin-top: var(--space-md)
}

.x-ub {
    margin-top: var(--space-lg)
}

.x-uw {
    margin-top: var(--space-xl)
}

.x-ux {
    margin-top: var(--space-xxl)
}

.x-uk {
    margin-top: var(--space-xxxl)
}

.x-u_ {
    margin-top: var(--space-xxxxl)
}

.x-uj {
    margin-top: auto
}

.x-uq {
    margin-top: 0
}

.x-uz {
    margin-bottom: var(--space-xxxxs)
}

.x-ae {
    margin-bottom: var(--space-xxxs)
}

.margin-bottom-xxs {
    margin-bottom: var(--space-xxs)
}

.x-at {
    margin-bottom: var(--space-xs)
}

.x-an {
    margin-bottom: var(--space-sm)
}

.x-ar {
    margin-bottom: var(--space-md)
}

.x-ai {
    margin-bottom: var(--space-lg)
}

.x-as {
    margin-bottom: var(--space-xl)
}

.x-ao {
    margin-bottom: var(--space-xxl)
}

.x-au {
    margin-bottom: var(--space-xxxl)
}

.x-aa {
    margin-bottom: var(--space-xxxxl)
}

.x-af {
    margin-bottom: auto
}

.x-al {
    margin-bottom: 0
}

.x-ac {
    margin-right: var(--space-xxxxs)
}

.x-ah {
    margin-right: var(--space-xxxs)
}

.margin-right-xxs {
    margin-right: var(--space-xxs)
}

.x-ap {
    margin-right: var(--space-xs)
}

.x-ad {
    margin-right: var(--space-sm)
}

.x-av {
    margin-right: var(--space-md)
}

.x-am {
    margin-right: var(--space-lg)
}

.x-ag {
    margin-right: var(--space-xl)
}

.x-ay {
    margin-right: var(--space-xxl)
}

.x-ab {
    margin-right: var(--space-xxxl)
}

.x-aw {
    margin-right: var(--space-xxxxl)
}

.x-ax {
    margin-right: auto
}

.x-ak {
    margin-right: 0
}

.x-a_ {
    margin-left: var(--space-xxxxs)
}

.x-aj {
    margin-left: var(--space-xxxs)
}

.x-aq {
    margin-left: var(--space-xxs)
}

.x-az {
    margin-left: var(--space-xs)
}

.x-fe {
    margin-left: var(--space-sm)
}

.x-ft {
    margin-left: var(--space-md)
}

.x-fn {
    margin-left: var(--space-lg)
}

.x-fr {
    margin-left: var(--space-xl)
}

.x-fi {
    margin-left: var(--space-xxl)
}

.x-fs {
    margin-left: var(--space-xxxl)
}

.x-fo {
    margin-left: var(--space-xxxxl)
}

.x-fu {
    margin-left: auto
}

.x-fa {
    margin-left: 0
}

.x-ff {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs)
}

.x-fl {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs)
}

.x-fc {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs)
}

.x-fh {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}

.x-fp {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
}

.x-fd {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
}

.x-fv {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
}

.x-fm {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
}

.x-fg {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl)
}

.x-fy {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl)
}

.x-fb {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl)
}

.x-fw {
    margin-left: auto;
    margin-right: auto
}

.x-fx {
    margin-left: 0;
    margin-right: 0
}

.x-fk {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs)
}

.x-f_ {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs)
}

.x-fj {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs)
}

.margin-y-xs {
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs)
}

.x-fq {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
}

.x-fz {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
}

.x-le {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
}

.x-lt {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
}

.x-ln {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl)
}

.x-lr {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl)
}

.x-li {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl)
}

.x-ls {
    margin-top: auto;
    margin-bottom: auto
}

.x-lo {
    margin-top: 0;
    margin-bottom: 0
}

.x-lu {
    padding: var(--space-xxxxs)
}

.x-la {
    padding: var(--space-xxxs)
}

.x-lf {
    padding: var(--space-xxs)
}

.x-ll {
    padding: var(--space-xs)
}

.x-lc {
    padding: var(--space-sm)
}

.padding-md {
    padding: var(--space-md)
}

.x-lh {
    padding: var(--space-lg)
}

.x-lp {
    padding: var(--space-xl)
}

.x-ld {
    padding: var(--space-xxl)
}

.x-lv {
    padding: var(--space-xxxl)
}

.x-lm {
    padding: var(--space-xxxxl)
}

.x-lg {
    padding: 0
}

.x-ly {
    padding: var(--component-padding)
}

.x-lb {
    padding-top: var(--space-xxxxs)
}

.x-lw {
    padding-top: var(--space-xxxs)
}

.x-lx {
    padding-top: var(--space-xxs)
}

.x-lk {
    padding-top: var(--space-xs)
}

.x-l_ {
    padding-top: var(--space-sm)
}

.x-lj {
    padding-top: var(--space-md)
}

.x-lq {
    padding-top: var(--space-lg)
}

.x-lz {
    padding-top: var(--space-xl)
}

.x-ce {
    padding-top: var(--space-xxl)
}

.x-ct {
    padding-top: var(--space-xxxl)
}

.x-cn {
    padding-top: var(--space-xxxxl)
}

.x-cr {
    padding-top: 0
}

.x-ci {
    padding-top: var(--component-padding)
}

.x-cs {
    padding-bottom: var(--space-xxxxs)
}

.x-co {
    padding-bottom: var(--space-xxxs)
}

.x-cu {
    padding-bottom: var(--space-xxs)
}

.x-ca {
    padding-bottom: var(--space-xs)
}

.x-cf {
    padding-bottom: var(--space-sm)
}

.x-cl {
    padding-bottom: var(--space-md)
}

.x-cc {
    padding-bottom: var(--space-lg)
}

.x-ch {
    padding-bottom: var(--space-xl)
}

.x-cp {
    padding-bottom: var(--space-xxl)
}

.x-cd {
    padding-bottom: var(--space-xxxl)
}

.x-cv {
    padding-bottom: var(--space-xxxxl)
}

.x-cm {
    padding-bottom: 0
}

.x-cg {
    padding-bottom: var(--component-padding)
}

.x-cy {
    padding-right: var(--space-xxxxs)
}

.x-cb {
    padding-right: var(--space-xxxs)
}

.x-cw {
    padding-right: var(--space-xxs)
}

.x-cx {
    padding-right: var(--space-xs)
}

.x-ck {
    padding-right: var(--space-sm)
}

.x-c_ {
    padding-right: var(--space-md)
}

.x-cj {
    padding-right: var(--space-lg)
}

.x-cq {
    padding-right: var(--space-xl)
}

.x-cz {
    padding-right: var(--space-xxl)
}

.x-he {
    padding-right: var(--space-xxxl)
}

.x-ht {
    padding-right: var(--space-xxxxl)
}

.x-hn {
    padding-right: 0
}

.x-hr {
    padding-right: var(--component-padding)
}

.x-hi {
    padding-left: var(--space-xxxxs)
}

.x-hs {
    padding-left: var(--space-xxxs)
}

.x-ho {
    padding-left: var(--space-xxs)
}

.x-hu {
    padding-left: var(--space-xs)
}

.x-ha {
    padding-left: var(--space-sm)
}

.x-hf {
    padding-left: var(--space-md)
}

.x-hl {
    padding-left: var(--space-lg)
}

.x-hc {
    padding-left: var(--space-xl)
}

.x-hh {
    padding-left: var(--space-xxl)
}

.x-hp {
    padding-left: var(--space-xxxl)
}

.x-hd {
    padding-left: var(--space-xxxxl)
}

.x-hv {
    padding-left: 0
}

.x-hm {
    padding-left: var(--component-padding)
}

.x-hg {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs)
}

.x-hy {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs)
}

.x-hb {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs)
}

.x-hw {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.x-hx {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
}

.x-hk {
    padding-left: var(--space-md);
    padding-right: var(--space-md)
}

.x-h_ {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}

.x-hj {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.x-hq {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl)
}

.x-hz {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl)
}

.x-pe {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl)
}

.x-pt {
    padding-left: 0;
    padding-right: 0
}

.x-pn {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding)
}

.x-pr {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs)
}

.x-pi {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs)
}

.x-ps {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs)
}

.x-po {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
}

.x-pu {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm)
}

.x-pa {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md)
}

.x-pf {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
}

.x-pl {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

.x-pc {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl)
}

.x-ph {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl)
}

.x-pp {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl)
}

.x-pd {
    padding-top: 0;
    padding-bottom: 0
}

.x-pv {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
}

.x-pm {
    vertical-align: baseline
}

.x-pg {
    vertical-align: top
}

.x-py {
    vertical-align: middle
}

.x-pb {
    vertical-align: bottom
}

.x-pw,
.x-px {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.x-pk {
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap
}

.x-p_ {
    overflow-wrap: break-word;
    min-width: 0
}



.x-pj,
.x-pq,
.x-pz {
    font-size: var(--text-unit)
}

.x-pj {
    --text-unit: 1rem
}

.x-pq {
    --text-unit: 1em
}

.x-pz {
    --text-unit: 16px
}

.x-de {
    text-transform: uppercase
}

.x-dt {
    text-transform: capitalize
}

.x-dn {
    letter-spacing: -.05em
}

.x-dr {
    letter-spacing: .05em
}

.x-di {
    letter-spacing: .1em
}

.x-ds {
    font-weight: 300
}

.x-do {
    font-weight: 400
}

.x-du {
    font-weight: 500
}

.x-da {
    font-weight: 600
}

.x-df,
.x-dl {
    font-weight: 700
}

.x-dc {
    font-style: italic
}

.x-dh {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.x-dp {
    font-family: var(--font-primary)
}

.x-dd {
    text-align: center
}

.x-dv {
    text-align: left
}

.x-dm {
    text-align: right
}

.x-dg {
    text-align: justify
}

.x-dy {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.x-db {
    text-decoration: none
}

.x-dw {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

.x-dx {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}

.x-dk {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .2)
}

.x-d_ {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .2)
}

.x-dj {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .1), 0 2px 8px rgba(0, 0, 0, .15), 0 4px 16px rgba(0, 0, 0, .2), 0 6px 24px rgba(0, 0, 0, .25)
}

.x-dq {
    text-shadow: none
}

.x-dz {
    --text-vspace-multiplier: 0.25 !important
}

.x-ve {
    --text-vspace-multiplier: 0.5 !important
}

.x-vt {
    --text-vspace-multiplier: 0.75 !important
}

.x-vn {
    --text-vspace-multiplier: 1.25 !important
}

.x-vr {
    --text-vspace-multiplier: 1.5 !important
}

.x-vi {
    --text-vspace-multiplier: 1.75 !important
}

.x-vs {
    --text-vspace-multiplier: 2 !important
}

.x-vo {
    --heading-line-height: 1;
    --body-line-height: 1.1
}

.x-vo:not(.text-component) {
    line-height: 1.1
}

.x-vu {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}

.x-vu:not(.text-component) {
    line-height: 1.2
}

.x-va {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}

.x-va:not(.text-component) {
    line-height: 1.4
}

.x-vf {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}

.x-vf:not(.text-component) {
    line-height: 1.58
}

.x-vl {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}

.x-vl:not(.text-component) {
    line-height: 1.72
}

.x-vc {
    line-height: var(--body-line-height)
}

.x-vh {
    line-height: var(--heading-line-height)
}

.x-vp {
    line-height: normal !important
}

.x-vd {
    line-height: 1 !important
}

.x-vv,
.x-vm {
    white-space: nowrap
}

.cursor-pointer {
    cursor: pointer
}

.x-vg {
    cursor: default
}

.pointer-events-auto {
    pointer-events: auto
}

.x-vy {
    pointer-events: none
}

.x-vb {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.x-vw {
    -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))
}

.color-contrast-low {
    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))
}

.color-contrast-high {
    color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1))
}

.color-contrast-higher {
    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))
}

.color-accent {
    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))
}

.color-success {
    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))
}

.color-warning {
    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
    }

    .x-ngcolor-ny {
        --color-o: 0.1
    }

    .x-nbcolor-nw {
        --color-o: 0.2
    }

    .x-nxcolor-nk {
        --color-o: 0.3
    }

    .x-n_color-nj {
        --color-o: 0.4
    }

    .x-nqcolor-nz {
        --color-o: 0.5
    }

    .x-recolor-rt {
        --color-o: 0.6
    }

    .x-rncolor-rr {
        --color-o: 0.7
    }

    .x-ricolor-rs {
        --color-o: 0.8
    }

    .x-rocolor-ru {
        --color-o: 0.9
    }
}

@supports(--css:variables) {
    [class*=color-gradient-] {
        color: transparent !important;
        -webkit-background-clip: text;
        background-clip: text
    }
}

.x-vx {
    width: var(--size-xxxxs, 0.25rem)
}

.width-xxxs {
    width: var(--size-xxxs, 0.5rem)
}

.x-vk {
    width: var(--size-xxs, 0.75rem)
}

.x-v_ {
    width: var(--size-xs, 1rem)
}

.x-vj {
    width: var(--size-sm, 1.5rem)
}

.x-vq {
    width: var(--size-md, 2rem)
}

.x-vz {
    width: var(--size-lg, 3rem)
}

.x-me {
    width: var(--size-xl, 4rem)
}

.x-mt {
    width: var(--size-xxl, 6rem)
}

.x-mn {
    width: var(--size-xxxl, 8rem)
}

.x-mr {
    width: var(--size-xxxxl, 16rem)
}

.x-mi {
    width: 0
}

.x-ms {
    width: 10%
}

.x-mo {
    width: 20%
}

.x-mu {
    width: 25%
}

.x-ma {
    width: 30%
}

.x-mf {
    width: calc(100%/3)
}

.x-ml {
    width: 40%
}

.x-mc {
    width: 50%
}

.x-mh {
    width: 60%
}

.x-mp {
    width: calc(100%/1.5)
}

.x-md {
    width: 70%
}

.x-mv {
    width: 75%
}

.x-mm {
    width: 80%
}

.x-mg {
    width: 90%
}

.x-my {
    width: 100%
}

.x-mb {
    width: 100vw
}

.x-mw {
    width: auto
}

.x-mx {
    height: var(--size-xxxxs, 0.25rem)
}

.height-xxxs {
    height: var(--size-xxxs, 0.5rem)
}

.x-mk {
    height: var(--size-xxs, 0.75rem)
}

.x-m_ {
    height: var(--size-xs, 1rem)
}

.x-mj {
    height: var(--size-sm, 1.5rem)
}

.x-mq {
    height: var(--size-md, 2rem)
}

.x-mz {
    height: var(--size-lg, 3rem)
}

.x-ge {
    height: var(--size-xl, 4rem)
}

.x-gt {
    height: var(--size-xxl, 6rem)
}

.x-gn {
    height: var(--size-xxxl, 8rem)
}

.x-gr {
    height: var(--size-xxxxl, 16rem)
}

.x-gi {
    height: 0
}

.x-gs {
    height: 10%
}

.x-go {
    height: 20%
}

.x-gu {
    height: 25%
}

.x-ga {
    height: 30%
}

.x-gf {
    height: calc(100%/3)
}

.x-gl {
    height: 40%
}

.x-gc {
    height: 50%
}

.x-gh {
    height: 60%
}

.x-gp {
    height: calc(100%/1.5)
}

.x-gd {
    height: 70%
}

.x-gv {
    height: 75%
}

.x-gm {
    height: 80%
}

.x-gg {
    height: 90%
}

.x-gy {
    height: 100%
}

.x-gb {
    height: 100vh
}

.x-gw {
    height: auto
}

.x-gx {
    min-width: 0
}

.x-gk {
    min-width: 25%
}

.x-g_ {
    min-width: calc(100%/3)
}

.x-gj {
    min-width: 50%
}

.x-gq {
    min-width: calc(100%/1.5)
}

.x-gz {
    min-width: 75%
}

.x-ye {
    min-width: 100%
}

.x-yt {
    min-width: 100vw
}

.x-yn {
    min-height: 100%
}

.x-yr {
    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-yi {
    max-width: var(--max-width-xxxs)
}

.x-ys {
    max-width: var(--max-width-xxs)
}

.x-yo {
    max-width: var(--max-width-xs)
}

.x-yu {
    max-width: var(--max-width-sm)
}

.x-ya {
    max-width: var(--max-width-md)
}

.x-yf {
    max-width: var(--max-width-lg)
}

.x-yl {
    max-width: var(--max-width-xl)
}

.x-yc {
    max-width: var(--max-width-xxl)
}

.x-yh {
    max-width: var(--max-width-xxxl)
}

.x-yp {
    max-width: var(--max-width-xxxxl)
}

.x-yd {
    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-yv {
    max-height: 100%
}

.x-ym {
    max-height: 100vh
}

.x-yg {
    position: relative
}

.x-yy {
    position: absolute
}

.x-yb {
    position: fixed
}

.x-yw {
    position: -webkit-sticky;
    position: sticky
}

.x-yx {
    top: 0
}

.x-yk {
    top: 50%
}

.x-y_ {
    bottom: 0
}

.x-yj {
    bottom: 50%
}

.x-yq {
    left: 0
}

.x-yz {
    left: 50%
}

.x-be {
    right: 0
}

.x-bt {
    right: 50%
}

.x-bn {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.x-br {
    z-index: var(--zindex-header)
}

.x-bi {
    z-index: var(--zindex-popover)
}

.x-bs {
    z-index: var(--zindex-fixed-element)
}

.x-bo {
    z-index: var(--zindex-overlay)
}

.x-bu,
.x-ba {
    z-index: 1
}

.x-bf,
.x-bl {
    z-index: 2
}

.x-bc,
.x-bh {
    z-index: 3
}

.x-bp {
    overflow: hidden
}

.x-bd {
    overflow: auto
}

.x-bv {
    -webkit-overflow-scrolling: touch
}

.x-bm {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.x-bg {
    opacity: 0
}

.x-by {
    opacity: .1
}

.x-bb {
    opacity: .2
}

.x-bw {
    opacity: .3
}

.x-bx {
    opacity: .4
}

.x-bk {
    opacity: .5
}

.x-b_ {
    opacity: .6
}

.x-bj {
    opacity: .7
}

.x-bq {
    opacity: .8
}

.x-bz {
    opacity: .9
}

.media-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%
}

.media-wrapper > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media-wrapper > *:not(iframe) {
    -o-object-fit: cover;
    object-fit: cover
}

.x-we {
    padding-bottom: calc((3/4) * 100%)
}

.x-wt {
    padding-bottom: calc((1/1) * 100%)
}

.x-wn {
    float: left
}

.x-wr {
    float: right
}

.x-wi::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
    }

    .x-rnborder-rr {
        --border-o: 0.1
    }

    .x-riborder-rs {
        --border-o: 0.2
    }

    .x-roborder-ru {
        --border-o: 0.3
    }

    .x-raborder-rf {
        --border-o: 0.4
    }

    .x-rlborder-rc {
        --border-o: 0.5
    }

    .x-rhborder-rp {
        --border-o: 0.6
    }

    .x-rdborder-rv {
        --border-o: 0.7
    }

    .x-rmborder-rg {
        --border-o: 0.8
    }

    .x-ryborder-rb {
        --border-o: 0.9
    }
}

.x-ws {
    border-radius: var(--radius-sm)
}

.x-wo {
    border-radius: var(--radius-md)
}

.x-wu {
    border-radius: var(--radius-lg)
}

.x-wa {
    border-radius: 50%
}

.x-wf {
    border-radius: 50em
}

.x-wl {
    border-radius: 0
}

.x-wc {
    border-top-left-radius: 0
}

.x-wh {
    border-top-right-radius: 0
}

.x-wp {
    border-bottom-right-radius: 0
}

.x-wd {
    border-bottom-left-radius: 0
}

.x-wv {
    box-shadow: var(--shadow-xs)
}

.x-wm {
    box-shadow: var(--shadow-sm)
}

.x-wg {
    box-shadow: var(--shadow-md)
}

.x-wy {
    box-shadow: var(--shadow-lg)
}

.x-wb {
    box-shadow: var(--shadow-xl)
}

.x-ww {
    box-shadow: none
}

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

.bg-contrast-high {
    background-color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1))
}

.bg-contrast-higher {
    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
    }

    .x-ngbg-ny {
        --bg-o: 0.1
    }

    .x-nbbg-nw {
        --bg-o: 0.2
    }

    .x-nxbg-nk {
        --bg-o: 0.3
    }

    .x-n_bg-nj {
        --bg-o: 0.4
    }

    .x-nqbg-nz {
        --bg-o: 0.5
    }

    .x-rebg-rt {
        --bg-o: 0.6
    }

    .x-rnbg-rr {
        --bg-o: 0.7
    }

    .x-ribg-rs {
        --bg-o: 0.8
    }

    .x-robg-ru {
        --bg-o: 0.9
    }
}

.x-rabg-rf {
    background-size: cover
}

.x-rlbg-rc {
    background-position: center
}

.x-rhbg-rp {
    background-repeat: no-repeat
}

.x-wx {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.x-wk {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.x-w_ {
    isolation: isolate
}

.x-wj {
    mix-blend-mode: multiply
}

.x-wq {
    mix-blend-mode: overlay
}

.x-wz {
    mix-blend-mode: difference
}

.x-xe {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.x-xt {
    -webkit-perspective: 250px;
    perspective: 250px
}

.x-xn {
    -webkit-perspective: 500px;
    perspective: 500px
}

.x-xr {
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.x-xi {
    -webkit-perspective: 1500px;
    perspective: 1500px
}

.x-xs {
    -webkit-perspective: 3000px;
    perspective: 3000px
}

.x-xo {
    -webkit-transform: scale(-1);
    transform: scale(-1)
}

.x-xu {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.x-xa {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.x-xf {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.x-xl {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.x-xc {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.x-xh {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
}

.x-xp {
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

.x-xd {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.x-xv {
    -webkit-transform-origin: center;
    transform-origin: center
}

.x-xm {
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.x-xg {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.x-xy {
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.x-xb {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.x-xw {
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.x-xx {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.x-xk {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

.x-x_ {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@media(min-width:32rem) {
    .x-xj {
        display: flex
    }

    .x-xq {
        display: inline-flex
    }

    .x-xz {
        flex-wrap: wrap
    }

    .x-ke {
        flex-direction: column
    }

    .x-kt {
        flex-direction: column-reverse
    }

    .x-kn {
        flex-direction: row
    }

    .x-kr {
        flex-direction: row-reverse
    }

    .x-ki {
        justify-content: center;
        align-items: center
    }

    .x-ks {
        flex-grow: 1
    }

    .x-ko {
        flex-grow: 0
    }

    .x-ku {
        flex-shrink: 1
    }

    .x-ka {
        flex-shrink: 0
    }

    .x-kf {
        flex-basis: 0
    }

    .x-kl {
        justify-content: flex-start
    }

    .x-kc {
        justify-content: flex-end
    }

    .x-kh {
        justify-content: center
    }

    .x-kp {
        justify-content: space-between
    }

    .x-kd {
        align-items: center
    }

    .x-kv {
        align-items: flex-start
    }

    .x-km {
        align-items: flex-end
    }

    .x-kg {
        align-items: baseline
    }

    .x-ky {
        order: 1
    }

    .x-kb {
        order: 2
    }

    .x-kw {
        order: 3
    }

    .x-kx {
        display: block
    }

    .x-kk {
        display: inline-block
    }

    .x-k_ {
        display: inline
    }

    @supports(--css:variables) {
        .x-kj {
            margin: var(--space-xxxxs)
        }

        .x-kq {
            margin: var(--space-xxxs)
        }

        .x-kz {
            margin: var(--space-xxs)
        }

        .x-_e {
            margin: var(--space-xs)
        }

        .x-_t {
            margin: var(--space-sm)
        }

        .x-_n {
            margin: var(--space-md)
        }

        .x-_r {
            margin: var(--space-lg)
        }

        .x-_i {
            margin: var(--space-xl)
        }

        .x-_s {
            margin: var(--space-xxl)
        }

        .x-_o {
            margin: var(--space-xxxl)
        }

        .x-_u {
            margin: var(--space-xxxxl)
        }

        .x-_a {
            margin: auto
        }

        .x-_f {
            margin: 0
        }

        .x-_l {
            margin-top: var(--space-xxxxs)
        }

        .x-_c {
            margin-top: var(--space-xxxs)
        }

        .x-_h {
            margin-top: var(--space-xxs)
        }

        .x-_p {
            margin-top: var(--space-xs)
        }

        .x-_d {
            margin-top: var(--space-sm)
        }

        .x-_v {
            margin-top: var(--space-md)
        }

        .x-_m {
            margin-top: var(--space-lg)
        }

        .x-_g {
            margin-top: var(--space-xl)
        }

        .x-_y {
            margin-top: var(--space-xxl)
        }

        .x-_b {
            margin-top: var(--space-xxxl)
        }

        .x-_w {
            margin-top: var(--space-xxxxl)
        }

        .x-_x {
            margin-top: auto
        }

        .x-_k {
            margin-top: 0
        }

        .x-__ {
            margin-bottom: var(--space-xxxxs)
        }

        .x-_j {
            margin-bottom: var(--space-xxxs)
        }

        .x-_q {
            margin-bottom: var(--space-xxs)
        }

        .x-_z {
            margin-bottom: var(--space-xs)
        }

        .x-je {
            margin-bottom: var(--space-sm)
        }

        .x-jt {
            margin-bottom: var(--space-md)
        }

        .x-jn {
            margin-bottom: var(--space-lg)
        }

        .x-jr {
            margin-bottom: var(--space-xl)
        }

        .x-ji {
            margin-bottom: var(--space-xxl)
        }

        .x-js {
            margin-bottom: var(--space-xxxl)
        }

        .x-jo {
            margin-bottom: var(--space-xxxxl)
        }

        .x-ju {
            margin-bottom: auto
        }

        .x-ja {
            margin-bottom: 0
        }

        .x-jf {
            margin-right: var(--space-xxxxs)
        }

        .x-jl {
            margin-right: var(--space-xxxs)
        }

        .x-jc {
            margin-right: var(--space-xxs)
        }

        .x-jh {
            margin-right: var(--space-xs)
        }

        .x-jp {
            margin-right: var(--space-sm)
        }

        .x-jd {
            margin-right: var(--space-md)
        }

        .x-jv {
            margin-right: var(--space-lg)
        }

        .x-jm {
            margin-right: var(--space-xl)
        }

        .x-jg {
            margin-right: var(--space-xxl)
        }

        .x-jy {
            margin-right: var(--space-xxxl)
        }

        .x-jb {
            margin-right: var(--space-xxxxl)
        }

        .x-jw {
            margin-right: auto
        }

        .x-jx {
            margin-right: 0
        }

        .x-jk {
            margin-left: var(--space-xxxxs)
        }

        .x-j_ {
            margin-left: var(--space-xxxs)
        }

        .x-jj {
            margin-left: var(--space-xxs)
        }

        .x-jq {
            margin-left: var(--space-xs)
        }

        .x-jz {
            margin-left: var(--space-sm)
        }

        .x-qe {
            margin-left: var(--space-md)
        }

        .x-qt {
            margin-left: var(--space-lg)
        }

        .x-qn {
            margin-left: var(--space-xl)
        }

        .x-qr {
            margin-left: var(--space-xxl)
        }

        .x-qi {
            margin-left: var(--space-xxxl)
        }

        .x-qs {
            margin-left: var(--space-xxxxl)
        }

        .x-qo {
            margin-left: auto
        }

        .x-qu {
            margin-left: 0
        }

        .x-qa {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }

        .x-qf {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }

        .x-ql {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }

        .x-qc {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }

        .x-qh {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }

        .x-qp {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }

        .x-qd {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }

        .x-qv {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }

        .x-qm {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }

        .x-qg {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }

        .x-qy {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }

        .x-qb {
            margin-left: auto;
            margin-right: auto
        }

        .x-qw {
            margin-left: 0;
            margin-right: 0
        }

        .x-qx {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }

        .x-qk {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }

        .x-q_ {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }

        .x-qj {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }

        .x-qq {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }

        .x-qz {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }

        .x-ze {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }

        .x-zt {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }

        .x-zn {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }

        .x-zr {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }

        .x-zi {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }

        .x-zs {
            margin-top: auto;
            margin-bottom: auto
        }

        .x-zo {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    @supports(--css:variables) {
        .x-zu {
            padding: var(--space-xxxxs)
        }

        .x-za {
            padding: var(--space-xxxs)
        }

        .x-zf {
            padding: var(--space-xxs)
        }

        .x-zl {
            padding: var(--space-xs)
        }

        .x-zc {
            padding: var(--space-sm)
        }

        .x-zh {
            padding: var(--space-md)
        }

        .x-zp {
            padding: var(--space-lg)
        }

        .x-zd {
            padding: var(--space-xl)
        }

        .x-zv {
            padding: var(--space-xxl)
        }

        .x-zm {
            padding: var(--space-xxxl)
        }

        .x-zg {
            padding: var(--space-xxxxl)
        }

        .x-zy {
            padding: 0
        }

        .x-zb {
            padding: var(--component-padding)
        }

        .x-zw {
            padding-top: var(--space-xxxxs)
        }

        .x-zx {
            padding-top: var(--space-xxxs)
        }

        .x-zk {
            padding-top: var(--space-xxs)
        }

        .x-z_ {
            padding-top: var(--space-xs)
        }

        .x-zj {
            padding-top: var(--space-sm)
        }

        .x-zq {
            padding-top: var(--space-md)
        }

        .x-zz {
            padding-top: var(--space-lg)
        }

        .x-tee {
            padding-top: var(--space-xl)
        }

        .x-tet {
            padding-top: var(--space-xxl)
        }

        .x-ten {
            padding-top: var(--space-xxxl)
        }

        .x-ter {
            padding-top: var(--space-xxxxl)
        }

        .x-tei {
            padding-top: 0
        }

        .x-tes {
            padding-top: var(--component-padding)
        }

        .x-teo {
            padding-bottom: var(--space-xxxxs)
        }

        .x-teu {
            padding-bottom: var(--space-xxxs)
        }

        .x-tea {
            padding-bottom: var(--space-xxs)
        }

        .x-tef {
            padding-bottom: var(--space-xs)
        }

        .x-tel {
            padding-bottom: var(--space-sm)
        }

        .x-tec {
            padding-bottom: var(--space-md)
        }

        .x-teh {
            padding-bottom: var(--space-lg)
        }

        .x-tep {
            padding-bottom: var(--space-xl)
        }

        .x-ted {
            padding-bottom: var(--space-xxl)
        }

        .x-tev {
            padding-bottom: var(--space-xxxl)
        }

        .x-tem {
            padding-bottom: var(--space-xxxxl)
        }

        .x-teg {
            padding-bottom: 0
        }

        .x-tey {
            padding-bottom: var(--component-padding)
        }

        .x-teb {
            padding-right: var(--space-xxxxs)
        }

        .x-tew {
            padding-right: var(--space-xxxs)
        }

        .x-tex {
            padding-right: var(--space-xxs)
        }

        .x-tek {
            padding-right: var(--space-xs)
        }

        .x-te_ {
            padding-right: var(--space-sm)
        }

        .x-tej {
            padding-right: var(--space-md)
        }

        .x-teq {
            padding-right: var(--space-lg)
        }

        .x-tez {
            padding-right: var(--space-xl)
        }

        .x-tte {
            padding-right: var(--space-xxl)
        }

        .x-ttt {
            padding-right: var(--space-xxxl)
        }

        .x-ttn {
            padding-right: var(--space-xxxxl)
        }

        .x-ttr {
            padding-right: 0
        }

        .x-tti {
            padding-right: var(--component-padding)
        }

        .x-tts {
            padding-left: var(--space-xxxxs)
        }

        .x-tto {
            padding-left: var(--space-xxxs)
        }

        .x-ttu {
            padding-left: var(--space-xxs)
        }

        .x-tta {
            padding-left: var(--space-xs)
        }

        .x-ttf {
            padding-left: var(--space-sm)
        }

        .x-ttl {
            padding-left: var(--space-md)
        }

        .x-ttc {
            padding-left: var(--space-lg)
        }

        .x-tth {
            padding-left: var(--space-xl)
        }

        .x-ttp {
            padding-left: var(--space-xxl)
        }

        .x-ttd {
            padding-left: var(--space-xxxl)
        }

        .x-ttv {
            padding-left: var(--space-xxxxl)
        }

        .x-ttm {
            padding-left: 0
        }

        .x-ttg {
            padding-left: var(--component-padding)
        }

        .x-tty {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }

        .x-ttb {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }

        .x-ttw {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }

        .x-ttx {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }

        .x-ttk {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }

        .x-tt_ {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }

        .x-ttj {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }

        .x-ttq {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }

        .x-ttz {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }

        .x-tne {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }

        .x-tnt {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }

        .x-tnn {
            padding-left: 0;
            padding-right: 0
        }

        .x-tnr {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }

        .x-tni {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }

        .x-tns {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }

        .x-tno {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }

        .x-tnu {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }

        .x-tna {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }

        .x-tnf {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }

        .x-tnl {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }

        .x-tnc {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }

        .x-tnh {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }

        .x-tnp {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }

        .x-tnd {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }

        .x-tnv {
            padding-top: 0;
            padding-bottom: 0
        }

        .x-tnm {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }

    .x-tng {
        text-align: center
    }

    .x-tny {
        text-align: left
    }

    .x-tnb {
        text-align: right
    }

    .x-tnw {
        text-align: justify
    }

    @supports(--css:variables) {
        .x-tnx {
            font-size: var(--text-xs, 0.694em)
        }

        .x-tnk {
            font-size: var(--text-sm, 0.833em)
        }

        .x-tn_ {
            font-size: var(--text-unit, 1em)
        }

        .x-tnj {
            font-size: var(--text-md, 1.2em)
        }

        .x-tnq {
            font-size: var(--text-lg, 1.44em)
        }

        .x-tnz {
            font-size: var(--text-xl, 1.728em)
        }

        .x-tre {
            font-size: var(--text-xxl, 2.074em)
        }

        .x-trt {
            font-size: var(--text-xxxl, 2.488em)
        }

        .x-trn {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }

    @supports(--css:variables) {
        .x-trr {
            width: var(--size-xxxxs, 0.25rem)
        }

        .x-tri {
            width: var(--size-xxxs, 0.5rem)
        }

        .x-trs {
            width: var(--size-xxs, 0.75rem)
        }

        .x-tro {
            width: var(--size-xs, 1rem)
        }

        .x-tru {
            width: var(--size-sm, 1.5rem)
        }

        .x-tra {
            width: var(--size-md, 2rem)
        }

        .x-trf {
            width: var(--size-lg, 3rem)
        }

        .x-trl {
            width: var(--size-xl, 4rem)
        }

        .x-trc {
            width: var(--size-xxl, 6rem)
        }

        .x-trh {
            width: var(--size-xxxl, 8rem)
        }

        .x-trp {
            width: var(--size-xxxxl, 16rem)
        }
    }

    .x-trd {
        width: 0
    }

    .x-trv {
        width: 10%
    }

    .x-trm {
        width: 20%
    }

    .x-trg {
        width: 25%
    }

    .x-try {
        width: 30%
    }

    .x-trb {
        width: calc(100%/3)
    }

    .x-trw {
        width: 40%
    }

    .x-trx {
        width: 50%
    }

    .x-trk {
        width: 60%
    }

    .x-tr_ {
        width: calc(100%/1.5)
    }

    .x-trj {
        width: 70%
    }

    .x-trq {
        width: 75%
    }

    .x-trz {
        width: 80%
    }

    .x-tie {
        width: 90%
    }

    .x-tit {
        width: 100%
    }

    .x-tin {
        width: 100vw
    }

    .x-tir {
        width: auto
    }

    @supports(--css:variables) {
        .x-tii {
            height: var(--size-xxxxs, 0.25rem)
        }

        .x-tis {
            height: var(--size-xxxs, 0.5rem)
        }

        .x-tio {
            height: var(--size-xxs, 0.75rem)
        }

        .x-tiu {
            height: var(--size-xs, 1rem)
        }

        .x-tia {
            height: var(--size-sm, 1.5rem)
        }

        .x-tif {
            height: var(--size-md, 2rem)
        }

        .x-til {
            height: var(--size-lg, 3rem)
        }

        .x-tic {
            height: var(--size-xl, 4rem)
        }

        .x-tih {
            height: var(--size-xxl, 6rem)
        }

        .x-tip {
            height: var(--size-xxxl, 8rem)
        }

        .x-tid {
            height: var(--size-xxxxl, 16rem)
        }
    }

    .x-tiv {
        height: 0
    }

    .x-tim {
        height: 10%
    }

    .x-tig {
        height: 20%
    }

    .x-tiy {
        height: 25%
    }

    .x-tib {
        height: 30%
    }

    .x-tiw {
        height: calc(100%/3)
    }

    .x-tix {
        height: 40%
    }

    .x-tik {
        height: 50%
    }

    .x-ti_ {
        height: 60%
    }

    .x-tij {
        height: calc(100%/1.5)
    }

    .x-tiq {
        height: 70%
    }

    .x-tiz {
        height: 75%
    }

    .x-tse {
        height: 80%
    }

    .x-tst {
        height: 90%
    }

    .x-tsn {
        height: 100%
    }

    .x-tsr {
        height: 100vh
    }

    .x-tsi {
        height: auto
    }

    .x-tss {
        position: relative
    }

    .x-tso {
        position: absolute
    }

    .x-tsu {
        position: fixed
    }

    .x-tsa {
        position: -webkit-sticky;
        position: sticky
    }

    .x-tsf {
        position: static
    }

    .x-tsl {
        top: 0
    }

    .x-tsc {
        top: 50%
    }

    .x-tsh {
        bottom: 0
    }

    .x-tsp {
        bottom: 50%
    }

    .x-tsd {
        left: 0
    }

    .x-tsv {
        left: 50%
    }

    .x-tsm {
        right: 0
    }

    .x-tsg {
        right: 50%
    }

    .x-tsy {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .x-tsb {
        overflow: hidden
    }

    .x-tsw {
        overflow: auto
    }

    .x-tsx {
        -webkit-overflow-scrolling: touch
    }

    .x-tsk {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .x-ts_ {
        display: none !important
    }
}

@media not all and (min-width:32rem) {
    .x-tsj {
        margin: 0 !important
    }

    .x-tsq {
        padding: 0 !important
    }

    .x-tsz {
        display: none !important
    }
}

@media(min-width:48rem) {
    .x-toe {
        display: flex
    }

    .x-tot {
        display: inline-flex
    }

    .x-ton {
        flex-wrap: wrap
    }

    .x-tor {
        flex-direction: column
    }

    .x-toi {
        flex-direction: column-reverse
    }

    .x-tos {
        flex-direction: row
    }

    .x-too {
        flex-direction: row-reverse
    }

    .x-tou {
        justify-content: center;
        align-items: center
    }

    .x-toa {
        flex-grow: 1
    }

    .x-tof {
        flex-grow: 0
    }

    .x-tol {
        flex-shrink: 1
    }

    .x-toc {
        flex-shrink: 0
    }

    .x-toh {
        flex-basis: 0
    }

    .x-top {
        justify-content: flex-start
    }

    .x-tod {
        justify-content: flex-end
    }

    .x-tov {
        justify-content: center
    }

    .x-tom {
        justify-content: space-between
    }

    .x-tog {
        align-items: center
    }

    .x-toy {
        align-items: flex-start
    }

    .x-tob {
        align-items: flex-end
    }

    .x-tow {
        align-items: baseline
    }

    .x-tox {
        order: 1
    }

    .x-tok {
        order: 2
    }

    .x-to_ {
        order: 3
    }

    .x-toj {
        display: block
    }

    .x-toq {
        display: inline-block
    }

    .x-toz {
        display: inline
    }

    @supports(--css:variables) {
        .x-tue {
            margin: var(--space-xxxxs)
        }

        .x-tut {
            margin: var(--space-xxxs)
        }

        .x-tun {
            margin: var(--space-xxs)
        }

        .x-tur {
            margin: var(--space-xs)
        }

        .x-tui {
            margin: var(--space-sm)
        }

        .x-tus {
            margin: var(--space-md)
        }

        .x-tuo {
            margin: var(--space-lg)
        }

        .x-tuu {
            margin: var(--space-xl)
        }

        .x-tua {
            margin: var(--space-xxl)
        }

        .x-tuf {
            margin: var(--space-xxxl)
        }

        .x-tul {
            margin: var(--space-xxxxl)
        }

        .x-tuc {
            margin: auto
        }

        .x-tuh {
            margin: 0
        }

        .x-tup {
            margin-top: var(--space-xxxxs)
        }

        .x-tud {
            margin-top: var(--space-xxxs)
        }

        .x-tuv {
            margin-top: var(--space-xxs)
        }

        .x-tum {
            margin-top: var(--space-xs)
        }

        .x-tug {
            margin-top: var(--space-sm)
        }

        .x-tuy {
            margin-top: var(--space-md)
        }

        .x-tub {
            margin-top: var(--space-lg)
        }

        .x-tuw {
            margin-top: var(--space-xl)
        }

        .x-tux {
            margin-top: var(--space-xxl)
        }

        .x-tuk {
            margin-top: var(--space-xxxl)
        }

        .x-tu_ {
            margin-top: var(--space-xxxxl)
        }

        .x-tuj {
            margin-top: auto
        }

        .x-tuq {
            margin-top: 0
        }

        .x-tuz {
            margin-bottom: var(--space-xxxxs)
        }

        .x-tae {
            margin-bottom: var(--space-xxxs)
        }

        .x-tat {
            margin-bottom: var(--space-xxs)
        }

        .x-tan {
            margin-bottom: var(--space-xs)
        }

        .x-tar {
            margin-bottom: var(--space-sm)
        }

        .x-tai {
            margin-bottom: var(--space-md)
        }

        .x-tas {
            margin-bottom: var(--space-lg)
        }

        .x-tao {
            margin-bottom: var(--space-xl)
        }

        .x-tau {
            margin-bottom: var(--space-xxl)
        }

        .x-taa {
            margin-bottom: var(--space-xxxl)
        }

        .x-taf {
            margin-bottom: var(--space-xxxxl)
        }

        .x-tal {
            margin-bottom: auto
        }

        .x-tac {
            margin-bottom: 0
        }

        .x-tah {
            margin-right: var(--space-xxxxs)
        }

        .x-tap {
            margin-right: var(--space-xxxs)
        }

        .x-tad {
            margin-right: var(--space-xxs)
        }

        .x-tav {
            margin-right: var(--space-xs)
        }

        .x-tam {
            margin-right: var(--space-sm)
        }

        .x-tag {
            margin-right: var(--space-md)
        }

        .x-tay {
            margin-right: var(--space-lg)
        }

        .x-tab {
            margin-right: var(--space-xl)
        }

        .x-taw {
            margin-right: var(--space-xxl)
        }

        .x-tax {
            margin-right: var(--space-xxxl)
        }

        .x-tak {
            margin-right: var(--space-xxxxl)
        }

        .x-ta_ {
            margin-right: auto
        }

        .x-taj {
            margin-right: 0
        }

        .x-taq {
            margin-left: var(--space-xxxxs)
        }

        .x-taz {
            margin-left: var(--space-xxxs)
        }

        .x-tfe {
            margin-left: var(--space-xxs)
        }

        .x-tft {
            margin-left: var(--space-xs)
        }

        .x-tfn {
            margin-left: var(--space-sm)
        }

        .x-tfr {
            margin-left: var(--space-md)
        }

        .x-tfi {
            margin-left: var(--space-lg)
        }

        .x-tfs {
            margin-left: var(--space-xl)
        }

        .x-tfo {
            margin-left: var(--space-xxl)
        }

        .x-tfu {
            margin-left: var(--space-xxxl)
        }

        .x-tfa {
            margin-left: var(--space-xxxxl)
        }

        .x-tff {
            margin-left: auto
        }

        .x-tfl {
            margin-left: 0
        }

        .x-tfc {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }

        .x-tfh {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }

        .x-tfp {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }

        .x-tfd {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }

        .x-tfv {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }

        .x-tfm {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }

        .x-tfg {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }

        .x-tfy {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }

        .x-tfb {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }

        .x-tfw {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }

        .x-tfx {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }

        .x-tfk {
            margin-left: auto;
            margin-right: auto
        }

        .x-tf_ {
            margin-left: 0;
            margin-right: 0
        }

        .x-tfj {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }

        .x-tfq {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }

        .x-tfz {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }

        .x-tle {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }

        .x-tlt {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }

        .x-tln {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }

        .x-tlr {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }

        .x-tli {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }

        .x-tls {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }

        .x-tlo {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }

        .x-tlu {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }

        .x-tla {
            margin-top: auto;
            margin-bottom: auto
        }

        .x-tlf {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    @supports(--css:variables) {
        .x-tll {
            padding: var(--space-xxxxs)
        }

        .x-tlc {
            padding: var(--space-xxxs)
        }

        .x-tlh {
            padding: var(--space-xxs)
        }

        .x-tlp {
            padding: var(--space-xs)
        }

        .x-tld {
            padding: var(--space-sm)
        }

        .x-tlv {
            padding: var(--space-md)
        }

        .x-tlm {
            padding: var(--space-lg)
        }

        .x-tlg {
            padding: var(--space-xl)
        }

        .x-tly {
            padding: var(--space-xxl)
        }

        .x-tlb {
            padding: var(--space-xxxl)
        }

        .x-tlw {
            padding: var(--space-xxxxl)
        }

        .x-tlx {
            padding: 0
        }

        .x-tlk {
            padding: var(--component-padding)
        }

        .x-tl_ {
            padding-top: var(--space-xxxxs)
        }

        .x-tlj {
            padding-top: var(--space-xxxs)
        }

        .x-tlq {
            padding-top: var(--space-xxs)
        }

        .x-tlz {
            padding-top: var(--space-xs)
        }

        .x-tce {
            padding-top: var(--space-sm)
        }

        .x-tct {
            padding-top: var(--space-md)
        }

        .x-tcn {
            padding-top: var(--space-lg)
        }

        .x-tcr {
            padding-top: var(--space-xl)
        }

        .x-tci {
            padding-top: var(--space-xxl)
        }

        .x-tcs {
            padding-top: var(--space-xxxl)
        }

        .x-tco {
            padding-top: var(--space-xxxxl)
        }

        .x-tcu {
            padding-top: 0
        }

        .x-tca {
            padding-top: var(--component-padding)
        }

        .x-tcf {
            padding-bottom: var(--space-xxxxs)
        }

        .x-tcl {
            padding-bottom: var(--space-xxxs)
        }

        .x-tcc {
            padding-bottom: var(--space-xxs)
        }

        .x-tch {
            padding-bottom: var(--space-xs)
        }

        .x-tcp {
            padding-bottom: var(--space-sm)
        }

        .x-tcd {
            padding-bottom: var(--space-md)
        }

        .x-tcv {
            padding-bottom: var(--space-lg)
        }

        .x-tcm {
            padding-bottom: var(--space-xl)
        }

        .x-tcg {
            padding-bottom: var(--space-xxl)
        }

        .x-tcy {
            padding-bottom: var(--space-xxxl)
        }

        .x-tcb {
            padding-bottom: var(--space-xxxxl)
        }

        .x-tcw {
            padding-bottom: 0
        }

        .x-tcx {
            padding-bottom: var(--component-padding)
        }

        .x-tck {
            padding-right: var(--space-xxxxs)
        }

        .x-tc_ {
            padding-right: var(--space-xxxs)
        }

        .x-tcj {
            padding-right: var(--space-xxs)
        }

        .x-tcq {
            padding-right: var(--space-xs)
        }

        .x-tcz {
            padding-right: var(--space-sm)
        }

        .x-the {
            padding-right: var(--space-md)
        }

        .x-tht {
            padding-right: var(--space-lg)
        }

        .x-thn {
            padding-right: var(--space-xl)
        }

        .x-thr {
            padding-right: var(--space-xxl)
        }

        .x-thi {
            padding-right: var(--space-xxxl)
        }

        .x-ths {
            padding-right: var(--space-xxxxl)
        }

        .x-tho {
            padding-right: 0
        }

        .x-thu {
            padding-right: var(--component-padding)
        }

        .x-tha {
            padding-left: var(--space-xxxxs)
        }

        .x-thf {
            padding-left: var(--space-xxxs)
        }

        .x-thl {
            padding-left: var(--space-xxs)
        }

        .x-thc {
            padding-left: var(--space-xs)
        }

        .x-thh {
            padding-left: var(--space-sm)
        }

        .x-thp {
            padding-left: var(--space-md)
        }

        .x-thd {
            padding-left: var(--space-lg)
        }

        .x-thv {
            padding-left: var(--space-xl)
        }

        .x-thm {
            padding-left: var(--space-xxl)
        }

        .x-thg {
            padding-left: var(--space-xxxl)
        }

        .x-thy {
            padding-left: var(--space-xxxxl)
        }

        .x-thb {
            padding-left: 0
        }

        .x-thw {
            padding-left: var(--component-padding)
        }

        .x-thx {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }

        .x-thk {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }

        .x-th_ {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }

        .x-thj {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }

        .x-thq {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }

        .x-thz {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }

        .x-tpe {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }

        .x-tpt {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }

        .x-tpn {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }

        .x-tpr {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }

        .x-tpi {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }

        .x-tps {
            padding-left: 0;
            padding-right: 0
        }

        .x-tpo {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }

        .x-tpu {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }

        .x-tpa {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }

        .x-tpf {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }

        .x-tpl {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }

        .x-tpc {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }

        .x-tph {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }

        .x-tpp {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }

        .x-tpd {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }

        .x-tpv {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }

        .x-tpm {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }

        .x-tpg {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }

        .x-tpy {
            padding-top: 0;
            padding-bottom: 0
        }

        .x-tpb {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }

    .x-tpw {
        text-align: center
    }

    .x-tpx {
        text-align: left
    }

    .x-tpk {
        text-align: right
    }

    .x-tp_ {
        text-align: justify
    }

    @supports(--css:variables) {
        .x-tpj {
            font-size: var(--text-xs, 0.694em)
        }

        .x-tpq {
            font-size: var(--text-sm, 0.833em)
        }

        .x-tpz {
            font-size: var(--text-unit, 1em)
        }

        .x-tde {
            font-size: var(--text-md, 1.2em)
        }

        .x-tdt {
            font-size: var(--text-lg, 1.44em)
        }

        .x-tdn {
            font-size: var(--text-xl, 1.728em)
        }

        .x-tdr {
            font-size: var(--text-xxl, 2.074em)
        }

        .x-tdi {
            font-size: var(--text-xxxl, 2.488em)
        }

        .x-tds {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }

    @supports(--css:variables) {
        .x-tdo {
            width: var(--size-xxxxs, 0.25rem)
        }

        .x-tdu {
            width: var(--size-xxxs, 0.5rem)
        }

        .x-tda {
            width: var(--size-xxs, 0.75rem)
        }

        .x-tdf {
            width: var(--size-xs, 1rem)
        }

        .x-tdl {
            width: var(--size-sm, 1.5rem)
        }

        .x-tdc {
            width: var(--size-md, 2rem)
        }

        .x-tdh {
            width: var(--size-lg, 3rem)
        }

        .x-tdp {
            width: var(--size-xl, 4rem)
        }

        .x-tdd {
            width: var(--size-xxl, 6rem)
        }

        .x-tdv {
            width: var(--size-xxxl, 8rem)
        }

        .x-tdm {
            width: var(--size-xxxxl, 16rem)
        }
    }

    .x-tdg {
        width: 0
    }

    .x-tdy {
        width: 10%
    }

    .x-tdb {
        width: 20%
    }

    .x-tdw {
        width: 25%
    }

    .x-tdx {
        width: 30%
    }

    .x-tdk {
        width: calc(100%/3)
    }

    .x-td_ {
        width: 40%
    }

    .x-tdj {
        width: 50%
    }

    .x-tdq {
        width: 60%
    }

    .x-tdz {
        width: calc(100%/1.5)
    }

    .x-tve {
        width: 70%
    }

    .x-tvt {
        width: 75%
    }

    .x-tvn {
        width: 80%
    }

    .x-tvr {
        width: 90%
    }

    .x-tvi {
        width: 100%
    }

    .x-tvs {
        width: 100vw
    }

    .x-tvo {
        width: auto
    }

    @supports(--css:variables) {
        .x-tvu {
            height: var(--size-xxxxs, 0.25rem)
        }

        .x-tva {
            height: var(--size-xxxs, 0.5rem)
        }

        .x-tvf {
            height: var(--size-xxs, 0.75rem)
        }

        .x-tvl {
            height: var(--size-xs, 1rem)
        }

        .x-tvc {
            height: var(--size-sm, 1.5rem)
        }

        .x-tvh {
            height: var(--size-md, 2rem)
        }

        .x-tvp {
            height: var(--size-lg, 3rem)
        }

        .x-tvd {
            height: var(--size-xl, 4rem)
        }

        .x-tvv {
            height: var(--size-xxl, 6rem)
        }

        .x-tvm {
            height: var(--size-xxxl, 8rem)
        }

        .x-tvg {
            height: var(--size-xxxxl, 16rem)
        }
    }

    .x-tvy {
        height: 0
    }

    .x-tvb {
        height: 10%
    }

    .x-tvw {
        height: 20%
    }

    .x-tvx {
        height: 25%
    }

    .x-tvk {
        height: 30%
    }

    .x-tv_ {
        height: calc(100%/3)
    }

    .x-tvj {
        height: 40%
    }

    .x-tvq {
        height: 50%
    }

    .x-tvz {
        height: 60%
    }

    .x-tme {
        height: calc(100%/1.5)
    }

    .x-tmt {
        height: 70%
    }

    .x-tmn {
        height: 75%
    }

    .x-tmr {
        height: 80%
    }

    .x-tmi {
        height: 90%
    }

    .x-tms {
        height: 100%
    }

    .x-tmo {
        height: 100vh
    }

    .x-tmu {
        height: auto
    }

    .x-tma {
        position: relative
    }

    .x-tmf {
        position: absolute
    }

    .x-tml {
        position: fixed
    }

    .x-tmc {
        position: -webkit-sticky;
        position: sticky
    }

    .x-tmh {
        position: static
    }

    .x-tmp {
        top: 0
    }

    .x-tmd {
        top: 50%
    }

    .x-tmv {
        bottom: 0
    }

    .x-tmm {
        bottom: 50%
    }

    .x-tmg {
        left: 0
    }

    .x-tmy {
        left: 50%
    }

    .x-tmb {
        right: 0
    }

    .x-tmw {
        right: 50%
    }

    .x-tmx {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .x-tmk {
        overflow: hidden
    }

    .x-tm_ {
        overflow: auto
    }

    .x-tmj {
        -webkit-overflow-scrolling: touch
    }

    .x-tmq {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .x-tmz {
        display: none !important
    }
}

@media not all and (min-width:48rem) {
    .x-tge {
        margin: 0 !important
    }

    .x-tgt {
        padding: 0 !important
    }

    .x-tgn {
        display: none !important
    }
}

@media(min-width:64rem) {
    .x-tgr {
        display: flex
    }

    .x-tgi {
        display: inline-flex
    }

    .x-tgs {
        flex-wrap: wrap
    }

    .x-tgo {
        flex-direction: column
    }

    .x-tgu {
        flex-direction: column-reverse
    }

    .x-tga {
        flex-direction: row
    }

    .x-tgf {
        flex-direction: row-reverse
    }

    .x-tgl {
        justify-content: center;
        align-items: center
    }

    .x-tgc {
        flex-grow: 1
    }

    .x-tgh {
        flex-grow: 0
    }

    .x-tgp {
        flex-shrink: 1
    }

    .x-tgd {
        flex-shrink: 0
    }

    .x-tgv {
        flex-basis: 0
    }

    .x-tgm {
        justify-content: flex-start
    }

    .x-tgg {
        justify-content: flex-end
    }

    .x-tgy {
        justify-content: center
    }

    .x-tgb {
        justify-content: space-between
    }

    .x-tgw {
        align-items: center
    }

    .x-tgx {
        align-items: flex-start
    }

    .x-tgk {
        align-items: flex-end
    }

    .x-tg_ {
        align-items: baseline
    }

    .x-tgj {
        order: 1
    }

    .x-tgq {
        order: 2
    }

    .x-tgz {
        order: 3
    }

    .x-tye {
        display: block
    }

    .x-tyt {
        display: inline-block
    }

    .x-tyn {
        display: inline
    }

    @supports(--css:variables) {
        .x-tyr {
            margin: var(--space-xxxxs)
        }

        .x-tyi {
            margin: var(--space-xxxs)
        }

        .x-tys {
            margin: var(--space-xxs)
        }

        .x-tyo {
            margin: var(--space-xs)
        }

        .x-tyu {
            margin: var(--space-sm)
        }

        .x-tya {
            margin: var(--space-md)
        }

        .x-tyf {
            margin: var(--space-lg)
        }

        .x-tyl {
            margin: var(--space-xl)
        }

        .x-tyc {
            margin: var(--space-xxl)
        }

        .x-tyh {
            margin: var(--space-xxxl)
        }

        .x-typ {
            margin: var(--space-xxxxl)
        }

        .x-tyd {
            margin: auto
        }

        .x-tyv {
            margin: 0
        }

        .x-tym {
            margin-top: var(--space-xxxxs)
        }

        .x-tyg {
            margin-top: var(--space-xxxs)
        }

        .x-tyy {
            margin-top: var(--space-xxs)
        }

        .x-tyb {
            margin-top: var(--space-xs)
        }

        .x-tyw {
            margin-top: var(--space-sm)
        }

        .x-tyx {
            margin-top: var(--space-md)
        }

        .x-tyk {
            margin-top: var(--space-lg)
        }

        .x-ty_ {
            margin-top: var(--space-xl)
        }

        .x-tyj {
            margin-top: var(--space-xxl)
        }

        .x-tyq {
            margin-top: var(--space-xxxl)
        }

        .x-tyz {
            margin-top: var(--space-xxxxl)
        }

        .x-tbe {
            margin-top: auto
        }

        .x-tbt {
            margin-top: 0
        }

        .x-tbn {
            margin-bottom: var(--space-xxxxs)
        }

        .x-tbr {
            margin-bottom: var(--space-xxxs)
        }

        .x-tbi {
            margin-bottom: var(--space-xxs)
        }

        .x-tbs {
            margin-bottom: var(--space-xs)
        }

        .x-tbo {
            margin-bottom: var(--space-sm)
        }

        .x-tbu {
            margin-bottom: var(--space-md)
        }

        .x-tba {
            margin-bottom: var(--space-lg)
        }

        .x-tbf {
            margin-bottom: var(--space-xl)
        }

        .x-tbl {
            margin-bottom: var(--space-xxl)
        }

        .x-tbc {
            margin-bottom: var(--space-xxxl)
        }

        .x-tbh {
            margin-bottom: var(--space-xxxxl)
        }

        .x-tbp {
            margin-bottom: auto
        }

        .x-tbd {
            margin-bottom: 0
        }

        .x-tbv {
            margin-right: var(--space-xxxxs)
        }

        .x-tbm {
            margin-right: var(--space-xxxs)
        }

        .x-tbg {
            margin-right: var(--space-xxs)
        }

        .x-tby {
            margin-right: var(--space-xs)
        }

        .x-tbb {
            margin-right: var(--space-sm)
        }

        .x-tbw {
            margin-right: var(--space-md)
        }

        .x-tbx {
            margin-right: var(--space-lg)
        }

        .x-tbk {
            margin-right: var(--space-xl)
        }

        .x-tb_ {
            margin-right: var(--space-xxl)
        }

        .x-tbj {
            margin-right: var(--space-xxxl)
        }

        .x-tbq {
            margin-right: var(--space-xxxxl)
        }

        .x-tbz {
            margin-right: auto
        }

        .x-twe {
            margin-right: 0
        }

        .x-twt {
            margin-left: var(--space-xxxxs)
        }

        .x-twn {
            margin-left: var(--space-xxxs)
        }

        .x-twr {
            margin-left: var(--space-xxs)
        }

        .x-twi {
            margin-left: var(--space-xs)
        }

        .x-tws {
            margin-left: var(--space-sm)
        }

        .x-two {
            margin-left: var(--space-md)
        }

        .x-twu {
            margin-left: var(--space-lg)
        }

        .x-twa {
            margin-left: var(--space-xl)
        }

        .x-twf {
            margin-left: var(--space-xxl)
        }

        .x-twl {
            margin-left: var(--space-xxxl)
        }

        .x-twc {
            margin-left: var(--space-xxxxl)
        }

        .x-twh {
            margin-left: auto
        }

        .x-twp {
            margin-left: 0
        }

        .x-twd {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }

        .x-twv {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }

        .x-twm {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }

        .x-twg {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }

        .x-twy {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }

        .x-twb {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }

        .x-tww {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }

        .x-twx {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }

        .x-twk {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }

        .x-tw_ {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }

        .x-twj {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }

        .x-twq {
            margin-left: auto;
            margin-right: auto
        }

        .x-twz {
            margin-left: 0;
            margin-right: 0
        }

        .x-txe {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }

        .x-txt {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }

        .x-txn {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }

        .x-txr {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }

        .x-txi {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }

        .x-txs {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }

        .x-txo {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }

        .x-txu {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }

        .x-txa {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }

        .x-txf {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }

        .x-txl {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }

        .x-txc {
            margin-top: auto;
            margin-bottom: auto
        }

        .x-txh {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    @supports(--css:variables) {
        .x-txp {
            padding: var(--space-xxxxs)
        }

        .x-txd {
            padding: var(--space-xxxs)
        }

        .x-txv {
            padding: var(--space-xxs)
        }

        .x-txm {
            padding: var(--space-xs)
        }

        .x-txg {
            padding: var(--space-sm)
        }

        .x-txy {
            padding: var(--space-md)
        }

        .x-txb {
            padding: var(--space-lg)
        }

        .x-txw {
            padding: var(--space-xl)
        }

        .x-txx {
            padding: var(--space-xxl)
        }

        .x-txk {
            padding: var(--space-xxxl)
        }

        .x-tx_ {
            padding: var(--space-xxxxl)
        }

        .x-txj {
            padding: 0
        }

        .x-txq {
            padding: var(--component-padding)
        }

        .x-txz {
            padding-top: var(--space-xxxxs)
        }

        .x-tke {
            padding-top: var(--space-xxxs)
        }

        .x-tkt {
            padding-top: var(--space-xxs)
        }

        .x-tkn {
            padding-top: var(--space-xs)
        }

        .x-tkr {
            padding-top: var(--space-sm)
        }

        .x-tki {
            padding-top: var(--space-md)
        }

        .x-tks {
            padding-top: var(--space-lg)
        }

        .x-tko {
            padding-top: var(--space-xl)
        }

        .x-tku {
            padding-top: var(--space-xxl)
        }

        .x-tka {
            padding-top: var(--space-xxxl)
        }

        .x-tkf {
            padding-top: var(--space-xxxxl)
        }

        .x-tkl {
            padding-top: 0
        }

        .x-tkc {
            padding-top: var(--component-padding)
        }

        .x-tkh {
            padding-bottom: var(--space-xxxxs)
        }

        .x-tkp {
            padding-bottom: var(--space-xxxs)
        }

        .x-tkd {
            padding-bottom: var(--space-xxs)
        }

        .x-tkv {
            padding-bottom: var(--space-xs)
        }

        .x-tkm {
            padding-bottom: var(--space-sm)
        }

        .x-tkg {
            padding-bottom: var(--space-md)
        }

        .x-tky {
            padding-bottom: var(--space-lg)
        }

        .x-tkb {
            padding-bottom: var(--space-xl)
        }

        .x-tkw {
            padding-bottom: var(--space-xxl)
        }

        .x-tkx {
            padding-bottom: var(--space-xxxl)
        }

        .x-tkk {
            padding-bottom: var(--space-xxxxl)
        }

        .x-tk_ {
            padding-bottom: 0
        }

        .x-tkj {
            padding-bottom: var(--component-padding)
        }

        .x-tkq {
            padding-right: var(--space-xxxxs)
        }

        .x-tkz {
            padding-right: var(--space-xxxs)
        }

        .x-t_e {
            padding-right: var(--space-xxs)
        }

        .x-t_t {
            padding-right: var(--space-xs)
        }

        .x-t_n {
            padding-right: var(--space-sm)
        }

        .x-t_r {
            padding-right: var(--space-md)
        }

        .x-t_i {
            padding-right: var(--space-lg)
        }

        .x-t_s {
            padding-right: var(--space-xl)
        }

        .x-t_o {
            padding-right: var(--space-xxl)
        }

        .x-t_u {
            padding-right: var(--space-xxxl)
        }

        .x-t_a {
            padding-right: var(--space-xxxxl)
        }

        .x-t_f {
            padding-right: 0
        }

        .x-t_l {
            padding-right: var(--component-padding)
        }

        .x-t_c {
            padding-left: var(--space-xxxxs)
        }

        .x-t_h {
            padding-left: var(--space-xxxs)
        }

        .x-t_p {
            padding-left: var(--space-xxs)
        }

        .x-t_d {
            padding-left: var(--space-xs)
        }

        .x-t_v {
            padding-left: var(--space-sm)
        }

        .x-t_m {
            padding-left: var(--space-md)
        }

        .x-t_g {
            padding-left: var(--space-lg)
        }

        .x-t_y {
            padding-left: var(--space-xl)
        }

        .x-t_b {
            padding-left: var(--space-xxl)
        }

        .x-t_w {
            padding-left: var(--space-xxxl)
        }

        .x-t_x {
            padding-left: var(--space-xxxxl)
        }

        .x-t_k {
            padding-left: 0
        }

        .x-t__ {
            padding-left: var(--component-padding)
        }

        .x-t_j {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }

        .x-t_q {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }

        .x-t_z {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }

        .x-tje {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }

        .x-tjt {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }

        .x-tjn {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }

        .x-tjr {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }

        .x-tji {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }

        .x-tjs {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }

        .x-tjo {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }

        .x-tju {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }

        .x-tja {
            padding-left: 0;
            padding-right: 0
        }

        .x-tjf {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }

        .x-tjl {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }

        .x-tjc {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }

        .x-tjh {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }

        .x-tjp {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }

        .x-tjd {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }

        .x-tjv {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }

        .x-tjm {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }

        .x-tjg {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }

        .x-tjy {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }

        .x-tjb {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }

        .x-tjw {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }

        .x-tjx {
            padding-top: 0;
            padding-bottom: 0
        }

        .x-tjk {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }

    .x-tj_ {
        text-align: center
    }

    .x-tjj {
        text-align: left
    }

    .x-tjq {
        text-align: right
    }

    .x-tjz {
        text-align: justify
    }

    @supports(--css:variables) {
        .x-tqe {
            font-size: var(--text-xs, 0.694em)
        }

        .x-tqt {
            font-size: var(--text-sm, 0.833em)
        }

        .x-tqn {
            font-size: var(--text-unit, 1em)
        }

        .x-tqr {
            font-size: var(--text-md, 1.2em)
        }

        .x-tqi {
            font-size: var(--text-lg, 1.44em)
        }

        .x-tqs {
            font-size: var(--text-xl, 1.728em)
        }

        .x-tqo {
            font-size: var(--text-xxl, 2.074em)
        }

        .x-tqu {
            font-size: var(--text-xxxl, 2.488em)
        }

        .x-tqa {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }

    @supports(--css:variables) {
        .x-tqf {
            width: var(--size-xxxxs, 0.25rem)
        }

        .x-tql {
            width: var(--size-xxxs, 0.5rem)
        }

        .x-tqc {
            width: var(--size-xxs, 0.75rem)
        }

        .x-tqh {
            width: var(--size-xs, 1rem)
        }

        .x-tqp {
            width: var(--size-sm, 1.5rem)
        }

        .x-tqd {
            width: var(--size-md, 2rem)
        }

        .x-tqv {
            width: var(--size-lg, 3rem)
        }

        .x-tqm {
            width: var(--size-xl, 4rem)
        }

        .x-tqg {
            width: var(--size-xxl, 6rem)
        }

        .x-tqy {
            width: var(--size-xxxl, 8rem)
        }

        .x-tqb {
            width: var(--size-xxxxl, 16rem)
        }
    }

    .x-tqw {
        width: 0
    }

    .x-tqx {
        width: 10%
    }

    .x-tqk {
        width: 20%
    }

    .x-tq_ {
        width: 25%
    }

    .x-tqj {
        width: 30%
    }

    .x-tqq {
        width: calc(100%/3)
    }

    .x-tqz {
        width: 40%
    }

    .x-tze {
        width: 50%
    }

    .x-tzt {
        width: 60%
    }

    .x-tzn {
        width: calc(100%/1.5)
    }

    .x-tzr {
        width: 70%
    }

    .x-tzi {
        width: 75%
    }

    .x-tzs {
        width: 80%
    }

    .x-tzo {
        width: 90%
    }

    .x-tzu {
        width: 100%
    }

    .x-tza {
        width: 100vw
    }

    .x-tzf {
        width: auto
    }

    @supports(--css:variables) {
        .x-tzl {
            height: var(--size-xxxxs, 0.25rem)
        }

        .x-tzc {
            height: var(--size-xxxs, 0.5rem)
        }

        .x-tzh {
            height: var(--size-xxs, 0.75rem)
        }

        .x-tzp {
            height: var(--size-xs, 1rem)
        }

        .x-tzd {
            height: var(--size-sm, 1.5rem)
        }

        .x-tzv {
            height: var(--size-md, 2rem)
        }

        .x-tzm {
            height: var(--size-lg, 3rem)
        }

        .x-tzg {
            height: var(--size-xl, 4rem)
        }

        .x-tzy {
            height: var(--size-xxl, 6rem)
        }

        .x-tzb {
            height: var(--size-xxxl, 8rem)
        }

        .x-tzw {
            height: var(--size-xxxxl, 16rem)
        }
    }

    .x-tzx {
        height: 0
    }

    .x-tzk {
        height: 10%
    }

    .x-tz_ {
        height: 20%
    }

    .x-tzj {
        height: 25%
    }

    .x-tzq {
        height: 30%
    }

    .x-tzz {
        height: calc(100%/3)
    }

    .x-nee {
        height: 40%
    }

    .x-net {
        height: 50%
    }

    .x-nen {
        height: 60%
    }

    .x-ner {
        height: calc(100%/1.5)
    }

    .x-nei {
        height: 70%
    }

    .x-nes {
        height: 75%
    }

    .x-neo {
        height: 80%
    }

    .x-neu {
        height: 90%
    }

    .x-nea {
        height: 100%
    }

    .x-nef {
        height: 100vh
    }

    .x-nel {
        height: auto
    }

    .x-nec {
        position: relative
    }

    .x-neh {
        position: absolute
    }

    .x-nep {
        position: fixed
    }

    .x-ned {
        position: -webkit-sticky;
        position: sticky
    }

    .x-nev {
        position: static
    }

    .x-nem {
        top: 0
    }

    .x-neg {
        top: 50%
    }

    .x-ney {
        bottom: 0
    }

    .x-neb {
        bottom: 50%
    }

    .x-new {
        left: 0
    }

    .x-nex {
        left: 50%
    }

    .x-nek {
        right: 0
    }

    .x-ne_ {
        right: 50%
    }

    .x-nej {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .x-neq {
        overflow: hidden
    }

    .x-nez {
        overflow: auto
    }

    .x-nte {
        -webkit-overflow-scrolling: touch
    }

    .x-ntt {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .x-ntn {
        display: none !important
    }
}

@media not all and (min-width:64rem) {
    .x-ntr {
        margin: 0 !important
    }

    .x-nti {
        padding: 0 !important
    }

    .x-nts {
        display: none !important
    }
}

@media(min-width:80rem) {
    .x-nto {
        display: flex
    }

    .x-ntu {
        display: inline-flex
    }

    .x-nta {
        flex-wrap: wrap
    }

    .x-ntf {
        flex-direction: column
    }

    .x-ntl {
        flex-direction: column-reverse
    }

    .x-ntc {
        flex-direction: row
    }

    .x-nth {
        flex-direction: row-reverse
    }

    .x-ntp {
        justify-content: center;
        align-items: center
    }

    .x-ntd {
        flex-grow: 1
    }

    .x-ntv {
        flex-grow: 0
    }

    .x-ntm {
        flex-shrink: 1
    }

    .x-ntg {
        flex-shrink: 0
    }

    .x-nty {
        flex-basis: 0
    }

    .x-ntb {
        justify-content: flex-start
    }

    .x-ntw {
        justify-content: flex-end
    }

    .x-ntx {
        justify-content: center
    }

    .x-ntk {
        justify-content: space-between
    }

    .x-nt_ {
        align-items: center
    }

    .x-ntj {
        align-items: flex-start
    }

    .x-ntq {
        align-items: flex-end
    }

    .x-ntz {
        align-items: baseline
    }

    .x-nne {
        order: 1
    }

    .x-nnt {
        order: 2
    }

    .x-nnn {
        order: 3
    }

    .x-nnr {
        display: block
    }

    .x-nni {
        display: inline-block
    }

    .x-nns {
        display: inline
    }

    @supports(--css:variables) {
        .x-nno {
            margin: var(--space-xxxxs)
        }

        .x-nnu {
            margin: var(--space-xxxs)
        }

        .x-nna {
            margin: var(--space-xxs)
        }

        .x-nnf {
            margin: var(--space-xs)
        }

        .x-nnl {
            margin: var(--space-sm)
        }

        .x-nnc {
            margin: var(--space-md)
        }

        .x-nnh {
            margin: var(--space-lg)
        }

        .x-nnp {
            margin: var(--space-xl)
        }

        .x-nnd {
            margin: var(--space-xxl)
        }

        .x-nnv {
            margin: var(--space-xxxl)
        }

        .x-nnm {
            margin: var(--space-xxxxl)
        }

        .x-nng {
            margin: auto
        }

        .x-nny {
            margin: 0
        }

        .x-nnb {
            margin-top: var(--space-xxxxs)
        }

        .x-nnw {
            margin-top: var(--space-xxxs)
        }

        .x-nnx {
            margin-top: var(--space-xxs)
        }

        .x-nnk {
            margin-top: var(--space-xs)
        }

        .x-nn_ {
            margin-top: var(--space-sm)
        }

        .x-nnj {
            margin-top: var(--space-md)
        }

        .x-nnq {
            margin-top: var(--space-lg)
        }

        .x-nnz {
            margin-top: var(--space-xl)
        }

        .x-nre {
            margin-top: var(--space-xxl)
        }

        .x-nrt {
            margin-top: var(--space-xxxl)
        }

        .x-nrn {
            margin-top: var(--space-xxxxl)
        }

        .x-nrr {
            margin-top: auto
        }

        .x-nri {
            margin-top: 0
        }

        .x-nrs {
            margin-bottom: var(--space-xxxxs)
        }

        .x-nro {
            margin-bottom: var(--space-xxxs)
        }

        .x-nru {
            margin-bottom: var(--space-xxs)
        }

        .x-nra {
            margin-bottom: var(--space-xs)
        }

        .x-nrf {
            margin-bottom: var(--space-sm)
        }

        .x-nrl {
            margin-bottom: var(--space-md)
        }

        .x-nrc {
            margin-bottom: var(--space-lg)
        }

        .x-nrh {
            margin-bottom: var(--space-xl)
        }

        .x-nrp {
            margin-bottom: var(--space-xxl)
        }

        .x-nrd {
            margin-bottom: var(--space-xxxl)
        }

        .x-nrv {
            margin-bottom: var(--space-xxxxl)
        }

        .x-nrm {
            margin-bottom: auto
        }

        .x-nrg {
            margin-bottom: 0
        }

        .x-nry {
            margin-right: var(--space-xxxxs)
        }

        .x-nrb {
            margin-right: var(--space-xxxs)
        }

        .x-nrw {
            margin-right: var(--space-xxs)
        }

        .x-nrx {
            margin-right: var(--space-xs)
        }

        .x-nrk {
            margin-right: var(--space-sm)
        }

        .x-nr_ {
            margin-right: var(--space-md)
        }

        .x-nrj {
            margin-right: var(--space-lg)
        }

        .x-nrq {
            margin-right: var(--space-xl)
        }

        .x-nrz {
            margin-right: var(--space-xxl)
        }

        .x-nie {
            margin-right: var(--space-xxxl)
        }

        .x-nit {
            margin-right: var(--space-xxxxl)
        }

        .x-nin {
            margin-right: auto
        }

        .x-nir {
            margin-right: 0
        }

        .x-nii {
            margin-left: var(--space-xxxxs)
        }

        .x-nis {
            margin-left: var(--space-xxxs)
        }

        .x-nio {
            margin-left: var(--space-xxs)
        }

        .x-niu {
            margin-left: var(--space-xs)
        }

        .x-nia {
            margin-left: var(--space-sm)
        }

        .x-nif {
            margin-left: var(--space-md)
        }

        .x-nil {
            margin-left: var(--space-lg)
        }

        .x-nic {
            margin-left: var(--space-xl)
        }

        .x-nih {
            margin-left: var(--space-xxl)
        }

        .x-nip {
            margin-left: var(--space-xxxl)
        }

        .x-nid {
            margin-left: var(--space-xxxxl)
        }

        .x-niv {
            margin-left: auto
        }

        .x-nim {
            margin-left: 0
        }

        .x-nig {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }

        .x-niy {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }

        .x-nib {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }

        .x-niw {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }

        .x-nix {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }

        .x-nik {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }

        .x-ni_ {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }

        .x-nij {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }

        .x-niq {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }

        .x-niz {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }

        .x-nse {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }

        .x-nst {
            margin-left: auto;
            margin-right: auto
        }

        .x-nsn {
            margin-left: 0;
            margin-right: 0
        }

        .x-nsr {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }

        .x-nsi {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }

        .x-nss {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }

        .x-nso {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }

        .x-nsu {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }

        .x-nsa {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }

        .x-nsf {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }

        .x-nsl {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }

        .x-nsc {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }

        .x-nsh {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }

        .x-nsp {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }

        .x-nsd {
            margin-top: auto;
            margin-bottom: auto
        }

        .x-nsv {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    @supports(--css:variables) {
        .x-nsm {
            padding: var(--space-xxxxs)
        }

        .x-nsg {
            padding: var(--space-xxxs)
        }

        .x-nsy {
            padding: var(--space-xxs)
        }

        .x-nsb {
            padding: var(--space-xs)
        }

        .x-nsw {
            padding: var(--space-sm)
        }

        .x-nsx {
            padding: var(--space-md)
        }

        .x-nsk {
            padding: var(--space-lg)
        }

        .x-ns_ {
            padding: var(--space-xl)
        }

        .x-nsj {
            padding: var(--space-xxl)
        }

        .x-nsq {
            padding: var(--space-xxxl)
        }

        .x-nsz {
            padding: var(--space-xxxxl)
        }

        .x-noe {
            padding: 0
        }

        .x-not {
            padding: var(--component-padding)
        }

        .x-non {
            padding-top: var(--space-xxxxs)
        }

        .x-nor {
            padding-top: var(--space-xxxs)
        }

        .x-noi {
            padding-top: var(--space-xxs)
        }

        .x-nos {
            padding-top: var(--space-xs)
        }

        .x-noo {
            padding-top: var(--space-sm)
        }

        .x-nou {
            padding-top: var(--space-md)
        }

        .x-noa {
            padding-top: var(--space-lg)
        }

        .x-nof {
            padding-top: var(--space-xl)
        }

        .x-nol {
            padding-top: var(--space-xxl)
        }

        .x-noc {
            padding-top: var(--space-xxxl)
        }

        .x-noh {
            padding-top: var(--space-xxxxl)
        }

        .x-nop {
            padding-top: 0
        }

        .x-nod {
            padding-top: var(--component-padding)
        }

        .x-nov {
            padding-bottom: var(--space-xxxxs)
        }

        .x-nom {
            padding-bottom: var(--space-xxxs)
        }

        .x-nog {
            padding-bottom: var(--space-xxs)
        }

        .x-noy {
            padding-bottom: var(--space-xs)
        }

        .x-nob {
            padding-bottom: var(--space-sm)
        }

        .x-now {
            padding-bottom: var(--space-md)
        }

        .x-nox {
            padding-bottom: var(--space-lg)
        }

        .x-nok {
            padding-bottom: var(--space-xl)
        }

        .x-no_ {
            padding-bottom: var(--space-xxl)
        }

        .x-noj {
            padding-bottom: var(--space-xxxl)
        }

        .x-noq {
            padding-bottom: var(--space-xxxxl)
        }

        .x-noz {
            padding-bottom: 0
        }

        .x-nue {
            padding-bottom: var(--component-padding)
        }

        .x-nut {
            padding-right: var(--space-xxxxs)
        }

        .x-nun {
            padding-right: var(--space-xxxs)
        }

        .x-nur {
            padding-right: var(--space-xxs)
        }

        .x-nui {
            padding-right: var(--space-xs)
        }

        .x-nus {
            padding-right: var(--space-sm)
        }

        .x-nuo {
            padding-right: var(--space-md)
        }

        .x-nuu {
            padding-right: var(--space-lg)
        }

        .x-nua {
            padding-right: var(--space-xl)
        }

        .x-nuf {
            padding-right: var(--space-xxl)
        }

        .x-nul {
            padding-right: var(--space-xxxl)
        }

        .x-nuc {
            padding-right: var(--space-xxxxl)
        }

        .x-nuh {
            padding-right: 0
        }

        .x-nup {
            padding-right: var(--component-padding)
        }

        .x-nud {
            padding-left: var(--space-xxxxs)
        }

        .x-nuv {
            padding-left: var(--space-xxxs)
        }

        .x-num {
            padding-left: var(--space-xxs)
        }

        .x-nug {
            padding-left: var(--space-xs)
        }

        .x-nuy {
            padding-left: var(--space-sm)
        }

        .x-nub {
            padding-left: var(--space-md)
        }

        .x-nuw {
            padding-left: var(--space-lg)
        }

        .x-nux {
            padding-left: var(--space-xl)
        }

        .x-nuk {
            padding-left: var(--space-xxl)
        }

        .x-nu_ {
            padding-left: var(--space-xxxl)
        }

        .x-nuj {
            padding-left: var(--space-xxxxl)
        }

        .x-nuq {
            padding-left: 0
        }

        .x-nuz {
            padding-left: var(--component-padding)
        }

        .x-nae {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }

        .x-nat {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }

        .x-nan {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }

        .x-nar {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }

        .x-nai {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }

        .x-nas {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }

        .x-nao {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }

        .x-nau {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }

        .x-naa {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }

        .x-naf {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }

        .x-nal {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }

        .x-nac {
            padding-left: 0;
            padding-right: 0
        }

        .x-nah {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }

        .x-nap {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }

        .x-nad {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }

        .x-nav {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }

        .x-nam {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }

        .x-nag {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }

        .x-nay {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }

        .x-nab {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }

        .x-naw {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }

        .x-nax {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }

        .x-nak {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }

        .x-na_ {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }

        .x-naj {
            padding-top: 0;
            padding-bottom: 0
        }

        .x-naq {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }

    .x-naz {
        text-align: center
    }

    .x-nfe {
        text-align: left
    }

    .x-nft {
        text-align: right
    }

    .x-nfn {
        text-align: justify
    }

    @supports(--css:variables) {
        .x-nfr {
            font-size: var(--text-xs, 0.694em)
        }

        .x-nfi {
            font-size: var(--text-sm, 0.833em)
        }

        .x-nfs {
            font-size: var(--text-unit, 1em)
        }

        .x-nfo {
            font-size: var(--text-md, 1.2em)
        }

        .x-nfu {
            font-size: var(--text-lg, 1.44em)
        }

        .x-nfa {
            font-size: var(--text-xl, 1.728em)
        }

        .x-nff {
            font-size: var(--text-xxl, 2.074em)
        }

        .x-nfl {
            font-size: var(--text-xxxl, 2.488em)
        }

        .x-nfc {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }

    @supports(--css:variables) {
        .x-nfh {
            width: var(--size-xxxxs, 0.25rem)
        }

        .x-nfp {
            width: var(--size-xxxs, 0.5rem)
        }

        .x-nfd {
            width: var(--size-xxs, 0.75rem)
        }

        .x-nfv {
            width: var(--size-xs, 1rem)
        }

        .x-nfm {
            width: var(--size-sm, 1.5rem)
        }

        .x-nfg {
            width: var(--size-md, 2rem)
        }

        .x-nfy {
            width: var(--size-lg, 3rem)
        }

        .x-nfb {
            width: var(--size-xl, 4rem)
        }

        .x-nfw {
            width: var(--size-xxl, 6rem)
        }

        .x-nfx {
            width: var(--size-xxxl, 8rem)
        }

        .x-nfk {
            width: var(--size-xxxxl, 16rem)
        }
    }

    .x-nf_ {
        width: 0
    }

    .x-nfj {
        width: 10%
    }

    .x-nfq {
        width: 20%
    }

    .x-nfz {
        width: 25%
    }

    .x-nle {
        width: 30%
    }

    .x-nlt {
        width: calc(100%/3)
    }

    .x-nln {
        width: 40%
    }

    .x-nlr {
        width: 50%
    }

    .x-nli {
        width: 60%
    }

    .x-nls {
        width: calc(100%/1.5)
    }

    .x-nlo {
        width: 70%
    }

    .x-nlu {
        width: 75%
    }

    .x-nla {
        width: 80%
    }

    .x-nlf {
        width: 90%
    }

    .x-nll {
        width: 100%
    }

    .x-nlc {
        width: 100vw
    }

    .x-nlh {
        width: auto
    }

    @supports(--css:variables) {
        .x-nlp {
            height: var(--size-xxxxs, 0.25rem)
        }

        .x-nld {
            height: var(--size-xxxs, 0.5rem)
        }

        .x-nlv {
            height: var(--size-xxs, 0.75rem)
        }

        .x-nlm {
            height: var(--size-xs, 1rem)
        }

        .x-nlg {
            height: var(--size-sm, 1.5rem)
        }

        .x-nly {
            height: var(--size-md, 2rem)
        }

        .x-nlb {
            height: var(--size-lg, 3rem)
        }

        .x-nlw {
            height: var(--size-xl, 4rem)
        }

        .x-nlx {
            height: var(--size-xxl, 6rem)
        }

        .x-nlk {
            height: var(--size-xxxl, 8rem)
        }

        .x-nl_ {
            height: var(--size-xxxxl, 16rem)
        }
    }

    .x-nlj {
        height: 0
    }

    .x-nlq {
        height: 10%
    }

    .x-nlz {
        height: 20%
    }

    .x-nce {
        height: 25%
    }

    .x-nct {
        height: 30%
    }

    .x-ncn {
        height: calc(100%/3)
    }

    .x-ncr {
        height: 40%
    }

    .x-nci {
        height: 50%
    }

    .x-ncs {
        height: 60%
    }

    .x-nco {
        height: calc(100%/1.5)
    }

    .x-ncu {
        height: 70%
    }

    .x-nca {
        height: 75%
    }

    .x-ncf {
        height: 80%
    }

    .x-ncl {
        height: 90%
    }

    .x-ncc {
        height: 100%
    }

    .x-nch {
        height: 100vh
    }

    .x-ncp {
        height: auto
    }

    .x-ncd {
        position: relative
    }

    .x-ncv {
        position: absolute
    }

    .x-ncm {
        position: fixed
    }

    .x-ncg {
        position: -webkit-sticky;
        position: sticky
    }

    .x-ncy {
        position: static
    }

    .x-ncb {
        top: 0
    }

    .x-ncw {
        top: 50%
    }

    .x-ncx {
        bottom: 0
    }

    .x-nck {
        bottom: 50%
    }

    .x-nc_ {
        left: 0
    }

    .x-ncj {
        left: 50%
    }

    .x-ncq {
        right: 0
    }

    .x-ncz {
        right: 50%
    }

    .x-nhe {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .x-nht {
        overflow: hidden
    }

    .x-nhn {
        overflow: auto
    }

    .x-nhr {
        -webkit-overflow-scrolling: touch
    }

    .x-nhi {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .x-nhs {
        display: none !important
    }
}

@media not all and (min-width:80rem) {
    .x-nho {
        margin: 0 !important
    }

    .x-nhu {
        padding: 0 !important
    }

    .x-nha {
        display: none !important
    }
}

@media(min-width:90rem) {
    .x-nhf {
        display: flex
    }

    .x-nhl {
        display: inline-flex
    }

    .x-nhc {
        flex-wrap: wrap
    }

    .x-nhh {
        flex-direction: column
    }

    .x-nhp {
        flex-direction: column-reverse
    }

    .x-nhd {
        flex-direction: row
    }

    .x-nhv {
        flex-direction: row-reverse
    }

    .x-nhm {
        justify-content: center;
        align-items: center
    }

    .x-nhg {
        flex-grow: 1
    }

    .x-nhy {
        flex-grow: 0
    }

    .x-nhb {
        flex-shrink: 1
    }

    .x-nhw {
        flex-shrink: 0
    }

    .x-nhx {
        flex-basis: 0
    }

    .x-nhk {
        justify-content: flex-start
    }

    .x-nh_ {
        justify-content: flex-end
    }

    .x-nhj {
        justify-content: center
    }

    .x-nhq {
        justify-content: space-between
    }

    .x-nhz {
        align-items: center
    }

    .x-npe {
        align-items: flex-start
    }

    .x-npt {
        align-items: flex-end
    }

    .x-npn {
        align-items: baseline
    }

    .x-npr {
        order: 1
    }

    .x-npi {
        order: 2
    }

    .x-nps {
        order: 3
    }

    .x-npo {
        display: block
    }

    .x-npu {
        display: inline-block
    }

    .x-npa {
        display: inline
    }

    @supports(--css:variables) {
        .x-npf {
            margin: var(--space-xxxxs)
        }

        .x-npl {
            margin: var(--space-xxxs)
        }

        .x-npc {
            margin: var(--space-xxs)
        }

        .x-nph {
            margin: var(--space-xs)
        }

        .x-npp {
            margin: var(--space-sm)
        }

        .x-npd {
            margin: var(--space-md)
        }

        .x-npv {
            margin: var(--space-lg)
        }

        .x-npm {
            margin: var(--space-xl)
        }

        .x-npg {
            margin: var(--space-xxl)
        }

        .x-npy {
            margin: var(--space-xxxl)
        }

        .x-npb {
            margin: var(--space-xxxxl)
        }

        .x-npw {
            margin: auto
        }

        .x-npx {
            margin: 0
        }

        .x-npk {
            margin-top: var(--space-xxxxs)
        }

        .x-np_ {
            margin-top: var(--space-xxxs)
        }

        .x-npj {
            margin-top: var(--space-xxs)
        }

        .x-npq {
            margin-top: var(--space-xs)
        }

        .x-npz {
            margin-top: var(--space-sm)
        }

        .x-nde {
            margin-top: var(--space-md)
        }

        .x-ndt {
            margin-top: var(--space-lg)
        }

        .x-ndn {
            margin-top: var(--space-xl)
        }

        .x-ndr {
            margin-top: var(--space-xxl)
        }

        .x-ndi {
            margin-top: var(--space-xxxl)
        }

        .x-nds {
            margin-top: var(--space-xxxxl)
        }

        .x-ndo {
            margin-top: auto
        }

        .x-ndu {
            margin-top: 0
        }

        .x-nda {
            margin-bottom: var(--space-xxxxs)
        }

        .x-ndf {
            margin-bottom: var(--space-xxxs)
        }

        .x-ndl {
            margin-bottom: var(--space-xxs)
        }

        .x-ndc {
            margin-bottom: var(--space-xs)
        }

        .x-ndh {
            margin-bottom: var(--space-sm)
        }

        .x-ndp {
            margin-bottom: var(--space-md)
        }

        .x-ndd {
            margin-bottom: var(--space-lg)
        }

        .x-ndv {
            margin-bottom: var(--space-xl)
        }

        .x-ndm {
            margin-bottom: var(--space-xxl)
        }

        .x-ndg {
            margin-bottom: var(--space-xxxl)
        }

        .x-ndy {
            margin-bottom: var(--space-xxxxl)
        }

        .x-ndb {
            margin-bottom: auto
        }

        .x-ndw {
            margin-bottom: 0
        }

        .x-ndx {
            margin-right: var(--space-xxxxs)
        }

        .x-ndk {
            margin-right: var(--space-xxxs)
        }

        .x-nd_ {
            margin-right: var(--space-xxs)
        }

        .x-ndj {
            margin-right: var(--space-xs)
        }

        .x-ndq {
            margin-right: var(--space-sm)
        }

        .x-ndz {
            margin-right: var(--space-md)
        }

        .x-nve {
            margin-right: var(--space-lg)
        }

        .x-nvt {
            margin-right: var(--space-xl)
        }

        .x-nvn {
            margin-right: var(--space-xxl)
        }

        .x-nvr {
            margin-right: var(--space-xxxl)
        }

        .x-nvi {
            margin-right: var(--space-xxxxl)
        }

        .x-nvs {
            margin-right: auto
        }

        .x-nvo {
            margin-right: 0
        }

        .x-nvu {
            margin-left: var(--space-xxxxs)
        }

        .x-nva {
            margin-left: var(--space-xxxs)
        }

        .x-nvf {
            margin-left: var(--space-xxs)
        }

        .x-nvl {
            margin-left: var(--space-xs)
        }

        .x-nvc {
            margin-left: var(--space-sm)
        }

        .x-nvh {
            margin-left: var(--space-md)
        }

        .x-nvp {
            margin-left: var(--space-lg)
        }

        .x-nvd {
            margin-left: var(--space-xl)
        }

        .x-nvv {
            margin-left: var(--space-xxl)
        }

        .x-nvm {
            margin-left: var(--space-xxxl)
        }

        .x-nvg {
            margin-left: var(--space-xxxxl)
        }

        .x-nvy {
            margin-left: auto
        }

        .x-nvb {
            margin-left: 0
        }

        .x-nvw {
            margin-left: var(--space-xxxxs);
            margin-right: var(--space-xxxxs)
        }

        .x-nvx {
            margin-left: var(--space-xxxs);
            margin-right: var(--space-xxxs)
        }

        .x-nvk {
            margin-left: var(--space-xxs);
            margin-right: var(--space-xxs)
        }

        .x-nv_ {
            margin-left: var(--space-xs);
            margin-right: var(--space-xs)
        }

        .x-nvj {
            margin-left: var(--space-sm);
            margin-right: var(--space-sm)
        }

        .x-nvq {
            margin-left: var(--space-md);
            margin-right: var(--space-md)
        }

        .x-nvz {
            margin-left: var(--space-lg);
            margin-right: var(--space-lg)
        }

        .x-nme {
            margin-left: var(--space-xl);
            margin-right: var(--space-xl)
        }

        .x-nmt {
            margin-left: var(--space-xxl);
            margin-right: var(--space-xxl)
        }

        .x-nmn {
            margin-left: var(--space-xxxl);
            margin-right: var(--space-xxxl)
        }

        .x-nmr {
            margin-left: var(--space-xxxxl);
            margin-right: var(--space-xxxxl)
        }

        .x-nmi {
            margin-left: auto;
            margin-right: auto
        }

        .x-nms {
            margin-left: 0;
            margin-right: 0
        }

        .x-nmo {
            margin-top: var(--space-xxxxs);
            margin-bottom: var(--space-xxxxs)
        }

        .x-nmu {
            margin-top: var(--space-xxxs);
            margin-bottom: var(--space-xxxs)
        }

        .x-nma {
            margin-top: var(--space-xxs);
            margin-bottom: var(--space-xxs)
        }

        .x-nmf {
            margin-top: var(--space-xs);
            margin-bottom: var(--space-xs)
        }

        .x-nml {
            margin-top: var(--space-sm);
            margin-bottom: var(--space-sm)
        }

        .x-nmc {
            margin-top: var(--space-md);
            margin-bottom: var(--space-md)
        }

        .x-nmh {
            margin-top: var(--space-lg);
            margin-bottom: var(--space-lg)
        }

        .x-nmp {
            margin-top: var(--space-xl);
            margin-bottom: var(--space-xl)
        }

        .x-nmd {
            margin-top: var(--space-xxl);
            margin-bottom: var(--space-xxl)
        }

        .x-nmv {
            margin-top: var(--space-xxxl);
            margin-bottom: var(--space-xxxl)
        }

        .x-nmm {
            margin-top: var(--space-xxxxl);
            margin-bottom: var(--space-xxxxl)
        }

        .x-nmg {
            margin-top: auto;
            margin-bottom: auto
        }

        .x-nmy {
            margin-top: 0;
            margin-bottom: 0
        }
    }

    @supports(--css:variables) {
        .x-nmb {
            padding: var(--space-xxxxs)
        }

        .x-nmw {
            padding: var(--space-xxxs)
        }

        .x-nmx {
            padding: var(--space-xxs)
        }

        .x-nmk {
            padding: var(--space-xs)
        }

        .x-nm_ {
            padding: var(--space-sm)
        }

        .x-nmj {
            padding: var(--space-md)
        }

        .x-nmq {
            padding: var(--space-lg)
        }

        .x-nmz {
            padding: var(--space-xl)
        }

        .x-nge {
            padding: var(--space-xxl)
        }

        .x-ngt {
            padding: var(--space-xxxl)
        }

        .x-ngn {
            padding: var(--space-xxxxl)
        }

        .x-ngr {
            padding: 0
        }

        .x-ngi {
            padding: var(--component-padding)
        }

        .x-ngs {
            padding-top: var(--space-xxxxs)
        }

        .x-ngo {
            padding-top: var(--space-xxxs)
        }

        .x-ngu {
            padding-top: var(--space-xxs)
        }

        .x-nga {
            padding-top: var(--space-xs)
        }

        .x-ngf {
            padding-top: var(--space-sm)
        }

        .x-ngl {
            padding-top: var(--space-md)
        }

        .x-ngc {
            padding-top: var(--space-lg)
        }

        .x-ngh {
            padding-top: var(--space-xl)
        }

        .x-ngp {
            padding-top: var(--space-xxl)
        }

        .x-ngd {
            padding-top: var(--space-xxxl)
        }

        .x-ngv {
            padding-top: var(--space-xxxxl)
        }

        .x-ngm {
            padding-top: 0
        }

        .x-ngg {
            padding-top: var(--component-padding)
        }

        .x-ngy {
            padding-bottom: var(--space-xxxxs)
        }

        .x-ngb {
            padding-bottom: var(--space-xxxs)
        }

        .x-ngw {
            padding-bottom: var(--space-xxs)
        }

        .x-ngx {
            padding-bottom: var(--space-xs)
        }

        .x-ngk {
            padding-bottom: var(--space-sm)
        }

        .x-ng_ {
            padding-bottom: var(--space-md)
        }

        .x-ngj {
            padding-bottom: var(--space-lg)
        }

        .x-ngq {
            padding-bottom: var(--space-xl)
        }

        .x-ngz {
            padding-bottom: var(--space-xxl)
        }

        .x-nye {
            padding-bottom: var(--space-xxxl)
        }

        .x-nyt {
            padding-bottom: var(--space-xxxxl)
        }

        .x-nyn {
            padding-bottom: 0
        }

        .x-nyr {
            padding-bottom: var(--component-padding)
        }

        .x-nyi {
            padding-right: var(--space-xxxxs)
        }

        .x-nys {
            padding-right: var(--space-xxxs)
        }

        .x-nyo {
            padding-right: var(--space-xxs)
        }

        .x-nyu {
            padding-right: var(--space-xs)
        }

        .x-nya {
            padding-right: var(--space-sm)
        }

        .x-nyf {
            padding-right: var(--space-md)
        }

        .x-nyl {
            padding-right: var(--space-lg)
        }

        .x-nyc {
            padding-right: var(--space-xl)
        }

        .x-nyh {
            padding-right: var(--space-xxl)
        }

        .x-nyp {
            padding-right: var(--space-xxxl)
        }

        .x-nyd {
            padding-right: var(--space-xxxxl)
        }

        .x-nyv {
            padding-right: 0
        }

        .x-nym {
            padding-right: var(--component-padding)
        }

        .x-nyg {
            padding-left: var(--space-xxxxs)
        }

        .x-nyy {
            padding-left: var(--space-xxxs)
        }

        .x-nyb {
            padding-left: var(--space-xxs)
        }

        .x-nyw {
            padding-left: var(--space-xs)
        }

        .x-nyx {
            padding-left: var(--space-sm)
        }

        .x-nyk {
            padding-left: var(--space-md)
        }

        .x-ny_ {
            padding-left: var(--space-lg)
        }

        .x-nyj {
            padding-left: var(--space-xl)
        }

        .x-nyq {
            padding-left: var(--space-xxl)
        }

        .x-nyz {
            padding-left: var(--space-xxxl)
        }

        .x-nbe {
            padding-left: var(--space-xxxxl)
        }

        .x-nbt {
            padding-left: 0
        }

        .x-nbn {
            padding-left: var(--component-padding)
        }

        .x-nbr {
            padding-left: var(--space-xxxxs);
            padding-right: var(--space-xxxxs)
        }

        .x-nbi {
            padding-left: var(--space-xxxs);
            padding-right: var(--space-xxxs)
        }

        .x-nbs {
            padding-left: var(--space-xxs);
            padding-right: var(--space-xxs)
        }

        .x-nbo {
            padding-left: var(--space-xs);
            padding-right: var(--space-xs)
        }

        .x-nbu {
            padding-left: var(--space-sm);
            padding-right: var(--space-sm)
        }

        .x-nba {
            padding-left: var(--space-md);
            padding-right: var(--space-md)
        }

        .x-nbf {
            padding-left: var(--space-lg);
            padding-right: var(--space-lg)
        }

        .x-nbl {
            padding-left: var(--space-xl);
            padding-right: var(--space-xl)
        }

        .x-nbc {
            padding-left: var(--space-xxl);
            padding-right: var(--space-xxl)
        }

        .x-nbh {
            padding-left: var(--space-xxxl);
            padding-right: var(--space-xxxl)
        }

        .x-nbp {
            padding-left: var(--space-xxxxl);
            padding-right: var(--space-xxxxl)
        }

        .x-nbd {
            padding-left: 0;
            padding-right: 0
        }

        .x-nbv {
            padding-left: var(--component-padding);
            padding-right: var(--component-padding)
        }

        .x-nbm {
            padding-top: var(--space-xxxxs);
            padding-bottom: var(--space-xxxxs)
        }

        .x-nbg {
            padding-top: var(--space-xxxs);
            padding-bottom: var(--space-xxxs)
        }

        .x-nby {
            padding-top: var(--space-xxs);
            padding-bottom: var(--space-xxs)
        }

        .x-nbb {
            padding-top: var(--space-xs);
            padding-bottom: var(--space-xs)
        }

        .x-nbw {
            padding-top: var(--space-sm);
            padding-bottom: var(--space-sm)
        }

        .x-nbx {
            padding-top: var(--space-md);
            padding-bottom: var(--space-md)
        }

        .x-nbk {
            padding-top: var(--space-lg);
            padding-bottom: var(--space-lg)
        }

        .x-nb_ {
            padding-top: var(--space-xl);
            padding-bottom: var(--space-xl)
        }

        .x-nbj {
            padding-top: var(--space-xxl);
            padding-bottom: var(--space-xxl)
        }

        .x-nbq {
            padding-top: var(--space-xxxl);
            padding-bottom: var(--space-xxxl)
        }

        .x-nbz {
            padding-top: var(--space-xxxxl);
            padding-bottom: var(--space-xxxxl)
        }

        .x-nwe {
            padding-top: 0;
            padding-bottom: 0
        }

        .x-nwt {
            padding-top: var(--component-padding);
            padding-bottom: var(--component-padding)
        }
    }

    .x-nwn {
        text-align: center
    }

    .x-nwr {
        text-align: left
    }

    .x-nwi {
        text-align: right
    }

    .x-nws {
        text-align: justify
    }

    @supports(--css:variables) {
        .x-nwo {
            font-size: var(--text-xs, 0.694em)
        }

        .x-nwu {
            font-size: var(--text-sm, 0.833em)
        }

        .x-nwa {
            font-size: var(--text-unit, 1em)
        }

        .x-nwf {
            font-size: var(--text-md, 1.2em)
        }

        .x-nwl {
            font-size: var(--text-lg, 1.44em)
        }

        .x-nwc {
            font-size: var(--text-xl, 1.728em)
        }

        .x-nwh {
            font-size: var(--text-xxl, 2.074em)
        }

        .x-nwp {
            font-size: var(--text-xxxl, 2.488em)
        }

        .x-nwd {
            font-size: var(--text-xxxxl, 2.985em)
        }
    }

    @supports(--css:variables) {
        .x-nwv {
            width: var(--size-xxxxs, 0.25rem)
        }

        .x-nwm {
            width: var(--size-xxxs, 0.5rem)
        }

        .x-nwg {
            width: var(--size-xxs, 0.75rem)
        }

        .x-nwy {
            width: var(--size-xs, 1rem)
        }

        .x-nwb {
            width: var(--size-sm, 1.5rem)
        }

        .x-nww {
            width: var(--size-md, 2rem)
        }

        .x-nwx {
            width: var(--size-lg, 3rem)
        }

        .x-nwk {
            width: var(--size-xl, 4rem)
        }

        .x-nw_ {
            width: var(--size-xxl, 6rem)
        }

        .x-nwj {
            width: var(--size-xxxl, 8rem)
        }

        .x-nwq {
            width: var(--size-xxxxl, 16rem)
        }
    }

    .x-nwz {
        width: 0
    }

    .x-nxe {
        width: 10%
    }

    .x-nxt {
        width: 20%
    }

    .x-nxn {
        width: 25%
    }

    .x-nxr {
        width: 30%
    }

    .x-nxi {
        width: calc(100%/3)
    }

    .x-nxs {
        width: 40%
    }

    .x-nxo {
        width: 50%
    }

    .x-nxu {
        width: 60%
    }

    .x-nxa {
        width: calc(100%/1.5)
    }

    .x-nxf {
        width: 70%
    }

    .x-nxl {
        width: 75%
    }

    .x-nxc {
        width: 80%
    }

    .x-nxh {
        width: 90%
    }

    .x-nxp {
        width: 100%
    }

    .x-nxd {
        width: 100vw
    }

    .x-nxv {
        width: auto
    }

    @supports(--css:variables) {
        .x-nxm {
            height: var(--size-xxxxs, 0.25rem)
        }

        .x-nxg {
            height: var(--size-xxxs, 0.5rem)
        }

        .x-nxy {
            height: var(--size-xxs, 0.75rem)
        }

        .x-nxb {
            height: var(--size-xs, 1rem)
        }

        .x-nxw {
            height: var(--size-sm, 1.5rem)
        }

        .x-nxx {
            height: var(--size-md, 2rem)
        }

        .x-nxk {
            height: var(--size-lg, 3rem)
        }

        .x-nx_ {
            height: var(--size-xl, 4rem)
        }

        .x-nxj {
            height: var(--size-xxl, 6rem)
        }

        .x-nxq {
            height: var(--size-xxxl, 8rem)
        }

        .x-nxz {
            height: var(--size-xxxxl, 16rem)
        }
    }

    .x-nke {
        height: 0
    }

    .x-nkt {
        height: 10%
    }

    .x-nkn {
        height: 20%
    }

    .x-nkr {
        height: 25%
    }

    .x-nki {
        height: 30%
    }

    .x-nks {
        height: calc(100%/3)
    }

    .x-nko {
        height: 40%
    }

    .x-nku {
        height: 50%
    }

    .x-nka {
        height: 60%
    }

    .x-nkf {
        height: calc(100%/1.5)
    }

    .x-nkl {
        height: 70%
    }

    .x-nkc {
        height: 75%
    }

    .x-nkh {
        height: 80%
    }

    .x-nkp {
        height: 90%
    }

    .x-nkd {
        height: 100%
    }

    .x-nkv {
        height: 100vh
    }

    .x-nkm {
        height: auto
    }

    .x-nkg {
        position: relative
    }

    .x-nky {
        position: absolute
    }

    .x-nkb {
        position: fixed
    }

    .x-nkw {
        position: -webkit-sticky;
        position: sticky
    }

    .x-nkx {
        position: static
    }

    .x-nkk {
        top: 0
    }

    .x-nk_ {
        top: 50%
    }

    .x-nkj {
        bottom: 0
    }

    .x-nkq {
        bottom: 50%
    }

    .x-nkz {
        left: 0
    }

    .x-n_e {
        left: 50%
    }

    .x-n_t {
        right: 0
    }

    .x-n_n {
        right: 50%
    }

    .x-n_r {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .x-n_i {
        overflow: hidden
    }

    .x-n_s {
        overflow: auto
    }

    .x-n_o {
        -webkit-overflow-scrolling: touch
    }

    .x-n_u {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain
    }

    .x-n_a {
        display: none !important
    }
}

@media not all and (min-width:90rem) {
    .x-n_f {
        margin: 0 !important
    }

    .x-n_l {
        padding: 0 !important
    }

    .x-n_c {
        display: none !important
    }
}

:root {
    --password-btn-width: 3.5em;
    --password-icon-size: 1.5em
}

.password {
    position: relative
}

.x-n_v {
    height: 100%
}

.x-n_m {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: var(--password-btn-width);
    background-color: transparent;
    justify-content: center;
    align-items: center;
    display: none
}

.x-n_m:focus {
    color: var(--color-primary)
}

.x-n_g:last-child {
    display: none
}

.x-n_g .icon {
    width: var(--password-icon-size);
    height: var(--password-icon-size)
}

.x-n_y .x-n_g:first-child {
    display: none
}

.x-n_y .x-n_g:last-child {
    display: inline-block
}

.js .x-n_v {
    padding-right: calc(var(--space-sm) + var(--password-btn-width))
}

.js .x-n_v::-ms-reveal {
    display: none
}

.js .x-n_m {
    display: flex
}

:root {
    --password-strength-meter-height: 8px;
    --password-strength-meter-radius: 50em;
    --password-strength-icon-size: 16px;
    --password-strength-icon-margin-right: 4px;
    --password-strength-icon-stroke-width: 2px
}

.x-n_b {
    line-height: 1.2;
    margin-bottom: var(--space-xxxxs);
    display: flex;
    align-items: center
}

.x-n_b .icon {
    font-size: var(--password-strength-icon-size);
    margin-right: var(--password-strength-icon-margin-right)
}

.x-n_w {
    stroke-width: var(--password-strength-icon-stroke-width)
}

.x-n_w * {
    transition: stroke-dashoffset .3s var(--ease-out-back), -webkit-transform .3s var(--ease-out-back);
    transition: transform .3s var(--ease-out-back), stroke-dashoffset .3s var(--ease-out-back);
    transition: transform .3s var(--ease-out-back), stroke-dashoffset .3s var(--ease-out-back), -webkit-transform .3s var(--ease-out-back);
    -webkit-transform-origin: 8px 8px;
    transform-origin: 8px 8px;
    stroke-dasharray: 16
}

.x-n_w *:first-child {
    stroke-dashoffset: 24
}

.x-n_w *:last-child {
    stroke-dashoffset: 10
}

.x-n_x {
    color: var(--color-success-darker);
    transition: color .3s
}

.x-n_x .x-n_w *:first-child {
    stroke-dashoffset: 23;
    -webkit-transform: translateX(-2px) translateY(4px) rotate(45deg);
    transform: translateX(-2px) translateY(4px) rotate(45deg)
}

.x-n_x .x-n_w *:last-child {
    stroke-dashoffset: 5;
    -webkit-transform: translateX(-2px) translateY(4px) rotate(-45deg);
    transform: translateX(-2px) translateY(4px) rotate(-45deg)
}

.x-n_k {
    color: var(--color-error)
}

.x-n_k .x-n_w *:first-child {
    stroke-dashoffset: 32;
    -webkit-transform: translateX(5px) translateY(5px) rotate(45deg);
    transform: translateX(5px) translateY(5px) rotate(45deg)
}

.x-n_k .x-n_w *:last-child {
    stroke-dashoffset: 2;
    -webkit-transform: translateX(-5px) translateY(5px) rotate(-45deg);
    transform: translateX(-5px) translateY(5px) rotate(-45deg)
}

.password-strength__meter {
    height: var(--password-strength-meter-height);
    border-radius: var(--password-strength-meter-radius);
    overflow: hidden
}

.password-strength__meter * {
    will-change: width;
    transition: width .3s var(--ease-in-out), background-color .3s
}

.password-strength__meter--fill-1 * {
    background-color: var(--color-error)
}

.password-strength__meter--fill-2 * {
    background-color: var(--color-warning)
}

.password-strength__meter--fill-3 * {
    background-color: var(--color-success)
}

.password-strength__meter--fill-4 * {
    background-color: var(--color-success)
}

html:not(.js) .x-n__ {
    display: none
}

.js .x-n_j {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px
}

.js .x-n_q {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

:root {
    --choice-img-input-size: 100px;
    --choice-img-input-icon-size: 26px
}

.x-n_z {
    position: relative;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: .3s
}

.x-n_z:hover {
    cursor: pointer;
    box-shadow: var(--shadow-md)
}

.x-n_z:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.x-n_z[aria-checked=true] {
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    box-shadow: var(--shadow-sm), 0 0 0 2px var(--color-primary)
}

.x-nje {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
    background-color: var(--color-primary);
    width: var(--choice-img-input-size);
    height: var(--choice-img-input-size);
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 85%);
    clip-path: polygon(15% 0%, 100% 0%, 100% 85%);
    pointer-events: none;
    opacity: 0
}

.x-nje .icon {
    position: absolute;
    top: calc(var(--choice-img-input-size)/4 - var(--choice-img-input-icon-size)/2);
    right: calc(var(--choice-img-input-size)/4 - var(--choice-img-input-icon-size)/2);
    font-size: var(--choice-img-input-icon-size);
    color: var(--color-white)
}

.x-nje .icon > * {
    transition: stroke-dashoffset .3s;
    stroke-dasharray: 18;
    stroke-dashoffset: 18
}

.x-n_z[aria-checked=true] .x-nje {
    opacity: 1
}

.x-n_z[aria-checked=true] .x-nje .icon > * {
    stroke-dashoffset: 0
}

:root {
    --choice-btn-border-width: 2px;
    --choice-btn-border-radius: var(--radius-md);
    --choice-btn-align-items: center;
    --choice-btn-input-size: 20px;
    --choice-btn-input-icon-size: 16px;
    --choice-btn-input-border-width: 2px;
    --choice-btn-input-margin-right: var(--space-sm);
    --choice-btn-input-translate-y: 0em
}

.x-njt {
    display: flex;
    flex-direction: column
}

.x-njn {
    display: none
}

.js .x-njr {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%)
}

.js .x-nji {
    position: relative;
    background-color: var(--color-bg);
    border-width: var(--choice-btn-border-width);
    border-style: solid;
    border-color: var(--color-contrast-low);
    border-radius: var(--choice-btn-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    transition: .2s
}

.js .x-nji:hover {
    border-color: hsl(var(--color-contrast-low-h), var(--color-contrast-low-s), calc(var(--color-contrast-low-l) * 0.85))
}

.js .x-nji.x-njs,
.js .x-nji.x-njo,
.js .x-nji:active {
    border-color: var(--color-primary)
}

.js .x-nji.x-njs,
.js .x-nji:active {
    box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}

.js .x-njn {
    display: block;
    display: grid;
    grid-template-columns: var(--choice-btn-input-size) 1fr;
    grid-gap: var(--choice-btn-input-margin-right);
    align-items: var(--choice-btn-align-items)
}

.x-nju {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-bg);
    width: var(--choice-btn-input-size);
    height: var(--choice-btn-input-size);
    border-width: var(--choice-btn-input-border-width);
    border-style: solid;
    border-color: var(--color-contrast-low);
    position: relative;
    top: var(--choice-btn-input-translate-y)
}

.x-nju .icon {
    color: var(--color-white);
    font-size: var(--choice-btn-input-icon-size)
}

.x-njo .x-nju {
    border-color: var(--color-primary);
    background-color: var(--color-primary)
}

.x-nja {
    border-radius: var(--radius-sm)
}

.x-nja .icon > * {
    transition: stroke-dashoffset .3s;
    stroke-dasharray: 18;
    stroke-dashoffset: 18
}

.x-njo .x-nja .icon > * {
    stroke-dasharray: 18;
    stroke-dashoffset: 0
}

.x-njf {
    border-radius: 50%
}

.x-njf .icon {
    transition: -webkit-transform .3s var(--ease-out-back);
    transition: transform .3s var(--ease-out-back);
    transition: transform .3s var(--ease-out-back), -webkit-transform .3s var(--ease-out-back);
    -webkit-transform: scale(0);
    transform: scale(0)
}

.x-njo .x-njf .icon {
    -webkit-transform: scale(1);
    transform: scale(1)
}

:root {
    --steps-v2-steps-nr: 10
}

@supports(--css:variables) {
    .x-njl {
        position: relative;
        height: 8px;
        border-radius: 50em;
        background-color: var(--color-contrast-lower)
    }

    .x-njl::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: calc(100%/var(--steps-v2-steps-nr) * var(--step-v2-current-step, 1));
        background-color: var(--color-primary);
        border-radius: inherit;
        transition: width .2s
    }
}

.form-validate__input-wrap .x-njc {
    display: none
}

.form-validate__input-wrap--error .x-njc {
    display: block
}

.x-njh {
    display: flex;
    flex-direction: column
}

.x-njh,
.x-njp {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.x-njp {
    flex-grow: 1
}

.x-njd {
    flex-shrink: 0
}

.x-njv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    transition: opacity .3s, -webkit-transform .3s var(--ease-out);
    transition: transform .3s var(--ease-out), opacity .3s;
    transition: transform .3s var(--ease-out), opacity .3s, -webkit-transform .3s var(--ease-out)
}

.x-njm,
.x-njg {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility 0s .3s, -webkit-transform .3s var(--ease-out);
    transition: transform .3s var(--ease-out), opacity .3s, visibility 0s .3s;
    transition: transform .3s var(--ease-out), opacity .3s, visibility 0s .3s, -webkit-transform .3s var(--ease-out)
}

.x-njm {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
}

.x-njg {
    -webkit-transform: translateX(40px);
    transform: translateX(40px)
}

.x-njy {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    background: #1c1b1d;
    border-top: 10px solid #bb833a;
    max-width: 100%;
    width: 100%;
    right: 0;
    padding: 28px;
    z-index: 999999999999999999999999999999999;
}

@media(min-width:64rem) {
    .x-njy {
    height: 620px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1000;
    background: #1c1b1d;
    border-top: 10px solid #bb833a;
    max-width: 40%;
    width: 100%;
    right: 0;
    }
}



.cd-demo-container {
    width: calc(100% - 2 * 1.25rem);
    margin-left: auto;
    margin-right: auto;
    padding: 1.25rem 0
}

.cd-demo-max-width-xxxxs {
    max-width: 20rem
}

.cd-demo-max-width-xxxs {
    max-width: 26rem
}

.cd-demo-max-width-xxs {
    max-width: 32rem
}

.cd-demo-max-width-xs {
    max-width: 38rem
}

.cd-demo-max-width-sm {
    max-width: 48rem
}

.cd-demo-max-width-md {
    max-width: 64rem
}

.cd-demo-max-width-lg {
    max-width: 80rem
}

.cd-demo-max-width-xl {
    max-width: 90rem
}

.cd-demo-max-width-xxl {
    max-width: 100rem
}

.cd-demo-max-width-xxxl {
    max-width: 120rem
}

.cd-demo-max-width-xxxxl {
    max-width: 150rem
}

[class*=cd-demo-max-width-adaptive-] {
    max-width: 32rem
}

@media(min-width:48rem) {

    [class*=cd-demo-max-width-adaptive-],
    .cd-demo-max-width-adaptive-sm {
        max-width: 48rem
    }
}

@media(min-width:64rem) {

    .cd-demo-max-width-adaptive-md,
    .cd-demo-max-width-adaptive,
    .cd-demo-max-width-adaptive-lg,
    .cd-demo-max-width-adaptive-xl {
        max-width: 64rem
    }
}

@media(min-width:80rem) {

    .cd-demo-max-width-adaptive,
    .cd-demo-max-width-adaptive-lg,
    .cd-demo-max-width-adaptive-xl {
        max-width: 80rem
    }
}

@media(min-width:90rem) {
    .cd-demo-max-width-adaptive-xl {
        max-width: 90rem
    }
}

.cd-demo-container--is-hidden {
    display: none
}

.cd-demo-font {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important
}

.cd-demo-item--is-hidden {
    display: none
}

.cd-demo-item--selected {
    -webkit-animation: demoItemSelected .5s;
    animation: demoItemSelected .5s
}

@-webkit-keyframes demoItemSelected {

    0%,
    50% {
        outline: 2px solid var(--color-primary)
    }

    100% {
        outline: 2px solid transparent
    }
}

@keyframes demoItemSelected {

    0%,
    50% {
        outline: 2px solid var(--color-primary)
    }

    100% {
        outline: 2px solid transparent
    }
}

.cd-demo-title {
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    color: var(--color-contrast-higher)
}

.cd-demo-divider {
    height: 1px;
    background-color: var(--color-contrast-low);
    margin: 1.25rem 0
}

.cd-demo-switch {
    display: flex;
    justify-content: center;
    text-align: center
}

.cd-demo-switch__inner {
    display: flex
}

.cd-demo-switch__inner button {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: .875rem;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: .25rem .375rem;
    border: 1px solid var(--color-contrast-low);
    color: var(--color-contrast-higher)
}

.cd-demo-switch__inner button:focus {
    outline: 2px solid var(--color-contrast-higher);
    outline-offset: 2px;
    position: relative;
    z-index: 1
}

.cd-demo-switch__inner button:first-child {
    border-right: none;
    border-radius: 3px 0 0 3px
}

.cd-demo-switch__inner button:last-child {
    border-left: none;
    border-radius: 0 3px 3px 0
}

.cd-demo-switch__inner button.is-selected {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg);
    border-color: var(--color-contrast-higher)
}

.cd-demo-viewport-size {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    padding: 10px;
    z-index: 99;
    font-size: .8rem;
    background-color: rgba(255, 255, 255, .92);
    color: rgba(0, 0, 0, .85);
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important
}

.cd-demo-checkbox {
    position: relative;
    width: 16px;
    height: 16px
}

.cd-demo-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 100%;
    width: 100%
}

.cd-demo-checkbox input[type=checkbox]:checked + .cd-demo-checkbox__control {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PGcgY2xhc3M9J25jLWljb24td3JhcHBlcicgc3Ryb2tlLXdpZHRoPScyJyBmaWxsPScjZmZmZmZmJyBzdHJva2U9JyNmZmZmZmYnPjxwb2x5bGluZSBmaWxsPSdub25lJyBzdHJva2U9JyNmZmZmZmYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBwb2ludHM9JzEsOSA1LDEzIDE1LDMgJyBkYXRhLWNhcD0nYnV0dCc+PC9wb2x5bGluZT48L2c+PC9zdmc+);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center
}

.cd-demo-checkbox input[type=checkbox]:focus + .cd-demo-checkbox__control {
    border-color: var(--color-primary)
}

.cd-demo-checkbox input[type=checkbox]:active + .cd-demo-checkbox__control {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.cd-demo-checkbox input[type=checkbox]:focus + .cd-demo-checkbox__control {
    box-shadow: 0 0 0 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}

.cd-demo-checkbox + label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cd-demo-checkbox__control {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.3);
    border-radius: 2px;
    background-color: var(--color-bg);
    pointer-events: none;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.cd-demo-flex {
    display: flex
}

.cd-demo-justify-center {
    justify-content: center
}

.cd-demo-margin-top,
.cd-demo-margin-top-md {
    margin-top: 1.25rem
}

.cd-demo-margin-top-xxxs {
    margin-top: .25rem
}

.cd-demo-margin-top-xxs {
    margin-top: .375rem
}

.cd-demo-margin-top-xs {
    margin-top: .5rem
}

.cd-demo-margin-top-sm {
    margin-top: .75rem
}

.cd-demo-margin-top-lg {
    margin-top: 2rem
}

.cd-demo-margin-top-xl {
    margin-top: 3.25rem
}

.cd-demo-margin-top-xxl {
    margin-top: 5.25rem
}

.cd-demo-margin-top-xxxl {
    margin-top: 8.5rem
}

.cd-demo-margin-bottom,
.cd-demo-margin-bottom-md {
    margin-bottom: 1.25rem
}

.cd-demo-margin-bottom-xxxs {
    margin-bottom: .25rem
}

.cd-demo-margin-bottom-xxs {
    margin-bottom: .375rem
}

.cd-demo-margin-bottom-xs {
    margin-bottom: .5rem
}

.cd-demo-margin-bottom-sm {
    margin-bottom: .75rem
}

.cd-demo-margin-bottom-lg {
    margin-bottom: 2rem
}

.cd-demo-margin-bottom-xl {
    margin-bottom: 3.25rem
}

.cd-demo-margin-bottom-xxl {
    margin-bottom: 5.25rem
}

.cd-demo-margin-bottom-xxxl {
    margin-bottom: 8.5rem
}

.cd-demo-margin-right,
.cd-demo-margin-right-md {
    margin-right: 1.25rem
}

.cd-demo-margin-right-xxxs {
    margin-right: .25rem
}

.cd-demo-margin-right-xxs {
    margin-right: .375rem
}

.cd-demo-margin-right-xs {
    margin-right: .5rem
}

.cd-demo-margin-right-sm {
    margin-right: .75rem
}

.cd-demo-margin-right-lg {
    margin-right: 2rem
}

.cd-demo-margin-right-xl {
    margin-right: 3.25rem
}

.cd-demo-margin-right-xxl {
    margin-right: 5.25rem
}

.cd-demo-margin-right-xxxl {
    margin-right: 8.5rem
}

.cd-demo-margin-left,
.cd-demo-margin-left-md {
    margin-left: 1.25rem
}

.cd-demo-margin-left-xxxs {
    margin-left: .25rem
}

.cd-demo-margin-left-xxs {
    margin-left: .375rem
}

.cd-demo-margin-left-xs {
    margin-left: .5rem
}

.cd-demo-margin-left-sm {
    margin-left: .75rem
}

.cd-demo-margin-left-lg {
    margin-left: 2rem
}

.cd-demo-margin-left-xl {
    margin-left: 3.25rem
}

.cd-demo-margin-left-xxl {
    margin-left: 5.25rem
}

.cd-demo-margin-left-xxxl {
    margin-left: 8.5rem
}

.cd-demo-padding-y-xl {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.cd-demo-padding-y-xxl {
    padding-top: 3.25rem;
    padding-bottom: 3.25rem
}

.cd-demo-padding-y-0 {
    padding-top: 0;
    padding-bottom: 0
}

@media(min-width:64rem) {
    .cd-demo-padding-y-xl {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem
    }

    .cd-demo-padding-y-xxl {
        padding-top: 5.25rem;
        padding-bottom: 5.25rem
    }
}

.cd-demo-text-center {
    text-align: center
}

.cd-demo-text-sm {
    font-size: .75rem
}

.cd-demo-text-base {
    font-size: 1rem
}

.cd-demo-text-selection::-moz-selection {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg)
}

.cd-demo-text-selection::selection {
    background-color: var(--color-contrast-higher);
    color: var(--color-bg)
}

@media not all and (min-width:32rem) {
    .cd-demo-display\@xs {
        display: none !important
    }
}

@media not all and (min-width:48rem) {
    .cd-demo-display\@sm {
        display: none !important
    }
}

@media not all and (min-width:64rem) {
    .cd-demo-display\@md {
        display: none !important
    }
}

@media not all and (min-width:80rem) {
    .cd-demo-display\@lg {
        display: none !important
    }
}

@media not all and (min-width:90rem) {
    .cd-demo-display\@xl {
        display: none !important
    }
}

@media(min-width:32rem) {
    .cd-demo-hide\@xs {
        display: none !important
    }
}

@media(min-width:48rem) {
    .cd-demo-hide\@sm {
        display: none !important
    }
}

@media(min-width:64rem) {
    .cd-demo-hide\@md {
        display: none !important
    }
}

@media(min-width:80rem) {
    .cd-demo-hide\@lg {
        display: none !important
    }
}

@media(min-width:90rem) {
    .cd-demo-hide\@xl {
        display: none !important
    }
}


input[type=radio]:checked ~ .check {
  border: 5px solid #bb833a;
}

input[type=radio]:checked ~ .check::before{
  background: #bb833a;
}

input[type=radio]:checked ~ label{
  color: #bb833a;
}
.form-check-label{
    margin-left: 20px;
    font-size: 20px;
    color: #949494;
}

input[type="radio"], input[type="checkbox"]{
    position: relative;
    top: -4px;
}

    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #bb833a;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
    }


.wizard-head{
    font-size: 45px;
        color: #bb833a;
    line-height: 46px;
}

.connav{
    
    background: #bb833a;
    border-radius: 500px;
    color: #1c1b1d;
    width: 26px;
    height: 26px;
    padding-top: 1px;
    margin-right: 10px;
}


.weiter{
    border: unset;
    background: #bb833a;
    padding: 10px 20px;
    position: absolute;
    right: -18px;
    color: #ffffff;
    bottom: -14px;
}


.weiter:hover, .weiter:focus, .weiter:active{
    color: white;
}


#kontaktform {
    position: relative; width: 100%; height: 100%;
    display: none;
}


#kontaktform .overlaybg{
    background: black; position: fixed; width: 100%; height: 100%; opacity: .3; z-index: 999;
}


@keyframes homecon {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1 !important;
    }
}

#kontaktform.open {
    display: block;
    animation: homecon 1s normal forwards ease-in-out;
}



.closekon{
    
    float: right;
    margin-right: 11px;
    margin-top: 6px;
    z-index: 999999;
    display: block;
    position: absolute;
    right: 0;
    cursor: pointer;
}
.closekon svg{
   fill: white;
}


@media only screen and (max-width: 600px) {


.closekon {
    z-index: 99999999999999999999999999999;
    position: fixed;
    top: 10px;
}
}

.input-float__input{
    color: white;
}