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

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

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

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

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

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

[data-theme] {
    background-color: #fff;
    background-color: var(--color-bg, white);
    color: #313135;
    color: var(--color-contrast-high, #313135)
}

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

:root {
    --max-width-xxxxs: 20rem;
    --max-width-xxxs: 26rem;
    --max-width-xxs: 32rem;
    --max-width-xs: 38rem;
    --max-width-sm: 48rem;
    --max-width-md: 64rem;
    --max-width-lg: 80rem;
    --max-width-xl: 90rem;
    --max-width-xxl: 100rem;
    --max-width-xxxl: 120rem;
    --max-width-xxxxl: 150rem
}

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

.r {
    max-width: 20rem;
    max-width: var(--max-width-xxxxs)
}

.i {
    max-width: 26rem;
    max-width: var(--max-width-xxxs)
}

.s {
    max-width: 32rem;
    max-width: var(--max-width-xxs)
}

.o {
    max-width: 38rem;
    max-width: var(--max-width-xs)
}

.u {
    max-width: 48rem;
    max-width: var(--max-width-sm)
}

.a {
    max-width: 64rem;
    max-width: var(--max-width-md)
}

.f {
    max-width: 80rem;
    max-width: var(--max-width-lg)
}

.l {
    max-width: 90rem;
    max-width: var(--max-width-xl)
}

.c {
    max-width: 100rem;
    max-width: var(--max-width-xxl)
}

.h {
    max-width: 120rem;
    max-width: var(--max-width-xxxl)
}

.p {
    max-width: 150rem;
    max-width: var(--max-width-xxxxl)
}

.d,
.v,
.m,
.g,
.y {
    max-width: 38rem;
    max-width: var(--max-width-xs)
}

@media(min-width:64rem) {
    .d {
        max-width: 48rem;
        max-width: var(--max-width-sm)
    }

    .v,
    .m,
    .g,
    .y {
        max-width: 64rem;
        max-width: var(--max-width-md)
    }
}

@media(min-width:90rem) {

    .m,
    .g {
        max-width: 80rem;
        max-width: var(--max-width-lg)
    }

    .y {
        max-width: 90rem;
        max-width: var(--max-width-xl)
    }
}

.b {
    --grid-gap: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.b>* {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

[class*=grid-gap] {
    margin-bottom: -1em;
    margin-bottom: calc(-1*var(--grid-gap, 1em));
    margin-left: -1em;
    margin-left: calc(-1*var(--grid-gap, 1em))
}

[class*=grid-gap]>* {
    margin-bottom: 1em;
    margin-bottom: var(--grid-gap, 1em);
    margin-left: 1em;
    margin-left: var(--grid-gap, 1em)
}

.tgrid-gapn {
    --grid-gap: var(--space-xxxxs)
}

.rgrid-gapi {
    --grid-gap: var(--space-xxxs)
}

.sgrid-gapo {
    --grid-gap: var(--space-xxs)
}

.ugrid-gapa {
    --grid-gap: var(--space-xs)
}

.fgrid-gapl {
    --grid-gap: var(--space-sm)
}

.cgrid-gaph {
    --grid-gap: var(--space-md)
}

.pgrid-gapd {
    --grid-gap: var(--space-lg)
}

.vgrid-gapm {
    --grid-gap: var(--space-xl)
}

.ggrid-gapy {
    --grid-gap: var(--space-xxl)
}

.bgrid-gapw {
    --grid-gap: var(--space-xxxl)
}

.xgrid-gapk {
    --grid-gap: var(--space-xxxxl)
}

.w {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.x {
    -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(8.33% - 0.01px - 1em);
    flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(8.33% - 0.01px - 1em);
    max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
}

.k {
    -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(16.66% - 0.01px - 1em);
    flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(16.66% - 0.01px - 1em);
    max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
}

._ {
    -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(25% - 0.01px - 1em);
    flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(25% - 0.01px - 1em);
    max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
}

.j {
    -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(33.33% - 0.01px - 1em);
    flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(33.33% - 0.01px - 1em);
    max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
}

.q {
    -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(41.66% - 0.01px - 1em);
    flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(41.66% - 0.01px - 1em);
    max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
}

.z {
    -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(50% - 0.01px - 1em);
    flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(50% - 0.01px - 1em);
    max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
}

.te {
    -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(58.33% - 0.01px - 1em);
    flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(58.33% - 0.01px - 1em);
    max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
}

.tt {
    -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(66.66% - 0.01px - 1em);
    flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(66.66% - 0.01px - 1em);
    max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
}

.tn {
    -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(75% - 0.01px - 1em);
    flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(75% - 0.01px - 1em);
    max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
}

.tr {
    -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(83.33% - 0.01px - 1em);
    flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(83.33% - 0.01px - 1em);
    max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
}

.ti {
    -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(91.66% - 0.01px - 1em);
    flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(91.66% - 0.01px - 1em);
    max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
}

.ts {
    -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
    -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
    flex-basis: calc(100% - 0.01px - 1em);
    flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
    max-width: calc(100% - 0.01px - 1em);
    max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
}

@media(min-width:32rem) {
    .to {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .tu {
        -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(8.33% - 0.01px - 1em);
        flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(8.33% - 0.01px - 1em);
        max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
    }

    .ta {
        -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(16.66% - 0.01px - 1em);
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - 0.01px - 1em);
        max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
    }

    .tf {
        -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(25% - 0.01px - 1em);
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - 0.01px - 1em);
        max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
    }

    .tl {
        -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(33.33% - 0.01px - 1em);
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - 0.01px - 1em);
        max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
    }

    .tc {
        -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(41.66% - 0.01px - 1em);
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - 0.01px - 1em);
        max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
    }

    .th {
        -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(50% - 0.01px - 1em);
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - 0.01px - 1em);
        max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
    }

    .tp {
        -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(58.33% - 0.01px - 1em);
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - 0.01px - 1em);
        max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
    }

    .td {
        -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(66.66% - 0.01px - 1em);
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - 0.01px - 1em);
        max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
    }

    .tv {
        -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(75% - 0.01px - 1em);
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - 0.01px - 1em);
        max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
    }

    .tm {
        -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(83.33% - 0.01px - 1em);
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - 0.01px - 1em);
        max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
    }

    .tg {
        -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(91.66% - 0.01px - 1em);
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - 0.01px - 1em);
        max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
    }

    .ty {
        -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(100% - 0.01px - 1em);
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - 0.01px - 1em);
        max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
    }
}

@media(min-width:48rem) {
    .tb {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .tw {
        -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(8.33% - 0.01px - 1em);
        flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(8.33% - 0.01px - 1em);
        max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
    }

    .tx {
        -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(16.66% - 0.01px - 1em);
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - 0.01px - 1em);
        max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
    }

    .tk {
        -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(25% - 0.01px - 1em);
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - 0.01px - 1em);
        max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
    }

    .t_ {
        -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(33.33% - 0.01px - 1em);
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - 0.01px - 1em);
        max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
    }

    .tj {
        -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(41.66% - 0.01px - 1em);
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - 0.01px - 1em);
        max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
    }

    .tq {
        -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(50% - 0.01px - 1em);
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - 0.01px - 1em);
        max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
    }

    .tz {
        -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(58.33% - 0.01px - 1em);
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - 0.01px - 1em);
        max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
    }

    .ne {
        -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(66.66% - 0.01px - 1em);
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - 0.01px - 1em);
        max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
    }

    .nt {
        -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(75% - 0.01px - 1em);
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - 0.01px - 1em);
        max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
    }

    .nn {
        -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(83.33% - 0.01px - 1em);
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - 0.01px - 1em);
        max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nr {
        -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(91.66% - 0.01px - 1em);
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - 0.01px - 1em);
        max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
    }

    .ni {
        -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(100% - 0.01px - 1em);
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - 0.01px - 1em);
        max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
    }
}

