@charset "UTF-8";

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

.flex,
.grid,
.inline-flex,
[class*=" flex@"],
[class*=" inline-flex@"],
[class^=flex\@],
[class^=inline-flex\@] {
    --gap: 0px;
    --gap-x: var(--gap);
    --gap-y: var(--gap);
    gap: var(--gap-y) var(--gap-x)
}

.flex>*,
.grid>*,
.inline-flex>*,
[class*=" flex@"]>*,
[class*=" inline-flex@"]>*,
[class^=flex\@]>*,
[class^=inline-flex\@]>* {
    --sub-gap: 0px;
    --sub-gap-x: var(--sub-gap);
    --sub-gap-y: var(--sub-gap)
}

.grid {
    --grid-columns: 12;
    display: flex;
    flex-wrap: wrap
}

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

@media not all and (min-resolution:0.001dpcm) {
    @supports not (translate:none) {

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

        .flex[class*=gap-]>*,
        .grid>*,
        .inline-flex[class*=gap-]>* {
            margin-bottom: var(--sub-gap-y)
        }

        .grid {
            --offset: var(--gap-x);
            --gap-modifier: 0;
            --offset-modifier: 1
        }

        .grid>* {
            margin-left: var(--offset)
        }

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

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

.gap-xxxxs>* {
    --sub-gap-x: var(--space-xxxxs);
    --sub-gap-y: var(--space-xxxxs)
}

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

.gap-xxxs>* {
    --sub-gap-x: var(--space-xxxs);
    --sub-gap-y: var(--space-xxxs)
}

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

.gap-xxs>* {
    --sub-gap-x: var(--space-xxs);
    --sub-gap-y: var(--space-xxs)
}

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

.gap-xs>* {
    --sub-gap-x: var(--space-xs);
    --sub-gap-y: var(--space-xs)
}

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

.gap-sm>* {
    --sub-gap-x: var(--space-sm);
    --sub-gap-y: var(--space-sm)
}

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

.gap-md>* {
    --sub-gap-x: var(--space-md);
    --sub-gap-y: var(--space-md)
}

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

.gap-lg>* {
    --sub-gap-x: var(--space-lg);
    --sub-gap-y: var(--space-lg)
}

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

.gap-xl>* {
    --sub-gap-x: var(--space-xl);
    --sub-gap-y: var(--space-xl)
}

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

.gap-xxl>* {
    --sub-gap-x: var(--space-xxl);
    --sub-gap-y: var(--space-xxl)
}

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

.gap-xxxl>* {
    --sub-gap-x: var(--space-xxxl);
    --sub-gap-y: var(--space-xxxl)
}

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

.gap-xxxxl>* {
    --sub-gap-x: var(--space-xxxxl);
    --sub-gap-y: var(--space-xxxxl)
}

.yx-tgap-n {
    --gap-x: 0;
    --gap-y: 0
}

.yx-tgap-n>* {
    --sub-gap-x: 0;
    --sub-gap-y: 0
}

.yx-rgap-i {
    --gap-x: var(--space-xxxxs)
}

.yx-rgap-i>* {
    --sub-gap-x: var(--space-xxxxs)
}

.yx-sgap-o {
    --gap-x: var(--space-xxxs)
}

.yx-sgap-o>* {
    --sub-gap-x: var(--space-xxxs)
}

.yx-ugap-a {
    --gap-x: var(--space-xxs)
}

.yx-ugap-a>* {
    --sub-gap-x: var(--space-xxs)
}

.yx-fgap-l {
    --gap-x: var(--space-xs)
}

.yx-fgap-l>* {
    --sub-gap-x: var(--space-xs)
}

.yx-cgap-h {
    --gap-x: var(--space-sm)
}

.yx-cgap-h>* {
    --sub-gap-x: var(--space-sm)
}

.yx-pgap-d {
    --gap-x: var(--space-md)
}

.yx-pgap-d>* {
    --sub-gap-x: var(--space-md)
}

.yx-vgap-m {
    --gap-x: var(--space-lg)
}

.yx-vgap-m>* {
    --sub-gap-x: var(--space-lg)
}

.yx-ggap-y {
    --gap-x: var(--space-xl)
}

.yx-ggap-y>* {
    --sub-gap-x: var(--space-xl)
}

.yx-bgap-w {
    --gap-x: var(--space-xxl)
}

.yx-bgap-w>* {
    --sub-gap-x: var(--space-xxl)
}

.yx-xgap-k {
    --gap-x: var(--space-xxxl)
}

.yx-xgap-k>* {
    --sub-gap-x: var(--space-xxxl)
}

.yx-_gap-j {
    --gap-x: var(--space-xxxxl)
}

.yx-_gap-j>* {
    --sub-gap-x: var(--space-xxxxl)
}

.yx-qgap-z {
    --gap-x: 0
}

.yx-qgap-z>* {
    --sub-gap-x: 0
}

.yx-tegap-tt {
    --gap-y: var(--space-xxxxs)
}

.yx-tegap-tt>* {
    --sub-gap-y: var(--space-xxxxs)
}

.yx-tngap-tr {
    --gap-y: var(--space-xxxs)
}

.yx-tngap-tr>* {
    --sub-gap-y: var(--space-xxxs)
}

.yx-tigap-ts {
    --gap-y: var(--space-xxs)
}

.yx-tigap-ts>* {
    --sub-gap-y: var(--space-xxs)
}

.yx-togap-tu {
    --gap-y: var(--space-xs)
}

.yx-togap-tu>* {
    --sub-gap-y: var(--space-xs)
}

.yx-tagap-tf {
    --gap-y: var(--space-sm)
}

.yx-tagap-tf>* {
    --sub-gap-y: var(--space-sm)
}

.yx-tlgap-tc {
    --gap-y: var(--space-md)
}

.yx-tlgap-tc>* {
    --sub-gap-y: var(--space-md)
}

.yx-thgap-tp {
    --gap-y: var(--space-lg)
}

.yx-thgap-tp>* {
    --sub-gap-y: var(--space-lg)
}

.yx-tdgap-tv {
    --gap-y: var(--space-xl)
}

.yx-tdgap-tv>* {
    --sub-gap-y: var(--space-xl)
}

.yx-tmgap-tg {
    --gap-y: var(--space-xxl)
}

.yx-tmgap-tg>* {
    --sub-gap-y: var(--space-xxl)
}

.yx-tygap-tb {
    --gap-y: var(--space-xxxl)
}

.yx-tygap-tb>* {
    --sub-gap-y: var(--space-xxxl)
}

.yx-twgap-tx {
    --gap-y: var(--space-xxxxl)
}

.yx-twgap-tx>* {
    --sub-gap-y: var(--space-xxxxl)
}

.yx-tkgap-t_ {
    --gap-y: 0
}

.yx-tkgap-t_>* {
    --sub-gap-y: 0
}

.yx-n {
    --grid-columns: 1
}

.yx-r {
    --span: 1
}

.yx-i {
    --grid-columns: 2
}

.yx-s {
    --span: 2
}

.yx-o {
    --grid-columns: 3
}

.yx-u {
    --span: 3
}

.yx-a {
    --grid-columns: 4
}

.yx-f {
    --span: 4
}

.yx-l {
    --grid-columns: 5
}

.yx-c {
    --span: 5
}

.yx-h {
    --grid-columns: 6
}

.col-6 {
    --span: 6
}

.yx-p {
    --grid-columns: 7
}

.yx-d {
    --span: 7
}

.yx-v {
    --grid-columns: 8
}

.yx-m {
    --span: 8
}

.yx-g {
    --grid-columns: 9
}

.yx-y {
    --span: 9
}

.yx-b {
    --grid-columns: 10
}

.yx-w {
    --span: 10
}

.yx-x {
    --grid-columns: 11
}

.yx-k {
    --span: 11
}

.yx-_ {
    --grid-columns: 12
}

.yx-r2 {
    --span: 12
}

.col-6,
.yx-c,
.yx-d,
.yx-f,
.yx-k,
.yx-m,
.yx-r,
.yx-r2,
.yx-s,
.yx-u,
.yx-w,
.yx-y {
    flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
    max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
}

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

.yx-j {
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial
}

.yx-q {
    --offset: 1
}

.yx-z {
    --offset: 2
}

.yx-te {
    --offset: 3
}

.yx-tt {
    --offset: 4
}

.yx-tn {
    --offset: 5
}

.yx-tr {
    --offset: 6
}

.yx-ti {
    --offset: 7
}

.yx-ts {
    --offset: 8
}

.yx-to {
    --offset: 9
}

.yx-tu {
    --offset: 10
}

.yx-ta {
    --offset: 11
}

.yx-q,
.yx-ta,
.yx-te,
.yx-ti,
.yx-tn,
.yx-to,
.yx-tr,
.yx-ts,
.yx-tt,
.yx-tu,
.yx-z {
    margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
}

@media(min-width:32rem) {
    .yx-tjgap-tq {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .yx-tjgap-tq>* {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-tzgap-ne {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs)
    }

    .yx-tzgap-ne>* {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-ntgap-nn {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs)
    }

    .yx-ntgap-nn>* {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs)
    }

    .yx-nrgap-ni {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs)
    }

    .yx-nrgap-ni>* {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs)
    }

    .yx-nsgap-no {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm)
    }

    .yx-nsgap-no>* {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm)
    }

    .yx-nugap-na {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .yx-nugap-na>* {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md)
    }

    .yx-nfgap-nl {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .yx-nfgap-nl>* {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg)
    }

    .yx-ncgap-nh {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .yx-ncgap-nh>* {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl)
    }

    .yx-npgap-nd {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .yx-npgap-nd>* {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl)
    }

    .yx-nvgap-nm {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .yx-nvgap-nm>* {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-nggap-ny {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .yx-nggap-ny>* {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-nbgap-nw {
        --gap-x: 0;
        --gap-y: 0
    }

    .yx-nbgap-nw>* {
        --sub-gap-x: 0;
        --sub-gap-y: 0
    }

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

    .yx-nxgap-nk>* {
        --sub-gap-x: var(--space-xxxxs)
    }

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

    .yx-n_gap-nj>* {
        --sub-gap-x: var(--space-xxxs)
    }

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

    .yx-nqgap-nz>* {
        --sub-gap-x: var(--space-xxs)
    }

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

    .yx-regap-rt>* {
        --sub-gap-x: var(--space-xs)
    }

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

    .yx-rngap-rr>* {
        --sub-gap-x: var(--space-sm)
    }

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

    .yx-rigap-rs>* {
        --sub-gap-x: var(--space-md)
    }

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

    .yx-rogap-ru>* {
        --sub-gap-x: var(--space-lg)
    }

    .yx-ragap-rf {
        --gap-x: var(--space-xl)
    }

    .yx-ragap-rf>* {
        --sub-gap-x: var(--space-xl)
    }

    .yx-rlgap-rc {
        --gap-x: var(--space-xxl)
    }

    .yx-rlgap-rc>* {
        --sub-gap-x: var(--space-xxl)
    }

    .yx-rhgap-rp {
        --gap-x: var(--space-xxxl)
    }

    .yx-rhgap-rp>* {
        --sub-gap-x: var(--space-xxxl)
    }

    .yx-rdgap-rv {
        --gap-x: var(--space-xxxxl)
    }

    .yx-rdgap-rv>* {
        --sub-gap-x: var(--space-xxxxl)
    }

    .yx-rmgap-rg {
        --gap-x: 0
    }

    .yx-rmgap-rg>* {
        --sub-gap-x: 0
    }

    .yx-rygap-rb {
        --gap-y: var(--space-xxxxs)
    }

    .yx-rygap-rb>* {
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-rwgap-rx {
        --gap-y: var(--space-xxxs)
    }

    .yx-rwgap-rx>* {
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-rkgap-r_ {
        --gap-y: var(--space-xxs)
    }

    .yx-rkgap-r_>* {
        --sub-gap-y: var(--space-xxs)
    }

    .yx-rjgap-rq {
        --gap-y: var(--space-xs)
    }

    .yx-rjgap-rq>* {
        --sub-gap-y: var(--space-xs)
    }

    .yx-rzgap-ie {
        --gap-y: var(--space-sm)
    }

    .yx-rzgap-ie>* {
        --sub-gap-y: var(--space-sm)
    }

    .yx-itgap-in {
        --gap-y: var(--space-md)
    }

    .yx-itgap-in>* {
        --sub-gap-y: var(--space-md)
    }

    .yx-irgap-ii {
        --gap-y: var(--space-lg)
    }

    .yx-irgap-ii>* {
        --sub-gap-y: var(--space-lg)
    }

    .yx-isgap-io {
        --gap-y: var(--space-xl)
    }

    .yx-isgap-io>* {
        --sub-gap-y: var(--space-xl)
    }

    .yx-iugap-ia {
        --gap-y: var(--space-xxl)
    }

    .yx-iugap-ia>* {
        --sub-gap-y: var(--space-xxl)
    }

    .yx-ifgap-il {
        --gap-y: var(--space-xxxl)
    }

    .yx-ifgap-il>* {
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-icgap-ih {
        --gap-y: var(--space-xxxxl)
    }

    .yx-icgap-ih>* {
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-ipgap-id {
        --gap-y: 0
    }

    .yx-ipgap-id>* {
        --sub-gap-y: 0
    }

    .yx-tf {
        --grid-columns: 1
    }

    .yx-tl {
        --span: 1
    }

    .yx-tc {
        --grid-columns: 2
    }

    .yx-th {
        --span: 2
    }

    .yx-tp {
        --grid-columns: 3
    }

    .yx-td {
        --span: 3
    }

    .yx-tv {
        --grid-columns: 4
    }

    .yx-tm {
        --span: 4
    }

    .yx-tg {
        --grid-columns: 5
    }

    .yx-ty {
        --span: 5
    }

    .yx-tb {
        --grid-columns: 6
    }

    .yx-tw {
        --span: 6
    }

    .yx-tx {
        --grid-columns: 7
    }

    .yx-tk {
        --span: 7
    }

    .yx-t_ {
        --grid-columns: 8
    }

    .yx-tj {
        --span: 8
    }

    .yx-tq {
        --grid-columns: 9
    }

    .yx-tz {
        --span: 9
    }

    .yx-ne {
        --grid-columns: 10
    }

    .yx-nt {
        --span: 10
    }

    .yx-nn {
        --grid-columns: 11
    }

    .yx-nr {
        --span: 11
    }

    .yx-ni {
        --grid-columns: 12
    }

    .yx-ns {
        --span: 12
    }

    .yx-nr,
    .yx-ns,
    .yx-nt,
    .yx-td,
    .yx-th,
    .yx-tj,
    .yx-tk,
    .yx-tl,
    .yx-tm,
    .yx-tw,
    .yx-ty,
    .yx-tz {
        flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
        max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
    }

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

    .yx-nu {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .yx-na {
        --offset: 1
    }

    .yx-nf {
        --offset: 2
    }

    .yx-nl {
        --offset: 3
    }

    .yx-nc {
        --offset: 4
    }

    .yx-nh {
        --offset: 5
    }

    .yx-np {
        --offset: 6
    }

    .yx-nd {
        --offset: 7
    }

    .yx-nv {
        --offset: 8
    }

    .yx-nm {
        --offset: 9
    }

    .yx-ng {
        --offset: 10
    }

    .yx-ny {
        --offset: 11
    }

    .yx-na,
    .yx-nc,
    .yx-nd,
    .yx-nf,
    .yx-ng,
    .yx-nh,
    .yx-nl,
    .yx-nm,
    .yx-np,
    .yx-nv,
    .yx-ny {
        margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
    }

    .yx-nb {
        margin-left: 0
    }

    @media not all and (min-resolution:0.001dpcm) {
        @supports not (translate:none) {
            .yx-nb {
                margin-left: var(--gap-x)
            }
        }
    }
}

@media(min-width:48rem) {
    .yx-ivgap-im {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .yx-ivgap-im>* {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs)
    }

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

    .yx-iggap-iy>* {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs)
    }

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

    .yx-ibgap-iw>* {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs)
    }

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

    .yx-ixgap-ik>* {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs)
    }

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

    .yx-i_gap-ij>* {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm)
    }

    .yx-iqgap-iz {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .yx-iqgap-iz>* {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md)
    }

    .yx-segap-st {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .yx-segap-st>* {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg)
    }

    .yx-sngap-sr {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .yx-sngap-sr>* {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl)
    }

    .yx-sigap-ss {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .yx-sigap-ss>* {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl)
    }

    .yx-sogap-su {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .yx-sogap-su>* {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-sagap-sf {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .yx-sagap-sf>* {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-slgap-sc {
        --gap-x: 0;
        --gap-y: 0
    }

    .yx-slgap-sc>* {
        --sub-gap-x: 0;
        --sub-gap-y: 0
    }

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

    .yx-shgap-sp>* {
        --sub-gap-x: var(--space-xxxxs)
    }

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

    .yx-sdgap-sv>* {
        --sub-gap-x: var(--space-xxxs)
    }

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

    .yx-smgap-sg>* {
        --sub-gap-x: var(--space-xxs)
    }

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

    .yx-sygap-sb>* {
        --sub-gap-x: var(--space-xs)
    }

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

    .yx-swgap-sx>* {
        --sub-gap-x: var(--space-sm)
    }

    .yx-skgap-s_ {
        --gap-x: var(--space-md)
    }

    .yx-skgap-s_>* {
        --sub-gap-x: var(--space-md)
    }

    .yx-sjgap-sq {
        --gap-x: var(--space-lg)
    }

    .yx-sjgap-sq>* {
        --sub-gap-x: var(--space-lg)
    }

    .yx-szgap-oe {
        --gap-x: var(--space-xl)
    }

    .yx-szgap-oe>* {
        --sub-gap-x: var(--space-xl)
    }

    .yx-otgap-on {
        --gap-x: var(--space-xxl)
    }

    .yx-otgap-on>* {
        --sub-gap-x: var(--space-xxl)
    }

    .yx-orgap-oi {
        --gap-x: var(--space-xxxl)
    }

    .yx-orgap-oi>* {
        --sub-gap-x: var(--space-xxxl)
    }

    .yx-osgap-oo {
        --gap-x: var(--space-xxxxl)
    }

    .yx-osgap-oo>* {
        --sub-gap-x: var(--space-xxxxl)
    }

    .yx-ougap-oa {
        --gap-x: 0
    }

    .yx-ougap-oa>* {
        --sub-gap-x: 0
    }

    .yx-ofgap-ol {
        --gap-y: var(--space-xxxxs)
    }

    .yx-ofgap-ol>* {
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-ocgap-oh {
        --gap-y: var(--space-xxxs)
    }

    .yx-ocgap-oh>* {
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-opgap-od {
        --gap-y: var(--space-xxs)
    }

    .yx-opgap-od>* {
        --sub-gap-y: var(--space-xxs)
    }

    .yx-ovgap-om {
        --gap-y: var(--space-xs)
    }

    .yx-ovgap-om>* {
        --sub-gap-y: var(--space-xs)
    }

    .yx-oggap-oy {
        --gap-y: var(--space-sm)
    }

    .yx-oggap-oy>* {
        --sub-gap-y: var(--space-sm)
    }

    .yx-obgap-ow {
        --gap-y: var(--space-md)
    }

    .yx-obgap-ow>* {
        --sub-gap-y: var(--space-md)
    }

    .yx-oxgap-ok {
        --gap-y: var(--space-lg)
    }

    .yx-oxgap-ok>* {
        --sub-gap-y: var(--space-lg)
    }

    .yx-o_gap-oj {
        --gap-y: var(--space-xl)
    }

    .yx-o_gap-oj>* {
        --sub-gap-y: var(--space-xl)
    }

    .yx-oqgap-oz {
        --gap-y: var(--space-xxl)
    }

    .yx-oqgap-oz>* {
        --sub-gap-y: var(--space-xxl)
    }

    .yx-uegap-ut {
        --gap-y: var(--space-xxxl)
    }

    .yx-uegap-ut>* {
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-ungap-ur {
        --gap-y: var(--space-xxxxl)
    }

    .yx-ungap-ur>* {
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-uigap-us {
        --gap-y: 0
    }

    .yx-uigap-us>* {
        --sub-gap-y: 0
    }

    .yx-nw {
        --grid-columns: 1
    }

    .yx-nx {
        --span: 1
    }

    .yx-nk {
        --grid-columns: 2
    }

    .yx-n_ {
        --span: 2
    }

    .yx-nj {
        --grid-columns: 3
    }

    .yx-nq {
        --span: 3
    }

    .yx-nz {
        --grid-columns: 4
    }

    .yx-re {
        --span: 4
    }

    .yx-rt {
        --grid-columns: 5
    }

    .yx-rn {
        --span: 5
    }

    .yx-rr {
        --grid-columns: 6
    }

    .yx-ri {
        --span: 6
    }

    .yx-rs {
        --grid-columns: 7
    }

    .yx-ro {
        --span: 7
    }

    .yx-ru {
        --grid-columns: 8
    }

    .yx-ra {
        --span: 8
    }

    .yx-rf {
        --grid-columns: 9
    }

    .yx-rl {
        --span: 9
    }

    .yx-rc {
        --grid-columns: 10
    }

    .yx-rh {
        --span: 10
    }

    .yx-rp {
        --grid-columns: 11
    }

    .yx-rd {
        --span: 11
    }

    .yx-rv {
        --grid-columns: 12
    }

    .yx-rm {
        --span: 12
    }

    .yx-n_,
    .yx-nq,
    .yx-nx,
    .yx-ra,
    .yx-rd,
    .yx-re,
    .yx-rh,
    .yx-ri,
    .yx-rl,
    .yx-rm,
    .yx-rn,
    .yx-ro {
        flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
        max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
    }

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

    .yx-ry {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .yx-rb {
        --offset: 1
    }

    .yx-rw {
        --offset: 2
    }

    .yx-rx {
        --offset: 3
    }

    .yx-rk {
        --offset: 4
    }

    .yx-r_ {
        --offset: 5
    }

    .yx-rj {
        --offset: 6
    }

    .yx-rq {
        --offset: 7
    }

    .yx-rz {
        --offset: 8
    }

    .yx-ie {
        --offset: 9
    }

    .yx-it {
        --offset: 10
    }

    .yx-in {
        --offset: 11
    }

    .yx-ie,
    .yx-in,
    .yx-it,
    .yx-r_,
    .yx-rb,
    .yx-rj,
    .yx-rk,
    .yx-rq,
    .yx-rw,
    .yx-rx,
    .yx-rz {
        margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
    }

    .yx-ir {
        margin-left: 0
    }

    @media not all and (min-resolution:0.001dpcm) {
        @supports not (translate:none) {
            .yx-ir {
                margin-left: var(--gap-x)
            }
        }
    }
}

@media(min-width:64rem) {
    .yx-uogap-uu {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .yx-uogap-uu>* {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs)
    }

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

    .yx-uagap-uf>* {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs)
    }

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

    .yx-ulgap-uc>* {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs)
    }

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

    .yx-uhgap-up>* {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs)
    }

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

    .yx-udgap-uv>* {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm)
    }

    .yx-umgap-ug {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .yx-umgap-ug>* {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md)
    }

    .yx-uygap-ub {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .yx-uygap-ub>* {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg)
    }

    .yx-uwgap-ux {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .yx-uwgap-ux>* {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl)
    }

    .yx-ukgap-u_ {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .yx-ukgap-u_>* {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl)
    }

    .yx-ujgap-uq {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .yx-ujgap-uq>* {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-uzgap-ae {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .yx-uzgap-ae>* {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-atgap-an {
        --gap-x: 0;
        --gap-y: 0
    }

    .yx-atgap-an>* {
        --sub-gap-x: 0;
        --sub-gap-y: 0
    }

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

    .yx-argap-ai>* {
        --sub-gap-x: var(--space-xxxxs)
    }

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

    .yx-asgap-ao>* {
        --sub-gap-x: var(--space-xxxs)
    }

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

    .yx-augap-aa>* {
        --sub-gap-x: var(--space-xxs)
    }

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

    .yx-afgap-al>* {
        --sub-gap-x: var(--space-xs)
    }

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

    .yx-acgap-ah>* {
        --sub-gap-x: var(--space-sm)
    }

    .yx-apgap-ad {
        --gap-x: var(--space-md)
    }

    .yx-apgap-ad>* {
        --sub-gap-x: var(--space-md)
    }

    .yx-avgap-am {
        --gap-x: var(--space-lg)
    }

    .yx-avgap-am>* {
        --sub-gap-x: var(--space-lg)
    }

    .yx-aggap-ay {
        --gap-x: var(--space-xl)
    }

    .yx-aggap-ay>* {
        --sub-gap-x: var(--space-xl)
    }

    .yx-abgap-aw {
        --gap-x: var(--space-xxl)
    }

    .yx-abgap-aw>* {
        --sub-gap-x: var(--space-xxl)
    }

    .yx-axgap-ak {
        --gap-x: var(--space-xxxl)
    }

    .yx-axgap-ak>* {
        --sub-gap-x: var(--space-xxxl)
    }

    .yx-a_gap-aj {
        --gap-x: var(--space-xxxxl)
    }

    .yx-a_gap-aj>* {
        --sub-gap-x: var(--space-xxxxl)
    }

    .yx-aqgap-az {
        --gap-x: 0
    }

    .yx-aqgap-az>* {
        --sub-gap-x: 0
    }

    .yx-fegap-ft {
        --gap-y: var(--space-xxxxs)
    }

    .yx-fegap-ft>* {
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-fngap-fr {
        --gap-y: var(--space-xxxs)
    }

    .yx-fngap-fr>* {
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-figap-fs {
        --gap-y: var(--space-xxs)
    }

    .yx-figap-fs>* {
        --sub-gap-y: var(--space-xxs)
    }

    .yx-fogap-fu {
        --gap-y: var(--space-xs)
    }

    .yx-fogap-fu>* {
        --sub-gap-y: var(--space-xs)
    }

    .yx-fagap-ff {
        --gap-y: var(--space-sm)
    }

    .yx-fagap-ff>* {
        --sub-gap-y: var(--space-sm)
    }

    .yx-flgap-fc {
        --gap-y: var(--space-md)
    }

    .yx-flgap-fc>* {
        --sub-gap-y: var(--space-md)
    }

    .yx-fhgap-fp {
        --gap-y: var(--space-lg)
    }

    .yx-fhgap-fp>* {
        --sub-gap-y: var(--space-lg)
    }

    .yx-fdgap-fv {
        --gap-y: var(--space-xl)
    }

    .yx-fdgap-fv>* {
        --sub-gap-y: var(--space-xl)
    }

    .yx-fmgap-fg {
        --gap-y: var(--space-xxl)
    }

    .yx-fmgap-fg>* {
        --sub-gap-y: var(--space-xxl)
    }

    .yx-fygap-fb {
        --gap-y: var(--space-xxxl)
    }

    .yx-fygap-fb>* {
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-fwgap-fx {
        --gap-y: var(--space-xxxxl)
    }

    .yx-fwgap-fx>* {
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-fkgap-f_ {
        --gap-y: 0
    }

    .yx-fkgap-f_>* {
        --sub-gap-y: 0
    }

    .yx-ii {
        --grid-columns: 1
    }

    .yx-is {
        --span: 1
    }

    .yx-io {
        --grid-columns: 2
    }

    .yx-iu {
        --span: 2
    }

    .yx-ia {
        --grid-columns: 3
    }

    .yx-if {
        --span: 3
    }

    .yx-il {
        --grid-columns: 4
    }

    .yx-ic {
        --span: 4
    }

    .yx-ih {
        --grid-columns: 5
    }

    .yx-ip {
        --span: 5
    }

    .yx-id {
        --grid-columns: 6
    }

    .yx-iv {
        --span: 6
    }

    .yx-im {
        --grid-columns: 7
    }

    .yx-ig {
        --span: 7
    }

    .yx-iy {
        --grid-columns: 8
    }

    .yx-ib {
        --span: 8
    }

    .yx-iw {
        --grid-columns: 9
    }

    .yx-ix {
        --span: 9
    }

    .yx-ik {
        --grid-columns: 10
    }

    .yx-i_ {
        --span: 10
    }

    .yx-ij {
        --grid-columns: 11
    }

    .yx-iq {
        --span: 11
    }

    .yx-iz {
        --grid-columns: 12
    }

    .yx-se {
        --span: 12
    }

    .yx-i_,
    .yx-ib,
    .yx-ic,
    .yx-if,
    .yx-ig,
    .yx-ip,
    .yx-iq,
    .yx-is,
    .yx-iu,
    .yx-iv,
    .yx-ix,
    .yx-se {
        flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
        max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
    }

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

    .yx-sn {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .yx-sr {
        --offset: 1
    }

    .yx-si {
        --offset: 2
    }

    .yx-ss {
        --offset: 3
    }

    .yx-so {
        --offset: 4
    }

    .yx-su {
        --offset: 5
    }

    .yx-sa {
        --offset: 6
    }

    .yx-sf {
        --offset: 7
    }

    .yx-sl {
        --offset: 8
    }

    .yx-sc {
        --offset: 9
    }

    .yx-sh {
        --offset: 10
    }

    .yx-sp {
        --offset: 11
    }

    .yx-sa,
    .yx-sc,
    .yx-sf,
    .yx-sh,
    .yx-si,
    .yx-sl,
    .yx-so,
    .yx-sp,
    .yx-sr,
    .yx-ss,
    .yx-su {
        margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
    }

    .yx-sd {
        margin-left: 0
    }

    @media not all and (min-resolution:0.001dpcm) {
        @supports not (translate:none) {
            .yx-sd {
                margin-left: var(--gap-x)
            }
        }
    }
}

@media(min-width:80rem) {
    .yx-fjgap-fq {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .yx-fjgap-fq>* {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs)
    }

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

    .yx-fzgap-le>* {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs)
    }

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

    .yx-ltgap-ln>* {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs)
    }

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

    .yx-lrgap-li>* {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs)
    }

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

    .yx-lsgap-lo>* {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm)
    }

    .yx-lugap-la {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .yx-lugap-la>* {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md)
    }

    .yx-lfgap-ll {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .yx-lfgap-ll>* {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg)
    }

    .yx-lcgap-lh {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .yx-lcgap-lh>* {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl)
    }

    .yx-lpgap-ld {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .yx-lpgap-ld>* {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl)
    }

    .yx-lvgap-lm {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .yx-lvgap-lm>* {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-lggap-ly {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .yx-lggap-ly>* {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-lbgap-lw {
        --gap-x: 0;
        --gap-y: 0
    }

    .yx-lbgap-lw>* {
        --sub-gap-x: 0;
        --sub-gap-y: 0
    }

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

    .yx-lxgap-lk>* {
        --sub-gap-x: var(--space-xxxxs)
    }

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

    .yx-l_gap-lj>* {
        --sub-gap-x: var(--space-xxxs)
    }

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

    .yx-lqgap-lz>* {
        --sub-gap-x: var(--space-xxs)
    }

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

    .yx-cegap-ct>* {
        --sub-gap-x: var(--space-xs)
    }

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

    .yx-cngap-cr>* {
        --sub-gap-x: var(--space-sm)
    }

    .yx-cigap-cs {
        --gap-x: var(--space-md)
    }

    .yx-cigap-cs>* {
        --sub-gap-x: var(--space-md)
    }

    .yx-cogap-cu {
        --gap-x: var(--space-lg)
    }

    .yx-cogap-cu>* {
        --sub-gap-x: var(--space-lg)
    }

    .yx-cagap-cf {
        --gap-x: var(--space-xl)
    }

    .yx-cagap-cf>* {
        --sub-gap-x: var(--space-xl)
    }

    .yx-clgap-cc {
        --gap-x: var(--space-xxl)
    }

    .yx-clgap-cc>* {
        --sub-gap-x: var(--space-xxl)
    }

    .yx-chgap-cp {
        --gap-x: var(--space-xxxl)
    }

    .yx-chgap-cp>* {
        --sub-gap-x: var(--space-xxxl)
    }

    .yx-cdgap-cv {
        --gap-x: var(--space-xxxxl)
    }

    .yx-cdgap-cv>* {
        --sub-gap-x: var(--space-xxxxl)
    }

    .yx-cmgap-cg {
        --gap-x: 0
    }

    .yx-cmgap-cg>* {
        --sub-gap-x: 0
    }

    .yx-cygap-cb {
        --gap-y: var(--space-xxxxs)
    }

    .yx-cygap-cb>* {
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-cwgap-cx {
        --gap-y: var(--space-xxxs)
    }

    .yx-cwgap-cx>* {
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-ckgap-c_ {
        --gap-y: var(--space-xxs)
    }

    .yx-ckgap-c_>* {
        --sub-gap-y: var(--space-xxs)
    }

    .yx-cjgap-cq {
        --gap-y: var(--space-xs)
    }

    .yx-cjgap-cq>* {
        --sub-gap-y: var(--space-xs)
    }

    .yx-czgap-he {
        --gap-y: var(--space-sm)
    }

    .yx-czgap-he>* {
        --sub-gap-y: var(--space-sm)
    }

    .yx-htgap-hn {
        --gap-y: var(--space-md)
    }

    .yx-htgap-hn>* {
        --sub-gap-y: var(--space-md)
    }

    .yx-hrgap-hi {
        --gap-y: var(--space-lg)
    }

    .yx-hrgap-hi>* {
        --sub-gap-y: var(--space-lg)
    }

    .yx-hsgap-ho {
        --gap-y: var(--space-xl)
    }

    .yx-hsgap-ho>* {
        --sub-gap-y: var(--space-xl)
    }

    .yx-hugap-ha {
        --gap-y: var(--space-xxl)
    }

    .yx-hugap-ha>* {
        --sub-gap-y: var(--space-xxl)
    }

    .yx-hfgap-hl {
        --gap-y: var(--space-xxxl)
    }

    .yx-hfgap-hl>* {
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-hcgap-hh {
        --gap-y: var(--space-xxxxl)
    }

    .yx-hcgap-hh>* {
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-hpgap-hd {
        --gap-y: 0
    }

    .yx-hpgap-hd>* {
        --sub-gap-y: 0
    }

    .yx-sv {
        --grid-columns: 1
    }

    .yx-sm {
        --span: 1
    }

    .yx-sg {
        --grid-columns: 2
    }

    .yx-sy {
        --span: 2
    }

    .yx-sb {
        --grid-columns: 3
    }

    .yx-sw {
        --span: 3
    }

    .yx-sx {
        --grid-columns: 4
    }

    .yx-sk {
        --span: 4
    }

    .yx-s_ {
        --grid-columns: 5
    }

    .yx-sj {
        --span: 5
    }

    .yx-sq {
        --grid-columns: 6
    }

    .yx-sz {
        --span: 6
    }

    .yx-oe {
        --grid-columns: 7
    }

    .yx-ot {
        --span: 7
    }

    .yx-on {
        --grid-columns: 8
    }

    .yx-or {
        --span: 8
    }

    .yx-oi {
        --grid-columns: 9
    }

    .yx-os {
        --span: 9
    }

    .yx-oo {
        --grid-columns: 10
    }

    .yx-ou {
        --span: 10
    }

    .yx-oa {
        --grid-columns: 11
    }

    .yx-of {
        --span: 11
    }

    .yx-ol {
        --grid-columns: 12
    }

    .yx-oc {
        --span: 12
    }

    .yx-oc,
    .yx-of,
    .yx-or,
    .yx-os,
    .yx-ot,
    .yx-ou,
    .yx-sj,
    .yx-sk,
    .yx-sm,
    .yx-sw,
    .yx-sy,
    .yx-sz {
        flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
        max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
    }

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

    .yx-op {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .yx-od {
        --offset: 1
    }

    .yx-ov {
        --offset: 2
    }

    .yx-om {
        --offset: 3
    }

    .yx-og {
        --offset: 4
    }

    .yx-oy {
        --offset: 5
    }

    .yx-ob {
        --offset: 6
    }

    .yx-ow {
        --offset: 7
    }

    .yx-ox {
        --offset: 8
    }

    .yx-ok {
        --offset: 9
    }

    .yx-o_ {
        --offset: 10
    }

    .yx-oj {
        --offset: 11
    }

    .yx-o_,
    .yx-ob,
    .yx-od,
    .yx-og,
    .yx-oj,
    .yx-ok,
    .yx-om,
    .yx-ov,
    .yx-ow,
    .yx-ox,
    .yx-oy {
        margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
    }

    .yx-oq {
        margin-left: 0
    }

    @media not all and (min-resolution:0.001dpcm) {
        @supports not (translate:none) {
            .yx-oq {
                margin-left: var(--gap-x)
            }
        }
    }
}

@media(min-width:90rem) {
    .yx-hvgap-hm {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs)
    }

    .yx-hvgap-hm>* {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs)
    }

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

    .yx-hggap-hy>* {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs)
    }

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

    .yx-hbgap-hw>* {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs)
    }

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

    .yx-hxgap-hk>* {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs)
    }

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

    .yx-h_gap-hj>* {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm)
    }

    .yx-hqgap-hz {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md)
    }

    .yx-hqgap-hz>* {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md)
    }

    .yx-pegap-pt {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg)
    }

    .yx-pegap-pt>* {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg)
    }

    .yx-pngap-pr {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl)
    }

    .yx-pngap-pr>* {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl)
    }

    .yx-pigap-ps {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl)
    }

    .yx-pigap-ps>* {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl)
    }

    .yx-pogap-pu {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl)
    }

    .yx-pogap-pu>* {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-pagap-pf {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl)
    }

    .yx-pagap-pf>* {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-plgap-pc {
        --gap-x: 0;
        --gap-y: 0
    }

    .yx-plgap-pc>* {
        --sub-gap-x: 0;
        --sub-gap-y: 0
    }

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

    .yx-phgap-pp>* {
        --sub-gap-x: var(--space-xxxxs)
    }

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

    .yx-pdgap-pv>* {
        --sub-gap-x: var(--space-xxxs)
    }

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

    .yx-pmgap-pg>* {
        --sub-gap-x: var(--space-xxs)
    }

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

    .yx-pygap-pb>* {
        --sub-gap-x: var(--space-xs)
    }

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

    .yx-pwgap-px>* {
        --sub-gap-x: var(--space-sm)
    }

    .yx-pkgap-p_ {
        --gap-x: var(--space-md)
    }

    .yx-pkgap-p_>* {
        --sub-gap-x: var(--space-md)
    }

    .yx-pjgap-pq {
        --gap-x: var(--space-lg)
    }

    .yx-pjgap-pq>* {
        --sub-gap-x: var(--space-lg)
    }

    .yx-pzgap-de {
        --gap-x: var(--space-xl)
    }

    .yx-pzgap-de>* {
        --sub-gap-x: var(--space-xl)
    }

    .yx-dtgap-dn {
        --gap-x: var(--space-xxl)
    }

    .yx-dtgap-dn>* {
        --sub-gap-x: var(--space-xxl)
    }

    .yx-drgap-di {
        --gap-x: var(--space-xxxl)
    }

    .yx-drgap-di>* {
        --sub-gap-x: var(--space-xxxl)
    }

    .yx-dsgap-do {
        --gap-x: var(--space-xxxxl)
    }

    .yx-dsgap-do>* {
        --sub-gap-x: var(--space-xxxxl)
    }

    .yx-dugap-da {
        --gap-x: 0
    }

    .yx-dugap-da>* {
        --sub-gap-x: 0
    }

    .yx-dfgap-dl {
        --gap-y: var(--space-xxxxs)
    }

    .yx-dfgap-dl>* {
        --sub-gap-y: var(--space-xxxxs)
    }

    .yx-dcgap-dh {
        --gap-y: var(--space-xxxs)
    }

    .yx-dcgap-dh>* {
        --sub-gap-y: var(--space-xxxs)
    }

    .yx-dpgap-dd {
        --gap-y: var(--space-xxs)
    }

    .yx-dpgap-dd>* {
        --sub-gap-y: var(--space-xxs)
    }

    .yx-dvgap-dm {
        --gap-y: var(--space-xs)
    }

    .yx-dvgap-dm>* {
        --sub-gap-y: var(--space-xs)
    }

    .yx-dggap-dy {
        --gap-y: var(--space-sm)
    }

    .yx-dggap-dy>* {
        --sub-gap-y: var(--space-sm)
    }

    .yx-dbgap-dw {
        --gap-y: var(--space-md)
    }

    .yx-dbgap-dw>* {
        --sub-gap-y: var(--space-md)
    }

    .yx-dxgap-dk {
        --gap-y: var(--space-lg)
    }

    .yx-dxgap-dk>* {
        --sub-gap-y: var(--space-lg)
    }

    .yx-d_gap-dj {
        --gap-y: var(--space-xl)
    }

    .yx-d_gap-dj>* {
        --sub-gap-y: var(--space-xl)
    }

    .yx-dqgap-dz {
        --gap-y: var(--space-xxl)
    }

    .yx-dqgap-dz>* {
        --sub-gap-y: var(--space-xxl)
    }

    .yx-vegap-vt {
        --gap-y: var(--space-xxxl)
    }

    .yx-vegap-vt>* {
        --sub-gap-y: var(--space-xxxl)
    }

    .yx-vngap-vr {
        --gap-y: var(--space-xxxxl)
    }

    .yx-vngap-vr>* {
        --sub-gap-y: var(--space-xxxxl)
    }

    .yx-vigap-vs {
        --gap-y: 0
    }

    .yx-vigap-vs>* {
        --sub-gap-y: 0
    }

    .yx-oz {
        --grid-columns: 1
    }

    .yx-ue {
        --span: 1
    }

    .yx-ut {
        --grid-columns: 2
    }

    .yx-un {
        --span: 2
    }

    .yx-ur {
        --grid-columns: 3
    }

    .yx-ui {
        --span: 3
    }

    .yx-us {
        --grid-columns: 4
    }

    .yx-uo {
        --span: 4
    }

    .yx-uu {
        --grid-columns: 5
    }

    .yx-ua {
        --span: 5
    }

    .yx-uf {
        --grid-columns: 6
    }

    .yx-ul {
        --span: 6
    }

    .yx-uc {
        --grid-columns: 7
    }

    .yx-uh {
        --span: 7
    }

    .yx-up {
        --grid-columns: 8
    }

    .yx-ud {
        --span: 8
    }

    .yx-uv {
        --grid-columns: 9
    }

    .yx-um {
        --span: 9
    }

    .yx-ug {
        --grid-columns: 10
    }

    .yx-uy {
        --span: 10
    }

    .yx-ub {
        --grid-columns: 11
    }

    .yx-uw {
        --span: 11
    }

    .yx-ux {
        --grid-columns: 12
    }

    .yx-uk {
        --span: 12
    }

    .yx-ua,
    .yx-ud,
    .yx-ue,
    .yx-uh,
    .yx-ui,
    .yx-uk,
    .yx-ul,
    .yx-um,
    .yx-un,
    .yx-uo,
    .yx-uw,
    .yx-uy {
        flex-basis: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x));
        max-width: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--span)/var(--grid-columns) + (var(--span) - 1) * var(--sub-gap-x))
    }

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

    .yx-uj {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial
    }

    .yx-uq {
        --offset: 1
    }

    .yx-uz {
        --offset: 2
    }

    .yx-ae {
        --offset: 3
    }

    .yx-at {
        --offset: 4
    }

    .yx-an {
        --offset: 5
    }

    .yx-ar {
        --offset: 6
    }

    .yx-ai {
        --offset: 7
    }

    .yx-as {
        --offset: 8
    }

    .yx-ao {
        --offset: 9
    }

    .yx-au {
        --offset: 10
    }

    .yx-aa {
        --offset: 11
    }

    .yx-aa,
    .yx-ae,
    .yx-ai,
    .yx-an,
    .yx-ao,
    .yx-ar,
    .yx-as,
    .yx-at,
    .yx-au,
    .yx-uq,
    .yx-uz {
        margin-left: calc((100% - (var(--grid-columns) - var(--gap-modifier, 1)) * var(--sub-gap-x)) * var(--offset)/var(--grid-columns) + (var(--offset) + var(--offset-modifier, 0)) * var(--sub-gap-x))
    }

    .yx-af {
        margin-left: 0
    }

    @media not all and (min-resolution:0.001dpcm) {
        @supports not (translate:none) {
            .yx-af {
                margin-left: var(--gap-x)
            }
        }
    }
}

*,
::after,
::before {
    box-sizing: inherit
}

* {
    font: inherit
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0
}

html {
    box-sizing: border-box
}

body {
    background-color: var(--color-bg, #fff)
}

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

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

button,
input,
select,
textarea {
    margin: 0
}

.btn,
.form-control,
.link,
.reset {
    background-color: transparent;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select.form-control::-ms-expand {
    display: none
}

textarea {
    resize: vertical;
    overflow: auto;
    vertical-align: top
}

input::-ms-clear {
    display: none
}

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

img,
svg,
video {
    max-width: 100%
}

[data-theme] {
    background-color: var(--color-bg, hsl(0deg, 0%, 100%));
    color: var(--color-contrast-high, hsl(210deg, 7%, 21%))
}

:root {
    --space-unit: 1rem
}

*,
:root {
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}

:root {
    --radius-sm: calc(var(--radius, 0.375em)/2);
    --radius-md: var(--radius, 0.375em);
    --radius-lg: calc(var(--radius, 0.375em)*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);
    --inner-glow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075);
    --inner-glow-top: inset 0 1px 0.5px hsla(0, 0%, 100%, 0.075);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1)
}

:root {
    --heading-line-height: 1.2;
    --body-line-height: 1.4
}

body {
    font-size: var(--text-base-size, 1rem);
    font-family: var(--font-primary, sans-serif);
    color: var(--color-contrast-high, hsl(210deg, 7%, 21%));
    font-weight: var(--body-font-weight, normal)
}

h1,
h2,
h3,
h4 {
    color: var(--color-contrast-higher, hsl(204deg, 28%, 7%));
    line-height: var(--heading-line-height, 1.2);
    font-weight: var(--heading-font-weight, 700)
}

h1 {
    font-size: var(--text-xxl, 2rem)
}

h2 {
    font-size: var(--text-xl, 1.75rem)
}

h3 {
    font-size: var(--text-lg, 1.375rem)
}

h4 {
    font-size: var(--text-md, 1.125rem)
}

small {
    font-size: var(--text-sm, .75rem)
}

.link,
a {
    color: var(--color-primary, hsl(250deg, 84%, 54%));
    text-decoration: underline
}

strong {
    font-weight: 700
}

s {
    text-decoration: line-through
}

u {
    text-decoration: underline
}

.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {
    line-height: calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * .3125 * var(--text-space-y-multiplier, 1))
}

.text-component h2,
.text-component h3,
.text-component h4 {
    margin-top: calc(var(--space-unit) * .9375 * var(--text-space-y-multiplier, 1))
}

.text-component blockquote,
.text-component ol li,
.text-component p,
.text-component ul li {
    line-height: calc(var(--body-line-height) * var(--line-height-multiplier, 1))
}

.text-component .text-component__block,
.text-component blockquote,
.text-component ol,
.text-component p,
.text-component ul {
    margin-bottom: calc(var(--space-unit) * .9375 * var(--text-space-y-multiplier, 1))
}

.text-component ol,
.text-component ul {
    list-style-position: inside
}

.text-component ol ol,
.text-component ol ul,
.text-component ul ol,
.text-component ul ul {
    padding-left: 1em;
    margin-bottom: 0
}

.text-component ul {
    list-style-type: disc
}

.text-component ol {
    list-style-type: decimal
}

.text-component img {
    display: block;
    margin: 0 auto
}

.text-component figcaption {
    text-align: center;
    margin-top: calc(var(--space-unit) * .5)
}

.text-component em {
    font-style: italic
}

.text-component hr {
    margin-top: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
    margin-bottom: calc(var(--space-unit) * 1.875 * var(--text-space-y-multiplier, 1));
    margin-left: auto;
    margin-right: auto
}

.text-component>:first-child {
    margin-top: 0
}

.text-component>:last-child {
    margin-bottom: 0
}

.text-component__block--full-width {
    width: 100vw;
    margin-left: calc(50% - 50vw)
}

@media(min-width:48rem) {

    .text-component__block--left,
    .text-component__block--right {
        width: 45%
    }

    .text-component__block--left img,
    .text-component__block--right img {
        width: 100%
    }

    .text-component__block--left {
        float: left;
        margin-right: calc(var(--space-unit) * .9375 * var(--text-space-y-multiplier, 1))
    }

    .text-component__block--right {
        float: right;
        margin-left: calc(var(--space-unit) * .9375 * var(--text-space-y-multiplier, 1))
    }
}

@media(min-width:90rem) {
    .text-component__block--outset {
        width: calc(100% + 10.5 * var(--space-unit))
    }

    .text-component__block--outset img {
        width: 100%
    }

    .text-component__block--outset:not(.text-component__block--right) {
        margin-left: calc(-5.25 * var(--space-unit))
    }

    .text-component__block--left,
    .text-component__block--right {
        width: 50%
    }

    .text-component__block--right.text-component__block--outset {
        margin-right: calc(-5.25 * var(--space-unit))
    }
}

:root {
    --icon-xxxs: 8px;
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 96px;
    --icon-xxxl: 128px
}

.icon {
    --size: 1em;
    height: var(--size);
    width: var(--size);
    display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial
}

.yx-al {
    --size: var(--icon-xxxs)
}

.yx-ac {
    --size: var(--icon-xxs)
}

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

.yx-ah {
    --size: var(--icon-sm)
}

.yx-ap {
    --size: var(--icon-md)
}

.yx-ad {
    --size: var(--icon-lg)
}

.yx-av {
    --size: var(--icon-xl)
}

.yx-am {
    --size: var(--icon-xxl)
}

.yx-ag {
    --size: var(--icon-xxxl)
}

.yx-ay {
    -webkit-animation: icon-spin 1s infinite linear;
    animation: icon-spin 1s infinite linear
}

@-webkit-keyframes icon-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes icon-spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.icon use {
    color: inherit;
    fill: currentColor
}

.btn {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    text-decoration: none;
    font-size: var(--btn-font-size, 1em);
    padding-top: var(--btn-padding-y, .5em);
    padding-bottom: var(--btn-padding-y, .5em);
    padding-left: var(--btn-padding-x, .75em);
    padding-right: var(--btn-padding-x, .75em);
    border-radius: var(--btn-radius, .25em)
}

.btn--sm {
    font-size: var(--btn-font-size-sm, .8em)
}

.btn--md {
    font-size: var(--btn-font-size-md, 1.2em)
}

.btn--lg {
    font-size: var(--btn-font-size-lg, 1.4em)
}

.btn--icon {
    padding: var(--btn-padding-y, .5em)
}

.form-control {
    font-size: var(--form-control-font-size, 1em);
    padding-top: var(--form-control-padding-y, .5em);
    padding-bottom: var(--form-control-padding-y, .5em);
    padding-left: var(--form-control-padding-x, .75em);
    padding-right: var(--form-control-padding-x, .75em);
    border-radius: var(--form-control-radius, .25em)
}

.form-legend {
    color: var(--color-contrast-higher, hsl(204deg, 28%, 7%));
    line-height: var(--heading-line-height, 1.2);
    font-size: var(--text-md, 1.125rem);
    margin-bottom: var(--space-sm)
}

.form-label {
    display: inline-block;
    font-size: var(--text-sm, .75rem)
}

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

:root {
    --display: block
}

.yx-ab {
    display: var(--display) !important
}

.is-hidden {
    display: none !important
}

html:not(.js) .yx-aw {
    display: none !important
}

@media print {
    .yx-ax {
        display: none !important
    }
}

.sr-only,
.yx-ak:not(:focus):not(:focus-within) {
    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
}

.yx-a_ {
    flex-wrap: wrap
}

.yx-aj {
    flex-wrap: nowrap
}

.flex-column {
    flex-direction: column
}

.yx-aq {
    flex-direction: column-reverse
}

.yx-az {
    flex-direction: row
}

.yx-fe {
    flex-direction: row-reverse
}

.yx-ft {
    justify-content: center;
    align-items: center
}

.flex-grow {
    flex-grow: 1
}

.yx-fn {
    flex-grow: 0
}

.yx-fr {
    flex-shrink: 1
}

.yx-fi {
    flex-shrink: 0
}

.yx-fs {
    flex-basis: 0
}

.yx-fo {
    justify-content: flex-start
}

.yx-fu {
    justify-content: flex-end
}

.yx-fa {
    justify-content: center
}

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

.items-center {
    align-items: center
}

.yx-ff {
    align-items: flex-start
}

.yx-fl {
    align-items: flex-end
}

.yx-fc {
    align-items: baseline
}

.yx-fh {
    order: 1
}

.yx-fp {
    order: 2
}

.order-3 {
    order: 3
}

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

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

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

.aspect-ratio-16:\9 {
    --aspect-ratio: calc(16/9)
}

.yx-aspect-ration {
    --aspect-ratio: calc(3/2)
}

.yx-aspect-ratior {
    --aspect-ratio: calc(4/3)
}

.yx-aspect-ratioi {
    --aspect-ratio: calc(5/4)
}

.yx-aspect-ratios {
    --aspect-ratio: calc(1/1)
}

.yx-aspect-ratioo {
    --aspect-ratio: calc(4/5)
}

.yx-aspect-ratiou {
    --aspect-ratio: calc(3/4)
}

.yx-aspect-ratioa {
    --aspect-ratio: calc(2/3)
}

.yx-aspect-ratiof {
    --aspect-ratio: calc(9/16)
}

.block {
    display: block
}

.yx-fd {
    display: inline-block
}

.inline {
    display: inline
}

.yx-fv {
    display: contents
}

.yx-fm {
    display: none
}

.yx-fg {
    --space-unit: 1rem
}

.yx-fy {
    --space-unit: 1em
}

.yx-fb {
    --space-unit: 16px
}

.yx-fw {
    margin: var(--space-xxxxs)
}

.yx-fx {
    margin: var(--space-xxxs)
}

.yx-fk {
    margin: var(--space-xxs)
}

.yx-f_ {
    margin: var(--space-xs)
}

.yx-fj {
    margin: var(--space-sm)
}

.yx-fq {
    margin: var(--space-md)
}

.yx-fz {
    margin: var(--space-lg)
}

.yx-le {
    margin: var(--space-xl)
}

.yx-lt {
    margin: var(--space-xxl)
}

.yx-ln {
    margin: var(--space-xxxl)
}

.yx-lr {
    margin: var(--space-xxxxl)
}

.yx-li {
    margin: auto
}

.yx-ls {
    margin: 0
}

.yx-lo {
    margin-top: var(--space-xxxxs)
}

.yx-lu {
    margin-top: var(--space-xxxs)
}

.yx-la {
    margin-top: var(--space-xxs)
}

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

.yx-lf {
    margin-top: var(--space-sm)
}

.yx-ll {
    margin-top: var(--space-md)
}

.yx-lc {
    margin-top: var(--space-lg)
}

.yx-lh {
    margin-top: var(--space-xl)
}

.yx-lp {
    margin-top: var(--space-xxl)
}

.yx-ld {
    margin-top: var(--space-xxxl)
}

.yx-lv {
    margin-top: var(--space-xxxxl)
}

.margin-top-auto {
    margin-top: auto
}

.yx-lm {
    margin-top: 0
}

.yx-lg {
    margin-bottom: var(--space-xxxxs)
}

.yx-ly {
    margin-bottom: var(--space-xxxs)
}

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

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

.yx-lb {
    margin-bottom: var(--space-sm)
}

.yx-lw {
    margin-bottom: var(--space-md)
}

.yx-lx {
    margin-bottom: var(--space-lg)
}

.yx-lk {
    margin-bottom: var(--space-xl)
}

.yx-l_ {
    margin-bottom: var(--space-xxl)
}

.yx-lj {
    margin-bottom: var(--space-xxxl)
}

.yx-lq {
    margin-bottom: var(--space-xxxxl)
}

.yx-lz {
    margin-bottom: auto
}

.yx-ce {
    margin-bottom: 0
}

.yx-ct {
    margin-right: var(--space-xxxxs)
}

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

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

.yx-cn {
    margin-right: var(--space-xs)
}

.yx-cr {
    margin-right: var(--space-sm)
}

.yx-ci {
    margin-right: var(--space-md)
}

.yx-cs {
    margin-right: var(--space-lg)
}

.yx-co {
    margin-right: var(--space-xl)
}

.yx-cu {
    margin-right: var(--space-xxl)
}

.yx-ca {
    margin-right: var(--space-xxxl)
}

.yx-cf {
    margin-right: var(--space-xxxxl)
}

.yx-cl {
    margin-right: auto
}

.yx-cc {
    margin-right: 0
}

.yx-ch {
    margin-left: var(--space-xxxxs)
}

.yx-cp {
    margin-left: var(--space-xxxs)
}

.yx-cd {
    margin-left: var(--space-xxs)
}

.yx-cv {
    margin-left: var(--space-xs)
}

.yx-cm {
    margin-left: var(--space-sm)
}

.yx-cg {
    margin-left: var(--space-md)
}

.yx-cy {
    margin-left: var(--space-lg)
}

.yx-cb {
    margin-left: var(--space-xl)
}

.yx-cw {
    margin-left: var(--space-xxl)
}

.yx-cx {
    margin-left: var(--space-xxxl)
}

.yx-ck {
    margin-left: var(--space-xxxxl)
}

.yx-c_ {
    margin-left: auto
}

.yx-cj {
    margin-left: 0
}

.yx-cq {
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs)
}

.yx-cz {
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs)
}

.yx-he {
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs)
}

.yx-ht {
    margin-left: var(--space-xs);
    margin-right: var(--space-xs)
}

.yx-hn {
    margin-left: var(--space-sm);
    margin-right: var(--space-sm)
}

.yx-hr {
    margin-left: var(--space-md);
    margin-right: var(--space-md)
}

.yx-hi {
    margin-left: var(--space-lg);
    margin-right: var(--space-lg)
}

.yx-hs {
    margin-left: var(--space-xl);
    margin-right: var(--space-xl)
}

.yx-ho {
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl)
}

