.container
{
    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: .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);
}
.gap-0
{
    --gap-x: 0px;
    --gap-y: 0px;
}
.gap-0>*
{
    --sub-gap-x: 0px;
    --sub-gap-y: 0px;
}
.gap-x-xxxxs
{
    --gap-x: var(--space-xxxxs);
}
.gap-x-xxxxs>*
{
    --sub-gap-x: var(--space-xxxxs);
}
.gap-x-xxxs
{
    --gap-x: var(--space-xxxs);
}
.gap-x-xxxs>*
{
    --sub-gap-x: var(--space-xxxs);
}
.gap-x-xxs
{
    --gap-x: var(--space-xxs);
}
.gap-x-xxs>*
{
    --sub-gap-x: var(--space-xxs);
}
.gap-x-xs
{
    --gap-x: var(--space-xs);
}
.gap-x-xs>*
{
    --sub-gap-x: var(--space-xs);
}
.gap-x-sm
{
    --gap-x: var(--space-sm);
}
.gap-x-sm>*
{
    --sub-gap-x: var(--space-sm);
}
.gap-x-md
{
    --gap-x: var(--space-md);
}
.gap-x-md>*
{
    --sub-gap-x: var(--space-md);
}
.gap-x-lg
{
    --gap-x: var(--space-lg);
}
.gap-x-lg>*
{
    --sub-gap-x: var(--space-lg);
}
.gap-x-xl
{
    --gap-x: var(--space-xl);
}
.gap-x-xl>*
{
    --sub-gap-x: var(--space-xl);
}
.gap-x-xxl
{
    --gap-x: var(--space-xxl);
}
.gap-x-xxl>*
{
    --sub-gap-x: var(--space-xxl);
}
.gap-x-xxxl
{
    --gap-x: var(--space-xxxl);
}
.gap-x-xxxl>*
{
    --sub-gap-x: var(--space-xxxl);
}
.gap-x-xxxxl
{
    --gap-x: var(--space-xxxxl);
}
.gap-x-xxxxl>*
{
    --sub-gap-x: var(--space-xxxxl);
}
.gap-x-0
{
    --gap-x: 0px;
}
.gap-x-0>*
{
    --sub-gap-x: 0px;
}
.gap-y-xxxxs
{
    --gap-y: var(--space-xxxxs);
}
.gap-y-xxxxs>*
{
    --sub-gap-y: var(--space-xxxxs);
}
.gap-y-xxxs
{
    --gap-y: var(--space-xxxs);
}
.gap-y-xxxs>*
{
    --sub-gap-y: var(--space-xxxs);
}
.gap-y-xxs
{
    --gap-y: var(--space-xxs);
}
.gap-y-xxs>*
{
    --sub-gap-y: var(--space-xxs);
}
.gap-y-xs
{
    --gap-y: var(--space-xs);
}
.gap-y-xs>*
{
    --sub-gap-y: var(--space-xs);
}
.gap-y-sm
{
    --gap-y: var(--space-sm);
}
.gap-y-sm>*
{
    --sub-gap-y: var(--space-sm);
}
.gap-y-md
{
    --gap-y: var(--space-md);
}
.gap-y-md>*
{
    --sub-gap-y: var(--space-md);
}
.gap-y-lg
{
    --gap-y: var(--space-lg);
}
.gap-y-lg>*
{
    --sub-gap-y: var(--space-lg);
}
.gap-y-xl
{
    --gap-y: var(--space-xl);
}
.gap-y-xl>*
{
    --sub-gap-y: var(--space-xl);
}
.gap-y-xxl
{
    --gap-y: var(--space-xxl);
}
.gap-y-xxl>*
{
    --sub-gap-y: var(--space-xxl);
}
.gap-y-xxxl
{
    --gap-y: var(--space-xxxl);
}
.gap-y-xxxl>*
{
    --sub-gap-y: var(--space-xxxl);
}
.gap-y-xxxxl
{
    --gap-y: var(--space-xxxxl);
}
.gap-y-xxxxl>*
{
    --sub-gap-y: var(--space-xxxxl);
}
.gap-y-0
{
    --gap-y: 0px;
}
.gap-y-0>*
{
    --sub-gap-y: 0px;
}
.grid-col-1
{
    --grid-columns: 1;
}
.col-1
{
    --span: 1;
}
.grid-col-2
{
    --grid-columns: 2;
}
.col-2
{
    --span: 2;
}
.grid-col-3
{
    --grid-columns: 3;
}
.col-3
{
    --span: 3;
}
.grid-col-4
{
    --grid-columns: 4;
}
.col-4
{
    --span: 4;
}
.grid-col-5
{
    --grid-columns: 5;
}
.col-5
{
    --span: 5;
}
.grid-col-6
{
    --grid-columns: 6;
}
.col-6
{
    --span: 6;
}
.grid-col-7
{
    --grid-columns: 7;
}
.col-7
{
    --span: 7;
}
.grid-col-8
{
    --grid-columns: 8;
}
.col-8
{
    --span: 8;
}
.grid-col-9
{
    --grid-columns: 9;
}
.col-9
{
    --span: 9;
}
.grid-col-10
{
    --grid-columns: 10;
}
.col-10
{
    --span: 10;
}
.grid-col-11
{
    --grid-columns: 11;
}
.col-11
{
    --span: 11;
}
.grid-col-12
{
    --grid-columns: 12;
}
.col-12
{
    --span: 12;
}
.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9
{
    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%;
}
.col-content
{
    flex-grow: 0;
    flex-basis: initial;
    max-width: initial;
}
.offset-1
{
    --offset: 1;
}
.offset-2
{
    --offset: 2;
}
.offset-3
{
    --offset: 3;
}
.offset-4
{
    --offset: 4;
}
.offset-5
{
    --offset: 5;
}
.offset-6
{
    --offset: 6;
}
.offset-7
{
    --offset: 7;
}
.offset-8
{
    --offset: 8;
}
.offset-9
{
    --offset: 9;
}
.offset-10
{
    --offset: 10;
}
.offset-11
{
    --offset: 11;
}
.offset-1, .offset-10, .offset-11, .offset-2, .offset-3, .offset-4, .offset-5, .offset-6, .offset-7, .offset-8, .offset-9
{
    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)
{
    .gap-xxxxs\@xs
    {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs);
    }
    .gap-xxxxs\@xs>*
    {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@xs
    {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs);
    }
    .gap-xxxs\@xs>*
    {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-xxs\@xs
    {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs);
    }
    .gap-xxs\@xs>*
    {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs);
    }
    .gap-xs\@xs
    {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs);
    }
    .gap-xs\@xs>*
    {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs);
    }
    .gap-sm\@xs
    {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm);
    }
    .gap-sm\@xs>*
    {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm);
    }
    .gap-md\@xs
    {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md);
    }
    .gap-md\@xs>*
    {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md);
    }
    .gap-lg\@xs
    {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg);
    }
    .gap-lg\@xs>*
    {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg);
    }
    .gap-xl\@xs
    {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl);
    }
    .gap-xl\@xs>*
    {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl);
    }
    .gap-xxl\@xs
    {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl);
    }
    .gap-xxl\@xs>*
    {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl);
    }
    .gap-xxxl\@xs
    {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl);
    }
    .gap-xxxl\@xs>*
    {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@xs
    {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl);
    }
    .gap-xxxxl\@xs>*
    {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-0\@xs
    {
        --gap-x: 0px;
        --gap-y: 0px;
    }
    .gap-0\@xs>*
    {
        --sub-gap-x: 0px;
        --sub-gap-y: 0px;
    }
    .gap-x-xxxxs\@xs
    {
        --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxxs\@xs>*
    {
        --sub-gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@xs
    {
        --gap-x: var(--space-xxxs);
    }
    .gap-x-xxxs\@xs>*
    {
        --sub-gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@xs
    {
        --gap-x: var(--space-xxs);
    }
    .gap-x-xxs\@xs>*
    {
        --sub-gap-x: var(--space-xxs);
    }
    .gap-x-xs\@xs
    {
        --gap-x: var(--space-xs);
    }
    .gap-x-xs\@xs>*
    {
        --sub-gap-x: var(--space-xs);
    }
    .gap-x-sm\@xs
    {
        --gap-x: var(--space-sm);
    }
    .gap-x-sm\@xs>*
    {
        --sub-gap-x: var(--space-sm);
    }
    .gap-x-md\@xs
    {
        --gap-x: var(--space-md);
    }
    .gap-x-md\@xs>*
    {
        --sub-gap-x: var(--space-md);
    }
    .gap-x-lg\@xs
    {
        --gap-x: var(--space-lg);
    }
    .gap-x-lg\@xs>*
    {
        --sub-gap-x: var(--space-lg);
    }
    .gap-x-xl\@xs
    {
        --gap-x: var(--space-xl);
    }
    .gap-x-xl\@xs>*
    {
        --sub-gap-x: var(--space-xl);
    }
    .gap-x-xxl\@xs
    {
        --gap-x: var(--space-xxl);
    }
    .gap-x-xxl\@xs>*
    {
        --sub-gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@xs
    {
        --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxl\@xs>*
    {
        --sub-gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@xs
    {
        --gap-x: var(--space-xxxxl);
    }
    .gap-x-xxxxl\@xs>*
    {
        --sub-gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@xs
    {
        --gap-x: 0px;
    }
    .gap-x-0\@xs>*
    {
        --sub-gap-x: 0px;
    }
    .gap-y-xxxxs\@xs
    {
        --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxxs\@xs>*
    {
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@xs
    {
        --gap-y: var(--space-xxxs);
    }
    .gap-y-xxxs\@xs>*
    {
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@xs
    {
        --gap-y: var(--space-xxs);
    }
    .gap-y-xxs\@xs>*
    {
        --sub-gap-y: var(--space-xxs);
    }
    .gap-y-xs\@xs
    {
        --gap-y: var(--space-xs);
    }
    .gap-y-xs\@xs>*
    {
        --sub-gap-y: var(--space-xs);
    }
    .gap-y-sm\@xs
    {
        --gap-y: var(--space-sm);
    }
    .gap-y-sm\@xs>*
    {
        --sub-gap-y: var(--space-sm);
    }
    .gap-y-md\@xs
    {
        --gap-y: var(--space-md);
    }
    .gap-y-md\@xs>*
    {
        --sub-gap-y: var(--space-md);
    }
    .gap-y-lg\@xs
    {
        --gap-y: var(--space-lg);
    }
    .gap-y-lg\@xs>*
    {
        --sub-gap-y: var(--space-lg);
    }
    .gap-y-xl\@xs
    {
        --gap-y: var(--space-xl);
    }
    .gap-y-xl\@xs>*
    {
        --sub-gap-y: var(--space-xl);
    }
    .gap-y-xxl\@xs
    {
        --gap-y: var(--space-xxl);
    }
    .gap-y-xxl\@xs>*
    {
        --sub-gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@xs
    {
        --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxl\@xs>*
    {
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@xs
    {
        --gap-y: var(--space-xxxxl);
    }
    .gap-y-xxxxl\@xs>*
    {
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@xs
    {
        --gap-y: 0px;
    }
    .gap-y-0\@xs>*
    {
        --sub-gap-y: 0px;
    }
    .grid-col-1\@xs
    {
        --grid-columns: 1;
    }
    .col-1\@xs
    {
        --span: 1;
    }
    .grid-col-2\@xs
    {
        --grid-columns: 2;
    }
    .col-2\@xs
    {
        --span: 2;
    }
    .grid-col-3\@xs
    {
        --grid-columns: 3;
    }
    .col-3\@xs
    {
        --span: 3;
    }
    .grid-col-4\@xs
    {
        --grid-columns: 4;
    }
    .col-4\@xs
    {
        --span: 4;
    }
    .grid-col-5\@xs
    {
        --grid-columns: 5;
    }
    .col-5\@xs
    {
        --span: 5;
    }
    .grid-col-6\@xs
    {
        --grid-columns: 6;
    }
    .col-6\@xs
    {
        --span: 6;
    }
    .grid-col-7\@xs
    {
        --grid-columns: 7;
    }
    .col-7\@xs
    {
        --span: 7;
    }
    .grid-col-8\@xs
    {
        --grid-columns: 8;
    }
    .col-8\@xs
    {
        --span: 8;
    }
    .grid-col-9\@xs
    {
        --grid-columns: 9;
    }
    .col-9\@xs
    {
        --span: 9;
    }
    .grid-col-10\@xs
    {
        --grid-columns: 10;
    }
    .col-10\@xs
    {
        --span: 10;
    }
    .grid-col-11\@xs
    {
        --grid-columns: 11;
    }
    .col-11\@xs
    {
        --span: 11;
    }
    .grid-col-12\@xs
    {
        --grid-columns: 12;
    }
    .col-12\@xs
    {
        --span: 12;
    }
    .col-10\@xs, .col-11\@xs, .col-12\@xs, .col-1\@xs, .col-2\@xs, .col-3\@xs, .col-4\@xs, .col-5\@xs, .col-6\@xs, .col-7\@xs, .col-8\@xs, .col-9\@xs
    {
        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\@xs
    {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-content\@xs
    {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial;
    }
    .offset-1\@xs
    {
        --offset: 1;
    }
    .offset-2\@xs
    {
        --offset: 2;
    }
    .offset-3\@xs
    {
        --offset: 3;
    }
    .offset-4\@xs
    {
        --offset: 4;
    }
    .offset-5\@xs
    {
        --offset: 5;
    }
    .offset-6\@xs
    {
        --offset: 6;
    }
    .offset-7\@xs
    {
        --offset: 7;
    }
    .offset-8\@xs
    {
        --offset: 8;
    }
    .offset-9\@xs
    {
        --offset: 9;
    }
    .offset-10\@xs
    {
        --offset: 10;
    }
    .offset-11\@xs
    {
        --offset: 11;
    }
    .offset-10\@xs, .offset-11\@xs, .offset-1\@xs, .offset-2\@xs, .offset-3\@xs, .offset-4\@xs, .offset-5\@xs, .offset-6\@xs, .offset-7\@xs, .offset-8\@xs, .offset-9\@xs
    {
        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));
    }
    .offset-0\@xs
    {
        margin-left: 0;
    }
    @media not all and (min-resolution: .001dpcm)
    {
        @supports not (
        translate: none)
        {
        .offset-0\@xs
        {
            margin-left: var(--gap-x);
        }
        }
    }
}
@media(min-width: 48rem)
{
    .gap-xxxxs\@sm
    {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs);
    }
    .gap-xxxxs\@sm>*
    {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@sm
    {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs);
    }
    .gap-xxxs\@sm>*
    {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-xxs\@sm
    {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs);
    }
    .gap-xxs\@sm>*
    {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs);
    }
    .gap-xs\@sm
    {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs);
    }
    .gap-xs\@sm>*
    {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs);
    }
    .gap-sm\@sm
    {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm);
    }
    .gap-sm\@sm>*
    {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm);
    }
    .gap-md\@sm
    {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md);
    }
    .gap-md\@sm>*
    {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md);
    }
    .gap-lg\@sm
    {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg);
    }
    .gap-lg\@sm>*
    {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg);
    }
    .gap-xl\@sm
    {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl);
    }
    .gap-xl\@sm>*
    {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl);
    }
    .gap-xxl\@sm
    {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl);
    }
    .gap-xxl\@sm>*
    {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl);
    }
    .gap-xxxl\@sm
    {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl);
    }
    .gap-xxxl\@sm>*
    {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@sm
    {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl);
    }
    .gap-xxxxl\@sm>*
    {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-0\@sm
    {
        --gap-x: 0px;
        --gap-y: 0px;
    }
    .gap-0\@sm>*
    {
        --sub-gap-x: 0px;
        --sub-gap-y: 0px;
    }
    .gap-x-xxxxs\@sm
    {
        --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxxs\@sm>*
    {
        --sub-gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@sm
    {
        --gap-x: var(--space-xxxs);
    }
    .gap-x-xxxs\@sm>*
    {
        --sub-gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@sm
    {
        --gap-x: var(--space-xxs);
    }
    .gap-x-xxs\@sm>*
    {
        --sub-gap-x: var(--space-xxs);
    }
    .gap-x-xs\@sm
    {
        --gap-x: var(--space-xs);
    }
    .gap-x-xs\@sm>*
    {
        --sub-gap-x: var(--space-xs);
    }
    .gap-x-sm\@sm
    {
        --gap-x: var(--space-sm);
    }
    .gap-x-sm\@sm>*
    {
        --sub-gap-x: var(--space-sm);
    }
    .gap-x-md\@sm
    {
        --gap-x: var(--space-md);
    }
    .gap-x-md\@sm>*
    {
        --sub-gap-x: var(--space-md);
    }
    .gap-x-lg\@sm
    {
        --gap-x: var(--space-lg);
    }
    .gap-x-lg\@sm>*
    {
        --sub-gap-x: var(--space-lg);
    }
    .gap-x-xl\@sm
    {
        --gap-x: var(--space-xl);
    }
    .gap-x-xl\@sm>*
    {
        --sub-gap-x: var(--space-xl);
    }
    .gap-x-xxl\@sm
    {
        --gap-x: var(--space-xxl);
    }
    .gap-x-xxl\@sm>*
    {
        --sub-gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@sm
    {
        --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxl\@sm>*
    {
        --sub-gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@sm
    {
        --gap-x: var(--space-xxxxl);
    }
    .gap-x-xxxxl\@sm>*
    {
        --sub-gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@sm
    {
        --gap-x: 0px;
    }
    .gap-x-0\@sm>*
    {
        --sub-gap-x: 0px;
    }
    .gap-y-xxxxs\@sm
    {
        --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxxs\@sm>*
    {
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@sm
    {
        --gap-y: var(--space-xxxs);
    }
    .gap-y-xxxs\@sm>*
    {
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@sm
    {
        --gap-y: var(--space-xxs);
    }
    .gap-y-xxs\@sm>*
    {
        --sub-gap-y: var(--space-xxs);
    }
    .gap-y-xs\@sm
    {
        --gap-y: var(--space-xs);
    }
    .gap-y-xs\@sm>*
    {
        --sub-gap-y: var(--space-xs);
    }
    .gap-y-sm\@sm
    {
        --gap-y: var(--space-sm);
    }
    .gap-y-sm\@sm>*
    {
        --sub-gap-y: var(--space-sm);
    }
    .gap-y-md\@sm
    {
        --gap-y: var(--space-md);
    }
    .gap-y-md\@sm>*
    {
        --sub-gap-y: var(--space-md);
    }
    .gap-y-lg\@sm
    {
        --gap-y: var(--space-lg);
    }
    .gap-y-lg\@sm>*
    {
        --sub-gap-y: var(--space-lg);
    }
    .gap-y-xl\@sm
    {
        --gap-y: var(--space-xl);
    }
    .gap-y-xl\@sm>*
    {
        --sub-gap-y: var(--space-xl);
    }
    .gap-y-xxl\@sm
    {
        --gap-y: var(--space-xxl);
    }
    .gap-y-xxl\@sm>*
    {
        --sub-gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@sm
    {
        --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxl\@sm>*
    {
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@sm
    {
        --gap-y: var(--space-xxxxl);
    }
    .gap-y-xxxxl\@sm>*
    {
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@sm
    {
        --gap-y: 0px;
    }
    .gap-y-0\@sm>*
    {
        --sub-gap-y: 0px;
    }
    .grid-col-1\@sm
    {
        --grid-columns: 1;
    }
    .col-1\@sm
    {
        --span: 1;
    }
    .grid-col-2\@sm
    {
        --grid-columns: 2;
    }
    .col-2\@sm
    {
        --span: 2;
    }
    .grid-col-3\@sm
    {
        --grid-columns: 3;
    }
    .col-3\@sm
    {
        --span: 3;
    }
    .grid-col-4\@sm
    {
        --grid-columns: 4;
    }
    .col-4\@sm
    {
        --span: 4;
    }
    .grid-col-5\@sm
    {
        --grid-columns: 5;
    }
    .col-5\@sm
    {
        --span: 5;
    }
    .grid-col-6\@sm
    {
        --grid-columns: 6;
    }
    .col-6\@sm
    {
        --span: 6;
    }
    .grid-col-7\@sm
    {
        --grid-columns: 7;
    }
    .col-7\@sm
    {
        --span: 7;
    }
    .grid-col-8\@sm
    {
        --grid-columns: 8;
    }
    .col-8\@sm
    {
        --span: 8;
    }
    .grid-col-9\@sm
    {
        --grid-columns: 9;
    }
    .col-9\@sm
    {
        --span: 9;
    }
    .grid-col-10\@sm
    {
        --grid-columns: 10;
    }
    .col-10\@sm
    {
        --span: 10;
    }
    .grid-col-11\@sm
    {
        --grid-columns: 11;
    }
    .col-11\@sm
    {
        --span: 11;
    }
    .grid-col-12\@sm
    {
        --grid-columns: 12;
    }
    .col-12\@sm
    {
        --span: 12;
    }
    .col-10\@sm, .col-11\@sm, .col-12\@sm, .col-1\@sm, .col-2\@sm, .col-3\@sm, .col-4\@sm, .col-5\@sm, .col-6\@sm, .col-7\@sm, .col-8\@sm, .col-9\@sm
    {
        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\@sm
    {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-content\@sm
    {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial;
    }
    .offset-1\@sm
    {
        --offset: 1;
    }
    .offset-2\@sm
    {
        --offset: 2;
    }
    .offset-3\@sm
    {
        --offset: 3;
    }
    .offset-4\@sm
    {
        --offset: 4;
    }
    .offset-5\@sm
    {
        --offset: 5;
    }
    .offset-6\@sm
    {
        --offset: 6;
    }
    .offset-7\@sm
    {
        --offset: 7;
    }
    .offset-8\@sm
    {
        --offset: 8;
    }
    .offset-9\@sm
    {
        --offset: 9;
    }
    .offset-10\@sm
    {
        --offset: 10;
    }
    .offset-11\@sm
    {
        --offset: 11;
    }
    .offset-10\@sm, .offset-11\@sm, .offset-1\@sm, .offset-2\@sm, .offset-3\@sm, .offset-4\@sm, .offset-5\@sm, .offset-6\@sm, .offset-7\@sm, .offset-8\@sm, .offset-9\@sm
    {
        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));
    }
    .offset-0\@sm
    {
        margin-left: 0;
    }
    @media not all and (min-resolution: .001dpcm)
    {
        @supports not (
        translate: none)
        {
        .offset-0\@sm
        {
            margin-left: var(--gap-x);
        }
        }
    }
}
@media(min-width: 64rem)
{
    .gap-xxxxs\@md
    {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs);
    }
    .gap-xxxxs\@md>*
    {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@md
    {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs);
    }
    .gap-xxxs\@md>*
    {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-xxs\@md
    {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs);
    }
    .gap-xxs\@md>*
    {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs);
    }
    .gap-xs\@md
    {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs);
    }
    .gap-xs\@md>*
    {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs);
    }
    .gap-sm\@md
    {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm);
    }
    .gap-sm\@md>*
    {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm);
    }
    .gap-md\@md
    {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md);
    }
    .gap-md\@md>*
    {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md);
    }
    .gap-lg\@md
    {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg);
    }
    .gap-lg\@md>*
    {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg);
    }
    .gap-xl\@md
    {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl);
    }
    .gap-xl\@md>*
    {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl);
    }
    .gap-xxl\@md
    {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl);
    }
    .gap-xxl\@md>*
    {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl);
    }
    .gap-xxxl\@md
    {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl);
    }
    .gap-xxxl\@md>*
    {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@md
    {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl);
    }
    .gap-xxxxl\@md>*
    {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-0\@md
    {
        --gap-x: 0px;
        --gap-y: 0px;
    }
    .gap-0\@md>*
    {
        --sub-gap-x: 0px;
        --sub-gap-y: 0px;
    }
    .gap-x-xxxxs\@md
    {
        --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxxs\@md>*
    {
        --sub-gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@md
    {
        --gap-x: var(--space-xxxs);
    }
    .gap-x-xxxs\@md>*
    {
        --sub-gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@md
    {
        --gap-x: var(--space-xxs);
    }
    .gap-x-xxs\@md>*
    {
        --sub-gap-x: var(--space-xxs);
    }
    .gap-x-xs\@md
    {
        --gap-x: var(--space-xs);
    }
    .gap-x-xs\@md>*
    {
        --sub-gap-x: var(--space-xs);
    }
    .gap-x-sm\@md
    {
        --gap-x: var(--space-sm);
    }
    .gap-x-sm\@md>*
    {
        --sub-gap-x: var(--space-sm);
    }
    .gap-x-md\@md
    {
        --gap-x: var(--space-md);
    }
    .gap-x-md\@md>*
    {
        --sub-gap-x: var(--space-md);
    }
    .gap-x-lg\@md
    {
        --gap-x: var(--space-lg);
    }
    .gap-x-lg\@md>*
    {
        --sub-gap-x: var(--space-lg);
    }
    .gap-x-xl\@md
    {
        --gap-x: var(--space-xl);
    }
    .gap-x-xl\@md>*
    {
        --sub-gap-x: var(--space-xl);
    }
    .gap-x-xxl\@md
    {
        --gap-x: var(--space-xxl);
    }
    .gap-x-xxl\@md>*
    {
        --sub-gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@md
    {
        --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxl\@md>*
    {
        --sub-gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@md
    {
        --gap-x: var(--space-xxxxl);
    }
    .gap-x-xxxxl\@md>*
    {
        --sub-gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@md
    {
        --gap-x: 0px;
    }
    .gap-x-0\@md>*
    {
        --sub-gap-x: 0px;
    }
    .gap-y-xxxxs\@md
    {
        --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxxs\@md>*
    {
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@md
    {
        --gap-y: var(--space-xxxs);
    }
    .gap-y-xxxs\@md>*
    {
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@md
    {
        --gap-y: var(--space-xxs);
    }
    .gap-y-xxs\@md>*
    {
        --sub-gap-y: var(--space-xxs);
    }
    .gap-y-xs\@md
    {
        --gap-y: var(--space-xs);
    }
    .gap-y-xs\@md>*
    {
        --sub-gap-y: var(--space-xs);
    }
    .gap-y-sm\@md
    {
        --gap-y: var(--space-sm);
    }
    .gap-y-sm\@md>*
    {
        --sub-gap-y: var(--space-sm);
    }
    .gap-y-md\@md
    {
        --gap-y: var(--space-md);
    }
    .gap-y-md\@md>*
    {
        --sub-gap-y: var(--space-md);
    }
    .gap-y-lg\@md
    {
        --gap-y: var(--space-lg);
    }
    .gap-y-lg\@md>*
    {
        --sub-gap-y: var(--space-lg);
    }
    .gap-y-xl\@md
    {
        --gap-y: var(--space-xl);
    }
    .gap-y-xl\@md>*
    {
        --sub-gap-y: var(--space-xl);
    }
    .gap-y-xxl\@md
    {
        --gap-y: var(--space-xxl);
    }
    .gap-y-xxl\@md>*
    {
        --sub-gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@md
    {
        --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxl\@md>*
    {
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@md
    {
        --gap-y: var(--space-xxxxl);
    }
    .gap-y-xxxxl\@md>*
    {
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@md
    {
        --gap-y: 0px;
    }
    .gap-y-0\@md>*
    {
        --sub-gap-y: 0px;
    }
    .grid-col-1\@md
    {
        --grid-columns: 1;
    }
    .col-1\@md
    {
        --span: 1;
    }
    .grid-col-2\@md
    {
        --grid-columns: 2;
    }
    .col-2\@md
    {
        --span: 2;
    }
    .grid-col-3\@md
    {
        --grid-columns: 3;
    }
    .col-3\@md
    {
        --span: 3;
    }
    .grid-col-4\@md
    {
        --grid-columns: 4;
    }
    .col-4\@md
    {
        --span: 4;
    }
    .grid-col-5\@md
    {
        --grid-columns: 5;
    }
    .col-5\@md
    {
        --span: 5;
    }
    .grid-col-6\@md
    {
        --grid-columns: 6;
    }
    .col-6\@md
    {
        --span: 6;
    }
    .grid-col-7\@md
    {
        --grid-columns: 7;
    }
    .col-7\@md
    {
        --span: 7;
    }
    .grid-col-8\@md
    {
        --grid-columns: 8;
    }
    .col-8\@md
    {
        --span: 8;
    }
    .grid-col-9\@md
    {
        --grid-columns: 9;
    }
    .col-9\@md
    {
        --span: 9;
    }
    .grid-col-10\@md
    {
        --grid-columns: 10;
    }
    .col-10\@md
    {
        --span: 10;
    }
    .grid-col-11\@md
    {
        --grid-columns: 11;
    }
    .col-11\@md
    {
        --span: 11;
    }
    .grid-col-12\@md
    {
        --grid-columns: 12;
    }
    .col-12\@md
    {
        --span: 12;
    }
    .col-10\@md, .col-11\@md, .col-12\@md, .col-1\@md, .col-2\@md, .col-3\@md, .col-4\@md, .col-5\@md, .col-6\@md, .col-7\@md, .col-8\@md, .col-9\@md
    {
        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\@md
    {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-content\@md
    {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial;
    }
    .offset-1\@md
    {
        --offset: 1;
    }
    .offset-2\@md
    {
        --offset: 2;
    }
    .offset-3\@md
    {
        --offset: 3;
    }
    .offset-4\@md
    {
        --offset: 4;
    }
    .offset-5\@md
    {
        --offset: 5;
    }
    .offset-6\@md
    {
        --offset: 6;
    }
    .offset-7\@md
    {
        --offset: 7;
    }
    .offset-8\@md
    {
        --offset: 8;
    }
    .offset-9\@md
    {
        --offset: 9;
    }
    .offset-10\@md
    {
        --offset: 10;
    }
    .offset-11\@md
    {
        --offset: 11;
    }
    .offset-10\@md, .offset-11\@md, .offset-1\@md, .offset-2\@md, .offset-3\@md, .offset-4\@md, .offset-5\@md, .offset-6\@md, .offset-7\@md, .offset-8\@md, .offset-9\@md
    {
        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));
    }
    .offset-0\@md
    {
        margin-left: 0;
    }
    @media not all and (min-resolution: .001dpcm)
    {
        @supports not (
        translate: none)
        {
        .offset-0\@md
        {
            margin-left: var(--gap-x);
        }
        }
    }
}
@media(min-width: 80rem)
{
    .gap-xxxxs\@lg
    {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs);
    }
    .gap-xxxxs\@lg>*
    {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@lg
    {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs);
    }
    .gap-xxxs\@lg>*
    {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-xxs\@lg
    {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs);
    }
    .gap-xxs\@lg>*
    {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs);
    }
    .gap-xs\@lg
    {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs);
    }
    .gap-xs\@lg>*
    {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs);
    }
    .gap-sm\@lg
    {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm);
    }
    .gap-sm\@lg>*
    {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm);
    }
    .gap-md\@lg
    {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md);
    }
    .gap-md\@lg>*
    {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md);
    }
    .gap-lg\@lg
    {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg);
    }
    .gap-lg\@lg>*
    {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg);
    }
    .gap-xl\@lg
    {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl);
    }
    .gap-xl\@lg>*
    {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl);
    }
    .gap-xxl\@lg
    {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl);
    }
    .gap-xxl\@lg>*
    {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl);
    }
    .gap-xxxl\@lg
    {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl);
    }
    .gap-xxxl\@lg>*
    {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@lg
    {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl);
    }
    .gap-xxxxl\@lg>*
    {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-0\@lg
    {
        --gap-x: 0px;
        --gap-y: 0px;
    }
    .gap-0\@lg>*
    {
        --sub-gap-x: 0px;
        --sub-gap-y: 0px;
    }
    .gap-x-xxxxs\@lg
    {
        --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxxs\@lg>*
    {
        --sub-gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@lg
    {
        --gap-x: var(--space-xxxs);
    }
    .gap-x-xxxs\@lg>*
    {
        --sub-gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@lg
    {
        --gap-x: var(--space-xxs);
    }
    .gap-x-xxs\@lg>*
    {
        --sub-gap-x: var(--space-xxs);
    }
    .gap-x-xs\@lg
    {
        --gap-x: var(--space-xs);
    }
    .gap-x-xs\@lg>*
    {
        --sub-gap-x: var(--space-xs);
    }
    .gap-x-sm\@lg
    {
        --gap-x: var(--space-sm);
    }
    .gap-x-sm\@lg>*
    {
        --sub-gap-x: var(--space-sm);
    }
    .gap-x-md\@lg
    {
        --gap-x: var(--space-md);
    }
    .gap-x-md\@lg>*
    {
        --sub-gap-x: var(--space-md);
    }
    .gap-x-lg\@lg
    {
        --gap-x: var(--space-lg);
    }
    .gap-x-lg\@lg>*
    {
        --sub-gap-x: var(--space-lg);
    }
    .gap-x-xl\@lg
    {
        --gap-x: var(--space-xl);
    }
    .gap-x-xl\@lg>*
    {
        --sub-gap-x: var(--space-xl);
    }
    .gap-x-xxl\@lg
    {
        --gap-x: var(--space-xxl);
    }
    .gap-x-xxl\@lg>*
    {
        --sub-gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@lg
    {
        --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxl\@lg>*
    {
        --sub-gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@lg
    {
        --gap-x: var(--space-xxxxl);
    }
    .gap-x-xxxxl\@lg>*
    {
        --sub-gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@lg
    {
        --gap-x: 0px;
    }
    .gap-x-0\@lg>*
    {
        --sub-gap-x: 0px;
    }
    .gap-y-xxxxs\@lg
    {
        --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxxs\@lg>*
    {
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@lg
    {
        --gap-y: var(--space-xxxs);
    }
    .gap-y-xxxs\@lg>*
    {
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@lg
    {
        --gap-y: var(--space-xxs);
    }
    .gap-y-xxs\@lg>*
    {
        --sub-gap-y: var(--space-xxs);
    }
    .gap-y-xs\@lg
    {
        --gap-y: var(--space-xs);
    }
    .gap-y-xs\@lg>*
    {
        --sub-gap-y: var(--space-xs);
    }
    .gap-y-sm\@lg
    {
        --gap-y: var(--space-sm);
    }
    .gap-y-sm\@lg>*
    {
        --sub-gap-y: var(--space-sm);
    }
    .gap-y-md\@lg
    {
        --gap-y: var(--space-md);
    }
    .gap-y-md\@lg>*
    {
        --sub-gap-y: var(--space-md);
    }
    .gap-y-lg\@lg
    {
        --gap-y: var(--space-lg);
    }
    .gap-y-lg\@lg>*
    {
        --sub-gap-y: var(--space-lg);
    }
    .gap-y-xl\@lg
    {
        --gap-y: var(--space-xl);
    }
    .gap-y-xl\@lg>*
    {
        --sub-gap-y: var(--space-xl);
    }
    .gap-y-xxl\@lg
    {
        --gap-y: var(--space-xxl);
    }
    .gap-y-xxl\@lg>*
    {
        --sub-gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@lg
    {
        --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxl\@lg>*
    {
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@lg
    {
        --gap-y: var(--space-xxxxl);
    }
    .gap-y-xxxxl\@lg>*
    {
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@lg
    {
        --gap-y: 0px;
    }
    .gap-y-0\@lg>*
    {
        --sub-gap-y: 0px;
    }
    .grid-col-1\@lg
    {
        --grid-columns: 1;
    }
    .col-1\@lg
    {
        --span: 1;
    }
    .grid-col-2\@lg
    {
        --grid-columns: 2;
    }
    .col-2\@lg
    {
        --span: 2;
    }
    .grid-col-3\@lg
    {
        --grid-columns: 3;
    }
    .col-3\@lg
    {
        --span: 3;
    }
    .grid-col-4\@lg
    {
        --grid-columns: 4;
    }
    .col-4\@lg
    {
        --span: 4;
    }
    .grid-col-5\@lg
    {
        --grid-columns: 5;
    }
    .col-5\@lg
    {
        --span: 5;
    }
    .grid-col-6\@lg
    {
        --grid-columns: 6;
    }
    .col-6\@lg
    {
        --span: 6;
    }
    .grid-col-7\@lg
    {
        --grid-columns: 7;
    }
    .col-7\@lg
    {
        --span: 7;
    }
    .grid-col-8\@lg
    {
        --grid-columns: 8;
    }
    .col-8\@lg
    {
        --span: 8;
    }
    .grid-col-9\@lg
    {
        --grid-columns: 9;
    }
    .col-9\@lg
    {
        --span: 9;
    }
    .grid-col-10\@lg
    {
        --grid-columns: 10;
    }
    .col-10\@lg
    {
        --span: 10;
    }
    .grid-col-11\@lg
    {
        --grid-columns: 11;
    }
    .col-11\@lg
    {
        --span: 11;
    }
    .grid-col-12\@lg
    {
        --grid-columns: 12;
    }
    .col-12\@lg
    {
        --span: 12;
    }
    .col-10\@lg, .col-11\@lg, .col-12\@lg, .col-1\@lg, .col-2\@lg, .col-3\@lg, .col-4\@lg, .col-5\@lg, .col-6\@lg, .col-7\@lg, .col-8\@lg, .col-9\@lg
    {
        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\@lg
    {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-content\@lg
    {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial;
    }
    .offset-1\@lg
    {
        --offset: 1;
    }
    .offset-2\@lg
    {
        --offset: 2;
    }
    .offset-3\@lg
    {
        --offset: 3;
    }
    .offset-4\@lg
    {
        --offset: 4;
    }
    .offset-5\@lg
    {
        --offset: 5;
    }
    .offset-6\@lg
    {
        --offset: 6;
    }
    .offset-7\@lg
    {
        --offset: 7;
    }
    .offset-8\@lg
    {
        --offset: 8;
    }
    .offset-9\@lg
    {
        --offset: 9;
    }
    .offset-10\@lg
    {
        --offset: 10;
    }
    .offset-11\@lg
    {
        --offset: 11;
    }
    .offset-10\@lg, .offset-11\@lg, .offset-1\@lg, .offset-2\@lg, .offset-3\@lg, .offset-4\@lg, .offset-5\@lg, .offset-6\@lg, .offset-7\@lg, .offset-8\@lg, .offset-9\@lg
    {
        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));
    }
    .offset-0\@lg
    {
        margin-left: 0;
    }
    @media not all and (min-resolution: .001dpcm)
    {
        @supports not (
        translate: none)
        {
        .offset-0\@lg
        {
            margin-left: var(--gap-x);
        }
        }
    }
}
@media(min-width: 90rem)
{
    .gap-xxxxs\@xl
    {
        --gap-x: var(--space-xxxxs);
        --gap-y: var(--space-xxxxs);
    }
    .gap-xxxxs\@xl>*
    {
        --sub-gap-x: var(--space-xxxxs);
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-xxxs\@xl
    {
        --gap-x: var(--space-xxxs);
        --gap-y: var(--space-xxxs);
    }
    .gap-xxxs\@xl>*
    {
        --sub-gap-x: var(--space-xxxs);
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-xxs\@xl
    {
        --gap-x: var(--space-xxs);
        --gap-y: var(--space-xxs);
    }
    .gap-xxs\@xl>*
    {
        --sub-gap-x: var(--space-xxs);
        --sub-gap-y: var(--space-xxs);
    }
    .gap-xs\@xl
    {
        --gap-x: var(--space-xs);
        --gap-y: var(--space-xs);
    }
    .gap-xs\@xl>*
    {
        --sub-gap-x: var(--space-xs);
        --sub-gap-y: var(--space-xs);
    }
    .gap-sm\@xl
    {
        --gap-x: var(--space-sm);
        --gap-y: var(--space-sm);
    }
    .gap-sm\@xl>*
    {
        --sub-gap-x: var(--space-sm);
        --sub-gap-y: var(--space-sm);
    }
    .gap-md\@xl
    {
        --gap-x: var(--space-md);
        --gap-y: var(--space-md);
    }
    .gap-md\@xl>*
    {
        --sub-gap-x: var(--space-md);
        --sub-gap-y: var(--space-md);
    }
    .gap-lg\@xl
    {
        --gap-x: var(--space-lg);
        --gap-y: var(--space-lg);
    }
    .gap-lg\@xl>*
    {
        --sub-gap-x: var(--space-lg);
        --sub-gap-y: var(--space-lg);
    }
    .gap-xl\@xl
    {
        --gap-x: var(--space-xl);
        --gap-y: var(--space-xl);
    }
    .gap-xl\@xl>*
    {
        --sub-gap-x: var(--space-xl);
        --sub-gap-y: var(--space-xl);
    }
    .gap-xxl\@xl
    {
        --gap-x: var(--space-xxl);
        --gap-y: var(--space-xxl);
    }
    .gap-xxl\@xl>*
    {
        --sub-gap-x: var(--space-xxl);
        --sub-gap-y: var(--space-xxl);
    }
    .gap-xxxl\@xl
    {
        --gap-x: var(--space-xxxl);
        --gap-y: var(--space-xxxl);
    }
    .gap-xxxl\@xl>*
    {
        --sub-gap-x: var(--space-xxxl);
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-xxxxl\@xl
    {
        --gap-x: var(--space-xxxxl);
        --gap-y: var(--space-xxxxl);
    }
    .gap-xxxxl\@xl>*
    {
        --sub-gap-x: var(--space-xxxxl);
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-0\@xl
    {
        --gap-x: 0px;
        --gap-y: 0px;
    }
    .gap-0\@xl>*
    {
        --sub-gap-x: 0px;
        --sub-gap-y: 0px;
    }
    .gap-x-xxxxs\@xl
    {
        --gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxxs\@xl>*
    {
        --sub-gap-x: var(--space-xxxxs);
    }
    .gap-x-xxxs\@xl
    {
        --gap-x: var(--space-xxxs);
    }
    .gap-x-xxxs\@xl>*
    {
        --sub-gap-x: var(--space-xxxs);
    }
    .gap-x-xxs\@xl
    {
        --gap-x: var(--space-xxs);
    }
    .gap-x-xxs\@xl>*
    {
        --sub-gap-x: var(--space-xxs);
    }
    .gap-x-xs\@xl
    {
        --gap-x: var(--space-xs);
    }
    .gap-x-xs\@xl>*
    {
        --sub-gap-x: var(--space-xs);
    }
    .gap-x-sm\@xl
    {
        --gap-x: var(--space-sm);
    }
    .gap-x-sm\@xl>*
    {
        --sub-gap-x: var(--space-sm);
    }
    .gap-x-md\@xl
    {
        --gap-x: var(--space-md);
    }
    .gap-x-md\@xl>*
    {
        --sub-gap-x: var(--space-md);
    }
    .gap-x-lg\@xl
    {
        --gap-x: var(--space-lg);
    }
    .gap-x-lg\@xl>*
    {
        --sub-gap-x: var(--space-lg);
    }
    .gap-x-xl\@xl
    {
        --gap-x: var(--space-xl);
    }
    .gap-x-xl\@xl>*
    {
        --sub-gap-x: var(--space-xl);
    }
    .gap-x-xxl\@xl
    {
        --gap-x: var(--space-xxl);
    }
    .gap-x-xxl\@xl>*
    {
        --sub-gap-x: var(--space-xxl);
    }
    .gap-x-xxxl\@xl
    {
        --gap-x: var(--space-xxxl);
    }
    .gap-x-xxxl\@xl>*
    {
        --sub-gap-x: var(--space-xxxl);
    }
    .gap-x-xxxxl\@xl
    {
        --gap-x: var(--space-xxxxl);
    }
    .gap-x-xxxxl\@xl>*
    {
        --sub-gap-x: var(--space-xxxxl);
    }
    .gap-x-0\@xl
    {
        --gap-x: 0px;
    }
    .gap-x-0\@xl>*
    {
        --sub-gap-x: 0px;
    }
    .gap-y-xxxxs\@xl
    {
        --gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxxs\@xl>*
    {
        --sub-gap-y: var(--space-xxxxs);
    }
    .gap-y-xxxs\@xl
    {
        --gap-y: var(--space-xxxs);
    }
    .gap-y-xxxs\@xl>*
    {
        --sub-gap-y: var(--space-xxxs);
    }
    .gap-y-xxs\@xl
    {
        --gap-y: var(--space-xxs);
    }
    .gap-y-xxs\@xl>*
    {
        --sub-gap-y: var(--space-xxs);
    }
    .gap-y-xs\@xl
    {
        --gap-y: var(--space-xs);
    }
    .gap-y-xs\@xl>*
    {
        --sub-gap-y: var(--space-xs);
    }
    .gap-y-sm\@xl
    {
        --gap-y: var(--space-sm);
    }
    .gap-y-sm\@xl>*
    {
        --sub-gap-y: var(--space-sm);
    }
    .gap-y-md\@xl
    {
        --gap-y: var(--space-md);
    }
    .gap-y-md\@xl>*
    {
        --sub-gap-y: var(--space-md);
    }
    .gap-y-lg\@xl
    {
        --gap-y: var(--space-lg);
    }
    .gap-y-lg\@xl>*
    {
        --sub-gap-y: var(--space-lg);
    }
    .gap-y-xl\@xl
    {
        --gap-y: var(--space-xl);
    }
    .gap-y-xl\@xl>*
    {
        --sub-gap-y: var(--space-xl);
    }
    .gap-y-xxl\@xl
    {
        --gap-y: var(--space-xxl);
    }
    .gap-y-xxl\@xl>*
    {
        --sub-gap-y: var(--space-xxl);
    }
    .gap-y-xxxl\@xl
    {
        --gap-y: var(--space-xxxl);
    }
    .gap-y-xxxl\@xl>*
    {
        --sub-gap-y: var(--space-xxxl);
    }
    .gap-y-xxxxl\@xl
    {
        --gap-y: var(--space-xxxxl);
    }
    .gap-y-xxxxl\@xl>*
    {
        --sub-gap-y: var(--space-xxxxl);
    }
    .gap-y-0\@xl
    {
        --gap-y: 0px;
    }
    .gap-y-0\@xl>*
    {
        --sub-gap-y: 0px;
    }
    .grid-col-1\@xl
    {
        --grid-columns: 1;
    }
    .col-1\@xl
    {
        --span: 1;
    }
    .grid-col-2\@xl
    {
        --grid-columns: 2;
    }
    .col-2\@xl
    {
        --span: 2;
    }
    .grid-col-3\@xl
    {
        --grid-columns: 3;
    }
    .col-3\@xl
    {
        --span: 3;
    }
    .grid-col-4\@xl
    {
        --grid-columns: 4;
    }
    .col-4\@xl
    {
        --span: 4;
    }
    .grid-col-5\@xl
    {
        --grid-columns: 5;
    }
    .col-5\@xl
    {
        --span: 5;
    }
    .grid-col-6\@xl
    {
        --grid-columns: 6;
    }
    .col-6\@xl
    {
        --span: 6;
    }
    .grid-col-7\@xl
    {
        --grid-columns: 7;
    }
    .col-7\@xl
    {
        --span: 7;
    }
    .grid-col-8\@xl
    {
        --grid-columns: 8;
    }
    .col-8\@xl
    {
        --span: 8;
    }
    .grid-col-9\@xl
    {
        --grid-columns: 9;
    }
    .col-9\@xl
    {
        --span: 9;
    }
    .grid-col-10\@xl
    {
        --grid-columns: 10;
    }
    .col-10\@xl
    {
        --span: 10;
    }
    .grid-col-11\@xl
    {
        --grid-columns: 11;
    }
    .col-11\@xl
    {
        --span: 11;
    }
    .grid-col-12\@xl
    {
        --grid-columns: 12;
    }
    .col-12\@xl
    {
        --span: 12;
    }
    .col-10\@xl, .col-11\@xl, .col-12\@xl, .col-1\@xl, .col-2\@xl, .col-3\@xl, .col-4\@xl, .col-5\@xl, .col-6\@xl, .col-7\@xl, .col-8\@xl, .col-9\@xl
    {
        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\@xl
    {
        flex-grow: 1;
        flex-basis: 0;
        max-width: 100%;
    }
    .col-content\@xl
    {
        flex-grow: 0;
        flex-basis: initial;
        max-width: initial;
    }
    .offset-1\@xl
    {
        --offset: 1;
    }
    .offset-2\@xl
    {
        --offset: 2;
    }
    .offset-3\@xl
    {
        --offset: 3;
    }
    .offset-4\@xl
    {
        --offset: 4;
    }
    .offset-5\@xl
    {
        --offset: 5;
    }
    .offset-6\@xl
    {
        --offset: 6;
    }
    .offset-7\@xl
    {
        --offset: 7;
    }
    .offset-8\@xl
    {
        --offset: 8;
    }
    .offset-9\@xl
    {
        --offset: 9;
    }
    .offset-10\@xl
    {
        --offset: 10;
    }
    .offset-11\@xl
    {
        --offset: 11;
    }
    .offset-10\@xl, .offset-11\@xl, .offset-1\@xl, .offset-2\@xl, .offset-3\@xl, .offset-4\@xl, .offset-5\@xl, .offset-6\@xl, .offset-7\@xl, .offset-8\@xl, .offset-9\@xl
    {
        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));
    }
    .offset-0\@xl
    {
        margin-left: 0;
    }
    @media not all and (min-resolution: .001dpcm)
    {
        @supports not (
        translate: none)
        {
        .offset-0\@xl
        {
            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, .frm_style_formidable-style.with_frm_style .frm_button_submit, .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,#fff);
    color: var(--color-contrast-high,#313539);
}
:root
{
    --space-unit: 1rem;
}
*, :root
{
    --space-xxxxs: calc(.125 * var(--space-unit));
    --space-xxxs: calc(.25 * var(--space-unit));
    --space-xxs: calc(.375 * var(--space-unit));
    --space-xs: calc(.5 * var(--space-unit));
    --space-sm: calc(.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,.375em) / 2);
    --radius-md: var(--radius,.375em);
    --radius-lg: calc(var(--radius,.375em) * 2);
    --shadow-ring: 0 0 0 1px hsla(0,0%,0%,.05);
    --shadow-xs: 0 0 0 1px hsla(0,0%,0%,.02),0 1px 3px -1px hsla(0,0%,0%,.2);
    --shadow-sm: 0 .3px .4px hsla(0,0%,0%,.02),0 .9px 1.5px hsla(0,0%,0%,.045),0 3.5px 6px hsla(0,0%,0%,.09);
    --shadow-md: 0 .9px 1.25px hsla(0,0%,0%,.025),0 3px 5px hsla(0,0%,0%,.05),0 12px 20px hsla(0,0%,0%,.09);
    --shadow-lg: 0 1.2px 1.9px -1px hsla(0,0%,0%,.01),0 3px 5px -1px hsla(0,0%,0%,.015),0 8px 15px -1px hsla(0,0%,0%,.05),0 28px 40px -1px hsla(0,0%,0%,.1);
    --shadow-xl: 0 1.5px 2.1px -6px hsla(0,0%,0%,.009),0 3.6px 5.2px -6px hsla(0,0%,0%,.0115),0 7.3px 10.6px -6px hsla(0,0%,0%,.0125),0 16.2px 21.9px -6px hsla(0,0%,0%,.025),0 46px 60px -6px hsla(0,0%,0%,.15);
    --inner-glow: inset 0 0 .5px 1px hsla(0,0%,100%,.075);
    --inner-glow-top: inset 0 1px .5px hsla(0,0%,100%,.075);
    --ease-in-out: cubic-bezier(.645,.045,.355,1);
    --ease-in: cubic-bezier(.55,.055,.675,.19);
    --ease-out: cubic-bezier(.215,.61,.355,1);
    --ease-out-back: cubic-bezier(.34,1.56,.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,#313539);
    font-weight: var(--body-font-weight,normal);
}
h1, h2, h3, h4
{
    color: var(--color-contrast-higher,#0c1216);
    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,#4827ec);
    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 .alignfull, .text-component .alignwide, .text-component .text-component__block, .text-component .wp-block-embed, .text-component .wp-block-image, .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;
}
.alignfull, .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)
{
    .alignwide, .text-component__block--outset
    {
        width: calc(100% + 10.5 * var(--space-unit));
    }
    .alignwide img, .text-component__block--outset img
    {
        width: 100%;
    }
    .alignwide:not(.text-component__block--right), .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.alignwide, .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;
    font-size: var(--size);
    height: 1em;
    width: 1em;
    display: inline-block;
    color: inherit;
    fill: currentColor;
    line-height: 1;
    flex-shrink: 0;
    max-width: initial;
}
.icon--xxxs
{
    --size: var(--icon-xxxs);
}
.icon--xxs
{
    --size: var(--icon-xxs);
}
.icon--xs
{
    --size: var(--icon-xs);
}
.icon--sm
{
    --size: var(--icon-sm);
}
.icon--md
{
    --size: var(--icon-md);
}
.icon--lg
{
    --size: var(--icon-lg);
}
.icon--xl
{
    --size: var(--icon-xl);
}
.icon--xxl
{
    --size: var(--icon-xxl);
}
.icon--xxxl
{
    --size: var(--icon-xxxl);
}
.icon--is-spinning
{
    -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, .frm_style_formidable-style.with_frm_style .frm_button_submit
{
    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,#0c1216);
    line-height: var(--heading-line-height,1.2);
    font-weight: var(--heading-font-weight,700);
    font-size: var(--text-md,1.125rem);
    margin-bottom: var(--space-md);
}
.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;
}
.is-visible
{
    display: var(--display)!important;
}
.is-hidden
{
    display: none!important;
}
html:not(.js) .no-js\:is-hidden
{
    display: none!important;
}
@media print
{
    .print\:is-hidden
    {
        display: none!important;
    }
    .print\:shadow-none
    {
        box-shadow: none;
    }
}
.sr-only, .sr-only-focusable: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;
}
.flex-wrap
{
    flex-wrap: wrap;
}
.flex-nowrap
{
    flex-wrap: nowrap;
}
.flex-column
{
    flex-direction: column;
}
.flex-column-reverse
{
    flex-direction: column-reverse;
}
.flex-row
{
    flex-direction: row;
}
.flex-row-reverse
{
    flex-direction: row-reverse;
}
.flex-center
{
    justify-content: center;
    align-items: center;
}
.flex-grow
{
    flex-grow: 1;
}
.flex-grow-0
{
    flex-grow: 0;
}
.flex-shrink
{
    flex-shrink: 1;
}
.flex-shrink-0
{
    flex-shrink: 0;
}
.flex-basis-0
{
    flex-basis: 0;
}
.justify-start
{
    justify-content: flex-start;
}
.justify-end
{
    justify-content: flex-end;
}
.justify-center
{
    justify-content: center;
}
.justify-between
{
    justify-content: space-between;
}
.items-center
{
    align-items: center;
}
.items-start
{
    align-items: flex-start;
}
.items-end
{
    align-items: flex-end;
}
.items-baseline
{
    align-items: baseline;
}
.items-stretch
{
    align-items: stretch;
}
.content-start
{
    align-content: start;
}
.content-end
{
    align-content: end;
}
.content-center
{
    align-content: center;
}
.content-between
{
    align-content: space-between;
}
.order-1
{
    order: 1;
}
.order-2
{
    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);
}
.aspect-ratio-3\:2
{
    --aspect-ratio: calc(3 / 2);
}
.aspect-ratio-4\:3
{
    --aspect-ratio: calc(4 / 3);
}
.aspect-ratio-5\:4
{
    --aspect-ratio: calc(5 / 4);
}
.aspect-ratio-1\:1
{
    --aspect-ratio: calc(1 / 1);
}
.aspect-ratio-4\:5
{
    --aspect-ratio: calc(4 / 5);
}
.aspect-ratio-3\:4
{
    --aspect-ratio: calc(3 / 4);
}
.aspect-ratio-2\:3
{
    --aspect-ratio: calc(2 / 3);
}
.aspect-ratio-9\:16
{
    --aspect-ratio: calc(9 / 16);
}
.ratio-16\:9
{
    aspect-ratio: 16/9;
}
.ratio-3\:2
{
    aspect-ratio: 3/2;
}
.ratio-4\:3
{
    aspect-ratio: 4/3;
}
.ratio-5\:4
{
    aspect-ratio: 5/4;
}
.ratio-1\:1
{
    aspect-ratio: 1/1;
}
.ratio-4\:5
{
    aspect-ratio: 4/5;
}
.ratio-3\:4
{
    aspect-ratio: 3/4;
}
.ratio-2\:3
{
    aspect-ratio: 2/3;
}
.ratio-9\:16
{
    aspect-ratio: 9/16;
}
.block
{
    display: block;
}
.inline-block
{
    display: inline-block;
}
.inline
{
    display: inline;
}
.contents
{
    display: contents;
}
.hide
{
    display: none;
}
.css-grid
{
    display: grid;
}
.css-inline-grid
{
    display: inline-grid;
}
.space-unit-rem
{
    --space-unit: 1rem;
}
.space-unit-em
{
    --space-unit: 1em;
}
.space-unit-px
{
    --space-unit: 16px;
}
.margin-xxxxs
{
    margin: var(--space-xxxxs);
}
.margin-xxxs
{
    margin: var(--space-xxxs);
}
.margin-xxs
{
    margin: var(--space-xxs);
}
.margin-xs
{
    margin: var(--space-xs);
}
.margin-sm
{
    margin: var(--space-sm);
}
.margin-md
{
    margin: var(--space-md);
}
.margin-lg
{
    margin: var(--space-lg);
}
.margin-xl
{
    margin: var(--space-xl);
}
.margin-xxl
{
    margin: var(--space-xxl);
}
.margin-xxxl
{
    margin: var(--space-xxxl);
}
.margin-xxxxl
{
    margin: var(--space-xxxxl);
}
.margin-auto
{
    margin: auto;
}
.margin-0
{
    margin: 0;
}
.margin-top-xxxxs
{
    margin-top: var(--space-xxxxs);
}
.margin-top-xxxs
{
    margin-top: var(--space-xxxs);
}
.margin-top-xxs
{
    margin-top: var(--space-xxs);
}
.margin-top-xs
{
    margin-top: var(--space-xs);
}
.margin-top-sm
{
    margin-top: var(--space-sm);
}
.margin-top-md
{
    margin-top: var(--space-md);
}
.margin-top-lg
{
    margin-top: var(--space-lg);
}
.margin-top-xl
{
    margin-top: var(--space-xl);
}
.margin-top-xxl
{
    margin-top: var(--space-xxl);
}
.margin-top-xxxl
{
    margin-top: var(--space-xxxl);
}
.margin-top-xxxxl
{
    margin-top: var(--space-xxxxl);
}
.margin-top-auto
{
    margin-top: auto;
}
.margin-top-0
{
    margin-top: 0;
}
.margin-bottom-xxxxs
{
    margin-bottom: var(--space-xxxxs);
}
.margin-bottom-xxxs
{
    margin-bottom: var(--space-xxxs);
}
.margin-bottom-xxs
{
    margin-bottom: var(--space-xxs);
}
.margin-bottom-xs
{
    margin-bottom: var(--space-xs);
}
.margin-bottom-sm
{
    margin-bottom: var(--space-sm);
}
.margin-bottom-md
{
    margin-bottom: var(--space-md);
}
.margin-bottom-lg
{
    margin-bottom: var(--space-lg);
}
.margin-bottom-xl
{
    margin-bottom: var(--space-xl);
}
.margin-bottom-xxl
{
    margin-bottom: var(--space-xxl);
}
.margin-bottom-xxxl
{
    margin-bottom: var(--space-xxxl);
}
.margin-bottom-xxxxl
{
    margin-bottom: var(--space-xxxxl);
}
.margin-bottom-auto
{
    margin-bottom: auto;
}
.margin-bottom-0
{
    margin-bottom: 0;
}
.margin-right-xxxxs
{
    margin-right: var(--space-xxxxs);
}
.margin-right-xxxs
{
    margin-right: var(--space-xxxs);
}
.margin-right-xxs
{
    margin-right: var(--space-xxs);
}
.margin-right-xs
{
    margin-right: var(--space-xs);
}
.margin-right-sm
{
    margin-right: var(--space-sm);
}
.margin-right-md
{
    margin-right: var(--space-md);
}
.margin-right-lg
{
    margin-right: var(--space-lg);
}
.margin-right-xl
{
    margin-right: var(--space-xl);
}
.margin-right-xxl
{
    margin-right: var(--space-xxl);
}
.margin-right-xxxl
{
    margin-right: var(--space-xxxl);
}
.margin-right-xxxxl
{
    margin-right: var(--space-xxxxl);
}
.margin-right-auto
{
    margin-right: auto;
}
.margin-right-0
{
    margin-right: 0;
}
.margin-left-xxxxs
{
    margin-left: var(--space-xxxxs);
}
.margin-left-xxxs
{
    margin-left: var(--space-xxxs);
}
.margin-left-xxs
{
    margin-left: var(--space-xxs);
}
.margin-left-xs
{
    margin-left: var(--space-xs);
}
.margin-left-sm
{
    margin-left: var(--space-sm);
}
.margin-left-md
{
    margin-left: var(--space-md);
}
.margin-left-lg
{
    margin-left: var(--space-lg);
}
.margin-left-xl
{
    margin-left: var(--space-xl);
}
.margin-left-xxl
{
    margin-left: var(--space-xxl);
}
.margin-left-xxxl
{
    margin-left: var(--space-xxxl);
}
.margin-left-xxxxl
{
    margin-left: var(--space-xxxxl);
}
.margin-left-auto
{
    margin-left: auto;
}
.margin-left-0
{
    margin-left: 0;
}
.margin-x-xxxxs
{
    margin-left: var(--space-xxxxs);
    margin-right: var(--space-xxxxs);
}
.margin-x-xxxs
{
    margin-left: var(--space-xxxs);
    margin-right: var(--space-xxxs);
}
.margin-x-xxs
{
    margin-left: var(--space-xxs);
    margin-right: var(--space-xxs);
}
.margin-x-xs
{
    margin-left: var(--space-xs);
    margin-right: var(--space-xs);
}
.margin-x-sm
{
    margin-left: var(--space-sm);
    margin-right: var(--space-sm);
}
.margin-x-md
{
    margin-left: var(--space-md);
    margin-right: var(--space-md);
}
.margin-x-lg
{
    margin-left: var(--space-lg);
    margin-right: var(--space-lg);
}
.margin-x-xl
{
    margin-left: var(--space-xl);
    margin-right: var(--space-xl);
}
.margin-x-xxl
{
    margin-left: var(--space-xxl);
    margin-right: var(--space-xxl);
}
.margin-x-xxxl
{
    margin-left: var(--space-xxxl);
    margin-right: var(--space-xxxl);
}
.margin-x-xxxxl
{
    margin-left: var(--space-xxxxl);
    margin-right: var(--space-xxxxl);
}
.margin-x-auto
{
    margin-left: auto;
    margin-right: auto;
}
.margin-x-0
{
    margin-left: 0;
    margin-right: 0;
}
.margin-y-xxxxs
{
    margin-top: var(--space-xxxxs);
    margin-bottom: var(--space-xxxxs);
}
.margin-y-xxxs
{
    margin-top: var(--space-xxxs);
    margin-bottom: var(--space-xxxs);
}
.margin-y-xxs
{
    margin-top: var(--space-xxs);
    margin-bottom: var(--space-xxs);
}
.margin-y-xs
{
    margin-top: var(--space-xs);
    margin-bottom: var(--space-xs);
}
.margin-y-sm
{
    margin-top: var(--space-sm);
    margin-bottom: var(--space-sm);
}
.margin-y-md
{
    margin-top: var(--space-md);
    margin-bottom: var(--space-md);
}
.margin-y-lg
{
    margin-top: var(--space-lg);
    margin-bottom: var(--space-lg);
}
.margin-y-xl
{
    margin-top: var(--space-xl);
    margin-bottom: var(--space-xl);
}
.margin-y-xxl
{
    margin-top: var(--space-xxl);
    margin-bottom: var(--space-xxl);
}
.margin-y-xxxl
{
    margin-top: var(--space-xxxl);
    margin-bottom: var(--space-xxxl);
}
.margin-y-xxxxl
{
    margin-top: var(--space-xxxxl);
    margin-bottom: var(--space-xxxxl);
}
.margin-y-auto
{
    margin-top: auto;
    margin-bottom: auto;
}
.margin-y-0
{
    margin-top: 0;
    margin-bottom: 0;
}
.padding-xxxxs
{
    padding: var(--space-xxxxs);
}
.padding-xxxs
{
    padding: var(--space-xxxs);
}
.padding-xxs
{
    padding: var(--space-xxs);
}
.padding-xs
{
    padding: var(--space-xs);
}
.padding-sm
{
    padding: var(--space-sm);
}
.padding-md
{
    padding: var(--space-md);
}
.padding-lg
{
    padding: var(--space-lg);
}
.padding-xl
{
    padding: var(--space-xl);
}
.padding-xxl
{
    padding: var(--space-xxl);
}
.padding-xxxl
{
    padding: var(--space-xxxl);
}
.padding-xxxxl
{
    padding: var(--space-xxxxl);
}
.padding-0
{
    padding: 0;
}
.padding-component
{
    padding: var(--component-padding);
}
.padding-top-xxxxs
{
    padding-top: var(--space-xxxxs);
}
.padding-top-xxxs
{
    padding-top: var(--space-xxxs);
}
.padding-top-xxs
{
    padding-top: var(--space-xxs);
}
.padding-top-xs
{
    padding-top: var(--space-xs);
}
.padding-top-sm
{
    padding-top: var(--space-sm);
}
.padding-top-md
{
    padding-top: var(--space-md);
}
.padding-top-lg
{
    padding-top: var(--space-lg);
}
.padding-top-xl
{
    padding-top: var(--space-xl);
}
.padding-top-xxl
{
    padding-top: var(--space-xxl);
}
.padding-top-xxxl
{
    padding-top: var(--space-xxxl);
}
.padding-top-xxxxl
{
    padding-top: var(--space-xxxxl);
}
.padding-top-0
{
    padding-top: 0;
}
.padding-top-component
{
    padding-top: var(--component-padding);
}
.padding-bottom-xxxxs
{
    padding-bottom: var(--space-xxxxs);
}
.padding-bottom-xxxs
{
    padding-bottom: var(--space-xxxs);
}
.padding-bottom-xxs
{
    padding-bottom: var(--space-xxs);
}
.padding-bottom-xs
{
    padding-bottom: var(--space-xs);
}
.padding-bottom-sm
{
    padding-bottom: var(--space-sm);
}
.padding-bottom-md
{
    padding-bottom: var(--space-md);
}
.padding-bottom-lg
{
    padding-bottom: var(--space-lg);
}
.padding-bottom-xl
{
    padding-bottom: var(--space-xl);
}
.padding-bottom-xxl
{
    padding-bottom: var(--space-xxl);
}
.padding-bottom-xxxl
{
    padding-bottom: var(--space-xxxl);
}
.padding-bottom-xxxxl
{
    padding-bottom: var(--space-xxxxl);
}
.padding-bottom-0
{
    padding-bottom: 0;
}
.padding-bottom-component
{
    padding-bottom: var(--component-padding);
}
.padding-right-xxxxs
{
    padding-right: var(--space-xxxxs);
}
.padding-right-xxxs
{
    padding-right: var(--space-xxxs);
}
.padding-right-xxs
{
    padding-right: var(--space-xxs);
}
.padding-right-xs
{
    padding-right: var(--space-xs);
}
.padding-right-sm
{
    padding-right: var(--space-sm);
}
.padding-right-md
{
    padding-right: var(--space-md);
}
.padding-right-lg
{
    padding-right: var(--space-lg);
}
.padding-right-xl
{
    padding-right: var(--space-xl);
}
.padding-right-xxl
{
    padding-right: var(--space-xxl);
}
.padding-right-xxxl
{
    padding-right: var(--space-xxxl);
}
.padding-right-xxxxl
{
    padding-right: var(--space-xxxxl);
}
.padding-right-0
{
    padding-right: 0;
}
.padding-right-component
{
    padding-right: var(--component-padding);
}
.padding-left-xxxxs
{
    padding-left: var(--space-xxxxs);
}
.padding-left-xxxs
{
    padding-left: var(--space-xxxs);
}
.padding-left-xxs
{
    padding-left: var(--space-xxs);
}
.padding-left-xs
{
    padding-left: var(--space-xs);
}
.padding-left-sm
{
    padding-left: var(--space-sm);
}
.padding-left-md
{
    padding-left: var(--space-md);
}
.padding-left-lg
{
    padding-left: var(--space-lg);
}
.padding-left-xl
{
    padding-left: var(--space-xl);
}
.padding-left-xxl
{
    padding-left: var(--space-xxl);
}
.padding-left-xxxl
{
    padding-left: var(--space-xxxl);
}
.padding-left-xxxxl
{
    padding-left: var(--space-xxxxl);
}
.padding-left-0
{
    padding-left: 0;
}
.padding-left-component
{
    padding-left: var(--component-padding);
}
.padding-x-xxxxs
{
    padding-left: var(--space-xxxxs);
    padding-right: var(--space-xxxxs);
}
.padding-x-xxxs
{
    padding-left: var(--space-xxxs);
    padding-right: var(--space-xxxs);
}
.padding-x-xxs
{
    padding-left: var(--space-xxs);
    padding-right: var(--space-xxs);
}
.padding-x-xs
{
    padding-left: var(--space-xs);
    padding-right: var(--space-xs);
}
.padding-x-sm
{
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
}
.padding-x-md
{
    padding-left: var(--space-md);
    padding-right: var(--space-md);
}
.padding-x-lg
{
    padding-left: var(--space-lg);
    padding-right: var(--space-lg);
}
.padding-x-xl
{
    padding-left: var(--space-xl);
    padding-right: var(--space-xl);
}
.padding-x-xxl
{
    padding-left: var(--space-xxl);
    padding-right: var(--space-xxl);
}
.padding-x-xxxl
{
    padding-left: var(--space-xxxl);
    padding-right: var(--space-xxxl);
}
.padding-x-xxxxl
{
    padding-left: var(--space-xxxxl);
    padding-right: var(--space-xxxxl);
}
.padding-x-0
{
    padding-left: 0;
    padding-right: 0;
}
.padding-x-component
{
    padding-left: var(--component-padding);
    padding-right: var(--component-padding);
}
.padding-y-xxxxs
{
    padding-top: var(--space-xxxxs);
    padding-bottom: var(--space-xxxxs);
}
.padding-y-xxxs
{
    padding-top: var(--space-xxxs);
    padding-bottom: var(--space-xxxs);
}
.padding-y-xxs
{
    padding-top: var(--space-xxs);
    padding-bottom: var(--space-xxs);
}
.padding-y-xs
{
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
}
.padding-y-sm
{
    padding-top: var(--space-sm);
    padding-bottom: var(--space-sm);
}
.padding-y-md
{
    padding-top: var(--space-md);
    padding-bottom: var(--space-md);
}
.padding-y-lg
{
    padding-top: var(--space-lg);
    padding-bottom: var(--space-lg);
}
.padding-y-xl
{
    padding-top: var(--space-xl);
    padding-bottom: var(--space-xl);
}
.padding-y-xxl
{
    padding-top: var(--space-xxl);
    padding-bottom: var(--space-xxl);
}
.padding-y-xxxl
{
    padding-top: var(--space-xxxl);
    padding-bottom: var(--space-xxxl);
}
.padding-y-xxxxl
{
    padding-top: var(--space-xxxxl);
    padding-bottom: var(--space-xxxxl);
}
.padding-y-0
{
    padding-top: 0;
    padding-bottom: 0;
}
.padding-y-component
{
    padding-top: var(--component-padding);
    padding-bottom: var(--component-padding);
}
.align-baseline
{
    vertical-align: baseline;
}
.align-sub
{
    vertical-align: sub;
}
.align-super
{
    vertical-align: super;
}
.align-text-top
{
    vertical-align: text-top;
}
.align-text-bottom
{
    vertical-align: text-bottom;
}
.align-top
{
    vertical-align: top;
}
.align-middle
{
    vertical-align: middle;
}
.align-bottom
{
    vertical-align: bottom;
}
.text-truncate, .truncate
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-replace
{
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
}
.break-word
{
    overflow-wrap: break-word;
    min-width: 0;
}
.text-unit-em, .text-unit-px, .text-unit-rem
{
    font-size: var(--text-unit);
}
.text-unit-rem
{
    --text-unit: 1rem;
}
.text-unit-em
{
    --text-unit: 1em;
}
.text-unit-px
{
    --text-unit: 16px;
}
.has-xs-font-size, .text-xs
{
    font-size: var(--text-xs,.6875rem);
}
.has-sm-font-size, .text-sm
{
    font-size: var(--text-sm,.75rem);
}
.has-base-font-size, .text-base
{
    font-size: var(--text-unit,1rem);
}
.has-md-font-size, .text-md
{
    font-size: var(--text-md,1.125rem);
}
.has-lg-font-size, .text-lg
{
    font-size: var(--text-lg,1.375rem);
}
.has-xl-font-size, .text-xl
{
    font-size: var(--text-xl,1.75rem);
}
.has-xxl-font-size, .text-xxl
{
    font-size: var(--text-xxl,2rem);
}
.has-xxxl-font-size, .text-xxxl
{
    font-size: var(--text-xxxl,2.5rem);
}
.has-xxxl-font-size, .text-xxxxl
{
    font-size: var(--text-xxxxl,3rem);
}
.text-uppercase
{
    text-transform: uppercase;
}
.text-capitalize
{
    text-transform: capitalize;
}
.letter-spacing-xs
{
    letter-spacing: -.1em;
}
.letter-spacing-sm
{
    letter-spacing: -.05em;
}
.letter-spacing-md
{
    letter-spacing: .05em;
}
.letter-spacing-lg
{
    letter-spacing: .1em;
}
.letter-spacing-xl
{
    letter-spacing: .2em;
}
.font-thin
{
    font-weight: 100;
}
.font-extralight
{
    font-weight: 200;
}
.font-light
{
    font-weight: 300;
}
.font-normal
{
    font-weight: 400;
}
.font-medium
{
    font-weight: 500;
}
.font-semibold
{
    font-weight: 600;
}
.font-bold, .text-bold
{
    font-weight: 700;
}
.font-extrabold
{
    font-weight: 800;
}
.font-black
{
    font-weight: 900;
}
.font-italic
{
    font-style: italic;
}
.font-smooth
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.font-primary
{
    font-family: var(--font-primary);
}
.text-center
{
    text-align: center;
}
.text-left
{
    text-align: left;
}
.text-right
{
    text-align: right;
}
.text-justify
{
    text-align: justify;
}
.text-line-through
{
    text-decoration: line-through;
}
.text-underline
{
    text-decoration: underline;
}
.text-decoration-none
{
    text-decoration: none;
}
.text-shadow-xs
{
    text-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.text-shadow-sm
{
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
}
.text-shadow-md
{
    text-shadow: 0 1px 2px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2);
}
.text-shadow-lg
{
    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);
}
.text-shadow-xl
{
    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);
}
.text-shadow-none
{
    text-shadow: none;
}
.text-indent-sm
{
    text-indent: .5em;
}
.text-indent-md
{
    text-indent: 1em;
}
.text-indent-lg
{
    text-indent: 1.5em;
}
.text-space-y-xxs
{
    --text-space-y-multiplier: .25!important;
}
.text-space-y-xs
{
    --text-space-y-multiplier: .5!important;
}
.text-space-y-sm
{
    --text-space-y-multiplier: .75!important;
}
.text-space-y-md
{
    --text-space-y-multiplier: 1.25!important;
}
.text-space-y-lg
{
    --text-space-y-multiplier: 1.5!important;
}
.text-space-y-xl
{
    --text-space-y-multiplier: 1.75!important;
}
.text-space-y-xxl
{
    --text-space-y-multiplier: 2!important;
}
.line-height-xs
{
    --heading-line-height: 1;
    --body-line-height: 1.1;
}
.line-height-xs:not(.text-component)
{
    line-height: 1.1;
}
.line-height-sm
{
    --heading-line-height: 1.1;
    --body-line-height: 1.2;
}
.line-height-sm:not(.text-component)
{
    line-height: 1.2;
}
.line-height-md
{
    --heading-line-height: 1.15;
    --body-line-height: 1.4;
}
.line-height-md:not(.text-component)
{
    line-height: 1.4;
}
.line-height-lg
{
    --heading-line-height: 1.22;
    --body-line-height: 1.58;
}
.line-height-lg:not(.text-component)
{
    line-height: 1.58;
}
.line-height-xl
{
    --heading-line-height: 1.3;
    --body-line-height: 1.72;
}
.line-height-xl:not(.text-component)
{
    line-height: 1.72;
}
.line-height-body
{
    line-height: var(--body-line-height);
}
.line-height-heading
{
    line-height: var(--heading-line-height);
}
.line-height-normal
{
    line-height: normal!important;
}
.line-height-1
{
    line-height: 1!important;
}
.line-clamp-1
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.line-clamp-2
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.line-clamp-3
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.line-clamp-4
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.column-count-1
{
    -moz-column-count: 1;
    column-count: 1;
}
.column-count-2
{
    -moz-column-count: 2;
    column-count: 2;
}
.column-count-3
{
    -moz-column-count: 3;
    column-count: 3;
}
.column-count-4
{
    -moz-column-count: 4;
    column-count: 4;
}
.list-style-none
{
    list-style: none;
}
.text-nowrap, .ws-nowrap
{
    white-space: nowrap;
}
.cursor-pointer
{
    cursor: pointer;
}
.cursor-default
{
    cursor: default;
}
.pointer-events-auto
{
    pointer-events: auto;
}
.pointer-events-none
{
    pointer-events: none;
}
.user-select-none
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.user-select-all
{
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}
[class*=" color-"], [class^=color-]
{
    --color-o: 1;
}
.color-inherit
{
    color: inherit;
}
.color-bg-darker, .has-bg-darker-color
{
    color: hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--color-o,1));
}
.color-bg-dark, .has-bg-dark-color
{
    color: hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--color-o,1));
}
.color-bg, .has-bg-color
{
    color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--color-o,1));
}
.color-bg-light, .has-bg-light-color
{
    color: hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--color-o,1));
}
.color-bg-lighter, .has-bg-lighter-color
{
    color: hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--color-o,1));
}
.color-contrast-lower, .has-contrast-lower-color
{
    color: hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--color-o,1));
}
.color-contrast-low, .has-contrast-low-color
{
    color: hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--color-o,1));
}
.color-contrast-medium, .has-contrast-medium-color
{
    color: hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--color-o,1));
}
.color-contrast-high, .has-contrast-high-color
{
    color: hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--color-o,1));
}
.color-contrast-higher, .has-contrast-higher-color
{
    color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--color-o,1));
}
.color-primary-darker, .has-primary-darker-color
{
    color: hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--color-o,1));
}
.color-primary-dark, .has-primary-dark-color
{
    color: hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--color-o,1));
}
.color-primary, .has-primary-color
{
    color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--color-o,1));
}
.color-primary-light, .has-primary-light-color
{
    color: hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--color-o,1));
}
.color-primary-lighter, .has-primary-lighter-color
{
    color: hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--color-o,1));
}
.color-accent-darker, .has-accent-darker-color
{
    color: hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--color-o,1));
}
.color-accent-dark, .has-accent-dark-color
{
    color: hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--color-o,1));
}
.color-accent, .has-accent-color
{
    color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--color-o,1));
}
.color-accent-light, .has-accent-light-color
{
    color: hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--color-o,1));
}
.color-accent-lighter, .has-accent-lighter-color
{
    color: hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--color-o,1));
}
.color-success-darker, .has-success-darker-color
{
    color: hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--color-o,1));
}
.color-success-dark, .has-success-dark-color
{
    color: hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--color-o,1));
}
.color-success, .has-success-color
{
    color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--color-o,1));
}
.color-success-light, .has-success-light-color
{
    color: hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--color-o,1));
}
.color-success-lighter, .has-success-lighter-color
{
    color: hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--color-o,1));
}
.color-warning-darker, .has-warning-darker-color
{
    color: hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--color-o,1));
}
.color-warning-dark, .has-warning-dark-color
{
    color: hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--color-o,1));
}
.color-warning, .has-warning-color
{
    color: hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--color-o,1));
}
.color-warning-light, .has-warning-light-color
{
    color: hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--color-o,1));
}
.color-warning-lighter, .has-warning-lighter-color
{
    color: hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--color-o,1));
}
.color-error-darker, .has-error-darker-color
{
    color: hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--color-o,1));
}
.color-error-dark, .has-error-dark-color
{
    color: hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--color-o,1));
}
.color-error, .has-error-color
{
    color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--color-o,1));
}
.color-error-light, .has-error-light-color
{
    color: hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--color-o,1));
}
.color-error-lighter, .has-error-lighter-color
{
    color: hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--color-o,1));
}
.color-white, .has-white-color
{
    color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--color-o,1));
}
.color-black, .has-black-color
{
    color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--color-o,1));
}
.color-opacity-0
{
    --color-o: 0;
}
.color-opacity-5\%
{
    --color-o: .05;
}
.color-opacity-10\%
{
    --color-o: .1;
}
.color-opacity-15\%
{
    --color-o: .15;
}
.color-opacity-20\%
{
    --color-o: .2;
}
.color-opacity-25\%
{
    --color-o: .25;
}
.color-opacity-30\%
{
    --color-o: .3;
}
.color-opacity-40\%
{
    --color-o: .4;
}
.color-opacity-50\%
{
    --color-o: .5;
}
.color-opacity-60\%
{
    --color-o: .6;
}
.color-opacity-70\%
{
    --color-o: .7;
}
.color-opacity-75\%
{
    --color-o: .75;
}
.color-opacity-80\%
{
    --color-o: .8;
}
.color-opacity-85\%
{
    --color-o: .85;
}
.color-opacity-90\%
{
    --color-o: .9;
}
.color-opacity-95\%
{
    --color-o: .95;
}
[class*=" color-gradient"], [class^=color-gradient]
{
    color: transparent!important;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: var(--color-o,1);
}
.width-xxxxs
{
    width: var(--size-xxxxs,.25rem);
}
.width-xxxs
{
    width: var(--size-xxxs,.5rem);
}
.width-xxs
{
    width: var(--size-xxs,.75rem);
}
.width-xs
{
    width: var(--size-xs,1rem);
}
.width-sm
{
    width: var(--size-sm,1.5rem);
}
.width-md
{
    width: var(--size-md,2rem);
}
.width-lg
{
    width: var(--size-lg,3rem);
}
.width-xl
{
    width: var(--size-xl,4rem);
}
.width-xxl
{
    width: var(--size-xxl,6rem);
}
.width-xxxl
{
    width: var(--size-xxxl,8rem);
}
.width-xxxxl
{
    width: var(--size-xxxxl,16rem);
}
.width-0
{
    width: 0;
}
.width-10\%
{
    width: 10%;
}
.width-20\%
{
    width: 20%;
}
.width-25\%
{
    width: 25%;
}
.width-30\%
{
    width: 30%;
}
.width-33\%
{
    width: 33.3333333333%;
}
.width-40\%
{
    width: 40%;
}
.width-50\%
{
    width: 50%;
}
.width-60\%
{
    width: 60%;
}
.width-66\%
{
    width: 66.6666666667%;
}
.width-70\%
{
    width: 70%;
}
.width-75\%
{
    width: 75%;
}
.width-80\%
{
    width: 80%;
}
.width-90\%
{
    width: 90%;
}
.width-100\%
{
    width: 100%;
}
.width-100vw
{
    width: 100vw;
}
.width-auto
{
    width: auto;
}
.width-inherit
{
    width: inherit;
}
.height-xxxxs
{
    height: var(--size-xxxxs,.25rem);
}
.height-xxxs
{
    height: var(--size-xxxs,.5rem);
}
.height-xxs
{
    height: var(--size-xxs,.75rem);
}
.height-xs
{
    height: var(--size-xs,1rem);
}
.height-sm
{
    height: var(--size-sm,1.5rem);
}
.height-md
{
    height: var(--size-md,2rem);
}
.height-lg
{
    height: var(--size-lg,3rem);
}
.height-xl
{
    height: var(--size-xl,4rem);
}
.height-xxl
{
    height: var(--size-xxl,6rem);
}
.height-xxxl
{
    height: var(--size-xxxl,8rem);
}
.height-xxxxl
{
    height: var(--size-xxxxl,16rem);
}
.height-0
{
    height: 0;
}
.height-10\%
{
    height: 10%;
}
.height-20\%
{
    height: 20%;
}
.height-25\%
{
    height: 25%;
}
.height-30\%
{
    height: 30%;
}
.height-33\%
{
    height: 33.3333333333%;
}
.height-40\%
{
    height: 40%;
}
.height-50\%
{
    height: 50%;
}
.height-60\%
{
    height: 60%;
}
.height-66\%
{
    height: 66.6666666667%;
}
.height-70\%
{
    height: 70%;
}
.height-75\%
{
    height: 75%;
}
.height-80\%
{
    height: 80%;
}
.height-90\%
{
    height: 90%;
}
.height-100\%
{
    height: 100%;
}
.height-100vh
{
    height: 100vh;
}
.height-auto
{
    height: auto;
}
.height-inherit
{
    height: inherit;
}
.min-width-0
{
    min-width: 0;
}
.min-width-25\%
{
    min-width: 25%;
}
.min-width-33\%
{
    min-width: 33.3333333333%;
}
.min-width-50\%
{
    min-width: 50%;
}
.min-width-66\%
{
    min-width: 66.6666666667%;
}
.min-width-75\%
{
    min-width: 75%;
}
.min-width-100\%
{
    min-width: 100%;
}
.min-width-100vw
{
    min-width: 100vw;
}
.min-height-0
{
    min-height: 0;
}
.min-height-100\%
{
    min-height: 100%;
}
.min-height-100vh
{
    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;
}
.max-width-xxxxxs
{
    max-width: var(--max-width-xxxxxs);
}
.max-width-xxxxs
{
    max-width: var(--max-width-xxxxs);
}
.max-width-xxxs
{
    max-width: var(--max-width-xxxs);
}
.max-width-xxs
{
    max-width: var(--max-width-xxs);
}
.max-width-xs
{
    max-width: var(--max-width-xs);
}
.max-width-sm
{
    max-width: var(--max-width-sm);
}
.max-width-md
{
    max-width: var(--max-width-md);
}
.max-width-lg
{
    max-width: var(--max-width-lg);
}
.max-width-xl
{
    max-width: var(--max-width-xl);
}
.max-width-xxl
{
    max-width: var(--max-width-xxl);
}
.max-width-xxxl
{
    max-width: var(--max-width-xxxl);
}
.max-width-xxxxl
{
    max-width: var(--max-width-xxxxl);
}
.max-width-100\%
{
    max-width: 100%;
}
.max-width-none
{
    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;
    }
}
.max-height-100\%
{
    max-height: 100%;
}
.max-height-100vh
{
    max-height: 100vh;
}
.shadow-ring
{
    box-shadow: var(--shadow-ring);
}
.shadow-xs
{
    box-shadow: var(--shadow-xs);
}
.shadow-xs.shadow-ring
{
    box-shadow: var(--shadow-xs),var(--shadow-ring);
}
.shadow-sm
{
    box-shadow: var(--shadow-sm);
}
.shadow-sm.shadow-ring
{
    box-shadow: var(--shadow-sm),var(--shadow-ring);
}
.shadow-md
{
    box-shadow: var(--shadow-md);
}
.shadow-md.shadow-ring
{
    box-shadow: var(--shadow-md),var(--shadow-ring);
}
.shadow-lg
{
    box-shadow: var(--shadow-lg);
}
.shadow-lg.shadow-ring
{
    box-shadow: var(--shadow-lg),var(--shadow-ring);
}
.shadow-xl
{
    box-shadow: var(--shadow-xl);
}
.shadow-xl.shadow-ring
{
    box-shadow: var(--shadow-xl),var(--shadow-ring);
}
.shadow-none
{
    box-shadow: none;
}
:where(.inner-glow,.inner-glow-top)
{
    position: relative;
}
:where(.inner-glow,.inner-glow-top)::after
{
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    pointer-events: none;
}
.inner-glow::after
{
    box-shadow: var(--inner-glow);
}
.inner-glow-top::after
{
    box-shadow: var(--inner-glow-top);
}
.position-relative
{
    position: relative;
}
.position-absolute
{
    position: absolute;
}
.position-fixed
{
    position: fixed;
}
.position-sticky
{
    position: sticky;
}
.inset-0
{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.top-0
{
    top: 0;
}
.top-50\%
{
    top: 50%;
}
.top-xxxxs
{
    top: var(--space-xxxxs);
}
.top-xxxs
{
    top: var(--space-xxxs);
}
.top-xxs
{
    top: var(--space-xxs);
}
.top-xs
{
    top: var(--space-xs);
}
.top-sm
{
    top: var(--space-sm);
}
.top-md
{
    top: var(--space-md);
}
.top-lg
{
    top: var(--space-lg);
}
.top-xl
{
    top: var(--space-xl);
}
.top-xxl
{
    top: var(--space-xxl);
}
.top-xxxl
{
    top: var(--space-xxxl);
}
.top-xxxxl
{
    top: var(--space-xxxxl);
}
.bottom-0
{
    bottom: 0;
}
.bottom-50\%
{
    bottom: 50%;
}
.bottom-xxxxs
{
    bottom: var(--space-xxxxs);
}
.bottom-xxxs
{
    bottom: var(--space-xxxs);
}
.bottom-xxs
{
    bottom: var(--space-xxs);
}
.bottom-xs
{
    bottom: var(--space-xs);
}
.bottom-sm
{
    bottom: var(--space-sm);
}
.bottom-md
{
    bottom: var(--space-md);
}
.bottom-lg
{
    bottom: var(--space-lg);
}
.bottom-xl
{
    bottom: var(--space-xl);
}
.bottom-xxl
{
    bottom: var(--space-xxl);
}
.bottom-xxxl
{
    bottom: var(--space-xxxl);
}
.bottom-xxxxl
{
    bottom: var(--space-xxxxl);
}
.right-0
{
    right: 0;
}
.right-50\%
{
    right: 50%;
}
.right-xxxxs
{
    right: var(--space-xxxxs);
}
.right-xxxs
{
    right: var(--space-xxxs);
}
.right-xxs
{
    right: var(--space-xxs);
}
.right-xs
{
    right: var(--space-xs);
}
.right-sm
{
    right: var(--space-sm);
}
.right-md
{
    right: var(--space-md);
}
.right-lg
{
    right: var(--space-lg);
}
.right-xl
{
    right: var(--space-xl);
}
.right-xxl
{
    right: var(--space-xxl);
}
.right-xxxl
{
    right: var(--space-xxxl);
}
.right-xxxxl
{
    right: var(--space-xxxxl);
}
.left-0
{
    left: 0;
}
.left-50\%
{
    left: 50%;
}
.left-xxxxs
{
    left: var(--space-xxxxs);
}
.left-xxxs
{
    left: var(--space-xxxs);
}
.left-xxs
{
    left: var(--space-xxs);
}
.left-xs
{
    left: var(--space-xs);
}
.left-sm
{
    left: var(--space-sm);
}
.left-md
{
    left: var(--space-md);
}
.left-lg
{
    left: var(--space-lg);
}
.left-xl
{
    left: var(--space-xl);
}
.left-xxl
{
    left: var(--space-xxl);
}
.left-xxxl
{
    left: var(--space-xxxl);
}
.left-xxxxl
{
    left: var(--space-xxxxl);
}
.z-index-header
{
    z-index: var(--z-index-header);
}
.z-index-popover
{
    z-index: var(--z-index-popover);
}
.z-index-fixed-element
{
    z-index: var(--z-index-fixed-element);
}
.z-index-overlay
{
    z-index: var(--z-index-overlay);
}
.z-index-1
{
    z-index: 1;
}
.z-index-2
{
    z-index: 2;
}
.z-index-3
{
    z-index: 3;
}
.overflow-visible
{
    overflow: visible;
}
.overflow-hidden
{
    overflow: hidden;
}
.overflow-x-hidden
{
    overflow-x: hidden;
}
.overflow-y-hidden
{
    overflow-y: hidden;
}
.overflow-clip
{
    overflow: clip;
}
.overflow-x-clip
{
    overflow-x: clip;
}
.overflow-y-clip
{
    overflow-y: clip;
}
.overflow-auto
{
    overflow: auto;
}
.momentum-scrolling
{
    -webkit-overflow-scrolling: touch;
}
.overscroll-contain
{
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}
.scroll-smooth
{
    scroll-behavior: smooth;
}
.scroll-padding-xxxxs
{
    scroll-padding: var(--space-xxxxs);
}
.scroll-padding-xxxs
{
    scroll-padding: var(--space-xxxs);
}
.scroll-padding-xxs
{
    scroll-padding: var(--space-xxs);
}
.scroll-padding-xs
{
    scroll-padding: var(--space-xs);
}
.scroll-padding-sm
{
    scroll-padding: var(--space-sm);
}
.scroll-padding-md
{
    scroll-padding: var(--space-md);
}
.scroll-padding-lg
{
    scroll-padding: var(--space-lg);
}
.scroll-padding-xl
{
    scroll-padding: var(--space-xl);
}
.scroll-padding-xxl
{
    scroll-padding: var(--space-xxl);
}
.scroll-padding-xxxl
{
    scroll-padding: var(--space-xxxl);
}
.scroll-padding-xxxxl
{
    scroll-padding: var(--space-xxxxl);
}
.opacity-0
{
    opacity: 0;
}
.opacity-5\%
{
    opacity: .05;
}
.opacity-10\%
{
    opacity: .1;
}
.opacity-15\%
{
    opacity: .15;
}
.opacity-20\%
{
    opacity: .2;
}
.opacity-25\%
{
    opacity: .25;
}
.opacity-30\%
{
    opacity: .3;
}
.opacity-40\%
{
    opacity: .4;
}
.opacity-50\%
{
    opacity: .5;
}
.opacity-60\%
{
    opacity: .6;
}
.opacity-70\%
{
    opacity: .7;
}
.opacity-75\%
{
    opacity: .75;
}
.opacity-80\%
{
    opacity: .8;
}
.opacity-85\%
{
    opacity: .85;
}
.opacity-90\%
{
    opacity: .9;
}
.opacity-95\%
{
    opacity: .95;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.clearfix::after
{
    content: "";
    display: table;
    clear: both;
}
[class*=" border-"], [class^=border-]
{
    --border-o: 1;
    --border-width: 1px;
    --border-style: solid;
}
.border
{
    border: var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1));
}
.border-top
{
    border-top: var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1));
}
.border-bottom
{
    border-bottom: var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1));
}
.border-left
{
    border-left: var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1));
}
.border-right
{
    border-right: var(--border-width,1px) var(--border-style,solid) hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o-base,.1));
}
.border-2
{
    --border-width: 2px;
}
.border-3
{
    --border-width: 3px;
}
.border-4
{
    --border-width: 4px;
}
.border-dotted
{
    --border-style: dotted;
}
.border-dashed
{
    --border-style: dashed;
}
.border-bg-darker
{
    border-color: hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--border-o,1));
}
.border-bg-dark
{
    border-color: hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--border-o,1));
}
.border-bg
{
    border-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--border-o,1));
}
.border-bg-light
{
    border-color: hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--border-o,1));
}
.border-bg-lighter
{
    border-color: hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--border-o,1));
}
.border-contrast-lower
{
    border-color: hsla(var(--color-contrast-lower-h),var(--color-contrast-lower-s),var(--color-contrast-lower-l),var(--border-o,1));
}
.border-contrast-low
{
    border-color: hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--border-o,1));
}
.border-contrast-medium
{
    border-color: hsla(var(--color-contrast-medium-h),var(--color-contrast-medium-s),var(--color-contrast-medium-l),var(--border-o,1));
}
.border-contrast-high
{
    border-color: hsla(var(--color-contrast-high-h),var(--color-contrast-high-s),var(--color-contrast-high-l),var(--border-o,1));
}
.border-contrast-higher
{
    border-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--border-o,1));
}
.border-primary-darker
{
    border-color: hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--border-o,1));
}
.border-primary-dark
{
    border-color: hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--border-o,1));
}
.border-primary
{
    border-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--border-o,1));
}
.border-primary-light
{
    border-color: hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--border-o,1));
}
.border-primary-lighter
{
    border-color: hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--border-o,1));
}
.border-accent-darker
{
    border-color: hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--border-o,1));
}
.border-accent-dark
{
    border-color: hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--border-o,1));
}
.border-accent
{
    border-color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--border-o,1));
}
.border-accent-light
{
    border-color: hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--border-o,1));
}
.border-accent-lighter
{
    border-color: hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--border-o,1));
}
.border-success-darker
{
    border-color: hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--border-o,1));
}
.border-success-dark
{
    border-color: hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--border-o,1));
}
.border-success
{
    border-color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--border-o,1));
}
.border-success-light
{
    border-color: hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--border-o,1));
}
.border-success-lighter
{
    border-color: hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--border-o,1));
}
.border-warning-darker
{
    border-color: hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--border-o,1));
}
.border-warning-dark
{
    border-color: hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--border-o,1));
}
.border-warning
{
    border-color: hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--border-o,1));
}
.border-warning-light
{
    border-color: hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--border-o,1));
}
.border-warning-lighter
{
    border-color: hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--border-o,1));
}
.border-error-darker
{
    border-color: hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--border-o,1));
}
.border-error-dark
{
    border-color: hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--border-o,1));
}
.border-error
{
    border-color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--border-o,1));
}
.border-error-light
{
    border-color: hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--border-o,1));
}
.border-error-lighter
{
    border-color: hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--border-o,1));
}
.border-white
{
    border-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--border-o,1));
}
.border-black
{
    border-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--border-o,1));
}
.border-opacity-0
{
    --border-o: 0;
}
.border-opacity-5\%
{
    --border-o: .05;
}
.border-opacity-10\%
{
    --border-o: .1;
}
.border-opacity-15\%
{
    --border-o: .15;
}
.border-opacity-20\%
{
    --border-o: .2;
}
.border-opacity-25\%
{
    --border-o: .25;
}
.border-opacity-30\%
{
    --border-o: .3;
}
.border-opacity-40\%
{
    --border-o: .4;
}
.border-opacity-50\%
{
    --border-o: .5;
}
.border-opacity-60\%
{
    --border-o: .6;
}
.border-opacity-70\%
{
    --border-o: .7;
}
.border-opacity-75\%
{
    --border-o: .75;
}
.border-opacity-80\%
{
    --border-o: .8;
}
.border-opacity-85\%
{
    --border-o: .85;
}
.border-opacity-90\%
{
    --border-o: .9;
}
.border-opacity-95\%
{
    --border-o: .95;
}
.radius-sm
{
    border-radius: var(--radius-sm);
}
.radius-md
{
    border-radius: var(--radius-md);
}
.radius-lg
{
    border-radius: var(--radius-lg);
}
.radius-50\%
{
    border-radius: 50%;
}
.radius-full
{
    border-radius: 50em;
}
.radius-0
{
    border-radius: 0;
}
.radius-inherit
{
    border-radius: inherit;
}
.radius-top-left-0
{
    border-top-left-radius: 0;
}
.radius-top-right-0
{
    border-top-right-radius: 0;
}
.radius-bottom-right-0
{
    border-bottom-right-radius: 0;
}
.radius-bottom-left-0
{
    border-bottom-left-radius: 0;
}
.bg, .has-bg-background-color, [class*=" bg-"], [class*=" has-bg-"], [class^=bg-], [class^=has-bg-]
{
    --bg-o: 1;
}
.bg-transparent
{
    background-color: transparent;
}
.bg-inherit
{
    background-color: inherit;
}
.bg-darker, .has-bg-darker-background-color
{
    background-color: hsla(var(--color-bg-darker-h),var(--color-bg-darker-s),var(--color-bg-darker-l),var(--bg-o));
}
.bg-dark, .has-bg-dark-background-color
{
    background-color: hsla(var(--color-bg-dark-h),var(--color-bg-dark-s),var(--color-bg-dark-l),var(--bg-o));
}
.bg, .has-bg-background-color
{
    background-color: hsla(var(--color-bg-h),var(--color-bg-s),var(--color-bg-l),var(--bg-o));
}
.bg-light, .has-bg-light-background-color
{
    background-color: hsla(var(--color-bg-light-h),var(--color-bg-light-s),var(--color-bg-light-l),var(--bg-o));
}
.bg-lighter, .has-bg-lighter-background-color
{
    background-color: hsla(var(--color-bg-lighter-h),var(--color-bg-lighter-s),var(--color-bg-lighter-l),var(--bg-o));
}
.bg-contrast-lower, .has-contrast-lower-background-color
{
    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, .has-contrast-low-background-color
{
    background-color: hsla(var(--color-contrast-low-h),var(--color-contrast-low-s),var(--color-contrast-low-l),var(--bg-o,1));
}
.bg-contrast-medium, .has-contrast-medium-background-color
{
    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, .has-contrast-high-background-color
{
    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, .has-contrast-higher-background-color
{
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),var(--bg-o,1));
}
.bg-primary-darker, .has-primary-darker-background-color
{
    background-color: hsla(var(--color-primary-darker-h),var(--color-primary-darker-s),var(--color-primary-darker-l),var(--bg-o,1));
}
.bg-primary-dark, .has-primary-dark-background-color
{
    background-color: hsla(var(--color-primary-dark-h),var(--color-primary-dark-s),var(--color-primary-dark-l),var(--bg-o,1));
}
.bg-primary, .has-primary-background-color
{
    background-color: hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),var(--bg-o,1));
}
.bg-primary-light, .has-primary-light-background-color
{
    background-color: hsla(var(--color-primary-light-h),var(--color-primary-light-s),var(--color-primary-light-l),var(--bg-o,1));
}
.bg-primary-lighter, .has-primary-lighter-background-color
{
    background-color: hsla(var(--color-primary-lighter-h),var(--color-primary-lighter-s),var(--color-primary-lighter-l),var(--bg-o,1));
}
.bg-accent-darker, .has-accent-darker-background-color
{
    background-color: hsla(var(--color-accent-darker-h),var(--color-accent-darker-s),var(--color-accent-darker-l),var(--bg-o,1));
}
.bg-accent-dark, .has-accent-dark-background-color
{
    background-color: hsla(var(--color-accent-dark-h),var(--color-accent-dark-s),var(--color-accent-dark-l),var(--bg-o,1));
}
.bg-accent, .has-accent-background-color
{
    background-color: hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),var(--bg-o,1));
}
.bg-accent-light, .has-accent-light-background-color
{
    background-color: hsla(var(--color-accent-light-h),var(--color-accent-light-s),var(--color-accent-light-l),var(--bg-o,1));
}
.bg-accent-lighter, .has-accent-lighter-background-color
{
    background-color: hsla(var(--color-accent-lighter-h),var(--color-accent-lighter-s),var(--color-accent-lighter-l),var(--bg-o,1));
}
.bg-success-darker, .has-success-darker-background-color
{
    background-color: hsla(var(--color-success-darker-h),var(--color-success-darker-s),var(--color-success-darker-l),var(--bg-o,1));
}
.bg-success-dark, .has-success-dark-background-color
{
    background-color: hsla(var(--color-success-dark-h),var(--color-success-dark-s),var(--color-success-dark-l),var(--bg-o,1));
}
.bg-success, .has-success-background-color
{
    background-color: hsla(var(--color-success-h),var(--color-success-s),var(--color-success-l),var(--bg-o,1));
}
.bg-success-light, .has-success-light-background-color
{
    background-color: hsla(var(--color-success-light-h),var(--color-success-light-s),var(--color-success-light-l),var(--bg-o,1));
}
.bg-success-lighter, .has-success-lighter-background-color
{
    background-color: hsla(var(--color-success-lighter-h),var(--color-success-lighter-s),var(--color-success-lighter-l),var(--bg-o,1));
}
.bg-warning-darker, .has-warning-darker-background-color
{
    background-color: hsla(var(--color-warning-darker-h),var(--color-warning-darker-s),var(--color-warning-darker-l),var(--bg-o,1));
}
.bg-warning-dark, .has-warning-dark-background-color
{
    background-color: hsla(var(--color-warning-dark-h),var(--color-warning-dark-s),var(--color-warning-dark-l),var(--bg-o,1));
}
.bg-warning, .has-warning-background-color
{
    background-color: hsla(var(--color-warning-h),var(--color-warning-s),var(--color-warning-l),var(--bg-o,1));
}
.bg-warning-light, .has-warning-light-background-color
{
    background-color: hsla(var(--color-warning-light-h),var(--color-warning-light-s),var(--color-warning-light-l),var(--bg-o,1));
}
.bg-warning-lighter, .has-warning-lighter-background-color
{
    background-color: hsla(var(--color-warning-lighter-h),var(--color-warning-lighter-s),var(--color-warning-lighter-l),var(--bg-o,1));
}
.bg-error-darker, .has-error-darker-background-color
{
    background-color: hsla(var(--color-error-darker-h),var(--color-error-darker-s),var(--color-error-darker-l),var(--bg-o,1));
}
.bg-error-dark, .has-error-dark-background-color
{
    background-color: hsla(var(--color-error-dark-h),var(--color-error-dark-s),var(--color-error-dark-l),var(--bg-o,1));
}
.bg-error, .has-error-background-color
{
    background-color: hsla(var(--color-error-h),var(--color-error-s),var(--color-error-l),var(--bg-o,1));
}
.bg-error-light, .has-error-light-background-color
{
    background-color: hsla(var(--color-error-light-h),var(--color-error-light-s),var(--color-error-light-l),var(--bg-o,1));
}
.bg-error-lighter, .has-error-lighter-background-color
{
    background-color: hsla(var(--color-error-lighter-h),var(--color-error-lighter-s),var(--color-error-lighter-l),var(--bg-o,1));
}
.bg-white, .has-white-background-color
{
    background-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),var(--bg-o,1));
}
.bg-black, .has-black-background-color
{
    background-color: hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),var(--bg-o,1));
}
.bg-opacity-0
{
    --bg-o: 0;
}
.bg-opacity-5\%
{
    --bg-o: .05;
}
.bg-opacity-10\%
{
    --bg-o: .1;
}
.bg-opacity-15\%
{
    --bg-o: .15;
}
.bg-opacity-20\%
{
    --bg-o: .2;
}
.bg-opacity-25\%
{
    --bg-o: .25;
}
.bg-opacity-30\%
{
    --bg-o: .3;
}
.bg-opacity-40\%
{
    --bg-o: .4;
}
.bg-opacity-50\%
{
    --bg-o: .5;
}
.bg-opacity-60\%
{
    --bg-o: .6;
}
.bg-opacity-70\%
{
    --bg-o: .7;
}
.bg-opacity-75\%
{
    --bg-o: .75;
}
.bg-opacity-80\%
{
    --bg-o: .8;
}
.bg-opacity-85\%
{
    --bg-o: .85;
}
.bg-opacity-90\%
{
    --bg-o: .9;
}
.bg-opacity-95\%
{
    --bg-o: .95;
}
.bg-center
{
    background-position: center;
}
.bg-top
{
    background-position: center top;
}
.bg-right
{
    background-position: right center;
}
.bg-bottom
{
    background-position: center bottom;
}
.bg-left
{
    background-position: left center;
}
.bg-top-left
{
    background-position: left top;
}
.bg-top-right
{
    background-position: right top;
}
.bg-bottom-left
{
    background-position: left bottom;
}
.bg-bottom-right
{
    background-position: right bottom;
}
.bg-cover
{
    background-size: cover;
}
.bg-no-repeat
{
    background-repeat: no-repeat;
}
.backdrop-blur-10
{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.backdrop-blur-20
{
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.isolate
{
    isolation: isolate;
}
.blend-multiply
{
    mix-blend-mode: multiply;
}
.blend-overlay
{
    mix-blend-mode: overlay;
}
.blend-difference
{
    mix-blend-mode: difference;
}
.object-contain
{
    -o-object-fit: contain;
    object-fit: contain;
}
.object-cover
{
    -o-object-fit: cover;
    object-fit: cover;
}
.perspective-xs
{
    perspective: 250px;
}
.perspective-sm
{
    perspective: 500px;
}
.perspective-md
{
    perspective: 1000px;
}
.perspective-lg
{
    perspective: 1500px;
}
.perspective-xl
{
    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)));
}
.flip
{
    --scale: -1;
}
.flip-x
{
    --scale-x: -1;
}
.flip-y
{
    --scale-y: -1;
}
.rotate-90
{
    --rotate: 90deg;
}
.rotate-180
{
    --rotate: 180deg;
}
.rotate-270
{
    --rotate: 270deg;
}
.-translate-50\%
{
    --translate: -50%;
}
.-translate-x-50\%
{
    --translate-x: -50%;
}
.-translate-y-50\%
{
    --translate-y: -50%;
}
.translate-50\%
{
    --translate: 50%;
}
.translate-x-50\%
{
    --translate-x: 50%;
}
.translate-y-50\%
{
    --translate-y: 50%;
}
.origin-center
{
    transform-origin: center;
}
.origin-top
{
    transform-origin: center top;
}
.origin-right
{
    transform-origin: right center;
}
.origin-bottom
{
    transform-origin: center bottom;
}
.origin-left
{
    transform-origin: left center;
}
.origin-top-left
{
    transform-origin: left top;
}
.origin-top-right
{
    transform-origin: right top;
}
.origin-bottom-left
{
    transform-origin: left bottom;
}
.origin-bottom-right
{
    transform-origin: right bottom;
}
.transition
{
    transition-property: var(--transition-property,all);
    transition-duration: var(--transition-duration,.2s);
    transition-delay: var(--transition-delay,0s);
}
.fill-current
{
    fill: currentColor;
}
.stroke-current
{
    stroke: currentColor;
}
.stroke-1
{
    stroke-width: 1px;
}
.stroke-2
{
    stroke-width: 2px;
}
.stroke-3
{
    stroke-width: 3px;
}
.stroke-4
{
    stroke-width: 4px;
}
.visible
{
    visibility: visible;
}
.invisible
{
    visibility: hidden;
}
.appearance-none
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.appearance-auto
{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
@media(min-width: 32rem)
{
    .flex\@xs
    {
        display: flex;
    }
    .inline-flex\@xs
    {
        display: inline-flex;
    }
    .flex-wrap\@xs
    {
        flex-wrap: wrap;
    }
    .flex-nowrap\@xs
    {
        flex-wrap: nowrap;
    }
    .flex-column\@xs
    {
        flex-direction: column;
    }
    .flex-column-reverse\@xs
    {
        flex-direction: column-reverse;
    }
    .flex-row\@xs
    {
        flex-direction: row;
    }
    .flex-row-reverse\@xs
    {
        flex-direction: row-reverse;
    }
    .flex-center\@xs
    {
        justify-content: center;
        align-items: center;
    }
    .flex-grow\@xs
    {
        flex-grow: 1;
    }
    .flex-grow-0\@xs
    {
        flex-grow: 0;
    }
    .flex-shrink\@xs
    {
        flex-shrink: 1;
    }
    .flex-shrink-0\@xs
    {
        flex-shrink: 0;
    }
    .flex-basis-0\@xs
    {
        flex-basis: 0;
    }
    .justify-start\@xs
    {
        justify-content: flex-start;
    }
    .justify-end\@xs
    {
        justify-content: flex-end;
    }
    .justify-center\@xs
    {
        justify-content: center;
    }
    .justify-between\@xs
    {
        justify-content: space-between;
    }
    .items-center\@xs
    {
        align-items: center;
    }
    .items-start\@xs
    {
        align-items: flex-start;
    }
    .items-end\@xs
    {
        align-items: flex-end;
    }
    .items-baseline\@xs
    {
        align-items: baseline;
    }
    .items-stretch\@xs
    {
        align-items: stretch;
    }
    .content-start\@xs
    {
        align-content: start;
    }
    .content-end\@xs
    {
        align-content: end;
    }
    .content-center\@xs
    {
        align-content: center;
    }
    .content-between\@xs
    {
        align-content: space-between;
    }
    .order-1\@xs
    {
        order: 1;
    }
    .order-2\@xs
    {
        order: 2;
    }
    .order-3\@xs
    {
        order: 3;
    }
    .block\@xs
    {
        display: block;
    }
    .inline-block\@xs
    {
        display: inline-block;
    }
    .inline\@xs
    {
        display: inline;
    }
    .contents\@xs
    {
        display: contents;
    }
    .css-grid\@xs
    {
        display: grid;
    }
    .css-inline-grid\@xs
    {
        display: inline-grid;
    }
    .hide\@xs
    {
        display: none!important;
    }
    .margin-xxxxs\@xs
    {
        margin: var(--space-xxxxs);
    }
    .margin-xxxs\@xs
    {
        margin: var(--space-xxxs);
    }
    .margin-xxs\@xs
    {
        margin: var(--space-xxs);
    }
    .margin-xs\@xs
    {
        margin: var(--space-xs);
    }
    .margin-sm\@xs
    {
        margin: var(--space-sm);
    }
    .margin-md\@xs
    {
        margin: var(--space-md);
    }
    .margin-lg\@xs
    {
        margin: var(--space-lg);
    }
    .margin-xl\@xs
    {
        margin: var(--space-xl);
    }
    .margin-xxl\@xs
    {
        margin: var(--space-xxl);
    }
    .margin-xxxl\@xs
    {
        margin: var(--space-xxxl);
    }
    .margin-xxxxl\@xs
    {
        margin: var(--space-xxxxl);
    }
    .margin-auto\@xs
    {
        margin: auto;
    }
    .margin-0\@xs
    {
        margin: 0;
    }
    .margin-top-xxxxs\@xs
    {
        margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@xs
    {
        margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@xs
    {
        margin-top: var(--space-xxs);
    }
    .margin-top-xs\@xs
    {
        margin-top: var(--space-xs);
    }
    .margin-top-sm\@xs
    {
        margin-top: var(--space-sm);
    }
    .margin-top-md\@xs
    {
        margin-top: var(--space-md);
    }
    .margin-top-lg\@xs
    {
        margin-top: var(--space-lg);
    }
    .margin-top-xl\@xs
    {
        margin-top: var(--space-xl);
    }
    .margin-top-xxl\@xs
    {
        margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@xs
    {
        margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@xs
    {
        margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@xs
    {
        margin-top: auto;
    }
    .margin-top-0\@xs
    {
        margin-top: 0;
    }
    .margin-bottom-xxxxs\@xs
    {
        margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@xs
    {
        margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@xs
    {
        margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@xs
    {
        margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@xs
    {
        margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@xs
    {
        margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@xs
    {
        margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@xs
    {
        margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@xs
    {
        margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@xs
    {
        margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@xs
    {
        margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@xs
    {
        margin-bottom: auto;
    }
    .margin-bottom-0\@xs
    {
        margin-bottom: 0;
    }
    .margin-right-xxxxs\@xs
    {
        margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@xs
    {
        margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@xs
    {
        margin-right: var(--space-xxs);
    }
    .margin-right-xs\@xs
    {
        margin-right: var(--space-xs);
    }
    .margin-right-sm\@xs
    {
        margin-right: var(--space-sm);
    }
    .margin-right-md\@xs
    {
        margin-right: var(--space-md);
    }
    .margin-right-lg\@xs
    {
        margin-right: var(--space-lg);
    }
    .margin-right-xl\@xs
    {
        margin-right: var(--space-xl);
    }
    .margin-right-xxl\@xs
    {
        margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@xs
    {
        margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@xs
    {
        margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@xs
    {
        margin-right: auto;
    }
    .margin-right-0\@xs
    {
        margin-right: 0;
    }
    .margin-left-xxxxs\@xs
    {
        margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@xs
    {
        margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@xs
    {
        margin-left: var(--space-xxs);
    }
    .margin-left-xs\@xs
    {
        margin-left: var(--space-xs);
    }
    .margin-left-sm\@xs
    {
        margin-left: var(--space-sm);
    }
    .margin-left-md\@xs
    {
        margin-left: var(--space-md);
    }
    .margin-left-lg\@xs
    {
        margin-left: var(--space-lg);
    }
    .margin-left-xl\@xs
    {
        margin-left: var(--space-xl);
    }
    .margin-left-xxl\@xs
    {
        margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@xs
    {
        margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@xs
    {
        margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@xs
    {
        margin-left: auto;
    }
    .margin-left-0\@xs
    {
        margin-left: 0;
    }
    .margin-x-xxxxs\@xs
    {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@xs
    {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@xs
    {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs);
    }
    .margin-x-xs\@xs
    {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs);
    }
    .margin-x-sm\@xs
    {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm);
    }
    .margin-x-md\@xs
    {
        margin-left: var(--space-md);
        margin-right: var(--space-md);
    }
    .margin-x-lg\@xs
    {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
    .margin-x-xl\@xs
    {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl);
    }
    .margin-x-xxl\@xs
    {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@xs
    {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@xs
    {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@xs
    {
        margin-left: auto;
        margin-right: auto;
    }
    .margin-x-0\@xs
    {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-y-xxxxs\@xs
    {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@xs
    {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@xs
    {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@xs
    {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@xs
    {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm);
    }
    .margin-y-md\@xs
    {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md);
    }
    .margin-y-lg\@xs
    {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@xs
    {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@xs
    {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@xs
    {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@xs
    {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@xs
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .margin-y-0\@xs
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-xxxxs\@xs
    {
        padding: var(--space-xxxxs);
    }
    .padding-xxxs\@xs
    {
        padding: var(--space-xxxs);
    }
    .padding-xxs\@xs
    {
        padding: var(--space-xxs);
    }
    .padding-xs\@xs
    {
        padding: var(--space-xs);
    }
    .padding-sm\@xs
    {
        padding: var(--space-sm);
    }
    .padding-md\@xs
    {
        padding: var(--space-md);
    }
    .padding-lg\@xs
    {
        padding: var(--space-lg);
    }
    .padding-xl\@xs
    {
        padding: var(--space-xl);
    }
    .padding-xxl\@xs
    {
        padding: var(--space-xxl);
    }
    .padding-xxxl\@xs
    {
        padding: var(--space-xxxl);
    }
    .padding-xxxxl\@xs
    {
        padding: var(--space-xxxxl);
    }
    .padding-0\@xs
    {
        padding: 0;
    }
    .padding-component\@xs
    {
        padding: var(--component-padding);
    }
    .padding-top-xxxxs\@xs
    {
        padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@xs
    {
        padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@xs
    {
        padding-top: var(--space-xxs);
    }
    .padding-top-xs\@xs
    {
        padding-top: var(--space-xs);
    }
    .padding-top-sm\@xs
    {
        padding-top: var(--space-sm);
    }
    .padding-top-md\@xs
    {
        padding-top: var(--space-md);
    }
    .padding-top-lg\@xs
    {
        padding-top: var(--space-lg);
    }
    .padding-top-xl\@xs
    {
        padding-top: var(--space-xl);
    }
    .padding-top-xxl\@xs
    {
        padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@xs
    {
        padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@xs
    {
        padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@xs
    {
        padding-top: 0;
    }
    .padding-top-component\@xs
    {
        padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@xs
    {
        padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@xs
    {
        padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@xs
    {
        padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@xs
    {
        padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@xs
    {
        padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@xs
    {
        padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@xs
    {
        padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@xs
    {
        padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@xs
    {
        padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@xs
    {
        padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@xs
    {
        padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@xs
    {
        padding-bottom: 0;
    }
    .padding-bottom-component\@xs
    {
        padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@xs
    {
        padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@xs
    {
        padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@xs
    {
        padding-right: var(--space-xxs);
    }
    .padding-right-xs\@xs
    {
        padding-right: var(--space-xs);
    }
    .padding-right-sm\@xs
    {
        padding-right: var(--space-sm);
    }
    .padding-right-md\@xs
    {
        padding-right: var(--space-md);
    }
    .padding-right-lg\@xs
    {
        padding-right: var(--space-lg);
    }
    .padding-right-xl\@xs
    {
        padding-right: var(--space-xl);
    }
    .padding-right-xxl\@xs
    {
        padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@xs
    {
        padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@xs
    {
        padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@xs
    {
        padding-right: 0;
    }
    .padding-right-component\@xs
    {
        padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@xs
    {
        padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@xs
    {
        padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@xs
    {
        padding-left: var(--space-xxs);
    }
    .padding-left-xs\@xs
    {
        padding-left: var(--space-xs);
    }
    .padding-left-sm\@xs
    {
        padding-left: var(--space-sm);
    }
    .padding-left-md\@xs
    {
        padding-left: var(--space-md);
    }
    .padding-left-lg\@xs
    {
        padding-left: var(--space-lg);
    }
    .padding-left-xl\@xs
    {
        padding-left: var(--space-xl);
    }
    .padding-left-xxl\@xs
    {
        padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@xs
    {
        padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@xs
    {
        padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@xs
    {
        padding-left: 0;
    }
    .padding-left-component\@xs
    {
        padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@xs
    {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@xs
    {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@xs
    {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs);
    }
    .padding-x-xs\@xs
    {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }
    .padding-x-sm\@xs
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    .padding-x-md\@xs
    {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .padding-x-lg\@xs
    {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .padding-x-xl\@xs
    {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
    .padding-x-xxl\@xs
    {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@xs
    {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@xs
    {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@xs
    {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-x-component\@xs
    {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@xs
    {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@xs
    {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@xs
    {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@xs
    {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@xs
    {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }
    .padding-y-md\@xs
    {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
    }
    .padding-y-lg\@xs
    {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@xs
    {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@xs
    {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@xs
    {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@xs
    {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@xs
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .padding-y-component\@xs
    {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
    }
    .text-center\@xs
    {
        text-align: center;
    }
    .text-left\@xs
    {
        text-align: left;
    }
    .text-right\@xs
    {
        text-align: right;
    }
    .text-justify\@xs
    {
        text-align: justify;
    }
    .text-xs\@xs
    {
        font-size: var(--text-xs,.6875rem);
    }
    .text-sm\@xs
    {
        font-size: var(--text-sm,.75rem);
    }
    .text-base\@xs
    {
        font-size: var(--text-unit,1rem);
    }
    .text-md\@xs
    {
        font-size: var(--text-md,1.125rem);
    }
    .text-lg\@xs
    {
        font-size: var(--text-lg,1.375rem);
    }
    .text-xl\@xs
    {
        font-size: var(--text-xl,1.75rem);
    }
    .text-xxl\@xs
    {
        font-size: var(--text-xxl,2rem);
    }
    .text-xxxl\@xs
    {
        font-size: var(--text-xxxl,2.5rem);
    }
    .text-xxxxl\@xs
    {
        font-size: var(--text-xxxxl,3rem);
    }
    .column-count-1\@xs
    {
        -moz-column-count: 1;
        column-count: 1;
    }
    .column-count-2\@xs
    {
        -moz-column-count: 2;
        column-count: 2;
    }
    .column-count-3\@xs
    {
        -moz-column-count: 3;
        column-count: 3;
    }
    .column-count-4\@xs
    {
        -moz-column-count: 4;
        column-count: 4;
    }
    .width-xxxxs\@xs
    {
        width: var(--size-xxxxs,.25rem);
    }
    .width-xxxs\@xs
    {
        width: var(--size-xxxs,.5rem);
    }
    .width-xxs\@xs
    {
        width: var(--size-xxs,.75rem);
    }
    .width-xs\@xs
    {
        width: var(--size-xs,1rem);
    }
    .width-sm\@xs
    {
        width: var(--size-sm,1.5rem);
    }
    .width-md\@xs
    {
        width: var(--size-md,2rem);
    }
    .width-lg\@xs
    {
        width: var(--size-lg,3rem);
    }
    .width-xl\@xs
    {
        width: var(--size-xl,4rem);
    }
    .width-xxl\@xs
    {
        width: var(--size-xxl,6rem);
    }
    .width-xxxl\@xs
    {
        width: var(--size-xxxl,8rem);
    }
    .width-xxxxl\@xs
    {
        width: var(--size-xxxxl,16rem);
    }
    .width-0\@xs
    {
        width: 0;
    }
    .width-10\%\@xs
    {
        width: 10%;
    }
    .width-20\%\@xs
    {
        width: 20%;
    }
    .width-25\%\@xs
    {
        width: 25%;
    }
    .width-30\%\@xs
    {
        width: 30%;
    }
    .width-33\%\@xs
    {
        width: 33.3333333333%;
    }
    .width-40\%\@xs
    {
        width: 40%;
    }
    .width-50\%\@xs
    {
        width: 50%;
    }
    .width-60\%\@xs
    {
        width: 60%;
    }
    .width-66\%\@xs
    {
        width: 66.6666666667%;
    }
    .width-70\%\@xs
    {
        width: 70%;
    }
    .width-75\%\@xs
    {
        width: 75%;
    }
    .width-80\%\@xs
    {
        width: 80%;
    }
    .width-90\%\@xs
    {
        width: 90%;
    }
    .width-100\%\@xs
    {
        width: 100%;
    }
    .width-100vw\@xs
    {
        width: 100vw;
    }
    .width-auto\@xs
    {
        width: auto;
    }
    .width-inherit\@xs
    {
        width: inherit;
    }
    .height-xxxxs\@xs
    {
        height: var(--size-xxxxs,.25rem);
    }
    .height-xxxs\@xs
    {
        height: var(--size-xxxs,.5rem);
    }
    .height-xxs\@xs
    {
        height: var(--size-xxs,.75rem);
    }
    .height-xs\@xs
    {
        height: var(--size-xs,1rem);
    }
    .height-sm\@xs
    {
        height: var(--size-sm,1.5rem);
    }
    .height-md\@xs
    {
        height: var(--size-md,2rem);
    }
    .height-lg\@xs
    {
        height: var(--size-lg,3rem);
    }
    .height-xl\@xs
    {
        height: var(--size-xl,4rem);
    }
    .height-xxl\@xs
    {
        height: var(--size-xxl,6rem);
    }
    .height-xxxl\@xs
    {
        height: var(--size-xxxl,8rem);
    }
    .height-xxxxl\@xs
    {
        height: var(--size-xxxxl,16rem);
    }
    .height-0\@xs
    {
        height: 0;
    }
    .height-10\%\@xs
    {
        height: 10%;
    }
    .height-20\%\@xs
    {
        height: 20%;
    }
    .height-25\%\@xs
    {
        height: 25%;
    }
    .height-30\%\@xs
    {
        height: 30%;
    }
    .height-33\%\@xs
    {
        height: 33.3333333333%;
    }
    .height-40\%\@xs
    {
        height: 40%;
    }
    .height-50\%\@xs
    {
        height: 50%;
    }
    .height-60\%\@xs
    {
        height: 60%;
    }
    .height-66\%\@xs
    {
        height: 66.6666666667%;
    }
    .height-70\%\@xs
    {
        height: 70%;
    }
    .height-75\%\@xs
    {
        height: 75%;
    }
    .height-80\%\@xs
    {
        height: 80%;
    }
    .height-90\%\@xs
    {
        height: 90%;
    }
    .height-100\%\@xs
    {
        height: 100%;
    }
    .height-100vh\@xs
    {
        height: 100vh;
    }
    .height-auto\@xs
    {
        height: auto;
    }
    .height-inherit\@xs
    {
        height: inherit;
    }
    .max-width-xxxxxs\@xs
    {
        max-width: var(--max-width-xxxxxs);
    }
    .max-width-xxxxs\@xs
    {
        max-width: var(--max-width-xxxxs);
    }
    .max-width-xxxs\@xs
    {
        max-width: var(--max-width-xxxs);
    }
    .max-width-xxs\@xs
    {
        max-width: var(--max-width-xxs);
    }
    .max-width-xs\@xs
    {
        max-width: var(--max-width-xs);
    }
    .max-width-sm\@xs
    {
        max-width: var(--max-width-sm);
    }
    .max-width-md\@xs
    {
        max-width: var(--max-width-md);
    }
    .max-width-lg\@xs
    {
        max-width: var(--max-width-lg);
    }
    .max-width-xl\@xs
    {
        max-width: var(--max-width-xl);
    }
    .max-width-xxl\@xs
    {
        max-width: var(--max-width-xxl);
    }
    .max-width-xxxl\@xs
    {
        max-width: var(--max-width-xxxl);
    }
    .max-width-xxxxl\@xs
    {
        max-width: var(--max-width-xxxxl);
    }
    .max-width-100\%\@xs
    {
        max-width: 100%;
    }
    .max-width-none\@xs
    {
        max-width: none;
    }
    .position-relative\@xs
    {
        position: relative;
    }
    .position-absolute\@xs
    {
        position: absolute;
    }
    .position-fixed\@xs
    {
        position: fixed;
    }
    .position-sticky\@xs
    {
        position: sticky;
    }
    .position-static\@xs
    {
        position: static;
    }
    .inset-0\@xs
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .top-0\@xs
    {
        top: 0;
    }
    .top-50\%\@xs
    {
        top: 50%;
    }
    .top-xxxxs\@xs
    {
        top: var(--space-xxxxs);
    }
    .top-xxxs\@xs
    {
        top: var(--space-xxxs);
    }
    .top-xxs\@xs
    {
        top: var(--space-xxs);
    }
    .top-xs\@xs
    {
        top: var(--space-xs);
    }
    .top-sm\@xs
    {
        top: var(--space-sm);
    }
    .top-md\@xs
    {
        top: var(--space-md);
    }
    .top-lg\@xs
    {
        top: var(--space-lg);
    }
    .top-xl\@xs
    {
        top: var(--space-xl);
    }
    .top-xxl\@xs
    {
        top: var(--space-xxl);
    }
    .top-xxxl\@xs
    {
        top: var(--space-xxxl);
    }
    .top-xxxxl\@xs
    {
        top: var(--space-xxxxl);
    }
    .bottom-0\@xs
    {
        bottom: 0;
    }
    .bottom-50\%\@xs
    {
        bottom: 50%;
    }
    .bottom-xxxxs\@xs
    {
        bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@xs
    {
        bottom: var(--space-xxxs);
    }
    .bottom-xxs\@xs
    {
        bottom: var(--space-xxs);
    }
    .bottom-xs\@xs
    {
        bottom: var(--space-xs);
    }
    .bottom-sm\@xs
    {
        bottom: var(--space-sm);
    }
    .bottom-md\@xs
    {
        bottom: var(--space-md);
    }
    .bottom-lg\@xs
    {
        bottom: var(--space-lg);
    }
    .bottom-xl\@xs
    {
        bottom: var(--space-xl);
    }
    .bottom-xxl\@xs
    {
        bottom: var(--space-xxl);
    }
    .bottom-xxxl\@xs
    {
        bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@xs
    {
        bottom: var(--space-xxxxl);
    }
    .right-0\@xs
    {
        right: 0;
    }
    .right-50\%\@xs
    {
        right: 50%;
    }
    .right-xxxxs\@xs
    {
        right: var(--space-xxxxs);
    }
    .right-xxxs\@xs
    {
        right: var(--space-xxxs);
    }
    .right-xxs\@xs
    {
        right: var(--space-xxs);
    }
    .right-xs\@xs
    {
        right: var(--space-xs);
    }
    .right-sm\@xs
    {
        right: var(--space-sm);
    }
    .right-md\@xs
    {
        right: var(--space-md);
    }
    .right-lg\@xs
    {
        right: var(--space-lg);
    }
    .right-xl\@xs
    {
        right: var(--space-xl);
    }
    .right-xxl\@xs
    {
        right: var(--space-xxl);
    }
    .right-xxxl\@xs
    {
        right: var(--space-xxxl);
    }
    .right-xxxxl\@xs
    {
        right: var(--space-xxxxl);
    }
    .left-0\@xs
    {
        left: 0;
    }
    .left-50\%\@xs
    {
        left: 50%;
    }
    .left-xxxxs\@xs
    {
        left: var(--space-xxxxs);
    }
    .left-xxxs\@xs
    {
        left: var(--space-xxxs);
    }
    .left-xxs\@xs
    {
        left: var(--space-xxs);
    }
    .left-xs\@xs
    {
        left: var(--space-xs);
    }
    .left-sm\@xs
    {
        left: var(--space-sm);
    }
    .left-md\@xs
    {
        left: var(--space-md);
    }
    .left-lg\@xs
    {
        left: var(--space-lg);
    }
    .left-xl\@xs
    {
        left: var(--space-xl);
    }
    .left-xxl\@xs
    {
        left: var(--space-xxl);
    }
    .left-xxxl\@xs
    {
        left: var(--space-xxxl);
    }
    .left-xxxxl\@xs
    {
        left: var(--space-xxxxl);
    }
    .overflow-hidden\@xs
    {
        overflow: hidden;
    }
    .overflow-auto\@xs
    {
        overflow: auto;
    }
    .momentum-scrolling\@xs
    {
        -webkit-overflow-scrolling: touch;
    }
    .overscroll-contain\@xs
    {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
    .visible\@xs
    {
        visibility: visible;
    }
    .invisible\@xs
    {
        visibility: hidden;
    }
}
@media not all and (min-width: 32rem)
{
    .display\@xs
    {
        display: none!important;
    }
}
@media(min-width: 48rem)
{
    .flex\@sm
    {
        display: flex;
    }
    .inline-flex\@sm
    {
        display: inline-flex;
    }
    .flex-wrap\@sm
    {
        flex-wrap: wrap;
    }
    .flex-nowrap\@sm
    {
        flex-wrap: nowrap;
    }
    .flex-column\@sm
    {
        flex-direction: column;
    }
    .flex-column-reverse\@sm
    {
        flex-direction: column-reverse;
    }
    .flex-row\@sm
    {
        flex-direction: row;
    }
    .flex-row-reverse\@sm
    {
        flex-direction: row-reverse;
    }
    .flex-center\@sm
    {
        justify-content: center;
        align-items: center;
    }
    .flex-grow\@sm
    {
        flex-grow: 1;
    }
    .flex-grow-0\@sm
    {
        flex-grow: 0;
    }
    .flex-shrink\@sm
    {
        flex-shrink: 1;
    }
    .flex-shrink-0\@sm
    {
        flex-shrink: 0;
    }
    .flex-basis-0\@sm
    {
        flex-basis: 0;
    }
    .justify-start\@sm
    {
        justify-content: flex-start;
    }
    .justify-end\@sm
    {
        justify-content: flex-end;
    }
    .justify-center\@sm
    {
        justify-content: center;
    }
    .justify-between\@sm
    {
        justify-content: space-between;
    }
    .items-center\@sm
    {
        align-items: center;
    }
    .items-start\@sm
    {
        align-items: flex-start;
    }
    .items-end\@sm
    {
        align-items: flex-end;
    }
    .items-baseline\@sm
    {
        align-items: baseline;
    }
    .items-stretch\@sm
    {
        align-items: stretch;
    }
    .content-start\@sm
    {
        align-content: start;
    }
    .content-end\@sm
    {
        align-content: end;
    }
    .content-center\@sm
    {
        align-content: center;
    }
    .content-between\@sm
    {
        align-content: space-between;
    }
    .order-1\@sm
    {
        order: 1;
    }
    .order-2\@sm
    {
        order: 2;
    }
    .order-3\@sm
    {
        order: 3;
    }
    .block\@sm
    {
        display: block;
    }
    .inline-block\@sm
    {
        display: inline-block;
    }
    .inline\@sm
    {
        display: inline;
    }
    .contents\@sm
    {
        display: contents;
    }
    .css-grid\@sm
    {
        display: grid;
    }
    .css-inline-grid\@sm
    {
        display: inline-grid;
    }
    .hide\@sm
    {
        display: none!important;
    }
    .margin-xxxxs\@sm
    {
        margin: var(--space-xxxxs);
    }
    .margin-xxxs\@sm
    {
        margin: var(--space-xxxs);
    }
    .margin-xxs\@sm
    {
        margin: var(--space-xxs);
    }
    .margin-xs\@sm
    {
        margin: var(--space-xs);
    }
    .margin-sm\@sm
    {
        margin: var(--space-sm);
    }
    .margin-md\@sm
    {
        margin: var(--space-md);
    }
    .margin-lg\@sm
    {
        margin: var(--space-lg);
    }
    .margin-xl\@sm
    {
        margin: var(--space-xl);
    }
    .margin-xxl\@sm
    {
        margin: var(--space-xxl);
    }
    .margin-xxxl\@sm
    {
        margin: var(--space-xxxl);
    }
    .margin-xxxxl\@sm
    {
        margin: var(--space-xxxxl);
    }
    .margin-auto\@sm
    {
        margin: auto;
    }
    .margin-0\@sm
    {
        margin: 0;
    }
    .margin-top-xxxxs\@sm
    {
        margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@sm
    {
        margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@sm
    {
        margin-top: var(--space-xxs);
    }
    .margin-top-xs\@sm
    {
        margin-top: var(--space-xs);
    }
    .margin-top-sm\@sm
    {
        margin-top: var(--space-sm);
    }
    .margin-top-md\@sm
    {
        margin-top: var(--space-md);
    }
    .margin-top-lg\@sm
    {
        margin-top: var(--space-lg);
    }
    .margin-top-xl\@sm
    {
        margin-top: var(--space-xl);
    }
    .margin-top-xxl\@sm
    {
        margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@sm
    {
        margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@sm
    {
        margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@sm
    {
        margin-top: auto;
    }
    .margin-top-0\@sm
    {
        margin-top: 0;
    }
    .margin-bottom-xxxxs\@sm
    {
        margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@sm
    {
        margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@sm
    {
        margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@sm
    {
        margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@sm
    {
        margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@sm
    {
        margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@sm
    {
        margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@sm
    {
        margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@sm
    {
        margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@sm
    {
        margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@sm
    {
        margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@sm
    {
        margin-bottom: auto;
    }
    .margin-bottom-0\@sm
    {
        margin-bottom: 0;
    }
    .margin-right-xxxxs\@sm
    {
        margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@sm
    {
        margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@sm
    {
        margin-right: var(--space-xxs);
    }
    .margin-right-xs\@sm
    {
        margin-right: var(--space-xs);
    }
    .margin-right-sm\@sm
    {
        margin-right: var(--space-sm);
    }
    .margin-right-md\@sm
    {
        margin-right: var(--space-md);
    }
    .margin-right-lg\@sm
    {
        margin-right: var(--space-lg);
    }
    .margin-right-xl\@sm
    {
        margin-right: var(--space-xl);
    }
    .margin-right-xxl\@sm
    {
        margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@sm
    {
        margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@sm
    {
        margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@sm
    {
        margin-right: auto;
    }
    .margin-right-0\@sm
    {
        margin-right: 0;
    }
    .margin-left-xxxxs\@sm
    {
        margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@sm
    {
        margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@sm
    {
        margin-left: var(--space-xxs);
    }
    .margin-left-xs\@sm
    {
        margin-left: var(--space-xs);
    }
    .margin-left-sm\@sm
    {
        margin-left: var(--space-sm);
    }
    .margin-left-md\@sm
    {
        margin-left: var(--space-md);
    }
    .margin-left-lg\@sm
    {
        margin-left: var(--space-lg);
    }
    .margin-left-xl\@sm
    {
        margin-left: var(--space-xl);
    }
    .margin-left-xxl\@sm
    {
        margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@sm
    {
        margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@sm
    {
        margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@sm
    {
        margin-left: auto;
    }
    .margin-left-0\@sm
    {
        margin-left: 0;
    }
    .margin-x-xxxxs\@sm
    {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@sm
    {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@sm
    {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs);
    }
    .margin-x-xs\@sm
    {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs);
    }
    .margin-x-sm\@sm
    {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm);
    }
    .margin-x-md\@sm
    {
        margin-left: var(--space-md);
        margin-right: var(--space-md);
    }
    .margin-x-lg\@sm
    {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
    .margin-x-xl\@sm
    {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl);
    }
    .margin-x-xxl\@sm
    {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@sm
    {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@sm
    {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@sm
    {
        margin-left: auto;
        margin-right: auto;
    }
    .margin-x-0\@sm
    {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-y-xxxxs\@sm
    {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@sm
    {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@sm
    {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@sm
    {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@sm
    {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm);
    }
    .margin-y-md\@sm
    {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md);
    }
    .margin-y-lg\@sm
    {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@sm
    {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@sm
    {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@sm
    {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@sm
    {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@sm
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .margin-y-0\@sm
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-xxxxs\@sm
    {
        padding: var(--space-xxxxs);
    }
    .padding-xxxs\@sm
    {
        padding: var(--space-xxxs);
    }
    .padding-xxs\@sm
    {
        padding: var(--space-xxs);
    }
    .padding-xs\@sm
    {
        padding: var(--space-xs);
    }
    .padding-sm\@sm
    {
        padding: var(--space-sm);
    }
    .padding-md\@sm
    {
        padding: var(--space-md);
    }
    .padding-lg\@sm
    {
        padding: var(--space-lg);
    }
    .padding-xl\@sm
    {
        padding: var(--space-xl);
    }
    .padding-xxl\@sm
    {
        padding: var(--space-xxl);
    }
    .padding-xxxl\@sm
    {
        padding: var(--space-xxxl);
    }
    .padding-xxxxl\@sm
    {
        padding: var(--space-xxxxl);
    }
    .padding-0\@sm
    {
        padding: 0;
    }
    .padding-component\@sm
    {
        padding: var(--component-padding);
    }
    .padding-top-xxxxs\@sm
    {
        padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@sm
    {
        padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@sm
    {
        padding-top: var(--space-xxs);
    }
    .padding-top-xs\@sm
    {
        padding-top: var(--space-xs);
    }
    .padding-top-sm\@sm
    {
        padding-top: var(--space-sm);
    }
    .padding-top-md\@sm
    {
        padding-top: var(--space-md);
    }
    .padding-top-lg\@sm
    {
        padding-top: var(--space-lg);
    }
    .padding-top-xl\@sm
    {
        padding-top: var(--space-xl);
    }
    .padding-top-xxl\@sm
    {
        padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@sm
    {
        padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@sm
    {
        padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@sm
    {
        padding-top: 0;
    }
    .padding-top-component\@sm
    {
        padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@sm
    {
        padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@sm
    {
        padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@sm
    {
        padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@sm
    {
        padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@sm
    {
        padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@sm
    {
        padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@sm
    {
        padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@sm
    {
        padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@sm
    {
        padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@sm
    {
        padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@sm
    {
        padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@sm
    {
        padding-bottom: 0;
    }
    .padding-bottom-component\@sm
    {
        padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@sm
    {
        padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@sm
    {
        padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@sm
    {
        padding-right: var(--space-xxs);
    }
    .padding-right-xs\@sm
    {
        padding-right: var(--space-xs);
    }
    .padding-right-sm\@sm
    {
        padding-right: var(--space-sm);
    }
    .padding-right-md\@sm
    {
        padding-right: var(--space-md);
    }
    .padding-right-lg\@sm
    {
        padding-right: var(--space-lg);
    }
    .padding-right-xl\@sm
    {
        padding-right: var(--space-xl);
    }
    .padding-right-xxl\@sm
    {
        padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@sm
    {
        padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@sm
    {
        padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@sm
    {
        padding-right: 0;
    }
    .padding-right-component\@sm
    {
        padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@sm
    {
        padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@sm
    {
        padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@sm
    {
        padding-left: var(--space-xxs);
    }
    .padding-left-xs\@sm
    {
        padding-left: var(--space-xs);
    }
    .padding-left-sm\@sm
    {
        padding-left: var(--space-sm);
    }
    .padding-left-md\@sm
    {
        padding-left: var(--space-md);
    }
    .padding-left-lg\@sm
    {
        padding-left: var(--space-lg);
    }
    .padding-left-xl\@sm
    {
        padding-left: var(--space-xl);
    }
    .padding-left-xxl\@sm
    {
        padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@sm
    {
        padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@sm
    {
        padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@sm
    {
        padding-left: 0;
    }
    .padding-left-component\@sm
    {
        padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@sm
    {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@sm
    {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@sm
    {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs);
    }
    .padding-x-xs\@sm
    {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }
    .padding-x-sm\@sm
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    .padding-x-md\@sm
    {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .padding-x-lg\@sm
    {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .padding-x-xl\@sm
    {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
    .padding-x-xxl\@sm
    {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@sm
    {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@sm
    {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@sm
    {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-x-component\@sm
    {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@sm
    {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@sm
    {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@sm
    {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@sm
    {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@sm
    {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }
    .padding-y-md\@sm
    {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
    }
    .padding-y-lg\@sm
    {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@sm
    {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@sm
    {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@sm
    {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@sm
    {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@sm
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .padding-y-component\@sm
    {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
    }
    .text-center\@sm
    {
        text-align: center;
    }
    .text-left\@sm
    {
        text-align: left;
    }
    .text-right\@sm
    {
        text-align: right;
    }
    .text-justify\@sm
    {
        text-align: justify;
    }
    .text-xs\@sm
    {
        font-size: var(--text-xs,.6875rem);
    }
    .text-sm\@sm
    {
        font-size: var(--text-sm,.75rem);
    }
    .text-base\@sm
    {
        font-size: var(--text-unit,1rem);
    }
    .text-md\@sm
    {
        font-size: var(--text-md,1.125rem);
    }
    .text-lg\@sm
    {
        font-size: var(--text-lg,1.375rem);
    }
    .text-xl\@sm
    {
        font-size: var(--text-xl,1.75rem);
    }
    .text-xxl\@sm
    {
        font-size: var(--text-xxl,2rem);
    }
    .text-xxxl\@sm
    {
        font-size: var(--text-xxxl,2.5rem);
    }
    .text-xxxxl\@sm
    {
        font-size: var(--text-xxxxl,3rem);
    }
    .column-count-1\@sm
    {
        -moz-column-count: 1;
        column-count: 1;
    }
    .column-count-2\@sm
    {
        -moz-column-count: 2;
        column-count: 2;
    }
    .column-count-3\@sm
    {
        -moz-column-count: 3;
        column-count: 3;
    }
    .column-count-4\@sm
    {
        -moz-column-count: 4;
        column-count: 4;
    }
    .width-xxxxs\@sm
    {
        width: var(--size-xxxxs,.25rem);
    }
    .width-xxxs\@sm
    {
        width: var(--size-xxxs,.5rem);
    }
    .width-xxs\@sm
    {
        width: var(--size-xxs,.75rem);
    }
    .width-xs\@sm
    {
        width: var(--size-xs,1rem);
    }
    .width-sm\@sm
    {
        width: var(--size-sm,1.5rem);
    }
    .width-md\@sm
    {
        width: var(--size-md,2rem);
    }
    .width-lg\@sm
    {
        width: var(--size-lg,3rem);
    }
    .width-xl\@sm
    {
        width: var(--size-xl,4rem);
    }
    .width-xxl\@sm
    {
        width: var(--size-xxl,6rem);
    }
    .width-xxxl\@sm
    {
        width: var(--size-xxxl,8rem);
    }
    .width-xxxxl\@sm
    {
        width: var(--size-xxxxl,16rem);
    }
    .width-0\@sm
    {
        width: 0;
    }
    .width-10\%\@sm
    {
        width: 10%;
    }
    .width-20\%\@sm
    {
        width: 20%;
    }
    .width-25\%\@sm
    {
        width: 25%;
    }
    .width-30\%\@sm
    {
        width: 30%;
    }
    .width-33\%\@sm
    {
        width: 33.3333333333%;
    }
    .width-40\%\@sm
    {
        width: 40%;
    }
    .width-50\%\@sm
    {
        width: 50%;
    }
    .width-60\%\@sm
    {
        width: 60%;
    }
    .width-66\%\@sm
    {
        width: 66.6666666667%;
    }
    .width-70\%\@sm
    {
        width: 70%;
    }
    .width-75\%\@sm
    {
        width: 75%;
    }
    .width-80\%\@sm
    {
        width: 80%;
    }
    .width-90\%\@sm
    {
        width: 90%;
    }
    .width-100\%\@sm
    {
        width: 100%;
    }
    .width-100vw\@sm
    {
        width: 100vw;
    }
    .width-auto\@sm
    {
        width: auto;
    }
    .width-inherit\@sm
    {
        width: inherit;
    }
    .height-xxxxs\@sm
    {
        height: var(--size-xxxxs,.25rem);
    }
    .height-xxxs\@sm
    {
        height: var(--size-xxxs,.5rem);
    }
    .height-xxs\@sm
    {
        height: var(--size-xxs,.75rem);
    }
    .height-xs\@sm
    {
        height: var(--size-xs,1rem);
    }
    .height-sm\@sm
    {
        height: var(--size-sm,1.5rem);
    }
    .height-md\@sm
    {
        height: var(--size-md,2rem);
    }
    .height-lg\@sm
    {
        height: var(--size-lg,3rem);
    }
    .height-xl\@sm
    {
        height: var(--size-xl,4rem);
    }
    .height-xxl\@sm
    {
        height: var(--size-xxl,6rem);
    }
    .height-xxxl\@sm
    {
        height: var(--size-xxxl,8rem);
    }
    .height-xxxxl\@sm
    {
        height: var(--size-xxxxl,16rem);
    }
    .height-0\@sm
    {
        height: 0;
    }
    .height-10\%\@sm
    {
        height: 10%;
    }
    .height-20\%\@sm
    {
        height: 20%;
    }
    .height-25\%\@sm
    {
        height: 25%;
    }
    .height-30\%\@sm
    {
        height: 30%;
    }
    .height-33\%\@sm
    {
        height: 33.3333333333%;
    }
    .height-40\%\@sm
    {
        height: 40%;
    }
    .height-50\%\@sm
    {
        height: 50%;
    }
    .height-60\%\@sm
    {
        height: 60%;
    }
    .height-66\%\@sm
    {
        height: 66.6666666667%;
    }
    .height-70\%\@sm
    {
        height: 70%;
    }
    .height-75\%\@sm
    {
        height: 75%;
    }
    .height-80\%\@sm
    {
        height: 80%;
    }
    .height-90\%\@sm
    {
        height: 90%;
    }
    .height-100\%\@sm
    {
        height: 100%;
    }
    .height-100vh\@sm
    {
        height: 100vh;
    }
    .height-auto\@sm
    {
        height: auto;
    }
    .height-inherit\@sm
    {
        height: inherit;
    }
    .max-width-xxxxxs\@sm
    {
        max-width: var(--max-width-xxxxxs);
    }
    .max-width-xxxxs\@sm
    {
        max-width: var(--max-width-xxxxs);
    }
    .max-width-xxxs\@sm
    {
        max-width: var(--max-width-xxxs);
    }
    .max-width-xxs\@sm
    {
        max-width: var(--max-width-xxs);
    }
    .max-width-xs\@sm
    {
        max-width: var(--max-width-xs);
    }
    .max-width-sm\@sm
    {
        max-width: var(--max-width-sm);
    }
    .max-width-md\@sm
    {
        max-width: var(--max-width-md);
    }
    .max-width-lg\@sm
    {
        max-width: var(--max-width-lg);
    }
    .max-width-xl\@sm
    {
        max-width: var(--max-width-xl);
    }
    .max-width-xxl\@sm
    {
        max-width: var(--max-width-xxl);
    }
    .max-width-xxxl\@sm
    {
        max-width: var(--max-width-xxxl);
    }
    .max-width-xxxxl\@sm
    {
        max-width: var(--max-width-xxxxl);
    }
    .max-width-100\%\@sm
    {
        max-width: 100%;
    }
    .max-width-none\@sm
    {
        max-width: none;
    }
    .position-relative\@sm
    {
        position: relative;
    }
    .position-absolute\@sm
    {
        position: absolute;
    }
    .position-fixed\@sm
    {
        position: fixed;
    }
    .position-sticky\@sm
    {
        position: sticky;
    }
    .position-static\@sm
    {
        position: static;
    }
    .inset-0\@sm
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .top-0\@sm
    {
        top: 0;
    }
    .top-50\%\@sm
    {
        top: 50%;
    }
    .top-xxxxs\@sm
    {
        top: var(--space-xxxxs);
    }
    .top-xxxs\@sm
    {
        top: var(--space-xxxs);
    }
    .top-xxs\@sm
    {
        top: var(--space-xxs);
    }
    .top-xs\@sm
    {
        top: var(--space-xs);
    }
    .top-sm\@sm
    {
        top: var(--space-sm);
    }
    .top-md\@sm
    {
        top: var(--space-md);
    }
    .top-lg\@sm
    {
        top: var(--space-lg);
    }
    .top-xl\@sm
    {
        top: var(--space-xl);
    }
    .top-xxl\@sm
    {
        top: var(--space-xxl);
    }
    .top-xxxl\@sm
    {
        top: var(--space-xxxl);
    }
    .top-xxxxl\@sm
    {
        top: var(--space-xxxxl);
    }
    .bottom-0\@sm
    {
        bottom: 0;
    }
    .bottom-50\%\@sm
    {
        bottom: 50%;
    }
    .bottom-xxxxs\@sm
    {
        bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@sm
    {
        bottom: var(--space-xxxs);
    }
    .bottom-xxs\@sm
    {
        bottom: var(--space-xxs);
    }
    .bottom-xs\@sm
    {
        bottom: var(--space-xs);
    }
    .bottom-sm\@sm
    {
        bottom: var(--space-sm);
    }
    .bottom-md\@sm
    {
        bottom: var(--space-md);
    }
    .bottom-lg\@sm
    {
        bottom: var(--space-lg);
    }
    .bottom-xl\@sm
    {
        bottom: var(--space-xl);
    }
    .bottom-xxl\@sm
    {
        bottom: var(--space-xxl);
    }
    .bottom-xxxl\@sm
    {
        bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@sm
    {
        bottom: var(--space-xxxxl);
    }
    .right-0\@sm
    {
        right: 0;
    }
    .right-50\%\@sm
    {
        right: 50%;
    }
    .right-xxxxs\@sm
    {
        right: var(--space-xxxxs);
    }
    .right-xxxs\@sm
    {
        right: var(--space-xxxs);
    }
    .right-xxs\@sm
    {
        right: var(--space-xxs);
    }
    .right-xs\@sm
    {
        right: var(--space-xs);
    }
    .right-sm\@sm
    {
        right: var(--space-sm);
    }
    .right-md\@sm
    {
        right: var(--space-md);
    }
    .right-lg\@sm
    {
        right: var(--space-lg);
    }
    .right-xl\@sm
    {
        right: var(--space-xl);
    }
    .right-xxl\@sm
    {
        right: var(--space-xxl);
    }
    .right-xxxl\@sm
    {
        right: var(--space-xxxl);
    }
    .right-xxxxl\@sm
    {
        right: var(--space-xxxxl);
    }
    .left-0\@sm
    {
        left: 0;
    }
    .left-50\%\@sm
    {
        left: 50%;
    }
    .left-xxxxs\@sm
    {
        left: var(--space-xxxxs);
    }
    .left-xxxs\@sm
    {
        left: var(--space-xxxs);
    }
    .left-xxs\@sm
    {
        left: var(--space-xxs);
    }
    .left-xs\@sm
    {
        left: var(--space-xs);
    }
    .left-sm\@sm
    {
        left: var(--space-sm);
    }
    .left-md\@sm
    {
        left: var(--space-md);
    }
    .left-lg\@sm
    {
        left: var(--space-lg);
    }
    .left-xl\@sm
    {
        left: var(--space-xl);
    }
    .left-xxl\@sm
    {
        left: var(--space-xxl);
    }
    .left-xxxl\@sm
    {
        left: var(--space-xxxl);
    }
    .left-xxxxl\@sm
    {
        left: var(--space-xxxxl);
    }
    .overflow-hidden\@sm
    {
        overflow: hidden;
    }
    .overflow-auto\@sm
    {
        overflow: auto;
    }
    .momentum-scrolling\@sm
    {
        -webkit-overflow-scrolling: touch;
    }
    .overscroll-contain\@sm
    {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
    .visible\@sm
    {
        visibility: visible;
    }
    .invisible\@sm
    {
        visibility: hidden;
    }
}
@media not all and (min-width: 48rem)
{
    .display\@sm
    {
        display: none!important;
    }
}
@media(min-width: 64rem)
{
    .flex\@md
    {
        display: flex;
    }
    .inline-flex\@md
    {
        display: inline-flex;
    }
    .flex-wrap\@md
    {
        flex-wrap: wrap;
    }
    .flex-nowrap\@md
    {
        flex-wrap: nowrap;
    }
    .flex-column\@md
    {
        flex-direction: column;
    }
    .flex-column-reverse\@md
    {
        flex-direction: column-reverse;
    }
    .flex-row\@md
    {
        flex-direction: row;
    }
    .flex-row-reverse\@md
    {
        flex-direction: row-reverse;
    }
    .flex-center\@md
    {
        justify-content: center;
        align-items: center;
    }
    .flex-grow\@md
    {
        flex-grow: 1;
    }
    .flex-grow-0\@md
    {
        flex-grow: 0;
    }
    .flex-shrink\@md
    {
        flex-shrink: 1;
    }
    .flex-shrink-0\@md
    {
        flex-shrink: 0;
    }
    .flex-basis-0\@md
    {
        flex-basis: 0;
    }
    .justify-start\@md
    {
        justify-content: flex-start;
    }
    .justify-end\@md
    {
        justify-content: flex-end;
    }
    .justify-center\@md
    {
        justify-content: center;
    }
    .justify-between\@md
    {
        justify-content: space-between;
    }
    .items-center\@md
    {
        align-items: center;
    }
    .items-start\@md
    {
        align-items: flex-start;
    }
    .items-end\@md
    {
        align-items: flex-end;
    }
    .items-baseline\@md
    {
        align-items: baseline;
    }
    .items-stretch\@md
    {
        align-items: stretch;
    }
    .content-start\@md
    {
        align-content: start;
    }
    .content-end\@md
    {
        align-content: end;
    }
    .content-center\@md
    {
        align-content: center;
    }
    .content-between\@md
    {
        align-content: space-between;
    }
    .order-1\@md
    {
        order: 1;
    }
    .order-2\@md
    {
        order: 2;
    }
    .order-3\@md
    {
        order: 3;
    }
    .block\@md
    {
        display: block;
    }
    .inline-block\@md
    {
        display: inline-block;
    }
    .inline\@md
    {
        display: inline;
    }
    .contents\@md
    {
        display: contents;
    }
    .css-grid\@md
    {
        display: grid;
    }
    .css-inline-grid\@md
    {
        display: inline-grid;
    }
    .hide\@md
    {
        display: none!important;
    }
    .margin-xxxxs\@md
    {
        margin: var(--space-xxxxs);
    }
    .margin-xxxs\@md
    {
        margin: var(--space-xxxs);
    }
    .margin-xxs\@md
    {
        margin: var(--space-xxs);
    }
    .margin-xs\@md
    {
        margin: var(--space-xs);
    }
    .margin-sm\@md
    {
        margin: var(--space-sm);
    }
    .margin-md\@md
    {
        margin: var(--space-md);
    }
    .margin-lg\@md
    {
        margin: var(--space-lg);
    }
    .margin-xl\@md
    {
        margin: var(--space-xl);
    }
    .margin-xxl\@md
    {
        margin: var(--space-xxl);
    }
    .margin-xxxl\@md
    {
        margin: var(--space-xxxl);
    }
    .margin-xxxxl\@md
    {
        margin: var(--space-xxxxl);
    }
    .margin-auto\@md
    {
        margin: auto;
    }
    .margin-0\@md
    {
        margin: 0;
    }
    .margin-top-xxxxs\@md
    {
        margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@md
    {
        margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@md
    {
        margin-top: var(--space-xxs);
    }
    .margin-top-xs\@md
    {
        margin-top: var(--space-xs);
    }
    .margin-top-sm\@md
    {
        margin-top: var(--space-sm);
    }
    .margin-top-md\@md
    {
        margin-top: var(--space-md);
    }
    .margin-top-lg\@md
    {
        margin-top: var(--space-lg);
    }
    .margin-top-xl\@md
    {
        margin-top: var(--space-xl);
    }
    .margin-top-xxl\@md
    {
        margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@md
    {
        margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@md
    {
        margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@md
    {
        margin-top: auto;
    }
    .margin-top-0\@md
    {
        margin-top: 0;
    }
    .margin-bottom-xxxxs\@md
    {
        margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@md
    {
        margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@md
    {
        margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@md
    {
        margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@md
    {
        margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@md
    {
        margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@md
    {
        margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@md
    {
        margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@md
    {
        margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@md
    {
        margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@md
    {
        margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@md
    {
        margin-bottom: auto;
    }
    .margin-bottom-0\@md
    {
        margin-bottom: 0;
    }
    .margin-right-xxxxs\@md
    {
        margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@md
    {
        margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@md
    {
        margin-right: var(--space-xxs);
    }
    .margin-right-xs\@md
    {
        margin-right: var(--space-xs);
    }
    .margin-right-sm\@md
    {
        margin-right: var(--space-sm);
    }
    .margin-right-md\@md
    {
        margin-right: var(--space-md);
    }
    .margin-right-lg\@md
    {
        margin-right: var(--space-lg);
    }
    .margin-right-xl\@md
    {
        margin-right: var(--space-xl);
    }
    .margin-right-xxl\@md
    {
        margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@md
    {
        margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@md
    {
        margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@md
    {
        margin-right: auto;
    }
    .margin-right-0\@md
    {
        margin-right: 0;
    }
    .margin-left-xxxxs\@md
    {
        margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@md
    {
        margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@md
    {
        margin-left: var(--space-xxs);
    }
    .margin-left-xs\@md
    {
        margin-left: var(--space-xs);
    }
    .margin-left-sm\@md
    {
        margin-left: var(--space-sm);
    }
    .margin-left-md\@md
    {
        margin-left: var(--space-md);
    }
    .margin-left-lg\@md
    {
        margin-left: var(--space-lg);
    }
    .margin-left-xl\@md
    {
        margin-left: var(--space-xl);
    }
    .margin-left-xxl\@md
    {
        margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@md
    {
        margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@md
    {
        margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@md
    {
        margin-left: auto;
    }
    .margin-left-0\@md
    {
        margin-left: 0;
    }
    .margin-x-xxxxs\@md
    {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@md
    {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@md
    {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs);
    }
    .margin-x-xs\@md
    {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs);
    }
    .margin-x-sm\@md
    {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm);
    }
    .margin-x-md\@md
    {
        margin-left: var(--space-md);
        margin-right: var(--space-md);
    }
    .margin-x-lg\@md
    {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
    .margin-x-xl\@md
    {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl);
    }
    .margin-x-xxl\@md
    {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@md
    {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@md
    {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@md
    {
        margin-left: auto;
        margin-right: auto;
    }
    .margin-x-0\@md
    {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-y-xxxxs\@md
    {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@md
    {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@md
    {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@md
    {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@md
    {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm);
    }
    .margin-y-md\@md
    {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md);
    }
    .margin-y-lg\@md
    {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@md
    {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@md
    {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@md
    {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@md
    {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@md
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .margin-y-0\@md
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-xxxxs\@md
    {
        padding: var(--space-xxxxs);
    }
    .padding-xxxs\@md
    {
        padding: var(--space-xxxs);
    }
    .padding-xxs\@md
    {
        padding: var(--space-xxs);
    }
    .padding-xs\@md
    {
        padding: var(--space-xs);
    }
    .padding-sm\@md
    {
        padding: var(--space-sm);
    }
    .padding-md\@md
    {
        padding: var(--space-md);
    }
    .padding-lg\@md
    {
        padding: var(--space-lg);
    }
    .padding-xl\@md
    {
        padding: var(--space-xl);
    }
    .padding-xxl\@md
    {
        padding: var(--space-xxl);
    }
    .padding-xxxl\@md
    {
        padding: var(--space-xxxl);
    }
    .padding-xxxxl\@md
    {
        padding: var(--space-xxxxl);
    }
    .padding-0\@md
    {
        padding: 0;
    }
    .padding-component\@md
    {
        padding: var(--component-padding);
    }
    .padding-top-xxxxs\@md
    {
        padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@md
    {
        padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@md
    {
        padding-top: var(--space-xxs);
    }
    .padding-top-xs\@md
    {
        padding-top: var(--space-xs);
    }
    .padding-top-sm\@md
    {
        padding-top: var(--space-sm);
    }
    .padding-top-md\@md
    {
        padding-top: var(--space-md);
    }
    .padding-top-lg\@md
    {
        padding-top: var(--space-lg);
    }
    .padding-top-xl\@md
    {
        padding-top: var(--space-xl);
    }
    .padding-top-xxl\@md
    {
        padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@md
    {
        padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@md
    {
        padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@md
    {
        padding-top: 0;
    }
    .padding-top-component\@md
    {
        padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@md
    {
        padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@md
    {
        padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@md
    {
        padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@md
    {
        padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@md
    {
        padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@md
    {
        padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@md
    {
        padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@md
    {
        padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@md
    {
        padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@md
    {
        padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@md
    {
        padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@md
    {
        padding-bottom: 0;
    }
    .padding-bottom-component\@md
    {
        padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@md
    {
        padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@md
    {
        padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@md
    {
        padding-right: var(--space-xxs);
    }
    .padding-right-xs\@md
    {
        padding-right: var(--space-xs);
    }
    .padding-right-sm\@md
    {
        padding-right: var(--space-sm);
    }
    .padding-right-md\@md
    {
        padding-right: var(--space-md);
    }
    .padding-right-lg\@md
    {
        padding-right: var(--space-lg);
    }
    .padding-right-xl\@md
    {
        padding-right: var(--space-xl);
    }
    .padding-right-xxl\@md
    {
        padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@md
    {
        padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@md
    {
        padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@md
    {
        padding-right: 0;
    }
    .padding-right-component\@md
    {
        padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@md
    {
        padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@md
    {
        padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@md
    {
        padding-left: var(--space-xxs);
    }
    .padding-left-xs\@md
    {
        padding-left: var(--space-xs);
    }
    .padding-left-sm\@md
    {
        padding-left: var(--space-sm);
    }
    .padding-left-md\@md
    {
        padding-left: var(--space-md);
    }
    .padding-left-lg\@md
    {
        padding-left: var(--space-lg);
    }
    .padding-left-xl\@md
    {
        padding-left: var(--space-xl);
    }
    .padding-left-xxl\@md
    {
        padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@md
    {
        padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@md
    {
        padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@md
    {
        padding-left: 0;
    }
    .padding-left-component\@md
    {
        padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@md
    {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@md
    {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@md
    {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs);
    }
    .padding-x-xs\@md
    {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }
    .padding-x-sm\@md
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    .padding-x-md\@md
    {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .padding-x-lg\@md
    {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .padding-x-xl\@md
    {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
    .padding-x-xxl\@md
    {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@md
    {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@md
    {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@md
    {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-x-component\@md
    {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@md
    {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@md
    {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@md
    {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@md
    {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@md
    {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }
    .padding-y-md\@md
    {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
    }
    .padding-y-lg\@md
    {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@md
    {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@md
    {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@md
    {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@md
    {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@md
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .padding-y-component\@md
    {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
    }
    .text-center\@md
    {
        text-align: center;
    }
    .text-left\@md
    {
        text-align: left;
    }
    .text-right\@md
    {
        text-align: right;
    }
    .text-justify\@md
    {
        text-align: justify;
    }
    .text-xs\@md
    {
        font-size: var(--text-xs,.6875rem);
    }
    .text-sm\@md
    {
        font-size: var(--text-sm,.75rem);
    }
    .text-base\@md
    {
        font-size: var(--text-unit,1rem);
    }
    .text-md\@md
    {
        font-size: var(--text-md,1.125rem);
    }
    .text-lg\@md
    {
        font-size: var(--text-lg,1.375rem);
    }
    .text-xl\@md
    {
        font-size: var(--text-xl,1.75rem);
    }
    .text-xxl\@md
    {
        font-size: var(--text-xxl,2rem);
    }
    .text-xxxl\@md
    {
        font-size: var(--text-xxxl,2.5rem);
    }
    .text-xxxxl\@md
    {
        font-size: var(--text-xxxxl,3rem);
    }
    .column-count-1\@md
    {
        -moz-column-count: 1;
        column-count: 1;
    }
    .column-count-2\@md
    {
        -moz-column-count: 2;
        column-count: 2;
    }
    .column-count-3\@md
    {
        -moz-column-count: 3;
        column-count: 3;
    }
    .column-count-4\@md
    {
        -moz-column-count: 4;
        column-count: 4;
    }
    .width-xxxxs\@md
    {
        width: var(--size-xxxxs,.25rem);
    }
    .width-xxxs\@md
    {
        width: var(--size-xxxs,.5rem);
    }
    .width-xxs\@md
    {
        width: var(--size-xxs,.75rem);
    }
    .width-xs\@md
    {
        width: var(--size-xs,1rem);
    }
    .width-sm\@md
    {
        width: var(--size-sm,1.5rem);
    }
    .width-md\@md
    {
        width: var(--size-md,2rem);
    }
    .width-lg\@md
    {
        width: var(--size-lg,3rem);
    }
    .width-xl\@md
    {
        width: var(--size-xl,4rem);
    }
    .width-xxl\@md
    {
        width: var(--size-xxl,6rem);
    }
    .width-xxxl\@md
    {
        width: var(--size-xxxl,8rem);
    }
    .width-xxxxl\@md
    {
        width: var(--size-xxxxl,16rem);
    }
    .width-0\@md
    {
        width: 0;
    }
    .width-10\%\@md
    {
        width: 10%;
    }
    .width-20\%\@md
    {
        width: 20%;
    }
    .width-25\%\@md
    {
        width: 25%;
    }
    .width-30\%\@md
    {
        width: 30%;
    }
    .width-33\%\@md
    {
        width: 33.3333333333%;
    }
    .width-40\%\@md
    {
        width: 40%;
    }
    .width-50\%\@md
    {
        width: 50%;
    }
    .width-60\%\@md
    {
        width: 60%;
    }
    .width-66\%\@md
    {
        width: 66.6666666667%;
    }
    .width-70\%\@md
    {
        width: 70%;
    }
    .width-75\%\@md
    {
        width: 75%;
    }
    .width-80\%\@md
    {
        width: 80%;
    }
    .width-90\%\@md
    {
        width: 90%;
    }
    .width-100\%\@md
    {
        width: 100%;
    }
    .width-100vw\@md
    {
        width: 100vw;
    }
    .width-auto\@md
    {
        width: auto;
    }
    .width-inherit\@md
    {
        width: inherit;
    }
    .height-xxxxs\@md
    {
        height: var(--size-xxxxs,.25rem);
    }
    .height-xxxs\@md
    {
        height: var(--size-xxxs,.5rem);
    }
    .height-xxs\@md
    {
        height: var(--size-xxs,.75rem);
    }
    .height-xs\@md
    {
        height: var(--size-xs,1rem);
    }
    .height-sm\@md
    {
        height: var(--size-sm,1.5rem);
    }
    .height-md\@md
    {
        height: var(--size-md,2rem);
    }
    .height-lg\@md
    {
        height: var(--size-lg,3rem);
    }
    .height-xl\@md
    {
        height: var(--size-xl,4rem);
    }
    .height-xxl\@md
    {
        height: var(--size-xxl,6rem);
    }
    .height-xxxl\@md
    {
        height: var(--size-xxxl,8rem);
    }
    .height-xxxxl\@md
    {
        height: var(--size-xxxxl,16rem);
    }
    .height-0\@md
    {
        height: 0;
    }
    .height-10\%\@md
    {
        height: 10%;
    }
    .height-20\%\@md
    {
        height: 20%;
    }
    .height-25\%\@md
    {
        height: 25%;
    }
    .height-30\%\@md
    {
        height: 30%;
    }
    .height-33\%\@md
    {
        height: 33.3333333333%;
    }
    .height-40\%\@md
    {
        height: 40%;
    }
    .height-50\%\@md
    {
        height: 50%;
    }
    .height-60\%\@md
    {
        height: 60%;
    }
    .height-66\%\@md
    {
        height: 66.6666666667%;
    }
    .height-70\%\@md
    {
        height: 70%;
    }
    .height-75\%\@md
    {
        height: 75%;
    }
    .height-80\%\@md
    {
        height: 80%;
    }
    .height-90\%\@md
    {
        height: 90%;
    }
    .height-100\%\@md
    {
        height: 100%;
    }
    .height-100vh\@md
    {
        height: 100vh;
    }
    .height-auto\@md
    {
        height: auto;
    }
    .height-inherit\@md
    {
        height: inherit;
    }
    .max-width-xxxxxs\@md
    {
        max-width: var(--max-width-xxxxxs);
    }
    .max-width-xxxxs\@md
    {
        max-width: var(--max-width-xxxxs);
    }
    .max-width-xxxs\@md
    {
        max-width: var(--max-width-xxxs);
    }
    .max-width-xxs\@md
    {
        max-width: var(--max-width-xxs);
    }
    .max-width-xs\@md
    {
        max-width: var(--max-width-xs);
    }
    .max-width-sm\@md
    {
        max-width: var(--max-width-sm);
    }
    .max-width-md\@md
    {
        max-width: var(--max-width-md);
    }
    .max-width-lg\@md
    {
        max-width: var(--max-width-lg);
    }
    .max-width-xl\@md
    {
        max-width: var(--max-width-xl);
    }
    .max-width-xxl\@md
    {
        max-width: var(--max-width-xxl);
    }
    .max-width-xxxl\@md
    {
        max-width: var(--max-width-xxxl);
    }
    .max-width-xxxxl\@md
    {
        max-width: var(--max-width-xxxxl);
    }
    .max-width-100\%\@md
    {
        max-width: 100%;
    }
    .max-width-none\@md
    {
        max-width: none;
    }
    .position-relative\@md
    {
        position: relative;
    }
    .position-absolute\@md
    {
        position: absolute;
    }
    .position-fixed\@md
    {
        position: fixed;
    }
    .position-sticky\@md
    {
        position: sticky;
    }
    .position-static\@md
    {
        position: static;
    }
    .inset-0\@md
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .top-0\@md
    {
        top: 0;
    }
    .top-50\%\@md
    {
        top: 50%;
    }
    .top-xxxxs\@md
    {
        top: var(--space-xxxxs);
    }
    .top-xxxs\@md
    {
        top: var(--space-xxxs);
    }
    .top-xxs\@md
    {
        top: var(--space-xxs);
    }
    .top-xs\@md
    {
        top: var(--space-xs);
    }
    .top-sm\@md
    {
        top: var(--space-sm);
    }
    .top-md\@md
    {
        top: var(--space-md);
    }
    .top-lg\@md
    {
        top: var(--space-lg);
    }
    .top-xl\@md
    {
        top: var(--space-xl);
    }
    .top-xxl\@md
    {
        top: var(--space-xxl);
    }
    .top-xxxl\@md
    {
        top: var(--space-xxxl);
    }
    .top-xxxxl\@md
    {
        top: var(--space-xxxxl);
    }
    .bottom-0\@md
    {
        bottom: 0;
    }
    .bottom-50\%\@md
    {
        bottom: 50%;
    }
    .bottom-xxxxs\@md
    {
        bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@md
    {
        bottom: var(--space-xxxs);
    }
    .bottom-xxs\@md
    {
        bottom: var(--space-xxs);
    }
    .bottom-xs\@md
    {
        bottom: var(--space-xs);
    }
    .bottom-sm\@md
    {
        bottom: var(--space-sm);
    }
    .bottom-md\@md
    {
        bottom: var(--space-md);
    }
    .bottom-lg\@md
    {
        bottom: var(--space-lg);
    }
    .bottom-xl\@md
    {
        bottom: var(--space-xl);
    }
    .bottom-xxl\@md
    {
        bottom: var(--space-xxl);
    }
    .bottom-xxxl\@md
    {
        bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@md
    {
        bottom: var(--space-xxxxl);
    }
    .right-0\@md
    {
        right: 0;
    }
    .right-50\%\@md
    {
        right: 50%;
    }
    .right-xxxxs\@md
    {
        right: var(--space-xxxxs);
    }
    .right-xxxs\@md
    {
        right: var(--space-xxxs);
    }
    .right-xxs\@md
    {
        right: var(--space-xxs);
    }
    .right-xs\@md
    {
        right: var(--space-xs);
    }
    .right-sm\@md
    {
        right: var(--space-sm);
    }
    .right-md\@md
    {
        right: var(--space-md);
    }
    .right-lg\@md
    {
        right: var(--space-lg);
    }
    .right-xl\@md
    {
        right: var(--space-xl);
    }
    .right-xxl\@md
    {
        right: var(--space-xxl);
    }
    .right-xxxl\@md
    {
        right: var(--space-xxxl);
    }
    .right-xxxxl\@md
    {
        right: var(--space-xxxxl);
    }
    .left-0\@md
    {
        left: 0;
    }
    .left-50\%\@md
    {
        left: 50%;
    }
    .left-xxxxs\@md
    {
        left: var(--space-xxxxs);
    }
    .left-xxxs\@md
    {
        left: var(--space-xxxs);
    }
    .left-xxs\@md
    {
        left: var(--space-xxs);
    }
    .left-xs\@md
    {
        left: var(--space-xs);
    }
    .left-sm\@md
    {
        left: var(--space-sm);
    }
    .left-md\@md
    {
        left: var(--space-md);
    }
    .left-lg\@md
    {
        left: var(--space-lg);
    }
    .left-xl\@md
    {
        left: var(--space-xl);
    }
    .left-xxl\@md
    {
        left: var(--space-xxl);
    }
    .left-xxxl\@md
    {
        left: var(--space-xxxl);
    }
    .left-xxxxl\@md
    {
        left: var(--space-xxxxl);
    }
    .overflow-hidden\@md
    {
        overflow: hidden;
    }
    .overflow-auto\@md
    {
        overflow: auto;
    }
    .momentum-scrolling\@md
    {
        -webkit-overflow-scrolling: touch;
    }
    .overscroll-contain\@md
    {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
    .visible\@md
    {
        visibility: visible;
    }
    .invisible\@md
    {
        visibility: hidden;
    }
}
@media not all and (min-width: 64rem)
{
    .display\@md
    {
        display: none!important;
    }
}
@media(min-width: 80rem)
{
    .flex\@lg
    {
        display: flex;
    }
    .inline-flex\@lg
    {
        display: inline-flex;
    }
    .flex-wrap\@lg
    {
        flex-wrap: wrap;
    }
    .flex-nowrap\@lg
    {
        flex-wrap: nowrap;
    }
    .flex-column\@lg
    {
        flex-direction: column;
    }
    .flex-column-reverse\@lg
    {
        flex-direction: column-reverse;
    }
    .flex-row\@lg
    {
        flex-direction: row;
    }
    .flex-row-reverse\@lg
    {
        flex-direction: row-reverse;
    }
    .flex-center\@lg
    {
        justify-content: center;
        align-items: center;
    }
    .flex-grow\@lg
    {
        flex-grow: 1;
    }
    .flex-grow-0\@lg
    {
        flex-grow: 0;
    }
    .flex-shrink\@lg
    {
        flex-shrink: 1;
    }
    .flex-shrink-0\@lg
    {
        flex-shrink: 0;
    }
    .flex-basis-0\@lg
    {
        flex-basis: 0;
    }
    .justify-start\@lg
    {
        justify-content: flex-start;
    }
    .justify-end\@lg
    {
        justify-content: flex-end;
    }
    .justify-center\@lg
    {
        justify-content: center;
    }
    .justify-between\@lg
    {
        justify-content: space-between;
    }
    .items-center\@lg
    {
        align-items: center;
    }
    .items-start\@lg
    {
        align-items: flex-start;
    }
    .items-end\@lg
    {
        align-items: flex-end;
    }
    .items-baseline\@lg
    {
        align-items: baseline;
    }
    .items-stretch\@lg
    {
        align-items: stretch;
    }
    .content-start\@lg
    {
        align-content: start;
    }
    .content-end\@lg
    {
        align-content: end;
    }
    .content-center\@lg
    {
        align-content: center;
    }
    .content-between\@lg
    {
        align-content: space-between;
    }
    .order-1\@lg
    {
        order: 1;
    }
    .order-2\@lg
    {
        order: 2;
    }
    .order-3\@lg
    {
        order: 3;
    }
    .block\@lg
    {
        display: block;
    }
    .inline-block\@lg
    {
        display: inline-block;
    }
    .inline\@lg
    {
        display: inline;
    }
    .contents\@lg
    {
        display: contents;
    }
    .css-grid\@lg
    {
        display: grid;
    }
    .css-inline-grid\@lg
    {
        display: inline-grid;
    }
    .hide\@lg
    {
        display: none!important;
    }
    .margin-xxxxs\@lg
    {
        margin: var(--space-xxxxs);
    }
    .margin-xxxs\@lg
    {
        margin: var(--space-xxxs);
    }
    .margin-xxs\@lg
    {
        margin: var(--space-xxs);
    }
    .margin-xs\@lg
    {
        margin: var(--space-xs);
    }
    .margin-sm\@lg
    {
        margin: var(--space-sm);
    }
    .margin-md\@lg
    {
        margin: var(--space-md);
    }
    .margin-lg\@lg
    {
        margin: var(--space-lg);
    }
    .margin-xl\@lg
    {
        margin: var(--space-xl);
    }
    .margin-xxl\@lg
    {
        margin: var(--space-xxl);
    }
    .margin-xxxl\@lg
    {
        margin: var(--space-xxxl);
    }
    .margin-xxxxl\@lg
    {
        margin: var(--space-xxxxl);
    }
    .margin-auto\@lg
    {
        margin: auto;
    }
    .margin-0\@lg
    {
        margin: 0;
    }
    .margin-top-xxxxs\@lg
    {
        margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@lg
    {
        margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@lg
    {
        margin-top: var(--space-xxs);
    }
    .margin-top-xs\@lg
    {
        margin-top: var(--space-xs);
    }
    .margin-top-sm\@lg
    {
        margin-top: var(--space-sm);
    }
    .margin-top-md\@lg
    {
        margin-top: var(--space-md);
    }
    .margin-top-lg\@lg
    {
        margin-top: var(--space-lg);
    }
    .margin-top-xl\@lg
    {
        margin-top: var(--space-xl);
    }
    .margin-top-xxl\@lg
    {
        margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@lg
    {
        margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@lg
    {
        margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@lg
    {
        margin-top: auto;
    }
    .margin-top-0\@lg
    {
        margin-top: 0;
    }
    .margin-bottom-xxxxs\@lg
    {
        margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@lg
    {
        margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@lg
    {
        margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@lg
    {
        margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@lg
    {
        margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@lg
    {
        margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@lg
    {
        margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@lg
    {
        margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@lg
    {
        margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@lg
    {
        margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@lg
    {
        margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@lg
    {
        margin-bottom: auto;
    }
    .margin-bottom-0\@lg
    {
        margin-bottom: 0;
    }
    .margin-right-xxxxs\@lg
    {
        margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@lg
    {
        margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@lg
    {
        margin-right: var(--space-xxs);
    }
    .margin-right-xs\@lg
    {
        margin-right: var(--space-xs);
    }
    .margin-right-sm\@lg
    {
        margin-right: var(--space-sm);
    }
    .margin-right-md\@lg
    {
        margin-right: var(--space-md);
    }
    .margin-right-lg\@lg
    {
        margin-right: var(--space-lg);
    }
    .margin-right-xl\@lg
    {
        margin-right: var(--space-xl);
    }
    .margin-right-xxl\@lg
    {
        margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@lg
    {
        margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@lg
    {
        margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@lg
    {
        margin-right: auto;
    }
    .margin-right-0\@lg
    {
        margin-right: 0;
    }
    .margin-left-xxxxs\@lg
    {
        margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@lg
    {
        margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@lg
    {
        margin-left: var(--space-xxs);
    }
    .margin-left-xs\@lg
    {
        margin-left: var(--space-xs);
    }
    .margin-left-sm\@lg
    {
        margin-left: var(--space-sm);
    }
    .margin-left-md\@lg
    {
        margin-left: var(--space-md);
    }
    .margin-left-lg\@lg
    {
        margin-left: var(--space-lg);
    }
    .margin-left-xl\@lg
    {
        margin-left: var(--space-xl);
    }
    .margin-left-xxl\@lg
    {
        margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@lg
    {
        margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@lg
    {
        margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@lg
    {
        margin-left: auto;
    }
    .margin-left-0\@lg
    {
        margin-left: 0;
    }
    .margin-x-xxxxs\@lg
    {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@lg
    {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@lg
    {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs);
    }
    .margin-x-xs\@lg
    {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs);
    }
    .margin-x-sm\@lg
    {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm);
    }
    .margin-x-md\@lg
    {
        margin-left: var(--space-md);
        margin-right: var(--space-md);
    }
    .margin-x-lg\@lg
    {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
    .margin-x-xl\@lg
    {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl);
    }
    .margin-x-xxl\@lg
    {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@lg
    {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@lg
    {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@lg
    {
        margin-left: auto;
        margin-right: auto;
    }
    .margin-x-0\@lg
    {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-y-xxxxs\@lg
    {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@lg
    {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@lg
    {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@lg
    {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@lg
    {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm);
    }
    .margin-y-md\@lg
    {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md);
    }
    .margin-y-lg\@lg
    {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@lg
    {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@lg
    {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@lg
    {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@lg
    {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@lg
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .margin-y-0\@lg
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-xxxxs\@lg
    {
        padding: var(--space-xxxxs);
    }
    .padding-xxxs\@lg
    {
        padding: var(--space-xxxs);
    }
    .padding-xxs\@lg
    {
        padding: var(--space-xxs);
    }
    .padding-xs\@lg
    {
        padding: var(--space-xs);
    }
    .padding-sm\@lg
    {
        padding: var(--space-sm);
    }
    .padding-md\@lg
    {
        padding: var(--space-md);
    }
    .padding-lg\@lg
    {
        padding: var(--space-lg);
    }
    .padding-xl\@lg
    {
        padding: var(--space-xl);
    }
    .padding-xxl\@lg
    {
        padding: var(--space-xxl);
    }
    .padding-xxxl\@lg
    {
        padding: var(--space-xxxl);
    }
    .padding-xxxxl\@lg
    {
        padding: var(--space-xxxxl);
    }
    .padding-0\@lg
    {
        padding: 0;
    }
    .padding-component\@lg
    {
        padding: var(--component-padding);
    }
    .padding-top-xxxxs\@lg
    {
        padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@lg
    {
        padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@lg
    {
        padding-top: var(--space-xxs);
    }
    .padding-top-xs\@lg
    {
        padding-top: var(--space-xs);
    }
    .padding-top-sm\@lg
    {
        padding-top: var(--space-sm);
    }
    .padding-top-md\@lg
    {
        padding-top: var(--space-md);
    }
    .padding-top-lg\@lg
    {
        padding-top: var(--space-lg);
    }
    .padding-top-xl\@lg
    {
        padding-top: var(--space-xl);
    }
    .padding-top-xxl\@lg
    {
        padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@lg
    {
        padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@lg
    {
        padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@lg
    {
        padding-top: 0;
    }
    .padding-top-component\@lg
    {
        padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@lg
    {
        padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@lg
    {
        padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@lg
    {
        padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@lg
    {
        padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@lg
    {
        padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@lg
    {
        padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@lg
    {
        padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@lg
    {
        padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@lg
    {
        padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@lg
    {
        padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@lg
    {
        padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@lg
    {
        padding-bottom: 0;
    }
    .padding-bottom-component\@lg
    {
        padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@lg
    {
        padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@lg
    {
        padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@lg
    {
        padding-right: var(--space-xxs);
    }
    .padding-right-xs\@lg
    {
        padding-right: var(--space-xs);
    }
    .padding-right-sm\@lg
    {
        padding-right: var(--space-sm);
    }
    .padding-right-md\@lg
    {
        padding-right: var(--space-md);
    }
    .padding-right-lg\@lg
    {
        padding-right: var(--space-lg);
    }
    .padding-right-xl\@lg
    {
        padding-right: var(--space-xl);
    }
    .padding-right-xxl\@lg
    {
        padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@lg
    {
        padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@lg
    {
        padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@lg
    {
        padding-right: 0;
    }
    .padding-right-component\@lg
    {
        padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@lg
    {
        padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@lg
    {
        padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@lg
    {
        padding-left: var(--space-xxs);
    }
    .padding-left-xs\@lg
    {
        padding-left: var(--space-xs);
    }
    .padding-left-sm\@lg
    {
        padding-left: var(--space-sm);
    }
    .padding-left-md\@lg
    {
        padding-left: var(--space-md);
    }
    .padding-left-lg\@lg
    {
        padding-left: var(--space-lg);
    }
    .padding-left-xl\@lg
    {
        padding-left: var(--space-xl);
    }
    .padding-left-xxl\@lg
    {
        padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@lg
    {
        padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@lg
    {
        padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@lg
    {
        padding-left: 0;
    }
    .padding-left-component\@lg
    {
        padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@lg
    {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@lg
    {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@lg
    {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs);
    }
    .padding-x-xs\@lg
    {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }
    .padding-x-sm\@lg
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    .padding-x-md\@lg
    {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .padding-x-lg\@lg
    {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .padding-x-xl\@lg
    {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
    .padding-x-xxl\@lg
    {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@lg
    {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@lg
    {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@lg
    {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-x-component\@lg
    {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@lg
    {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@lg
    {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@lg
    {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@lg
    {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@lg
    {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }
    .padding-y-md\@lg
    {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
    }
    .padding-y-lg\@lg
    {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@lg
    {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@lg
    {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@lg
    {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@lg
    {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@lg
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .padding-y-component\@lg
    {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
    }
    .text-center\@lg
    {
        text-align: center;
    }
    .text-left\@lg
    {
        text-align: left;
    }
    .text-right\@lg
    {
        text-align: right;
    }
    .text-justify\@lg
    {
        text-align: justify;
    }
    .text-xs\@lg
    {
        font-size: var(--text-xs,.6875rem);
    }
    .text-sm\@lg
    {
        font-size: var(--text-sm,.75rem);
    }
    .text-base\@lg
    {
        font-size: var(--text-unit,1rem);
    }
    .text-md\@lg
    {
        font-size: var(--text-md,1.125rem);
    }
    .text-lg\@lg
    {
        font-size: var(--text-lg,1.375rem);
    }
    .text-xl\@lg
    {
        font-size: var(--text-xl,1.75rem);
    }
    .text-xxl\@lg
    {
        font-size: var(--text-xxl,2rem);
    }
    .text-xxxl\@lg
    {
        font-size: var(--text-xxxl,2.5rem);
    }
    .text-xxxxl\@lg
    {
        font-size: var(--text-xxxxl,3rem);
    }
    .column-count-1\@lg
    {
        -moz-column-count: 1;
        column-count: 1;
    }
    .column-count-2\@lg
    {
        -moz-column-count: 2;
        column-count: 2;
    }
    .column-count-3\@lg
    {
        -moz-column-count: 3;
        column-count: 3;
    }
    .column-count-4\@lg
    {
        -moz-column-count: 4;
        column-count: 4;
    }
    .width-xxxxs\@lg
    {
        width: var(--size-xxxxs,.25rem);
    }
    .width-xxxs\@lg
    {
        width: var(--size-xxxs,.5rem);
    }
    .width-xxs\@lg
    {
        width: var(--size-xxs,.75rem);
    }
    .width-xs\@lg
    {
        width: var(--size-xs,1rem);
    }
    .width-sm\@lg
    {
        width: var(--size-sm,1.5rem);
    }
    .width-md\@lg
    {
        width: var(--size-md,2rem);
    }
    .width-lg\@lg
    {
        width: var(--size-lg,3rem);
    }
    .width-xl\@lg
    {
        width: var(--size-xl,4rem);
    }
    .width-xxl\@lg
    {
        width: var(--size-xxl,6rem);
    }
    .width-xxxl\@lg
    {
        width: var(--size-xxxl,8rem);
    }
    .width-xxxxl\@lg
    {
        width: var(--size-xxxxl,16rem);
    }
    .width-0\@lg
    {
        width: 0;
    }
    .width-10\%\@lg
    {
        width: 10%;
    }
    .width-20\%\@lg
    {
        width: 20%;
    }
    .width-25\%\@lg
    {
        width: 25%;
    }
    .width-30\%\@lg
    {
        width: 30%;
    }
    .width-33\%\@lg
    {
        width: 33.3333333333%;
    }
    .width-40\%\@lg
    {
        width: 40%;
    }
    .width-50\%\@lg
    {
        width: 50%;
    }
    .width-60\%\@lg
    {
        width: 60%;
    }
    .width-66\%\@lg
    {
        width: 66.6666666667%;
    }
    .width-70\%\@lg
    {
        width: 70%;
    }
    .width-75\%\@lg
    {
        width: 75%;
    }
    .width-80\%\@lg
    {
        width: 80%;
    }
    .width-90\%\@lg
    {
        width: 90%;
    }
    .width-100\%\@lg
    {
        width: 100%;
    }
    .width-100vw\@lg
    {
        width: 100vw;
    }
    .width-auto\@lg
    {
        width: auto;
    }
    .width-inherit\@lg
    {
        width: inherit;
    }
    .height-xxxxs\@lg
    {
        height: var(--size-xxxxs,.25rem);
    }
    .height-xxxs\@lg
    {
        height: var(--size-xxxs,.5rem);
    }
    .height-xxs\@lg
    {
        height: var(--size-xxs,.75rem);
    }
    .height-xs\@lg
    {
        height: var(--size-xs,1rem);
    }
    .height-sm\@lg
    {
        height: var(--size-sm,1.5rem);
    }
    .height-md\@lg
    {
        height: var(--size-md,2rem);
    }
    .height-lg\@lg
    {
        height: var(--size-lg,3rem);
    }
    .height-xl\@lg
    {
        height: var(--size-xl,4rem);
    }
    .height-xxl\@lg
    {
        height: var(--size-xxl,6rem);
    }
    .height-xxxl\@lg
    {
        height: var(--size-xxxl,8rem);
    }
    .height-xxxxl\@lg
    {
        height: var(--size-xxxxl,16rem);
    }
    .height-0\@lg
    {
        height: 0;
    }
    .height-10\%\@lg
    {
        height: 10%;
    }
    .height-20\%\@lg
    {
        height: 20%;
    }
    .height-25\%\@lg
    {
        height: 25%;
    }
    .height-30\%\@lg
    {
        height: 30%;
    }
    .height-33\%\@lg
    {
        height: 33.3333333333%;
    }
    .height-40\%\@lg
    {
        height: 40%;
    }
    .height-50\%\@lg
    {
        height: 50%;
    }
    .height-60\%\@lg
    {
        height: 60%;
    }
    .height-66\%\@lg
    {
        height: 66.6666666667%;
    }
    .height-70\%\@lg
    {
        height: 70%;
    }
    .height-75\%\@lg
    {
        height: 75%;
    }
    .height-80\%\@lg
    {
        height: 80%;
    }
    .height-90\%\@lg
    {
        height: 90%;
    }
    .height-100\%\@lg
    {
        height: 100%;
    }
    .height-100vh\@lg
    {
        height: 100vh;
    }
    .height-auto\@lg
    {
        height: auto;
    }
    .height-inherit\@lg
    {
        height: inherit;
    }
    .max-width-xxxxxs\@lg
    {
        max-width: var(--max-width-xxxxxs);
    }
    .max-width-xxxxs\@lg
    {
        max-width: var(--max-width-xxxxs);
    }
    .max-width-xxxs\@lg
    {
        max-width: var(--max-width-xxxs);
    }
    .max-width-xxs\@lg
    {
        max-width: var(--max-width-xxs);
    }
    .max-width-xs\@lg
    {
        max-width: var(--max-width-xs);
    }
    .max-width-sm\@lg
    {
        max-width: var(--max-width-sm);
    }
    .max-width-md\@lg
    {
        max-width: var(--max-width-md);
    }
    .max-width-lg\@lg
    {
        max-width: var(--max-width-lg);
    }
    .max-width-xl\@lg
    {
        max-width: var(--max-width-xl);
    }
    .max-width-xxl\@lg
    {
        max-width: var(--max-width-xxl);
    }
    .max-width-xxxl\@lg
    {
        max-width: var(--max-width-xxxl);
    }
    .max-width-xxxxl\@lg
    {
        max-width: var(--max-width-xxxxl);
    }
    .max-width-100\%\@lg
    {
        max-width: 100%;
    }
    .max-width-none\@lg
    {
        max-width: none;
    }
    .position-relative\@lg
    {
        position: relative;
    }
    .position-absolute\@lg
    {
        position: absolute;
    }
    .position-fixed\@lg
    {
        position: fixed;
    }
    .position-sticky\@lg
    {
        position: sticky;
    }
    .position-static\@lg
    {
        position: static;
    }
    .inset-0\@lg
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .top-0\@lg
    {
        top: 0;
    }
    .top-50\%\@lg
    {
        top: 50%;
    }
    .top-xxxxs\@lg
    {
        top: var(--space-xxxxs);
    }
    .top-xxxs\@lg
    {
        top: var(--space-xxxs);
    }
    .top-xxs\@lg
    {
        top: var(--space-xxs);
    }
    .top-xs\@lg
    {
        top: var(--space-xs);
    }
    .top-sm\@lg
    {
        top: var(--space-sm);
    }
    .top-md\@lg
    {
        top: var(--space-md);
    }
    .top-lg\@lg
    {
        top: var(--space-lg);
    }
    .top-xl\@lg
    {
        top: var(--space-xl);
    }
    .top-xxl\@lg
    {
        top: var(--space-xxl);
    }
    .top-xxxl\@lg
    {
        top: var(--space-xxxl);
    }
    .top-xxxxl\@lg
    {
        top: var(--space-xxxxl);
    }
    .bottom-0\@lg
    {
        bottom: 0;
    }
    .bottom-50\%\@lg
    {
        bottom: 50%;
    }
    .bottom-xxxxs\@lg
    {
        bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@lg
    {
        bottom: var(--space-xxxs);
    }
    .bottom-xxs\@lg
    {
        bottom: var(--space-xxs);
    }
    .bottom-xs\@lg
    {
        bottom: var(--space-xs);
    }
    .bottom-sm\@lg
    {
        bottom: var(--space-sm);
    }
    .bottom-md\@lg
    {
        bottom: var(--space-md);
    }
    .bottom-lg\@lg
    {
        bottom: var(--space-lg);
    }
    .bottom-xl\@lg
    {
        bottom: var(--space-xl);
    }
    .bottom-xxl\@lg
    {
        bottom: var(--space-xxl);
    }
    .bottom-xxxl\@lg
    {
        bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@lg
    {
        bottom: var(--space-xxxxl);
    }
    .right-0\@lg
    {
        right: 0;
    }
    .right-50\%\@lg
    {
        right: 50%;
    }
    .right-xxxxs\@lg
    {
        right: var(--space-xxxxs);
    }
    .right-xxxs\@lg
    {
        right: var(--space-xxxs);
    }
    .right-xxs\@lg
    {
        right: var(--space-xxs);
    }
    .right-xs\@lg
    {
        right: var(--space-xs);
    }
    .right-sm\@lg
    {
        right: var(--space-sm);
    }
    .right-md\@lg
    {
        right: var(--space-md);
    }
    .right-lg\@lg
    {
        right: var(--space-lg);
    }
    .right-xl\@lg
    {
        right: var(--space-xl);
    }
    .right-xxl\@lg
    {
        right: var(--space-xxl);
    }
    .right-xxxl\@lg
    {
        right: var(--space-xxxl);
    }
    .right-xxxxl\@lg
    {
        right: var(--space-xxxxl);
    }
    .left-0\@lg
    {
        left: 0;
    }
    .left-50\%\@lg
    {
        left: 50%;
    }
    .left-xxxxs\@lg
    {
        left: var(--space-xxxxs);
    }
    .left-xxxs\@lg
    {
        left: var(--space-xxxs);
    }
    .left-xxs\@lg
    {
        left: var(--space-xxs);
    }
    .left-xs\@lg
    {
        left: var(--space-xs);
    }
    .left-sm\@lg
    {
        left: var(--space-sm);
    }
    .left-md\@lg
    {
        left: var(--space-md);
    }
    .left-lg\@lg
    {
        left: var(--space-lg);
    }
    .left-xl\@lg
    {
        left: var(--space-xl);
    }
    .left-xxl\@lg
    {
        left: var(--space-xxl);
    }
    .left-xxxl\@lg
    {
        left: var(--space-xxxl);
    }
    .left-xxxxl\@lg
    {
        left: var(--space-xxxxl);
    }
    .overflow-hidden\@lg
    {
        overflow: hidden;
    }
    .overflow-auto\@lg
    {
        overflow: auto;
    }
    .momentum-scrolling\@lg
    {
        -webkit-overflow-scrolling: touch;
    }
    .overscroll-contain\@lg
    {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
    .visible\@lg
    {
        visibility: visible;
    }
    .invisible\@lg
    {
        visibility: hidden;
    }
}
@media not all and (min-width: 80rem)
{
    .display\@lg
    {
        display: none!important;
    }
}
@media(min-width: 90rem)
{
    .flex\@xl
    {
        display: flex;
    }
    .inline-flex\@xl
    {
        display: inline-flex;
    }
    .flex-wrap\@xl
    {
        flex-wrap: wrap;
    }
    .flex-nowrap\@xl
    {
        flex-wrap: nowrap;
    }
    .flex-column\@xl
    {
        flex-direction: column;
    }
    .flex-column-reverse\@xl
    {
        flex-direction: column-reverse;
    }
    .flex-row\@xl
    {
        flex-direction: row;
    }
    .flex-row-reverse\@xl
    {
        flex-direction: row-reverse;
    }
    .flex-center\@xl
    {
        justify-content: center;
        align-items: center;
    }
    .flex-grow\@xl
    {
        flex-grow: 1;
    }
    .flex-grow-0\@xl
    {
        flex-grow: 0;
    }
    .flex-shrink\@xl
    {
        flex-shrink: 1;
    }
    .flex-shrink-0\@xl
    {
        flex-shrink: 0;
    }
    .flex-basis-0\@xl
    {
        flex-basis: 0;
    }
    .justify-start\@xl
    {
        justify-content: flex-start;
    }
    .justify-end\@xl
    {
        justify-content: flex-end;
    }
    .justify-center\@xl
    {
        justify-content: center;
    }
    .justify-between\@xl
    {
        justify-content: space-between;
    }
    .items-center\@xl
    {
        align-items: center;
    }
    .items-start\@xl
    {
        align-items: flex-start;
    }
    .items-end\@xl
    {
        align-items: flex-end;
    }
    .items-baseline\@xl
    {
        align-items: baseline;
    }
    .items-stretch\@xl
    {
        align-items: stretch;
    }
    .content-start\@xl
    {
        align-content: start;
    }
    .content-end\@xl
    {
        align-content: end;
    }
    .content-center\@xl
    {
        align-content: center;
    }
    .content-between\@xl
    {
        align-content: space-between;
    }
    .order-1\@xl
    {
        order: 1;
    }
    .order-2\@xl
    {
        order: 2;
    }
    .order-3\@xl
    {
        order: 3;
    }
    .block\@xl
    {
        display: block;
    }
    .inline-block\@xl
    {
        display: inline-block;
    }
    .inline\@xl
    {
        display: inline;
    }
    .contents\@xl
    {
        display: contents;
    }
    .css-grid\@xl
    {
        display: grid;
    }
    .css-inline-grid\@xl
    {
        display: inline-grid;
    }
    .hide\@xl
    {
        display: none!important;
    }
    .margin-xxxxs\@xl
    {
        margin: var(--space-xxxxs);
    }
    .margin-xxxs\@xl
    {
        margin: var(--space-xxxs);
    }
    .margin-xxs\@xl
    {
        margin: var(--space-xxs);
    }
    .margin-xs\@xl
    {
        margin: var(--space-xs);
    }
    .margin-sm\@xl
    {
        margin: var(--space-sm);
    }
    .margin-md\@xl
    {
        margin: var(--space-md);
    }
    .margin-lg\@xl
    {
        margin: var(--space-lg);
    }
    .margin-xl\@xl
    {
        margin: var(--space-xl);
    }
    .margin-xxl\@xl
    {
        margin: var(--space-xxl);
    }
    .margin-xxxl\@xl
    {
        margin: var(--space-xxxl);
    }
    .margin-xxxxl\@xl
    {
        margin: var(--space-xxxxl);
    }
    .margin-auto\@xl
    {
        margin: auto;
    }
    .margin-0\@xl
    {
        margin: 0;
    }
    .margin-top-xxxxs\@xl
    {
        margin-top: var(--space-xxxxs);
    }
    .margin-top-xxxs\@xl
    {
        margin-top: var(--space-xxxs);
    }
    .margin-top-xxs\@xl
    {
        margin-top: var(--space-xxs);
    }
    .margin-top-xs\@xl
    {
        margin-top: var(--space-xs);
    }
    .margin-top-sm\@xl
    {
        margin-top: var(--space-sm);
    }
    .margin-top-md\@xl
    {
        margin-top: var(--space-md);
    }
    .margin-top-lg\@xl
    {
        margin-top: var(--space-lg);
    }
    .margin-top-xl\@xl
    {
        margin-top: var(--space-xl);
    }
    .margin-top-xxl\@xl
    {
        margin-top: var(--space-xxl);
    }
    .margin-top-xxxl\@xl
    {
        margin-top: var(--space-xxxl);
    }
    .margin-top-xxxxl\@xl
    {
        margin-top: var(--space-xxxxl);
    }
    .margin-top-auto\@xl
    {
        margin-top: auto;
    }
    .margin-top-0\@xl
    {
        margin-top: 0;
    }
    .margin-bottom-xxxxs\@xl
    {
        margin-bottom: var(--space-xxxxs);
    }
    .margin-bottom-xxxs\@xl
    {
        margin-bottom: var(--space-xxxs);
    }
    .margin-bottom-xxs\@xl
    {
        margin-bottom: var(--space-xxs);
    }
    .margin-bottom-xs\@xl
    {
        margin-bottom: var(--space-xs);
    }
    .margin-bottom-sm\@xl
    {
        margin-bottom: var(--space-sm);
    }
    .margin-bottom-md\@xl
    {
        margin-bottom: var(--space-md);
    }
    .margin-bottom-lg\@xl
    {
        margin-bottom: var(--space-lg);
    }
    .margin-bottom-xl\@xl
    {
        margin-bottom: var(--space-xl);
    }
    .margin-bottom-xxl\@xl
    {
        margin-bottom: var(--space-xxl);
    }
    .margin-bottom-xxxl\@xl
    {
        margin-bottom: var(--space-xxxl);
    }
    .margin-bottom-xxxxl\@xl
    {
        margin-bottom: var(--space-xxxxl);
    }
    .margin-bottom-auto\@xl
    {
        margin-bottom: auto;
    }
    .margin-bottom-0\@xl
    {
        margin-bottom: 0;
    }
    .margin-right-xxxxs\@xl
    {
        margin-right: var(--space-xxxxs);
    }
    .margin-right-xxxs\@xl
    {
        margin-right: var(--space-xxxs);
    }
    .margin-right-xxs\@xl
    {
        margin-right: var(--space-xxs);
    }
    .margin-right-xs\@xl
    {
        margin-right: var(--space-xs);
    }
    .margin-right-sm\@xl
    {
        margin-right: var(--space-sm);
    }
    .margin-right-md\@xl
    {
        margin-right: var(--space-md);
    }
    .margin-right-lg\@xl
    {
        margin-right: var(--space-lg);
    }
    .margin-right-xl\@xl
    {
        margin-right: var(--space-xl);
    }
    .margin-right-xxl\@xl
    {
        margin-right: var(--space-xxl);
    }
    .margin-right-xxxl\@xl
    {
        margin-right: var(--space-xxxl);
    }
    .margin-right-xxxxl\@xl
    {
        margin-right: var(--space-xxxxl);
    }
    .margin-right-auto\@xl
    {
        margin-right: auto;
    }
    .margin-right-0\@xl
    {
        margin-right: 0;
    }
    .margin-left-xxxxs\@xl
    {
        margin-left: var(--space-xxxxs);
    }
    .margin-left-xxxs\@xl
    {
        margin-left: var(--space-xxxs);
    }
    .margin-left-xxs\@xl
    {
        margin-left: var(--space-xxs);
    }
    .margin-left-xs\@xl
    {
        margin-left: var(--space-xs);
    }
    .margin-left-sm\@xl
    {
        margin-left: var(--space-sm);
    }
    .margin-left-md\@xl
    {
        margin-left: var(--space-md);
    }
    .margin-left-lg\@xl
    {
        margin-left: var(--space-lg);
    }
    .margin-left-xl\@xl
    {
        margin-left: var(--space-xl);
    }
    .margin-left-xxl\@xl
    {
        margin-left: var(--space-xxl);
    }
    .margin-left-xxxl\@xl
    {
        margin-left: var(--space-xxxl);
    }
    .margin-left-xxxxl\@xl
    {
        margin-left: var(--space-xxxxl);
    }
    .margin-left-auto\@xl
    {
        margin-left: auto;
    }
    .margin-left-0\@xl
    {
        margin-left: 0;
    }
    .margin-x-xxxxs\@xl
    {
        margin-left: var(--space-xxxxs);
        margin-right: var(--space-xxxxs);
    }
    .margin-x-xxxs\@xl
    {
        margin-left: var(--space-xxxs);
        margin-right: var(--space-xxxs);
    }
    .margin-x-xxs\@xl
    {
        margin-left: var(--space-xxs);
        margin-right: var(--space-xxs);
    }
    .margin-x-xs\@xl
    {
        margin-left: var(--space-xs);
        margin-right: var(--space-xs);
    }
    .margin-x-sm\@xl
    {
        margin-left: var(--space-sm);
        margin-right: var(--space-sm);
    }
    .margin-x-md\@xl
    {
        margin-left: var(--space-md);
        margin-right: var(--space-md);
    }
    .margin-x-lg\@xl
    {
        margin-left: var(--space-lg);
        margin-right: var(--space-lg);
    }
    .margin-x-xl\@xl
    {
        margin-left: var(--space-xl);
        margin-right: var(--space-xl);
    }
    .margin-x-xxl\@xl
    {
        margin-left: var(--space-xxl);
        margin-right: var(--space-xxl);
    }
    .margin-x-xxxl\@xl
    {
        margin-left: var(--space-xxxl);
        margin-right: var(--space-xxxl);
    }
    .margin-x-xxxxl\@xl
    {
        margin-left: var(--space-xxxxl);
        margin-right: var(--space-xxxxl);
    }
    .margin-x-auto\@xl
    {
        margin-left: auto;
        margin-right: auto;
    }
    .margin-x-0\@xl
    {
        margin-left: 0;
        margin-right: 0;
    }
    .margin-y-xxxxs\@xl
    {
        margin-top: var(--space-xxxxs);
        margin-bottom: var(--space-xxxxs);
    }
    .margin-y-xxxs\@xl
    {
        margin-top: var(--space-xxxs);
        margin-bottom: var(--space-xxxs);
    }
    .margin-y-xxs\@xl
    {
        margin-top: var(--space-xxs);
        margin-bottom: var(--space-xxs);
    }
    .margin-y-xs\@xl
    {
        margin-top: var(--space-xs);
        margin-bottom: var(--space-xs);
    }
    .margin-y-sm\@xl
    {
        margin-top: var(--space-sm);
        margin-bottom: var(--space-sm);
    }
    .margin-y-md\@xl
    {
        margin-top: var(--space-md);
        margin-bottom: var(--space-md);
    }
    .margin-y-lg\@xl
    {
        margin-top: var(--space-lg);
        margin-bottom: var(--space-lg);
    }
    .margin-y-xl\@xl
    {
        margin-top: var(--space-xl);
        margin-bottom: var(--space-xl);
    }
    .margin-y-xxl\@xl
    {
        margin-top: var(--space-xxl);
        margin-bottom: var(--space-xxl);
    }
    .margin-y-xxxl\@xl
    {
        margin-top: var(--space-xxxl);
        margin-bottom: var(--space-xxxl);
    }
    .margin-y-xxxxl\@xl
    {
        margin-top: var(--space-xxxxl);
        margin-bottom: var(--space-xxxxl);
    }
    .margin-y-auto\@xl
    {
        margin-top: auto;
        margin-bottom: auto;
    }
    .margin-y-0\@xl
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .padding-xxxxs\@xl
    {
        padding: var(--space-xxxxs);
    }
    .padding-xxxs\@xl
    {
        padding: var(--space-xxxs);
    }
    .padding-xxs\@xl
    {
        padding: var(--space-xxs);
    }
    .padding-xs\@xl
    {
        padding: var(--space-xs);
    }
    .padding-sm\@xl
    {
        padding: var(--space-sm);
    }
    .padding-md\@xl
    {
        padding: var(--space-md);
    }
    .padding-lg\@xl
    {
        padding: var(--space-lg);
    }
    .padding-xl\@xl
    {
        padding: var(--space-xl);
    }
    .padding-xxl\@xl
    {
        padding: var(--space-xxl);
    }
    .padding-xxxl\@xl
    {
        padding: var(--space-xxxl);
    }
    .padding-xxxxl\@xl
    {
        padding: var(--space-xxxxl);
    }
    .padding-0\@xl
    {
        padding: 0;
    }
    .padding-component\@xl
    {
        padding: var(--component-padding);
    }
    .padding-top-xxxxs\@xl
    {
        padding-top: var(--space-xxxxs);
    }
    .padding-top-xxxs\@xl
    {
        padding-top: var(--space-xxxs);
    }
    .padding-top-xxs\@xl
    {
        padding-top: var(--space-xxs);
    }
    .padding-top-xs\@xl
    {
        padding-top: var(--space-xs);
    }
    .padding-top-sm\@xl
    {
        padding-top: var(--space-sm);
    }
    .padding-top-md\@xl
    {
        padding-top: var(--space-md);
    }
    .padding-top-lg\@xl
    {
        padding-top: var(--space-lg);
    }
    .padding-top-xl\@xl
    {
        padding-top: var(--space-xl);
    }
    .padding-top-xxl\@xl
    {
        padding-top: var(--space-xxl);
    }
    .padding-top-xxxl\@xl
    {
        padding-top: var(--space-xxxl);
    }
    .padding-top-xxxxl\@xl
    {
        padding-top: var(--space-xxxxl);
    }
    .padding-top-0\@xl
    {
        padding-top: 0;
    }
    .padding-top-component\@xl
    {
        padding-top: var(--component-padding);
    }
    .padding-bottom-xxxxs\@xl
    {
        padding-bottom: var(--space-xxxxs);
    }
    .padding-bottom-xxxs\@xl
    {
        padding-bottom: var(--space-xxxs);
    }
    .padding-bottom-xxs\@xl
    {
        padding-bottom: var(--space-xxs);
    }
    .padding-bottom-xs\@xl
    {
        padding-bottom: var(--space-xs);
    }
    .padding-bottom-sm\@xl
    {
        padding-bottom: var(--space-sm);
    }
    .padding-bottom-md\@xl
    {
        padding-bottom: var(--space-md);
    }
    .padding-bottom-lg\@xl
    {
        padding-bottom: var(--space-lg);
    }
    .padding-bottom-xl\@xl
    {
        padding-bottom: var(--space-xl);
    }
    .padding-bottom-xxl\@xl
    {
        padding-bottom: var(--space-xxl);
    }
    .padding-bottom-xxxl\@xl
    {
        padding-bottom: var(--space-xxxl);
    }
    .padding-bottom-xxxxl\@xl
    {
        padding-bottom: var(--space-xxxxl);
    }
    .padding-bottom-0\@xl
    {
        padding-bottom: 0;
    }
    .padding-bottom-component\@xl
    {
        padding-bottom: var(--component-padding);
    }
    .padding-right-xxxxs\@xl
    {
        padding-right: var(--space-xxxxs);
    }
    .padding-right-xxxs\@xl
    {
        padding-right: var(--space-xxxs);
    }
    .padding-right-xxs\@xl
    {
        padding-right: var(--space-xxs);
    }
    .padding-right-xs\@xl
    {
        padding-right: var(--space-xs);
    }
    .padding-right-sm\@xl
    {
        padding-right: var(--space-sm);
    }
    .padding-right-md\@xl
    {
        padding-right: var(--space-md);
    }
    .padding-right-lg\@xl
    {
        padding-right: var(--space-lg);
    }
    .padding-right-xl\@xl
    {
        padding-right: var(--space-xl);
    }
    .padding-right-xxl\@xl
    {
        padding-right: var(--space-xxl);
    }
    .padding-right-xxxl\@xl
    {
        padding-right: var(--space-xxxl);
    }
    .padding-right-xxxxl\@xl
    {
        padding-right: var(--space-xxxxl);
    }
    .padding-right-0\@xl
    {
        padding-right: 0;
    }
    .padding-right-component\@xl
    {
        padding-right: var(--component-padding);
    }
    .padding-left-xxxxs\@xl
    {
        padding-left: var(--space-xxxxs);
    }
    .padding-left-xxxs\@xl
    {
        padding-left: var(--space-xxxs);
    }
    .padding-left-xxs\@xl
    {
        padding-left: var(--space-xxs);
    }
    .padding-left-xs\@xl
    {
        padding-left: var(--space-xs);
    }
    .padding-left-sm\@xl
    {
        padding-left: var(--space-sm);
    }
    .padding-left-md\@xl
    {
        padding-left: var(--space-md);
    }
    .padding-left-lg\@xl
    {
        padding-left: var(--space-lg);
    }
    .padding-left-xl\@xl
    {
        padding-left: var(--space-xl);
    }
    .padding-left-xxl\@xl
    {
        padding-left: var(--space-xxl);
    }
    .padding-left-xxxl\@xl
    {
        padding-left: var(--space-xxxl);
    }
    .padding-left-xxxxl\@xl
    {
        padding-left: var(--space-xxxxl);
    }
    .padding-left-0\@xl
    {
        padding-left: 0;
    }
    .padding-left-component\@xl
    {
        padding-left: var(--component-padding);
    }
    .padding-x-xxxxs\@xl
    {
        padding-left: var(--space-xxxxs);
        padding-right: var(--space-xxxxs);
    }
    .padding-x-xxxs\@xl
    {
        padding-left: var(--space-xxxs);
        padding-right: var(--space-xxxs);
    }
    .padding-x-xxs\@xl
    {
        padding-left: var(--space-xxs);
        padding-right: var(--space-xxs);
    }
    .padding-x-xs\@xl
    {
        padding-left: var(--space-xs);
        padding-right: var(--space-xs);
    }
    .padding-x-sm\@xl
    {
        padding-left: var(--space-sm);
        padding-right: var(--space-sm);
    }
    .padding-x-md\@xl
    {
        padding-left: var(--space-md);
        padding-right: var(--space-md);
    }
    .padding-x-lg\@xl
    {
        padding-left: var(--space-lg);
        padding-right: var(--space-lg);
    }
    .padding-x-xl\@xl
    {
        padding-left: var(--space-xl);
        padding-right: var(--space-xl);
    }
    .padding-x-xxl\@xl
    {
        padding-left: var(--space-xxl);
        padding-right: var(--space-xxl);
    }
    .padding-x-xxxl\@xl
    {
        padding-left: var(--space-xxxl);
        padding-right: var(--space-xxxl);
    }
    .padding-x-xxxxl\@xl
    {
        padding-left: var(--space-xxxxl);
        padding-right: var(--space-xxxxl);
    }
    .padding-x-0\@xl
    {
        padding-left: 0;
        padding-right: 0;
    }
    .padding-x-component\@xl
    {
        padding-left: var(--component-padding);
        padding-right: var(--component-padding);
    }
    .padding-y-xxxxs\@xl
    {
        padding-top: var(--space-xxxxs);
        padding-bottom: var(--space-xxxxs);
    }
    .padding-y-xxxs\@xl
    {
        padding-top: var(--space-xxxs);
        padding-bottom: var(--space-xxxs);
    }
    .padding-y-xxs\@xl
    {
        padding-top: var(--space-xxs);
        padding-bottom: var(--space-xxs);
    }
    .padding-y-xs\@xl
    {
        padding-top: var(--space-xs);
        padding-bottom: var(--space-xs);
    }
    .padding-y-sm\@xl
    {
        padding-top: var(--space-sm);
        padding-bottom: var(--space-sm);
    }
    .padding-y-md\@xl
    {
        padding-top: var(--space-md);
        padding-bottom: var(--space-md);
    }
    .padding-y-lg\@xl
    {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-lg);
    }
    .padding-y-xl\@xl
    {
        padding-top: var(--space-xl);
        padding-bottom: var(--space-xl);
    }
    .padding-y-xxl\@xl
    {
        padding-top: var(--space-xxl);
        padding-bottom: var(--space-xxl);
    }
    .padding-y-xxxl\@xl
    {
        padding-top: var(--space-xxxl);
        padding-bottom: var(--space-xxxl);
    }
    .padding-y-xxxxl\@xl
    {
        padding-top: var(--space-xxxxl);
        padding-bottom: var(--space-xxxxl);
    }
    .padding-y-0\@xl
    {
        padding-top: 0;
        padding-bottom: 0;
    }
    .padding-y-component\@xl
    {
        padding-top: var(--component-padding);
        padding-bottom: var(--component-padding);
    }
    .text-center\@xl
    {
        text-align: center;
    }
    .text-left\@xl
    {
        text-align: left;
    }
    .text-right\@xl
    {
        text-align: right;
    }
    .text-justify\@xl
    {
        text-align: justify;
    }
    .text-xs\@xl
    {
        font-size: var(--text-xs,.6875rem);
    }
    .text-sm\@xl
    {
        font-size: var(--text-sm,.75rem);
    }
    .text-base\@xl
    {
        font-size: var(--text-unit,1rem);
    }
    .text-md\@xl
    {
        font-size: var(--text-md,1.125rem);
    }
    .text-lg\@xl
    {
        font-size: var(--text-lg,1.375rem);
    }
    .text-xl\@xl
    {
        font-size: var(--text-xl,1.75rem);
    }
    .text-xxl\@xl
    {
        font-size: var(--text-xxl,2rem);
    }
    .text-xxxl\@xl
    {
        font-size: var(--text-xxxl,2.5rem);
    }
    .text-xxxxl\@xl
    {
        font-size: var(--text-xxxxl,3rem);
    }
    .column-count-1\@xl
    {
        -moz-column-count: 1;
        column-count: 1;
    }
    .column-count-2\@xl
    {
        -moz-column-count: 2;
        column-count: 2;
    }
    .column-count-3\@xl
    {
        -moz-column-count: 3;
        column-count: 3;
    }
    .column-count-4\@xl
    {
        -moz-column-count: 4;
        column-count: 4;
    }
    .width-xxxxs\@xl
    {
        width: var(--size-xxxxs,.25rem);
    }
    .width-xxxs\@xl
    {
        width: var(--size-xxxs,.5rem);
    }
    .width-xxs\@xl
    {
        width: var(--size-xxs,.75rem);
    }
    .width-xs\@xl
    {
        width: var(--size-xs,1rem);
    }
    .width-sm\@xl
    {
        width: var(--size-sm,1.5rem);
    }
    .width-md\@xl
    {
        width: var(--size-md,2rem);
    }
    .width-lg\@xl
    {
        width: var(--size-lg,3rem);
    }
    .width-xl\@xl
    {
        width: var(--size-xl,4rem);
    }
    .width-xxl\@xl
    {
        width: var(--size-xxl,6rem);
    }
    .width-xxxl\@xl
    {
        width: var(--size-xxxl,8rem);
    }
    .width-xxxxl\@xl
    {
        width: var(--size-xxxxl,16rem);
    }
    .width-0\@xl
    {
        width: 0;
    }
    .width-10\%\@xl
    {
        width: 10%;
    }
    .width-20\%\@xl
    {
        width: 20%;
    }
    .width-25\%\@xl
    {
        width: 25%;
    }
    .width-30\%\@xl
    {
        width: 30%;
    }
    .width-33\%\@xl
    {
        width: 33.3333333333%;
    }
    .width-40\%\@xl
    {
        width: 40%;
    }
    .width-50\%\@xl
    {
        width: 50%;
    }
    .width-60\%\@xl
    {
        width: 60%;
    }
    .width-66\%\@xl
    {
        width: 66.6666666667%;
    }
    .width-70\%\@xl
    {
        width: 70%;
    }
    .width-75\%\@xl
    {
        width: 75%;
    }
    .width-80\%\@xl
    {
        width: 80%;
    }
    .width-90\%\@xl
    {
        width: 90%;
    }
    .width-100\%\@xl
    {
        width: 100%;
    }
    .width-100vw\@xl
    {
        width: 100vw;
    }
    .width-auto\@xl
    {
        width: auto;
    }
    .width-inherit\@xl
    {
        width: inherit;
    }
    .height-xxxxs\@xl
    {
        height: var(--size-xxxxs,.25rem);
    }
    .height-xxxs\@xl
    {
        height: var(--size-xxxs,.5rem);
    }
    .height-xxs\@xl
    {
        height: var(--size-xxs,.75rem);
    }
    .height-xs\@xl
    {
        height: var(--size-xs,1rem);
    }
    .height-sm\@xl
    {
        height: var(--size-sm,1.5rem);
    }
    .height-md\@xl
    {
        height: var(--size-md,2rem);
    }
    .height-lg\@xl
    {
        height: var(--size-lg,3rem);
    }
    .height-xl\@xl
    {
        height: var(--size-xl,4rem);
    }
    .height-xxl\@xl
    {
        height: var(--size-xxl,6rem);
    }
    .height-xxxl\@xl
    {
        height: var(--size-xxxl,8rem);
    }
    .height-xxxxl\@xl
    {
        height: var(--size-xxxxl,16rem);
    }
    .height-0\@xl
    {
        height: 0;
    }
    .height-10\%\@xl
    {
        height: 10%;
    }
    .height-20\%\@xl
    {
        height: 20%;
    }
    .height-25\%\@xl
    {
        height: 25%;
    }
    .height-30\%\@xl
    {
        height: 30%;
    }
    .height-33\%\@xl
    {
        height: 33.3333333333%;
    }
    .height-40\%\@xl
    {
        height: 40%;
    }
    .height-50\%\@xl
    {
        height: 50%;
    }
    .height-60\%\@xl
    {
        height: 60%;
    }
    .height-66\%\@xl
    {
        height: 66.6666666667%;
    }
    .height-70\%\@xl
    {
        height: 70%;
    }
    .height-75\%\@xl
    {
        height: 75%;
    }
    .height-80\%\@xl
    {
        height: 80%;
    }
    .height-90\%\@xl
    {
        height: 90%;
    }
    .height-100\%\@xl
    {
        height: 100%;
    }
    .height-100vh\@xl
    {
        height: 100vh;
    }
    .height-auto\@xl
    {
        height: auto;
    }
    .height-inherit\@xl
    {
        height: inherit;
    }
    .max-width-xxxxxs\@xl
    {
        max-width: var(--max-width-xxxxxs);
    }
    .max-width-xxxxs\@xl
    {
        max-width: var(--max-width-xxxxs);
    }
    .max-width-xxxs\@xl
    {
        max-width: var(--max-width-xxxs);
    }
    .max-width-xxs\@xl
    {
        max-width: var(--max-width-xxs);
    }
    .max-width-xs\@xl
    {
        max-width: var(--max-width-xs);
    }
    .max-width-sm\@xl
    {
        max-width: var(--max-width-sm);
    }
    .max-width-md\@xl
    {
        max-width: var(--max-width-md);
    }
    .max-width-lg\@xl
    {
        max-width: var(--max-width-lg);
    }
    .max-width-xl\@xl
    {
        max-width: var(--max-width-xl);
    }
    .max-width-xxl\@xl
    {
        max-width: var(--max-width-xxl);
    }
    .max-width-xxxl\@xl
    {
        max-width: var(--max-width-xxxl);
    }
    .max-width-xxxxl\@xl
    {
        max-width: var(--max-width-xxxxl);
    }
    .max-width-100\%\@xl
    {
        max-width: 100%;
    }
    .max-width-none\@xl
    {
        max-width: none;
    }
    .position-relative\@xl
    {
        position: relative;
    }
    .position-absolute\@xl
    {
        position: absolute;
    }
    .position-fixed\@xl
    {
        position: fixed;
    }
    .position-sticky\@xl
    {
        position: sticky;
    }
    .position-static\@xl
    {
        position: static;
    }
    .inset-0\@xl
    {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
    .top-0\@xl
    {
        top: 0;
    }
    .top-50\%\@xl
    {
        top: 50%;
    }
    .top-xxxxs\@xl
    {
        top: var(--space-xxxxs);
    }
    .top-xxxs\@xl
    {
        top: var(--space-xxxs);
    }
    .top-xxs\@xl
    {
        top: var(--space-xxs);
    }
    .top-xs\@xl
    {
        top: var(--space-xs);
    }
    .top-sm\@xl
    {
        top: var(--space-sm);
    }
    .top-md\@xl
    {
        top: var(--space-md);
    }
    .top-lg\@xl
    {
        top: var(--space-lg);
    }
    .top-xl\@xl
    {
        top: var(--space-xl);
    }
    .top-xxl\@xl
    {
        top: var(--space-xxl);
    }
    .top-xxxl\@xl
    {
        top: var(--space-xxxl);
    }
    .top-xxxxl\@xl
    {
        top: var(--space-xxxxl);
    }
    .bottom-0\@xl
    {
        bottom: 0;
    }
    .bottom-50\%\@xl
    {
        bottom: 50%;
    }
    .bottom-xxxxs\@xl
    {
        bottom: var(--space-xxxxs);
    }
    .bottom-xxxs\@xl
    {
        bottom: var(--space-xxxs);
    }
    .bottom-xxs\@xl
    {
        bottom: var(--space-xxs);
    }
    .bottom-xs\@xl
    {
        bottom: var(--space-xs);
    }
    .bottom-sm\@xl
    {
        bottom: var(--space-sm);
    }
    .bottom-md\@xl
    {
        bottom: var(--space-md);
    }
    .bottom-lg\@xl
    {
        bottom: var(--space-lg);
    }
    .bottom-xl\@xl
    {
        bottom: var(--space-xl);
    }
    .bottom-xxl\@xl
    {
        bottom: var(--space-xxl);
    }
    .bottom-xxxl\@xl
    {
        bottom: var(--space-xxxl);
    }
    .bottom-xxxxl\@xl
    {
        bottom: var(--space-xxxxl);
    }
    .right-0\@xl
    {
        right: 0;
    }
    .right-50\%\@xl
    {
        right: 50%;
    }
    .right-xxxxs\@xl
    {
        right: var(--space-xxxxs);
    }
    .right-xxxs\@xl
    {
        right: var(--space-xxxs);
    }
    .right-xxs\@xl
    {
        right: var(--space-xxs);
    }
    .right-xs\@xl
    {
        right: var(--space-xs);
    }
    .right-sm\@xl
    {
        right: var(--space-sm);
    }
    .right-md\@xl
    {
        right: var(--space-md);
    }
    .right-lg\@xl
    {
        right: var(--space-lg);
    }
    .right-xl\@xl
    {
        right: var(--space-xl);
    }
    .right-xxl\@xl
    {
        right: var(--space-xxl);
    }
    .right-xxxl\@xl
    {
        right: var(--space-xxxl);
    }
    .right-xxxxl\@xl
    {
        right: var(--space-xxxxl);
    }
    .left-0\@xl
    {
        left: 0;
    }
    .left-50\%\@xl
    {
        left: 50%;
    }
    .left-xxxxs\@xl
    {
        left: var(--space-xxxxs);
    }
    .left-xxxs\@xl
    {
        left: var(--space-xxxs);
    }
    .left-xxs\@xl
    {
        left: var(--space-xxs);
    }
    .left-xs\@xl
    {
        left: var(--space-xs);
    }
    .left-sm\@xl
    {
        left: var(--space-sm);
    }
    .left-md\@xl
    {
        left: var(--space-md);
    }
    .left-lg\@xl
    {
        left: var(--space-lg);
    }
    .left-xl\@xl
    {
        left: var(--space-xl);
    }
    .left-xxl\@xl
    {
        left: var(--space-xxl);
    }
    .left-xxxl\@xl
    {
        left: var(--space-xxxl);
    }
    .left-xxxxl\@xl
    {
        left: var(--space-xxxxl);
    }
    .overflow-hidden\@xl
    {
        overflow: hidden;
    }
    .overflow-auto\@xl
    {
        overflow: auto;
    }
    .momentum-scrolling\@xl
    {
        -webkit-overflow-scrolling: touch;
    }
    .overscroll-contain\@xl
    {
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    }
    .visible\@xl
    {
        visibility: visible;
    }
    .invisible\@xl
    {
        visibility: hidden;
    }
}
@media not all and (min-width: 90rem)
{
    .display\@xl
    {
        display: none!important;
    }
}
:root, [data-theme=default]
{
    --color-primary-darker: hsl(349,95%,47%);
    --color-primary-darker-h: 349;
    --color-primary-darker-s: 95%;
    --color-primary-darker-l: 47%;
    --color-primary-dark: hsl(349,95%,53%);
    --color-primary-dark-h: 349;
    --color-primary-dark-s: 95%;
    --color-primary-dark-l: 53%;
    --color-primary: hsl(349,95%,59%);
    --color-primary-h: 349;
    --color-primary-s: 95%;
    --color-primary-l: 59%;
    --color-primary-light: hsl(349,95%,65%);
    --color-primary-light-h: 349;
    --color-primary-light-s: 95%;
    --color-primary-light-l: 65%;
    --color-primary-lighter: hsl(349,95%,71%);
    --color-primary-lighter-h: 349;
    --color-primary-lighter-s: 95%;
    --color-primary-lighter-l: 71%;
    --color-accent-darker: hsl(279,57%,20%);
    --color-accent-darker-h: 279;
    --color-accent-darker-s: 57%;
    --color-accent-darker-l: 20%;
    --color-accent-dark: hsl(279,55%,27%);
    --color-accent-dark-h: 279;
    --color-accent-dark-s: 55%;
    --color-accent-dark-l: 27%;
    --color-accent: hsl(284,24%,49%);
    --color-accent-h: 284;
    --color-accent-s: 24%;
    --color-accent-l: 49%;
    --color-accent-light: hsl(284,24%,64%);
    --color-accent-light-h: 284;
    --color-accent-light-s: 24%;
    --color-accent-light-l: 64%;
    --color-accent-lighter: hsl(281,23%,78%);
    --color-accent-lighter-h: 281;
    --color-accent-lighter-s: 23%;
    --color-accent-lighter-l: 78%;
    --color-section-darker: hsl(0,0%,44%);
    --color-section-darker-h: 0;
    --color-section-darker-s: 0%;
    --color-section-darker-l: 44%;
    --color-section-dark: hsl(0,0%,66%);
    --color-section-dark-h: 0;
    --color-section-dark-s: 0%;
    --color-section-dark-l: 66%;
    --color-section: hsl(0,0%,88%);
    --color-section-h: 0;
    --color-section-s: 0%;
    --color-section-l: 88%;
    --color-section-light: hsl(0,0%,91%);
    --color-section-light-h: 0;
    --color-section-light-s: 0%;
    --color-section-light-l: 91%;
    --color-section-lighter: hsl(0,0%,94%);
    --color-section-lighter-h: 0;
    --color-section-lighter-s: 0%;
    --color-section-lighter-l: 94%;
    --color-black: hsl(67,100%,4%);
    --color-black-h: 67;
    --color-black-s: 100%;
    --color-black-l: 4%;
    --color-white: hsl(0,0%,100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-warning-darker: hsl(46,100%,47%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 47%;
    --color-warning-dark: hsl(46,100%,50%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 50%;
    --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%,80%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 80%;
    --color-success-darker: hsl(94,48%,42%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 42%;
    --color-success-dark: hsl(94,48%,48%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 48%;
    --color-success: hsl(94,48%,56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94,48%,65%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 65%;
    --color-success-lighter: hsl(94,48%,74%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 74%;
    --color-error-darker: hsl(349,75%,36%);
    --color-error-darker-h: 349;
    --color-error-darker-s: 75%;
    --color-error-darker-l: 36%;
    --color-error-dark: hsl(349,75%,44%);
    --color-error-dark-h: 349;
    --color-error-dark-s: 75%;
    --color-error-dark-l: 44%;
    --color-error: hsl(349,75%,51%);
    --color-error-h: 349;
    --color-error-s: 75%;
    --color-error-l: 51%;
    --color-error-light: hsl(349,75%,59%);
    --color-error-light-h: 349;
    --color-error-light-s: 75%;
    --color-error-light-l: 59%;
    --color-error-lighter: hsl(349,75%,67%);
    --color-error-lighter-h: 349;
    --color-error-lighter-s: 75%;
    --color-error-lighter-l: 67%;
    --color-bg-darker: hsl(60,4%,89%);
    --color-bg-darker-h: 60;
    --color-bg-darker-s: 4%;
    --color-bg-darker-l: 89%;
    --color-bg-dark: hsl(60,3%,94%);
    --color-bg-dark-h: 60;
    --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(60,3%,100%);
    --color-bg-light-h: 60;
    --color-bg-light-s: 3%;
    --color-bg-light-l: 100%;
    --color-bg-lighter: hsl(60,4%,100%);
    --color-bg-lighter-h: 60;
    --color-bg-lighter-s: 4%;
    --color-bg-lighter-l: 100%;
    --color-contrast-lower: hsl(60,4%,84%);
    --color-contrast-lower-h: 60;
    --color-contrast-lower-s: 4%;
    --color-contrast-lower-l: 84%;
    --color-contrast-low: hsl(70,3%,63%);
    --color-contrast-low-h: 70;
    --color-contrast-low-s: 3%;
    --color-contrast-low-l: 63%;
    --color-contrast-medium: hsl(67,4%,44%);
    --color-contrast-medium-h: 67;
    --color-contrast-medium-s: 4%;
    --color-contrast-medium-l: 44%;
    --color-contrast-high: hsl(71,11%,19%);
    --color-contrast-high-h: 71;
    --color-contrast-high-s: 11%;
    --color-contrast-high-l: 19%;
    --color-contrast-higher: hsl(66,100%,4%);
    --color-contrast-higher-h: 66;
    --color-contrast-higher-s: 100%;
    --color-contrast-higher-l: 4%;
}
.bg-section-darker
{
    background-color: hsla(var(--color-section-darker-h),var(--color-section-darker-s),var(--color-section-darker-l),var(--bg-o,1));
}
.bg-section-dark
{
    background-color: hsla(var(--color-section-dark-h),var(--color-section-dark-s),var(--color-section-dark-l),var(--bg-o,1));
}
.bg-section
{
    background-color: hsla(var(--color-section-h),var(--color-section-s),var(--color-section-l),var(--bg-o,1));
}
.bg-section-light
{
    background-color: hsla(var(--color-section-light-h),var(--color-section-light-s),var(--color-section-light-l),var(--bg-o,1));
}
.bg-section-lighter
{
    background-color: hsla(var(--color-section-lighter-h),var(--color-section-lighter-s),var(--color-section-lighter-l),var(--bg-o,1));
}
.border-section-darker
{
    border-color: hsla(var(--color-section-darker-h),var(--color-section-darker-s),var(--color-section-darker-l),var(--bg-o,1));
}
.border-section-dark
{
    border-color: hsla(var(--color-section-dark-h),var(--color-section-dark-s),var(--color-section-dark-l),var(--bg-o,1));
}
.border-section
{
    border-color: hsla(var(--color-section-h),var(--color-section-s),var(--color-section-l),var(--bg-o,1));
}
.border-section-light
{
    border-color: hsla(var(--color-section-light-h),var(--color-section-light-s),var(--color-section-light-l),var(--bg-o,1));
}
.border-section-lighter
{
    border-color: hsla(var(--color-section-lighter-h),var(--color-section-lighter-s),var(--color-section-lighter-l),var(--bg-o,1));
}
:root, [data-theme=default]
{
    --gradient-primary-stop-1: hsl(318,77%,25%);
    --gradient-primary-stop-1-h: 318;
    --gradient-primary-stop-1-s: 77%;
    --gradient-primary-stop-1-l: 25%;
    --gradient-primary-stop-2: hsl(349,95%,59%);
    --gradient-primary-stop-2-h: 349;
    --gradient-primary-stop-2-s: 95%;
    --gradient-primary-stop-2-l: 59%;
}
.bg-gradient-primary
{
    background-image: radial-gradient(var(--gradient-primary-stop-1),var(--gradient-primary-stop-2));
}
.bg-gradient-primary-top
{
    background-image: linear-gradient(0deg,var(--gradient-primary-stop-1),var(--gradient-primary-stop-2));
}
.bg-gradient-primary-right
{
    background-image: linear-gradient(70deg,var(--gradient-primary-stop-1),var(--gradient-primary-stop-2));
}
.bg-gradient-primary-bottom
{
    background-image: linear-gradient(180deg,var(--gradient-primary-stop-1),var(--gradient-primary-stop-2));
}
.bg-gradient-primary-left
{
    background-image: linear-gradient(270deg,var(--gradient-primary-stop-1),var(--gradient-primary-stop-2));
}
:root
{
    --space-unit: 1em;
}
*, :root
{
    --space-xxxxs: calc(.125 * var(--space-unit));
    --space-xxxs: calc(.25 * var(--space-unit));
    --space-xxs: calc(.375 * var(--space-unit));
    --space-xs: calc(.5 * var(--space-unit));
    --space-sm: calc(.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);
}
@supports(
--css: variables)
{
@media(min-width: 64rem)
{
    :root
    {
        --space-unit: 1.25em;
    }
}
}
:root
{
    --radius: .25em;
}
.hover\:reduce-opacity
{
    opacity: 1;
    transition: all .3s ease;
}
.hover\:reduce-opacity:hover
{
    opacity: .8;
}
.hover\:scale
{
    transition: transform .3s var(--ease-out-back);
}
.hover\:scale:hover
{
    transform: scale(1.1);
}
.hover\:elevate
{
    box-shadow: none;
    transition: all .3s ease;
}
.hover\:elevate:hover
{
    box-shadow: var(--shadow-md);
}
.link-subtle
{
    color: inherit;
    text-decoration: none;
    transition: all .2s ease;
}
.link-subtle:hover
{
    color: var(--color-primary);
}
.link-color-inherit
{
    color: inherit;
}
.link-color-inherit:hover
{
    color: inherit;
}
:root
{
    --font-primary: "Roboto Condensed",sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --body-line-height: 1.5;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
    --text-unit: 1em;
}
*, :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: 1em;
        --text-scale-ratio: 1.25;
    }
}
body
{
    font-family: var(--font-primary);
    --body-font-weight: 300;
}
h1, h2, h3, h4
{
    font-family: var(--font-primary);
    --heading-font-weight: 900;
}
.font-primary
{
    font-family: var(--font-primary);
}
.link, a
{
    color: inherit;
    -webkit-text-decoration-color: var(--color-primary);
    text-decoration-color: var(--color-primary);
    text-underline-offset: 3.5px;
    transition: color .2s ease-in-out;
}
.link:hover, a:hover
{
    color: var(--color-primary);
}
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.45;
}
.text-component>*
{
    --text-unit: 1em;
    --space-unit: 1em;
}
.text-component blockquote
{
    padding-left: 1.5em;
    border-left: 1px solid var(--color-primary);
    position: relative;
}
@media(min-width: 48rem)
{
    .text-component blockquote
    {
        padding-left: 2em;
        margin-left: 90px;
    }
}
.text-component blockquote:before
{
    content: url(/wp-content/themes/kanuka/assets/img/blockquote.svg);
    width: 55px;
    display: block;
    margin-bottom: calc(var(--space-unit) * .75 * var(--text-vspace-multiplier,1));
}
@media(min-width: 48rem)
{
    .text-component blockquote:before
    {
        position: absolute;
        top: 0;
        left: -90px;
        margin-bottom: 0;
    }
}
.text-component hr
{
    background: var(--color-contrast-low);
    height: 1px;
}
.text-component figcaption
{
    font-size: var(--text-sm);
    color: var(--color-contrast-medium);
}
.font-extrabold
{
    font-weight: 900;
}
@font-face
{
    font-display: swap;
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: url(/wp-content/themes/kanuka/assets/fonts/roboto-condensed-v27-latin-300.woff2) format("woff2");
}
@font-face
{
    font-display: swap;
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 900;
    src: url(/wp-content/themes/kanuka/assets/fonts/roboto-condensed-v27-latin-900.woff2) format("woff2");
}
:root
{
    --btn-font-size: var(--text-sm);
    --btn-padding-x: var(--space-sm);
    --btn-padding-y: var(--space-sm);
    --btn-radius: .25em;
}
.btn, .frm_style_formidable-style.with_frm_style .frm_button_submit
{
    color: var(--color-black);
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: .1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: var(--shadow-xs);
    transition: all .2s ease;
    will-change: transform;
}
.btn:hover, .frm_style_formidable-style.with_frm_style .frm_button_submit:hover
{
    box-shadow: var(--shadow-sm);
}
.btn:focus, .frm_style_formidable-style.with_frm_style .frm_button_submit:focus
{
    box-shadow: 0 0 0 2px hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15);
    outline: 0;
}
.btn:active, .frm_style_formidable-style.with_frm_style .frm_button_submit:active
{
    transform: translateY(2px);
}
.btn--primary, .frm_style_formidable-style.with_frm_style .frm_button_submit
{
    background: var(--color-primary);
    color: var(--color-white);
}
.btn--primary:hover, .frm_style_formidable-style.with_frm_style .frm_button_submit:hover
{
    background: var(--color-accent-dark);
    color: var(--color-white);
}
.btn--primary:focus, .frm_style_formidable-style.with_frm_style .frm_button_submit:focus
{
    box-shadow: 0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2);
}
.btn--subtle
{
    background: var(--color-contrast-lower);
    color: var(--color-contrast-higher);
}
.btn--accent
{
    background: var(--color-accent-dark);
    color: var(--color-white);
}
.btn--accent:hover
{
    background: var(--color-primary);
    color: var(--color-white);
}
.btn--accent:focus
{
    box-shadow: 0 0 0 2px hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2);
}
.btn--disabled, .btn[disabled], .btn[readonly], .frm_style_formidable-style.with_frm_style [disabled].frm_button_submit, .frm_style_formidable-style.with_frm_style [readonly].frm_button_submit
{
    opacity: .6;
    cursor: not-allowed;
}
.btn--sm
{
    font-size: var(--text-xs);
}
.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:-ms-input-placeholder
{
    opacity: 1;
    color: var(--color-contrast-low);
}
.form-control::placeholder
{
    opacity: 1;
    color: var(--color-contrast-low);
}
.form-control:focus
{
    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),var(--shadow-sm);
    outline: 0;
}
.form-control--disabled, .form-control[disabled], .form-control[readonly]
{
    opacity: .5;
    cursor: not-allowed;
}
.form-control.form-control--error, .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.form-control--error:focus, .form-control[aria-invalid=true]:focus
{
    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),var(--shadow-sm);
}
:root
{
    --accordion-border-width: 1px;
    --accordion-icon-size: 20px;
    --accordion-icon-stroke-width: 2px;
}
.accordion__item
{
    border-style: solid;
    border-color: var(--color-contrast-lower);
    border-bottom-width: var(--accordion-border-width);
}
.accordion__item:first-child
{
    border-top-width: var(--accordion-border-width);
}
.accordion__header
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
}
.accordion__header .icon
{
    --size: var(--accordion-icon-size);
}
.accordion__header .icon .icon__group
{
    stroke-width: var(--accordion-icon-stroke-width);
}
.accordion__icon-arrow .icon__group, .accordion__icon-arrow-v2 .icon__group, .accordion__icon-plus .icon__group
{
    will-change: transform;
    transform-origin: 50% 50%;
}
.accordion__icon-arrow .icon__group>*
{
    transform-origin: 10px 14px;
}
.accordion__icon-arrow-v2 .icon__group>*
{
    transform-origin: 50% 50%;
    stroke-dasharray: 20;
    transform: translateY(4px);
}
.accordion__icon-arrow-v2 .icon__group>:first-child
{
    stroke-dashoffset: 10.15;
}
.accordion__icon-arrow-v2 .icon__group>:last-child
{
    stroke-dashoffset: 10.15;
}
.accordion__icon-plus .icon__group
{
    transform: rotate(-90deg);
}
.accordion__icon-plus .icon__group>*
{
    transform-origin: 50% 50%;
}
.accordion__icon-plus .icon__group>:first-child
{
    transform: rotate(-90deg);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-arrow .icon__group>:first-child
{
    transform: translateY(-8px) rotate(-90deg);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-arrow .icon__group>:last-child
{
    transform: translateY(-8px) rotate(90deg);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group
{
    transform: rotate(-90deg);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group :last-child, .accordion__item--is-open>.accordion__header>.accordion__icon-arrow-v2 .icon__group>:first-child
{
    stroke-dashoffset: 0;
    transform: translateY(0);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-plus .icon__group
{
    transform: rotate(0);
}
.accordion__item--is-open>.accordion__header>.accordion__icon-plus .icon__group>:first-child
{
    transform: rotate(0);
}
.accordion__panel
{
    display: none;
    will-change: height;
    transform: translateZ(0);
}
.accordion__item--is-open>.accordion__panel
{
    display: block;
}
.accordion[data-animation=on] .accordion__item--is-open .accordion__panel>*
{
    -webkit-animation: accordion-entry-animation .4s var(--ease-out);
    animation: accordion-entry-animation .4s var(--ease-out);
}
.accordion[data-animation=on] .accordion__icon-arrow .icon__group, .accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group, .accordion[data-animation=on] .accordion__icon-plus .icon__group
{
    transition: transform .3s var(--ease-out);
}
.accordion[data-animation=on] .accordion__icon-arrow .icon__group>*, .accordion[data-animation=on] .accordion__icon-arrow-v2 .icon__group>*, .accordion[data-animation=on] .accordion__icon-plus .icon__group>*
{
    transition: transform .3s,stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out);
}
@-webkit-keyframes accordion-entry-animation
{
    from
    {
        opacity: 0;
        transform: translateY(-10px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes accordion-entry-animation
{
    from
    {
        opacity: 0;
        transform: translateY(-10px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}
.adapt-nav
{
    position: relative;
}
.adapt-nav__list
{
    display: flex;
    align-items: center;
}
.adapt-nav__item
{
    flex-shrink: 0;
    margin-right: var(--space-xs);
}
.adapt-nav__link
{
    display: block;
    color: var(--color-contrast-high);
    text-decoration: none;
    padding: var(--space-xxs) var(--space-xs);
    border-radius: var(--radius-md);
    transition: .2s;
}
.adapt-nav__link:hover
{
    background-color: var(--color-contrast-lower);
}
.adapt-nav__link[aria-current=page]
{
    color: var(--color-bg);
    background-color: var(--color-contrast-higher);
}
.adapt-nav__item--hidden
{
    visibility: hidden;
}
.js .adapt-nav
{
    opacity: 0;
}
.js .adapt-nav--is-visible
{
    opacity: 1;
}
.js .adapt-nav__item--more
{
    position: relative;
    margin-right: 0;
}
.js .adapt-nav__btn
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    border-radius: 50%;
}
.js .adapt-nav__btn .icon
{
    display: block;
    width: 16px;
    height: 16px;
}
.js .adapt-nav__btn:hover
{
    background-color: var(--color-contrast-lower);
}
.js .adapt-nav__btn:active
{
    background-color: var(--color-contrast-low);
}
.js .adapt-nav__dropdown
{
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 180px;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-sm);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--z-index-popover,5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s,opacity .2s;
}
.js .adapt-nav__dropdown--is-visible
{
    visibility: visible;
    opacity: 1;
    transition: visibility 0s,opacity .2s;
}
.js .adapt-nav__dropdown-link
{
    display: block;
    padding: var(--space-xxs) var(--space-sm);
    text-decoration: none;
    color: var(--color-contrast-high);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s;
}
.js .adapt-nav__dropdown-link:hover
{
    background-color: var(--color-contrast-lower);
}
.js .adapt-nav__dropdown-link[aria-current=page]
{
    color: var(--color-bg);
    background-color: var(--color-contrast-higher);
}
html:not(.js) .adapt-nav
{
    display: flex;
    justify-content: center;
    overflow: hidden;
}
html:not(.js) .adapt-nav__list
{
    overflow: auto;
    justify-content: left;
}
.grid-auto-lg, .grid-auto-md, .grid-auto-sm, .grid-auto-xl, .grid-auto-xs, .grid-auto-xxs, .grid-auto-xxxs
{
    display: grid;
    gap: var(--gap-y,0) var(--gap-x,0);
    grid-template-columns: repeat(auto-fit,minmax(var(--col-min-width),1fr));
}
.grid-auto-xxxs
{
    --col-min-width: 4rem;
}
.grid-auto-xxs
{
    --col-min-width: 6rem;
}
.grid-auto-xs
{
    --col-min-width: 8rem;
}
.grid-auto-sm
{
    --col-min-width: 10rem;
}
.grid-auto-md
{
    --col-min-width: 15rem;
}
.grid-auto-lg
{
    --col-min-width: 20rem;
}
.grid-auto-xl
{
    --col-min-width: 25rem;
}
@media(min-width: 32rem)
{
    .grid-auto-xxxs\@xs
    {
        --col-min-width: 4rem;
    }
    .grid-auto-xxs\@xs
    {
        --col-min-width: 6rem;
    }
    .grid-auto-xs\@xs
    {
        --col-min-width: 8rem;
    }
    .grid-auto-sm\@xs
    {
        --col-min-width: 10rem;
    }
    .grid-auto-md\@xs
    {
        --col-min-width: 15rem;
    }
    .grid-auto-lg\@xs
    {
        --col-min-width: 20rem;
    }
    .grid-auto-xl\@xs
    {
        --col-min-width: 25rem;
    }
}
@media(min-width: 48rem)
{
    .grid-auto-xxxs\@sm
    {
        --col-min-width: 4rem;
    }
    .grid-auto-xxs\@sm
    {
        --col-min-width: 6rem;
    }
    .grid-auto-xs\@sm
    {
        --col-min-width: 8rem;
    }
    .grid-auto-sm\@sm
    {
        --col-min-width: 10rem;
    }
    .grid-auto-md\@sm
    {
        --col-min-width: 15rem;
    }
    .grid-auto-lg\@sm
    {
        --col-min-width: 20rem;
    }
    .grid-auto-xl\@sm
    {
        --col-min-width: 25rem;
    }
}
@media(min-width: 64rem)
{
    .grid-auto-xxxs\@md
    {
        --col-min-width: 4rem;
    }
    .grid-auto-xxs\@md
    {
        --col-min-width: 6rem;
    }
    .grid-auto-xs\@md
    {
        --col-min-width: 8rem;
    }
    .grid-auto-sm\@md
    {
        --col-min-width: 10rem;
    }
    .grid-auto-md\@md
    {
        --col-min-width: 15rem;
    }
    .grid-auto-lg\@md
    {
        --col-min-width: 20rem;
    }
    .grid-auto-xl\@md
    {
        --col-min-width: 25rem;
    }
}
@media(min-width: 80rem)
{
    .grid-auto-xxxs\@lg
    {
        --col-min-width: 4rem;
    }
    .grid-auto-xxs\@lg
    {
        --col-min-width: 6rem;
    }
    .grid-auto-xs\@lg
    {
        --col-min-width: 8rem;
    }
    .grid-auto-sm\@lg
    {
        --col-min-width: 10rem;
    }
    .grid-auto-md\@lg
    {
        --col-min-width: 15rem;
    }
    .grid-auto-lg\@lg
    {
        --col-min-width: 20rem;
    }
    .grid-auto-xl\@lg
    {
        --col-min-width: 25rem;
    }
}
@media(min-width: 90rem)
{
    .grid-auto-xxxs\@xl
    {
        --col-min-width: 4rem;
    }
    .grid-auto-xxs\@xl
    {
        --col-min-width: 6rem;
    }
    .grid-auto-xs\@xl
    {
        --col-min-width: 8rem;
    }
    .grid-auto-sm\@xl
    {
        --col-min-width: 10rem;
    }
    .grid-auto-md\@xl
    {
        --col-min-width: 15rem;
    }
    .grid-auto-lg\@xl
    {
        --col-min-width: 20rem;
    }
    .grid-auto-xl\@xl
    {
        --col-min-width: 25rem;
    }
}
.bg-decoration
{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg-decoration__svg
{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 165%;
    min-width: 1700px;
    max-width: 300%;
    height: auto;
}
:root
{
    --card-v11-height: 380px;
    --card-v11-btn-height: 50px;
}
@media(min-width: 64rem)
{
    :root
    {
        --card-v11-height: 452px;
        --card-v11-btn-height: 50px;
    }
}
.card-v11
{
    display: block;
    position: absolute;
    text-decoration: none;
    color: inherit;
    overflow: hidden;
    border-radius: var(--radius-lg);
    width: 100%;
    height: 100%;
    background-color: var(--color-contrast-lower);
    background-size: cover;
    background-repeat: no-repeat;
}
.card-v11:hover .card-v11__icon line:nth-child(1), .card-v11:hover .card-v11__icon line:nth-child(2)
{
    opacity: 1;
    transform: rotate(0);
    transition: opacity 0s .2s,transform .2s .2s var(--ease-in-out);
}
.card-v11:hover .card-v11__icon line:nth-child(3)
{
    stroke-dashoffset: 96;
    transition: stroke-dashoffset .2s var(--ease-in-out);
}
.card-v11__box
{
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.95);
    color: var(--color-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@supports((
-webkit-backdrop-filter: blur(10px)) or (
backdrop-filter: blur(10px)))
{
.card-v11__box
{
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
}
.card-v11__btn
{
    display: flex;
    align-items: center;
    height: var(--card-v11-btn-height);
    transition: .4s;
}
.card-v11__icon
{
    font-size: 36px;
}
.card-v11__icon line:nth-child(1), .card-v11__icon line:nth-child(2)
{
    transform-origin: 47px 24px;
    opacity: 0;
    transition: opacity 0s .2s,transform .2s var(--ease-in-out);
}
.card-v11__icon line:nth-child(1)
{
    transform: rotate(-45deg);
}
.card-v11__icon line:nth-child(2)
{
    transform: rotate(45deg);
}
.card-v11__icon line:nth-child(3)
{
    stroke-dasharray: 48;
    stroke-dashoffset: 72;
    transition: stroke-dashoffset .2s .2s var(--ease-in-out);
}
.aspect-ratio-1\:2
{
    --aspect-ratio: calc(1 / 2);
}
.client-logos--greyscale img
{
    filter: saturate(200%) grayscale(100%);
}
code
{
    background-color: var(--color-bg-dark);
    font-family: monospace,monospace;
    padding: var(--space-xxxxs) var(--space-xxxs);
    border-radius: var(--radius-md);
}
code::-moz-selection
{
    background-color: var(--color-contrast-high);
    color: var(--color-bg);
}
code::selection
{
    background-color: var(--color-contrast-high);
    color: var(--color-bg);
}
.code-snippet
{
    background-color: var(--color-bg-dark);
    border-radius: var(--radius-md);
}
.code-snippet code
{
    background-color: transparent;
    line-height: 1.45;
    font-size: var(--text-sm);
    display: block;
    padding: var(--space-md);
    overflow-x: auto;
}
.frm_style_formidable-style.with_frm_style .frm_combo_inputs_container, .frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container, .frm_style_formidable-style.with_frm_style .frm_form_fields .frm_section_heading, .frm_style_formidable-style.with_frm_style .frm_grid_container
{
    grid-template-columns: repeat(12,3.75%);
    grid-gap: 0 5%;
}
.frm_style_formidable-style.with_frm_style .frm_primary_label
{
    font-size: var(--text-sm)!important;
}
.frm_style_formidable-style.with_frm_style .frm-g-recaptcha>div>div>div, .frm_style_formidable-style.with_frm_style .with_frm_style .g-recaptcha>div>div
{
    border-right: none;
}
.frm_style_formidable-style.with_frm_style .frm-g-recaptcha>div>div iframe, .frm_style_formidable-style.with_frm_style .with_frm_style .g-recaptcha>div iframe
{
    vertical-align: bottom;
}
.frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=search], .frm_style_formidable-style.with_frm_style input[type=tel], .frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style textarea
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]), .frm_style_formidable-style.with_frm_style select, .frm_style_formidable-style.with_frm_style textarea
{
    transition: .2s;
}
.frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus
{
    outline: 0;
    box-shadow: 0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2)!important;
}
.frm_style_formidable-style.with_frm_style .frm-g-recaptcha, .frm_style_formidable-style.with_frm_style .frm_submit
{
    margin-top: 10px;
}
.frm_style_formidable-style.with_frm_style [data-theme]
{
    background: 0 0;
    color: inherit;
}
.frm_style_formidable-style.with_frm_style .frm_dropzone
{
    border-radius: 4px;
    background-color: transparent;
}
.frm_style_formidable-style.with_frm_style .frm_dropzone .dz-preview
{
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
}
.frm_style_formidable-style.with_frm_style .frm_dropzone .dz-message
{
    border-color: var(--border-color);
}
.frm_style_formidable-style.with_frm_style .frm_dropzone .dz-message, .frm_style_formidable-style.with_frm_style .frm_dropzone.dz-clickable, .frm_style_formidable-style.with_frm_style .frm_dropzone.frm_single_upload
{
    margin-top: 0;
    margin-bottom: 0;
}
@media only screen and (min-width: 601px)
{
    .frm_style_formidable-style.with_frm_style .margin-top-10px
    {
        margin-top: 10px;
    }
    .frm_style_formidable-style.with_frm_style .full-height-message
    {
        grid-auto-rows: auto;
    }
    .frm_style_formidable-style.with_frm_style .full-height-message .frm_form_field
    {
        display: flex;
        flex-direction: column;
    }
    .frm_style_formidable-style.with_frm_style .full-height-message .frm_form_field textarea
    {
        flex: 1;
        resize: none;
    }
}
.frm_style_formidable-style.with_frm_style .frm_message
{
    padding: 0!important;
    border: none!important;
    margin: 0!important;
}
.hero-case-study__img-wrapper
{
    position: absolute;
    top: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: none;
}
@media(min-width: 64rem)
{
    .hero-case-study__img-wrapper
    {
        display: block;
    }
}
.hero-case-study__img
{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-15%);
    height: 145%;
    width: auto;
}
.hero-homepage__heading
{
    font-size: 4rem;
}
@media(min-width: 64rem)
{
    .hero-homepage__heading
    {
        font-size: 5rem;
    }
}
.hide-nav
{
    position: sticky!important;
    top: 0;
    will-change: transform;
    transition: transform .3s,background-color .3s;
}
.hide-nav--fixed
{
    background-color: transparent;
}
.hide-nav--has-bg
{
    background-color: var(--color-bg);
}
.image-heading-text-grid__image--left
{
    -o-object-position: left center;
    object-position: left center;
}
.insights__item
{
    color: var(--color-accent-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.insights__item:hover
{
    color: var(--color-accent-dark);
}
.insights__item:hover .insights__icon line:nth-child(1), .insights__item:hover .insights__icon line:nth-child(2)
{
    opacity: 1;
    transform: rotate(0);
    transition: opacity 0s .2s,transform .2s .2s var(--ease-in-out);
}
.insights__item:hover .insights__icon line:nth-child(3)
{
    stroke-dashoffset: 96;
    transition: stroke-dashoffset .2s var(--ease-in-out);
}
.insights__btn
{
    display: flex;
    align-items: center;
    height: var(--card-v11-btn-height);
    transition: .4s;
}
.insights__icon
{
    font-size: 36px;
}
.insights__icon line:nth-child(1), .insights__icon line:nth-child(2)
{
    transform-origin: 47px 24px;
    opacity: 0;
    transition: opacity 0s .2s,transform .2s var(--ease-in-out);
}
.insights__icon line:nth-child(1)
{
    transform: rotate(-45deg);
}
.insights__icon line:nth-child(2)
{
    transform: rotate(45deg);
}
.insights__icon line:nth-child(3)
{
    stroke-dasharray: 48;
    stroke-dashoffset: 72;
    transition: stroke-dashoffset .2s .2s var(--ease-in-out);
}
.line-clamp
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp--3
{
    -webkit-line-clamp: 3;
}
.line-clamp--4
{
    -webkit-line-clamp: 4;
}
.line-clamp--5
{
    -webkit-line-clamp: 5;
}
.line-clamp--6
{
    -webkit-line-clamp: 6;
}
:root
{
    --list-space-y: .375em;
    --list-offset: 1em;
    --list-line-height-multiplier: 1;
}
.list, .text-component .list
{
    padding-left: 0;
    list-style: none;
}
.list ol, .list ul, .text-component .list ol, .text-component .list 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);
}
.list li, .text-component .list 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));
}
.list ol>li:last-child, .list ul>li:last-child, .list>li:last-child, .text-component .list ol>li:last-child, .text-component .list ul>li:last-child, .text-component .list>li:last-child
{
    margin-bottom: 0;
}
.list ol>li:last-child, .list ul>li:last-child, .list:not(.list--border)>li:last-child, .text-component .list ol>li:last-child, .text-component .list ul>li:last-child, .text-component .list:not(.list--border)>li:last-child
{
    padding-bottom: 0;
}
.list--ol, .list--ul, .text-component .list--ol, .text-component .list--ul
{
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
}
.list--ol ol, .list--ol ul, .list--ul ol, .list--ul ul, .text-component .list--ol ol, .text-component .list--ol ul, .text-component .list--ul ol, .text-component .list--ul ul
{
    padding-left: 0;
}
@supports(
--css: variables)
{
.list--ol li, .list--ul li, .text-component .list--ol li, .text-component .list--ul li
{
    padding-left: var(--list-offset)!important;
}
}
.list--ol li::before, .list--ul li::before, .text-component .list--ol li::before, .text-component .list--ul li::before
{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    top: -.1em;
}
@supports(
--css: variables)
{
.list--ol li::before, .list--ul li::before, .text-component .list--ol li::before, .text-component .list--ul li::before
{
    width: var(--list-bullet-size)!important;
    height: var(--list-bullet-size)!important;
    margin-left: calc(var(--list-bullet-size) * -1)!important;
    left: calc(var(--list-bullet-margin-right) * -1)!important;
}
}
.list--ul, .text-component .list--ul
{
    --list-bullet-size: 7px;
    --list-bullet-margin-right: 12px;
}
.list--ul>li, .text-component .list--ul>li
{
    padding-left: 19px;
}
.list--ul>li::before, .text-component .list--ul>li::before
{
    content: "";
    border-radius: 50%;
    color: var(--color-primary);
    background-color: currentColor;
    width: 7px;
    height: 7px;
    margin-left: -7px;
    left: -12px;
}
.list--ul ul li::before, .text-component .list--ul ul li::before
{
    background-color: transparent;
    box-shadow: inset 0 0 0 2px currentColor;
}
.list--ol, .text-component .list--ol
{
    --list-bullet-size: 26px;
    --list-bullet-margin-right: 6px;
    --list-bullet-font-size: 14px;
    counter-reset: list-items;
}
.list--ol>li, .text-component .list--ol>li
{
    counter-increment: list-items;
    padding-left: 32px;
}
.list--ol ol, .text-component .list--ol ol
{
    counter-reset: list-items;
}
.list--ol>li::before, .text-component .list--ol>li::before
{
    content: counter(list-items);
    font-size: var(--list-bullet-font-size,14px);
    background-color: var(--color-contrast-lower);
    color: var(--color-contrast-high);
    line-height: 1;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    margin-left: -26px;
    left: -6px;
}
.list--ol ol>li::before, .text-component .list--ol ol>li::before
{
    background-color: transparent;
    box-shadow: inset 0 0 0 2px var(--color-contrast-lower);
}
.list--border li:not(:last-child), .text-component .list--border li:not(:last-child)
{
    border-bottom: 1px solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15);
}
.list--border ol, .list--border ul, .text-component .list--border ol, .text-component .list--border ul
{
    border-top: 1px solid hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.15);
}
.list--white-border li:not(:last-child), .text-component .list--white-border li:not(:last-child)
{
    border-bottom-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.6);
}
.list--white-border ol, .list--white-border ul, .text-component .list--white-border ol, .text-component .list--white-border ul
{
    border-top-color: hsla(var(--color-white-h),var(--color-white-s),var(--color-white-l),.6);
}
.list--padding-y-xs li:not(:last-child), .text-component .list--padding-y-xs li:not(:last-child)
{
    padding-bottom: var(--space-xs);
    margin-bottom: var(--space-xs);
}
.list--padding-y-sm li:not(:last-child), .text-component .list--padding-y-sm li:not(:last-child)
{
    padding-bottom: var(--space-sm);
    margin-bottom: var(--space-sm);
}
.list--hover\:move-right a, .text-component .list--hover\:move-right a
{
    display: block;
}
.list--hover\:move-right a span, .text-component .list--hover\:move-right a span
{
    display: block;
    transition: transform .2s ease;
}
.list--hover\:move-right a:hover span, .text-component .list--hover\:move-right a:hover span
{
    transform: translateX(5px);
}
.list--icons, .text-component .list--icons
{
    --list-bullet-size: 24px;
    --list-bullet-margin-right: 8px;
    --list-offset: calc(var(--list-bullet-size) + var(--list-bullet-margin-right));
}
.list--icons ol, .list--icons ul, .text-component .list--icons ol, .text-component .list--icons ul
{
    padding-left: 32px;
}
@supports(
--css: variables)
{
.list--icons ol, .list--icons ul, .text-component .list--icons ol, .text-component .list--icons ul
{
    padding-left: var(--list-offset);
}
}
.list__icon
{
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.list__icon:not(.top-0)
{
    top: calc((1em * var(--body-line-height) - 24px) / 2);
}
@supports(
--css: variables)
{
.list__icon
{
    width: var(--list-bullet-size);
    height: var(--list-bullet-size);
    margin-right: var(--list-bullet-margin-right);
}
.list__icon:not(.top-0)
{
    top: calc((1em * var(--body-line-height) * var(--list-line-height-multiplier) - var(--list-bullet-size)) / 2);
}
}
.footer-v2
{
    color: var(--color-white);
    background: var(--color-black);
}
.footer-v2__heading
{
    color: inherit;
    font-size: var(--text-md);
    font-weight: 400;
}
.footer-v2 a:hover
{
    color: var(--color-contrast-low);
}
.footer-v2__nav-list
{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    grid-gap: var(--space-md);
    justify-content: center;
}
@media(min-width: 64rem)
{
    .footer-v2__nav-list
    {
        grid-template-columns: repeat(2,minmax(200px,1fr)) minmax(200px,.8fr) -webkit-min-content;
        grid-template-columns: repeat(2,minmax(200px,1fr)) minmax(200px,.8fr) min-content;
    }
}
.footer-v2__nav-item
{
    margin-bottom: var(--space-md);
    line-height: 1.9;
}
.footer-v2__nav-item a
{
    text-decoration: none;
}
.footer-v2__nav-item--alt li
{
    margin-bottom: var(--space-sm);
}
.footer-v2__nav-item--alt a
{
    font-family: var(--font-secondary);
    font-size: var(--text-md);
    line-height: var(--heading-line-height,1.2);
}
.pagination__list>li
{
    display: inline-block;
}
.pagination--split .pagination__list
{
    width: 100%;
}
.pagination--split .pagination__list>:first-child
{
    margin-right: auto;
}
.pagination--split .pagination__list>:last-child
{
    margin-left: auto;
}
.pagination__item
{
    display: inline-block;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    line-height: 1;
    padding-top: var(--space-xs);
    padding-bottom: var(--space-xs);
    padding-left: calc(1.355 * var(--space-xs));
    padding-right: calc(1.355 * var(--space-xs));
    border-radius: var(--radius-md);
    text-decoration: none;
    height: 100%;
    color: var(--color-contrast-higher);
    transition: .2s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pagination__item:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis)
{
    background-color: var(--color-contrast-lower);
}
.pagination__item:active
{
    transform: translateY(2px);
}
.pagination__item--selected
{
    background-color: var(--color-contrast-higher);
    color: var(--color-bg);
    box-shadow: var(--shadow-sm);
}
.pagination__item--disabled
{
    opacity: .5;
    pointer-events: none;
}
.pagination__jumper .form-control
{
    width: 3.2em;
    margin-right: var(--space-xs);
    padding: var(--space-xs);
}
.pagination__jumper em
{
    flex-shrink: 0;
    white-space: nowrap;
}
:root
{
    --reveal-fx-duration: .6s;
    --reveal-fx-timing-function: var(--ease-out);
}
@media(min-width: 64rem)
{
    .js .reveal-fx
    {
        opacity: 0;
        transition: opacity,transform var(--reveal-fx-timing-function);
        transition-duration: var(--reveal-fx-duration);
    }
    .js .reveal-fx::before
    {
        display: none;
        content: "reveal-fx";
    }
    .js .reveal-fx--translate, .js .reveal-fx--translate-up
    {
        transform: translateY(50px);
    }
    .js .reveal-fx--translate-right
    {
        transform: translateX(-50px);
    }
    .js .reveal-fx--translate-left
    {
        transform: translateX(50px);
    }
    .js .reveal-fx--translate-down
    {
        transform: translateY(-50px);
    }
    .js .reveal-fx--scale
    {
        transform: scale(.8);
    }
    .js .reveal-fx--scale-up
    {
        transform: translateY(50px) scale(.8);
    }
    .js .reveal-fx--scale-right
    {
        transform: translateX(-50px) scale(.8);
    }
    .js .reveal-fx--scale-left
    {
        transform: translateX(50px) scale(.8);
    }
    .js .reveal-fx--scale-down
    {
        transform: translateY(-50px) scale(.8);
    }
    .js .reveal-fx--rotate, .js .reveal-fx--rotate-down, .js .reveal-fx--rotate-left, .js .reveal-fx--rotate-right, .js .reveal-fx--rotate-up
    {
        perspective: 1000px;
    }
    .js .reveal-fx--rotate-down>*, .js .reveal-fx--rotate-left>*, .js .reveal-fx--rotate-right>*, .js .reveal-fx--rotate-up>*, .js .reveal-fx--rotate>*
    {
        transition: transform var(--reveal-fx-duration) var(--reveal-fx-timing-function);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .js .reveal-fx--rotate-down>*, .js .reveal-fx--rotate>*
    {
        transform-origin: top;
        transform: rotateX(-45deg);
    }
    .js .reveal-fx--rotate-right>*
    {
        transform-origin: left center;
        transform: rotateY(45deg);
    }
    .js .reveal-fx--rotate-left>*
    {
        transform-origin: right center;
        transform: rotateY(-45deg);
    }
    .js .reveal-fx--rotate-up>*
    {
        transform-origin: bottom;
        transform: rotateX(45deg);
    }
    .js .reveal-fx--text-mask
    {
        overflow: hidden;
    }
    .js .reveal-fx--text-mask>*
    {
        display: inline-block;
        transform: translateY(100%);
        transition: transform var(--reveal-fx-duration) var(--reveal-fx-timing-function);
        will-change: transform;
    }
    .js [class*=reveal-fx--scale], .js [class*=reveal-fx--translate]
    {
        will-change: opacity,transform;
    }
    .js .reveal-fx--text-mask>*, .js [class*=reveal-fx--rotate]>*
    {
        will-change: transform;
    }
    .js .reveal-fx--clip-x>*, .js .reveal-fx--clip-y>*
    {
        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);
    }
    .js .reveal-fx--clip-x>*
    {
        -webkit-clip-path: polygon(10% 0,90% 0,90% 100%,10% 100%);
        clip-path: polygon(10% 0,90% 0,90% 100%,10% 100%);
    }
    .js .reveal-fx--clip-y>*
    {
        -webkit-clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
        clip-path: polygon(0 50%,100% 50%,100% 100%,0 100%);
    }
    .js .reveal-fx--is-visible
    {
        opacity: 1;
    }
    .js .reveal-fx--is-visible.reveal-fx--text-mask>*, .js .reveal-fx--is-visible[class*=reveal-fx--rotate]>*, .js .reveal-fx--is-visible[class*=reveal-fx--scale], .js .reveal-fx--is-visible[class*=reveal-fx--translate]
    {
        transform: translate(0);
    }
    .js .reveal-fx--is-visible.reveal-fx--clip-x>*, .js .reveal-fx--is-visible.reveal-fx--clip-y>*
    {
        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%);
    }
}
:root
{
    --section-divider-width: 1920;
    --section-divider-height: 160;
    --section-divider-ratio: calc(100% * var(--section-divider-height) / var(--section-divider-width));
}
[class*=has-section-divider]
{
    position: relative;
}
.has-section-dividers
{
    padding-top: var(--section-divider-ratio);
    padding-bottom: var(--section-divider-ratio);
}
.has-section-dividers .section-divider+.section-divider
{
    bottom: auto;
    top: -1px;
    transform: scaleY(-1);
}
.has-section-divider-top
{
    padding-top: var(--section-divider-ratio);
}
.has-section-divider-top .section-divider
{
    bottom: auto;
    top: -1px;
    transform: scaleY(-1);
}
.has-section-divider-bottom
{
    padding-bottom: var(--section-divider-ratio);
}
.section-divider
{
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.section-divider svg
{
    position: relative;
    display: block;
    height: auto;
    max-width: none;
    width: 102%;
    left: -1%;
}
.tabs__control
{
    text-decoration: none;
}
.tabs__no-logo
{
    opacity: .4;
}
.js .tabs__control img
{
    filter: grayscale(1) opacity(20%);
}
.js .tabs__control[aria-selected=true] img
{
    filter: grayscale(0) opacity(100%);
}
.js .tabs__control[aria-selected=true] .tabs__no-logo
{
    opacity: 1;
}
.testimonial-decorative-background__quotation-mark
{
    font-size: 6rem;
    line-height: 6rem;
}
@media(min-width: 48rem)
{
    .testimonial-decorative-background__quotation-mark
    {
        font-size: 9rem;
        line-height: 8rem;
    }
}
.text-component
{
    word-wrap: break-word;
}
.has-section-darker-color
{
    color: #707070;
}
.has-section-darker-background-color
{
    background-color: #707070;
}
.has-section-dark-color
{
    color: #a8a8a8;
}
.has-section-dark-background-color
{
    background-color: #a8a8a8;
}
.has-section-color
{
    color: #e0e0e0;
}
.has-section-background-color
{
    background-color: #e0e0e0;
}
.has-section-light-color
{
    color: #e8e8e8;
}
.has-section-light-background-color
{
    background-color: #e8e8e8;
}
.has-section-lighter-color
{
    color: #f0f0f0;
}
.has-section-lighter-background-color
{
    background-color: #f0f0f0;
}
:root
{
    --drop-cap-lines: 2.9;
}
.has-drop-cap::first-letter 
{
    line-height: 1!important;
    font-size: calc(1em * var(--drop-cap-lines) * var(--body-line-height))!important;
    padding: 0 .125em 0 0!important;
    color: var(--color-contrast-higher)!important;
    margin: 0!important;
    font-weight: 400!important;
}
.text-component .has-drop-cap::first-letter 
{
    font-size: calc(1em * var(--drop-cap-lines) * var(--body-line-height) * var(--line-height-multiplier))!important;
}
.wp-block-image img
{
    height: auto;
}
body .wp-block-image .alignleft
{
    float: none;
    margin: 0 auto;
}
@media(min-width: 48rem)
{
    body .wp-block-image .alignleft
    {
        float: left;
        margin-right: calc(var(--space-unit) * .75 * var(--text-vspace-multiplier,1));
    }
}
body .wp-block-image .alignright
{
    float: none;
    margin: 0 auto;
}
@media(min-width: 48rem)
{
    body .wp-block-image .alignright
    {
        float: right;
        margin-left: calc(var(--space-unit) * .75 * var(--text-vspace-multiplier,1));
    }
}
.alignfull
{
    margin-left: 0;
    max-width: 100%;
}
.container
{
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}
.text-component .container
{
    padding-left: 0;
    padding-right: 0;
}
:root
{
    --mega-nav-height: 50px;
}
@media(min-width: 64rem)
{
    :root
    {
        --mega-nav-height: 70px;
    }
}
.mega-nav
{
    height: var(--mega-nav-height);
    width: 100%;
    z-index: var(--z-index-header,3);
    background: var(--color-section-lighter);
}
.mega-nav__container
{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mega-nav__logo
{
    flex-basis: 0;
    flex-grow: 1;
}
.mega-nav__logo-link
{
    display: block;
    width: 98px;
    height: 20px;
}
.mega-nav__logo-link>*
{
    width: inherit;
    height: inherit;
}
.mega-nav__icon-btns
{
    display: flex;
    align-items: center;
}
.mega-nav__icon-btn
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--color-contrast-high);
    cursor: pointer;
    transition: .2s;
}
.mega-nav__icon-btn .icon
{
    display: block;
}
.mega-nav__icon-btn .icon__group
{
    stroke-width: 1px;
}
.mega-nav__icon-btn .icon__group>*
{
    transition: transform .3s var(--ease-in-out),stroke-dashoffset .3s,opacity .3s;
}
.mega-nav__icon-btn--menu .icon__group>*
{
    stroke-dasharray: 24;
}
.mega-nav__icon-btn--menu .icon__group>:nth-child(1)
{
    transform-origin: 12px 6px;
}
.mega-nav__icon-btn--menu .icon__group>:nth-child(2)
{
    stroke-dashoffset: 0;
}
.mega-nav__icon-btn--menu .icon__group>:nth-child(3)
{
    transform-origin: 12px 18px;
}
.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:nth-child(1)
{
    transform: translateY(6px) rotate(-45deg);
}
.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:nth-child(2)
{
    stroke-dashoffset: 24;
}
.mega-nav__icon-btn--menu.mega-nav__icon-btn--state-b .icon__group>:nth-child(3)
{
    transform: translateY(-6px) rotate(45deg);
}
.mega-nav__arrow-icon
{
    font-size: 16px;
    color: currentColor;
    transition: color .2s;
}
.mega-nav__arrow-icon .icon
{
    display: block;
}
.mega-nav__arrow-icon .icon__group
{
    stroke-width: 1px;
    will-change: transform;
    transform-origin: 8px 8px;
    transition: transform .3s var(--ease-out);
}
.mega-nav__arrow-icon .icon__group>*
{
    stroke-dasharray: 17;
    transform-origin: 8px 8px;
    transform: translateY(3px);
    transition: transform .3s,stroke-dashoffset .3s;
    transition-timing-function: var(--ease-out);
}
.mega-nav__arrow-icon .icon__group>:first-child
{
    stroke-dashoffset: 8.5;
}
.mega-nav__arrow-icon .icon__group>:last-child
{
    stroke-dashoffset: 8.5;
}
.mega-nav--mobile .mega-nav__icon-btns--desktop
{
    display: none;
}
.mega-nav--mobile .mega-nav__nav
{
    display: none;
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    height: calc(100vh - var(--mega-nav-height) - var(--mega-nav-offset-y,0px));
    overflow: scroll;
    background-color: var(--color-bg);
    box-shadow: var(--shadow-lg);
}
.mega-nav--mobile .mega-nav__nav--is-visible
{
    display: block;
}
.mega-nav--mobile .mega-nav__nav--is-visible>*
{
    -webkit-animation: mega-nav-entry-animation .5s var(--ease-out);
    animation: mega-nav-entry-animation .5s var(--ease-out);
}
.mega-nav--mobile .mega-nav__nav-inner
{
    margin-top: var(--space-sm);
    margin-bottom: var(--space-xxxl);
}
.mega-nav--mobile .mega-nav__sub-items
{
    margin-bottom: var(--space-lg);
}
.mega-nav--mobile .mega-nav__label
{
    margin: var(--space-sm) 0 var(--space-xs);
    border-bottom: 1px solid var(--color-contrast-lower);
    padding-bottom: var(--space-sm);
    text-transform: uppercase;
}
.mega-nav--mobile .mega-nav__icon-btns--mobile .mega-nav__item:last-of-type
{
    border-bottom: none;
}
.mega-nav--mobile .mega-nav__control
{
    display: flex;
    align-items: center;
    width: 100%;
    font-size: var(--text-md);
    text-align: left;
    padding: var(--space-sm) 0;
    color: var(--color-contrast-higher);
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}
.mega-nav--mobile .mega-nav__arrow-icon
{
    margin-left: auto;
    margin-right: 12px;
}
.mega-nav--mobile .mega-nav__btn
{
    width: 100%;
    margin: var(--space-sm) 0;
    font-size: var(--text-md);
}
.mega-nav--mobile .mega-nav__sub-nav-wrapper
{
    display: none;
    overflow: hidden;
    padding-left: var(--space-sm);
    padding-right: var(--space-sm);
}
.mega-nav--mobile .mega-nav__sub-items:not(:last-child)
{
    margin-bottom: var(--space-lg);
}
.mega-nav--mobile .mega-nav__sub-link
{
    display: block;
    color: var(--color-contrast-higher);
    text-decoration: none;
    padding: var(--space-xs) 0;
    font-size: var(--text-sm);
    text-transform: uppercase;
}
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:first-child
{
    transform: translateY(-3px) rotate(-90deg);
}
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:last-child
{
    transform: translateY(-3px) rotate(90deg);
}
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper
{
    display: block;
}
.mega-nav--mobile .mega-nav__item--expanded .mega-nav__sub-nav-wrapper>*
{
    -webkit-animation: mega-nav-entry-animation .5s var(--ease-out);
    animation: mega-nav-entry-animation .5s var(--ease-out);
}
.mega-nav--desktop .mega-nav__nav
{
    flex-grow: 1;
    height: 100%;
}
.mega-nav--desktop .mega-nav__nav-inner
{
    height: 100%;
    display: flex;
    justify-content: center;
}
.mega-nav--desktop .mega-nav__items
{
    display: flex;
    height: 100%;
}
.mega-nav--desktop .mega-nav__icon-btns--mobile, .mega-nav--desktop .mega-nav__label, .mega-nav--desktop .mega-nav__sub-nav-wrapper
{
    display: none;
}
.mega-nav--desktop .mega-nav__item
{
    display: flex;
    align-items: center;
}
.mega-nav--desktop .mega-nav__control
{
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 var(--space-md);
    height: 100%;
    color: var(--color-contrast-higher);
    text-decoration: none;
    transition: .2s;
    font-family: var(--font-secondary);
    white-space: nowrap;
}
.mega-nav--desktop .mega-nav__control .mega-nav__arrow-icon
{
    margin-left: var(--space-xxs);
}
.mega-nav--desktop .mega-nav__control:hover
{
    cursor: pointer;
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05);
}
.mega-nav--desktop .mega-nav__sub-nav-wrapper
{
    position: absolute;
    top: var(--mega-nav-height);
    left: 0;
    width: 100%;
    background: var(--color-bg);
    background: linear-gradient(90deg,var(--color-black) 50%,var(--color-white) 50%);
    height: calc(100vh - var(--mega-nav-height));
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}
.mega-nav--desktop .mega-nav__sub-nav
{
    max-width: var(--max-width-lg);
    width: calc(100% - 2 * var(--component-padding));
    margin-left: auto;
    margin-right: auto;
}
.mega-nav--desktop .mega-nav__sub-nav .mega-nav__label
{
    font-size: var(--text-xxl);
    display: block;
    font-weight: 900;
    font-family: var(--font-secondary);
}
.mega-nav--desktop .mega-nav__sub-nav-grid
{
    display: flex;
}
.mega-nav--desktop .mega-nav__sub-nav-col
{
    flex: 1;
}
@media(min-width: 64rem)
{
    .mega-nav--desktop .mega-nav__sub-nav-col
    {
        padding: var(--space-xl);
    }
}
@media(min-width: 80rem)
{
    .mega-nav--desktop .mega-nav__sub-nav-col
    {
        padding: var(--space-xxl);
    }
}
.mega-nav--desktop .mega-nav__label
{
    margin-bottom: var(--space-md);
}
.mega-nav--desktop .mega-nav__label--invert
{
    color: var(--color-white);
}
.mega-nav--desktop .mega-nav__sub-item:not(:last-child)
{
    margin-bottom: var(--space-xs);
}
.mega-nav--desktop .mega-nav__sub-link
{
    font-size: var(--text-lg);
    text-decoration: none;
    padding: var(--space-xxxs) 0;
    display: inline-block;
}
.mega-nav--desktop .mega-nav__sub-link--invert
{
    color: var(--color-white);
}
.mega-nav--desktop .mega-nav__sub-link--invert:hover
{
    color: var(--color-primary);
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control
{
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05);
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__control::after
{
    opacity: 1;
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group
{
    transform: rotate(-90deg);
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group :last-child, .mega-nav--desktop .mega-nav__item--expanded .mega-nav__arrow-icon .icon__group>:first-child
{
    stroke-dashoffset: 0;
    transform: translateY(0);
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav-wrapper
{
    display: block;
}
.mega-nav--desktop .mega-nav__item--expanded .mega-nav__sub-nav
{
    -webkit-animation: mega-nav-entry-animation .5s var(--ease-out);
    animation: mega-nav-entry-animation .5s var(--ease-out);
}
.mega-nav--desktop .mega-nav__icon-btn
{
    border-radius: 50%;
    margin-left: var(--space-xxxxs);
}
.mega-nav--desktop .mega-nav__icon-btn--state-b, .mega-nav--desktop .mega-nav__icon-btn:hover
{
    background-color: hsla(var(--color-contrast-higher-h),var(--color-contrast-higher-s),var(--color-contrast-higher-l),.05);
}
.mega-nav--desktop .mega-nav__search--is-visible
{
    display: block;
}
.mega-nav--desktop .mega-nav__search--is-visible .mega-nav__search-inner
{
    -webkit-animation: mega-nav-entry-animation .5s var(--ease-out);
    animation: mega-nav-entry-animation .5s var(--ease-out);
}
@-webkit-keyframes mega-nav-entry-animation
{
    from
    {
        transform: translateY(-10px);
    }
    to
    {
        transform: translateY(0);
    }
}
@keyframes mega-nav-entry-animation
{
    from
    {
        transform: translateY(-10px);
    }
    to
    {
        transform: translateY(0);
    }
}
[class*=mega-nav--desktop]::before
{
    display: none;
    content: "mobile";
}
@media(min-width: 32rem)
{
    .mega-nav--desktop\@xs::before
    {
        content: "desktop";
    }
}
@media(min-width: 48rem)
{
    .mega-nav--desktop\@sm::before
    {
        content: "desktop";
    }
}
@media(min-width: 64rem)
{
    .mega-nav--desktop\@md::before
    {
        content: "desktop";
    }
}
@media(min-width: 80rem)
{
    .mega-nav--desktop\@lg::before
    {
        content: "desktop";
    }
}
@media(min-width: 90rem)
{
    .mega-nav--desktop\@xl::before
    {
        content: "desktop";
    }
}
html:not(.js) .mega-nav
{
    height: auto;
    position: relative!important;
}
html:not(.js) .mega-nav__logo
{
    padding: var(--space-md) 0;
}
html:not(.js) .mega-nav--mobile .mega-nav__icon-btns
{
    display: none;
}
html:not(.js) .mega-nav--mobile .mega-nav__container, html:not(.js) .mega-nav--mobile .mega-nav__sub-nav-wrapper
{
    display: block;
}
html:not(.js) .mega-nav--mobile .mega-nav__nav
{
    display: block;
    position: static;
    height: auto;
    box-shadow: none;
    border-top: 1px solid var(--color-contrast-lower);
}
.noscroll
{
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}