@media(min-width:64rem) {
    .ns {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .no {
        -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(8.33% - 0.01px - 1em);
        flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(8.33% - 0.01px - 1em);
        max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nu {
        -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(16.66% - 0.01px - 1em);
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - 0.01px - 1em);
        max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
    }

    .na {
        -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(25% - 0.01px - 1em);
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - 0.01px - 1em);
        max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
    }

    .nf {
        -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(33.33% - 0.01px - 1em);
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - 0.01px - 1em);
        max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nl {
        -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(41.66% - 0.01px - 1em);
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - 0.01px - 1em);
        max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
    }

    .nc {
        -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(50% - 0.01px - 1em);
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - 0.01px - 1em);
        max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
    }

    .nh {
        -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(58.33% - 0.01px - 1em);
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - 0.01px - 1em);
        max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
    }

    .np {
        -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(66.66% - 0.01px - 1em);
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - 0.01px - 1em);
        max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
    }

    .nd {
        -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(75% - 0.01px - 1em);
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - 0.01px - 1em);
        max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
    }

    .nv {
        -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(83.33% - 0.01px - 1em);
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - 0.01px - 1em);
        max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nm {
        -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(91.66% - 0.01px - 1em);
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - 0.01px - 1em);
        max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
    }

    .ng {
        -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(100% - 0.01px - 1em);
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - 0.01px - 1em);
        max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
    }
}

@media(min-width:80rem) {
    .ny {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .nb {
        -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(8.33% - 0.01px - 1em);
        flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(8.33% - 0.01px - 1em);
        max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nw {
        -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(16.66% - 0.01px - 1em);
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - 0.01px - 1em);
        max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
    }

    .nx {
        -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(25% - 0.01px - 1em);
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - 0.01px - 1em);
        max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
    }

    .nk {
        -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(33.33% - 0.01px - 1em);
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - 0.01px - 1em);
        max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
    }

    .n_ {
        -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(41.66% - 0.01px - 1em);
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - 0.01px - 1em);
        max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
    }

    .nj {
        -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(50% - 0.01px - 1em);
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - 0.01px - 1em);
        max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
    }

    .nq {
        -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(58.33% - 0.01px - 1em);
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - 0.01px - 1em);
        max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
    }

    .nz {
        -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(66.66% - 0.01px - 1em);
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - 0.01px - 1em);
        max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
    }

    .re {
        -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(75% - 0.01px - 1em);
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - 0.01px - 1em);
        max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
    }

    .rt {
        -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(83.33% - 0.01px - 1em);
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - 0.01px - 1em);
        max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
    }

    .rn {
        -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(91.66% - 0.01px - 1em);
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - 0.01px - 1em);
        max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
    }

    .rr {
        -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(100% - 0.01px - 1em);
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - 0.01px - 1em);
        max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
    }
}