.yx-hu {
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl)
}

.yx-ha {
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl)
}

.yx-hf {
    margin-left: auto;
    margin-right: auto
}

.yx-hl {
    margin-left: 0;
    margin-right: 0
}

.yx-hc {
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs)
}

.yx-hh {
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs)
}

.yx-hp {
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs)
}

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

.yx-hd {
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm)
}

.yx-hv {
    margin-top: var(--space-md);
    margin-bottom: var(--space-md)
}

.yx-hm {
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg)
}

.yx-hg {
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl)
}

.yx-hy {
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl)
}

.yx-hb {
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl)
}

.yx-hw {
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl)
}

.yx-hx {
    margin-top: auto;
    margin-bottom: auto
}

.yx-hk {
    margin-top: 0;
    margin-bottom: 0
}

.yx-h_ {
    padding: var(--space-xxxxs)
}

.yx-hj {
    padding: var(--space-xxxs)
}

.yx-hq {
    padding: var(--space-xxs)
}

.yx-hz {
    padding: var(--space-xs)
}

.yx-pe {
    padding: var(--space-sm)
}

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

.yx-pt {
    padding: var(--space-lg)
}

.yx-pn {
    padding: var(--space-xl)
}

.yx-pr {
    padding: var(--space-xxl)
}

.yx-pi {
    padding: var(--space-xxxl)
}

.yx-ps {
    padding: var(--space-xxxxl)
}

.yx-po {
    padding: 0
}

.yx-pu {
    padding: var(--component-padding)
}

.yx-pa {
    padding-top: var(--space-xxxxs)
}

.yx-pf {
    padding-top: var(--space-xxxs)
}

.yx-pl {
    padding-top: var(--space-xxs)
}

.yx-pc {
    padding-top: var(--space-xs)
}

.yx-ph {
    padding-top: var(--space-sm)
}

.yx-pp {
    padding-top: var(--space-md)
}

.yx-pd {
    padding-top: var(--space-lg)
}

.yx-pv {
    padding-top: var(--space-xl)
}

.yx-pm {
    padding-top: var(--space-xxl)
}

.yx-pg {
    padding-top: var(--space-xxxl)
}

.yx-py {
    padding-top: var(--space-xxxxl)
}

.yx-pb {
    padding-top: 0
}

.yx-pw {
    padding-top: var(--component-padding)
}

.yx-px {
    padding-bottom: var(--space-xxxxs)
}

.yx-pk {
    padding-bottom: var(--space-xxxs)
}

.yx-p_ {
    padding-bottom: var(--space-xxs)
}

.yx-pj {
    padding-bottom: var(--space-xs)
}

.yx-pq {
    padding-bottom: var(--space-sm)
}

.yx-pz {
    padding-bottom: var(--space-md)
}

.yx-de {
    padding-bottom: var(--space-lg)
}

.yx-dt {
    padding-bottom: var(--space-xl)
}

.yx-dn {
    padding-bottom: var(--space-xxl)
}

.yx-dr {
    padding-bottom: var(--space-xxxl)
}

.yx-di {
    padding-bottom: var(--space-xxxxl)
}

.yx-ds {
    padding-bottom: 0
}

.yx-do {
    padding-bottom: var(--component-padding)
}

.yx-du {
    padding-right: var(--space-xxxxs)
}

.yx-da {
    padding-right: var(--space-xxxs)
}

.yx-df {
    padding-right: var(--space-xxs)
}

.yx-dl {
    padding-right: var(--space-xs)
}

.yx-dc {
    padding-right: var(--space-sm)
}

.yx-dh {
    padding-right: var(--space-md)
}

.yx-dp {
    padding-right: var(--space-lg)
}

.yx-dd {
    padding-right: var(--space-xl)
}

.yx-dv {
    padding-right: var(--space-xxl)
}

.yx-dm {
    padding-right: var(--space-xxxl)
}

.yx-dg {
    padding-right: var(--space-xxxxl)
}

.yx-dy {
    padding-right: 0
}

.yx-db {
    padding-right: var(--component-padding)
}

.yx-dw {
    padding-left: var(--space-xxxxs)
}

.yx-dx {
    padding-left: var(--space-xxxs)
}

.yx-dk {
    padding-left: var(--space-xxs)
}

.yx-d_ {
    padding-left: var(--space-xs)
}

.yx-dj {
    padding-left: var(--space-sm)
}

.yx-dq {
    padding-left: var(--space-md)
}

.yx-dz {
    padding-left: var(--space-lg)
}

.yx-ve {
    padding-left: var(--space-xl)
}

.yx-vt {
    padding-left: var(--space-xxl)
}

.yx-vn {
    padding-left: var(--space-xxxl)
}

.yx-vr {
    padding-left: var(--space-xxxxl)
}

.yx-vi {
    padding-left: 0
}

.yx-vs {
    padding-left: var(--component-padding)
}

.yx-vo {
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs)
}

.yx-vu {
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs)
}

.yx-va {
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs)
}

.yx-vf {
    padding-left: var(--space-xs);
    padding-right: var(--space-xs)
}

.yx-vl {
    padding-left: var(--space-sm);
    padding-right: var(--space-sm)
}

.yx-vc {
    padding-left: var(--space-md);
    padding-right: var(--space-md)
}

.yx-vh {
    padding-left: var(--space-lg);
    padding-right: var(--space-lg)
}

.yx-vp {
    padding-left: var(--space-xl);
    padding-right: var(--space-xl)
}

.yx-vd {
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl)
}

.yx-vv {
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl)
}

.yx-vm {
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl)
}

.yx-vg {
    padding-left: 0;
    padding-right: 0
}

.yx-vy {
    padding-left: var(--component-padding);
    padding-right: var(--component-padding)
}

.yx-vb {
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs)
}

.yx-vw {
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs)
}

.yx-vx {
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs)
}

.yx-vk {
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs)
}

.yx-v_ {
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm)
}

.yx-vj {
    padding-top: var(--space-md);
    padding-bottom: var(--space-md)
}

.yx-vq {
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg)
}

.yx-vz {
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

.yx-me {
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl)
}

.yx-mt {
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl)
}

.yx-mn {
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl)
}

.yx-mr {
    padding-top: 0;
    padding-bottom: 0
}

.yx-mi {
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding)
}

.yx-ms {
    vertical-align: baseline
}

.yx-mo {
    vertical-align: sub
}

.yx-mu {
    vertical-align: super
}

.yx-ma {
    vertical-align: text-top
}

.yx-mf {
    vertical-align: text-bottom
}

.yx-ml {
    vertical-align: top
}

.yx-mc {
    vertical-align: middle
}

.yx-mh {
    vertical-align: bottom
}

.yx-md,
.yx-mp {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.yx-mm {
    overflow-wrap: break-word;
    min-width: 0
}

.yx-mb,
.yx-mg,
.yx-my {
    font-size: var(--text-unit)
}

.yx-mg {
    --text-unit: 1rem
}

.yx-my {
    --text-unit: 1em
}

.yx-mb {
    --text-unit: 16px
}

.text-xs {
    font-size: var(--text-xs, .6875rem)
}

.text-sm {
    font-size: var(--text-sm, .75rem)
}

.text-base {
    font-size: var(--text-unit, 1rem)
}

.text-md {
    font-size: var(--text-md, 1.125rem)
}

.text-lg {
    font-size: var(--text-lg, 1.375rem)
}

.text-xl {
    font-size: var(--text-xl, 1.75rem)
}

.text-xxl {
    font-size: var(--text-xxl, 2rem)
}

.text-xxxl {
    font-size: var(--text-xxxl, 2.5rem)
}

.text-xxxxl {
    font-size: var(--text-xxxxl, 3rem)
}

.yx-mw {
    text-transform: uppercase
}

.yx-mx {
    text-transform: capitalize
}

.yx-mk {
    letter-spacing: -.1em
}

.yx-m_ {
    letter-spacing: -.05em
}

.yx-mj {
    letter-spacing: .05em
}

.yx-mq {
    letter-spacing: .1em
}

.yx-mz {
    letter-spacing: .2em
}

.yx-ge {
    font-weight: 300
}

.yx-gt {
    font-weight: 400
}

.yx-gn {
    font-weight: 500
}

.yx-gr {
    font-weight: 600
}

.yx-gi,
.yx-gs {
    font-weight: 700
}

.yx-go {
    font-weight: 800
}

.yx-gu {
    font-weight: 900
}

.yx-ga {
    font-style: italic
}

.yx-gf {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.yx-gl {
    font-family: var(--font-primary)
}

.yx-gc {
    text-align: center
}

.yx-gh {
    text-align: left
}

.yx-gp {
    text-align: right
}

.yx-gd {
    text-align: justify
}

.yx-gv {
    text-decoration: line-through
}

.text-underline {
    text-decoration: underline
}

.yx-gm {
    text-decoration: none
}

.yx-gg {
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15)
}

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

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

.yx-gw {
    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)
}

.yx-gx {
    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)
}

.yx-gk {
    text-shadow: none
}

.yx-g_ {
    --text-space-y-multiplier: 0.25 !important
}

.yx-gj {
    --text-space-y-multiplier: 0.5 !important
}

.yx-gq {
    --text-space-y-multiplier: 0.75 !important
}

.yx-gz {
    --text-space-y-multiplier: 1.25 !important
}

.yx-ye {
    --text-space-y-multiplier: 1.5 !important
}

.yx-yt {
    --text-space-y-multiplier: 1.75 !important
}

.yx-yn {
    --text-space-y-multiplier: 2 !important
}

.yx-yr {
    --heading-line-height: 1;
    --body-line-height: 1.1
}

.yx-yr:not(.text-component) {
    line-height: 1.1
}

.yx-yi {
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}

.yx-yi:not(.text-component) {
    line-height: 1.2
}

.yx-ys {
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}

.yx-ys:not(.text-component) {
    line-height: 1.4
}

.yx-yo {
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}

.yx-yo:not(.text-component) {
    line-height: 1.58
}

.yx-yu {
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}

.yx-yu:not(.text-component) {
    line-height: 1.72
}

.yx-ya {
    line-height: var(--body-line-height)
}

.yx-yf {
    line-height: var(--heading-line-height)
}

.yx-yl {
    line-height: normal !important
}

.yx-yc {
    line-height: 1 !important
}

.yx-yh {
    -moz-column-count: 1;
    column-count: 1
}

.yx-yp {
    -moz-column-count: 2;
    column-count: 2
}

.yx-yd {
    -moz-column-count: 3;
    column-count: 3
}

.yx-yv {
    -moz-column-count: 4;
    column-count: 4
}

.yx-yg,
.yx-ym {
    white-space: nowrap
}

.cursor-pointer {
    cursor: pointer
}

.yx-yy {
    cursor: default
}

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

.yx-yb {
    pointer-events: none
}

.yx-yw {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.yx-yx {
    -webkit-user-select: all;
    -moz-user-select: all;
    user-select: all
}

[class*=" color-"],
[class^=color-] {
    --color-o: 1
}

.yx-color-t {
    color: inherit
}

.yx-color-n {
    color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--color-o, 1))
}

.yx-color-r {
    color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--color-o, 1))
}

.yx-color-i {
    color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1))
}

.yx-color-s {
    color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--color-o, 1))
}

.yx-color-o {
    color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--color-o, 1))
}

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

.yx-color-a {
    color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1))
}

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

.yx-color-l {
    color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1))
}

.yx-color-c {
    color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1))
}

.yx-color-h {
    color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1))
}

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

.yx-color-d {
    color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1))
}

.yx-color-v {
    color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1))
}

.yx-color-m {
    color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1))
}

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

.yx-color-y {
    color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1))
}

.yx-color-b {
    color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1))
}

.yx-color-w {
    color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1))
}

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

.yx-color-k {
    color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1))
}

.yx-color-_ {
    color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1))
}

.yx-color-j {
    color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1))
}

.yx-color-q {
    color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1))
}

.yx-color-z {
    color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1))
}

.yx-color-te {
    color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1))
}

.yx-color-tt {
    color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1))
}

.yx-color-tn {
    color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1))
}

.yx-color-tr {
    color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1))
}

.yx-color-ti {
    --color-o: 0
}

.yx-color-ts {
    --color-o: 0.05
}

.yx-color-to {
    --color-o: 0.1
}

.yx-color-tu {
    --color-o: 0.15
}

.yx-color-ta {
    --color-o: 0.2
}

.yx-color-tf {
    --color-o: 0.25
}

.yx-color-tl {
    --color-o: 0.3
}

.yx-color-tc {
    --color-o: 0.4
}

.yx-color-th {
    --color-o: 0.5
}

.yx-color-tp {
    --color-o: 0.6
}

.yx-color-td {
    --color-o: 0.7
}

.yx-color-tv {
    --color-o: 0.75
}

.yx-color-tm {
    --color-o: 0.8
}

.yx-color-tg {
    --color-o: 0.85
}

.yx-color-ty {
    --color-o: 0.9
}

.yx-color-tb {
    --color-o: 0.95
}

[class*=" color-gradient"],
[class^=color-gradient] {
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text
}

.yx-yk {
    width: var(--size-xxxxs, .25rem)
}

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

.yx-y_ {
    width: var(--size-xxs, .75rem)
}

.yx-yj {
    width: var(--size-xs, 1rem)
}

.yx-yq {
    width: var(--size-sm, 1.5rem)
}

.yx-yz {
    width: var(--size-md, 2rem)
}

.yx-be {
    width: var(--size-lg, 3rem)
}

.yx-bt {
    width: var(--size-xl, 4rem)
}

.yx-bn {
    width: var(--size-xxl, 6rem)
}

.yx-br {
    width: var(--size-xxxl, 8rem)
}

.yx-bi {
    width: var(--size-xxxxl, 16rem)
}

.yx-bs {
    width: 0
}

.yx-bo {
    width: 10%
}

.yx-bu {
    width: 20%
}

.yx-ba {
    width: 25%
}

.yx-bf {
    width: 30%
}

.yx-bl {
    width: 33.3333333333%
}

.yx-bc {
    width: 40%
}

.yx-bh {
    width: 50%
}

.yx-bp {
    width: 60%
}

.yx-bd {
    width: 66.6666666667%
}

.yx-bv {
    width: 70%
}

.yx-bm {
    width: 75%
}

.yx-bg {
    width: 80%
}

.yx-by {
    width: 90%
}

.yx-bb {
    width: 100%
}

.yx-bw {
    width: 100vw
}

.yx-bx {
    width: auto
}

.yx-bk {
    width: inherit
}

.yx-b_ {
    height: var(--size-xxxxs, .25rem)
}

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

.yx-bj {
    height: var(--size-xxs, .75rem)
}

.yx-bq {
    height: var(--size-xs, 1rem)
}