@media(min-width:90rem) {
    .ri {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .rs {
        -ms-flex-preferred-size: calc(8.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(8.33% - 0.01px - 1em);
        flex-basis: calc(8.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(8.33% - 0.01px - 1em);
        max-width: calc(8.33% - 0.01px - var(--grid-gap, 1em))
    }

    .ro {
        -ms-flex-preferred-size: calc(16.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(16.66% - 0.01px - 1em);
        flex-basis: calc(16.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(16.66% - 0.01px - 1em);
        max-width: calc(16.66% - 0.01px - var(--grid-gap, 1em))
    }

    .ru {
        -ms-flex-preferred-size: calc(25% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(25% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(25% - 0.01px - 1em);
        flex-basis: calc(25% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(25% - 0.01px - 1em);
        max-width: calc(25% - 0.01px - var(--grid-gap, 1em))
    }

    .ra {
        -ms-flex-preferred-size: calc(33.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(33.33% - 0.01px - 1em);
        flex-basis: calc(33.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(33.33% - 0.01px - 1em);
        max-width: calc(33.33% - 0.01px - var(--grid-gap, 1em))
    }

    .rf {
        -ms-flex-preferred-size: calc(41.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(41.66% - 0.01px - 1em);
        flex-basis: calc(41.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(41.66% - 0.01px - 1em);
        max-width: calc(41.66% - 0.01px - var(--grid-gap, 1em))
    }

    .rl {
        -ms-flex-preferred-size: calc(50% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(50% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(50% - 0.01px - 1em);
        flex-basis: calc(50% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(50% - 0.01px - 1em);
        max-width: calc(50% - 0.01px - var(--grid-gap, 1em))
    }

    .rc {
        -ms-flex-preferred-size: calc(58.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(58.33% - 0.01px - 1em);
        flex-basis: calc(58.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(58.33% - 0.01px - 1em);
        max-width: calc(58.33% - 0.01px - var(--grid-gap, 1em))
    }

    .rh {
        -ms-flex-preferred-size: calc(66.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(66.66% - 0.01px - 1em);
        flex-basis: calc(66.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(66.66% - 0.01px - 1em);
        max-width: calc(66.66% - 0.01px - var(--grid-gap, 1em))
    }

    .rp {
        -ms-flex-preferred-size: calc(75% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(75% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(75% - 0.01px - 1em);
        flex-basis: calc(75% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(75% - 0.01px - 1em);
        max-width: calc(75% - 0.01px - var(--grid-gap, 1em))
    }

    .rd {
        -ms-flex-preferred-size: calc(83.33% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(83.33% - 0.01px - 1em);
        flex-basis: calc(83.33% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(83.33% - 0.01px - 1em);
        max-width: calc(83.33% - 0.01px - var(--grid-gap, 1em))
    }

    .rv {
        -ms-flex-preferred-size: calc(91.66% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(91.66% - 0.01px - 1em);
        flex-basis: calc(91.66% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(91.66% - 0.01px - 1em);
        max-width: calc(91.66% - 0.01px - var(--grid-gap, 1em))
    }

    .rm {
        -ms-flex-preferred-size: calc(100% - 0.01px - 1em);
        -ms-flex-preferred-size: calc(100% - 0.01px - var(--grid-gap, 1em));
        flex-basis: calc(100% - 0.01px - 1em);
        flex-basis: calc(100% - 0.01px - var(--grid-gap, 1em));
        max-width: calc(100% - 0.01px - 1em);
        max-width: calc(100% - 0.01px - var(--grid-gap, 1em))
    }
}

:root {
    --radius-sm: calc(var(--radius, 0.25em)/2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em)*2);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
    --shadow-md: 0 1px 8px rgba(0, 0, 0, .085), 0 8px 24px rgba(0, 0, 0, .1);
    --shadow-lg: 0 1px 8px rgba(0, 0, 0, .085), 0 16px 48px rgba(0, 0, 0, .085), 0 24px 60px rgba(0, 0, 0, .085);
    --shadow-xl: 0 1px 8px rgba(0, 0, 0, .085), 0 16px 64px rgba(0, 0, 0, .15), 0 24px 100px rgba(0, 0, 0, .15);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)
}

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

/* body {
    font-size: 1em;
    font-size: var(--text-base-size, 1em);
    font-family: sans-serif;
    font-family: var(--font-primary, sans-serif);
    color: #313135;
    color: var(--color-contrast-high, #313135)
}

h1,
h2,
h3,
h4 {
    color: #1c1c21;
    color: var(--color-contrast-higher, #1c1c21);
    line-height: 1.2;
    line-height: var(--heading-line-height, 1.2)
} */

.rg {
    font-size: 2.48832em;
    font-size: var(--text-xxxl, 2.488em)
}

h1,
.ry {
    font-size: 2.0736em;
    font-size: var(--text-xxl, 2.074em)
}

h2,
.rb {
    font-size: 1.728em;
    font-size: var(--text-xl, 1.728em)
}

h3,
.rw {
    font-size: 1.44em;
    font-size: var(--text-lg, 1.44em)
}

h4,
.text-md {
    font-size: 1.2em;
    font-size: var(--text-md, 1.2em)
}

small,
.rx {
    font-size: .83333em;
    font-size: var(--text-sm, 0.833em)
}

.rk {
    font-size: .69444em;
    font-size: var(--text-xs, 0.694em)
}

/* a, */
.t {
    color: #2a6df4;
    color: var(--color-primary, #2a6df4);
    text-decoration: underline
}

strong,
.r_ {
    font-weight: 700
}

s {
    text-decoration: line-through
}

u,
.rj {
    text-decoration: underline
}

.text-component h1,
.text-component h2,
.text-component h3,
.text-component h4 {
    line-height: 1.2;
    line-height: calc(var(--heading-line-height)*var(--line-height-multiplier, 1));
    margin-bottom: .25em;
    margin-bottom: calc(var(--space-unit)*0.25*var(--text-vspace-multiplier, 1))
}

.text-component h2,
.text-component h3,
.text-component h4 {
    margin-top: .75em;
    margin-top: calc(var(--space-unit)*0.75*var(--text-vspace-multiplier, 1))
}

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

.text-component ul,
.text-component ol,
.text-component p,
.text-component blockquote,
.text-component .rq {
    margin-bottom: .75em;
    margin-bottom: calc(var(--space-unit)*0.75*var(--text-vspace-multiplier, 1))
}

.text-component ul,
.text-component ol {
    padding-left: 1em
}

.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: .5em;
    margin-top: calc(var(--space-unit)*0.5)
}

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

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

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

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

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

@media(min-width:48rem) {

    .ie,
    .it {
        width: 45%
    }

    .ie img,
    .it img {
        width: 100%
    }

    .ie {
        float: left;
        margin-right: .75em;
        margin-right: calc(var(--space-unit)*0.75*var(--text-vspace-multiplier, 1))
    }

    .it {
        float: right;
        margin-left: .75em;
        margin-left: calc(var(--space-unit)*0.75*var(--text-vspace-multiplier, 1))
    }
}

@media(min-width:90rem) {
    .in {
        width: calc(100% + 10.5em);
        width: calc(100% + 10.5*var(--space-unit))
    }

    .in img {
        width: 100%
    }

    .in:not(.it) {
        margin-left: -5.25em;
        margin-left: calc(-5.25*var(--space-unit))
    }

    .ie,
    .it {
        width: 50%
    }

    .it.in {
        margin-right: -5.25em;
        margin-right: calc(-5.25*var(--space-unit))
    }
}

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

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

.ir {
    font-size: 12px;
    font-size: var(--icon-xxs)
}

.ii {
    font-size: 16px;
    font-size: var(--icon-xs)
}

.is {
    font-size: 24px;
    font-size: var(--icon-sm)
}

.io {
    font-size: 32px;
    font-size: var(--icon-md)
}

.iu {
    font-size: 48px;
    font-size: var(--icon-lg)
}

.ia {
    font-size: 64px;
    font-size: var(--icon-xl)
}

.if {
    font-size: 128px;
    font-size: var(--icon-xxl)
}

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

.btn--primary {
    background-color: #2a6df4;
    background-color: var(--color-primary, #2a6df4);
    color: #fff;
    color: var(--color-white, white)
}

.btn--subtle {
    background-color: #d3d3d4;
    background-color: var(--color-contrast-low, #d3d3d4);
    color: #1c1c21;
    color: var(--color-contrast-higher, #1c1c21)
}

.btn--accent {
    background-color: #e02447;
    background-color: var(--color-accent, #e02447);
    color: #fff;
    color: var(--color-white, white)
}

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

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

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

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

.form-control {
    background-color: #fff;
    background-color: var(--color-bg, #f2f2f2);
    padding-top: .5em;
    padding-top: var(--form-control-padding-y, 0.5em);
    padding-bottom: .5em;
    padding-bottom: var(--form-control-padding-y, 0.5em);
    padding-left: .75em;
    padding-left: var(--form-control-padding-x, 0.75em);
    padding-right: .75em;
    padding-right: var(--form-control-padding-x, 0.75em);
    border-radius: .25em;
    border-radius: var(--form-control-radius, 0.25em)
}

.form-control::-webkit-input-placeholder {
    color: #79797c;
    color: var(--color-contrast-medium, #79797c)
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #79797c;
    color: var(--color-contrast-medium, #79797c)
}

.form-control:-ms-input-placeholder {
    color: #79797c;
    color: var(--color-contrast-medium, #79797c)
}

.form-control:-moz-placeholder {
    color: #79797c;
    color: var(--color-contrast-medium, #79797c)
}

.form-legend {
    color: #1c1c21;
    color: var(--color-contrast-higher, #1c1c21);
    line-height: 1.2;
    font-size: 1.2em;
    font-size: var(--text-md, 1.2em);
    margin-bottom: .375em;
    margin-bottom: var(--space-xxs)
}

.form-label {
    display: inline-block
}

.ic,
.ih {
    color: #e02447;
    color: var(--color-error, #e02447);
    font-size: .83333em;
    font-size: var(--text-sm, 0.833em);
    margin-top: .375em;
    margin-top: var(--space-xxs);
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

.ip,
.id {
    position: relative;
    clip: auto
}

.iv>*,
.im>* {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

.iv label,
.im label {
    line-height: 1.4;
    line-height: var(--body-line-height)
}

.iv input,
.im input {
    margin-right: .25em;
    margin-right: var(--space-xxxs);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

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

:root {
    --display: block
}

.ig {
    display: block !important;
    display: var(--display) !important
}

.iy {
    display: none !important
}

.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    border: 0;
    white-space: nowrap
}

.ib {
    display: -ms-flexbox;
    display: flex
}

.iw {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ix {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ik {
    -ms-flex-direction: column;
    flex-direction: column
}

.i_ {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.ij {
    -ms-flex-direction: row;
    flex-direction: row
}

.iq {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.iz {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.se {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.st {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sn {
    -ms-flex-pack: center;
    justify-content: center
}

.sr {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.si {
    -ms-flex-align: center;
    align-items: center
}

.ss {
    -ms-flex-align: start;
    align-items: flex-start
}

.so {
    -ms-flex-align: end;
    align-items: flex-end
}

.su {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.sa {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.sf {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.sl {
    margin-bottom: -.25em;
    margin-bottom: calc(-1*var(--space-xxxs));
    margin-left: -.25em;
    margin-left: calc(-1*var(--space-xxxs))
}

.sl>* {
    margin-bottom: .25em;
    margin-bottom: var(--space-xxxs);
    margin-left: .25em;
    margin-left: var(--space-xxxs)
}

.sc {
    margin-bottom: -.375em;
    margin-bottom: calc(-1*var(--space-xxs));
    margin-left: -.375em;
    margin-left: calc(-1*var(--space-xxs))
}

.sc>* {
    margin-bottom: .375em;
    margin-bottom: var(--space-xxs);
    margin-left: .375em;
    margin-left: var(--space-xxs)
}

.sh {
    margin-bottom: -.5em;
    margin-bottom: calc(-1*var(--space-xs));
    margin-left: -.5em;
    margin-left: calc(-1*var(--space-xs))
}

.sh>* {
    margin-bottom: .5em;
    margin-bottom: var(--space-xs);
    margin-left: .5em;
    margin-left: var(--space-xs)
}

.sp {
    margin-bottom: -.75em;
    margin-bottom: calc(-1*var(--space-sm));
    margin-left: -.75em;
    margin-left: calc(-1*var(--space-sm))
}

.sp>* {
    margin-bottom: .75em;
    margin-bottom: var(--space-sm);
    margin-left: .75em;
    margin-left: var(--space-sm)
}

.sd {
    margin-bottom: -1.25em;
    margin-bottom: calc(-1*var(--space-md));
    margin-left: -1.25em;
    margin-left: calc(-1*var(--space-md))
}

.sd>* {
    margin-bottom: 1.25em;
    margin-bottom: var(--space-md);
    margin-left: 1.25em;
    margin-left: var(--space-md)
}

.sv {
    margin-bottom: -2em;
    margin-bottom: calc(-1*var(--space-lg));
    margin-left: -2em;
    margin-left: calc(-1*var(--space-lg))
}

.sv>* {
    margin-bottom: 2em;
    margin-bottom: var(--space-lg);
    margin-left: 2em;
    margin-left: var(--space-lg)
}

.sm {
    margin-bottom: -3.25em;
    margin-bottom: calc(-1*var(--space-xl));
    margin-left: -3.25em;
    margin-left: calc(-1*var(--space-xl))
}

.sm>* {
    margin-bottom: 3.25em;
    margin-bottom: var(--space-xl);
    margin-left: 3.25em;
    margin-left: var(--space-xl)
}

.sg {
    margin-bottom: -5.25em;
    margin-bottom: calc(-1*var(--space-xxl));
    margin-left: -5.25em;
    margin-left: calc(-1*var(--space-xxl))
}

.sg>* {
    margin-bottom: 5.25em;
    margin-bottom: var(--space-xxl);
    margin-left: 5.25em;
    margin-left: var(--space-xxl)
}

.sy {
    margin-bottom: -8.5em;
    margin-bottom: calc(-1*var(--space-xxxl));
    margin-left: -8.5em;
    margin-left: calc(-1*var(--space-xxxl))
}

.sy>* {
    margin-bottom: 8.5em;
    margin-bottom: var(--space-xxxl);
    margin-left: 8.5em;
    margin-left: var(--space-xxxl)
}

.sb {
    display: block
}

.sw {
    display: inline-block
}

.sx {
    display: inline
}

.sk {
    margin: .125em;
    margin: var(--space-xxxxs)
}

.s_ {
    margin: .25em;
    margin: var(--space-xxxs)
}

.sj {
    margin: .375em;
    margin: var(--space-xxs)
}

.sq {
    margin: .5em;
    margin: var(--space-xs)
}

.sz {
    margin: .75em;
    margin: var(--space-sm)
}

.oe {
    margin: 1.25em;
    margin: var(--space-md)
}

.ot {
    margin: 2em;
    margin: var(--space-lg)
}

.on {
    margin: 3.25em;
    margin: var(--space-xl)
}

.or {
    margin: 5.25em;
    margin: var(--space-xxl)
}

.oi {
    margin: 8.5em;
    margin: var(--space-xxxl)
}

.os {
    margin: 13.75em;
    margin: var(--space-xxxxl)
}

.oo {
    margin: auto
}

.ou {
    margin-top: .125em;
    margin-top: var(--space-xxxxs)
}

.oa {
    margin-top: .25em;
    margin-top: var(--space-xxxs)
}

.of {
    margin-top: .375em;
    margin-top: var(--space-xxs)
}

.ol {
    margin-top: .5em;
    margin-top: var(--space-xs)
}

.oc {
    margin-top: .75em;
    margin-top: var(--space-sm)
}

.oh {
    margin-top: 1.25em;
    margin-top: var(--space-md)
}

.op {
    margin-top: 2em;
    margin-top: var(--space-lg)
}

.od {
    margin-top: 3.25em;
    margin-top: var(--space-xl)
}

.ov {
    margin-top: 5.25em;
    margin-top: var(--space-xxl)
}

.om {
    margin-top: 8.5em;
    margin-top: var(--space-xxxl)
}

.og {
    margin-top: 13.75em;
    margin-top: var(--space-xxxxl)
}

.oy {
    margin-top: auto
}

.ob {
    margin-bottom: .125em;
    margin-bottom: var(--space-xxxxs)
}

.ow {
    margin-bottom: .25em;
    margin-bottom: var(--space-xxxs)
}

.ox {
    margin-bottom: .375em;
    margin-bottom: var(--space-xxs)
}

.ok {
    margin-bottom: .5em;
    margin-bottom: var(--space-xs)
}

.o_ {
    margin-bottom: .75em;
    margin-bottom: var(--space-sm)
}

.oj {
    margin-bottom: 1.25em;
    margin-bottom: var(--space-md)
}

.oq {
    margin-bottom: 2em;
    margin-bottom: var(--space-lg)
}

.oz {
    margin-bottom: 3.25em;
    margin-bottom: var(--space-xl)
}

.ue {
    margin-bottom: 5.25em;
    margin-bottom: var(--space-xxl)
}

.ut {
    margin-bottom: 8.5em;
    margin-bottom: var(--space-xxxl)
}

.un {
    margin-bottom: 13.75em;
    margin-bottom: var(--space-xxxxl)
}

.ur {
    margin-bottom: auto
}

.ui {
    margin-right: .125em;
    margin-right: var(--space-xxxxs)
}

.us {
    margin-right: .25em;
    margin-right: var(--space-xxxs)
}

.uo {
    margin-right: .375em;
    margin-right: var(--space-xxs)
}

.uu {
    margin-right: .5em;
    margin-right: var(--space-xs)
}

.ua {
    margin-right: .75em;
    margin-right: var(--space-sm)
}

.uf {
    margin-right: 1.25em;
    margin-right: var(--space-md)
}

.ul {
    margin-right: 2em;
    margin-right: var(--space-lg)
}

.uc {
    margin-right: 3.25em;
    margin-right: var(--space-xl)
}

.uh {
    margin-right: 5.25em;
    margin-right: var(--space-xxl)
}

.up {
    margin-right: 8.5em;
    margin-right: var(--space-xxxl)
}

.ud {
    margin-right: 13.75em;
    margin-right: var(--space-xxxxl)
}

.uv {
    margin-right: auto
}

.um {
    margin-left: .125em;
    margin-left: var(--space-xxxxs)
}

.ug {
    margin-left: .25em;
    margin-left: var(--space-xxxs)
}

.uy {
    margin-left: .375em;
    margin-left: var(--space-xxs)
}

.ub {
    margin-left: .5em;
    margin-left: var(--space-xs)
}

.uw {
    margin-left: .75em;
    margin-left: var(--space-sm)
}

.ux {
    margin-left: 1.25em;
    margin-left: var(--space-md)
}

.uk {
    margin-left: 2em;
    margin-left: var(--space-lg)
}

.u_ {
    margin-left: 3.25em;
    margin-left: var(--space-xl)
}

.uj {
    margin-left: 5.25em;
    margin-left: var(--space-xxl)
}

.uq {
    margin-left: 8.5em;
    margin-left: var(--space-xxxl)
}

.uz {
    margin-left: 13.75em;
    margin-left: var(--space-xxxxl)
}

.ae {
    margin-left: auto
}

.at {
    margin-left: .125em;
    margin-left: var(--space-xxxxs);
    margin-right: .125em;
    margin-right: var(--space-xxxxs)
}

.an {
    margin-left: .25em;
    margin-left: var(--space-xxxs);
    margin-right: .25em;
    margin-right: var(--space-xxxs)
}

.ar {
    margin-left: .375em;
    margin-left: var(--space-xxs);
    margin-right: .375em;
    margin-right: var(--space-xxs)
}

.ai {
    margin-left: .5em;
    margin-left: var(--space-xs);
    margin-right: .5em;
    margin-right: var(--space-xs)
}

.as {
    margin-left: .75em;
    margin-left: var(--space-sm);
    margin-right: .75em;
    margin-right: var(--space-sm)
}

.ao {
    margin-left: 1.25em;
    margin-left: var(--space-md);
    margin-right: 1.25em;
    margin-right: var(--space-md)
}

.au {
    margin-left: 2em;
    margin-left: var(--space-lg);
    margin-right: 2em;
    margin-right: var(--space-lg)
}

.aa {
    margin-left: 3.25em;
    margin-left: var(--space-xl);
    margin-right: 3.25em;
    margin-right: var(--space-xl)
}

.af {
    margin-left: 5.25em;
    margin-left: var(--space-xxl);
    margin-right: 5.25em;
    margin-right: var(--space-xxl)
}

.al {
    margin-left: 8.5em;
    margin-left: var(--space-xxxl);
    margin-right: 8.5em;
    margin-right: var(--space-xxxl)
}

.ac {
    margin-left: 13.75em;
    margin-left: var(--space-xxxxl);
    margin-right: 13.75em;
    margin-right: var(--space-xxxxl)
}

.ah {
    margin-left: auto;
    margin-right: auto
}

.ap {
    margin-top: .125em;
    margin-top: var(--space-xxxxs);
    margin-bottom: .125em;
    margin-bottom: var(--space-xxxxs)
}

.ad {
    margin-top: .25em;
    margin-top: var(--space-xxxs);
    margin-bottom: .25em;
    margin-bottom: var(--space-xxxs)
}

.av {
    margin-top: .375em;
    margin-top: var(--space-xxs);
    margin-bottom: .375em;
    margin-bottom: var(--space-xxs)
}

.am {
    margin-top: .5em;
    margin-top: var(--space-xs);
    margin-bottom: .5em;
    margin-bottom: var(--space-xs)
}

.ag {
    margin-top: .75em;
    margin-top: var(--space-sm);
    margin-bottom: .75em;
    margin-bottom: var(--space-sm)
}

.ay {
    margin-top: 1.25em;
    margin-top: var(--space-md);
    margin-bottom: 1.25em;
    margin-bottom: var(--space-md)
}

.ab {
    margin-top: 2em;
    margin-top: var(--space-lg);
    margin-bottom: 2em;
    margin-bottom: var(--space-lg)
}

.aw {
    margin-top: 3.25em;
    margin-top: var(--space-xl);
    margin-bottom: 3.25em;
    margin-bottom: var(--space-xl)
}

.ax {
    margin-top: 5.25em;
    margin-top: var(--space-xxl);
    margin-bottom: 5.25em;
    margin-bottom: var(--space-xxl)
}

.ak {
    margin-top: 8.5em;
    margin-top: var(--space-xxxl);
    margin-bottom: 8.5em;
    margin-bottom: var(--space-xxxl)
}

.a_ {
    margin-top: 13.75em;
    margin-top: var(--space-xxxxl);
    margin-bottom: 13.75em;
    margin-bottom: var(--space-xxxxl)
}

.aj {
    margin-top: auto;
    margin-bottom: auto
}

.aq {
    padding: .125em;
    padding: var(--space-xxxxs)
}

.az {
    padding: .25em;
    padding: var(--space-xxxs)
}

.fe {
    padding: .375em;
    padding: var(--space-xxs)
}

.ft {
    padding: .5em;
    padding: var(--space-xs)
}

.fn {
    padding: .75em;
    padding: var(--space-sm)
}

.fr {
    padding: 1.25em;
    padding: var(--space-md)
}

.fi {
    padding: 2em;
    padding: var(--space-lg)
}

.fs {
    padding: 3.25em;
    padding: var(--space-xl)
}

.fo {
    padding: 5.25em;
    padding: var(--space-xxl)
}

.fu {
    padding: 8.5em;
    padding: var(--space-xxxl)
}

.fa {
    /* padding: 13.75em;
    padding: var(--space-xxxxl) */
}

.ff {
    padding: 1.25em;
    padding: var(--component-padding)
}

.fl {
    padding-top: .125em;
    padding-top: var(--space-xxxxs)
}

.fc {
    padding-top: .25em;
    padding-top: var(--space-xxxs)
}

.fh {
    padding-top: .375em;
    padding-top: var(--space-xxs)
}

.fp {
    padding-top: .5em;
    padding-top: var(--space-xs)
}

.fd {
    padding-top: .75em;
    padding-top: var(--space-sm)
}

.fv {
    padding-top: 1.25em;
    padding-top: var(--space-md)
}

.fm {
    padding-top: 2em;
    padding-top: var(--space-lg)
}

.fg {
    padding-top: 3.25em;
    padding-top: var(--space-xl)
}

.fy {
    padding-top: 5.25em;
    padding-top: var(--space-xxl)
}

.fb {
    padding-top: 8.5em;
    padding-top: var(--space-xxxl)
}

.fw {
    padding-top: 13.75em;
    padding-top: var(--space-xxxxl)
}

.fx {
    padding-top: 1.25em;
    padding-top: var(--component-padding)
}

.fk {
    padding-bottom: .125em;
    padding-bottom: var(--space-xxxxs)
}

.f_ {
    padding-bottom: .25em;
    padding-bottom: var(--space-xxxs)
}

.fj {
    padding-bottom: .375em;
    padding-bottom: var(--space-xxs)
}

.fq {
    padding-bottom: .5em;
    padding-bottom: var(--space-xs)
}

.fz {
    padding-bottom: .75em;
    padding-bottom: var(--space-sm)
}

.le {
    padding-bottom: 1.25em;
    padding-bottom: var(--space-md)
}

.lt {
    padding-bottom: 2em;
    padding-bottom: var(--space-lg)
}

.ln {
    padding-bottom: 3.25em;
    padding-bottom: var(--space-xl)
}

.lr {
    padding-bottom: 5.25em;
    padding-bottom: var(--space-xxl)
}

.li {
    padding-bottom: 8.5em;
    padding-bottom: var(--space-xxxl)
}

.ls {
    padding-bottom: 13.75em;
    padding-bottom: var(--space-xxxxl)
}

.lo {
    padding-bottom: 1.25em;
    padding-bottom: var(--component-padding)
}

.lu {
    padding-right: .125em;
    padding-right: var(--space-xxxxs)
}

.la {
    padding-right: .25em;
    padding-right: var(--space-xxxs)
}

.lf {
    padding-right: .375em;
    padding-right: var(--space-xxs)
}

.ll {
    padding-right: .5em;
    padding-right: var(--space-xs)
}

.lc {
    padding-right: .75em;
    padding-right: var(--space-sm)
}

.lh {
    padding-right: 1.25em;
    padding-right: var(--space-md)
}

.lp {
    padding-right: 2em;
    padding-right: var(--space-lg)
}

.ld {
    padding-right: 3.25em;
    padding-right: var(--space-xl)
}

.lv {
    padding-right: 5.25em;
    padding-right: var(--space-xxl)
}

.lm {
    padding-right: 8.5em;
    padding-right: var(--space-xxxl)
}

.lg {
    padding-right: 13.75em;
    padding-right: var(--space-xxxxl)
}

.ly {
    padding-right: 1.25em;
    padding-right: var(--component-padding)
}

.lb {
    padding-left: .125em;
    padding-left: var(--space-xxxxs)
}

.lw {
    padding-left: .25em;
    padding-left: var(--space-xxxs)
}

.lx {
    padding-left: .375em;
    padding-left: var(--space-xxs)
}

.lk {
    padding-left: .5em;
    padding-left: var(--space-xs)
}

.l_ {
    padding-left: .75em;
    padding-left: var(--space-sm)
}

.lj {
    padding-left: 1.25em;
    padding-left: var(--space-md)
}

.lq {
    padding-left: 2em;
    padding-left: var(--space-lg)
}

.lz {
    padding-left: 3.25em;
    padding-left: var(--space-xl)
}

.ce {
    padding-left: 5.25em;
    padding-left: var(--space-xxl)
}

.ct {
    padding-left: 8.5em;
    padding-left: var(--space-xxxl)
}

.cn {
    padding-left: 13.75em;
    padding-left: var(--space-xxxxl)
}

.cr {
    padding-left: 1.25em;
    padding-left: var(--component-padding)
}

.ci {
    padding-left: .125em;
    padding-left: var(--space-xxxxs);
    padding-right: .125em;
    padding-right: var(--space-xxxxs)
}

.cs {
    padding-left: .25em;
    padding-left: var(--space-xxxs);
    padding-right: .25em;
    padding-right: var(--space-xxxs)
}

.co {
    padding-left: .375em;
    padding-left: var(--space-xxs);
    padding-right: .375em;
    padding-right: var(--space-xxs)
}

.cu {
    padding-left: .5em;
    padding-left: var(--space-xs);
    padding-right: .5em;
    padding-right: var(--space-xs)
}

.ca {
    padding-left: .75em;
    padding-left: var(--space-sm);
    padding-right: .75em;
    padding-right: var(--space-sm)
}

.cf {
    padding-left: 1.25em;
    padding-left: var(--space-md);
    padding-right: 1.25em;
    padding-right: var(--space-md)
}

.cl {
    padding-left: 2em;
    padding-left: var(--space-lg);
    padding-right: 2em;
    padding-right: var(--space-lg)
}

.cc {
    padding-left: 3.25em;
    padding-left: var(--space-xl);
    padding-right: 3.25em;
    padding-right: var(--space-xl)
}

.ch {
    padding-left: 5.25em;
    padding-left: var(--space-xxl);
    padding-right: 5.25em;
    padding-right: var(--space-xxl)
}

.cp {
    padding-left: 8.5em;
    padding-left: var(--space-xxxl);
    padding-right: 8.5em;
    padding-right: var(--space-xxxl)
}

.cd {
    padding-left: 13.75em;
    padding-left: var(--space-xxxxl);
    padding-right: 13.75em;
    padding-right: var(--space-xxxxl)
}

.cv {
    padding-left: 1.25em;
    padding-left: var(--component-padding);
    padding-right: 1.25em;
    padding-right: var(--component-padding)
}

.cm {
    padding-top: .125em;
    padding-top: var(--space-xxxxs);
    padding-bottom: .125em;
    padding-bottom: var(--space-xxxxs)
}

.cg {
    padding-top: .25em;
    padding-top: var(--space-xxxs);
    padding-bottom: .25em;
    padding-bottom: var(--space-xxxs)
}

.cy {
    padding-top: .375em;
    padding-top: var(--space-xxs);
    padding-bottom: .375em;
    padding-bottom: var(--space-xxs)
}

.cb {
    padding-top: .5em;
    padding-top: var(--space-xs);
    padding-bottom: .5em;
    padding-bottom: var(--space-xs)
}

.cw {
    padding-top: .75em;
    padding-top: var(--space-sm);
    padding-bottom: .75em;
    padding-bottom: var(--space-sm)
}

.cx {
    padding-top: 1.25em;
    padding-top: var(--space-md);
    padding-bottom: 1.25em;
    padding-bottom: var(--space-md)
}

.ck {
    padding-top: 2em;
    padding-top: var(--space-lg);
    padding-bottom: 2em;
    padding-bottom: var(--space-lg)
}

.c_ {
    padding-top: 3.25em;
    padding-top: var(--space-xl);
    padding-bottom: 3.25em;
    padding-bottom: var(--space-xl)
}

.cj {
    padding-top: 5.25em;
    padding-top: var(--space-xxl);
    padding-bottom: 5.25em;
    padding-bottom: var(--space-xxl)
}

.cq {
    padding-top: 8.5em;
    padding-top: var(--space-xxxl);
    padding-bottom: 8.5em;
    padding-bottom: var(--space-xxxl)
}

.cz {
    padding-top: 13.75em;
    padding-top: var(--space-xxxxl);
    padding-bottom: 13.75em;
    padding-bottom: var(--space-xxxxl)
}

.he {
    padding-top: 1.25em;
    padding-top: var(--component-padding);
    padding-bottom: 1.25em;
    padding-bottom: var(--component-padding)
}

.ht {
    vertical-align: baseline
}

.hn {
    vertical-align: top
}

.hr {
    vertical-align: middle
}

.hi {
    vertical-align: bottom
}

.hs,
.ho {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

.ha {
    white-space: nowrap
}

.hf {
    text-align: center
}

.hl {
    text-align: left
}

.hc {
    text-align: right
}

.hh {
    --heading-line-height: 1;
    --body-line-height: 1
}

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

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

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

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

.hg {
    --text-vspace-multiplier: 0.25 !important
}

.hy {
    --text-vspace-multiplier: 0.5 !important
}

.hb {
    --text-vspace-multiplier: 0.75 !important
}

.hw {
    --text-vspace-multiplier: 1.25 !important
}

.hx {
    --text-vspace-multiplier: 1.5 !important
}

.hk {
    --text-vspace-multiplier: 1.75 !important
}

.h_ {
    --text-vspace-multiplier: 2 !important
}

.hj {
    color: inherit
}

.hq {
    color: #fff;
    color: var(--color-bg, white)
}

.hz {
    color: #f2f2f2;
    color: var(--color-contrast-lower, #f2f2f2)
}

.pe {
    color: #d3d3d4;
    color: var(--color-contrast-low, #d3d3d4)
}

.pt {
    color: #79797c;
    color: var(--color-contrast-medium, #79797c)
}

.pn {
    color: #313135;
    color: var(--color-contrast-high, #313135)
}

.pr {
    color: #1c1c21;
    color: var(--color-contrast-higher, #1c1c21)
}

.pi {
    color: #2a6df4;
    color: var(--color-primary, #2a6df4)
}

.ps {
    color: #e02447;
    color: var(--color-accent, #f54251)
}

.po {
    color: #88c559;
    color: var(--color-success, #88c559)
}

.pu {
    color: #ffd138;
    color: var(--color-warning, #ffd138)
}

.pa {
    color: #e02447;
    color: var(--color-error, #f54251)
}

.pf {
    color: #fff;
    color: var(--color-white, white)
}

.pl {
    color: #1c1c21;
    color: var(--color-black, black)
}

.pc {
    width: .25rem
}

.ph {
    width: .5rem
}

.pp {
    width: .75rem
}

.pd {
    width: 1rem
}

.pv {
    width: 1.5rem
}

.pm {
    width: 2rem
}

.pg {
    width: 3rem
}

.py {
    width: 4rem
}

.pb {
    width: 6rem
}

.pw {
    width: 8rem
}

.px {
    width: 16rem
}

.pk {
    width: 10%
}

.p_ {
    width: 20%
}

.pj {
    width: 25%
}

.pq {
    width: 30%
}

.pz {
    width: 33.33333%
}

.de {
    width: 40%
}

.dt {
    width: 50%
}

.dn {
    width: 60%
}

.dr {
    width: 66.66667%
}

.di {
    width: 70%
}

.ds {
    width: 75%
}

.do {
    width: 80%
}

.du {
    width: 90%
}

.da {
    width: 100%
}

.df {
    height: .25rem
}

.dl {
    height: .5rem
}

.dc {
    height: .75rem
}

.dh {
    height: 1rem
}

.dp {
    height: 1.5rem
}

.dd {
    height: 2rem
}

.dv {
    height: 3rem
}

.dm {
    height: 4rem
}

.dg {
    height: 6rem
}

.dy {
    height: 8rem
}

.db {
    height: 16rem
}

.dw {
    height: 10%
}

.dx {
    height: 20%
}

.dk {
    height: 25%
}

.d_ {
    height: 30%
}

.dj {
    height: 33.33333%
}

.dq {
    height: 40%
}

.dz {
    height: 50%
}

.ve {
    height: 60%
}

.vt {
    height: 66.66667%
}

.vn {
    height: 70%
}

.vr {
    height: 75%
}

.vi {
    height: 80%
}

.vs {
    height: 90%
}

.vo {
    height: 100%
}

.vu {
    min-width: 0
}

.va {
    min-width: 25%
}

.vf {
    min-width: 33.33333%
}

.vl {
    min-width: 50%
}

.vc {
    min-width: 66.66667%
}

.vh {
    min-width: 75%
}

.vp {
    min-width: 100%
}

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

.vd iframe,
.vd video,
.vd img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vd video,
.vd img {
    -o-object-fit: cover;
    object-fit: cover
}

.vv {
    padding-bottom: 75%
}

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

.vg {
    border: 1px solid #d3d3d4;
    border: 1px solid var(--color-contrast-low, #d3d3d4)
}

.vy {
    border-top: 1px solid #d3d3d4;
    border-top: 1px solid var(--color-contrast-low, #d3d3d4)
}

.vb {
    border-bottom: 1px solid #d3d3d4;
    border-bottom: 1px solid var(--color-contrast-low, #d3d3d4)
}

.vw {
    border-left: 1px solid #d3d3d4;
    border-left: 1px solid var(--color-contrast-low, #d3d3d4)
}

.vx {
    border-right: 1px solid #d3d3d4;
    border-right: 1px solid var(--color-contrast-low, #d3d3d4)
}

.vk {
    border-width: 2px
}

.v_ {
    border-color: #f2f2f2;
    border-color: var(--color-contrast-lower, #f2f2f2)
}

.vj {
    border-color: #79797c;
    border-color: var(--color-contrast-medium, #79797c)
}

.vq {
    border-radius: .25em;
    border-radius: var(--radius-sm)
}

.vz {
    border-radius: .25em;
    border-radius: var(--radius-md)
}

.me {
    border-radius: .25em;
    border-radius: var(--radius-lg)
}

.mt {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-xs)
}

.mn {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-sm)
}

.mr {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .085), 0 8px 24px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-md)
}

.mi {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .085), 0 16px 48px rgba(0, 0, 0, .085), 0 24px 60px rgba(0, 0, 0, .085);
    box-shadow: var(--shadow-lg)
}

.ms {
    box-shadow: 0 1px 8px rgba(0, 0, 0, .085), 0 16px 64px rgba(0, 0, 0, .15), 0 24px 100px rgba(0, 0, 0, .15);
    box-shadow: var(--shadow-xl)
}

.mo {
    background-color: inherit
}

.mu {
    background-color: #fff;
    background-color: var(--color-bg, white)
}

.ma {
    background-color: #f2f2f2;
    background-color: var(--color-contrast-lower, #f2f2f2)
}

.mf {
    background-color: #d3d3d4;
    background-color: var(--color-contrast-low, #d3d3d4)
}

.ml {
    background-color: #79797c;
    background-color: var(--color-contrast-medium, #79797c)
}

.mc {
    background-color: #313135;
    background-color: var(--color-contrast-high, #313135)
}

.mh {
    background-color: #1c1c21;
    background-color: var(--color-contrast-higher, #1c1c21)
}

.mp {
    background-color: #2a6df4;
    background-color: var(--color-primary, #2a6df4)
}

.md {
    background-color: #e02447;
    background-color: var(--color-accent, #f54251)
}

.mv {
    background-color: #88c559;
    background-color: var(--color-success, #88c559)
}

.mm {
    background-color: #ffd138;
    background-color: var(--color-warning, #ffd138)
}

.mg {
    background-color: #e02447;
    background-color: var(--color-error, #f54251)
}

.my {
    background-color: #fff;
    background-color: var(--color-white, white)
}

.mb {
    background-color: #1c1c21;
    background-color: var(--color-black, black)
}

@media(min-width:32rem) {
    .mw {
        display: -ms-flexbox;
        display: flex
    }

    .mx {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .mk {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .m_ {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mj {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .mq {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .mz {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .ge {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .gt {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .gn {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .gr {
        -ms-flex-pack: center;
        justify-content: center
    }

    .gi {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .gs {
        -ms-flex-align: center;
        align-items: center
    }

    .go {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .gu {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .ga {
        display: block
    }

    .gf {
        display: inline-block
    }

    .gl {
        display: inline
    }

    .gc {
        text-align: center
    }

    .gh {
        text-align: left
    }

    .gp {
        text-align: right
    }

    .gd {
        display: none !important
    }
}

@media(min-width:48rem) {
    .gv {
        display: -ms-flexbox;
        display: flex
    }

    .gm {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .gg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gy {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .gb {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .gw {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .gx {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .gk {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .g_ {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .gj {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .gq {
        -ms-flex-pack: center;
        justify-content: center
    }

    .gz {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .ye {
        -ms-flex-align: center;
        align-items: center
    }

    .yt {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .yn {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .yr {
        display: block
    }

    .yi {
        display: inline-block
    }

    .ys {
        display: inline
    }

    .yo {
        text-align: center
    }

    .yu {
        text-align: left
    }

    .ya {
        text-align: right
    }

    .yf {
        display: none !important
    }
}

@media(min-width:64rem) {
    .yl {
        display: -ms-flexbox;
        display: flex
    }

    .yc {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .yh {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .yp {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .yd {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .yv {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ym {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .yg {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .yy {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .yb {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .yw {
        -ms-flex-pack: center;
        justify-content: center
    }

    .yx {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .yk {
        -ms-flex-align: center;
        align-items: center
    }

    .y_ {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .yj {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .yq {
        display: block
    }

    .yz {
        display: inline-block
    }

    .be {
        display: inline
    }

    .bt {
        text-align: center
    }

    .bn {
        text-align: left
    }

    .br {
        text-align: right
    }

    .bi {
        display: none !important
    }
}

@media(min-width:80rem) {
    .bs {
        display: -ms-flexbox;
        display: flex
    }

    .bo {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .bu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ba {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .bf {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .bl {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .bc {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .bh {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bp {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .bd {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .bv {
        -ms-flex-pack: center;
        justify-content: center
    }

    .bm {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .bg {
        -ms-flex-align: center;
        align-items: center
    }

    .by {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .bb {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .bw {
        display: block
    }

    .bx {
        display: inline-block
    }

    .bk {
        display: inline
    }

    .b_ {
        text-align: center
    }

    .bj {
        text-align: left
    }

    .bq {
        text-align: right
    }

    .bz {
        display: none !important
    }
}

@media(min-width:90rem) {
    .we {
        display: -ms-flexbox;
        display: flex
    }

    .wt {
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .wn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wr {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .wi {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .ws {
        -ms-flex-direction: row;
        flex-direction: row
    }

    .wo {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .wu {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .wa {
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .wf {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .wl {
        -ms-flex-pack: center;
        justify-content: center
    }

    .wc {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .wh {
        -ms-flex-align: center;
        align-items: center
    }

    .wp {
        -ms-flex-align: start;
        align-items: flex-start
    }

    .wd {
        -ms-flex-align: end;
        align-items: flex-end
    }

    .wv {
        display: block
    }

    .wm {
        display: inline-block
    }

    .wg {
        display: inline
    }

    .wy {
        text-align: center
    }

    .wb {
        text-align: left
    }

    .ww {
        text-align: right
    }

    .wx {
        display: none !important
    }
}

@media not all and (min-width:32rem) {
    .wk {
        margin: 0 !important
    }

    .w_ {
        padding: 0 !important
    }

    .wj {
        display: none !important
    }
}

@media not all and (min-width:48rem) {
    .wq {
        margin: 0 !important
    }

    .wz {
        padding: 0 !important
    }

    .xe {
        display: none !important
    }
}

@media not all and (min-width:64rem) {
    .xt {
        margin: 0 !important
    }

    .xn {
        padding: 0 !important
    }

    .xr {
        display: none !important
    }
}

@media not all and (min-width:80rem) {
    .xi {
        margin: 0 !important
    }

    .xs {
        padding: 0 !important
    }

    .xo {
        display: none !important
    }
}

@media not all and (min-width:90rem) {
    .xu {
        margin: 0 !important
    }

    .xa {
        padding: 0 !important
    }

    .xf {
        display: none !important
    }
}

:root,
[data-theme=default] {
    --color-primary-darker: hsl(220, 90%, 36%);
    --color-primary-darker-h: 220;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 36%;
    --color-primary-dark: hsl(220, 90%, 46%);
    --color-primary-dark-h: 220;
    --color-primary-dark-s: 90%;
    --color-primary-dark-l: 46%;
    --color-primary: hsl(220, 90%, 56%);
    --color-primary-h: 220;
    --color-primary-s: 90%;
    --color-primary-l: 56%;
    --color-primary-light: hsl(220, 90%, 66%);
    --color-primary-light-h: 220;
    --color-primary-light-s: 90%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: hsl(220, 90%, 76%);
    --color-primary-lighter-h: 220;
    --color-primary-lighter-s: 90%;
    --color-primary-lighter-l: 76%;
    --color-accent-darker: hsl(349, 75%, 31%);
    --color-accent-darker-h: 349;
    --color-accent-darker-s: 75%;
    --color-accent-darker-l: 31%;
    --color-accent-dark: hsl(349, 75%, 41%);
    --color-accent-dark-h: 349;
    --color-accent-dark-s: 75%;
    --color-accent-dark-l: 41%;
    --color-accent: hsl(349, 75%, 51%);
    --color-accent-h: 349;
    --color-accent-s: 75%;
    --color-accent-l: 51%;
    --color-accent-light: hsl(349, 75%, 61%);
    --color-accent-light-h: 349;
    --color-accent-light-s: 75%;
    --color-accent-light-l: 61%;
    --color-accent-lighter: hsl(349, 75%, 71%);
    --color-accent-lighter-h: 349;
    --color-accent-lighter-s: 75%;
    --color-accent-lighter-l: 71%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-success-darker: hsl(94, 48%, 36%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 36%;
    --color-success-dark: hsl(94, 48%, 46%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 46%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 66%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 66%;
    --color-success-lighter: hsl(94, 48%, 76%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(349, 75%, 31%);
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 31%;
    --color-error-dark: hsl(349, 75%, 41%);
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 41%;
    --color-error: hsl(349, 75%, 51%);
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 51%;
    --color-error-light: hsl(349, 75%, 61%);
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 61%;
    --color-error-lighter: hsl(349, 75%, 71%);
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 71%;
    --color-warning-darker: hsl(46, 100%, 41%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 41%;
    --color-warning-dark: hsl(46, 100%, 51%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 51%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 81%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 81%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(240, 1%, 83%);
    --color-contrast-low-h: 240;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: hsl(240, 1%, 48%);
    --color-contrast-medium-h: 240;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 48%;
    --color-contrast-high: hsl(240, 4%, 20%);
    --color-contrast-high-h: 240;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: hsl(240, 8%, 12%);
    --color-contrast-higher-h: 240;
    --color-contrast-higher-s: 8%;
    --color-contrast-higher-l: 12%
}

@supports(--css:variables) {
    @media(min-width:64rem) {
        :root {
            --space-unit: 1.25em
        }
    }
}

:root {
    --radius: 0.25em
}

:root {
    --font-primary: sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc(1em/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));
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1
}

@supports(--css:variables) {
    @media(min-width:64rem) {
        /* :root {
            --text-base-size: 1.25em;
            --text-scale-ratio: 1.25
        } */
    }
}

mark {
    background-color: rgba(224, 36, 71, .2);
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    color: inherit
}

.text-component {
    --line-height-multiplier: 1;
    --text-vspace-multiplier: 1
}

.text-component blockquote {
    padding-left: 1em;
    border-left: 4px solid #d3d3d4;
    border-left: 4px solid var(--color-contrast-low)
}

.text-component hr {
    background: #d3d3d4;
    background: var(--color-contrast-low);
    height: 1px
}

.text-component figcaption {
    font-size: .83333em;
    font-size: var(--text-sm);
    color: #79797c;
    color: var(--color-contrast-medium)
}

.xl {
    --body-line-height: 1.58;
    --text-vspace-multiplier: 1.2
}

:root {
    --btn-font-size: 1em;
    --btn-font-size-sm: calc(var(--btn-font-size) - 0.2em);
    --btn-font-size-md: calc(var(--btn-font-size) + 0.2em);
    --btn-font-size-lg: calc(var(--btn-font-size) + 0.4em);
    --btn-padding-x: var(--space-sm);
    --btn-padding-y: var(--space-xs);
    --btn-radius: 0.25em
}

.btn:not(.btn-link) {
    box-shadow: 0 4px 16px rgba(28, 28, 33, .15);
    box-shadow: 0 4px 16px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);
    cursor: pointer
}

.btn--primary {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn--accent {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn--disabled {
    opacity: .6;
    cursor: not-allowed
}

:root {
    --form-control-padding-x: var(--space-sm);
    --form-control-padding-y: var(--space-xs);
    --form-control-radius: 0.25em
}

.form-control {
    border: 2px solid #d3d3d4;
    border: 2px solid var(--color-contrast-low)
}

.form-control:focus {
    outline: none;
    border-color: #2a6df4;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(42, 109, 244, .2);
    box-shadow: 0 0 0 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}

.form-control[aria-invalid=true] {
    border-color: #e02447;
    border-color: var(--color-error)
}

.form-control[aria-invalid=true]:focus {
    box-shadow: 0 0 0 3px rgba(224, 36, 71, .2);
    box-shadow: 0 0 0 3px hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2)
}

.form-control[disabled],
.form-control[readonly] {
    cursor: not-allowed
}

.form-label {
    font-size: .83333em;
    font-size: var(--text-sm)
}

.ih {
    background-color: rgba(224, 36, 71, .2);
    background-color: hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);
    color: inherit;
    border-radius: .25em;
    border-radius: var(--radius-md);
    padding: .5em;
    padding: var(--space-xs)
}

.xz {
    position: relative
}

.xz img {
    display: block;
    width: 100%;
    pointer-events: none
}

.ke {
    position: relative
}

.kt {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.kn {
    position: absolute;
    bottom: 0;
    font-size: .83333em;
    font-size: var(--text-sm);
    padding: .75em;
    padding: var(--space-sm);
    background-color: rgba(28, 28, 33, .75);
    background-color: hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.75);
    color: #fff;
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: opacity .3s, visibility .3s, -webkit-transform .3s;
    transition: opacity .3s, visibility .3s, transform .3s;
    transition: opacity .3s, visibility .3s, transform .3s, -webkit-transform .3s
}

.kr .kn {
    right: 0
}

.ki .kn {
    left: 0
}

.ks {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 44px;
    width: 44px;
    border-radius: 50%;
    color: #1c1c21;
    color: var(--color-contrast-higher);
    background-color: #fff;
    background-color: var(--color-bg);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1);
    box-shadow: var(--shadow-sm);
    cursor: -webkit-grab;
    cursor: grab;
    will-change: left;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
    -ms-transform: translateY(-50%) translateX(-50%) scale(0);
    transform: translateY(-50%) translateX(-50%) scale(0);
    margin-left: -1px
}

.ko .ks {
    cursor: -webkit-grabbing;
    cursor: grabbing;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1), 0 0 0 4px rgba(28, 28, 33, .5);
    box-shadow: var(--shadow-sm), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5)
}

.ku {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.ku:focus+.ks {
    color: #2a6df4;
    color: var(--color-primary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .085), 0 1px 8px rgba(0, 0, 0, .1), 0 0 0 4px rgba(28, 28, 33, .5);
    box-shadow: var(--shadow-sm), 0 0 0 4px hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.5)
}

.js .ki {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-right: 2px solid #fff;
    border-right: 2px solid var(--color-bg);
    will-change: width
}

.js .ki img {
    height: 100%;
    width: auto;
    max-width: none
}

.js .ka .ki {
    width: 50%;
    -webkit-animation: compare-slider-bounce-in .7s;
    animation: compare-slider-bounce-in .7s
}

.js .kn {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px)
}

.js .ka .kn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.js .ka .kf {
    opacity: 0;
    visibility: hidden
}

.js .kr .kf {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px)
}

.js .ki .kf {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
}

.js .ks {
    display: block;
    display: -ms-flexbox;
    display: flex;
    opacity: 0
}

.js .ka .ks {
    transition: opacity 0s .7s, -webkit-transform .3s .7s;
    transition: transform .3s .7s, opacity 0s .7s;
    transition: transform .3s .7s, opacity 0s .7s, -webkit-transform .3s .7s;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1
}

.js .ku {
    display: block
}

.js .kl .ki {
    -webkit-animation: none;
    animation: none
}

.js .kl .ks,
.js .kl .kn {
    transition: none
}

@-webkit-keyframes compare-slider-bounce-in {
    0% {
        width: 0%
    }

    60% {
        width: 55%
    }

    100% {
        width: 50%
    }
}

@keyframes compare-slider-bounce-in {
    0% {
        width: 0%
    }

    60% {
        width: 55%
    }

    100% {
        width: 50%
    }
}

.cd-demo-container {
    width: calc(100% - 2 * 1.25rem);
    margin-left: auto;
    margin-right: auto;
    padding: 1.25rem 0
}

.cd-demo-max-width-xxxxs {
    max-width: 20rem
}

.cd-demo-max-width-xxxs {
    max-width: 26rem
}

.cd-demo-max-width-xxs {
    max-width: 32rem
}

.cd-demo-max-width-xs {
    max-width: 38rem
}

.cd-demo-max-width-sm {
    max-width: 48rem
}

.cd-demo-max-width-md {
    max-width: 64rem
}

.cd-demo-max-width-lg {
    max-width: 80rem
}

.cd-demo-max-width-xl {
    max-width: 90rem
}

.cd-demo-max-width-xxl {
    max-width: 100rem
}

.cd-demo-max-width-xxxl {
    max-width: 120rem
}

.cd-demo-max-width-xxxxl {
    max-width: 150rem
}

.cd-demo-max-width-adaptive-sm {
    max-width: 38rem
}

@media(min-width:64rem) {
    .cd-demo-max-width-adaptive-sm {
        max-width: 48rem
    }
}

.cd-demo-max-width-adaptive-md {
    max-width: 38rem
}

@media(min-width:64rem) {
    .cd-demo-max-width-adaptive-md {
        max-width: 64rem
    }
}

.cd-demo-max-width-adaptive-lg {
    max-width: 38rem
}

@media(min-width:64rem) {
    .cd-demo-max-width-adaptive-lg {
        max-width: 64rem
    }
}

@media(min-width:90rem) {
    .cd-demo-max-width-adaptive-lg {
        max-width: 80rem
    }
}

.cd-demo-max-width-adaptive-xl {
    max-width: 38rem
}

@media(min-width:64rem) {
    .cd-demo-max-width-adaptive-xl {
        max-width: 64rem
    }
}

@media(min-width:90rem) {
    .cd-demo-max-width-adaptive-xl {
        max-width: 90rem
    }
}

.cd-demo-container--is-hidden {
    display: none
}

.cd-demo-font {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, sans-serif !important
}

.cd-demo-item--is-hidden {
    display: none
}

.cd-demo-item--selected {
    -webkit-animation: demoItemSelected .5s;
    animation: demoItemSelected .5s
}

@-webkit-keyframes demoItemSelected {

    0%,
    50% {
        outline: 2px solid var(--color-primary)
    }

    100% {
        outline: 2px solid transparent
    }
}

@keyframes demoItemSelected {

    0%,
    50% {
        outline: 2px solid var(--color-primary)
    }

    100% {
        outline: 2px solid transparent
    }
}