.yx-bz {
    height: var(--size-sm, 1.5rem)
}

.yx-we {
    height: var(--size-md, 2rem)
}

.yx-wt {
    height: var(--size-lg, 3rem)
}

.yx-wn {
    height: var(--size-xl, 4rem)
}

.yx-wr {
    height: var(--size-xxl, 6rem)
}

.yx-wi {
    height: var(--size-xxxl, 8rem)
}

.yx-ws {
    height: var(--size-xxxxl, 16rem)
}

.yx-wo {
    height: 0
}

.yx-wu {
    height: 10%
}

.yx-wa {
    height: 20%
}

.yx-wf {
    height: 25%
}

.yx-wl {
    height: 30%
}

.yx-wc {
    height: 33.3333333333%
}

.yx-wh {
    height: 40%
}

.yx-wp {
    height: 50%
}

.yx-wd {
    height: 60%
}

.yx-wv {
    height: 66.6666666667%
}

.yx-wm {
    height: 70%
}

.yx-wg {
    height: 75%
}

.yx-wy {
    height: 80%
}

.yx-wb {
    height: 90%
}

.yx-ww {
    height: 100%
}

.yx-wx {
    height: 100vh
}

.yx-wk {
    height: auto
}

.yx-w_ {
    height: inherit
}

.yx-wj {
    min-width: 0
}

.yx-wq {
    min-width: 25%
}

.yx-wz {
    min-width: 33.3333333333%
}

.yx-xe {
    min-width: 50%
}

.yx-xt {
    min-width: 66.6666666667%
}

.yx-xn {
    min-width: 75%
}

.yx-xr {
    min-width: 100%
}

.yx-xi {
    min-width: 100vw
}

.yx-xs {
    min-height: 100%
}

.yx-xo {
    min-height: 100vh
}

:root {
    --max-width-xxxxxs: 17.5rem;
    --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
}

.yx-xu {
    max-width: var(--max-width-xxxxxs)
}

.max-width-xxxxs {
    max-width: var(--max-width-xxxxs)
}

.yx-xa {
    max-width: var(--max-width-xxxs)
}

.yx-xf {
    max-width: var(--max-width-xxs)
}

.yx-xl {
    max-width: var(--max-width-xs)
}

.yx-xc {
    max-width: var(--max-width-sm)
}

.yx-xh {
    max-width: var(--max-width-md)
}

.yx-xp {
    max-width: var(--max-width-lg)
}

.yx-xd {
    max-width: var(--max-width-xl)
}

.yx-xv {
    max-width: var(--max-width-xxl)
}

.yx-xm {
    max-width: var(--max-width-xxxl)
}

.yx-xg {
    max-width: var(--max-width-xxxxl)
}

.yx-xy {
    max-width: 100%
}

.yx-xb {
    max-width: none
}

[class*=" max-width-adaptive"],
[class^=max-width-adaptive] {
    max-width: 32rem
}

@media(min-width:48rem) {

    .max-width-adaptive,
    .max-width-adaptive-lg,
    .max-width-adaptive-md,
    .max-width-adaptive-sm,
    .max-width-adaptive-xl {
        max-width: 48rem
    }
}

@media(min-width:64rem) {

    .max-width-adaptive,
    .max-width-adaptive-lg,
    .max-width-adaptive-md,
    .max-width-adaptive-xl {
        max-width: 64rem
    }
}

@media(min-width:80rem) {

    .max-width-adaptive,
    .max-width-adaptive-lg,
    .max-width-adaptive-xl {
        max-width: 80rem
    }
}

@media(min-width:90rem) {
    .max-width-adaptive-xl {
        max-width: 90rem
    }
}

.yx-xw {
    max-height: 100%
}

.yx-xx {
    max-height: 100vh
}

.yx-xk {
    box-shadow: var(--shadow-xs)
}

.yx-x_ {
    box-shadow: var(--shadow-sm)
}

.yx-xj {
    box-shadow: var(--shadow-md)
}

.yx-xq {
    box-shadow: var(--shadow-lg)
}

.yx-xz {
    box-shadow: var(--shadow-xl)
}

.yx-ke {
    box-shadow: none
}

.yx-xk.yx-x_ {
    box-shadow: var(--shadow-xs), var(--shadow-sm)
}

.yx-x_.yx-xj {
    box-shadow: var(--shadow-sm), var(--shadow-md)
}

.yx-xj.yx-xq {
    box-shadow: var(--shadow-md), var(--shadow-lg)
}

.yx-xq.yx-xz {
    box-shadow: var(--shadow-lg), var(--shadow-xl)
}

:where(.yx-kt, .yx-kn) {
    position: relative
}

:where(.yx-kt, .yx-kn)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none
}

.yx-kt::after {
    box-shadow: var(--inner-glow)
}

.yx-kn::after {
    box-shadow: var(--inner-glow-top)
}

.yx-kr {
    position: relative
}

.yx-ki {
    position: absolute
}

.yx-ks {
    position: fixed
}

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

.yx-ko {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.yx-ku {
    top: 0
}

.yx-ka {
    top: 50%
}

.yx-kf {
    top: var(--space-xxxxs)
}

.yx-kl {
    top: var(--space-xxxs)
}

.yx-kc {
    top: var(--space-xxs)
}

.yx-kh {
    top: var(--space-xs)
}

.yx-kp {
    top: var(--space-sm)
}

.yx-kd {
    top: var(--space-md)
}

.yx-kv {
    top: var(--space-lg)
}

.yx-km {
    top: var(--space-xl)
}

.yx-kg {
    top: var(--space-xxl)
}

.yx-ky {
    top: var(--space-xxxl)
}

.yx-kb {
    top: var(--space-xxxxl)
}

.bottom-0 {
    bottom: 0
}

.yx-kw {
    bottom: 50%
}

.yx-kx {
    bottom: var(--space-xxxxs)
}

.yx-kk {
    bottom: var(--space-xxxs)
}

.yx-k_ {
    bottom: var(--space-xxs)
}

.yx-kj {
    bottom: var(--space-xs)
}

.yx-kq {
    bottom: var(--space-sm)
}

.yx-kz {
    bottom: var(--space-md)
}

.yx-_e {
    bottom: var(--space-lg)
}

.yx-_t {
    bottom: var(--space-xl)
}

.yx-_n {
    bottom: var(--space-xxl)
}

.yx-_r {
    bottom: var(--space-xxxl)
}

.yx-_i {
    bottom: var(--space-xxxxl)
}

.yx-_s {
    right: 0
}

.yx-_o {
    right: 50%
}

.yx-_u {
    right: var(--space-xxxxs)
}

.yx-_a {
    right: var(--space-xxxs)
}

.yx-_f {
    right: var(--space-xxs)
}

.yx-_l {
    right: var(--space-xs)
}

.yx-_c {
    right: var(--space-sm)
}

.yx-_h {
    right: var(--space-md)
}

.yx-_p {
    right: var(--space-lg)
}

.yx-_d {
    right: var(--space-xl)
}

.yx-_v {
    right: var(--space-xxl)
}

.yx-_m {
    right: var(--space-xxxl)
}

.yx-_g {
    right: var(--space-xxxxl)
}

.yx-_y {
    left: 0
}

.yx-_b {
    left: 50%
}

.yx-_w {
    left: var(--space-xxxxs)
}

.yx-_x {
    left: var(--space-xxxs)
}

.yx-_k {
    left: var(--space-xxs)
}

.yx-__ {
    left: var(--space-xs)
}

.yx-_j {
    left: var(--space-sm)
}

.yx-_q {
    left: var(--space-md)
}

.yx-_z {
    left: var(--space-lg)
}

.yx-je {
    left: var(--space-xl)
}

.yx-jt {
    left: var(--space-xxl)
}

.yx-jn {
    left: var(--space-xxxl)
}

.yx-jr {
    left: var(--space-xxxxl)
}

.yx-ji {
    z-index: var(--z-index-header)
}

.yx-js {
    z-index: var(--z-index-popover)
}

.yx-jo {
    z-index: var(--z-index-fixed-element)
}

.yx-ju {
    z-index: var(--z-index-overlay)
}

.z-index-1 {
    z-index: 1
}

.z-index-2 {
    z-index: 2
}

.yx-ja {
    z-index: 3
}

.yx-jf {
    overflow: hidden
}

.yx-jl {
    overflow: auto
}

.yx-jc {
    -webkit-overflow-scrolling: touch
}

.yx-jh {
    overscroll-behavior: contain
}

.yx-jp {
    scroll-behavior: smooth
}

.yx-jd {
    scroll-padding: var(--space-xxxxs)
}

.yx-jv {
    scroll-padding: var(--space-xxxs)
}

.yx-jm {
    scroll-padding: var(--space-xxs)
}

.yx-jg {
    scroll-padding: var(--space-xs)
}

.yx-jy {
    scroll-padding: var(--space-sm)
}

.yx-jb {
    scroll-padding: var(--space-md)
}

.yx-jw {
    scroll-padding: var(--space-lg)
}

.yx-jx {
    scroll-padding: var(--space-xl)
}

.yx-jk {
    scroll-padding: var(--space-xxl)
}

.yx-j_ {
    scroll-padding: var(--space-xxxl)
}

.yx-jj {
    scroll-padding: var(--space-xxxxl)
}

.opacity-0 {
    opacity: 0
}

.yx-jq {
    opacity: .05
}

.yx-jz {
    opacity: .1
}

.yx-qe {
    opacity: .15
}

.yx-qt {
    opacity: .2
}

.yx-qn {
    opacity: .25
}

.yx-qr {
    opacity: .3
}

.yx-qi {
    opacity: .4
}

.yx-qs {
    opacity: .5
}

.yx-qo {
    opacity: .6
}

.yx-qu {
    opacity: .7
}

.yx-qa {
    opacity: .75
}

.yx-qf {
    opacity: .8
}

.yx-ql {
    opacity: .85
}

.yx-qc {
    opacity: .9
}

.yx-qh {
    opacity: .95
}

.yx-qp {
    float: left
}

.yx-qd {
    float: right
}

.yx-qv::after {
    content: "";
    display: table;
    clear: both
}

[class*=" border-"],
[class^=border-] {
    --border-o: 1
}

.border {
    border: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.yx-border-t {
    border-top: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.yx-border-n {
    border-bottom: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.border-left {
    border-left: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.border-right {
    border-right: var(--border-width, 1px) var(--border-style, solid) hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.yx-border-r {
    --border-width: 2px
}

.yx-border-i {
    --border-width: 3px
}

.yx-border-s {
    --border-width: 4px
}

.yx-border-o {
    --border-style: dotted
}

.yx-border-u {
    --border-style: dashed
}

.yx-border-a {
    border-color: hsla(var(--color-bg-darker-h), var(--color-bg-darker-s), var(--color-bg-darker-l), var(--border-o, 1))
}

.yx-border-f {
    border-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--border-o, 1))
}

.yx-border-l {
    border-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--border-o, 1))
}

.yx-border-c {
    border-color: hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), var(--border-o, 1))
}

.yx-border-h {
    border-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-l), var(--border-o, 1))
}

.yx-border-p {
    border-color: hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--border-o, 1))
}

.yx-border-d {
    border-color: hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}

.yx-border-v {
    border-color: hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--border-o, 1))
}

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

.yx-border-g {
    border-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--border-o, 1))
}

.yx-border-y {
    border-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--border-o, 1))
}

.yx-border-b {
    border-color: hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--border-o, 1))
}

.yx-border-w {
    border-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--border-o, 1))
}

.yx-border-x {
    border-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--border-o, 1))
}

.yx-border-k {
    border-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--border-o, 1))
}

.yx-border-_ {
    border-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--border-o, 1))
}

.yx-border-j {
    border-color: hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--border-o, 1))
}

.yx-border-q {
    border-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--border-o, 1))
}

.yx-border-z {
    border-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--border-o, 1))
}

.yx-border-te {
    border-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--border-o, 1))
}

.yx-border-tt {
    border-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--border-o, 1))
}

.yx-border-tn {
    border-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--border-o, 1))
}

.yx-border-tr {
    border-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--border-o, 1))
}

.yx-border-ti {
    border-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--border-o, 1))
}

.yx-border-ts {
    border-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--border-o, 1))
}

.yx-border-to {
    border-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--border-o, 1))
}

.yx-border-tu {
    border-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--border-o, 1))
}

.yx-border-ta {
    border-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--border-o, 1))
}

.yx-border-tf {
    border-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--border-o, 1))
}

.yx-border-tl {
    border-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--border-o, 1))
}

.yx-border-tc {
    border-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--border-o, 1))
}

.yx-border-th {
    border-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--border-o, 1))
}

.yx-border-tp {
    border-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--border-o, 1))
}

.yx-border-td {
    border-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--border-o, 1))
}

.yx-border-tv {
    border-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--border-o, 1))
}

.yx-border-tm {
    border-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--border-o, 1))
}

.yx-border-tg {
    border-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--border-o, 1))
}

.yx-border-ty {
    --border-o: 0
}

.yx-border-tb {
    --border-o: 0.05
}

.yx-border-tw {
    --border-o: 0.1
}

.yx-border-tx {
    --border-o: 0.15
}

.yx-border-tk {
    --border-o: 0.2
}

.yx-border-t_ {
    --border-o: 0.25
}

.yx-border-tj {
    --border-o: 0.3
}

.yx-border-tq {
    --border-o: 0.4
}

.yx-border-tz {
    --border-o: 0.5
}

.yx-border-ne {
    --border-o: 0.6
}

.yx-border-nt {
    --border-o: 0.7
}

.yx-border-nn {
    --border-o: 0.75
}

.yx-border-nr {
    --border-o: 0.8
}

.yx-border-ni {
    --border-o: 0.85
}

.yx-border-ns {
    --border-o: 0.9
}

.yx-border-no {
    --border-o: 0.95
}

.yx-qm {
    border-radius: var(--radius-sm)
}

.yx-qg {
    border-radius: var(--radius-md)
}

.yx-qy {
    border-radius: var(--radius-lg)
}

.yx-qb {
    border-radius: 50%
}

.yx-qw {
    border-radius: 50em
}

.yx-qx {
    border-radius: 0
}

.yx-qk {
    border-radius: inherit
}

.yx-q_ {
    border-top-left-radius: 0
}

.yx-qj {
    border-top-right-radius: 0
}

.yx-qq {
    border-bottom-right-radius: 0
}

.yx-qz {
    border-bottom-left-radius: 0
}

.bg,
[class*=" bg-"],
[class^=bg-] {
    --bg-o: 1
}

.yx-bg-t {
    background-color: transparent
}

.yx-bg-n {
    background-color: inherit
}

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

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

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

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

.bg-lighter {
    background-color: hsla(var(--color-bg-lighter-h), var(--color-bg-lighter-s), var(--color-bg-lighter-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))
}

.yx-bg-r {
    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))
}

.yx-bg-i {
    background-color: hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--bg-o, 1))
}

.yx-bg-s {
    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))
}

.yx-bg-o {
    background-color: hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--bg-o, 1))
}

.yx-bg-u {
    background-color: hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--bg-o, 1))
}

.yx-bg-a {
    background-color: hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--bg-o, 1))
}

.yx-bg-f {
    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))
}

.yx-bg-l {
    background-color: hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--bg-o, 1))
}

.yx-bg-c {
    background-color: hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--bg-o, 1))
}

.yx-bg-h {
    background-color: hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--bg-o, 1))
}

.yx-bg-p {
    background-color: hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1))
}

.yx-bg-d {
    background-color: hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1))
}

.yx-bg-v {
    background-color: hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--bg-o, 1))
}

.yx-bg-m {
    background-color: hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--bg-o, 1))
}

.yx-bg-g {
    background-color: hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--bg-o, 1))
}

.yx-bg-y {
    background-color: hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1))
}

.yx-bg-b {
    background-color: hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1))
}

.yx-bg-w {
    background-color: hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--bg-o, 1))
}

.yx-bg-x {
    background-color: hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--bg-o, 1))
}

.yx-bg-k {
    background-color: hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--bg-o, 1))
}

.yx-bg-_ {
    background-color: hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1))
}

.yx-bg-j {
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1))
}

.yx-bg-q {
    background-color: hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--bg-o, 1))
}

.yx-bg-z {
    background-color: hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1))
}

.yx-bg-te {
    background-color: hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1))
}

.yx-bg-tt {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1))
}

.yx-bg-tn {
    --bg-o: 0
}

.yx-bg-tr {
    --bg-o: 0.05
}

.yx-bg-ti {
    --bg-o: 0.1
}

.yx-bg-ts {
    --bg-o: 0.15
}

.yx-bg-to {
    --bg-o: 0.2
}

.yx-bg-tu {
    --bg-o: 0.25
}

.yx-bg-ta {
    --bg-o: 0.3
}

.yx-bg-tf {
    --bg-o: 0.4
}

.yx-bg-tl {
    --bg-o: 0.5
}

.yx-bg-tc {
    --bg-o: 0.6
}

.yx-bg-th {
    --bg-o: 0.7
}

.yx-bg-tp {
    --bg-o: 0.75
}

.yx-bg-td {
    --bg-o: 0.8
}

.yx-bg-tv {
    --bg-o: 0.85
}

.yx-bg-tm {
    --bg-o: 0.9
}

.yx-bg-tg {
    --bg-o: 0.95
}

.yx-bg-ty {
    background-position: center
}

.yx-bg-tb {
    background-position: center top
}

.yx-bg-tw {
    background-position: right center
}

.yx-bg-tx {
    background-position: center bottom
}

.yx-bg-tk {
    background-position: left center
}

.yx-bg-t_ {
    background-position: left top
}

.yx-bg-tj {
    background-position: right top
}

.yx-bg-tq {
    background-position: left bottom
}

.yx-bg-tz {
    background-position: right bottom
}

.yx-bg-ne {
    background-size: cover
}

.yx-bg-nt {
    background-repeat: no-repeat
}

.yx-ze {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.yx-zt {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.yx-zn {
    isolation: isolate
}

.yx-zr {
    mix-blend-mode: multiply
}

.yx-zi {
    mix-blend-mode: overlay
}

.yx-zs {
    mix-blend-mode: difference
}

.yx-zo {
    -o-object-fit: contain;
    object-fit: contain
}

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

.yx-zu {
    perspective: 250px
}

.yx-za {
    perspective: 500px
}

.yx-zf {
    perspective: 1000px
}

.yx-zl {
    perspective: 1500px
}

.yx-zc {
    perspective: 3000px
}

[class*=" -rotate"],
[class*=" -scale"],
[class*=" -skew"] [class^=skew],
[class*=" -translate"],
[class*=" flip"],
[class*=" rotate"],
[class*=" scale"],
[class*=" skew"],
[class*=" translate"],
[class^=-rotate],
[class^=-scale],
[class^=-skew],
[class^=-translate],
[class^=flip],
[class^=rotate],
[class^=scale],
[class^=translate] {
    --translate: 0;
    --rotate: 0;
    --skew: 0;
    --scale: 1;
    transform: translate3d(var(--translate-x, var(--translate)), var(--translate-y, var(--translate)), var(--translate-z, 0)) rotateX(var(--rotate-x, 0)) rotateY(var(--rotate-y, 0)) rotateZ(var(--rotate-z, var(--rotate))) skewX(var(--skew-x, var(--skew))) skewY(var(--skew-y, 0)) scaleX(var(--scale-x, var(--scale))) scaleY(var(--scale-y, var(--scale)))
}

.yx-flipt {
    --scale: -1
}

.yx-flipn {
    --scale-x: -1
}

.yx-flipr {
    --scale-y: -1
}

.rotate-90 {
    --rotate: 90deg
}

.yx-rotaten {
    --rotate: 180deg
}

.yx-rotater {
    --rotate: 270deg
}

.yx--translatet {
    --translate: -50%
}

.-translate-x-50\% {
    --translate-x: -50%
}

.yx--translater {
    --translate-y: -50%
}

.yx-translatet {
    --translate: 50%
}

.yx-translaten {
    --translate-x: 50%
}

.yx-translater {
    --translate-y: 50%
}

.yx-zh {
    transform-origin: center
}

.yx-zp {
    transform-origin: center top
}

.yx-zd {
    transform-origin: right center
}

.yx-zv {
    transform-origin: center bottom
}

.yx-zm {
    transform-origin: left center
}

.yx-zg {
    transform-origin: left top
}

.yx-zy {
    transform-origin: right top
}

.yx-zb {
    transform-origin: left bottom
}

.yx-zw {
    transform-origin: right bottom
}

.yx-zx {
    transition-property: var(--transition-property, all);
    transition-duration: var(--transition-duration, .2s);
    transition-delay: var(--transition-delay, 0s)
}

.yx-zk {
    fill: currentColor
}

.yx-z_ {
    stroke: currentColor
}

.yx-zj {
    stroke-width: 1px
}

.yx-zq {
    stroke-width: 2px
}

.yx-zz {
    stroke-width: 3px
}

.yx-tee {
    stroke-width: 4px
}

.yx-tet {
    visibility: visible
}

.yx-ten {
    visibility: hidden
}

@media(min-width:32rem) {
    .yx-flex@t {
        display: flex
    }

    .yx-inline-flex@t {
        display: inline-flex
    }

    .yx-ter {
        flex-wrap: wrap
    }

    .yx-tei {
        flex-wrap: nowrap
    }

    .yx-tes {
        flex-direction: column
    }

    .yx-teo {
        flex-direction: column-reverse
    }

    .yx-teu {
        flex-direction: row
    }

    .yx-tea {
        flex-direction: row-reverse
    }

    .yx-tef {
        justify-content: center;
        align-items: center
    }

    .yx-tel {
        flex-grow: 1
    }

    .yx-tec {
        flex-grow: 0
    }

    .yx-teh {
        flex-shrink: 1
    }

    .yx-tep {
        flex-shrink: 0
    }

    .yx-ted {
        flex-basis: 0
    }

    .yx-tev {
        justify-content: flex-start
    }

    .yx-tem {
        justify-content: flex-end
    }

    .yx-teg {
        justify-content: center
    }

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

    .yx-teb {
        align-items: center
    }

    .yx-tew {
        align-items: flex-start
    }

    .yx-tex {
        align-items: flex-end
    }

    .yx-tek {
        align-items: baseline
    }

    .yx-te_ {
        order: 1
    }

    .yx-tej {
        order: 2
    }

    .yx-teq {
        order: 3
    }

    .yx-tez {
        display: block
    }

    .yx-tte {
        display: inline-block
    }

    .yx-ttt {
        display: inline
    }

    .yx-ttn {
        display: contents
    }

    .yx-ttr {
        display: none !important
    }

    .yx-tti {
        margin: var(--space-xxxxs)
    }

    .yx-tts {
        margin: var(--space-xxxs)
    }

    .yx-tto {
        margin: var(--space-xxs)
    }

    .yx-ttu {
        margin: var(--space-xs)
    }

    .yx-tta {
        margin: var(--space-sm)
    }

    .yx-ttf {
        margin: var(--space-md)
    }

    .yx-ttl {
        margin: var(--space-lg)
    }

    .yx-ttc {
        margin: var(--space-xl)
    }

    .yx-tth {
        margin: var(--space-xxl)
    }

    .yx-ttp {
        margin: var(--space-xxxl)
    }

    .yx-ttd {
        margin: var(--space-xxxxl)
    }

    .yx-ttv {
        margin: auto
    }

    .yx-ttm {
        margin: 0
    }

    .yx-ttg {
        margin-top: var(--space-xxxxs)
    }

    .yx-tty {
        margin-top: var(--space-xxxs)
    }

    .yx-ttb {
        margin-top: var(--space-xxs)
    }

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

    .yx-ttx {
        margin-top: var(--space-sm)
    }

    .yx-ttk {
        margin-top: var(--space-md)
    }

    .yx-tt_ {
        margin-top: var(--space-lg)
    }

    .yx-ttj {
        margin-top: var(--space-xl)
    }

    .yx-ttq {
        margin-top: var(--space-xxl)
    }

    .yx-ttz {
        margin-top: var(--space-xxxl)
    }

    .yx-tne {
        margin-top: var(--space-xxxxl)
    }

    .yx-tnt {
        margin-top: auto
    }

    .yx-tnn {
        margin-top: 0
    }

    .yx-tnr {
        margin-bottom: var(--space-xxxxs)
    }

    .yx-tni {
        margin-bottom: var(--space-xxxs)
    }

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

    .yx-tno {
        margin-bottom: var(--space-xs)
    }

    .yx-tnu {
        margin-bottom: var(--space-sm)
    }

    .yx-tna {
        margin-bottom: var(--space-md)
    }

    .yx-tnf {
        margin-bottom: var(--space-lg)
    }

    .yx-tnl {
        margin-bottom: var(--space-xl)
    }

    .yx-tnc {
        margin-bottom: var(--space-xxl)
    }

    .yx-tnh {
        margin-bottom: var(--space-xxxl)
    }

    .yx-tnp {
        margin-bottom: var(--space-xxxxl)
    }

    .yx-tnd {
        margin-bottom: auto
    }

    .yx-tnv {
        margin-bottom: 0
    }

    .yx-tnm {
        margin-right: var(--space-xxxxs)
    }

    .yx-tng {
        margin-right: var(--space-xxxs)
    }

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

    .yx-tnb {
        margin-right: var(--space-xs)
    }

    .yx-tnw {
        margin-right: var(--space-sm)
    }

    .yx-tnx {
        margin-right: var(--space-md)
    }

    .yx-tnk {
        margin-right: var(--space-lg)
    }

    .yx-tn_ {
        margin-right: var(--space-xl)
    }

    .yx-tnj {
        margin-right: var(--space-xxl)
    }

    .yx-tnq {
        margin-right: var(--space-xxxl)
    }

    .yx-tnz {
        margin-right: var(--space-xxxxl)
    }

    .yx-tre {
        margin-right: auto
    }

    .yx-trt {
        margin-right: 0
    }

    .yx-trn {
        margin-left: var(--space-xxxxs)
    }

    .yx-trr {
        margin-left: var(--space-xxxs)
    }

    .yx-tri {
        margin-left: var(--space-xxs)
    }

    .yx-trs {
        margin-left: var(--space-xs)
    }

    .yx-tro {
        margin-left: var(--space-sm)
    }

    .yx-tru {
        margin-left: var(--space-md)
    }

    .yx-tra {
        margin-left: var(--space-lg)
    }

    .yx-trf {
        margin-left: var(--space-xl)
    }

    .yx-trl {
        margin-left: var(--space-xxl)
    }

    .yx-trc {
        margin-left: var(--space-xxxl)
    }

    .yx-trh {
        margin-left: var(--space-xxxxl)
    }

    .yx-trp {
        margin-left: auto
    }

    .yx-trd {
        margin-left: 0
    }

    .yx-trv {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
    }

    .yx-trm {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
    }

    .yx-trg {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
    }

    .yx-try {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }

    .yx-trb {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }

    .yx-trw {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }

    .yx-trx {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }

    .yx-trk {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }

    .yx-tr_ {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
    }

    .yx-trj {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
    }

    .yx-trq {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
    }

    .yx-trz {
        margin-left: auto;
        margin-right: auto
    }

    .yx-tie {
        margin-left: 0;
        margin-right: 0
    }

    .yx-tit {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
    }

    .yx-tin {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
    }

    .yx-tir {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
    }

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

    .yx-tis {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }

    .yx-tio {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }

    .yx-tiu {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }

    .yx-tia {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }

    .yx-tif {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
    }

    .yx-til {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
    }

    .yx-tic {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
    }

    .yx-tih {
        margin-top: auto;
        margin-bottom: auto
    }

    .yx-tip {
        margin-top: 0;
        margin-bottom: 0
    }

    .yx-tid {
        padding: var(--space-xxxxs)
    }

    .yx-tiv {
        padding: var(--space-xxxs)
    }

    .yx-tim {
        padding: var(--space-xxs)
    }

    .yx-tig {
        padding: var(--space-xs)
    }

    .yx-tiy {
        padding: var(--space-sm)
    }

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

    .yx-tiw {
        padding: var(--space-lg)
    }

    .yx-tix {
        padding: var(--space-xl)
    }

    .yx-tik {
        padding: var(--space-xxl)
    }

    .yx-ti_ {
        padding: var(--space-xxxl)
    }

    .yx-tij {
        padding: var(--space-xxxxl)
    }

    .yx-tiq {
        padding: 0
    }

    .yx-tiz {
        padding: var(--component-padding)
    }

    .yx-tse {
        padding-top: var(--space-xxxxs)
    }

    .yx-tst {
        padding-top: var(--space-xxxs)
    }

    .yx-tsn {
        padding-top: var(--space-xxs)
    }

    .yx-tsr {
        padding-top: var(--space-xs)
    }

    .yx-tsi {
        padding-top: var(--space-sm)
    }

    .yx-tss {
        padding-top: var(--space-md)
    }

    .yx-tso {
        padding-top: var(--space-lg)
    }

    .yx-tsu {
        padding-top: var(--space-xl)
    }

    .yx-tsa {
        padding-top: var(--space-xxl)
    }

    .yx-tsf {
        padding-top: var(--space-xxxl)
    }

    .yx-tsl {
        padding-top: var(--space-xxxxl)
    }

    .yx-tsc {
        padding-top: 0
    }

    .yx-tsh {
        padding-top: var(--component-padding)
    }

    .yx-tsp {
        padding-bottom: var(--space-xxxxs)
    }

    .yx-tsd {
        padding-bottom: var(--space-xxxs)
    }

    .yx-tsv {
        padding-bottom: var(--space-xxs)
    }

    .yx-tsm {
        padding-bottom: var(--space-xs)
    }

    .yx-tsg {
        padding-bottom: var(--space-sm)
    }

    .yx-tsy {
        padding-bottom: var(--space-md)
    }

    .yx-tsb {
        padding-bottom: var(--space-lg)
    }

    .yx-tsw {
        padding-bottom: var(--space-xl)
    }

    .yx-tsx {
        padding-bottom: var(--space-xxl)
    }

    .yx-tsk {
        padding-bottom: var(--space-xxxl)
    }

    .yx-ts_ {
        padding-bottom: var(--space-xxxxl)
    }

    .yx-tsj {
        padding-bottom: 0
    }

    .yx-tsq {
        padding-bottom: var(--component-padding)
    }

    .yx-tsz {
        padding-right: var(--space-xxxxs)
    }

    .yx-toe {
        padding-right: var(--space-xxxs)
    }

    .yx-tot {
        padding-right: var(--space-xxs)
    }

    .yx-ton {
        padding-right: var(--space-xs)
    }

    .yx-tor {
        padding-right: var(--space-sm)
    }

    .yx-toi {
        padding-right: var(--space-md)
    }

    .yx-tos {
        padding-right: var(--space-lg)
    }

    .yx-too {
        padding-right: var(--space-xl)
    }

    .yx-tou {
        padding-right: var(--space-xxl)
    }

    .yx-toa {
        padding-right: var(--space-xxxl)
    }

    .yx-tof {
        padding-right: var(--space-xxxxl)
    }

    .yx-tol {
        padding-right: 0
    }

    .yx-ryq {
        padding-right: var(--component-padding)
    }

    .yx-toh {
        padding-left: var(--space-xxxxs)
    }

    .yx-top {
        padding-left: var(--space-xxxs)
    }

    .yx-tod {
        padding-left: var(--space-xxs)
    }

    .yx-tov {
        padding-left: var(--space-xs)
    }

    .yx-tom {
        padding-left: var(--space-sm)
    }

    .yx-tog {
        padding-left: var(--space-md)
    }

    .yx-toy {
        padding-left: var(--space-lg)
    }

    .yx-tob {
        padding-left: var(--space-xl)
    }

    .yx-tow {
        padding-left: var(--space-xxl)
    }

    .yx-tox {
        padding-left: var(--space-xxxl)
    }

    .yx-tok {
        padding-left: var(--space-xxxxl)
    }

    .yx-to_ {
        padding-left: 0
    }

    .yx-toj {
        padding-left: var(--component-padding)
    }

    .yx-toq {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
    }

    .yx-toz {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
    }

    .yx-tue {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
    }

    .yx-tut {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }

    .yx-tun {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

    .yx-tur {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }

    .yx-tui {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }

    .yx-tus {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }

    .yx-tuo {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
    }

    .yx-tuu {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
    }

    .yx-tua {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
    }

    .yx-tuf {
        padding-left: 0;
        padding-right: 0
    }

    .yx-tul {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
    }

    .yx-tuc {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
    }

    .yx-tuh {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
    }

    .yx-tup {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
    }

    .yx-tud {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }

    .yx-tuv {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }

    .yx-tum {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .yx-tug {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }

    .yx-tuy {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }

    .yx-tub {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
    }

    .yx-tuw {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
    }

    .yx-tux {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
    }

    .yx-tuk {
        padding-top: 0;
        padding-bottom: 0
    }

    .yx-tu_ {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
    }

    .yx-tuj {
        text-align: center
    }

    .yx-tuq {
        text-align: left
    }

    .yx-tuz {
        text-align: right
    }

    .yx-tae {
        text-align: justify
    }

    .yx-tat {
        font-size: var(--text-xs, .6875rem)
    }

    .yx-tan {
        font-size: var(--text-sm, .75rem)
    }

    .yx-tar {
        font-size: var(--text-unit, 1rem)
    }

    .yx-tai {
        font-size: var(--text-md, 1.125rem)
    }

    .yx-tas {
        font-size: var(--text-lg, 1.375rem)
    }

    .yx-tao {
        font-size: var(--text-xl, 1.75rem)
    }

    .yx-tau {
        font-size: var(--text-xxl, 2rem)
    }

    .yx-taa {
        font-size: var(--text-xxxl, 2.5rem)
    }

    .yx-taf {
        font-size: var(--text-xxxxl, 3rem)
    }

    .yx-tal {
        -moz-column-count: 1;
        column-count: 1
    }

    .yx-tac {
        -moz-column-count: 2;
        column-count: 2
    }

    .yx-tah {
        -moz-column-count: 3;
        column-count: 3
    }

    .yx-tap {
        -moz-column-count: 4;
        column-count: 4
    }

    .yx-tad {
        width: var(--size-xxxxs, .25rem)
    }

    .yx-tav {
        width: var(--size-xxxs, .5rem)
    }

    .yx-tam {
        width: var(--size-xxs, .75rem)
    }

    .yx-tag {
        width: var(--size-xs, 1rem)
    }

    .yx-tay {
        width: var(--size-sm, 1.5rem)
    }

    .yx-tab {
        width: var(--size-md, 2rem)
    }

    .yx-taw {
        width: var(--size-lg, 3rem)
    }

    .yx-tax {
        width: var(--size-xl, 4rem)
    }

    .yx-tak {
        width: var(--size-xxl, 6rem)
    }

    .yx-ta_ {
        width: var(--size-xxxl, 8rem)
    }

    .yx-taj {
        width: var(--size-xxxxl, 16rem)
    }

    .yx-taq {
        width: 0
    }

    .yx-taz {
        width: 10%
    }

    .yx-tfe {
        width: 20%
    }

    .yx-tft {
        width: 25%
    }

    .yx-tfn {
        width: 30%
    }

    .yx-tfr {
        width: 33.3333333333%
    }

    .yx-tfi {
        width: 40%
    }

    .yx-tfs {
        width: 50%
    }

    .yx-tfo {
        width: 60%
    }

    .yx-tfu {
        width: 66.6666666667%
    }

    .yx-tfa {
        width: 70%
    }

    .yx-tff {
        width: 75%
    }

    .yx-tfl {
        width: 80%
    }

    .yx-tfc {
        width: 90%
    }

    .yx-tfh {
        width: 100%
    }

    .yx-tfp {
        width: 100vw
    }

    .yx-tfd {
        width: auto
    }

    .yx-tfv {
        width: inherit
    }

    .yx-tfm {
        height: var(--size-xxxxs, .25rem)
    }

    .yx-tfg {
        height: var(--size-xxxs, .5rem)
    }

    .yx-tfy {
        height: var(--size-xxs, .75rem)
    }

    .yx-tfb {
        height: var(--size-xs, 1rem)
    }

    .yx-tfw {
        height: var(--size-sm, 1.5rem)
    }

    .yx-tfx {
        height: var(--size-md, 2rem)
    }

    .yx-tfk {
        height: var(--size-lg, 3rem)
    }

    .yx-tf_ {
        height: var(--size-xl, 4rem)
    }

    .yx-tfj {
        height: var(--size-xxl, 6rem)
    }

    .yx-tfq {
        height: var(--size-xxxl, 8rem)
    }

    .yx-tfz {
        height: var(--size-xxxxl, 16rem)
    }

    .yx-tle {
        height: 0
    }

    .yx-tlt {
        height: 10%
    }

    .yx-tln {
        height: 20%
    }

    .yx-tlr {
        height: 25%
    }

    .yx-tli {
        height: 30%
    }

    .yx-tls {
        height: 33.3333333333%
    }

    .yx-tlo {
        height: 40%
    }

    .yx-tlu {
        height: 50%
    }

    .yx-tla {
        height: 60%
    }

    .yx-tlf {
        height: 66.6666666667%
    }

    .yx-tll {
        height: 70%
    }

    .yx-tlc {
        height: 75%
    }

    .yx-tlh {
        height: 80%
    }

    .yx-tlp {
        height: 90%
    }

    .yx-tld {
        height: 100%
    }

    .yx-tlv {
        height: 100vh
    }

    .yx-tlm {
        height: auto
    }

    .yx-tlg {
        height: inherit
    }

    .yx-tly {
        max-width: var(--max-width-xxxxxs)
    }

    .yx-tlb {
        max-width: var(--max-width-xxxxs)
    }

    .yx-tlw {
        max-width: var(--max-width-xxxs)
    }

    .yx-tlx {
        max-width: var(--max-width-xxs)
    }

    .yx-tlk {
        max-width: var(--max-width-xs)
    }

    .yx-tl_ {
        max-width: var(--max-width-sm)
    }

    .yx-tlj {
        max-width: var(--max-width-md)
    }

    .yx-tlq {
        max-width: var(--max-width-lg)
    }

    .yx-tlz {
        max-width: var(--max-width-xl)
    }

    .yx-tce {
        max-width: var(--max-width-xxl)
    }

    .yx-tct {
        max-width: var(--max-width-xxxl)
    }

    .yx-tcn {
        max-width: var(--max-width-xxxxl)
    }

    .yx-tcr {
        max-width: 100%
    }

    .yx-tci {
        max-width: none
    }

    .yx-tcs {
        position: relative
    }

    .yx-tco {
        position: absolute
    }

    .yx-tcu {
        position: fixed
    }

    .yx-tposition-stickyn {
        position: -webkit-sticky;
        position: sticky
    }

    .yx-tca {
        position: static
    }

    .yx-tcf {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .yx-tcl {
        top: 0
    }

    .yx-tcc {
        top: 50%
    }

    .yx-tch {
        top: var(--space-xxxxs)
    }

    .yx-tcp {
        top: var(--space-xxxs)
    }

    .yx-tcd {
        top: var(--space-xxs)
    }

    .yx-tcv {
        top: var(--space-xs)
    }

    .yx-tcm {
        top: var(--space-sm)
    }

    .yx-tcg {
        top: var(--space-md)
    }

    .yx-tcy {
        top: var(--space-lg)
    }

    .yx-tcb {
        top: var(--space-xl)
    }

    .yx-tcw {
        top: var(--space-xxl)
    }

    .yx-tcx {
        top: var(--space-xxxl)
    }

    .yx-tck {
        top: var(--space-xxxxl)
    }

    .yx-tc_ {
        bottom: 0
    }

    .yx-tcj {
        bottom: 50%
    }

    .yx-tcq {
        bottom: var(--space-xxxxs)
    }

    .yx-tcz {
        bottom: var(--space-xxxs)
    }

    .yx-the {
        bottom: var(--space-xxs)
    }

    .yx-tht {
        bottom: var(--space-xs)
    }

    .yx-thn {
        bottom: var(--space-sm)
    }

    .yx-thr {
        bottom: var(--space-md)
    }

    .yx-thi {
        bottom: var(--space-lg)
    }

    .yx-ths {
        bottom: var(--space-xl)
    }

    .yx-tho {
        bottom: var(--space-xxl)
    }

    .yx-thu {
        bottom: var(--space-xxxl)
    }

    .yx-tha {
        bottom: var(--space-xxxxl)
    }

    .yx-thf {
        right: 0
    }

    .yx-thl {
        right: 50%
    }

    .yx-thc {
        right: var(--space-xxxxs)
    }

    .yx-thh {
        right: var(--space-xxxs)
    }

    .yx-thp {
        right: var(--space-xxs)
    }

    .yx-thd {
        right: var(--space-xs)
    }

    .yx-thv {
        right: var(--space-sm)
    }

    .yx-thm {
        right: var(--space-md)
    }

    .yx-thg {
        right: var(--space-lg)
    }

    .yx-thy {
        right: var(--space-xl)
    }

    .yx-thb {
        right: var(--space-xxl)
    }

    .yx-thw {
        right: var(--space-xxxl)
    }

    .yx-thx {
        right: var(--space-xxxxl)
    }

    .yx-thk {
        left: 0
    }

    .yx-th_ {
        left: 50%
    }

    .yx-thj {
        left: var(--space-xxxxs)
    }

    .yx-thq {
        left: var(--space-xxxs)
    }

    .yx-thz {
        left: var(--space-xxs)
    }

    .yx-tpe {
        left: var(--space-xs)
    }

    .yx-tpt {
        left: var(--space-sm)
    }

    .yx-tpn {
        left: var(--space-md)
    }

    .yx-tpr {
        left: var(--space-lg)
    }

    .yx-tpi {
        left: var(--space-xl)
    }

    .yx-tps {
        left: var(--space-xxl)
    }

    .yx-tpo {
        left: var(--space-xxxl)
    }

    .yx-tpu {
        left: var(--space-xxxxl)
    }

    .yx-tpa {
        overflow: hidden
    }

    .yx-tpf {
        overflow: auto
    }

    .yx-tpl {
        -webkit-overflow-scrolling: touch
    }

    .yx-tpc {
        overscroll-behavior: contain
    }

    .yx-tph {
        visibility: visible
    }

    .yx-tpp {
        visibility: hidden
    }
}

@media not all and (min-width:32rem) {
    .yx-tpd {
        display: none !important
    }
}

@media(min-width:48rem) {
    .yx-flex@n {
        display: flex
    }

    .yx-inline-flex@n {
        display: inline-flex
    }

    .yx-tpv {
        flex-wrap: wrap
    }

    .yx-tpm {
        flex-wrap: nowrap
    }

    .yx-tpg {
        flex-direction: column
    }

    .yx-tpy {
        flex-direction: column-reverse
    }

    .yx-tpb {
        flex-direction: row
    }

    .yx-tpw {
        flex-direction: row-reverse
    }

    .yx-tpx {
        justify-content: center;
        align-items: center
    }

    .yx-tpk {
        flex-grow: 1
    }

    .yx-tp_ {
        flex-grow: 0
    }

    .yx-tpj {
        flex-shrink: 1
    }

    .yx-tpq {
        flex-shrink: 0
    }

    .yx-tpz {
        flex-basis: 0
    }

    .yx-tde {
        justify-content: flex-start
    }

    .yx-tdt {
        justify-content: flex-end
    }

    .yx-tdn {
        justify-content: center
    }

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

    .yx-tdi {
        align-items: center
    }

    .yx-tds {
        align-items: flex-start
    }

    .yx-tdo {
        align-items: flex-end
    }

    .yx-tdu {
        align-items: baseline
    }

    .yx-tda {
        order: 1
    }

    .yx-tdf {
        order: 2
    }

    .yx-tdl {
        order: 3
    }

    .yx-tdc {
        display: block
    }

    .yx-tdh {
        display: inline-block
    }

    .yx-tdp {
        display: inline
    }

    .yx-tdd {
        display: contents
    }

    .yx-tdv {
        display: none !important
    }

    .yx-tdm {
        margin: var(--space-xxxxs)
    }

    .yx-tdg {
        margin: var(--space-xxxs)
    }

    .yx-tdy {
        margin: var(--space-xxs)
    }

    .yx-tdb {
        margin: var(--space-xs)
    }

    .yx-tdw {
        margin: var(--space-sm)
    }

    .yx-tdx {
        margin: var(--space-md)
    }

    .yx-tdk {
        margin: var(--space-lg)
    }

    .yx-td_ {
        margin: var(--space-xl)
    }

    .yx-tdj {
        margin: var(--space-xxl)
    }

    .yx-tdq {
        margin: var(--space-xxxl)
    }

    .yx-tdz {
        margin: var(--space-xxxxl)
    }

    .yx-tve {
        margin: auto
    }

    .yx-tvt {
        margin: 0
    }

    .yx-tvn {
        margin-top: var(--space-xxxxs)
    }

    .yx-tvr {
        margin-top: var(--space-xxxs)
    }

    .yx-tvi {
        margin-top: var(--space-xxs)
    }

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

    .yx-tvo {
        margin-top: var(--space-sm)
    }

    .yx-tvu {
        margin-top: var(--space-md)
    }

    .yx-tva {
        margin-top: var(--space-lg)
    }

    .yx-tvf {
        margin-top: var(--space-xl)
    }

    .yx-tvl {
        margin-top: var(--space-xxl)
    }

    .yx-tvc {
        margin-top: var(--space-xxxl)
    }

    .yx-tvh {
        margin-top: var(--space-xxxxl)
    }

    .yx-tvp {
        margin-top: auto
    }

    .yx-tvd {
        margin-top: 0
    }

    .yx-tvv {
        margin-bottom: var(--space-xxxxs)
    }

    .yx-tvm {
        margin-bottom: var(--space-xxxs)
    }

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

    .yx-tvy {
        margin-bottom: var(--space-xs)
    }

    .yx-tvb {
        margin-bottom: var(--space-sm)
    }

    .yx-tvw {
        margin-bottom: var(--space-md)
    }

    .yx-tvx {
        margin-bottom: var(--space-lg)
    }

    .yx-tvk {
        margin-bottom: var(--space-xl)
    }

    .yx-tv_ {
        margin-bottom: var(--space-xxl)
    }

    .yx-tvj {
        margin-bottom: var(--space-xxxl)
    }

    .yx-tvq {
        margin-bottom: var(--space-xxxxl)
    }

    .yx-tvz {
        margin-bottom: auto
    }

    .yx-tme {
        margin-bottom: 0
    }

    .yx-tmt {
        margin-right: var(--space-xxxxs)
    }

    .yx-tmn {
        margin-right: var(--space-xxxs)
    }

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

    .yx-tmi {
        margin-right: var(--space-xs)
    }

    .yx-tms {
        margin-right: var(--space-sm)
    }

    .yx-tmo {
        margin-right: var(--space-md)
    }

    .yx-tmu {
        margin-right: var(--space-lg)
    }

    .yx-tma {
        margin-right: var(--space-xl)
    }

    .yx-tmf {
        margin-right: var(--space-xxl)
    }

    .yx-tml {
        margin-right: var(--space-xxxl)
    }

    .yx-tmc {
        margin-right: var(--space-xxxxl)
    }

    .yx-tmh {
        margin-right: auto
    }

    .yx-tmp {
        margin-right: 0
    }

    .yx-tmd {
        margin-left: var(--space-xxxxs)
    }

    .yx-tmv {
        margin-left: var(--space-xxxs)
    }

    .yx-tmm {
        margin-left: var(--space-xxs)
    }

    .yx-tmg {
        margin-left: var(--space-xs)
    }

    .yx-tmy {
        margin-left: var(--space-sm)
    }

    .yx-tmb {
        margin-left: var(--space-md)
    }

    .yx-tmw {
        margin-left: var(--space-lg)
    }

    .yx-tmx {
        margin-left: var(--space-xl)
    }

    .yx-tmk {
        margin-left: var(--space-xxl)
    }

    .yx-tm_ {
        margin-left: var(--space-xxxl)
    }

    .yx-tmj {
        margin-left: var(--space-xxxxl)
    }

    .yx-tmq {
        margin-left: auto
    }

    .yx-tmz {
        margin-left: 0
    }

    .yx-tge {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
    }

    .yx-tgt {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
    }

    .yx-tgn {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
    }

    .yx-tgr {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }

    .yx-tgi {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }

    .yx-tgs {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }

    .yx-tgo {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }

    .yx-tgu {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }

    .yx-tga {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
    }

    .yx-tgf {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
    }

    .yx-tgl {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
    }

    .yx-tgc {
        margin-left: auto;
        margin-right: auto
    }

    .yx-tgh {
        margin-left: 0;
        margin-right: 0
    }

    .yx-tgp {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
    }

    .yx-tgd {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
    }

    .yx-tgv {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
    }

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

    .yx-tgg {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }

    .yx-tgy {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }

    .yx-tgb {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }

    .yx-tgw {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }

    .yx-tgx {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
    }

    .yx-tgk {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
    }

    .yx-tg_ {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
    }

    .yx-tgj {
        margin-top: auto;
        margin-bottom: auto
    }

    .yx-tgq {
        margin-top: 0;
        margin-bottom: 0
    }

    .yx-tgz {
        padding: var(--space-xxxxs)
    }

    .yx-tye {
        padding: var(--space-xxxs)
    }

    .yx-tyt {
        padding: var(--space-xxs)
    }

    .yx-tyn {
        padding: var(--space-xs)
    }

    .yx-tyr {
        padding: var(--space-sm)
    }

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

    .yx-tys {
        padding: var(--space-lg)
    }

    .yx-tyo {
        padding: var(--space-xl)
    }

    .yx-tyu {
        padding: var(--space-xxl)
    }

    .yx-tya {
        padding: var(--space-xxxl)
    }

    .yx-tyf {
        padding: var(--space-xxxxl)
    }

    .yx-tyl {
        padding: 0
    }

    .yx-tyc {
        padding: var(--component-padding)
    }

    .yx-tyh {
        padding-top: var(--space-xxxxs)
    }

    .yx-typ {
        padding-top: var(--space-xxxs)
    }

    .yx-tyd {
        padding-top: var(--space-xxs)
    }

    .yx-tyv {
        padding-top: var(--space-xs)
    }

    .yx-tym {
        padding-top: var(--space-sm)
    }

    .yx-tyg {
        padding-top: var(--space-md)
    }

    .yx-tyy {
        padding-top: var(--space-lg)
    }

    .yx-tyb {
        padding-top: var(--space-xl)
    }

    .yx-tyw {
        padding-top: var(--space-xxl)
    }

    .yx-tyx {
        padding-top: var(--space-xxxl)
    }

    .yx-tyk {
        padding-top: var(--space-xxxxl)
    }

    .yx-ty_ {
        padding-top: 0
    }

    .yx-tyj {
        padding-top: var(--component-padding)
    }

    .yx-tyq {
        padding-bottom: var(--space-xxxxs)
    }

    .yx-tyz {
        padding-bottom: var(--space-xxxs)
    }

    .yx-tbe {
        padding-bottom: var(--space-xxs)
    }

    .yx-tbt {
        padding-bottom: var(--space-xs)
    }

    .yx-tbn {
        padding-bottom: var(--space-sm)
    }

    .yx-tbr {
        padding-bottom: var(--space-md)
    }

    .yx-tbi {
        padding-bottom: var(--space-lg)
    }

    .yx-tbs {
        padding-bottom: var(--space-xl)
    }

    .yx-tbo {
        padding-bottom: var(--space-xxl)
    }

    .yx-tbu {
        padding-bottom: var(--space-xxxl)
    }

    .yx-tba {
        padding-bottom: var(--space-xxxxl)
    }

    .yx-tbf {
        padding-bottom: 0
    }

    .yx-tbl {
        padding-bottom: var(--component-padding)
    }

    .yx-tbc {
        padding-right: var(--space-xxxxs)
    }

    .yx-tbh {
        padding-right: var(--space-xxxs)
    }

    .yx-tbp {
        padding-right: var(--space-xxs)
    }

    .yx-tbd {
        padding-right: var(--space-xs)
    }

    .yx-tbv {
        padding-right: var(--space-sm)
    }

    .yx-tbm {
        padding-right: var(--space-md)
    }

    .yx-tbg {
        padding-right: var(--space-lg)
    }

    .yx-tby {
        padding-right: var(--space-xl)
    }

    .yx-tbb {
        padding-right: var(--space-xxl)
    }

    .yx-tbw {
        padding-right: var(--space-xxxl)
    }

    .yx-tbx {
        padding-right: var(--space-xxxxl)
    }

    .yx-tbk {
        padding-right: 0
    }

    .yx-tb_ {
        padding-right: var(--component-padding)
    }

    .yx-tbj {
        padding-left: var(--space-xxxxs)
    }

    .yx-tbq {
        padding-left: var(--space-xxxs)
    }

    .yx-tbz {
        padding-left: var(--space-xxs)
    }

    .yx-twe {
        padding-left: var(--space-xs)
    }

    .yx-twt {
        padding-left: var(--space-sm)
    }

    .yx-twn {
        padding-left: var(--space-md)
    }

    .yx-twr {
        padding-left: var(--space-lg)
    }

    .yx-twi {
        padding-left: var(--space-xl)
    }

    .yx-tws {
        padding-left: var(--space-xxl)
    }

    .yx-two {
        padding-left: var(--space-xxxl)
    }

    .yx-twu {
        padding-left: var(--space-xxxxl)
    }

    .yx-twa {
        padding-left: 0
    }

    .yx-twf {
        padding-left: var(--component-padding)
    }

    .yx-twl {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
    }

    .yx-twc {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
    }

    .yx-twh {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
    }

    .yx-twp {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }

    .yx-twd {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

    .yx-twv {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }

    .yx-twm {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }

    .yx-twg {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }

    .yx-twy {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
    }

    .yx-twb {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
    }

    .yx-tww {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
    }

    .yx-twx {
        padding-left: 0;
        padding-right: 0
    }

    .yx-twk {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
    }

    .yx-tw_ {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
    }

    .yx-twj {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
    }

    .yx-twq {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
    }

    .yx-twz {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }

    .yx-txe {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }

    .yx-txt {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .yx-txn {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }

    .yx-txr {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }

    .yx-txi {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
    }

    .yx-txs {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
    }

    .yx-txo {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
    }

    .yx-txu {
        padding-top: 0;
        padding-bottom: 0
    }

    .yx-txa {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
    }

    .yx-txf {
        text-align: center
    }

    .yx-txl {
        text-align: left
    }

    .yx-txc {
        text-align: right
    }

    .yx-txh {
        text-align: justify
    }

    .yx-txp {
        font-size: var(--text-xs, .6875rem)
    }

    .yx-txd {
        font-size: var(--text-sm, .75rem)
    }

    .yx-txv {
        font-size: var(--text-unit, 1rem)
    }

    .yx-txm {
        font-size: var(--text-md, 1.125rem)
    }

    .yx-txg {
        font-size: var(--text-lg, 1.375rem)
    }

    .yx-txy {
        font-size: var(--text-xl, 1.75rem)
    }

    .yx-txb {
        font-size: var(--text-xxl, 2rem)
    }

    .yx-txw {
        font-size: var(--text-xxxl, 2.5rem)
    }

    .yx-txx {
        font-size: var(--text-xxxxl, 3rem)
    }

    .yx-txk {
        -moz-column-count: 1;
        column-count: 1
    }

    .yx-tx_ {
        -moz-column-count: 2;
        column-count: 2
    }

    .yx-txj {
        -moz-column-count: 3;
        column-count: 3
    }

    .yx-txq {
        -moz-column-count: 4;
        column-count: 4
    }

    .yx-txz {
        width: var(--size-xxxxs, .25rem)
    }

    .yx-tke {
        width: var(--size-xxxs, .5rem)
    }

    .yx-tkt {
        width: var(--size-xxs, .75rem)
    }

    .yx-tkn {
        width: var(--size-xs, 1rem)
    }

    .yx-tkr {
        width: var(--size-sm, 1.5rem)
    }

    .yx-tki {
        width: var(--size-md, 2rem)
    }

    .yx-tks {
        width: var(--size-lg, 3rem)
    }

    .yx-tko {
        width: var(--size-xl, 4rem)
    }

    .yx-tku {
        width: var(--size-xxl, 6rem)
    }

    .yx-tka {
        width: var(--size-xxxl, 8rem)
    }

    .yx-tkf {
        width: var(--size-xxxxl, 16rem)
    }

    .yx-tkl {
        width: 0
    }

    .yx-tkc {
        width: 10%
    }

    .yx-tkh {
        width: 20%
    }

    .yx-tkp {
        width: 25%
    }

    .yx-tkd {
        width: 30%
    }

    .yx-tkv {
        width: 33.3333333333%
    }

    .yx-tkm {
        width: 40%
    }

    .yx-tkg {
        width: 50%
    }

    .yx-tky {
        width: 60%
    }

    .yx-tkb {
        width: 66.6666666667%
    }

    .yx-tkw {
        width: 70%
    }

    .yx-tkx {
        width: 75%
    }

    .yx-tkk {
        width: 80%
    }

    .yx-tk_ {
        width: 90%
    }

    .yx-tkj {
        width: 100%
    }

    .yx-tkq {
        width: 100vw
    }

    .yx-tkz {
        width: auto
    }

    .yx-t_e {
        width: inherit
    }

    .yx-t_t {
        height: var(--size-xxxxs, .25rem)
    }

    .yx-t_n {
        height: var(--size-xxxs, .5rem)
    }

    .yx-t_r {
        height: var(--size-xxs, .75rem)
    }

    .yx-t_i {
        height: var(--size-xs, 1rem)
    }

    .yx-t_s {
        height: var(--size-sm, 1.5rem)
    }

    .yx-t_o {
        height: var(--size-md, 2rem)
    }

    .yx-t_u {
        height: var(--size-lg, 3rem)
    }

    .yx-t_a {
        height: var(--size-xl, 4rem)
    }

    .yx-t_f {
        height: var(--size-xxl, 6rem)
    }

    .yx-t_l {
        height: var(--size-xxxl, 8rem)
    }

    .yx-t_c {
        height: var(--size-xxxxl, 16rem)
    }

    .yx-t_h {
        height: 0
    }

    .yx-t_p {
        height: 10%
    }

    .yx-t_d {
        height: 20%
    }

    .yx-t_v {
        height: 25%
    }

    .yx-t_m {
        height: 30%
    }

    .yx-t_g {
        height: 33.3333333333%
    }

    .yx-t_y {
        height: 40%
    }

    .yx-t_b {
        height: 50%
    }

    .yx-t_w {
        height: 60%
    }

    .yx-t_x {
        height: 66.6666666667%
    }

    .yx-t_k {
        height: 70%
    }

    .yx-t__ {
        height: 75%
    }

    .yx-t_j {
        height: 80%
    }

    .yx-t_q {
        height: 90%
    }

    .yx-t_z {
        height: 100%
    }

    .yx-tje {
        height: 100vh
    }

    .yx-tjt {
        height: auto
    }

    .yx-tjn {
        height: inherit
    }

    .yx-tjr {
        max-width: var(--max-width-xxxxxs)
    }

    .yx-tji {
        max-width: var(--max-width-xxxxs)
    }

    .yx-tjs {
        max-width: var(--max-width-xxxs)
    }

    .yx-tjo {
        max-width: var(--max-width-xxs)
    }

    .yx-tju {
        max-width: var(--max-width-xs)
    }

    .yx-tja {
        max-width: var(--max-width-sm)
    }

    .yx-tjf {
        max-width: var(--max-width-md)
    }

    .yx-tjl {
        max-width: var(--max-width-lg)
    }

    .yx-tjc {
        max-width: var(--max-width-xl)
    }

    .yx-tjh {
        max-width: var(--max-width-xxl)
    }

    .yx-tjp {
        max-width: var(--max-width-xxxl)
    }

    .yx-tjd {
        max-width: var(--max-width-xxxxl)
    }

    .yx-tjv {
        max-width: 100%
    }

    .yx-tjm {
        max-width: none
    }

    .yx-tjg {
        position: relative
    }

    .yx-tjy {
        position: absolute
    }

    .yx-tjb {
        position: fixed
    }

    .yx-rposition-stickyi {
        position: -webkit-sticky;
        position: sticky
    }

    .yx-tjw {
        position: static
    }

    .yx-tjx {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .yx-tjk {
        top: 0
    }

    .yx-tj_ {
        top: 50%
    }

    .yx-tjj {
        top: var(--space-xxxxs)
    }

    .yx-tjq {
        top: var(--space-xxxs)
    }

    .yx-tjz {
        top: var(--space-xxs)
    }

    .yx-tqe {
        top: var(--space-xs)
    }

    .yx-tqt {
        top: var(--space-sm)
    }

    .yx-tqn {
        top: var(--space-md)
    }

    .yx-tqr {
        top: var(--space-lg)
    }

    .yx-tqi {
        top: var(--space-xl)
    }

    .yx-tqs {
        top: var(--space-xxl)
    }

    .yx-tqo {
        top: var(--space-xxxl)
    }

    .yx-tqu {
        top: var(--space-xxxxl)
    }

    .yx-tqa {
        bottom: 0
    }

    .yx-tqf {
        bottom: 50%
    }

    .yx-tql {
        bottom: var(--space-xxxxs)
    }

    .yx-tqc {
        bottom: var(--space-xxxs)
    }

    .yx-tqh {
        bottom: var(--space-xxs)
    }

    .yx-tqp {
        bottom: var(--space-xs)
    }

    .yx-tqd {
        bottom: var(--space-sm)
    }

    .yx-tqv {
        bottom: var(--space-md)
    }

    .yx-tqm {
        bottom: var(--space-lg)
    }

    .yx-tqg {
        bottom: var(--space-xl)
    }

    .yx-tqy {
        bottom: var(--space-xxl)
    }

    .yx-tqb {
        bottom: var(--space-xxxl)
    }

    .yx-tqw {
        bottom: var(--space-xxxxl)
    }

    .yx-tqx {
        right: 0
    }

    .yx-tqk {
        right: 50%
    }

    .yx-tq_ {
        right: var(--space-xxxxs)
    }

    .yx-tqj {
        right: var(--space-xxxs)
    }

    .yx-tqq {
        right: var(--space-xxs)
    }

    .yx-tqz {
        right: var(--space-xs)
    }

    .yx-tze {
        right: var(--space-sm)
    }

    .yx-tzt {
        right: var(--space-md)
    }

    .yx-tzn {
        right: var(--space-lg)
    }

    .yx-tzr {
        right: var(--space-xl)
    }

    .yx-tzi {
        right: var(--space-xxl)
    }

    .yx-tzs {
        right: var(--space-xxxl)
    }

    .yx-tzo {
        right: var(--space-xxxxl)
    }

    .yx-tzu {
        left: 0
    }

    .yx-tza {
        left: 50%
    }

    .yx-tzf {
        left: var(--space-xxxxs)
    }

    .yx-tzl {
        left: var(--space-xxxs)
    }

    .yx-tzc {
        left: var(--space-xxs)
    }

    .yx-tzh {
        left: var(--space-xs)
    }

    .yx-tzp {
        left: var(--space-sm)
    }

    .yx-tzd {
        left: var(--space-md)
    }

    .yx-tzv {
        left: var(--space-lg)
    }

    .yx-tzm {
        left: var(--space-xl)
    }

    .yx-tzg {
        left: var(--space-xxl)
    }

    .yx-tzy {
        left: var(--space-xxxl)
    }

    .yx-tzb {
        left: var(--space-xxxxl)
    }

    .yx-tzw {
        overflow: hidden
    }

    .yx-tzx {
        overflow: auto
    }

    .yx-tzk {
        -webkit-overflow-scrolling: touch
    }

    .yx-tz_ {
        overscroll-behavior: contain
    }

    .yx-tzj {
        visibility: visible
    }

    .yx-tzq {
        visibility: hidden
    }
}

@media not all and (min-width:48rem) {
    .yx-tzz {
        display: none !important
    }
}

@media(min-width:64rem) {
    .yx-flex@r {
        display: flex
    }

    .yx-inline-flex@r {
        display: inline-flex
    }

    .yx-nee {
        flex-wrap: wrap
    }

    .yx-net {
        flex-wrap: nowrap
    }

    .yx-nen {
        flex-direction: column
    }

    .yx-ner {
        flex-direction: column-reverse
    }

    .yx-nei {
        flex-direction: row
    }

    .yx-nes {
        flex-direction: row-reverse
    }

    .yx-neo {
        justify-content: center;
        align-items: center
    }

    .yx-neu {
        flex-grow: 1
    }

    .yx-nea {
        flex-grow: 0
    }

    .yx-nef {
        flex-shrink: 1
    }

    .yx-nel {
        flex-shrink: 0
    }

    .yx-nec {
        flex-basis: 0
    }

    .yx-neh {
        justify-content: flex-start
    }

    .yx-nep {
        justify-content: flex-end
    }

    .yx-ned {
        justify-content: center
    }

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

    .yx-nem {
        align-items: center
    }

    .yx-neg {
        align-items: flex-start
    }

    .yx-ney {
        align-items: flex-end
    }

    .yx-neb {
        align-items: baseline
    }

    .yx-new {
        order: 1
    }

    .yx-nex {
        order: 2
    }

    .yx-nek {
        order: 3
    }

    .yx-ne_ {
        display: block
    }

    .yx-nej {
        display: inline-block
    }

    .yx-neq {
        display: inline
    }

    .yx-nez {
        display: contents
    }

    .yx-nte {
        display: none !important
    }

    .yx-ntt {
        margin: var(--space-xxxxs)
    }

    .yx-ntn {
        margin: var(--space-xxxs)
    }

    .yx-ntr {
        margin: var(--space-xxs)
    }

    .yx-nti {
        margin: var(--space-xs)
    }

    .yx-nts {
        margin: var(--space-sm)
    }

    .yx-nto {
        margin: var(--space-md)
    }

    .yx-ntu {
        margin: var(--space-lg)
    }

    .yx-nta {
        margin: var(--space-xl)
    }

    .yx-ntf {
        margin: var(--space-xxl)
    }

    .yx-ntl {
        margin: var(--space-xxxl)
    }

    .yx-ntc {
        margin: var(--space-xxxxl)
    }

    .yx-nth {
        margin: auto
    }

    .yx-ntp {
        margin: 0
    }

    .yx-ntd {
        margin-top: var(--space-xxxxs)
    }

    .yx-ntv {
        margin-top: var(--space-xxxs)
    }

    .yx-ntm {
        margin-top: var(--space-xxs)
    }

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

    .yx-nty {
        margin-top: var(--space-sm)
    }

    .yx-ntb {
        margin-top: var(--space-md)
    }

    .yx-ntw {
        margin-top: var(--space-lg)
    }

    .yx-ntx {
        margin-top: var(--space-xl)
    }

    .yx-ntk {
        margin-top: var(--space-xxl)
    }

    .yx-nt_ {
        margin-top: var(--space-xxxl)
    }

    .yx-ntj {
        margin-top: var(--space-xxxxl)
    }

    .yx-ntq {
        margin-top: auto
    }

    .yx-ntz {
        margin-top: 0
    }

    .yx-nne {
        margin-bottom: var(--space-xxxxs)
    }

    .yx-nnt {
        margin-bottom: var(--space-xxxs)
    }

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

    .yx-nnr {
        margin-bottom: var(--space-xs)
    }

    .yx-nni {
        margin-bottom: var(--space-sm)
    }

    .yx-nns {
        margin-bottom: var(--space-md)
    }

    .yx-nno {
        margin-bottom: var(--space-lg)
    }

    .yx-nnu {
        margin-bottom: var(--space-xl)
    }

    .yx-nna {
        margin-bottom: var(--space-xxl)
    }

    .yx-nnf {
        margin-bottom: var(--space-xxxl)
    }

    .yx-nnl {
        margin-bottom: var(--space-xxxxl)
    }

    .yx-nnc {
        margin-bottom: auto
    }

    .yx-nnh {
        margin-bottom: 0
    }

    .yx-nnp {
        margin-right: var(--space-xxxxs)
    }

    .yx-nnd {
        margin-right: var(--space-xxxs)
    }

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

    .yx-nnm {
        margin-right: var(--space-xs)
    }

    .yx-nng {
        margin-right: var(--space-sm)
    }

    .yx-nny {
        margin-right: var(--space-md)
    }

    .yx-nnb {
        margin-right: var(--space-lg)
    }

    .yx-nnw {
        margin-right: var(--space-xl)
    }

    .yx-nnx {
        margin-right: var(--space-xxl)
    }

    .yx-nnk {
        margin-right: var(--space-xxxl)
    }

    .yx-nn_ {
        margin-right: var(--space-xxxxl)
    }

    .yx-nnj {
        margin-right: auto
    }

    .yx-nnq {
        margin-right: 0
    }

    .yx-nnz {
        margin-left: var(--space-xxxxs)
    }

    .yx-nre {
        margin-left: var(--space-xxxs)
    }

    .yx-nrt {
        margin-left: var(--space-xxs)
    }

    .yx-nrn {
        margin-left: var(--space-xs)
    }

    .yx-nrr {
        margin-left: var(--space-sm)
    }

    .yx-nri {
        margin-left: var(--space-md)
    }

    .yx-nrs {
        margin-left: var(--space-lg)
    }

    .yx-nro {
        margin-left: var(--space-xl)
    }

    .yx-nru {
        margin-left: var(--space-xxl)
    }

    .yx-nra {
        margin-left: var(--space-xxxl)
    }

    .yx-nrf {
        margin-left: var(--space-xxxxl)
    }

    .yx-nrl {
        margin-left: auto
    }

    .yx-nrc {
        margin-left: 0
    }

    .yx-nrh {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
    }

    .yx-nrp {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
    }

    .yx-nrd {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
    }

    .yx-nrv {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }

    .yx-nrm {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }

    .yx-nrg {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }

    .yx-nry {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }

    .yx-nrb {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }

    .yx-nrw {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
    }

    .yx-nrx {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
    }

    .yx-nrk {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
    }

    .yx-nr_ {
        margin-left: auto;
        margin-right: auto
    }

    .yx-nrj {
        margin-left: 0;
        margin-right: 0
    }

    .yx-nrq {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
    }

    .yx-nrz {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
    }

    .yx-nie {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
    }

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

    .yx-nin {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }

    .yx-nir {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }

    .yx-nii {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }

    .yx-nis {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }

    .yx-nio {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
    }

    .yx-niu {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
    }

    .yx-nia {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
    }

    .yx-nif {
        margin-top: auto;
        margin-bottom: auto
    }

    .yx-nil {
        margin-top: 0;
        margin-bottom: 0
    }

    .yx-nic {
        padding: var(--space-xxxxs)
    }

    .yx-nih {
        padding: var(--space-xxxs)
    }

    .yx-nip {
        padding: var(--space-xxs)
    }

    .yx-nid {
        padding: var(--space-xs)
    }

    .yx-niv {
        padding: var(--space-sm)
    }

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

    .yx-nig {
        padding: var(--space-lg)
    }

    .yx-niy {
        padding: var(--space-xl)
    }

    .yx-nib {
        padding: var(--space-xxl)
    }

    .yx-niw {
        padding: var(--space-xxxl)
    }

    .yx-nix {
        padding: var(--space-xxxxl)
    }

    .yx-nik {
        padding: 0
    }

    .yx-ni_ {
        padding: var(--component-padding)
    }

    .yx-nij {
        padding-top: var(--space-xxxxs)
    }

    .yx-niq {
        padding-top: var(--space-xxxs)
    }

    .yx-niz {
        padding-top: var(--space-xxs)
    }

    .yx-nse {
        padding-top: var(--space-xs)
    }

    .yx-nst {
        padding-top: var(--space-sm)
    }

    .yx-nsn {
        padding-top: var(--space-md)
    }

    .yx-nsr {
        padding-top: var(--space-lg)
    }

    .yx-nsi {
        padding-top: var(--space-xl)
    }

    .yx-nss {
        padding-top: var(--space-xxl)
    }

    .yx-nso {
        padding-top: var(--space-xxxl)
    }

    .yx-nsu {
        padding-top: var(--space-xxxxl)
    }

    .yx-nsa {
        padding-top: 0
    }

    .yx-nsf {
        padding-top: var(--component-padding)
    }

    .yx-nsl {
        padding-bottom: var(--space-xxxxs)
    }

    .yx-nsc {
        padding-bottom: var(--space-xxxs)
    }

    .yx-nsh {
        padding-bottom: var(--space-xxs)
    }

    .yx-nsp {
        padding-bottom: var(--space-xs)
    }

    .yx-nsd {
        padding-bottom: var(--space-sm)
    }

    .yx-nsv {
        padding-bottom: var(--space-md)
    }

    .yx-nsm {
        padding-bottom: var(--space-lg)
    }

    .yx-nsg {
        padding-bottom: var(--space-xl)
    }

    .yx-nsy {
        padding-bottom: var(--space-xxl)
    }

    .yx-nsb {
        padding-bottom: var(--space-xxxl)
    }

    .yx-nsw {
        padding-bottom: var(--space-xxxxl)
    }

    .yx-nsx {
        padding-bottom: 0
    }

    .yx-nsk {
        padding-bottom: var(--component-padding)
    }

    .yx-ns_ {
        padding-right: var(--space-xxxxs)
    }

    .yx-nsj {
        padding-right: var(--space-xxxs)
    }

    .yx-nsq {
        padding-right: var(--space-xxs)
    }

    .yx-nsz {
        padding-right: var(--space-xs)
    }

    .yx-noe {
        padding-right: var(--space-sm)
    }

    .yx-not {
        padding-right: var(--space-md)
    }

    .yx-non {
        padding-right: var(--space-lg)
    }

    .yx-nor {
        padding-right: var(--space-xl)
    }

    .yx-noi {
        padding-right: var(--space-xxl)
    }

    .yx-nos {
        padding-right: var(--space-xxxl)
    }

    .yx-noo {
        padding-right: var(--space-xxxxl)
    }

    .yx-nou {
        padding-right: 0
    }

    .yx-noa {
        padding-right: var(--component-padding)
    }

    .yx-nof {
        padding-left: var(--space-xxxxs)
    }

    .yx-nol {
        padding-left: var(--space-xxxs)
    }

    .yx-noc {
        padding-left: var(--space-xxs)
    }

    .yx-noh {
        padding-left: var(--space-xs)
    }

    .yx-nop {
        padding-left: var(--space-sm)
    }

    .yx-nod {
        padding-left: var(--space-md)
    }

    .yx-nov {
        padding-left: var(--space-lg)
    }

    .yx-nom {
        padding-left: var(--space-xl)
    }

    .yx-nog {
        padding-left: var(--space-xxl)
    }

    .yx-noy {
        padding-left: var(--space-xxxl)
    }

    .yx-nob {
        padding-left: var(--space-xxxxl)
    }

    .yx-now {
        padding-left: 0
    }

    .yx-nox {
        padding-left: var(--component-padding)
    }

    .yx-nok {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
    }

    .yx-no_ {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
    }

    .yx-noj {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
    }

    .yx-noq {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }

    .yx-noz {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

    .yx-nue {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }

    .yx-nut {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }

    .yx-nun {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }

    .yx-nur {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
    }

    .yx-nui {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
    }

    .yx-nus {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
    }

    .yx-nuo {
        padding-left: 0;
        padding-right: 0
    }

    .yx-nuu {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
    }

    .yx-nua {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
    }

    .yx-nuf {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
    }

    .yx-nul {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
    }

    .yx-nuc {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }

    .yx-nuh {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }

    .yx-nup {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .yx-nud {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }

    .yx-nuv {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }

    .yx-num {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
    }

    .yx-nug {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
    }

    .yx-nuy {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
    }

    .yx-nub {
        padding-top: 0;
        padding-bottom: 0
    }

    .yx-nuw {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
    }

    .yx-nux {
        text-align: center
    }

    .yx-nuk {
        text-align: left
    }

    .yx-nu_ {
        text-align: right
    }

    .yx-nuj {
        text-align: justify
    }

    .yx-nuq {
        font-size: var(--text-xs, .6875rem)
    }

    .yx-nuz {
        font-size: var(--text-sm, .75rem)
    }

    .yx-nae {
        font-size: var(--text-unit, 1rem)
    }

    .yx-nat {
        font-size: var(--text-md, 1.125rem)
    }

    .yx-nan {
        font-size: var(--text-lg, 1.375rem)
    }

    .yx-nar {
        font-size: var(--text-xl, 1.75rem)
    }

    .yx-nai {
        font-size: var(--text-xxl, 2rem)
    }

    .yx-nas {
        font-size: var(--text-xxxl, 2.5rem)
    }

    .yx-nao {
        font-size: var(--text-xxxxl, 3rem)
    }

    .yx-nau {
        -moz-column-count: 1;
        column-count: 1
    }

    .yx-naa {
        -moz-column-count: 2;
        column-count: 2
    }

    .yx-naf {
        -moz-column-count: 3;
        column-count: 3
    }

    .yx-nal {
        -moz-column-count: 4;
        column-count: 4
    }

    .yx-nac {
        width: var(--size-xxxxs, .25rem)
    }

    .yx-nah {
        width: var(--size-xxxs, .5rem)
    }

    .yx-nap {
        width: var(--size-xxs, .75rem)
    }

    .yx-nad {
        width: var(--size-xs, 1rem)
    }

    .yx-nav {
        width: var(--size-sm, 1.5rem)
    }

    .yx-nam {
        width: var(--size-md, 2rem)
    }

    .yx-nag {
        width: var(--size-lg, 3rem)
    }

    .yx-nay {
        width: var(--size-xl, 4rem)
    }

    .yx-nab {
        width: var(--size-xxl, 6rem)
    }

    .yx-naw {
        width: var(--size-xxxl, 8rem)
    }

    .yx-nax {
        width: var(--size-xxxxl, 16rem)
    }

    .yx-nak {
        width: 0
    }

    .yx-na_ {
        width: 10%
    }

    .yx-naj {
        width: 20%
    }

    .yx-naq {
        width: 25%
    }

    .yx-naz {
        width: 30%
    }

    .yx-nfe {
        width: 33.3333333333%
    }

    .yx-nft {
        width: 40%
    }

    .yx-nfn {
        width: 50%
    }

    .yx-nfr {
        width: 60%
    }

    .yx-nfi {
        width: 66.6666666667%
    }

    .yx-nfs {
        width: 70%
    }

    .yx-nfo {
        width: 75%
    }

    .yx-nfu {
        width: 80%
    }

    .yx-nfa {
        width: 90%
    }

    .yx-nff {
        width: 100%
    }

    .yx-nfl {
        width: 100vw
    }

    .yx-nfc {
        width: auto
    }

    .yx-nfh {
        width: inherit
    }

    .yx-nfp {
        height: var(--size-xxxxs, .25rem)
    }

    .yx-nfd {
        height: var(--size-xxxs, .5rem)
    }

    .yx-nfv {
        height: var(--size-xxs, .75rem)
    }

    .yx-nfm {
        height: var(--size-xs, 1rem)
    }

    .yx-nfg {
        height: var(--size-sm, 1.5rem)
    }

    .yx-nfy {
        height: var(--size-md, 2rem)
    }

    .yx-nfb {
        height: var(--size-lg, 3rem)
    }

    .yx-nfw {
        height: var(--size-xl, 4rem)
    }

    .yx-nfx {
        height: var(--size-xxl, 6rem)
    }

    .yx-nfk {
        height: var(--size-xxxl, 8rem)
    }

    .yx-nf_ {
        height: var(--size-xxxxl, 16rem)
    }

    .yx-nfj {
        height: 0
    }

    .yx-nfq {
        height: 10%
    }

    .yx-nfz {
        height: 20%
    }

    .yx-nle {
        height: 25%
    }

    .yx-nlt {
        height: 30%
    }

    .yx-nln {
        height: 33.3333333333%
    }

    .yx-nlr {
        height: 40%
    }

    .yx-nli {
        height: 50%
    }

    .yx-nls {
        height: 60%
    }

    .yx-nlo {
        height: 66.6666666667%
    }

    .yx-nlu {
        height: 70%
    }

    .yx-nla {
        height: 75%
    }

    .yx-nlf {
        height: 80%
    }

    .yx-nll {
        height: 90%
    }

    .yx-nlc {
        height: 100%
    }

    .yx-nlh {
        height: 100vh
    }

    .yx-nlp {
        height: auto
    }

    .yx-nld {
        height: inherit
    }

    .yx-nlv {
        max-width: var(--max-width-xxxxxs)
    }

    .yx-nlm {
        max-width: var(--max-width-xxxxs)
    }

    .yx-nlg {
        max-width: var(--max-width-xxxs)
    }

    .yx-nly {
        max-width: var(--max-width-xxs)
    }

    .yx-nlb {
        max-width: var(--max-width-xs)
    }

    .yx-nlw {
        max-width: var(--max-width-sm)
    }

    .yx-nlx {
        max-width: var(--max-width-md)
    }

    .yx-nlk {
        max-width: var(--max-width-lg)
    }

    .yx-nl_ {
        max-width: var(--max-width-xl)
    }

    .yx-nlj {
        max-width: var(--max-width-xxl)
    }

    .yx-nlq {
        max-width: var(--max-width-xxxl)
    }

    .yx-nlz {
        max-width: var(--max-width-xxxxl)
    }

    .yx-nce {
        max-width: 100%
    }

    .yx-nct {
        max-width: none
    }

    .yx-ncn {
        position: relative
    }

    .yx-ncr {
        position: absolute
    }

    .yx-nci {
        position: fixed
    }

    .yx-sposition-stickyo {
        position: -webkit-sticky;
        position: sticky
    }

    .yx-ncs {
        position: static
    }

    .yx-nco {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .yx-ncu {
        top: 0
    }

    .yx-nca {
        top: 50%
    }

    .yx-ncf {
        top: var(--space-xxxxs)
    }

    .yx-ncl {
        top: var(--space-xxxs)
    }

    .yx-ncc {
        top: var(--space-xxs)
    }

    .yx-nch {
        top: var(--space-xs)
    }

    .yx-ncp {
        top: var(--space-sm)
    }

    .yx-ncd {
        top: var(--space-md)
    }

    .yx-ncv {
        top: var(--space-lg)
    }

    .yx-ncm {
        top: var(--space-xl)
    }

    .yx-ncg {
        top: var(--space-xxl)
    }

    .yx-ncy {
        top: var(--space-xxxl)
    }

    .yx-ncb {
        top: var(--space-xxxxl)
    }

    .yx-ncw {
        bottom: 0
    }

    .yx-ncx {
        bottom: 50%
    }

    .yx-nck {
        bottom: var(--space-xxxxs)
    }

    .yx-nc_ {
        bottom: var(--space-xxxs)
    }

    .yx-ncj {
        bottom: var(--space-xxs)
    }

    .yx-ncq {
        bottom: var(--space-xs)
    }

    .yx-ncz {
        bottom: var(--space-sm)
    }

    .yx-nhe {
        bottom: var(--space-md)
    }

    .yx-nht {
        bottom: var(--space-lg)
    }

    .yx-nhn {
        bottom: var(--space-xl)
    }

    .yx-nhr {
        bottom: var(--space-xxl)
    }

    .yx-nhi {
        bottom: var(--space-xxxl)
    }

    .yx-nhs {
        bottom: var(--space-xxxxl)
    }

    .yx-nho {
        right: 0
    }

    .yx-nhu {
        right: 50%
    }

    .yx-nha {
        right: var(--space-xxxxs)
    }

    .yx-nhf {
        right: var(--space-xxxs)
    }

    .yx-nhl {
        right: var(--space-xxs)
    }

    .yx-nhc {
        right: var(--space-xs)
    }

    .yx-nhh {
        right: var(--space-sm)
    }

    .yx-nhp {
        right: var(--space-md)
    }

    .yx-nhd {
        right: var(--space-lg)
    }

    .yx-nhv {
        right: var(--space-xl)
    }

    .yx-nhm {
        right: var(--space-xxl)
    }

    .yx-nhg {
        right: var(--space-xxxl)
    }

    .yx-nhy {
        right: var(--space-xxxxl)
    }

    .yx-nhb {
        left: 0
    }

    .yx-nhw {
        left: 50%
    }

    .yx-nhx {
        left: var(--space-xxxxs)
    }

    .yx-nhk {
        left: var(--space-xxxs)
    }

    .yx-nh_ {
        left: var(--space-xxs)
    }

    .yx-nhj {
        left: var(--space-xs)
    }

    .yx-nhq {
        left: var(--space-sm)
    }

    .yx-nhz {
        left: var(--space-md)
    }

    .yx-npe {
        left: var(--space-lg)
    }

    .yx-npt {
        left: var(--space-xl)
    }

    .yx-npn {
        left: var(--space-xxl)
    }

    .yx-npr {
        left: var(--space-xxxl)
    }

    .yx-npi {
        left: var(--space-xxxxl)
    }

    .yx-nps {
        overflow: hidden
    }

    .yx-npo {
        overflow: auto
    }

    .yx-npu {
        -webkit-overflow-scrolling: touch
    }

    .yx-npa {
        overscroll-behavior: contain
    }

    .yx-npf {
        visibility: visible
    }

    .yx-npl {
        visibility: hidden
    }
}

@media not all and (min-width:64rem) {
    .yx-npc {
        display: none !important
    }
}

@media(min-width:80rem) {
    .yx-flex@i {
        display: flex
    }

    .yx-inline-flex@i {
        display: inline-flex
    }

    .yx-nph {
        flex-wrap: wrap
    }

    .yx-npp {
        flex-wrap: nowrap
    }

    .yx-npd {
        flex-direction: column
    }

    .yx-npv {
        flex-direction: column-reverse
    }

    .yx-npm {
        flex-direction: row
    }

    .yx-npg {
        flex-direction: row-reverse
    }

    .yx-npy {
        justify-content: center;
        align-items: center
    }

    .yx-npb {
        flex-grow: 1
    }

    .yx-npw {
        flex-grow: 0
    }

    .yx-npx {
        flex-shrink: 1
    }

    .yx-npk {
        flex-shrink: 0
    }

    .yx-np_ {
        flex-basis: 0
    }

    .yx-npj {
        justify-content: flex-start
    }

    .yx-npq {
        justify-content: flex-end
    }

    .yx-npz {
        justify-content: center
    }

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

    .yx-ndt {
        align-items: center
    }

    .yx-ndn {
        align-items: flex-start
    }

    .yx-ndr {
        align-items: flex-end
    }

    .yx-ndi {
        align-items: baseline
    }

    .yx-nds {
        order: 1
    }

    .yx-ndo {
        order: 2
    }

    .yx-ndu {
        order: 3
    }

    .yx-nda {
        display: block
    }

    .yx-ndf {
        display: inline-block
    }

    .yx-ndl {
        display: inline
    }

    .yx-ndc {
        display: contents
    }

    .yx-ndh {
        display: none !important
    }

    .yx-ndp {
        margin: var(--space-xxxxs)
    }

    .yx-ndd {
        margin: var(--space-xxxs)
    }

    .yx-ndv {
        margin: var(--space-xxs)
    }

    .yx-ndm {
        margin: var(--space-xs)
    }

    .yx-ndg {
        margin: var(--space-sm)
    }

    .yx-ndy {
        margin: var(--space-md)
    }

    .yx-ndb {
        margin: var(--space-lg)
    }

    .yx-ndw {
        margin: var(--space-xl)
    }

    .yx-ndx {
        margin: var(--space-xxl)
    }

    .yx-ndk {
        margin: var(--space-xxxl)
    }

    .yx-nd_ {
        margin: var(--space-xxxxl)
    }

    .yx-ndj {
        margin: auto
    }

    .yx-ndq {
        margin: 0
    }

    .yx-ndz {
        margin-top: var(--space-xxxxs)
    }

    .yx-nve {
        margin-top: var(--space-xxxs)
    }

    .yx-nvt {
        margin-top: var(--space-xxs)
    }

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

    .yx-nvr {
        margin-top: var(--space-sm)
    }

    .yx-nvi {
        margin-top: var(--space-md)
    }

    .yx-nvs {
        margin-top: var(--space-lg)
    }

    .yx-nvo {
        margin-top: var(--space-xl)
    }

    .yx-nvu {
        margin-top: var(--space-xxl)
    }

    .yx-nva {
        margin-top: var(--space-xxxl)
    }

    .yx-nvf {
        margin-top: var(--space-xxxxl)
    }

    .yx-nvl {
        margin-top: auto
    }

    .yx-nvc {
        margin-top: 0
    }

    .yx-nvh {
        margin-bottom: var(--space-xxxxs)
    }

    .yx-nvp {
        margin-bottom: var(--space-xxxs)
    }

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

    .yx-nvv {
        margin-bottom: var(--space-xs)
    }

    .yx-nvm {
        margin-bottom: var(--space-sm)
    }

    .yx-nvg {
        margin-bottom: var(--space-md)
    }

    .yx-nvy {
        margin-bottom: var(--space-lg)
    }

    .yx-nvb {
        margin-bottom: var(--space-xl)
    }

    .yx-nvw {
        margin-bottom: var(--space-xxl)
    }

    .yx-nvx {
        margin-bottom: var(--space-xxxl)
    }

    .yx-nvk {
        margin-bottom: var(--space-xxxxl)
    }

    .yx-nv_ {
        margin-bottom: auto
    }

    .yx-nvj {
        margin-bottom: 0
    }

    .yx-nvq {
        margin-right: var(--space-xxxxs)
    }

    .yx-nvz {
        margin-right: var(--space-xxxs)
    }

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

    .yx-nmt {
        margin-right: var(--space-xs)
    }

    .yx-nmn {
        margin-right: var(--space-sm)
    }

    .yx-nmr {
        margin-right: var(--space-md)
    }

    .yx-nmi {
        margin-right: var(--space-lg)
    }

    .yx-nms {
        margin-right: var(--space-xl)
    }

    .yx-nmo {
        margin-right: var(--space-xxl)
    }

    .yx-nmu {
        margin-right: var(--space-xxxl)
    }

    .yx-nma {
        margin-right: var(--space-xxxxl)
    }

    .yx-nmf {
        margin-right: auto
    }

    .yx-nml {
        margin-right: 0
    }

    .yx-nmc {
        margin-left: var(--space-xxxxs)
    }

    .yx-nmh {
        margin-left: var(--space-xxxs)
    }

    .yx-nmp {
        margin-left: var(--space-xxs)
    }

    .yx-nmd {
        margin-left: var(--space-xs)
    }

    .yx-nmv {
        margin-left: var(--space-sm)
    }

    .yx-nmm {
        margin-left: var(--space-md)
    }

    .yx-nmg {
        margin-left: var(--space-lg)
    }

    .yx-nmy {
        margin-left: var(--space-xl)
    }

    .yx-nmb {
        margin-left: var(--space-xxl)
    }

    .yx-nmw {
        margin-left: var(--space-xxxl)
    }

    .yx-nmx {
        margin-left: var(--space-xxxxl)
    }

    .yx-nmk {
        margin-left: auto
    }

    .yx-nm_ {
        margin-left: 0
    }

    .yx-nmj {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
    }

    .yx-nmq {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
    }

    .yx-nmz {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
    }

    .yx-nge {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }

    .yx-ngt {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }

    .yx-ngn {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }

    .yx-ngr {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }

    .yx-ngi {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }

    .yx-ngs {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
    }

    .yx-ngo {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
    }

    .yx-ngu {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
    }

    .yx-nga {
        margin-left: auto;
        margin-right: auto
    }

    .yx-ngf {
        margin-left: 0;
        margin-right: 0
    }

    .yx-ngl {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
    }

    .yx-ngc {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
    }

    .yx-ngh {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
    }

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

    .yx-ngd {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }

    .yx-ngv {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }

    .yx-ngm {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }

    .yx-ngg {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }

    .yx-ngy {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
    }

    .yx-ngb {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
    }

    .yx-ngw {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
    }

    .yx-ngx {
        margin-top: auto;
        margin-bottom: auto
    }

    .yx-ngk {
        margin-top: 0;
        margin-bottom: 0
    }

    .yx-ng_ {
        padding: var(--space-xxxxs)
    }

    .yx-ngj {
        padding: var(--space-xxxs)
    }

    .yx-ngq {
        padding: var(--space-xxs)
    }

    .yx-ngz {
        padding: var(--space-xs)
    }

    .yx-nye {
        padding: var(--space-sm)
    }

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

    .yx-nyn {
        padding: var(--space-lg)
    }

    .yx-nyr {
        padding: var(--space-xl)
    }

    .yx-nyi {
        padding: var(--space-xxl)
    }

    .yx-nys {
        padding: var(--space-xxxl)
    }

    .yx-nyo {
        padding: var(--space-xxxxl)
    }

    .yx-nyu {
        padding: 0
    }

    .yx-nya {
        padding: var(--component-padding)
    }

    .yx-nyf {
        padding-top: var(--space-xxxxs)
    }

    .yx-nyl {
        padding-top: var(--space-xxxs)
    }

    .yx-nyc {
        padding-top: var(--space-xxs)
    }

    .yx-nyh {
        padding-top: var(--space-xs)
    }

    .yx-nyp {
        padding-top: var(--space-sm)
    }

    .yx-nyd {
        padding-top: var(--space-md)
    }

    .yx-nyv {
        padding-top: var(--space-lg)
    }

    .yx-nym {
        padding-top: var(--space-xl)
    }

    .yx-nyg {
        padding-top: var(--space-xxl)
    }

    .yx-nyy {
        padding-top: var(--space-xxxl)
    }

    .yx-nyb {
        padding-top: var(--space-xxxxl)
    }

    .yx-nyw {
        padding-top: 0
    }

    .yx-nyx {
        padding-top: var(--component-padding)
    }

    .yx-nyk {
        padding-bottom: var(--space-xxxxs)
    }

    .yx-ny_ {
        padding-bottom: var(--space-xxxs)
    }

    .yx-nyj {
        padding-bottom: var(--space-xxs)
    }

    .yx-nyq {
        padding-bottom: var(--space-xs)
    }

    .yx-nyz {
        padding-bottom: var(--space-sm)
    }

    .yx-nbe {
        padding-bottom: var(--space-md)
    }

    .yx-nbt {
        padding-bottom: var(--space-lg)
    }

    .yx-nbn {
        padding-bottom: var(--space-xl)
    }

    .yx-nbr {
        padding-bottom: var(--space-xxl)
    }

    .yx-nbi {
        padding-bottom: var(--space-xxxl)
    }

    .yx-nbs {
        padding-bottom: var(--space-xxxxl)
    }

    .yx-nbo {
        padding-bottom: 0
    }

    .yx-nbu {
        padding-bottom: var(--component-padding)
    }

    .yx-nba {
        padding-right: var(--space-xxxxs)
    }

    .yx-nbf {
        padding-right: var(--space-xxxs)
    }

    .yx-nbl {
        padding-right: var(--space-xxs)
    }

    .yx-nbc {
        padding-right: var(--space-xs)
    }

    .yx-nbh {
        padding-right: var(--space-sm)
    }

    .yx-nbp {
        padding-right: var(--space-md)
    }

    .yx-nbd {
        padding-right: var(--space-lg)
    }

    .yx-nbv {
        padding-right: var(--space-xl)
    }

    .yx-nbm {
        padding-right: var(--space-xxl)
    }

    .yx-nbg {
        padding-right: var(--space-xxxl)
    }

    .yx-nby {
        padding-right: var(--space-xxxxl)
    }

    .yx-nbb {
        padding-right: 0
    }

    .yx-nbw {
        padding-right: var(--component-padding)
    }

    .yx-nbx {
        padding-left: var(--space-xxxxs)
    }

    .yx-nbk {
        padding-left: var(--space-xxxs)
    }

    .yx-nb_ {
        padding-left: var(--space-xxs)
    }

    .yx-nbj {
        padding-left: var(--space-xs)
    }

    .yx-nbq {
        padding-left: var(--space-sm)
    }

    .yx-nbz {
        padding-left: var(--space-md)
    }

    .yx-nwe {
        padding-left: var(--space-lg)
    }

    .yx-nwt {
        padding-left: var(--space-xl)
    }

    .yx-nwn {
        padding-left: var(--space-xxl)
    }

    .yx-nwr {
        padding-left: var(--space-xxxl)
    }

    .yx-nwi {
        padding-left: var(--space-xxxxl)
    }

    .yx-nws {
        padding-left: 0
    }

    .yx-nwo {
        padding-left: var(--component-padding)
    }

    .yx-nwu {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
    }

    .yx-nwa {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
    }

    .yx-nwf {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
    }

    .yx-nwl {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }

    .yx-nwc {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

    .yx-nwh {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }

    .yx-nwp {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }

    .yx-nwd {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }

    .yx-nwv {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
    }

    .yx-nwm {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
    }

    .yx-nwg {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
    }

    .yx-nwy {
        padding-left: 0;
        padding-right: 0
    }

    .yx-nwb {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
    }

    .yx-nww {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
    }

    .yx-nwx {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
    }

    .yx-nwk {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
    }

    .yx-nw_ {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }

    .yx-nwj {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }

    .yx-nwq {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .yx-nwz {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }

    .yx-nxe {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }

    .yx-nxt {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
    }

    .yx-nxn {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
    }

    .yx-nxr {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
    }

    .yx-nxi {
        padding-top: 0;
        padding-bottom: 0
    }

    .yx-nxs {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
    }

    .yx-nxo {
        text-align: center
    }

    .yx-nxu {
        text-align: left
    }

    .yx-nxa {
        text-align: right
    }

    .yx-nxf {
        text-align: justify
    }

    .yx-nxl {
        font-size: var(--text-xs, .6875rem)
    }

    .yx-nxc {
        font-size: var(--text-sm, .75rem)
    }

    .yx-nxh {
        font-size: var(--text-unit, 1rem)
    }

    .yx-nxp {
        font-size: var(--text-md, 1.125rem)
    }

    .yx-nxd {
        font-size: var(--text-lg, 1.375rem)
    }

    .yx-nxv {
        font-size: var(--text-xl, 1.75rem)
    }

    .yx-nxm {
        font-size: var(--text-xxl, 2rem)
    }

    .yx-nxg {
        font-size: var(--text-xxxl, 2.5rem)
    }

    .yx-nxy {
        font-size: var(--text-xxxxl, 3rem)
    }

    .yx-nxb {
        -moz-column-count: 1;
        column-count: 1
    }

    .yx-nxw {
        -moz-column-count: 2;
        column-count: 2
    }

    .yx-nxx {
        -moz-column-count: 3;
        column-count: 3
    }

    .yx-nxk {
        -moz-column-count: 4;
        column-count: 4
    }

    .yx-nx_ {
        width: var(--size-xxxxs, .25rem)
    }

    .yx-nxj {
        width: var(--size-xxxs, .5rem)
    }

    .yx-nxq {
        width: var(--size-xxs, .75rem)
    }

    .yx-nxz {
        width: var(--size-xs, 1rem)
    }

    .yx-nke {
        width: var(--size-sm, 1.5rem)
    }

    .yx-nkt {
        width: var(--size-md, 2rem)
    }

    .yx-nkn {
        width: var(--size-lg, 3rem)
    }

    .yx-nkr {
        width: var(--size-xl, 4rem)
    }

    .yx-nki {
        width: var(--size-xxl, 6rem)
    }

    .yx-nks {
        width: var(--size-xxxl, 8rem)
    }

    .yx-nko {
        width: var(--size-xxxxl, 16rem)
    }

    .yx-nku {
        width: 0
    }

    .yx-nka {
        width: 10%
    }

    .yx-nkf {
        width: 20%
    }

    .yx-nkl {
        width: 25%
    }

    .yx-nkc {
        width: 30%
    }

    .yx-nkh {
        width: 33.3333333333%
    }

    .yx-nkp {
        width: 40%
    }

    .yx-nkd {
        width: 50%
    }

    .yx-nkv {
        width: 60%
    }

    .yx-nkm {
        width: 66.6666666667%
    }

    .yx-nkg {
        width: 70%
    }

    .yx-nky {
        width: 75%
    }

    .yx-nkb {
        width: 80%
    }

    .yx-nkw {
        width: 90%
    }

    .yx-nkx {
        width: 100%
    }

    .yx-nkk {
        width: 100vw
    }

    .yx-nk_ {
        width: auto
    }

    .yx-nkj {
        width: inherit
    }

    .yx-nkq {
        height: var(--size-xxxxs, .25rem)
    }

    .yx-nkz {
        height: var(--size-xxxs, .5rem)
    }

    .yx-n_e {
        height: var(--size-xxs, .75rem)
    }

    .yx-n_t {
        height: var(--size-xs, 1rem)
    }

    .yx-n_n {
        height: var(--size-sm, 1.5rem)
    }

    .yx-n_r {
        height: var(--size-md, 2rem)
    }

    .yx-n_i {
        height: var(--size-lg, 3rem)
    }

    .yx-n_s {
        height: var(--size-xl, 4rem)
    }

    .yx-n_o {
        height: var(--size-xxl, 6rem)
    }

    .yx-n_u {
        height: var(--size-xxxl, 8rem)
    }

    .yx-n_a {
        height: var(--size-xxxxl, 16rem)
    }

    .yx-n_f {
        height: 0
    }

    .yx-n_l {
        height: 10%
    }

    .yx-n_c {
        height: 20%
    }

    .yx-n_h {
        height: 25%
    }

    .yx-n_p {
        height: 30%
    }

    .yx-n_d {
        height: 33.3333333333%
    }

    .yx-n_v {
        height: 40%
    }

    .yx-n_m {
        height: 50%
    }

    .yx-n_g {
        height: 60%
    }

    .yx-n_y {
        height: 66.6666666667%
    }

    .yx-n_b {
        height: 70%
    }

    .yx-n_w {
        height: 75%
    }

    .yx-n_x {
        height: 80%
    }

    .yx-n_k {
        height: 90%
    }

    .yx-n__ {
        height: 100%
    }

    .yx-n_j {
        height: 100vh
    }

    .yx-n_q {
        height: auto
    }

    .yx-n_z {
        height: inherit
    }

    .yx-nje {
        max-width: var(--max-width-xxxxxs)
    }

    .yx-njt {
        max-width: var(--max-width-xxxxs)
    }

    .yx-njn {
        max-width: var(--max-width-xxxs)
    }

    .yx-njr {
        max-width: var(--max-width-xxs)
    }

    .yx-nji {
        max-width: var(--max-width-xs)
    }

    .yx-njs {
        max-width: var(--max-width-sm)
    }

    .yx-njo {
        max-width: var(--max-width-md)
    }

    .yx-nju {
        max-width: var(--max-width-lg)
    }

    .yx-nja {
        max-width: var(--max-width-xl)
    }

    .yx-njf {
        max-width: var(--max-width-xxl)
    }

    .yx-njl {
        max-width: var(--max-width-xxxl)
    }

    .yx-njc {
        max-width: var(--max-width-xxxxl)
    }

    .yx-njh {
        max-width: 100%
    }

    .yx-njp {
        max-width: none
    }

    .yx-njd {
        position: relative
    }

    .yx-njv {
        position: absolute
    }

    .yx-njm {
        position: fixed
    }

    .yx-uposition-stickya {
        position: -webkit-sticky;
        position: sticky
    }

    .yx-njg {
        position: static
    }

    .yx-njy {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .yx-njb {
        top: 0
    }

    .yx-njw {
        top: 50%
    }

    .yx-njx {
        top: var(--space-xxxxs)
    }

    .yx-njk {
        top: var(--space-xxxs)
    }

    .yx-nj_ {
        top: var(--space-xxs)
    }

    .yx-njj {
        top: var(--space-xs)
    }

    .yx-njq {
        top: var(--space-sm)
    }

    .yx-njz {
        top: var(--space-md)
    }

    .yx-nqe {
        top: var(--space-lg)
    }

    .yx-nqt {
        top: var(--space-xl)
    }

    .yx-nqn {
        top: var(--space-xxl)
    }

    .yx-nqr {
        top: var(--space-xxxl)
    }

    .yx-nqi {
        top: var(--space-xxxxl)
    }

    .yx-nqs {
        bottom: 0
    }

    .yx-nqo {
        bottom: 50%
    }

    .yx-nqu {
        bottom: var(--space-xxxxs)
    }

    .yx-nqa {
        bottom: var(--space-xxxs)
    }

    .yx-nqf {
        bottom: var(--space-xxs)
    }

    .yx-nql {
        bottom: var(--space-xs)
    }

    .yx-nqc {
        bottom: var(--space-sm)
    }

    .yx-nqh {
        bottom: var(--space-md)
    }

    .yx-nqp {
        bottom: var(--space-lg)
    }

    .yx-nqd {
        bottom: var(--space-xl)
    }

    .yx-nqv {
        bottom: var(--space-xxl)
    }

    .yx-nqm {
        bottom: var(--space-xxxl)
    }

    .yx-nqg {
        bottom: var(--space-xxxxl)
    }

    .yx-nqy {
        right: 0
    }

    .yx-nqb {
        right: 50%
    }

    .yx-nqw {
        right: var(--space-xxxxs)
    }

    .yx-nqx {
        right: var(--space-xxxs)
    }

    .yx-nqk {
        right: var(--space-xxs)
    }

    .yx-nq_ {
        right: var(--space-xs)
    }

    .yx-nqj {
        right: var(--space-sm)
    }

    .yx-nqq {
        right: var(--space-md)
    }

    .yx-nqz {
        right: var(--space-lg)
    }

    .yx-nze {
        right: var(--space-xl)
    }

    .yx-nzt {
        right: var(--space-xxl)
    }

    .yx-nzn {
        right: var(--space-xxxl)
    }

    .yx-nzr {
        right: var(--space-xxxxl)
    }

    .yx-nzi {
        left: 0
    }

    .yx-nzs {
        left: 50%
    }

    .yx-nzo {
        left: var(--space-xxxxs)
    }

    .yx-nzu {
        left: var(--space-xxxs)
    }

    .yx-nza {
        left: var(--space-xxs)
    }

    .yx-nzf {
        left: var(--space-xs)
    }

    .yx-nzl {
        left: var(--space-sm)
    }

    .yx-nzc {
        left: var(--space-md)
    }

    .yx-nzh {
        left: var(--space-lg)
    }

    .yx-nzp {
        left: var(--space-xl)
    }

    .yx-nzd {
        left: var(--space-xxl)
    }

    .yx-nzv {
        left: var(--space-xxxl)
    }

    .yx-nzm {
        left: var(--space-xxxxl)
    }

    .yx-nzg {
        overflow: hidden
    }

    .yx-nzy {
        overflow: auto
    }

    .yx-nzb {
        -webkit-overflow-scrolling: touch
    }

    .yx-nzw {
        overscroll-behavior: contain
    }

    .yx-nzx {
        visibility: visible
    }

    .yx-nzk {
        visibility: hidden
    }
}

@media not all and (min-width:80rem) {
    .yx-nz_ {
        display: none !important
    }
}

@media(min-width:90rem) {
    .yx-flex@s {
        display: flex
    }

    .yx-inline-flex@s {
        display: inline-flex
    }

    .yx-nzj {
        flex-wrap: wrap
    }

    .yx-nzq {
        flex-wrap: nowrap
    }

    .yx-nzz {
        flex-direction: column
    }

    .yx-ree {
        flex-direction: column-reverse
    }

    .yx-ret {
        flex-direction: row
    }

    .yx-ren {
        flex-direction: row-reverse
    }

    .yx-rer {
        justify-content: center;
        align-items: center
    }

    .yx-rei {
        flex-grow: 1
    }

    .yx-res {
        flex-grow: 0
    }

    .yx-reo {
        flex-shrink: 1
    }

    .yx-reu {
        flex-shrink: 0
    }

    .yx-rea {
        flex-basis: 0
    }

    .yx-ref {
        justify-content: flex-start
    }

    .yx-rel {
        justify-content: flex-end
    }

    .yx-rec {
        justify-content: center
    }

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

    .yx-rep {
        align-items: center
    }

    .yx-red {
        align-items: flex-start
    }

    .yx-rev {
        align-items: flex-end
    }

    .yx-rem {
        align-items: baseline
    }

    .yx-reg {
        order: 1
    }

    .yx-rey {
        order: 2
    }

    .yx-reb {
        order: 3
    }

    .yx-rew {
        display: block
    }

    .yx-rex {
        display: inline-block
    }

    .yx-rek {
        display: inline
    }

    .yx-re_ {
        display: contents
    }

    .yx-rej {
        display: none !important
    }

    .yx-req {
        margin: var(--space-xxxxs)
    }

    .yx-rez {
        margin: var(--space-xxxs)
    }

    .yx-rte {
        margin: var(--space-xxs)
    }

    .yx-rtt {
        margin: var(--space-xs)
    }

    .yx-rtn {
        margin: var(--space-sm)
    }

    .yx-rtr {
        margin: var(--space-md)
    }

    .yx-rti {
        margin: var(--space-lg)
    }

    .yx-rts {
        margin: var(--space-xl)
    }

    .yx-rto {
        margin: var(--space-xxl)
    }

    .yx-rtu {
        margin: var(--space-xxxl)
    }

    .yx-rta {
        margin: var(--space-xxxxl)
    }

    .yx-rtf {
        margin: auto
    }

    .yx-rtl {
        margin: 0
    }

    .yx-rtc {
        margin-top: var(--space-xxxxs)
    }

    .yx-rth {
        margin-top: var(--space-xxxs)
    }

    .yx-rtp {
        margin-top: var(--space-xxs)
    }

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

    .yx-rtv {
        margin-top: var(--space-sm)
    }

    .yx-rtm {
        margin-top: var(--space-md)
    }

    .yx-rtg {
        margin-top: var(--space-lg)
    }

    .yx-rty {
        margin-top: var(--space-xl)
    }

    .yx-rtb {
        margin-top: var(--space-xxl)
    }

    .yx-rtw {
        margin-top: var(--space-xxxl)
    }

    .yx-rtx {
        margin-top: var(--space-xxxxl)
    }

    .yx-rtk {
        margin-top: auto
    }

    .yx-rt_ {
        margin-top: 0
    }

    .yx-rtj {
        margin-bottom: var(--space-xxxxs)
    }

    .yx-rtq {
        margin-bottom: var(--space-xxxs)
    }

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

    .yx-rne {
        margin-bottom: var(--space-xs)
    }

    .yx-rnt {
        margin-bottom: var(--space-sm)
    }

    .yx-rnn {
        margin-bottom: var(--space-md)
    }

    .yx-rnr {
        margin-bottom: var(--space-lg)
    }

    .yx-rni {
        margin-bottom: var(--space-xl)
    }

    .yx-rns {
        margin-bottom: var(--space-xxl)
    }

    .yx-rno {
        margin-bottom: var(--space-xxxl)
    }

    .yx-rnu {
        margin-bottom: var(--space-xxxxl)
    }

    .yx-rna {
        margin-bottom: auto
    }

    .yx-rnf {
        margin-bottom: 0
    }

    .yx-rnl {
        margin-right: var(--space-xxxxs)
    }

    .yx-rnc {
        margin-right: var(--space-xxxs)
    }

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

    .yx-rnp {
        margin-right: var(--space-xs)
    }

    .yx-rnd {
        margin-right: var(--space-sm)
    }

    .yx-rnv {
        margin-right: var(--space-md)
    }

    .yx-rnm {
        margin-right: var(--space-lg)
    }

    .yx-rng {
        margin-right: var(--space-xl)
    }

    .yx-rny {
        margin-right: var(--space-xxl)
    }

    .yx-rnb {
        margin-right: var(--space-xxxl)
    }

    .yx-rnw {
        margin-right: var(--space-xxxxl)
    }

    .yx-rnx {
        margin-right: auto
    }

    .yx-rnk {
        margin-right: 0
    }

    .yx-rn_ {
        margin-left: var(--space-xxxxs)
    }

    .yx-rnj {
        margin-left: var(--space-xxxs)
    }

    .yx-rnq {
        margin-left: var(--space-xxs)
    }

    .yx-rnz {
        margin-left: var(--space-xs)
    }

    .yx-rre {
        margin-left: var(--space-sm)
    }

    .yx-rrt {
        margin-left: var(--space-md)
    }

    .yx-rrn {
        margin-left: var(--space-lg)
    }

    .yx-rrr {
        margin-left: var(--space-xl)
    }

    .yx-rri {
        margin-left: var(--space-xxl)
    }

    .yx-rrs {
        margin-left: var(--space-xxxl)
    }

    .yx-rro {
        margin-left: var(--space-xxxxl)
    }

    .yx-rru {
        margin-left: auto
    }

    .yx-rra {
        margin-left: 0
    }

    .yx-rrf {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs)
    }

    .yx-rrl {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs)
    }

    .yx-rrc {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs)
    }

    .yx-rrh {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs)
    }

    .yx-rrp {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm)
    }

    .yx-rrd {
        margin-left: var(--space-md);
        margin-right: var(--space-md)
    }

    .yx-rrv {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg)
    }

    .yx-rrm {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl)
    }

    .yx-rrg {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl)
    }

    .yx-rry {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl)
    }

    .yx-rrb {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl)
    }

    .yx-rrw {
        margin-left: auto;
        margin-right: auto
    }

    .yx-rrx {
        margin-left: 0;
        margin-right: 0
    }

    .yx-rrk {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs)
    }

    .yx-rr_ {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs)
    }

    .yx-rrj {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs)
    }

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

    .yx-rrz {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm)
    }

    .yx-rie {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md)
    }

    .yx-rit {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg)
    }

    .yx-rin {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl)
    }

    .yx-rir {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl)
    }

    .yx-rii {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl)
    }

    .yx-ris {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl)
    }

    .yx-rio {
        margin-top: auto;
        margin-bottom: auto
    }

    .yx-riu {
        margin-top: 0;
        margin-bottom: 0
    }

    .yx-ria {
        padding: var(--space-xxxxs)
    }

    .yx-rif {
        padding: var(--space-xxxs)
    }

    .yx-ril {
        padding: var(--space-xxs)
    }

    .yx-ric {
        padding: var(--space-xs)
    }

    .yx-rih {
        padding: var(--space-sm)
    }

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

    .yx-rid {
        padding: var(--space-lg)
    }

    .yx-riv {
        padding: var(--space-xl)
    }

    .yx-rim {
        padding: var(--space-xxl)
    }

    .yx-rig {
        padding: var(--space-xxxl)
    }

    .yx-riy {
        padding: var(--space-xxxxl)
    }

    .yx-rib {
        padding: 0
    }

    .yx-riw {
        padding: var(--component-padding)
    }

    .yx-rix {
        padding-top: var(--space-xxxxs)
    }

    .yx-rik {
        padding-top: var(--space-xxxs)
    }

    .yx-ri_ {
        padding-top: var(--space-xxs)
    }

    .yx-rij {
        padding-top: var(--space-xs)
    }

    .yx-riq {
        padding-top: var(--space-sm)
    }

    .yx-riz {
        padding-top: var(--space-md)
    }

    .yx-rse {
        padding-top: var(--space-lg)
    }

    .yx-rst {
        padding-top: var(--space-xl)
    }

    .yx-rsn {
        padding-top: var(--space-xxl)
    }

    .yx-rsr {
        padding-top: var(--space-xxxl)
    }

    .yx-rsi {
        padding-top: var(--space-xxxxl)
    }

    .yx-rss {
        padding-top: 0
    }

    .yx-rso {
        padding-top: var(--component-padding)
    }

    .yx-rsu {
        padding-bottom: var(--space-xxxxs)
    }

    .yx-rsa {
        padding-bottom: var(--space-xxxs)
    }

    .yx-rsf {
        padding-bottom: var(--space-xxs)
    }

    .yx-rsl {
        padding-bottom: var(--space-xs)
    }

    .yx-rsc {
        padding-bottom: var(--space-sm)
    }

    .yx-rsh {
        padding-bottom: var(--space-md)
    }

    .yx-rsp {
        padding-bottom: var(--space-lg)
    }

    .yx-rsd {
        padding-bottom: var(--space-xl)
    }

    .yx-rsv {
        padding-bottom: var(--space-xxl)
    }

    .yx-rsm {
        padding-bottom: var(--space-xxxl)
    }

    .yx-rsg {
        padding-bottom: var(--space-xxxxl)
    }

    .yx-rsy {
        padding-bottom: 0
    }

    .yx-rsb {
        padding-bottom: var(--component-padding)
    }

    .yx-rsw {
        padding-right: var(--space-xxxxs)
    }

    .yx-rsx {
        padding-right: var(--space-xxxs)
    }

    .yx-rsk {
        padding-right: var(--space-xxs)
    }

    .yx-rs_ {
        padding-right: var(--space-xs)
    }

    .yx-rsj {
        padding-right: var(--space-sm)
    }

    .yx-rsq {
        padding-right: var(--space-md)
    }

    .yx-rsz {
        padding-right: var(--space-lg)
    }

    .yx-roe {
        padding-right: var(--space-xl)
    }

    .yx-rot {
        padding-right: var(--space-xxl)
    }

    .yx-ron {
        padding-right: var(--space-xxxl)
    }

    .yx-ror {
        padding-right: var(--space-xxxxl)
    }

    .yx-roi {
        padding-right: 0
    }

    .yx-ros {
        padding-right: var(--component-padding)
    }

    .yx-roo {
        padding-left: var(--space-xxxxs)
    }

    .yx-rou {
        padding-left: var(--space-xxxs)
    }

    .yx-roa {
        padding-left: var(--space-xxs)
    }

    .yx-rof {
        padding-left: var(--space-xs)
    }

    .yx-rol {
        padding-left: var(--space-sm)
    }

    .yx-roc {
        padding-left: var(--space-md)
    }

    .yx-roh {
        padding-left: var(--space-lg)
    }

    .yx-rop {
        padding-left: var(--space-xl)
    }

    .yx-rod {
        padding-left: var(--space-xxl)
    }

    .yx-rov {
        padding-left: var(--space-xxxl)
    }

    .yx-rom {
        padding-left: var(--space-xxxxl)
    }

    .yx-rog {
        padding-left: 0
    }

    .yx-roy {
        padding-left: var(--component-padding)
    }

    .yx-rob {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs)
    }

    .yx-row {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs)
    }

    .yx-rox {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs)
    }

    .yx-rok {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs)
    }

    .yx-ro_ {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm)
    }

    .yx-roj {
        padding-left: var(--space-md);
        padding-right: var(--space-md)
    }

    .yx-roq {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }

    .yx-roz {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl)
    }

    .yx-rue {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl)
    }

    .yx-rut {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl)
    }

    .yx-run {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl)
    }

    .yx-rur {
        padding-left: 0;
        padding-right: 0
    }

    .yx-rui {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding)
    }

    .yx-rus {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs)
    }

    .yx-ruo {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs)
    }

    .yx-ruu {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs)
    }

    .yx-rua {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs)
    }

    .yx-ruf {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm)
    }

    .yx-rul {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md)
    }

    .yx-ruc {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg)
    }

    .yx-ruh {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl)
    }

    .yx-rup {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl)
    }

    .yx-rud {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl)
    }

    .yx-ruv {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl)
    }

    .yx-rum {
        padding-top: 0;
        padding-bottom: 0
    }

    .yx-rug {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding)
    }

    .yx-ruy {
        text-align: center
    }

    .yx-rub {
        text-align: left
    }

    .yx-ruw {
        text-align: right
    }

    .yx-rux {
        text-align: justify
    }

    .yx-ruk {
        font-size: var(--text-xs, .6875rem)
    }

    .yx-ru_ {
        font-size: var(--text-sm, .75rem)
    }

    .yx-ruj {
        font-size: var(--text-unit, 1rem)
    }

    .yx-ruq {
        font-size: var(--text-md, 1.125rem)
    }

    .yx-ruz {
        font-size: var(--text-lg, 1.375rem)
    }

    .yx-rae {
        font-size: var(--text-xl, 1.75rem)
    }

    .yx-rat {
        font-size: var(--text-xxl, 2rem)
    }

    .yx-ran {
        font-size: var(--text-xxxl, 2.5rem)
    }

    .yx-rar {
        font-size: var(--text-xxxxl, 3rem)
    }

    .yx-rai {
        -moz-column-count: 1;
        column-count: 1
    }

    .yx-ras {
        -moz-column-count: 2;
        column-count: 2
    }

    .yx-rao {
        -moz-column-count: 3;
        column-count: 3
    }

    .yx-rau {
        -moz-column-count: 4;
        column-count: 4
    }

    .yx-raa {
        width: var(--size-xxxxs, .25rem)
    }

    .yx-raf {
        width: var(--size-xxxs, .5rem)
    }

    .yx-ral {
        width: var(--size-xxs, .75rem)
    }

    .yx-rac {
        width: var(--size-xs, 1rem)
    }

    .yx-rah {
        width: var(--size-sm, 1.5rem)
    }

    .yx-rap {
        width: var(--size-md, 2rem)
    }

    .yx-rad {
        width: var(--size-lg, 3rem)
    }

    .yx-rav {
        width: var(--size-xl, 4rem)
    }

    .yx-ram {
        width: var(--size-xxl, 6rem)
    }

    .yx-rag {
        width: var(--size-xxxl, 8rem)
    }

    .yx-ray {
        width: var(--size-xxxxl, 16rem)
    }

    .yx-rab {
        width: 0
    }

    .yx-raw {
        width: 10%
    }

    .yx-rax {
        width: 20%
    }

    .yx-rak {
        width: 25%
    }

    .yx-ra_ {
        width: 30%
    }

    .yx-raj {
        width: 33.3333333333%
    }

    .yx-raq {
        width: 40%
    }

    .yx-raz {
        width: 50%
    }

    .yx-rfe {
        width: 60%
    }

    .yx-rft {
        width: 66.6666666667%
    }

    .yx-rfn {
        width: 70%
    }

    .yx-rfr {
        width: 75%
    }

    .yx-rfi {
        width: 80%
    }

    .yx-rfs {
        width: 90%
    }

    .yx-rfo {
        width: 100%
    }

    .yx-rfu {
        width: 100vw
    }

    .yx-rfa {
        width: auto
    }

    .yx-rff {
        width: inherit
    }

    .yx-rfl {
        height: var(--size-xxxxs, .25rem)
    }

    .yx-rfc {
        height: var(--size-xxxs, .5rem)
    }

    .yx-rfh {
        height: var(--size-xxs, .75rem)
    }

    .yx-rfp {
        height: var(--size-xs, 1rem)
    }

    .yx-rfd {
        height: var(--size-sm, 1.5rem)
    }

    .yx-rfv {
        height: var(--size-md, 2rem)
    }

    .yx-rfm {
        height: var(--size-lg, 3rem)
    }

    .yx-rfg {
        height: var(--size-xl, 4rem)
    }

    .yx-rfy {
        height: var(--size-xxl, 6rem)
    }

    .yx-rfb {
        height: var(--size-xxxl, 8rem)
    }

    .yx-rfw {
        height: var(--size-xxxxl, 16rem)
    }

    .yx-rfx {
        height: 0
    }

    .yx-rfk {
        height: 10%
    }

    .yx-rf_ {
        height: 20%
    }

    .yx-rfj {
        height: 25%
    }

    .yx-rfq {
        height: 30%
    }

    .yx-rfz {
        height: 33.3333333333%
    }

    .yx-rle {
        height: 40%
    }

    .yx-rlt {
        height: 50%
    }

    .yx-rln {
        height: 60%
    }

    .yx-rlr {
        height: 66.6666666667%
    }

    .yx-rli {
        height: 70%
    }

    .yx-rls {
        height: 75%
    }

    .yx-rlo {
        height: 80%
    }

    .yx-rlu {
        height: 90%
    }

    .yx-rla {
        height: 100%
    }

    .yx-rlf {
        height: 100vh
    }

    .yx-rll {
        height: auto
    }

    .yx-rlc {
        height: inherit
    }

    .yx-rlh {
        max-width: var(--max-width-xxxxxs)
    }

    .yx-rlp {
        max-width: var(--max-width-xxxxs)
    }

    .yx-rld {
        max-width: var(--max-width-xxxs)
    }

    .yx-rlv {
        max-width: var(--max-width-xxs)
    }

    .yx-rlm {
        max-width: var(--max-width-xs)
    }

    .yx-rlg {
        max-width: var(--max-width-sm)
    }

    .yx-rly {
        max-width: var(--max-width-md)
    }

    .yx-rlb {
        max-width: var(--max-width-lg)
    }

    .yx-rlw {
        max-width: var(--max-width-xl)
    }

    .yx-rlx {
        max-width: var(--max-width-xxl)
    }

    .yx-rlk {
        max-width: var(--max-width-xxxl)
    }

    .yx-rl_ {
        max-width: var(--max-width-xxxxl)
    }

    .yx-rlj {
        max-width: 100%
    }

    .yx-rlq {
        max-width: none
    }

    .yx-rlz {
        position: relative
    }

    .yx-rce {
        position: absolute
    }

    .yx-rct {
        position: fixed
    }

    .yx-fposition-stickyl {
        position: -webkit-sticky;
        position: sticky
    }

    .yx-rcn {
        position: static
    }

    .yx-rcr {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .yx-rci {
        top: 0
    }

    .yx-rcs {
        top: 50%
    }

    .yx-rco {
        top: var(--space-xxxxs)
    }

    .yx-rcu {
        top: var(--space-xxxs)
    }

    .yx-rca {
        top: var(--space-xxs)
    }

    .yx-rcf {
        top: var(--space-xs)
    }

    .yx-rcl {
        top: var(--space-sm)
    }

    .yx-rcc {
        top: var(--space-md)
    }

    .yx-rch {
        top: var(--space-lg)
    }

    .yx-rcp {
        top: var(--space-xl)
    }

    .yx-rcd {
        top: var(--space-xxl)
    }

    .yx-rcv {
        top: var(--space-xxxl)
    }

    .yx-rcm {
        top: var(--space-xxxxl)
    }

    .yx-rcg {
        bottom: 0
    }

    .yx-rcy {
        bottom: 50%
    }

    .yx-rcb {
        bottom: var(--space-xxxxs)
    }

    .yx-rcw {
        bottom: var(--space-xxxs)
    }

    .yx-rcx {
        bottom: var(--space-xxs)
    }

    .yx-rck {
        bottom: var(--space-xs)
    }

    .yx-rc_ {
        bottom: var(--space-sm)
    }

    .yx-rcj {
        bottom: var(--space-md)
    }

    .yx-rcq {
        bottom: var(--space-lg)
    }

    .yx-rcz {
        bottom: var(--space-xl)
    }

    .yx-rhe {
        bottom: var(--space-xxl)
    }

    .yx-rht {
        bottom: var(--space-xxxl)
    }

    .yx-rhn {
        bottom: var(--space-xxxxl)
    }

    .yx-rhr {
        right: 0
    }

    .yx-rhi {
        right: 50%
    }

    .yx-rhs {
        right: var(--space-xxxxs)
    }

    .yx-rho {
        right: var(--space-xxxs)
    }

    .yx-rhu {
        right: var(--space-xxs)
    }

    .yx-rha {
        right: var(--space-xs)
    }

    .yx-rhf {
        right: var(--space-sm)
    }

    .yx-rhl {
        right: var(--space-md)
    }

    .yx-rhc {
        right: var(--space-lg)
    }

    .yx-rhh {
        right: var(--space-xl)
    }

    .yx-rhp {
        right: var(--space-xxl)
    }

    .yx-rhd {
        right: var(--space-xxxl)
    }

    .yx-rhv {
        right: var(--space-xxxxl)
    }

    .yx-rhm {
        left: 0
    }

    .yx-rhg {
        left: 50%
    }

    .yx-rhy {
        left: var(--space-xxxxs)
    }

    .yx-rhb {
        left: var(--space-xxxs)
    }

    .yx-rhw {
        left: var(--space-xxs)
    }

    .yx-rhx {
        left: var(--space-xs)
    }

    .yx-rhk {
        left: var(--space-sm)
    }

    .yx-rh_ {
        left: var(--space-md)
    }

    .yx-rhj {
        left: var(--space-lg)
    }

    .yx-rhq {
        left: var(--space-xl)
    }

    .yx-rhz {
        left: var(--space-xxl)
    }

    .yx-rpe {
        left: var(--space-xxxl)
    }

    .yx-rpt {
        left: var(--space-xxxxl)
    }

    .yx-rpn {
        overflow: hidden
    }

    .yx-rpr {
        overflow: auto
    }

    .yx-rpi {
        -webkit-overflow-scrolling: touch
    }

    .yx-rps {
        overscroll-behavior: contain
    }

    .yx-rpo {
        visibility: visible
    }

    .yx-rpu {
        visibility: hidden
    }
}

@media not all and (min-width:90rem) {
    .yx-rpa {
        display: none !important
    }
}

:root,
[data-theme=default] {
    --color-primary-darker: hsl(264, 68%, 29%);
    --color-primary-darker-h: 264;
    --color-primary-darker-s: 68%;
    --color-primary-darker-l: 29%;
    --color-primary-dark: hsl(264, 68%, 35%);
    --color-primary-dark-h: 264;
    --color-primary-dark-s: 68%;
    --color-primary-dark-l: 35%;
    --color-primary: hsl(264, 68%, 41%);
    --color-primary-h: 264;
    --color-primary-s: 68%;
    --color-primary-l: 41%;
    --color-primary-light: hsl(264, 68%, 47%);
    --color-primary-light-h: 264;
    --color-primary-light-s: 68%;
    --color-primary-light-l: 47%;
    --color-primary-lighter: hsl(264, 68%, 53%);
    --color-primary-lighter-h: 264;
    --color-primary-lighter-s: 68%;
    --color-primary-lighter-l: 53%;
    --color-accent-darker: hsl(354, 80%, 52%);
    --color-accent-darker-h: 354;
    --color-accent-darker-s: 80%;
    --color-accent-darker-l: 52%;
    --color-accent-dark: hsl(354, 90%, 58%);
    --color-accent-dark-h: 354;
    --color-accent-dark-s: 90%;
    --color-accent-dark-l: 58%;
    --color-accent: hsl(354, 100%, 64%);
    --color-accent-h: 354;
    --color-accent-s: 100%;
    --color-accent-l: 64%;
    --color-accent-light: hsl(354, 100%, 69%);
    --color-accent-light-h: 354;
    --color-accent-light-s: 100%;
    --color-accent-light-l: 69%;
    --color-accent-lighter: hsl(354, 100%, 73%);
    --color-accent-lighter-h: 354;
    --color-accent-lighter-s: 100%;
    --color-accent-lighter-l: 73%;
    --color-secondary-darker: hsl(29, 31%, 41%);
    --color-secondary-darker-h: 29;
    --color-secondary-darker-s: 31%;
    --color-secondary-darker-l: 41%;
    --color-secondary-dark: hsl(29, 31%, 45%);
    --color-secondary-dark-h: 29;
    --color-secondary-dark-s: 31%;
    --color-secondary-dark-l: 45%;
    --color-secondary: hsl(29, 31%, 50%);
    --color-secondary-h: 29;
    --color-secondary-s: 31%;
    --color-secondary-l: 50%;
    --color-secondary-light: hsl(29, 31%, 56%);
    --color-secondary-light-h: 29;
    --color-secondary-light-s: 31%;
    --color-secondary-light-l: 56%;
    --color-secondary-lighter: hsl(29, 31%, 62%);
    --color-secondary-lighter-h: 29;
    --color-secondary-lighter-s: 31%;
    --color-secondary-lighter-l: 62%;
    --color-black: hsl(265, 68%, 5%);
    --color-black-h: 265;
    --color-black-s: 68%;
    --color-black-l: 5%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(35, 79%, 48%);
    --color-warning-darker-h: 35;
    --color-warning-darker-s: 79%;
    --color-warning-darker-l: 48%;
    --color-warning-dark: hsl(35, 79%, 56%);
    --color-warning-dark-h: 35;
    --color-warning-dark-s: 79%;
    --color-warning-dark-l: 56%;
    --color-warning: hsl(35, 79%, 66%);
    --color-warning-h: 35;
    --color-warning-s: 79%;
    --color-warning-l: 66%;
    --color-warning-light: hsl(35, 79%, 74%);
    --color-warning-light-h: 35;
    --color-warning-light-s: 79%;
    --color-warning-light-l: 74%;
    --color-warning-lighter: hsl(35, 79%, 82%);
    --color-warning-lighter-h: 35;
    --color-warning-lighter-s: 79%;
    --color-warning-lighter-l: 82%;
    --color-success-darker: hsl(154, 75%, 40%);
    --color-success-darker-h: 154;
    --color-success-darker-s: 75%;
    --color-success-darker-l: 40%;
    --color-success-dark: hsl(154, 70%, 44%);
    --color-success-dark-h: 154;
    --color-success-dark-s: 70%;
    --color-success-dark-l: 44%;
    --color-success: hsl(154, 66%, 48%);
    --color-success-h: 154;
    --color-success-s: 66%;
    --color-success-l: 48%;
    --color-success-light: hsl(154, 62%, 57%);
    --color-success-light-h: 154;
    --color-success-light-s: 62%;
    --color-success-light-l: 57%;
    --color-success-lighter: hsl(154, 58%, 67%);
    --color-success-lighter-h: 154;
    --color-success-lighter-s: 58%;
    --color-success-lighter-l: 67%;
    --color-error-darker: hsl(354, 100%, 52%);
    --color-error-darker-h: 354;
    --color-error-darker-s: 100%;
    --color-error-darker-l: 52%;
    --color-error-dark: hsl(354, 100%, 58%);
    --color-error-dark-h: 354;
    --color-error-dark-s: 100%;
    --color-error-dark-l: 58%;
    --color-error: hsl(354, 100%, 64%);
    --color-error-h: 354;
    --color-error-s: 100%;
    --color-error-l: 64%;
    --color-error-light: hsl(354, 100%, 69%);
    --color-error-light-h: 354;
    --color-error-light-s: 100%;
    --color-error-light-l: 69%;
    --color-error-lighter: hsl(354, 100%, 73%);
    --color-error-lighter-h: 354;
    --color-error-lighter-s: 100%;
    --color-error-lighter-l: 73%;
    --color-bg-darker: hsl(240, 2%, 89%);
    --color-bg-darker-h: 240;
    --color-bg-darker-s: 2%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(240, 3%, 94%);
    --color-bg-dark-h: 240;
    --color-bg-dark-s: 3%;
    --color-bg-dark-l: 94%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-bg-light: hsl(240, 3%, 100%);
    --color-bg-light-h: 240;
    --color-bg-light-s: 3%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(240, 2%, 100%);
    --color-bg-lighter-h: 240;
    --color-bg-lighter-s: 2%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(270, 2%, 84%);
    --color-contrast-lower-h: 270;
    --color-contrast-lower-s: 2%;
    --color-contrast-lower-l: 84%;
    --color-contrast-low: hsl(252, 3%, 63%);
    --color-contrast-low-h: 252;
    --color-contrast-low-s: 3%;
    --color-contrast-low-l: 63%;
    --color-contrast-medium: hsl(262, 4%, 45%);
    --color-contrast-medium-h: 262;
    --color-contrast-medium-s: 4%;
    --color-contrast-medium-l: 45%;
    --color-contrast-high: hsl(258, 10%, 20%);
    --color-contrast-high-h: 258;
    --color-contrast-high-s: 10%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: hsl(265, 68%, 5%);
    --color-contrast-higher-h: 265;
    --color-contrast-higher-s: 68%;
    --color-contrast-higher-l: 5%;
    --gradient-primary-stop-1: hsl(264, 68%, 41%);
    --gradient-primary-stop-1-h: 264;
    --gradient-primary-stop-1-s: 68%;
    --gradient-primary-stop-1-l: 41%;
    --gradient-primary-stop-2: hsl(314, 68%, 41%);
    --gradient-primary-stop-2-h: 314;
    --gradient-primary-stop-2-s: 68%;
    --gradient-primary-stop-2-l: 41%
}

[data-theme=dark] {
    --color-primary-darker: hsl(264, 90%, 52%);
    --color-primary-darker-h: 264;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 52%;
    --color-primary-dark: hsl(264, 95%, 57%);
    --color-primary-dark-h: 264;
    --color-primary-dark-s: 95%;
    --color-primary-dark-l: 57%;
    --color-primary: hsl(264, 100%, 62%);
    --color-primary-h: 264;
    --color-primary-s: 100%;
    --color-primary-l: 62%;
    --color-primary-light: hsl(264, 100%, 66%);
    --color-primary-light-h: 264;
    --color-primary-light-s: 100%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: hsl(264, 100%, 70%);
    --color-primary-lighter-h: 264;
    --color-primary-lighter-s: 100%;
    --color-primary-lighter-l: 70%;
    --color-accent-darker: hsl(354, 80%, 52%);
    --color-accent-darker-h: 354;
    --color-accent-darker-s: 80%;
    --color-accent-darker-l: 52%;
    --color-accent-dark: hsl(354, 90%, 58%);
    --color-accent-dark-h: 354;
    --color-accent-dark-s: 90%;
    --color-accent-dark-l: 58%;
    --color-accent: hsl(354, 100%, 64%);
    --color-accent-h: 354;
    --color-accent-s: 100%;
    --color-accent-l: 64%;
    --color-accent-light: hsl(354, 100%, 69%);
    --color-accent-light-h: 354;
    --color-accent-light-s: 100%;
    --color-accent-light-l: 69%;
    --color-accent-lighter: hsl(354, 100%, 73%);
    --color-accent-lighter-h: 354;
    --color-accent-lighter-s: 100%;
    --color-accent-lighter-l: 73%;
    --color-secondary-darker: hsl(29, 31%, 41%);
    --color-secondary-darker-h: 29;
    --color-secondary-darker-s: 31%;
    --color-secondary-darker-l: 41%;
    --color-secondary-dark: hsl(29, 31%, 45%);
    --color-secondary-dark-h: 29;
    --color-secondary-dark-s: 31%;
    --color-secondary-dark-l: 45%;
    --color-secondary: hsl(29, 31%, 50%);
    --color-secondary-h: 29;
    --color-secondary-s: 31%;
    --color-secondary-l: 50%;
    --color-secondary-light: hsl(29, 31%, 56%);
    --color-secondary-light-h: 29;
    --color-secondary-light-s: 31%;
    --color-secondary-light-l: 56%;
    --color-secondary-lighter: hsl(29, 31%, 62%);
    --color-secondary-lighter-h: 29;
    --color-secondary-lighter-s: 31%;
    --color-secondary-lighter-l: 62%;
    --color-black: hsl(265, 68%, 5%);
    --color-black-h: 265;
    --color-black-s: 68%;
    --color-black-l: 5%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(35, 79%, 48%);
    --color-warning-darker-h: 35;
    --color-warning-darker-s: 79%;
    --color-warning-darker-l: 48%;
    --color-warning-dark: hsl(35, 79%, 56%);
    --color-warning-dark-h: 35;
    --color-warning-dark-s: 79%;
    --color-warning-dark-l: 56%;
    --color-warning: hsl(35, 79%, 66%);
    --color-warning-h: 35;
    --color-warning-s: 79%;
    --color-warning-l: 66%;
    --color-warning-light: hsl(35, 79%, 74%);
    --color-warning-light-h: 35;
    --color-warning-light-s: 79%;
    --color-warning-light-l: 74%;
    --color-warning-lighter: hsl(35, 79%, 82%);
    --color-warning-lighter-h: 35;
    --color-warning-lighter-s: 79%;
    --color-warning-lighter-l: 82%;
    --color-success-darker: hsl(154, 75%, 40%);
    --color-success-darker-h: 154;
    --color-success-darker-s: 75%;
    --color-success-darker-l: 40%;
    --color-success-dark: hsl(154, 70%, 44%);
    --color-success-dark-h: 154;
    --color-success-dark-s: 70%;
    --color-success-dark-l: 44%;
    --color-success: hsl(154, 66%, 48%);
    --color-success-h: 154;
    --color-success-s: 66%;
    --color-success-l: 48%;
    --color-success-light: hsl(154, 62%, 57%);
    --color-success-light-h: 154;
    --color-success-light-s: 62%;
    --color-success-light-l: 57%;
    --color-success-lighter: hsl(154, 58%, 67%);
    --color-success-lighter-h: 154;
    --color-success-lighter-s: 58%;
    --color-success-lighter-l: 67%;
    --color-error-darker: hsl(354, 100%, 52%);
    --color-error-darker-h: 354;
    --color-error-darker-s: 100%;
    --color-error-darker-l: 52%;
    --color-error-dark: hsl(354, 100%, 58%);
    --color-error-dark-h: 354;
    --color-error-dark-s: 100%;
    --color-error-dark-l: 58%;
    --color-error: hsl(354, 100%, 64%);
    --color-error-h: 354;
    --color-error-s: 100%;
    --color-error-l: 64%;
    --color-error-light: hsl(354, 100%, 69%);
    --color-error-light-h: 354;
    --color-error-light-s: 100%;
    --color-error-light-l: 69%;
    --color-error-lighter: hsl(354, 100%, 73%);
    --color-error-lighter-h: 354;
    --color-error-lighter-s: 100%;
    --color-error-lighter-l: 73%;
    --color-bg-darker: hsl(270, 8%, 6%);
    --color-bg-darker-h: 270;
    --color-bg-darker-s: 8%;
    --color-bg-darker-l: 6%;
    --color-bg-dark: hsl(270, 9%, 9%);
    --color-bg-dark-h: 270;
    --color-bg-dark-s: 9%;
    --color-bg-dark-l: 9%;
    --color-bg: hsl(270, 12%, 13%);
    --color-bg-h: 270;
    --color-bg-s: 12%;
    --color-bg-l: 13%;
    --color-bg-light: hsl(270, 9%, 17%);
    --color-bg-light-h: 270;
    --color-bg-light-s: 9%;
    --color-bg-light-l: 17%;
    --color-bg-lighter: hsl(270, 8%, 20%);
    --color-bg-lighter-h: 270;
    --color-bg-lighter-s: 8%;
    --color-bg-lighter-l: 20%;
    --color-contrast-lower: hsl(273, 7%, 24%);
    --color-contrast-lower-h: 273;
    --color-contrast-lower-s: 7%;
    --color-contrast-lower-l: 24%;
    --color-contrast-low: hsl(273, 4%, 39%);
    --color-contrast-low-h: 273;
    --color-contrast-low-s: 4%;
    --color-contrast-low-l: 39%;
    --color-contrast-medium: hsl(264, 4%, 56%);
    --color-contrast-medium-h: 264;
    --color-contrast-medium-s: 4%;
    --color-contrast-medium-l: 56%;
    --color-contrast-high: hsl(270, 10%, 81%);
    --color-contrast-high-h: 270;
    --color-contrast-high-s: 10%;
    --color-contrast-high-l: 81%;
    --color-contrast-higher: hsl(264, 100%, 98%);
    --color-contrast-higher-h: 264;
    --color-contrast-higher-s: 100%;
    --color-contrast-higher-l: 98%;
    --gradient-primary-stop-1: hsl(264, 100%, 62%);
    --gradient-primary-stop-1-h: 264;
    --gradient-primary-stop-1-s: 100%;
    --gradient-primary-stop-1-l: 62%;
    --gradient-primary-stop-2: hsl(314, 100%, 62%);
    --gradient-primary-stop-2-h: 314;
    --gradient-primary-stop-2-s: 100%;
    --gradient-primary-stop-2-l: 62%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.yx-bg-nn {
    background-color: hsla(var(--color-secondary-darker-h), var(--color-secondary-darker-s), var(--color-secondary-darker-l), var(--bg-o, 1))
}

.yx-bg-nr {
    background-color: hsla(var(--color-secondary-dark-h), var(--color-secondary-dark-s), var(--color-secondary-dark-l), var(--bg-o, 1))
}

.yx-bg-ni {
    background-color: hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), var(--bg-o, 1))
}

.yx-bg-ns {
    background-color: hsla(var(--color-secondary-light-h), var(--color-secondary-light-s), var(--color-secondary-light-l), var(--bg-o, 1))
}

.yx-bg-no {
    background-color: hsla(var(--color-secondary-lighter-h), var(--color-secondary-lighter-s), var(--color-secondary-lighter-l), var(--bg-o, 1))
}

.yx-bg-nu {
    background-image: radial-gradient(var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-bg-na {
    background-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-bg-nf {
    background-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-bg-nl {
    background-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-bg-nc {
    background-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-border-nu {
    -o-border-image: radial-gradient(var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1;
    border-image: radial-gradient(var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1
}

.yx-border-na {
    -o-border-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1;
    border-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1
}

.yx-border-nf {
    -o-border-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1;
    border-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1
}

.yx-border-nl {
    -o-border-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1;
    border-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1
}

.yx-border-nc {
    -o-border-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1;
    border-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2)) 1
}

.yx-border-nh {
    border-color: hsla(var(--color-secondary-darker-h), var(--color-secondary-darker-s), var(--color-secondary-darker-l), var(--bg-o, 1))
}

.yx-border-np {
    border-color: hsla(var(--color-secondary-dark-h), var(--color-secondary-dark-s), var(--color-secondary-dark-l), var(--bg-o, 1))
}

.yx-border-nd {
    border-color: hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), var(--bg-o, 1))
}

.yx-border-nv {
    border-color: hsla(var(--color-secondary-light-h), var(--color-secondary-light-s), var(--color-secondary-light-l), var(--bg-o, 1))
}

.yx-border-nm {
    border-color: hsla(var(--color-secondary-lighter-h), var(--color-secondary-lighter-s), var(--color-secondary-lighter-l), var(--bg-o, 1))
}

:root {
    --space-unit: 1rem
}

*,
:root {
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}

@media(min-width:64rem) {

    *,
    :root {
        --space-xxxxs: calc(0.1875 * var(--space-unit));
        --space-xxxs: calc(0.375 * var(--space-unit));
        --space-xxs: calc(0.5625 * var(--space-unit));
        --space-xs: calc(0.75 * var(--space-unit));
        --space-sm: calc(1.125 * var(--space-unit));
        --space-md: calc(1.875 * var(--space-unit));
        --space-lg: calc(3 * var(--space-unit));
        --space-xl: calc(4.875 * var(--space-unit));
        --space-xxl: calc(7.875 * var(--space-unit));
        --space-xxxl: calc(12.75 * var(--space-unit));
        --space-xxxxl: calc(20.625 * var(--space-unit))
    }
}

:root {
    --radius: 0.375em;
    --radius-sm: calc(var(--radius)/2);
    --radius-md: var(--radius);
    --radius-lg: calc(var(--radius)*2);
    --shadow-xs: 0px 0px 0px 1px hsla(265, 68%, 5%, 0.02), 0px 1px 3px -1px hsla(265, 68%, 5%, 0.2);
    --shadow-sm: 0px 0.3px 0.4px hsla(265, 68%, 5%, 0.025), 0px 0.9px 1.5px hsla(265, 68%, 5%, 0.05), 0px 3.5px 6px hsla(265, 68%, 5%, 0.1);
    --shadow-md: 0px 0.9px 1.5px hsla(265, 68%, 5%, 0.03), 0px 3.1px 5.5px hsla(265, 68%, 5%, 0.08), 0px 14px 25px hsla(265, 68%, 5%, 0.12);
    --shadow-lg: 0px 1.2px 1.9px -1px hsla(265, 68%, 5%, 0.014), 0px 3.3px 5.3px -1px hsla(265, 68%, 5%, 0.038), 0px 8.5px 12.7px -1px hsla(265, 68%, 5%, 0.085), 0px 30px 42px -1px hsla(265, 68%, 5%, 0.15);
    --shadow-xl: 0px 1.5px 2.1px -6px hsla(265, 68%, 5%, 0.012), 0px 3.6px 5.2px -6px hsla(265, 68%, 5%, 0.035), 0px 7.3px 10.6px -6px hsla(265, 68%, 5%, 0.07), 0px 16.2px 21.9px -6px hsla(265, 68%, 5%, 0.117), 0px 46px 60px -6px hsla(265, 68%, 5%, 0.2);
    --inner-glow: inset 0px 0px 0.5px 1px hsla(0, 0%, 100%, 0.075);
    --inner-glow-top: inset 0px 1px 0.5px hsla(0, 0%, 100%, 0.075)
}

.yx-rpf {
    opacity: 1;
    transition: all .3s ease
}

.yx-rpf:hover {
    opacity: .8
}

:root {
    --font-primary: "Albert Sans", sans-serif;
    --text-base-size: 1rem;
    --text-scale-ratio: 1.2;
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --text-unit: var(--text-base-size)
}

*,
:root {
    --text-xs: calc((var(--text-unit) / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --text-xxxxl: calc(var(--text-xxxl) * var(--text-scale-ratio))
}

@media(min-width:64rem) {
    :root {
        --text-base-size: 1.125rem;
        --text-scale-ratio: 1.25
    }
}

body {
    font-family: var(--font-primary)
}

h1,
h2,
h3,
h4 {
    font-family: var(--font-primary);
    --heading-font-weight: 700
}

.yx-gl {
    font-family: var(--font-primary)
}

.yx-color-tw {
    color: hsla(var(--color-secondary-darker-h), var(--color-secondary-darker-s), var(--color-secondary-darker-l), var(--color-o, 1))
}

.yx-color-tx {
    color: hsla(var(--color-secondary-dark-h), var(--color-secondary-dark-s), var(--color-secondary-dark-l), var(--color-o, 1))
}

.yx-color-tk {
    color: hsla(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l), var(--color-o, 1))
}

.yx-color-t_ {
    color: hsla(var(--color-secondary-light-h), var(--color-secondary-light-s), var(--color-secondary-light-l), var(--color-o, 1))
}

.yx-color-tj {
    color: hsla(var(--color-secondary-lighter-h), var(--color-secondary-lighter-s), var(--color-secondary-lighter-l), var(--color-o, 1))
}

.yx-color-gradientt {
    background-image: linear-gradient(0deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-color-gradientn {
    background-image: linear-gradient(90deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-color-gradientr {
    background-image: linear-gradient(180deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

.yx-color-gradienti {
    background-image: linear-gradient(270deg, var(--gradient-primary-stop-1), var(--gradient-primary-stop-2))
}

mark {
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .2);
    color: inherit
}

.text-component {
    --line-height-multiplier: 1;
    --text-space-y-multiplier: 1
}

.text-component>* {
    --text-unit: 1em;
    --space-unit: 1em
}

.text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid var(--color-contrast-lower);
    font-style: italic
}

.text-component hr {
    background: var(--color-contrast-lower);
    height: 1px
}

.text-component figcaption {
    font-size: var(--text-sm);
    color: var(--color-contrast-low)
}

.article {
    --body-line-height: 1.58;
    --text-space-y-multiplier: 1.2
}

:root {
    --icon-xxxs: 8px;
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 20px;
    --icon-md: 24px;
    --icon-lg: 32px;
    --icon-xl: 48px;
    --icon-xxl: 64px;
    --icon-xxxl: 96px
}

:root {
    --btn-font-size: 1em;
    --btn-padding-x: var(--space-sm);
    --btn-padding-y: var(--space-xxs);
    --btn-radius: var(--radius-md)
}

.btn {
    background: var(--color-bg-dark);
    color: var(--color-contrast-higher);
    cursor: pointer;
    text-decoration: none;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all .2s ease;
    will-change: transform
}

.btn:focus {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .15);
    outline: 0
}

.btn:active {
    transform: translateY(2px)
}

.btn--primary {
    background: var(--color-primary);
    color: var(--color-white);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25)
}

.btn--primary:hover {
    background: var(--color-primary-light);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25)
}

.btn--primary:focus {
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25), 0 1px 4px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .1), 0 3px 6px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), .25), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary)
}

.btn--subtle {
    background: var(--color-bg-lighter);
    color: var(--color-contrast-higher);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .02), 0 .3px .4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .12)
}

.btn--subtle:hover {
    background: var(--color-bg-light);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .02), 0 .1px .3px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .06), 0 1px 2px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .12), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .2)
}

.btn--subtle:focus {
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .02), 0 .3px .4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .12), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-contrast-high)
}

.btn--accent {
    background: var(--color-accent);
    color: var(--color-white);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 3px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .25), 0 2px 6px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .1), 0 6px 10px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .25)
}

.btn--accent:hover {
    background: var(--color-accent-light);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .1)
}

.btn--accent:focus {
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .15), 0 1px 2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .25), 0 1px 4px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .1), 0 3px 6px -2px hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), .1), 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)
}

.yx-rpl {
    background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .95);
    color: var(--color-bg)
}

.yx-rpl:hover {
    background: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .85)
}

.yx-rpl:focus {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-contrast-higher)
}

.yx-rpc {
    background: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .2);
    color: var(--color-primary)
}

.yx-rpc:hover {
    background: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25)
}

.yx-rpc:focus {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-primary)
}

.yx-rph {
    background: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .2);
    color: var(--color-accent)
}

.yx-rph:hover {
    background: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .25)
}

.yx-rph:focus {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent)
}

.btn--disabled,
.btn[disabled],
.btn[readonly] {
    opacity: .6;
    cursor: not-allowed
}

.btn--sm {
    font-size: .8em
}

.btn--md {
    font-size: 1.2em
}

.btn--lg {
    font-size: 1.4em
}

:root {
    --form-control-font-size: 1em;
    --form-control-padding-x: var(--space-xs);
    --form-control-padding-y: var(--space-xxs);
    --form-control-radius: var(--radius-md)
}

.form-control {
    background: var(--color-bg-dark);
    line-height: 1.2;
    box-shadow: inset 0 0 0 1px var(--color-contrast-lower);
    transition: all .2s ease
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: var(--color-contrast-low)
}

.form-control::placeholder {
    opacity: 1;
    color: var(--color-contrast-low)
}

.form-control:focus,
.form-control:focus-within {
    background: var(--color-bg);
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-primary), 0 .3px .4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .025), 0 .9px 1.5px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .05), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .1);
    outline: 0
}

.form-control[disabled],
.form-control[readonly],
.yx-rpp {
    opacity: .5;
    cursor: not-allowed
}

.form-control.yx-rpd,
.form-control[aria-invalid=true] {
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-error)
}

.form-control.yx-rpd:focus,
.form-control.yx-rpd:focus-within,
.form-control[aria-invalid=true]:focus,
.form-control[aria-invalid=true]:focus-within {
    box-shadow: inset 0 0 0 1px hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), 0), 0 0 0 2px var(--color-error), 0 .3px .4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .025), 0 .9px 1.5px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .05), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .1)
}

:root,
[data-theme=dark] {
    --color-border-alpha: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.09)
}

.yx-border-ng {
    border-color: var(--color-border-alpha)
}

.yx-rpv {
    padding-top: var(--f-header-height)
}

html:not([data-theme=dark]) .yx-rpm,
html[data-theme=dark] .yx-rpg {
    display: none
}

/*!purgecss start ignore*/
.yx-rpy {
    color: var(--color-contrast-higher);
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, var(--color-contrast-higher) 50%, hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .2) 50%);
    background-size: 200% 2px;
    background-position: 100% calc(100% - .05em);
    transition: background-position .3s var(--ease-in-out)
}

.yx-rpy:hover {
    background-position: 0 calc(100% - .05em)
}

.yx-rpb {
    position: relative
}

.yx-rpb::after,
.yx-rpb::before {
    content: "";
    position: absolute;
    transform: none
}

.yx-rpb::before {
    z-index: 1;
    width: 60px;
    height: 60px;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .9);
    border-radius: 50%;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    transition: transform .3s var(--ease-out-back)
}

.yx-rpb::after {
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgZmlsbD0nI2ZmZmZmZic+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTIwLjU1NSwxMS4xNjhsLTE1LTEwYy0wLjMwNy0wLjIwNC0wLjcwMi0wLjIyNC0xLjAyNi0wLjA1QzQuMjAzLDEuMjkyLDQsMS42MzEsNCwydjIwIGMwLDAuMzY5LDAuMjAzLDAuNzA4LDAuNTI4LDAuODgyQzQuNjc2LDIyLjk2MSw0LjgzOCwyMyw1LDIzYzAuMTk0LDAsMC4zODgtMC4wNTcsMC41NTUtMC4xNjhsMTUtMTBDMjAuODMzLDEyLjY0NiwyMSwxMi4zMzQsMjEsMTIgUzIwLjgzMywxMS4zNTQsMjAuNTU1LDExLjE2OHonPjwvcGF0aD48L2c+PC9zdmc+);
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PGcgZmlsbD0nI2ZmZmZmZic+PHBhdGggZmlsbD0nI2ZmZmZmZicgZD0nTTIwLjU1NSwxMS4xNjhsLTE1LTEwYy0wLjMwNy0wLjIwNC0wLjcwMi0wLjIyNC0xLjAyNi0wLjA1QzQuMjAzLDEuMjkyLDQsMS42MzEsNCwydjIwIGMwLDAuMzY5LDAuMjAzLDAuNzA4LDAuNTI4LDAuODgyQzQuNjc2LDIyLjk2MSw0LjgzOCwyMyw1LDIzYzAuMTk0LDAsMC4zODgtMC4wNTcsMC41NTUtMC4xNjhsMTUtMTBDMjAuODMzLDEyLjY0NiwyMSwxMi4zMzQsMjEsMTIgUzIwLjgzMywxMS4zNTQsMjAuNTU1LDExLjE2OHonPjwvcGF0aD48L2c+PC9zdmc+);
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--color-bg);
    top: calc(50% - 12px);
    left: calc(50% - 12px)
}

.yx-rpb:hover::before {
    transform: scale(1.2)
}

:root {
    --anim-menu-btn-size: 48px;
    --anim-menu-btn-transition-duration: .2s;
    --anim-menu-btn-icon-size: 32px;
    --anim-menu-btn-icon-stroke: 2px
}

.yx-rpw {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--anim-menu-btn-size);
    height: var(--anim-menu-btn-size)
}

.yx-rpx {
    position: relative;
    display: block;
    font-size: var(--anim-menu-btn-icon-size);
    width: 1em;
    height: var(--anim-menu-btn-icon-stroke);
    color: inherit;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    transform: scale(1)
}

.yx-rpx::after,
.yx-rpx::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: inherit;
    border-radius: inherit
}

.yx-rpk {
    background-size: 100% 100%;
    will-change: transform, background-size;
    transition-property: transform, background-size;
    transition-duration: var(--anim-menu-btn-transition-duration, .2s)
}

.yx-rpw:active .yx-rpk {
    transform: scale(.9)
}

.yx-rpk::after,
.yx-rpk::before {
    will-change: inherit;
    transition: inherit
}

.yx-rpk::before {
    transform: translateY(-.25em) rotate(0)
}

.yx-rpk::after {
    transform: translateY(.25em) rotate(0)
}

.yx-rp_ .yx-rpk {
    background-size: 0 100%
}

.yx-rp_ .yx-rpk::before {
    transform: translateY(0) rotate(45deg)
}

.yx-rp_ .yx-rpk::after {
    transform: translateY(0) rotate(-45deg)
}

.yx-rde,
.yx-rpj,
.yx-rpq,
.yx-rpz {
    border-radius: 50em;
    will-change: transform;
    transition-property: transform;
    transition-duration: var(--anim-menu-btn-transition-duration, .2s)
}

.yx-rpw:active .yx-rde,
.yx-rpw:active .yx-rpj,
.yx-rpw:active .yx-rpq,
.yx-rpw:active .yx-rpz {
    transform: scale(.9)
}

.yx-rde::after,
.yx-rde::before,
.yx-rpj::after,
.yx-rpj::before,
.yx-rpq::after,
.yx-rpq::before,
.yx-rpz::after,
.yx-rpz::before {
    transform-origin: calc(var(--anim-menu-btn-icon-stroke)/2) 50%;
    will-change: transform, width;
    transition-property: transform, width;
    transition-duration: var(--anim-menu-btn-transition-duration, .2s)
}

.yx-rde::before,
.yx-rpj::before,
.yx-rpq::before,
.yx-rpz::before {
    transform: translateY(-.25em) rotate(0)
}

.yx-rde::after,
.yx-rpj::after,
.yx-rpq::after,
.yx-rpz::after {
    transform: translateY(.25em) rotate(0)
}

.yx-rpq {
    transform: rotate(180deg)
}

.yx-rpw:active .yx-rpq {
    transform: rotate(180deg) scale(.9)
}

.yx-rp_ .yx-rde::after,
.yx-rp_ .yx-rde::before,
.yx-rp_ .yx-rpj::after,
.yx-rp_ .yx-rpj::before,
.yx-rp_ .yx-rpq::after,
.yx-rp_ .yx-rpq::before,
.yx-rp_ .yx-rpz::after,
.yx-rp_ .yx-rpz::before {
    width: 50%
}

.yx-rp_ .yx-rde::before,
.yx-rp_ .yx-rpj::before,
.yx-rp_ .yx-rpq::before,
.yx-rp_ .yx-rpz::before {
    transform: translateY(0) rotate(-45deg)
}

.yx-rp_ .yx-rde::after,
.yx-rp_ .yx-rpj::after,
.yx-rp_ .yx-rpq::after,
.yx-rp_ .yx-rpz::after {
    transform: translateY(0) rotate(45deg)
}

.yx-rp_:active .yx-rpz {
    transform: rotate(90deg) scale(.9)
}

.yx-rp_ .yx-rpz {
    transform: rotate(90deg)
}

.yx-rp_:active .yx-rde {
    transform: rotate(-90deg) scale(.9)
}

.yx-rp_ .yx-rde {
    transform: rotate(-90deg)
}

.yx-bg-nh {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.yx-bg-np {
    position: absolute;
    width: 114%;
    min-width: 1280px;
    max-width: 1440px;
    height: auto
}

:root {
    --search-input-btn-width: 2.2em;
    --search-input-icon-size: 1em;
    --search-input-shortcut-margin: 0.325em
}

.yx-rdt {
    position: relative
}

.yx-rdn {
    width: 100%;
    height: 100%
}

.yx-rdn::-webkit-search-cancel-button,
.yx-rdn::-webkit-search-decoration,
.yx-rdn::-webkit-search-results-button,
.yx-rdn::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.yx-rdn::-ms-clear,
.yx-rdn::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.yx-rdr .yx-rdn {
    padding-right: var(--search-input-btn-width)
}

.yx-rdi .yx-rdn {
    padding-left: var(--search-input-btn-width)
}

.yx-rds {
    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;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: var(--search-input-btn-width)
}

.yx-rds:active .icon {
    transform: translateY(2px)
}

.yx-rds .icon {
    display: block;
    --size: var(--search-input-icon-size);
    margin-left: auto;
    margin-right: auto;
    color: var(--color-contrast-low);
    transition: .2s
}

.yx-rdi .yx-rds {
    left: 0;
    right: auto;
    pointer-events: none
}

.yx-rds:focus .icon,
.yx-rdt .yx-rdn:focus+.yx-rds .icon {
    color: var(--color-primary)
}

.yx-rdo {
    position: absolute;
    right: var(--search-input-shortcut-margin);
    top: var(--search-input-shortcut-margin);
    height: calc(100% - var(--search-input-shortcut-margin) * 2);
    display: flex;
    align-items: center;
    background-color: var(--color-bg);
    border: 1px solid var(--color-contrast-lower);
    border-radius: var(--radius-sm);
    --space-unit: 1em;
    padding: 0 var(--space-xxxs);
    line-height: 1;
    color: var(--color-contrast-medium)
}

.yx-rdt:focus-within .yx-rdo {
    display: none
}

:root {
    --f-header-height: 60px;
    --f-header-logo-width: 40px
}

@media(min-width:64rem) {
    :root {
        --f-header-height: 70px
    }
}

.f-header {
    height: var(--f-header-height);
    width: 100%;
    z-index: var(--z-index-header, 3)
}

.f-header::before {
    display: none;
    content: "mobile"
}

.yx-rdu {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    z-index: 2
}

.yx-rda {
    display: block;
    width: var(--f-header-logo-width);
    flex-shrink: 0;
    text-decoration: none
}

.yx-rda img,
.yx-rda svg {
    display: block
}

.yx-rdf {
    --anim-menu-btn-size: 40px;
    --anim-menu-btn-icon-size: 28px;
    --anim-menu-btn-icon-stroke: 2px
}

.yx-rdl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: calc(100vh - var(--f-header-offset, 0px));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0 0 var(--space-md);
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-1em)
}

.yx-rdl::before {
    content: "";
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: var(--f-header-height);
    background-color: inherit;
    border-bottom: 1px solid var(--color-border-alpha)
}

.yx-rdc {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition: visibility 0s, opacity .3s, transform .3s
}

.yx-rdh {
    display: none
}

.yx-rdp {
    flex-shrink: 0;
    border-bottom: 1px solid var(--color-border-alpha)
}

.yx-rdd {
    --size: 16px;
    flex-shrink: 0;
    margin: 0 10px 0 auto;
    display: none
}

.yx-rdv .yx-rdd {
    display: block
}

.yx-rdb,
.yx-rdg,
.yx-rdm,
.yx-rdv,
.yx-rdy {
    font-size: var(--text-md)
}

.yx-rdg,
.yx-rdm,
.yx-rdv {
    display: flex;
    align-items: center;
    color: var(--color-contrast-high);
    text-decoration: none;
    padding: var(--space-sm) 0
}

.yx-rdg:hover,
.yx-rdg[aria-current=page],
.yx-rdm:hover,
.yx-rdm[aria-current=page],
.yx-rdv:hover,
.yx-rdv[aria-current=page] {
    color: var(--color-primary)
}

.yx-rdb,
.yx-rdy {
    width: 100%;
    margin: var(--space-sm) 0
}

.yx-rdv {
    width: 100%
}

.yx-rdw {
    padding-left: var(--space-md)
}

.yx-rdv+.yx-rdw {
    display: none
}

.yx-rdv[aria-expanded=true]+.yx-rdw {
    display: block
}

@media(min-width:64rem) {
    .f-header::before {
        content: "desktop"
    }

    .yx-rdu {
        display: none
    }

    .yx-rdl {
        position: static;
        padding: 0;
        background-color: transparent;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition: none;
        max-height: none;
        overflow: visible;
        overscroll-behavior: auto;
        height: var(--f-header-height)
    }

    .yx-rdl::before {
        display: none
    }

    .yx-rdh {
        display: flex
    }

    .yx-rdk,
    .yx-rdx {
        display: flex;
        align-items: center
    }

    .yx-rdx {
        height: 100%
    }

    .yx-rdp {
        position: relative;
        border-bottom: none;
        margin-right: var(--space-xs)
    }

    .yx-rdp:last-child {
        margin-right: 0
    }

    .yx-rdd {
        --size: 12px;
        display: block;
        margin: 0 0 0 var(--space-xxxxs)
    }

    .yx-rdb,
    .yx-rdg,
    .yx-rdm,
    .yx-rdv,
    .yx-rdy {
        font-size: 1rem
    }

    .yx-rdm {
        padding: var(--space-xxxs) var(--space-xxs)
    }

    .yx-rd_ span {
        display: none
    }

    .yx-rdb,
    .yx-rdy {
        margin: 0
    }

    .yx-rdw {
        position: absolute;
        top: 100%;
        width: 220px;
        left: calc(50% - 110px);
        padding: var(--space-xxxs) 0;
        background-color: var(--color-bg-light);
        border-radius: var(--radius-md);
        box-shadow: var(--inner-glow), var(--shadow-md);
        z-index: var(--z-index-popover, 5);
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s .2s, opacity .2s 0s
    }

    .yx-rdv+.yx-rdw {
        display: block
    }

    .yx-rdp:hover .yx-rdw,
    .yx-rdv[aria-expanded=true]+.yx-rdw {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s 0s, opacity .2s 0s
    }

    .yx-rdg {
        color: var(--color-contrast-high);
        padding: var(--space-xs) var(--space-sm);
        transition: .2s
    }

    .yx-rdg:hover {
        background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .075);
        color: var(--color-contrast-higher)
    }
}

.yx-rdj {
    position: relative;
    display: flex
}

.yx-rdj::after {
    content: "";
    width: 1em;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(to right, hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0), hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 1));
    pointer-events: none
}

.yx-rdq {
    display: flex;
    overflow: auto
}

.yx-rdz {
    display: inline-block;
    flex-shrink: 0
}

.yx-rve {
    display: block;
    font-size: var(--text-sm);
    padding: 1.5625em;
    text-decoration: none;
    color: hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), .65);
    border: 3px solid transparent;
    border-right-width: 0;
    border-left-width: 0;
    transition: .2s
}

.yx-rve:hover {
    color: var(--color-contrast-high)
}

.yx-rve[aria-current=page] {
    border-bottom-color: var(--color-primary);
    color: var(--color-contrast-high)
}

.yx-rvt:not(.yx-rvn) .yx-rvi,
.yx-rvt:not(.yx-rvn) .yx-rvr {
    display: none
}

.yx-rvn {
    display: inline-block
}

.yx-rvn .yx-rvs {
    position: fixed;
    display: block;
    z-index: var(--z-index-overlay, 15);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .9);
    visibility: hidden;
    opacity: 0
}

.yx-rvn .yx-rvo {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s
}

.yx-rvn .yx-rvo .yx-rdj {
    transform: translateY(0);
    transition: transform .3s
}

.yx-rvn .yx-rdj {
    display: block;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-md);
    max-height: 100%;
    overflow: auto;
    transform: translateY(-1em)
}

.yx-rvn .yx-rdj::after {
    display: none
}

.yx-rvn .yx-rdq {
    flex-direction: column;
    overflow: visible;
    padding: 0 var(--space-md) var(--space-md)
}

.yx-rvn .yx-rve {
    border-width: 0;
    font-size: var(--text-md);
    padding: var(--space-xs) 0
}

.yx-rvn .yx-rve[aria-current=page] {
    color: var(--color-primary)
}

.yx-rvi {
    --size: 2em;
    width: var(--size);
    height: var(--size);
    display: flex;
    margin: var(--space-xs) var(--space-xs) 0 auto;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    transition: .2s
}

.yx-rvi:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md)
}

.yx-rvi .icon {
    display: block;
    color: var(--color-contrast-high)
}

[class*=subnav--expanded]::before {
    display: none;
    content: "collapsed"
}

@media(min-width:32rem) {
    .yx-tsubnav--expandedn::before {
        content: "expanded"
    }
}

@media(min-width:48rem) {
    .yx-rsubnav--expandedi::before {
        content: "expanded"
    }
}

@media(min-width:64rem) {
    .yx-ssubnav--expandedo::before {
        content: "expanded"
    }
}

@media(min-width:80rem) {
    .yx-usubnav--expandeda::before {
        content: "expanded"
    }
}

@media(min-width:90rem) {
    .yx-fsubnav--expandedl::before {
        content: "expanded"
    }
}

.yx-rvu {
    --hide-nav-transition-duration: 0.3s;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0;
    will-change: transform;
    transition: transform var(--hide-nav-transition-duration), background-color var(--hide-nav-transition-duration)
}

.yx-rva {
    background-color: transparent
}

.yx-rvf {
    background-color: hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), .85);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

:root {
    --hiw-counter-size: 2rem;
    --hiw-counter-font-size: 1rem;
    --hiw-line-stroke-width: 2px;
    --hiw-line-border-radius: 1em;
    --hiw-items-gap-x: var(--space-md);
    --hiw-items-gap-y: var(--space-xxl)
}

@media(min-width:64rem) {
    :root {
        --hiw-counter-size: 3rem;
        --hiw-counter-font-size: 1.25rem
    }
}

.yx-rvl {
    counter-reset: hiw-list-items
}

.yx-rvc {
    position: relative;
    counter-increment: hiw-list-items
}

.yx-rvc:not(:last-child) {
    padding-bottom: calc(var(--hiw-items-gap-y)/2);
    margin-bottom: calc(var(--hiw-items-gap-y)/2)
}

.yx-rvc::after,
.yx-rvc::before {
    content: "";
    position: absolute;
    width: calc(50% - var(--hiw-counter-size)/2 + var(--hiw-line-stroke-width)/2)
}

.yx-rvc::before {
    top: calc(var(--hiw-counter-size) + var(--hiw-line-stroke-width));
    height: calc(100% - var(--hiw-counter-size) - var(--hiw-line-stroke-width));
    border-bottom: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25)
}

.yx-rvc::after {
    top: calc(100% - var(--hiw-line-stroke-width));
    height: calc(var(--hiw-items-gap-y)/2);
    border-top: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25)
}

.yx-rvc:nth-child(2n+1) {
    padding-right: calc(var(--hiw-counter-size)/2)
}

.yx-rvc:nth-child(2n+1)::before {
    left: calc(var(--hiw-counter-size)/2 - var(--hiw-line-stroke-width)/2);
    border-left: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25);
    border-bottom-left-radius: var(--hiw-line-border-radius)
}

.yx-rvc:nth-child(2n+1)::after {
    left: 50%;
    border-top-right-radius: var(--hiw-line-border-radius);
    border-right: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25)
}

.yx-rvc:nth-child(2n) {
    padding-left: calc(var(--hiw-counter-size)/2)
}

.yx-rvc:nth-child(2n) .yx-rvh {
    flex-direction: row-reverse
}

.yx-rvc:nth-child(2n)::before {
    border-right: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25);
    right: calc(var(--hiw-counter-size)/2 - var(--hiw-line-stroke-width)/2);
    border-bottom-right-radius: var(--hiw-line-border-radius)
}

.yx-rvc:nth-child(2n)::after {
    right: 50%;
    border-top-left-radius: var(--hiw-line-border-radius);
    border-left: var(--hiw-line-stroke-width) dashed hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25)
}

.yx-rvc:last-child::after,
.yx-rvc:last-child::before {
    display: none
}

.yx-rvh {
    display: flex;
    gap: var(--hiw-items-gap-x)
}

.yx-rvp {
    width: var(--hiw-counter-size);
    height: var(--hiw-counter-size);
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border: var(--hiw-line-stroke-width) solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .25);
    color: var(--color-primary);
    font-size: var(--hiw-counter-font-size)
}

.yx-rvp::before {
    content: counter(hiw-list-items)
}

@media(min-width:64rem) {
    .yx-rvc:nth-child(2n) .yx-rvd {
        flex-direction: row-reverse
    }
}

.yx-rvv {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to bottom, hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .3), hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), .05));
    box-shadow: inset 0 1px hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), .1)
}

.yx-rvm {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 6px;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.yx-rvm .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateX(100%) rotate(90deg);
    font-size: 32px
}

.yx-rvm .icon circle {
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset .2s
}

.yx-rvm .icon line {
    transition: transform .4s;
    transform-origin: 13px 15px
}

.yx-rvm .icon line:last-child {
    transform-origin: 19px 15px
}

.yx-rvm::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transform-origin: right center;
    transition: transform .2s .1s
}

.yx-rvm:hover .icon circle {
    stroke-dashoffset: 200;
    transition: stroke-dashoffset .2s .1s
}

.yx-rvm:hover .icon line {
    transform: rotate(-180deg)
}

.yx-rvm:hover .icon line:last-child {
    transform: rotate(180deg)
}

.yx-rvm:hover::before {
    transform: translateX(17px) scaleX(0);
    transition: transform .2s
}

:root {
    --list-space-y: 0.375em;
    --list-offset: 1em;
    --list-line-height-multiplier: 1
}

.text-component .yx-rvg,
.yx-rvg {
    padding-left: 0;
    list-style: none
}

.text-component .yx-rvg ol,
.text-component .yx-rvg ul,
.yx-rvg ol,
.yx-rvg ul {
    list-style: none;
    margin: 0;
    margin-top: calc(var(--list-space-y)/2 * var(--text-space-y-multiplier, 1));
    padding-top: calc(var(--list-space-y)/2 * var(--text-space-y-multiplier, 1));
    padding-left: var(--list-offset)
}

.text-component .yx-rvg li,
.yx-rvg li {
    padding-bottom: calc(var(--list-space-y)/2 * var(--text-space-y-multiplier, 1));
    margin-bottom: calc(var(--list-space-y)/2 * var(--text-space-y-multiplier, 1));
    line-height: calc(var(--body-line-height) * var(--list-line-height-multiplier))
}

.text-component .yx-rvg ol>li:last-child,
.text-component .yx-rvg ul>li:last-child,
.text-component .yx-rvg>li:last-child,
.yx-rvg ol>li:last-child,
.yx-rvg ul>li:last-child,
.yx-rvg>li:last-child {
    margin-bottom: 0
}

.text-component .yx-rvg ol>li:last-child,
.text-component .yx-rvg ul>li:last-child,
.text-component .yx-rvg:not(.yx-rvy)>li:last-child,
.yx-rvg ol>li:last-child,
.yx-rvg ul>li:last-child,
.yx-rvg:not(.yx-rvy)>li:last-child {
    padding-bottom: 0
}

.text-component .yx-rvb,
.text-component .yx-rvw,
.yx-rvb,
.yx-rvw {
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right))
}

.text-component .yx-rvb ol,
.text-component .yx-rvb ul,
.text-component .yx-rvw ol,
.text-component .yx-rvw ul,
.yx-rvb ol,
.yx-rvb ul,
.yx-rvw ol,
.yx-rvw ul {
    padding-left: 0
}

.text-component .yx-rvb li,
.text-component .yx-rvw li,
.yx-rvb li,
.yx-rvw li {
    padding-left: var(--list-offset)
}

.text-component .yx-rvb li::before,
.text-component .yx-rvw li::before,
.yx-rvb li::before,
.yx-rvw li::before {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    vertical-align: middle;
    position: relative;
    top: -.1em;
    left: calc(var(--list-bullet-margin-right) * -1);
    margin-left: calc(var(--list-bullet-size) * -1)
}

.text-component .yx-rvb,
.yx-rvb {
    --list-bullet-size: 7px;
    --list-bullet-margin-right: 12px
}

.text-component .yx-rvb>li::before,
.yx-rvb>li::before {
    content: "";
    border-radius: 50%;
    color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .1);
    background-color: currentColor
}

.text-component .yx-rvb ul li::before,
.yx-rvb ul li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor
}

.text-component .yx-rvw,
.yx-rvw {
    --list-bullet-size: 26px;
    --list-bullet-margin-right: 6px;
    --list-bullet-font-size: 14px;
    counter-reset: list-items
}

.text-component .yx-rvw>li,
.yx-rvw>li {
    counter-increment: list-items
}

.text-component .yx-rvw ol,
.yx-rvw ol {
    counter-reset: list-items
}

.text-component .yx-rvw>li::before,
.yx-rvw>li::before {
    content: counter(list-items);
    font-size: var(--list-bullet-font-size, 14px);
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .075);
    color: var(--color-contrast-higher);
    line-height: 1;
    border-radius: 50%
}

.text-component .yx-rvw ol>li::before,
.yx-rvw ol>li::before {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .075)
}

.text-component .yx-rvy li:not(:last-child),
.yx-rvy li:not(:last-child) {
    border-bottom: 1px solid var(--color-contrast-lower)
}

.text-component .yx-rvy ol,
.text-component .yx-rvy ul,
.yx-rvy ol,
.yx-rvy ul {
    border-top: 1px solid var(--color-contrast-lower)
}

.text-component .yx-rvx,
.yx-rvx {
    --list-bullet-size: 24px;
    --list-bullet-margin-right: 8px;
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right))
}

.text-component .yx-rvx ol,
.text-component .yx-rvx ul,
.yx-rvx ol,
.yx-rvx ul {
    padding-left: var(--list-offset)
}

.yx-rvk {
    position: relative;
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    margin-right: var(--list-bullet-margin-right)
}

.yx-rvk:not(.yx-ku) {
    top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size))/2)
}

.yx-rv_ {
    position: relative;
    z-index: 1
}

.yx-rvj a,
.yx-rvj img,
.yx-rvj svg {
    width: 40px;
    height: 40px;
    display: block
}

.yx-rvq {
    margin: var(--space-lg) 0
}

.yx-rvz {
    margin-bottom: var(--space-sm)
}

.yx-rme {
    color: var(--color-contrast-high);
    font-size: var(--text-md);
    text-decoration: none
}

.yx-rme:hover {
    color: var(--color-primary)
}

.yx-rmt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xxxs)
}

.yx-rmt a {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .09);
    color: var(--color-contrast-low)
}

.yx-rmt a:hover {
    color: var(--color-contrast-higher)
}

.yx-rmt a .icon {
    --size: 16px;
    display: block
}

@media(min-width:64rem) {
    .yx-rmn {
        display: grid;
        grid-template-columns: auto 1fr auto
    }

    .yx-rvq {
        margin: 0
    }

    .yx-rmr {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

    .yx-rvz {
        padding: 0 var(--space-sm);
        margin: 0;
        position: relative
    }

    .yx-rvz::after {
        content: "";
        display: inline-block;
        position: absolute;
        height: .8em;
        width: 1px;
        right: 0;
        top: calc(50% - .4em);
        background-color: var(--color-border-alpha)
    }

    .yx-rvz:first-child {
        padding-left: 0
    }

    .yx-rvz:last-child {
        padding-right: 0
    }

    .yx-rvz:last-child::after {
        display: none
    }

    .yx-rme {
        font-size: .875rem
    }
}

:root {
    --masonry-grid-gap: var(--space-sm);
    --masonry-col-auto-size: 280px
}

.yx-rmi {
    display: none
}

.yx-rms {
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-1 * var(--masonry-grid-gap));
    margin-bottom: calc(-1 * var(--masonry-grid-gap))
}

.yx-rmo {
    display: inline-block;
    width: var(--masonry-col-auto-size);
    margin-right: var(--masonry-grid-gap);
    margin-bottom: var(--masonry-grid-gap)
}

.yx-rmu {
    position: relative
}

.yx-rmi {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0
}

.yx-rms {
    opacity: 0;
    transition: opacity .4s
}

.yx-rma .yx-rmi {
    display: none
}

.yx-rma .yx-rms {
    opacity: 1
}

@supports(flex-basis:0px) {
    .yx-rms {
        flex-direction: column
    }

    .yx-rmo {
        flex-basis: 0
    }
}

.yx-rmf {
    position: fixed;
    z-index: var(--z-index-overlay, 15);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden
}

.yx-rmf:not(.yx-rml) {
    pointer-events: none;
    background-color: transparent
}

.yx-rml {
    opacity: 1;
    visibility: visible
}

.yx-rmc {
    display: flex;
    flex-shrink: 0;
    border-radius: 50%;
    transition: .2s
}

.yx-rmc .icon {
    display: block;
    margin: auto
}

.yx-rmh {
    --size: 48px;
    width: var(--size);
    height: var(--size);
    position: fixed;
    top: var(--space-sm);
    right: var(--space-sm);
    z-index: var(--z-index-fixed-element, 10);
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .9);
    transition: .2s
}

.yx-rmh .icon {
    color: var(--color-white);
    transition: transform .3s var(--ease-out-back)
}

.yx-rmh:hover {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1)
}

.yx-rmh:hover .icon {
    transform: scale(1.1)
}

.yx-rmp {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    transition: .2s
}

.yx-rmp .icon {
    color: inherit
}

.yx-rmp:hover {
    background-color: var(--color-bg-lighter);
    box-shadow: var(--inner-glow), var(--shadow-md)
}

:root {
    --modal-transition-duration: 0.2s
}

@media(prefers-reduced-motion:no-preference) {
    .yx-rmd {
        --modal-transition-duration: 0.2s;
        transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration)
    }

    .yx-rmd.yx-rml {
        transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s
    }

    .yx-rmb,
    .yx-rmg,
    .yx-rmm,
    .yx-rmv,
    .yx-rmy {
        --modal-transition-duration: 0.2s;
        transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration)
    }

    .yx-rmb .yx-rmw,
    .yx-rmg .yx-rmw,
    .yx-rmm .yx-rmw,
    .yx-rmv .yx-rmw,
    .yx-rmy .yx-rmw {
        will-change: transform;
        transition: transform var(--modal-transition-duration) var(--ease-out)
    }

    .yx-rmb.yx-rml,
    .yx-rmg.yx-rml,
    .yx-rmm.yx-rml,
    .yx-rmv.yx-rml,
    .yx-rmy.yx-rml {
        transition: opacity var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s
    }

    .yx-rmb.yx-rml .yx-rmw,
    .yx-rmg.yx-rml .yx-rmw,
    .yx-rmm.yx-rml .yx-rmw,
    .yx-rmv.yx-rml .yx-rmw,
    .yx-rmy.yx-rml .yx-rmw {
        transform: scale(1)
    }

    .yx-rm_,
    .yx-rmj,
    .yx-rmk,
    .yx-rmx {
        --modal-transition-duration: 0.3s;
        transition: opacity 0s var(--modal-transition-duration), background-color var(--modal-transition-duration), visibility 0s var(--modal-transition-duration)
    }

    .yx-rm_ .yx-rmw,
    .yx-rmj .yx-rmw,
    .yx-rmk .yx-rmw,
    .yx-rmx .yx-rmw {
        will-change: transform;
        transition: transform var(--modal-transition-duration) var(--ease-out)
    }

    .yx-rm_.yx-rml,
    .yx-rmj.yx-rml,
    .yx-rmk.yx-rml,
    .yx-rmx.yx-rml {
        transition: background-color var(--modal-transition-duration), visibility 0s
    }

    .yx-rm_.yx-rml .yx-rmw,
    .yx-rmj.yx-rml .yx-rmw,
    .yx-rmk.yx-rml .yx-rmw,
    .yx-rmx.yx-rml .yx-rmw {
        transform: scale(1)
    }

    .yx-rmv .yx-rmw {
        transform: scale(.95)
    }

    .yx-rmm .yx-rmw {
        transform: translateY(40px)
    }

    .yx-rmg .yx-rmw {
        transform: translateY(-40px)
    }

    .yx-rmy .yx-rmw {
        transform: translateX(-40px)
    }

    .yx-rmb .yx-rmw {
        transform: translateX(40px)
    }

    .yx-rmx .yx-rmw {
        transform: translateY(100%)
    }

    .yx-rmk .yx-rmw {
        transform: translateY(-100%)
    }

    .yx-rm_ .yx-rmw {
        transform: translateX(-100%)
    }

    .yx-rmj .yx-rmw {
        transform: translateX(100%)
    }
}

.yx-rmq .yx-rmw {
    visibility: hidden
}

.yx-rmq .yx-rmz {
    display: flex
}

.yx-rmz {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    pointer-events: none
}

.yx-rge {
    position: relative;
    cursor: pointer
}

.yx-rge::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0);
    transition: background .2s
}

.yx-rge:hover::after {
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .7)
}

.yx-rge:hover .yx-rgt {
    opacity: 1
}

.yx-rgt {
    position: absolute;
    z-index: 2;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .7);
    opacity: 0;
    transition: opacity .2s
}

.yx-rgt .icon {
    color: var(--color-white)
}

:root {
    --popover-width: 250px;
    --popover-control-gap: 4px;
    --popover-viewport-gap: 20px;
    --popover-transition-duration: 0.2s
}

.yx-rgn {
    position: fixed;
    width: var(--popover-width);
    z-index: var(--z-index-popover, 5);
    margin-top: var(--popover-control-gap);
    margin-bottom: var(--popover-control-gap);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s var(--popover-transition-duration), opacity var(--popover-transition-duration)
}

.yx-rgr {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity var(--popover-transition-duration)
}

:root {
    --radio-switch-width: 186px;
    --radio-switch-height: 46px;
    --radio-switch-padding: 3px;
    --radio-switch-radius: 50em;
    --radio-switch-animation-duration: 0.3s
}

.yx-rgi {
    position: relative;
    display: inline-block;
    display: inline-flex;
    padding: var(--radio-switch-padding);
    border-radius: calc(var(--radio-switch-radius) * 1.4);
    background-color: var(--color-bg-darker)
}

.yx-rgi:active,
.yx-rgi:focus-within {
    box-shadow: 0 0 0 2px var(--color-bg), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .15)
}

.yx-rgs {
    position: relative;
    display: inline-block;
    height: calc(var(--radio-switch-height) - 2 * var(--radio-switch-padding));
    width: calc(var(--radio-switch-width) * .5 - var(--radio-switch-padding))
}

.yx-rgo {
    position: relative;
    z-index: 2;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    border-radius: var(--radio-switch-radius);
    cursor: pointer;
    font-size: var(--text-sm);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all var(--radio-switch-animation-duration)
}

.yx-rgu:checked~.yx-rgo {
    color: var(--color-white)
}

.yx-rga {
    position: absolute;
    z-index: 1;
    top: 0;
    left: -100%;
    border-radius: var(--radio-switch-radius);
    background-color: var(--color-primary);
    height: calc(var(--radio-switch-height) - 2 * var(--radio-switch-padding));
    width: calc(var(--radio-switch-width) * .5 - var(--radio-switch-padding));
    box-shadow: var(--shadow-md);
    transition: transform var(--radio-switch-animation-duration)
}

.yx-rgu:checked~.yx-rga {
    transform: translateX(100%)
}

:root {
    --reveal-fx-duration: 0.6s;
    --reveal-fx-timing-function: var(--ease-out)
}

.reveal-fx {
    opacity: 0;
    transition: opacity, transform var(--reveal-fx-timing-function);
    transition-duration: var(--reveal-fx-duration)
}

.reveal-fx::before {
    display: none;
    content: "reveal-fx"
}

.reveal-fx--translate,
.reveal-fx--translate-up {
    transform: translateY(50px)
}

.reveal-fx--translate-right {
    transform: translateX(-50px)
}

.reveal-fx--translate-left {
    transform: translateX(50px)
}

.reveal-fx--translate-down {
    transform: translateY(-50px)
}

.reveal-fx--scale {
    transform: scale(.8)
}

.reveal-fx--scale-up {
    transform: translateY(50px) scale(.8)
}

.reveal-fx--scale-right {
    transform: translateX(-50px) scale(.8)
}

.reveal-fx--scale-left {
    transform: translateX(50px) scale(.8)
}

.reveal-fx--scale-down {
    transform: translateY(-50px) scale(.8)
}

.reveal-fx--rotate,
.reveal-fx--rotate-down,
.reveal-fx--rotate-left,
.reveal-fx--rotate-right,
.reveal-fx--rotate-up {
    perspective: 1000px
}

.reveal-fx--rotate-down>*,
.reveal-fx--rotate-left>*,
.reveal-fx--rotate-right>*,
.reveal-fx--rotate-up>*,
.reveal-fx--rotate>* {
    transition: transform var(--reveal-fx-duration) var(--reveal-fx-timing-function);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.reveal-fx--rotate-down>*,
.reveal-fx--rotate>* {
    transform-origin: top;
    transform: rotateX(-45deg)
}

.reveal-fx--rotate-right>* {
    transform-origin: left center;
    transform: rotateY(45deg)
}

.reveal-fx--rotate-left>* {
    transform-origin: right center;
    transform: rotateY(-45deg)
}

.reveal-fx--rotate-up>* {
    transform-origin: bottom;
    transform: rotateX(45deg)
}

.reveal-fx--text-mask {
    overflow: hidden
}

.reveal-fx--text-mask>* {
    display: inline-block;
    transform: translateY(100%);
    transition: transform var(--reveal-fx-duration) var(--reveal-fx-timing-function);
    will-change: transform
}

[class*=reveal-fx--scale],
[class*=reveal-fx--translate] {
    will-change: opacity, transform
}

.reveal-fx--text-mask>*,
[class*=reveal-fx--rotate]>* {
    will-change: transform
}

.yx-rgf>*,
.yx-rgl>* {
    transition: opacity, -webkit-clip-path var(--ease-out);
    transition: opacity, clip-path var(--ease-out);
    transition: opacity, clip-path var(--ease-out), -webkit-clip-path var(--ease-out);
    transition-duration: var(--reveal-fx-duration)
}

.yx-rgf>* {
    -webkit-clip-path: polygon(10% 0, 90% 0, 90% 100%, 10% 100%);
    clip-path: polygon(10% 0, 90% 0, 90% 100%, 10% 100%)
}

.yx-rgl>* {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
    clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%)
}

.reveal-fx--is-visible {
    opacity: 1
}

.reveal-fx--is-visible.reveal-fx--text-mask>*,
.reveal-fx--is-visible[class*=reveal-fx--rotate]>*,
.reveal-fx--is-visible[class*=reveal-fx--scale],
.reveal-fx--is-visible[class*=reveal-fx--translate] {
    transform: translate(0)
}

.reveal-fx--is-visible.yx-rgf>*,
.reveal-fx--is-visible.yx-rgl>* {
    opacity: 1;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

html {
    scroll-behavior: smooth
}

.yx-rgc {
    position: relative;
    z-index: 1
}

.yx-rgh {
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    margin-top: var(--space-md)
}

.yx-rgh img {
    display: block;
    width: 100%
}

.yx-rgp {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 100vh
}

.yx-rgd {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.yx-rgv {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    opacity: 0
}

.yx-rgv img {
    display: block;
    width: 100%;
    max-height: 90vh
}

.yx-rgm .yx-rgv {
    opacity: 1
}

@media(min-width:64rem) {
    .yx-rgg {
        padding-top: 50vh;
        padding-bottom: 50vh
    }

    .yx-rgy {
        font-size: var(--text-xl);
        cursor: pointer;
        opacity: .3
    }

    .yx-rgm .yx-rgy,
    .yx-rgy:hover {
        opacity: 1
    }

    .yx-rgh {
        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
    }

    .yx-rgp::after,
    .yx-rgp::before {
        content: "";
        position: absolute;
        right: 0;
        width: 100vw;
        height: 100px;
        pointer-events: none
    }

    .yx-rgp::before {
        top: 0;
        background: linear-gradient(to bottom, var(--color-bg), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), .8), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0))
    }

    .yx-rgp::after {
        bottom: 0;
        background: linear-gradient(to top, var(--color-bg), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), .8), hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), 0))
    }
}

:root {
    --text-points-bullet-size: 32px;
    --text-points-bullet-font-size: 14px;
    --text-points-bullet-margin-right: var(--space-xs)
}

.yx-rgb .yx-rgw,
.yx-rgk .yx-rgw,
.yx-rgx .yx-rgw {
    padding-left: calc(var(--text-points-bullet-size) + var(--text-points-bullet-margin-right))
}

.yx-rgb .yx-rg_,
.yx-rgk .yx-rg_,
.yx-rgx .yx-rg_ {
    position: relative;
    margin-left: calc(-1 * var(--text-points-bullet-size));
    left: calc(-1 * var(--text-points-bullet-margin-right))
}

.yx-rgb .yx-rg_::before,
.yx-rgk .yx-rg_::before,
.yx-rgx .yx-rg_::before {
    content: "X";
    display: inline-flex;
    width: var(--text-points-bullet-size);
    overflow: hidden;
    pointer-events: none;
    opacity: 0
}

.yx-rgb .yx-rg_::after,
.yx-rgk .yx-rg_::after,
.yx-rgx .yx-rg_::after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: var(--text-points-bullet-size);
    height: var(--text-points-bullet-size);
    background-color: var(--color-bg-dark);
    border-radius: 50%;
    font-size: var(--text-points-bullet-font-size);
    font-weight: 600;
    color: var(--color-contrast-medium)
}

.yx-rgb .yx-rgj {
    counter-increment: text-points
}

.yx-rgb .yx-rg_::after {
    content: counter(text-points)
}

.yx-rgx .yx-rg_::after {
    content: "?"
}

.yx-rgk .yx-rg_::after {
    content: "";
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGcgZmlsbD0nIzAwMDAwMCc+PGNpcmNsZSBjeD0nMTYnIGN5PScxNicgcj0nMTYnIG9wYWNpdHk9Jy4xNSc+PC9jaXJjbGU+PHBhdGggZD0nTTE2IDI0YTEgMSAwIDAgMS0xLTF2LTlhMSAxIDAgMCAxIDIgMHY5YTEgMSAwIDAgMS0xIDF6Jz48L3BhdGg+PGNpcmNsZSBjeD0nMTYnIGN5PSc5LjUnIHI9JzEuNSc+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGcgZmlsbD0nIzAwMDAwMCc+PGNpcmNsZSBjeD0nMTYnIGN5PScxNicgcj0nMTYnIG9wYWNpdHk9Jy4xNSc+PC9jaXJjbGU+PHBhdGggZD0nTTE2IDI0YTEgMSAwIDAgMS0xLTF2LTlhMSAxIDAgMCAxIDIgMHY5YTEgMSAwIDAgMS0xIDF6Jz48L3BhdGg+PGNpcmNsZSBjeD0nMTYnIGN5PSc5LjUnIHI9JzEuNSc+PC9jaXJjbGU+PC9nPjwvc3ZnPg==);
    background: var(--color-primary)
}

.yx-rgq {
    --space-unit: 1rem;
    --text-unit: 1rem;
    font-size: var(--text-unit)
}

.yx-rgq.yx-rgn {
    --popover-width: 250px;
    --popover-control-gap: 4px;
    --popover-viewport-gap: 20px;
    --popover-transition-duration: 0.2s
}

@media(min-width:64rem) {
    .yx-rgq.yx-rgn {
        --popover-width: 320px
    }
}

.yx-rgz:not(:first-of-type) {
    padding-top: var(--space-xxs)
}

.yx-rgz:not(:last-of-type) {
    border-bottom: 1px solid hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .1);
    padding-bottom: var(--space-xxs)
}

.yx-rye {
    display: none
}

.yx-ryt {
    position: relative;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: .2s
}

.yx-ryt:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .075)
}

.yx-ryt:focus {
    outline: 0;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .15)
}

.yx-ryt[aria-selected=true] {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.yx-ryt[aria-selected=true] .yx-rye {
    display: block
}

.yx-ryt[aria-selected=true]:focus {
    box-shadow: inset 0 0 0 2px var(--color-primary-dark)
}

.yx-ryn {
    background-color: var(--color-bg-dark);
    border-radius: var(--radius-lg);
    box-shadow: var(--inner-glow);
    padding: var(--space-md);
    display: flex;
    flex-direction: column
}

.yx-ryr {
    background-color: var(--color-bg-light);
    box-shadow: 0 0 0 2px var(--color-primary), var(--shadow-md)
}

.yx-ryi {
    font-size: var(--text-sm);
    background-color: var(--color-contrast-high);
    color: var(--color-bg);
    padding: var(--space-xxxs) var(--space-xxs);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    border-radius: var(--radius-md)
}

.yx-rys span {
    font-size: var(--text-xxxl);
    font-weight: 700
}

.yx-rys i {
    color: var(--color-contrast-low)
}

.yx-ryo li {
    margin-bottom: var(--space-xs)
}

.yx-ryu {
    display: none
}

.yx-rya .yx-ryf {
    position: relative;
    overflow: hidden
}

.yx-rya .yx-rys {
    will-change: transform;
    transition: transform .3s, opacity .3s;
    transition-timing-function: var(--ease-out)
}

.yx-rya .yx-rys[data-transition-delay="2nd"] {
    transition-delay: .1s
}

.yx-rya .yx-rys[data-transition-delay="3rd"] {
    transition-delay: .2s
}

.yx-rya .yx-ryl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.yx-rya .yx-ryc {
    pointer-events: none;
    opacity: 0;
    transform: translateY(100%)
}

.yx-ryh .yx-ryl {
    pointer-events: none;
    opacity: 0;
    transform: translateY(-100%)
}

.yx-ryh .yx-ryc {
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0)
}

:root {
    --slideshow-height: 280px;
    --slideshow-fade-transition-duration: 0.25s;
    --slideshow-slide-transition-duration: 0.35s;
    --slideshow-prx-transition-duration: 0.5s;
    --slideshow-btn-width: 1.6em;
    --slideshow-btn-height: 3.2em;
    --slideshow-btn-icon-size: 1.6em;
    --slideshow-btn-offset: var(--space-xs)
}

@media(min-width:48rem) {
    :root {
        --slideshow-height: 380px
    }
}

@media(min-width:64rem) {
    :root {
        --slideshow-height: 480px
    }
}

@media(min-width:80rem) {
    :root {
        --slideshow-height: 580px
    }
}

.slideshow__item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--slideshow-height);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.slideshow__item:focus {
    outline: 0
}

.yx-ryp .slideshow__item {
    height: 0;
    padding-bottom: 56.25%
}

.yx-ryd .slideshow__item {
    height: 0;
    padding-bottom: 75%
}

.yx-ryv .slideshow__item {
    height: 0;
    padding-bottom: 100%
}

.slideshow {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.yx-rym {
    overflow: hidden
}

.slideshow__item {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden
}

.slideshow__item--selected {
    position: relative;
    z-index: 3;
    visibility: visible
}

.yx-ryy .slideshow__item {
    opacity: 0;
    transition: opacity 0s var(--slideshow-fade-transition-duration), visibility 0s var(--slideshow-fade-transition-duration)
}

.yx-ryy .slideshow__item--selected {
    opacity: 1;
    transition: opacity var(--slideshow-fade-transition-duration)
}

.yx-ryb .slideshow__item {
    -webkit-animation-duration: var(--slideshow-slide-transition-duration);
    animation-duration: var(--slideshow-slide-transition-duration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--ease-out);
    animation-timing-function: var(--ease-out)
}

.yx-ryb .slideshow__item>* {
    visibility: hidden
}

.yx-ryb .slideshow__item--selected>* {
    visibility: visible
}

.yx-ryb .slideshow__item--slide-in-left {
    -webkit-animation-name: slide-in-left;
    animation-name: slide-in-left
}

.yx-ryb .slideshow__item--slide-in-right {
    -webkit-animation-name: slide-in-right;
    animation-name: slide-in-right
}

.yx-ryb .slideshow__item--slide-out-left {
    -webkit-animation-name: slide-out-left;
    animation-name: slide-out-left
}

.yx-ryb .slideshow__item--slide-out-right {
    -webkit-animation-name: slide-out-right;
    animation-name: slide-out-right
}

.yx-ryb .slideshow__item--slide-out-left,
.yx-ryb .slideshow__item--slide-out-right {
    z-index: 2
}

.yx-ryb .slideshow__item--slide-out-left.slideshow__item--selected,
.yx-ryb .slideshow__item--slide-out-right.slideshow__item--selected {
    z-index: 3
}

.yx-ryb .slideshow__item--slide-out-left>*,
.yx-ryb .slideshow__item--slide-out-right>* {
    visibility: visible
}

@-webkit-keyframes slide-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes slide-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes slide-out-left {
    0% {
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes slide-out-left {
    0% {
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@-webkit-keyframes slide-out-right {
    0% {
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes slide-out-right {
    0% {
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.yx-ryw .slideshow__item {
    -webkit-animation-duration: var(--slideshow-prx-transition-duration);
    animation-duration: var(--slideshow-prx-transition-duration);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: var(--ease-out);
    animation-timing-function: var(--ease-out)
}

.yx-ryw .slideshow__item>* {
    visibility: hidden
}

.yx-ryw .slideshow__item--selected>* {
    visibility: visible
}

.yx-ryw .slideshow__item--prx-in-left {
    -webkit-animation-name: prx-in-left;
    animation-name: prx-in-left
}

.yx-ryw .slideshow__item--prx-in-right {
    -webkit-animation-name: prx-in-right;
    animation-name: prx-in-right
}

.yx-ryw .slideshow__item--prx-out-left {
    -webkit-animation-name: prx-out-left;
    animation-name: prx-out-left
}

.yx-ryw .slideshow__item--prx-out-right {
    -webkit-animation-name: prx-out-right;
    animation-name: prx-out-right
}

.yx-ryw .slideshow__item--prx-out-left,
.yx-ryw .slideshow__item--prx-out-right {
    z-index: 2
}

.yx-ryw .slideshow__item--prx-out-left.slideshow__item--selected,
.yx-ryw .slideshow__item--prx-out-right.slideshow__item--selected {
    z-index: 3
}

.yx-ryw .slideshow__item--prx-out-left>*,
.yx-ryw .slideshow__item--prx-out-right>* {
    visibility: visible
}

@-webkit-keyframes prx-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes prx-in-left {
    0% {
        visibility: visible;
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes prx-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes prx-in-right {
    0% {
        visibility: visible;
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

@-webkit-keyframes prx-out-left {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        opacity: .3;
        transform: translateX(40%)
    }
}

@keyframes prx-out-left {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        opacity: .3;
        transform: translateX(40%)
    }
}

@-webkit-keyframes prx-out-right {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        opacity: .3;
        transform: translateX(-40%)
    }
}

@keyframes prx-out-right {
    0% {
        opacity: 1;
        visibility: visible;
        transform: translateX(0)
    }

    100% {
        opacity: .3;
        transform: translateX(-40%)
    }
}

.slideshow[data-swipe=on] .yx-rym {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slideshow[data-swipe=on] .yx-rym img {
    pointer-events: none
}

.yx-ryx {
    display: none
}

.slideshow[data-controls=hover] .yx-ryx {
    opacity: 0;
    transition: opacity .3s
}

.slideshow[data-controls=hover]:hover .yx-ryx {
    opacity: 1
}

.slideshow[data-swipe=on] .yx-ryx {
    display: none
}

.yx-ryx {
    display: block;
    position: absolute;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%)
}

.yx-ryx:first-of-type {
    left: var(--slideshow-btn-offset)
}

.yx-ryx:last-of-type {
    right: var(--slideshow-btn-offset)
}

@media(min-width:64rem) {
    .slideshow[data-swipe=on] .yx-ryx {
        display: block
    }
}

.yx-ryk {
    display: block;
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .75);
    height: var(--slideshow-btn-height);
    width: var(--slideshow-btn-width);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background .2s, transform .2s
}

.yx-ryk:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), .85)
}

.yx-ryk:hover .icon {
    color: var(--color-bg)
}

.slideshow:not(.yx-ry_) .yx-ryk:active {
    transform: translateY(2px)
}

.yx-ryk .icon {
    display: block;
    width: var(--slideshow-btn-icon-size);
    height: var(--slideshow-btn-icon-size);
    margin: 0 auto;
    transition: color .2s;
    color: var(--color-white)
}

@supports(grid-area:auto) {
    .yx-ryk {
        background-color: transparent
    }

    .yx-ryk .icon {
        color: var(--color-contrast-higher)
    }
}

.yx-ryj {
    position: absolute;
    z-index: 4;
    bottom: 0;
    width: 100%;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0
}

.slideshow__nav-item {
    display: inline-block;
    margin: 0 var(--space-xxxs)
}

.slideshow__nav-item button {
    display: block;
    position: relative;
    font-size: 8px;
    color: var(--color-contrast-high);
    height: 1em;
    width: 1em;
    border-radius: 50%;
    background-color: currentColor;
    opacity: .4;
    cursor: pointer;
    transition: background .3s
}

.slideshow__nav-item button::before {
    content: "";
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    height: 1em;
    width: 1em;
    font-size: 14px;
    border-radius: inherit;
    border: 1px solid var(--color-contrast-high);
    opacity: 0;
    transform: scale(0);
    transition: .3s
}

.slideshow__nav-item button:focus {
    outline: 0
}

.slideshow__nav-item button:focus::before {
    opacity: 1;
    transform: scale(1)
}

.slideshow__nav-item--selected button {
    opacity: 1
}

@media(min-width:64rem) {
    .yx-ryj {
        height: 40px
    }

    .slideshow__nav-item button {
        font-size: 10px
    }

    .slideshow__nav-item button::before {
        font-size: 16px
    }
}

:root {
    --toc-border-width: 1px
}

.yx-toc {
    --space-unit: 1rem
}

.yx-ryz {
    position: relative
}

.yx-ryz .yx-ryz .yx-rbe {
    padding-left: calc(var(--space-sm) * 2)
}

.yx-rbe,
.yx-rbt {
    padding: var(--space-xxxs) var(--space-sm)
}

.yx-rbe {
    position: relative;
    color: var(--color-contrast-medium);
    text-decoration: none
}

.yx-rbe::before {
    content: "";
    width: var(--toc-border-width);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.yx-rbe:hover {
    color: var(--color-contrast-high)
}

.yx-rbn {
    color: var(--color-primary)
}

.yx-rbn:hover {
    color: var(--color-primary)
}

.yx-rbt {
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: var(--text-sm)
}

.yx-rbr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.yx-rbi {
    position: relative
}

.yx-rbi>* {
    display: inline-block;
    transition: opacity .4s, transform .4s var(--ease-out)
}

.yx-rbi>:last-child {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-10px)
}

.yx-rbs .yx-rbo {
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform .3s var(--ease-out)
}

.yx-rbs .yx-rbo>* {
    transform-origin: 8px 8px;
    stroke-dasharray: 17;
    transform: translateY(3px);
    transition: transform .3s, stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out)
}

.yx-rbs .yx-rbo>:first-child {
    stroke-dashoffset: 10
}

.yx-rbs .yx-rbo>:last-child {
    stroke-dashoffset: 10
}

.yx-rbu {
    scroll-margin-top: var(--space-xxxxs)
}

.yx-toc:not(.yx-ttoc--staticn) {
    border-radius: var(--radius-md);
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-sm);
    transition: .3s
}

.yx-toc:not(.yx-ttoc--staticn):hover {
    box-shadow: var(--inner-glow), var(--shadow-md)
}

.yx-toc:not(.yx-ttoc--staticn) .yx-rba {
    display: none;
    margin: var(--space-xxs) 0
}

.yx-toc:not(.yx-ttoc--staticn) .yx-ryz {
    padding-bottom: var(--space-xs)
}

.yx-toc:not(.yx-ttoc--staticn) .yx-rbt {
    display: none
}

.yx-toc:not(.yx-ttoc--staticn) .yx-rbe {
    display: flex
}

.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rbi>:first-child {
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none
}

.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rbi>:last-child {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rba {
    display: block;
    -webkit-animation: toc-entry-animation .4s var(--ease-out);
    animation: toc-entry-animation .4s var(--ease-out)
}

.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rbs .yx-rbo {
    transform: rotate(-90deg)
}

.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rbs .yx-rbo :last-child,
.yx-toc:not(.yx-ttoc--staticn).yx-rbf .yx-rbs .yx-rbo>:first-child {
    stroke-dashoffset: 0;
    transform: translateY(0)
}

.yx-ttoc--staticn {
    box-shadow: inset var(--toc-border-width) 0 0 var(--color-contrast-lower)
}

.yx-ttoc--staticn[class*=position-sticky] {
    top: var(--space-md);
    max-height: calc(100vh - var(--space-md) * 2);
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.yx-ttoc--staticn .yx-rbt {
    font-size: var(--text-xs)
}

.yx-ttoc--staticn .yx-rbe {
    display: inline-flex;
    font-size: var(--text-sm)
}

.yx-ttoc--staticn .yx-rbn::before {
    background-color: var(--color-primary)
}

.yx-ttoc--staticn .yx-rbr {
    display: none
}

.yx-rbl :target {
    -webkit-animation: toc-target 2s;
    animation: toc-target 2s
}

@-webkit-keyframes toc-target {

    0%,
    50% {
        outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .5)
    }

    100% {
        outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0)
    }
}

@keyframes toc-target {

    0%,
    50% {
        outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .5)
    }

    100% {
        outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0)
    }
}

@-webkit-keyframes toc-entry-animation {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes toc-entry-animation {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

[class*=toc--static]::before {
    display: none;
    content: "collapsed"
}

@media(min-width:32rem) {
    .yx-rtoc--statici::before {
        content: "static"
    }
}

@media(min-width:48rem) {
    .yx-stoc--statico::before {
        content: "static"
    }
}

@media(min-width:64rem) {
    .yx-utoc--statica::before {
        content: "static"
    }
}

@media(min-width:80rem) {
    .yx-ftoc--staticl::before {
        content: "static"
    }
}

@media(min-width:90rem) {
    .yx-ctoc--statich::before {
        content: "static"
    }
}

.yx-rbc {
    --masonry-grid-gap: var(--space-md);
    --masonry-col-auto-size: 350px;
    position: relative;
    z-index: 1
}

.yx-rbh {
    position: relative
}

.yx-rbh::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 1) 25%, hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0));
    pointer-events: none
}

.yx-rbp {
    padding: var(--space-sm);
    border-radius: var(--radius-lg);
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-xs)
}

.yx-rbd {
    line-height: var(--body-line-height)
}

.yx-rbv {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-right: var(--space-xs)
}

.yx-rbm {
    display: block;
    width: 100%;
    border-radius: var(--radius-md);
    margin-top: var(--space-sm)
}

.yx-rbg {
    color: #1da1f2;
    display: block;
    flex-shrink: 0;
    margin-left: auto;
    transition: transform .3s var(--ease-out-back)
}

.yx-rbg .icon {
    --size: 20px
}

.yx-rbg:hover {
    transform: scale(1.2)
}

.yx-rby {
    position: relative;
    width: 24px;
    height: 24px;
    overflow: hidden;
    display: inline-block;
    transition: opacity .2s, color .2s
}

.yx-rby:hover {
    cursor: pointer;
    opacity: .8
}

.yx-rby:focus {
    outline: 0;
    color: var(--color-primary)
}

.yx-rby.yx-rbb {
    color: var(--color-primary)
}

.yx-rbw {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transform: translateY(100%) rotate(35deg) scale(.5)
}

.yx-rbx {
    opacity: 1;
    transform: translateY(0) rotate(0) scale(1)
}

.yx-rbk {
    opacity: 0;
    transform: translateY(-100%) rotate(-35deg) scale(.5)
}

.yx-rbk,
.yx-rbx {
    transition: transform .3s var(--ease-in-out), opacity .3s
}

.yx-rb_ {
    margin: auto;
    --size: 20px
}

.yx-rgn.yx-rbj {
    --popover-width: 250px
}

.yx-rbq {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: opacity .2s
}

.yx-rbq:hover {
    cursor: pointer;
    opacity: .85
}

.yx-rbq:focus {
    outline: 0
}

.yx-rbq:focus figure {
    box-shadow: 0 0 0 1px var(--color-bg-light), 0 0 0 3px var(--color-contrast-higher)
}

.yx-rbq[aria-selected=true] {
    color: var(--color-primary)
}

.yx-rbq[aria-selected=true] figure {
    box-shadow: 0 0 0 1px var(--color-bg-light), 0 0 0 3px currentColor
}

.yx-rbz {
    --slideshow-fade-transition-duration: 0.4s;
    --slideshow-slide-transition-duration: 0.4s;
    position: relative
}

.yx-rwe {
    --slideshow-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm)
}

.yx-rwe::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    box-shadow: var(--inner-glow);
    pointer-events: none;
    border-radius: inherit
}

.yx-rwe .slideshow__item {
    background-color: var(--color-bg-light)
}

.yx-rwt {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 70%
}

.yx-rwt img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: .15
}

.yx-rwt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0), var(--color-bg-light))
}

@media(min-width:64rem) {
    .yx-rwt {
        width: 50%;
        height: 100%
    }

    .yx-rwt::after {
        height: 100%;
        width: 50%;
        background: linear-gradient(270deg, hsla(var(--color-bg-light-h), var(--color-bg-light-s), var(--color-bg-light-l), 0), var(--color-bg-light))
    }
}

.yx-rwn .slideshow__item {
    position: absolute;
    height: 100%;
    padding-left: var(--space-md);
    padding-right: var(--space-md)
}

.yx-rwn .slideshow__item:first-child {
    position: relative;
    height: auto;
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl)
}

@media(min-width:32rem) {
    .yx-rwn .slideshow__item {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg)
    }
}

@media(min-width:64rem) {
    .yx-rwn .slideshow__item {
        padding-left: 0;
        padding-right: 0
    }
}

.yx-rwr {
    text-align: center;
    padding: var(--space-md) 0;
    line-height: 1.58;
    position: relative
}

.yx-rwr::before {
    content: '"';
    position: absolute;
    transform: translateX(-1ch)
}

@media(min-width:64rem) {
    .yx-rwr {
        text-align: left;
        padding: var(--space-sm) 0 var(--space-sm) var(--space-xl)
    }
}

.yx-rwi {
    --t-banner-control-gap: 12px;
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%
}

.yx-rwi:first-of-type {
    transform: translateY(50%) translateX(calc(-100% - var(--t-banner-control-gap)/2))
}

.yx-rwi:last-of-type {
    transform: translateY(50%) translateX(calc(var(--t-banner-control-gap)/2))
}

@media(min-width:64rem) {
    .yx-rwi {
        bottom: 50%
    }

    .yx-rwi:first-of-type {
        left: 0;
        transform: translateY(50%) translateX(-50%)
    }

    .yx-rwi:last-of-type {
        left: auto;
        right: 0;
        transform: translateY(50%) translateX(50%)
    }
}

.yx-rws {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), .95);
    color: var(--color-white);
    cursor: pointer;
    transition: background .2s, transform .2s;
    will-change: transform
}

.yx-rws:hover {
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 1)
}

.yx-rws:active {
    transform: translateY(2px)
}

.yx-rws:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px
}

.yx-rwo {
    display: block;
    color: inherit;
    text-decoration: none;
    position: relative;
    margin-bottom: var(--space-sm)
}

.yx-rwo:hover .yx-rwu {
    filter: contrast(110%);
    box-shadow: var(--shadow-md)
}

.yx-rwo:hover .yx-rwa::before {
    transform: scale(1.2)
}

.yx-rwu {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: filter .3s, box-shadow .3s
}

.yx-rwa {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white)
}

.yx-rwa .icon {
    position: relative;
    z-index: 1
}

.yx-rwa::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), .8);
    border-radius: 50%;
    transition: transform .3s var(--ease-out-back)
}