*,*::after,*::before{
    box-sizing:inherit
}
*{
    font:inherit
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,hr{
    margin:0;
    padding:0;
    border:0
}
html{
    box-sizing:border-box
}
body{
    background-color:var(--color-bg, white)
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,form legend{
    display:block
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
button,input,textarea,select{
    margin:0
}
.btn,.form-control,.link,.reset{
    background-color:transparent;
    padding:0;
    border:0;
    border-radius:0;
    color:inherit;
    line-height:inherit;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select.form-control::-ms-expand{
    display:none
}
textarea{
    resize:vertical;
    overflow:auto;
    vertical-align:top
}
input::-ms-clear{
    display:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
img,video,svg{
    max-width:100%
}
[data-theme]{
    background-color:var(--color-bg, #fff);
    color:var(--color-contrast-high, #313135)
}
:root{
    --space-unit: 1em;
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}
:root{
    --max-width-xxxxs: 20rem;
    --max-width-xxxs: 26rem;
    --max-width-xxs: 32rem;
    --max-width-xs: 38rem;
    --max-width-sm: 48rem;
    --max-width-md: 64rem;
    --max-width-lg: 80rem;
    --max-width-xl: 90rem;
    --max-width-xxl: 100rem;
    --max-width-xxxl: 120rem;
    --max-width-xxxxl: 150rem
}
.container{
    width:calc(100% - 2*var(--component-padding));
    margin-left:auto;
    margin-right:auto
}
.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)
}
[class*="max-width-adaptive"]{
    max-width:32rem
}
@media (min-width: 48rem){
    [class*="max-width-adaptive"]{
        max-width:48rem
    }
}
@media (min-width: 64rem){
    .max-width-adaptive-md,.max-width-adaptive,.max-width-adaptive-lg,.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
    }
}
.grid{
    --gap: 0px;
    display:flex;
    flex-wrap:wrap
}
.grid>*{
    flex-basis:100%;
    max-width:100%
}
[class*="gap-xxxxs"],[class*="gap-xxxs"],[class*="gap-xxs"],[class*="gap-xs"],[class*="gap-sm"],[class*="gap-md"],[class*="gap-lg"],[class*="gap-xl"],[class*="gap-xxl"],[class*="gap-xxxl"],[class*="gap-xxxxl"],[class*="grid-gap-"],[class*="flex-gap-"]{
    --offset: var(--gap, 0.75em);
    margin-bottom:calc(-1 * var(--gap, 0.75em));
    margin-left:calc(-1 * var(--gap, 0.75em))
}
[class*="gap-xxxxs"]>*,[class*="gap-xxxs"]>*,[class*="gap-xxs"]>*,[class*="gap-xs"]>*,[class*="gap-sm"]>*,[class*="gap-md"]>*,[class*="gap-lg"]>*,[class*="gap-xl"]>*,[class*="gap-xxl"]>*,[class*="gap-xxxl"]>*,[class*="gap-xxxxl"]>*,[class*="grid-gap-"]>*,[class*="flex-gap-"]>*{
    margin-bottom:var(--gap, 0.75em);
    margin-left:var(--offset, 0.75em)
}
@supports (--css: variables){
    .gap-xxxxs,.grid-gap-xxxxs,.flex-gap-xxxxs{
        --gap: var(--space-xxxxs)
    }
    .gap-xxxs,.grid-gap-xxxs,.flex-gap-xxxs{
        --gap: var(--space-xxxs)
    }
    .gap-xxs,.grid-gap-xxs,.flex-gap-xxs{
        --gap: var(--space-xxs)
    }
    .gap-xs,.grid-gap-xs,.flex-gap-xs{
        --gap: var(--space-xs)
    }
    .gap-sm,.grid-gap-sm,.flex-gap-sm{
        --gap: var(--space-sm)
    }
    .gap-md,.grid-gap-md,.flex-gap-md{
        --gap: var(--space-md)
    }
    .gap-lg,.grid-gap-lg,.flex-gap-lg{
        --gap: var(--space-lg)
    }
    .gap-xl,.grid-gap-xl,.flex-gap-xl{
        --gap: var(--space-xl)
    }
    .gap-xxl,.grid-gap-xxl,.flex-gap-xxl{
        --gap: var(--space-xxl)
    }
    .gap-xxxl,.grid-gap-xxxl,.flex-gap-xxxl{
        --gap: var(--space-xxxl)
    }
    .gap-xxxxl,.grid-gap-xxxxl,.flex-gap-xxxxl{
        --gap: var(--space-xxxxl)
    }
}
.col{
    flex-grow:1;
    flex-basis:0;
    max-width:100%
}
.col-1{
    flex-basis:calc( 8.33% - var(--gap, 0.75em) - 0.01px );
    max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em) )
}
.col-2{
    flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
}
.col-3{
    flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
}
.col-4{
    flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
}
.col-5{
    flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
}
.col-6{
    flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
}
.col-7{
    flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
}
.col-8{
    flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
}
.col-9{
    flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
}
.col-10{
    flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
}
.col-11{
    flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
}
.col-12{
    flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
    max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
}
.offset-1{
    --offset: calc(8.33% + var(--gap, 0.75em))
}
.offset-2{
    --offset: calc(16.66% + var(--gap, 0.75em))
}
.offset-3{
    --offset: calc(25% + var(--gap, 0.75em))
}
.offset-4{
    --offset: calc(33.33% + var(--gap, 0.75em))
}
.offset-5{
    --offset: calc(41.66% + var(--gap, 0.75em))
}
.offset-6{
    --offset: calc(50% + var(--gap, 0.75em))
}
.offset-7{
    --offset: calc(58.33% + var(--gap, 0.75em))
}
.offset-8{
    --offset: calc(66.66% + var(--gap, 0.75em))
}
.offset-9{
    --offset: calc(75% + var(--gap, 0.75em))
}
.offset-10{
    --offset: calc(83.33% + var(--gap, 0.75em))
}
.offset-11{
    --offset: calc(91.66% + var(--gap, 0.75em))
}
@media (min-width: 32rem){
    .col\@xs{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-1\@xs{
        flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-2\@xs{
        flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-3\@xs{
        flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .col-4\@xs{
        flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-5\@xs{
        flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-6\@xs{
        flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .col-7\@xs{
        flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-8\@xs{
        flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-9\@xs{
        flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .col-10\@xs{
        flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-11\@xs{
        flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-12\@xs{
        flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .offset-1\@xs{
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .offset-2\@xs{
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .offset-3\@xs{
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .offset-4\@xs{
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .offset-5\@xs{
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .offset-6\@xs{
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .offset-7\@xs{
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .offset-8\@xs{
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .offset-9\@xs{
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .offset-10\@xs{
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .offset-11\@xs{
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports (--css: variables){
        .gap-xxxxs\@xs{
            --gap: var(--space-xxxxs)
        }
        .gap-xxxs\@xs{
            --gap: var(--space-xxxs)
        }
        .gap-xxs\@xs{
            --gap: var(--space-xxs)
        }
        .gap-xs\@xs{
            --gap: var(--space-xs)
        }
        .gap-sm\@xs{
            --gap: var(--space-sm)
        }
        .gap-md\@xs{
            --gap: var(--space-md)
        }
        .gap-lg\@xs{
            --gap: var(--space-lg)
        }
        .gap-xl\@xs{
            --gap: var(--space-xl)
        }
        .gap-xxl\@xs{
            --gap: var(--space-xxl)
        }
        .gap-xxxl\@xs{
            --gap: var(--space-xxxl)
        }
        .gap-xxxxl\@xs{
            --gap: var(--space-xxxxl)
        }
    }
}
@media (min-width: 48rem){
    .col\@sm{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-1\@sm{
        flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-2\@sm{
        flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-3\@sm{
        flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .col-4\@sm{
        flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-5\@sm{
        flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-6\@sm{
        flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .col-7\@sm{
        flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-8\@sm{
        flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-9\@sm{
        flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .col-10\@sm{
        flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-11\@sm{
        flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-12\@sm{
        flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .offset-1\@sm{
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .offset-2\@sm{
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .offset-3\@sm{
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .offset-4\@sm{
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .offset-5\@sm{
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .offset-6\@sm{
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .offset-7\@sm{
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .offset-8\@sm{
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .offset-9\@sm{
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .offset-10\@sm{
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .offset-11\@sm{
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports (--css: variables){
        .gap-xxxxs\@sm{
            --gap: var(--space-xxxxs)
        }
        .gap-xxxs\@sm{
            --gap: var(--space-xxxs)
        }
        .gap-xxs\@sm{
            --gap: var(--space-xxs)
        }
        .gap-xs\@sm{
            --gap: var(--space-xs)
        }
        .gap-sm\@sm{
            --gap: var(--space-sm)
        }
        .gap-md\@sm{
            --gap: var(--space-md)
        }
        .gap-lg\@sm{
            --gap: var(--space-lg)
        }
        .gap-xl\@sm{
            --gap: var(--space-xl)
        }
        .gap-xxl\@sm{
            --gap: var(--space-xxl)
        }
        .gap-xxxl\@sm{
            --gap: var(--space-xxxl)
        }
        .gap-xxxxl\@sm{
            --gap: var(--space-xxxxl)
        }
    }
}
@media (min-width: 64rem){
    .col\@md{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-1\@md{
        flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-2\@md{
        flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-3\@md{
        flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .col-4\@md{
        flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-5\@md{
        flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-6\@md{
        flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .col-7\@md{
        flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-8\@md{
        flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-9\@md{
        flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .col-10\@md{
        flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-11\@md{
        flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-12\@md{
        flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .offset-1\@md{
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .offset-2\@md{
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .offset-3\@md{
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .offset-4\@md{
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .offset-5\@md{
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .offset-6\@md{
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .offset-7\@md{
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .offset-8\@md{
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .offset-9\@md{
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .offset-10\@md{
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .offset-11\@md{
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports (--css: variables){
        .gap-xxxxs\@md{
            --gap: var(--space-xxxxs)
        }
        .gap-xxxs\@md{
            --gap: var(--space-xxxs)
        }
        .gap-xxs\@md{
            --gap: var(--space-xxs)
        }
        .gap-xs\@md{
            --gap: var(--space-xs)
        }
        .gap-sm\@md{
            --gap: var(--space-sm)
        }
        .gap-md\@md{
            --gap: var(--space-md)
        }
        .gap-lg\@md{
            --gap: var(--space-lg)
        }
        .gap-xl\@md{
            --gap: var(--space-xl)
        }
        .gap-xxl\@md{
            --gap: var(--space-xxl)
        }
        .gap-xxxl\@md{
            --gap: var(--space-xxxl)
        }
        .gap-xxxxl\@md{
            --gap: var(--space-xxxxl)
        }
    }
}
@media (min-width: 80rem){
    .col\@lg{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-1\@lg{
        flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-2\@lg{
        flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-3\@lg{
        flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .col-4\@lg{
        flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-5\@lg{
        flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-6\@lg{
        flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .col-7\@lg{
        flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-8\@lg{
        flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-9\@lg{
        flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .col-10\@lg{
        flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-11\@lg{
        flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-12\@lg{
        flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .offset-1\@lg{
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .offset-2\@lg{
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .offset-3\@lg{
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .offset-4\@lg{
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .offset-5\@lg{
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .offset-6\@lg{
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .offset-7\@lg{
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .offset-8\@lg{
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .offset-9\@lg{
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .offset-10\@lg{
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .offset-11\@lg{
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports (--css: variables){
        .gap-xxxxs\@lg{
            --gap: var(--space-xxxxs)
        }
        .gap-xxxs\@lg{
            --gap: var(--space-xxxs)
        }
        .gap-xxs\@lg{
            --gap: var(--space-xxs)
        }
        .gap-xs\@lg{
            --gap: var(--space-xs)
        }
        .gap-sm\@lg{
            --gap: var(--space-sm)
        }
        .gap-md\@lg{
            --gap: var(--space-md)
        }
        .gap-lg\@lg{
            --gap: var(--space-lg)
        }
        .gap-xl\@lg{
            --gap: var(--space-xl)
        }
        .gap-xxl\@lg{
            --gap: var(--space-xxl)
        }
        .gap-xxxl\@lg{
            --gap: var(--space-xxxl)
        }
        .gap-xxxxl\@lg{
            --gap: var(--space-xxxxl)
        }
    }
}
@media (min-width: 90rem){
    .col\@xl{
        flex-grow:1;
        flex-basis:0;
        max-width:100%
    }
    .col-1\@xl{
        flex-basis:calc( 8.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 8.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-2\@xl{
        flex-basis:calc( 16.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 16.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-3\@xl{
        flex-basis:calc( 25% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 25% - 0.01px - var(--gap, 0.75em))
    }
    .col-4\@xl{
        flex-basis:calc( 33.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 33.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-5\@xl{
        flex-basis:calc( 41.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 41.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-6\@xl{
        flex-basis:calc( 50% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 50% - 0.01px - var(--gap, 0.75em))
    }
    .col-7\@xl{
        flex-basis:calc( 58.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 58.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-8\@xl{
        flex-basis:calc( 66.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 66.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-9\@xl{
        flex-basis:calc( 75% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 75% - 0.01px - var(--gap, 0.75em))
    }
    .col-10\@xl{
        flex-basis:calc( 83.33% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 83.33% - 0.01px - var(--gap, 0.75em))
    }
    .col-11\@xl{
        flex-basis:calc( 91.66% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 91.66% - 0.01px - var(--gap, 0.75em))
    }
    .col-12\@xl{
        flex-basis:calc( 100% - 0.01px - var(--gap, 0.75em));
        max-width:calc( 100% - 0.01px - var(--gap, 0.75em))
    }
    .offset-1\@xl{
        --offset: calc(8.33% + var(--gap, 0.75em))
    }
    .offset-2\@xl{
        --offset: calc(16.66% + var(--gap, 0.75em))
    }
    .offset-3\@xl{
        --offset: calc(25% + var(--gap, 0.75em))
    }
    .offset-4\@xl{
        --offset: calc(33.33% + var(--gap, 0.75em))
    }
    .offset-5\@xl{
        --offset: calc(41.66% + var(--gap, 0.75em))
    }
    .offset-6\@xl{
        --offset: calc(50% + var(--gap, 0.75em))
    }
    .offset-7\@xl{
        --offset: calc(58.33% + var(--gap, 0.75em))
    }
    .offset-8\@xl{
        --offset: calc(66.66% + var(--gap, 0.75em))
    }
    .offset-9\@xl{
        --offset: calc(75% + var(--gap, 0.75em))
    }
    .offset-10\@xl{
        --offset: calc(83.33% + var(--gap, 0.75em))
    }
    .offset-11\@xl{
        --offset: calc(91.66% + var(--gap, 0.75em))
    }
    @supports (--css: variables){
        .gap-xxxxs\@xl{
            --gap: var(--space-xxxxs)
        }
        .gap-xxxs\@xl{
            --gap: var(--space-xxxs)
        }
        .gap-xxs\@xl{
            --gap: var(--space-xxs)
        }
        .gap-xs\@xl{
            --gap: var(--space-xs)
        }
        .gap-sm\@xl{
            --gap: var(--space-sm)
        }
        .gap-md\@xl{
            --gap: var(--space-md)
        }
        .gap-lg\@xl{
            --gap: var(--space-lg)
        }
        .gap-xl\@xl{
            --gap: var(--space-xl)
        }
        .gap-xxl\@xl{
            --gap: var(--space-xxl)
        }
        .gap-xxxl\@xl{
            --gap: var(--space-xxxl)
        }
        .gap-xxxxl\@xl{
            --gap: var(--space-xxxxl)
        }
    }
}
:root{
    --radius-sm: calc(var(--radius, 0.25em)/2);
    --radius-md: var(--radius, 0.25em);
    --radius-lg: calc(var(--radius, 0.25em)*2);
    --shadow-xs: 0 0.1px 0.3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
    --shadow-sm: 0 0.3px 0.4px rgba(0, 0, 0, 0.025), 0 0.9px 1.5px rgba(0, 0, 0, 0.05), 0 3.5px 6px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 1.2px 1.9px -1px rgba(0, 0, 0, 0.014), 0 3.3px 5.3px -1px rgba(0, 0, 0, 0.038), 0 8.5px 12.7px -1px rgba(0, 0, 0, 0.085), 0 30px 42px -1px rgba(0, 0, 0, 0.15);
    --shadow-xl: 0 1.5px 2.1px -6px rgba(0, 0, 0, 0.012), 0 3.6px 5.2px -6px rgba(0, 0, 0, 0.035), 0 7.3px 10.6px -6px rgba(0, 0, 0, 0.07), 0 16.2px 21.9px -6px rgba(0, 0, 0, 0.117), 0 46px 60px -6px rgba(0, 0, 0, 0.2);
    --bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-out: cubic-bezier(0.215, 0.61, 0.355, 1)
}
:root{
    --heading-line-height: 1.2;
    --body-line-height: 1.4
}
body{
    font-size:var(--text-base-size, 1em);
    font-family:var(--font-primary, sans-serif);
    color:var(--color-contrast-high, #313135);
    overflow-x:hidden;
}
h1,h2,h3,h4{
    color:var(--color-contrast-higher, #1c1c21);
    line-height:var(--heading-line-height, 1.2)
}
.text-xxxl{
    font-size:var(--text-xxxl, 2.488em)
}
h1,.text-xxl{
    font-size:var(--text-xxl, 2.074em)
}
h2,.text-xl{
    font-size:var(--text-xl, 1.728em)
}
h3,.text-lg{
    font-size:var(--text-lg, 1.44em)
}
h4,.text-md{
    font-size:var(--text-md, 1.2em)
}
.text-base{
    font-size:1em
}
small,.text-sm{
    font-size:var(--text-sm, 0.833em)
}
.text-xs{
    font-size:var(--text-xs, 0.694em)
}
a,.link{
    color:var(--color-primary, #2a6df4);
    text-decoration:underline
}
strong{
    font-weight:bold
}
s{
    text-decoration:line-through
}
u{
    text-decoration:underline
}
.text-component h1,.text-component h2,.text-component h3,.text-component h4{
    line-height:calc(var(--heading-line-height) * var(--line-height-multiplier, 1));
    margin-bottom:calc(var(--space-unit) * 0.25 * var(--text-vspace-multiplier, 1))
}
.text-component h2,.text-component h3,.text-component h4{
    margin-top:calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
}
.text-component p,.text-component blockquote,.text-component ul li,.text-component ol li{
    line-height:calc(var(--body-line-height) * var(--line-height-multiplier, 1))
}
.text-component ul,.text-component ol,.text-component p,.text-component blockquote,.text-component .text-component__block{
    margin-bottom:calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
}
.text-component ul,.text-component ol{
    list-style-position:inside
}
.text-component ul{
    list-style-type:disc
}
.text-component ol{
    list-style-type:decimal
}
.text-component img{
    display:block;
    margin:0 auto
}
.text-component figcaption{
    text-align:center;
    margin-top:calc(var(--space-unit) * 0.5)
}
.text-component em{
    font-style:italic
}
.text-component hr{
    margin-top:calc(var(--space-unit) * 2 * var(--text-vspace-multiplier, 1));
    margin-bottom:calc(var(--space-unit) * 2 * var(--text-vspace-multiplier, 1));
    margin-left:auto;
    margin-right:auto
}
.text-component>*:first-child{
    margin-top:0
}
.text-component>*:last-child{
    margin-bottom:0
}
.text-component__block--full-width{
    width:100vw;
    margin-left:calc(50% - 50vw)
}
@media (min-width: 48rem){
    .text-component__block--left,.text-component__block--right{
        width:45%
    }
    .text-component__block--left img,.text-component__block--right img{
        width:100%
    }
    .text-component__block--left{
        float:left;
        margin-right:calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
    }
    .text-component__block--right{
        float:right;
        margin-left:calc(var(--space-unit) * 0.75 * var(--text-vspace-multiplier, 1))
    }
}
@media (min-width: 90rem){
    .text-component__block--outset{
        width:calc(100% + 10.5 * var(--space-unit))
    }
    .text-component__block--outset img{
        width:100%
    }
    .text-component__block--outset:not(.text-component__block--right){
        margin-left:calc(-5.25 * var(--space-unit))
    }
    .text-component__block--left,.text-component__block--right{
        width:50%
    }
    .text-component__block--right.text-component__block--outset{
        margin-right:calc(-5.25 * var(--space-unit))
    }
}
:root{
    --icon-xxs: 12px;
    --icon-xs: 16px;
    --icon-sm: 24px;
    --icon-md: 32px;
    --icon-lg: 48px;
    --icon-xl: 64px;
    --icon-xxl: 128px
}
.icon{
    display:inline-block;
    color:inherit;
    fill:currentColor;
    height:1em;
    width:1em;
    line-height:1;
    flex-shrink:0;
    max-width:initial
}
.icon--xxs{
    font-size:var(--icon-xxs)
}
.icon--xs{
    font-size:var(--icon-xs)
}
.icon--sm{
    font-size:var(--icon-sm)
}
.icon--md{
    font-size:var(--icon-md)
}
.icon--lg{
    font-size:var(--icon-lg)
}
.icon--xl{
    font-size:var(--icon-xl)
}
.icon--xxl{
    font-size:var(--icon-xxl)
}
.icon--is-spinning{
    -webkit-animation:icon-spin 1s infinite linear;
    animation:icon-spin 1s infinite linear
}
@-webkit-keyframes icon-spin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes icon-spin{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(360deg)
    }
}
.icon use{
    color:inherit;
    fill:currentColor
}
.btn{
    position:relative;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    white-space:nowrap;
    text-decoration:none;
    line-height:1;
    font-size:var(--btn-font-size, 1em);
    padding-top:var(--btn-padding-y, 0.5em);
    padding-bottom:var(--btn-padding-y, 0.5em);
    padding-left:var(--btn-padding-x, 0.75em);
    padding-right:var(--btn-padding-x, 0.75em);
    border-radius:var(--btn-radius, 0.25em)
}
.btn--primary{
    background-color:var(--color-primary, #2a6df4);
    color:var(--color-white, #fff)
}
.btn--subtle{
    background-color:var(--color-contrast-low, #d3d3d4);
    color:var(--color-contrast-higher, #1c1c21)
}
.btn--accent{
    background-color:var(--color-accent, #e02447);
    color:var(--color-white, #fff)
}
.btn--sm{
    font-size:var(--btn-font-size-sm, 0.8em)
}
.btn--md{
    font-size:var(--btn-font-size-md, 1.2em)
}
.btn--lg{
    font-size:var(--btn-font-size-lg, 1.4em)
}
.btn--icon{
    padding:var(--btn-padding-y, 0.5em)
}
.form-control{
    background-color:var(--color-bg, #f2f2f2);
    padding-top:var(--form-control-padding-y, 0.5em);
    padding-bottom:var(--form-control-padding-y, 0.5em);
    padding-left:var(--form-control-padding-x, 0.75em);
    padding-right:var(--form-control-padding-x, 0.75em);
    border-radius:var(--form-control-radius, 0.25em)
}
.form-control::-webkit-input-placeholder{
    color:var(--color-contrast-medium, #79797c)
}
.form-control::-moz-placeholder{
    opacity:1;
    color:var(--color-contrast-medium, #79797c)
}
.form-control:-ms-input-placeholder{
    color:var(--color-contrast-medium, #79797c)
}
.form-control:-moz-placeholder{
    color:var(--color-contrast-medium, #79797c)
}
.form-legend{
    color:var(--color-contrast-higher, #1c1c21);
    line-height:1.2;
    font-size:var(--text-md, 1.2em);
    margin-bottom:var(--space-xxs)
}
.form-label{
    display:inline-block
}
.form__msg-error,.form-error-msg{
    color:var(--color-error, #e02447);
    font-size:var(--text-sm, 0.833em);
    margin-top:var(--space-xxs);
    position:absolute;
    clip:rect(1px, 1px, 1px, 1px)
}
.form__msg-error--is-visible,.form-error-msg--is-visible{
    position:relative;
    clip:auto
}
.radio-list>*,.checkbox-list>*{
    position:relative;
    display:flex;
    align-items:baseline
}
.radio-list label,.checkbox-list label{
    line-height:var(--body-line-height)
}
.radio-list input,.checkbox-list input{
    margin-right:var(--space-xxxs);
    flex-shrink:0
}
:root{
    --zindex-header: 2;
    --zindex-popover: 5;
    --zindex-fixed-element: 10;
    --zindex-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
}
.sr-only{
    position:absolute;
    clip:rect(1px, 1px, 1px, 1px);
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    width:1px;
    height:1px;
    overflow:hidden;
    padding:0;
    border:0;
    white-space:nowrap
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.flex-wrap{
    flex-wrap:wrap
}
.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-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
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.inline{
    display:inline
}
.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-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-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-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-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-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-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
}
.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-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-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-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-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-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-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-component{
    padding-top:var(--component-padding);
    padding-bottom:var(--component-padding)
}
.align-baseline{
    vertical-align:baseline
}
.align-top{
    vertical-align:top
}
.align-middle{
    vertical-align:middle
}
.align-bottom{
    vertical-align:bottom
}
.truncate,.text-truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-replace{
    overflow:hidden;
    color:transparent;
    text-indent:100%;
    white-space:nowrap
}
.text-uppercase{
    text-transform:uppercase
}
.text-capitalize{
    text-transform:capitalize
}
.letter-spacing-sm{
    letter-spacing:-0.05em
}
.letter-spacing-md{
    letter-spacing:0.05em
}
.letter-spacing-lg{
    letter-spacing:0.1em
}
.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-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-line-through{
    text-decoration:line-through
}
.text-underline{
    text-decoration:underline
}
.text-decoration-none{
    text-decoration:none
}
.line-height-xs{
    --heading-line-height: 1;
    --body-line-height: 1
}
.line-height-sm{
    --heading-line-height: 1.1;
    --body-line-height: 1.2
}
.line-height-md{
    --heading-line-height: 1.15;
    --body-line-height: 1.4
}
.line-height-lg{
    --heading-line-height: 1.22;
    --body-line-height: 1.58
}
.line-height-xl{
    --heading-line-height: 1.3;
    --body-line-height: 1.72
}
.v-space-xxs{
    --text-vspace-multiplier: 0.25 !important
}
.v-space-xs{
    --text-vspace-multiplier: 0.5 !important
}
.v-space-sm{
    --text-vspace-multiplier: 0.75 !important
}
.v-space-md{
    --text-vspace-multiplier: 1.25 !important
}
.v-space-lg{
    --text-vspace-multiplier: 1.5 !important
}
.v-space-xl{
    --text-vspace-multiplier: 1.75 !important
}
.v-space-xxl{
    --text-vspace-multiplier: 2 !important
}
.ws-nowrap,.text-nowrap{
    white-space:nowrap
}
.cursor-pointer{
    cursor:pointer
}
[class*="color-"]{
    --color-o: 1
}
.color-inherit{
    color:inherit
}
.color-bg{
    color:hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--color-o, 1))
}
.color-contrast-lower{
    color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--color-o, 1))
}
.color-contrast-low{
    color:hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--color-o, 1))
}
.color-contrast-medium{
    color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--color-o, 1))
}
.color-contrast-high{
    color:hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--color-o, 1))
}
.color-contrast-higher{
    color:hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--color-o, 1))
}
.color-primary-darker{
    color:hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), var(--color-o, 1))
}
.color-primary-dark{
    color:hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--color-o, 1))
}
.color-primary{
    color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--color-o, 1))
}
.color-primary-light{
    color:hsla(var(--color-primary-light-h), var(--color-primary-light-s), var(--color-primary-light-l), var(--color-o, 1))
}
.color-primary-lighter{
    color:hsla(var(--color-primary-lighter-h), var(--color-primary-lighter-s), var(--color-primary-lighter-l), var(--color-o, 1))
}
.color-accent-darker{
    color:hsla(var(--color-accent-darker-h), var(--color-accent-darker-s), var(--color-accent-darker-l), var(--color-o, 1))
}
.color-accent-dark{
    color:hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--color-o, 1))
}
.color-accent{
    color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--color-o, 1))
}
.color-accent-light{
    color:hsla(var(--color-accent-light-h), var(--color-accent-light-s), var(--color-accent-light-l), var(--color-o, 1))
}
.color-accent-lighter{
    color:hsla(var(--color-accent-lighter-h), var(--color-accent-lighter-s), var(--color-accent-lighter-l), var(--color-o, 1))
}
.color-success-darker{
    color:hsla(var(--color-success-darker-h), var(--color-success-darker-s), var(--color-success-darker-l), var(--color-o, 1))
}
.color-success-dark{
    color:hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--color-o, 1))
}
.color-success{
    color:hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--color-o, 1))
}
.color-success-light{
    color:hsla(var(--color-success-light-h), var(--color-success-light-s), var(--color-success-light-l), var(--color-o, 1))
}
.color-success-lighter{
    color:hsla(var(--color-success-lighter-h), var(--color-success-lighter-s), var(--color-success-lighter-l), var(--color-o, 1))
}
.color-warning-darker{
    color:hsla(var(--color-warning-darker-h), var(--color-warning-darker-s), var(--color-warning-darker-l), var(--color-o, 1))
}
.color-warning-dark{
    color:hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--color-o, 1))
}
.color-warning{
    color:hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--color-o, 1))
}
.color-warning-light{
    color:hsla(var(--color-warning-light-h), var(--color-warning-light-s), var(--color-warning-light-l), var(--color-o, 1))
}
.color-warning-lighter{
    color:hsla(var(--color-warning-lighter-h), var(--color-warning-lighter-s), var(--color-warning-lighter-l), var(--color-o, 1))
}
.color-error-darker{
    color:hsla(var(--color-error-darker-h), var(--color-error-darker-s), var(--color-error-darker-l), var(--color-o, 1))
}
.color-error-dark{
    color:hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--color-o, 1))
}
.color-error{
    color:hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--color-o, 1))
}
.color-error-light{
    color:hsla(var(--color-error-light-h), var(--color-error-light-s), var(--color-error-light-l), var(--color-o, 1))
}
.color-error-lighter{
    color:hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--color-o, 1))
}
.color-white{
    color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--color-o, 1))
}
.color-black{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--color-o, 1))
}
@supports (--css: variables){
    .color-opacity-10\%{
        --color-o: 0.1
    }
    .color-opacity-20\%{
        --color-o: 0.2
    }
    .color-opacity-30\%{
        --color-o: 0.3
    }
    .color-opacity-40\%{
        --color-o: 0.4
    }
    .color-opacity-50\%{
        --color-o: 0.5
    }
    .color-opacity-60\%{
        --color-o: 0.6
    }
    .color-opacity-70\%{
        --color-o: 0.7
    }
    .color-opacity-80\%{
        --color-o: 0.8
    }
    .color-opacity-90\%{
        --color-o: 0.9
    }
}
.width-xxxxs{
    width:0.25rem
}
.width-xxxs{
    width:0.5rem
}
.width-xxs{
    width:0.75rem
}
.width-xs{
    width:1rem
}
.width-sm{
    width:1.5rem
}
.width-md{
    width:2rem
}
.width-lg{
    width:3rem
}
.width-xl{
    width:4rem
}
.width-xxl{
    width:6rem
}
.width-xxxl{
    width:8rem
}
.width-xxxxl{
    width:16rem
}
.width-10\%{
    width:10%
}
.width-20\%{
    width:20%
}
.width-25\%{
    width:25%
}
.width-30\%{
    width:30%
}
.width-33\%{
    width:calc(100% / 3)
}
.width-40\%{
    width:40%
}
.width-50\%{
    width:50%
}
.width-60\%{
    width:60%
}
.width-66\%{
    width:calc(100% / 1.5)
}
.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
}
.height-xxxxs{
    height:0.25rem
}
.height-xxxs{
    height:0.5rem
}
.height-xxs{
    height:0.75rem
}
.height-xs{
    height:1rem
}
.height-sm{
    height:1.5rem
}
.height-md{
    height:2rem
}
.height-lg{
    height:3rem
}
.height-xl{
    height:4rem
}
.height-xxl{
    height:6rem
}
.height-xxxl{
    height:8rem
}
.height-xxxxl{
    height:16rem
}
.height-10\%{
    height:10%
}
.height-20\%{
    height:20%
}
.height-25\%{
    height:25%
}
.height-30\%{
    height:30%
}
.height-33\%{
    height:calc(100% / 3)
}
.height-40\%{
    height:40%
}
.height-50\%{
    height:50%
}
.height-60\%{
    height:60%
}
.height-66\%{
    height:calc(100% / 1.5)
}
.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
}
.min-width-0{
    min-width:0
}
.min-width-25\%{
    min-width:25%
}
.min-width-33\%{
    min-width:calc(100% / 3)
}
.min-width-50\%{
    min-width:50%
}
.min-width-66\%{
    min-width:calc(100% / 1.5)
}
.min-width-75\%{
    min-width:75%
}
.min-width-100\%{
    min-width:100%
}
.min-width-100vw{
    min-width:100vw
}
.min-height-100\%{
    min-height:100%
}
.min-height-100vh{
    min-height:100vh
}
.position-relative{
    position:relative
}
.position-absolute{
    position:absolute
}
.position-fixed{
    position:fixed
}
.position-sticky{
    position:-webkit-sticky;
    position:sticky
}
.top-0{
    top:0
}
.bottom-0{
    bottom:0
}
.left-0{
    left:0
}
.right-0{
    right:0
}
.zindex-1,.z-index-1{
    z-index:1
}
.zindex-2,.z-index-2{
    z-index:2
}
.zindex-3,.z-index-3{
    z-index:3
}
.overflow-hidden{
    overflow:hidden
}
.overflow-auto{
    overflow:auto
}
.opacity-10\%{
    opacity:0.1
}
.opacity-20\%{
    opacity:0.2
}
.opacity-30\%{
    opacity:0.3
}
.opacity-40\%{
    opacity:0.4
}
.opacity-50\%{
    opacity:0.5
}
.opacity-60\%{
    opacity:0.6
}
.opacity-70\%{
    opacity:0.7
}
.opacity-80\%{
    opacity:0.8
}
.opacity-90\%{
    opacity:0.9
}
.media-wrapper{
    position:relative;
    height:0;
    padding-bottom:56.25%
}
.media-wrapper>*{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.media-wrapper--4\:3{
    padding-bottom:calc((3 / 4) * 100%)
}
.media-wrapper--1\:1{
    padding-bottom:calc((1 / 1) * 100%)
}
.float-left{
    float:left
}
.float-right{
    float:right
}
.clearfix::after{
    content:"";
    display:table;
    clear:both
}
[class*="border-"]{
    --border-o: 1
}
.border{
    border:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-top{
    border-top:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-bottom{
    border-bottom:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-left{
    border-left:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-right{
    border-right:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--border-o, 1))
}
.border-2{
    border-width:2px
}
.border-3{
    border-width:3px
}
.border-bg{
    border-color:hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-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))
}
@supports (--css: variables){
    .border-opacity-10\%{
        --border-o: 0.1
    }
    .border-opacity-20\%{
        --border-o: 0.2
    }
    .border-opacity-30\%{
        --border-o: 0.3
    }
    .border-opacity-40\%{
        --border-o: 0.4
    }
    .border-opacity-50\%{
        --border-o: 0.5
    }
    .border-opacity-60\%{
        --border-o: 0.6
    }
    .border-opacity-70\%{
        --border-o: 0.7
    }
    .border-opacity-80\%{
        --border-o: 0.8
    }
    .border-opacity-90\%{
        --border-o: 0.9
    }
}
.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%
}
.shadow-xs{
    box-shadow:var(--shadow-xs)
}
.shadow-sm{
    box-shadow:var(--shadow-sm)
}
.shadow-md{
    box-shadow:var(--shadow-md)
}
.shadow-lg{
    box-shadow:var(--shadow-lg)
}
.shadow-xl{
    box-shadow:var(--shadow-xl)
}
.bg,[class*="bg-"]{
    --bg-o: 1
}
.bg-transparent{
    background-color:transparent
}
.bg-inherit{
    background-color:inherit
}
.bg{
    background-color:hsla(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l), var(--bg-o))
}
.bg-contrast-lower{
    background-color:hsla(var(--color-contrast-lower-h), var(--color-contrast-lower-s), var(--color-contrast-lower-l), var(--bg-o, 1))
}
.bg-contrast-low{
    background-color:hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), var(--bg-o, 1))
}
.bg-contrast-medium{
    background-color:hsla(var(--color-contrast-medium-h), var(--color-contrast-medium-s), var(--color-contrast-medium-l), var(--bg-o, 1))
}
.bg-contrast-high{
    background-color:hsla(var(--color-contrast-high-h), var(--color-contrast-high-s), var(--color-contrast-high-l), var(--bg-o, 1))
}
.bg-contrast-higher{
    background-color:hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), var(--bg-o, 1))
}
.bg-primary-darker{
    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{
    background-color:hsla(var(--color-primary-dark-h), var(--color-primary-dark-s), var(--color-primary-dark-l), var(--bg-o, 1))
}
.bg-primary{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), var(--bg-o, 1))
}
.bg-primary-light{
    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{
    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{
    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{
    background-color:hsla(var(--color-accent-dark-h), var(--color-accent-dark-s), var(--color-accent-dark-l), var(--bg-o, 1))
}
.bg-accent{
    background-color:hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), var(--bg-o, 1))
}
.bg-accent-light{
    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{
    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{
    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{
    background-color:hsla(var(--color-success-dark-h), var(--color-success-dark-s), var(--color-success-dark-l), var(--bg-o, 1))
}
.bg-success{
    background-color:hsla(var(--color-success-h), var(--color-success-s), var(--color-success-l), var(--bg-o, 1))
}
.bg-success-light{
    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{
    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{
    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{
    background-color:hsla(var(--color-warning-dark-h), var(--color-warning-dark-s), var(--color-warning-dark-l), var(--bg-o, 1))
}
.bg-warning{
    background-color:hsla(var(--color-warning-h), var(--color-warning-s), var(--color-warning-l), var(--bg-o, 1))
}
.bg-warning-light{
    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{
    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{
    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{
    background-color:hsla(var(--color-error-dark-h), var(--color-error-dark-s), var(--color-error-dark-l), var(--bg-o, 1))
}
.bg-error{
    background-color:hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), var(--bg-o, 1))
}
.bg-error-light{
    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{
    background-color:hsla(var(--color-error-lighter-h), var(--color-error-lighter-s), var(--color-error-lighter-l), var(--bg-o, 1))
}
.bg-white{
    background-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), var(--bg-o, 1))
}
.bg-black{
    background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), var(--bg-o, 1))
}
@supports (--css: variables){
    .bg-opacity-10\%{
        --bg-o: 0.1
    }
    .bg-opacity-20\%{
        --bg-o: 0.2
    }
    .bg-opacity-30\%{
        --bg-o: 0.3
    }
    .bg-opacity-40\%{
        --bg-o: 0.4
    }
    .bg-opacity-50\%{
        --bg-o: 0.5
    }
    .bg-opacity-60\%{
        --bg-o: 0.6
    }
    .bg-opacity-70\%{
        --bg-o: 0.7
    }
    .bg-opacity-80\%{
        --bg-o: 0.8
    }
    .bg-opacity-90\%{
        --bg-o: 0.9
    }
}
.bg-cover{
    background-size:cover
}
.bg-center{
    background-position:center
}
.object-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
@media (min-width: 32rem){
    .flex\@xs{
        display:flex
    }
    .inline-flex\@xs{
        display:inline-flex
    }
    .flex-wrap\@xs{
        flex-wrap:wrap
    }
    .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-0\@xs{
        flex-grow:0
    }
    .flex-shrink\@xs{
        flex-shrink:1
    }
    .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
    }
    .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
    }
    @supports (--css: variables){
        .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
        }
    }
    @supports (--css: variables){
        .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
    }
    @supports (--css: variables){
        .text-xs\@xs{
            font-size:var(--text-xs, 0.694em)
        }
        .text-sm\@xs{
            font-size:var(--text-sm, 0.833em)
        }
        .text-base\@xs{
            font-size:1em
        }
        .text-md\@xs{
            font-size:var(--text-md, 1.2em)
        }
        .text-lg\@xs{
            font-size:var(--text-lg, 1.44em)
        }
        .text-xl\@xs{
            font-size:var(--text-xl, 1.728em)
        }
        .text-xxl\@xs{
            font-size:var(--text-xxl, 2.074em)
        }
        .text-xxxl\@xs{
            font-size:var(--text-xxxl, 2.488em)
        }
    }
    .hide\@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-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-0\@sm{
        flex-grow:0
    }
    .flex-grow\@sm{
        flex-grow:1
    }
    .flex-shrink-0\@sm{
        flex-shrink:0
    }
    .flex-shrink\@sm{
        flex-shrink:1
    }
    .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
    }
    .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
    }
    @supports (--css: variables){
        .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
        }
    }
    @supports (--css: variables){
        .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
    }
    @supports (--css: variables){
        .text-xs\@sm{
            font-size:var(--text-xs, 0.694em)
        }
        .text-sm\@sm{
            font-size:var(--text-sm, 0.833em)
        }
        .text-base\@sm{
            font-size:1em
        }
        .text-md\@sm{
            font-size:var(--text-md, 1.2em)
        }
        .text-lg\@sm{
            font-size:var(--text-lg, 1.44em)
        }
        .text-xl\@sm{
            font-size:var(--text-xl, 1.728em)
        }
        .text-xxl\@sm{
            font-size:var(--text-xxl, 2.074em)
        }
        .text-xxxl\@sm{
            font-size:var(--text-xxxl, 2.488em)
        }
    }
    .hide\@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-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-0\@md{
        flex-grow:0
    }
    .flex-grow\@md{
        flex-grow:1
    }
    .flex-shrink-0\@md{
        flex-shrink:0
    }
    .flex-shrink\@md{
        flex-shrink:1
    }
    .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
    }
    .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
    }
    @supports (--css: variables){
        .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
        }
    }
    @supports (--css: variables){
        .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
    }
    @supports (--css: variables){
        .text-xs\@md{
            font-size:var(--text-xs, 0.694em)
        }
        .text-sm\@md{
            font-size:var(--text-sm, 0.833em)
        }
        .text-base\@md{
            font-size:1em
        }
        .text-md\@md{
            font-size:var(--text-md, 1.2em)
        }
        .text-lg\@md{
            font-size:var(--text-lg, 1.44em)
        }
        .text-xl\@md{
            font-size:var(--text-xl, 1.728em)
        }
        .text-xxl\@md{
            font-size:var(--text-xxl, 2.074em)
        }
        .text-xxxl\@md{
            font-size:var(--text-xxxl, 2.488em)
        }
    }
    .hide\@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-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-0\@lg{
        flex-grow:0
    }
    .flex-grow\@lg{
        flex-grow:1
    }
    .flex-shrink-0\@lg{
        flex-shrink:0
    }
    .flex-shrink\@lg{
        flex-shrink:1
    }
    .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
    }
    .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
    }
    @supports (--css: variables){
        .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
        }
    }
    @supports (--css: variables){
        .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
    }
    @supports (--css: variables){
        .text-xs\@lg{
            font-size:var(--text-xs, 0.694em)
        }
        .text-sm\@lg{
            font-size:var(--text-sm, 0.833em)
        }
        .text-base\@lg{
            font-size:1em
        }
        .text-md\@lg{
            font-size:var(--text-md, 1.2em)
        }
        .text-lg\@lg{
            font-size:var(--text-lg, 1.44em)
        }
        .text-xl\@lg{
            font-size:var(--text-xl, 1.728em)
        }
        .text-xxl\@lg{
            font-size:var(--text-xxl, 2.074em)
        }
        .text-xxxl\@lg{
            font-size:var(--text-xxxl, 2.488em)
        }
    }
    .hide\@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-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-0\@xl{
        flex-grow:0
    }
    .flex-grow\@xl{
        flex-grow:1
    }
    .flex-shrink-0\@xl{
        flex-shrink:0
    }
    .flex-shrink\@xl{
        flex-shrink:1
    }
    .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
    }
    .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
    }
    @supports (--css: variables){
        .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
        }
    }
    @supports (--css: variables){
        .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
    }
    @supports (--css: variables){
        .text-xs\@xl{
            font-size:var(--text-xs, 0.694em)
        }
        .text-sm\@xl{
            font-size:var(--text-sm, 0.833em)
        }
        .text-base\@xl{
            font-size:1em
        }
        .text-md\@xl{
            font-size:var(--text-md, 1.2em)
        }
        .text-lg\@xl{
            font-size:var(--text-lg, 1.44em)
        }
        .text-xl\@xl{
            font-size:var(--text-xl, 1.728em)
        }
        .text-xxl\@xl{
            font-size:var(--text-xxl, 2.074em)
        }
        .text-xxxl\@xl{
            font-size:var(--text-xxxl, 2.488em)
        }
    }
    .hide\@xl{
        display:none !important
    }
}
@media not all and (min-width: 32rem){
    .has-margin\@xs{
        margin:0 !important
    }
    .has-padding\@xs{
        padding:0 !important
    }
    .display\@xs{
        display:none !important
    }
}
@media not all and (min-width: 48rem){
    .has-margin\@sm{
        margin:0 !important
    }
    .has-padding\@sm{
        padding:0 !important
    }
    .display\@sm{
        display:none !important
    }
}
@media not all and (min-width: 64rem){
    .has-margin\@md{
        margin:0 !important
    }
    .has-padding\@md{
        padding:0 !important
    }
    .display\@md{
        display:none !important
    }
}
@media not all and (min-width: 80rem){
    .has-margin\@lg{
        margin:0 !important
    }
    .has-padding\@lg{
        padding:0 !important
    }
    .display\@lg{
        display:none !important
    }
}
@media not all and (min-width: 90rem){
    .has-margin\@xl{
        margin:0 !important
    }
    .has-padding\@xl{
        padding:0 !important
    }
    .display\@xl{
        display:none !important
    }
}
:root,[data-theme="default"]{
    --color-primary-darker:hsl(199, 78%, 28%);
    --color-primary-darker-h:199;
    --color-primary-darker-s:78%;
    --color-primary-darker-l:28%;
    --color-primary-dark:hsl(199, 78%, 38%);
    --color-primary-dark-h:199;
    --color-primary-dark-s:78%;
    --color-primary-dark-l:38%;
    --color-primary:hsl(199, 78%, 48%);
    --color-primary-h:199;
    --color-primary-s:78%;
    --color-primary-l:48%;
    --color-primary-light:hsl(199, 78%, 58%);
    --color-primary-light-h:199;
    --color-primary-light-s:78%;
    --color-primary-light-l:58%;
    --color-primary-lighter:hsl(199, 78%, 68%);
    --color-primary-lighter-h:199;
    --color-primary-lighter-s:78%;
    --color-primary-lighter-l:68%;
    --color-accent-darker:hsl(356, 95%, 26%);
    --color-accent-darker-h:356;
    --color-accent-darker-s:95%;
    --color-accent-darker-l:26%;
    --color-accent-dark:hsl(356, 95%, 36%);
    --color-accent-dark-h:356;
    --color-accent-dark-s:95%;
    --color-accent-dark-l:36%;
    --color-accent:hsl(356, 95%, 46%);
    --color-accent-h:356;
    --color-accent-s:95%;
    --color-accent-l:46%;
    --color-accent-light:hsl(356, 95%, 56%);
    --color-accent-light-h:356;
    --color-accent-light-s:95%;
    --color-accent-light-l:56%;
    --color-accent-lighter:hsl(356, 95%, 66%);
    --color-accent-lighter-h:356;
    --color-accent-lighter-s:95%;
    --color-accent-lighter-l:66%;
    --color-black:hsl(0, 0%, 0%);
    --color-black-h:0;
    --color-black-s:0%;
    --color-black-l:0%;
    --color-white:hsl(0, 0%, 100%);
    --color-white-h:0;
    --color-white-s:0%;
    --color-white-l:100%;
    --color-warning-darker:hsl(46, 100%, 41%);
    --color-warning-darker-h:46;
    --color-warning-darker-s:100%;
    --color-warning-darker-l:41%;
    --color-warning-dark:hsl(46, 100%, 51%);
    --color-warning-dark-h:46;
    --color-warning-dark-s:100%;
    --color-warning-dark-l:51%;
    --color-warning:hsl(46, 100%, 61%);
    --color-warning-h:46;
    --color-warning-s:100%;
    --color-warning-l:61%;
    --color-warning-light:hsl(46, 100%, 71%);
    --color-warning-light-h:46;
    --color-warning-light-s:100%;
    --color-warning-light-l:71%;
    --color-warning-lighter:hsl(46, 100%, 81%);
    --color-warning-lighter-h:46;
    --color-warning-lighter-s:100%;
    --color-warning-lighter-l:81%;
    --color-success-darker:hsl(94, 48%, 36%);
    --color-success-darker-h:94;
    --color-success-darker-s:48%;
    --color-success-darker-l:36%;
    --color-success-dark:hsl(94, 48%, 46%);
    --color-success-dark-h:94;
    --color-success-dark-s:48%;
    --color-success-dark-l:46%;
    --color-success:hsl(94, 48%, 56%);
    --color-success-h:94;
    --color-success-s:48%;
    --color-success-l:56%;
    --color-success-light:hsl(94, 48%, 66%);
    --color-success-light-h:94;
    --color-success-light-s:48%;
    --color-success-light-l:66%;
    --color-success-lighter:hsl(94, 48%, 76%);
    --color-success-lighter-h:94;
    --color-success-lighter-s:48%;
    --color-success-lighter-l:76%;
    --color-error-darker:hsl(349, 75%, 31%);
    --color-error-darker-h:349;
    --color-error-darker-s:75%;
    --color-error-darker-l:31%;
    --color-error-dark:hsl(349, 75%, 41%);
    --color-error-dark-h:349;
    --color-error-dark-s:75%;
    --color-error-dark-l:41%;
    --color-error:hsl(349, 75%, 51%);
    --color-error-h:349;
    --color-error-s:75%;
    --color-error-l:51%;
    --color-error-light:hsl(349, 75%, 61%);
    --color-error-light-h:349;
    --color-error-light-s:75%;
    --color-error-light-l:61%;
    --color-error-lighter:hsl(349, 75%, 71%);
    --color-error-lighter-h:349;
    --color-error-lighter-s:75%;
    --color-error-lighter-l:71%;
    --color-bg:hsl(0, 0%, 100%);
    --color-bg-h:0;
    --color-bg-s:0%;
    --color-bg-l:100%;
    --color-contrast-lower:hsl(0, 0%, 96%);
    --color-contrast-lower-h:0;
    --color-contrast-lower-s:0%;
    --color-contrast-lower-l:96%;
    --color-contrast-low:hsl(0, 0%, 85%);
    --color-contrast-low-h:0;
    --color-contrast-low-s:0%;
    --color-contrast-low-l:85%;
    --color-contrast-medium:hsl(0, 0%, 53%);
    --color-contrast-medium-h:0;
    --color-contrast-medium-s:0%;
    --color-contrast-medium-l:53%;
    --color-contrast-high:hsl(0, 0%, 27%);
    --color-contrast-high-h:0;
    --color-contrast-high-s:0%;
    --color-contrast-high-l:27%;
    --color-contrast-higher:hsl(0, 0%, 20%);
    --color-contrast-higher-h:0;
    --color-contrast-higher-s:0%;
    --color-contrast-higher-l:20%
}
:root{
    --space-unit: 1em;
    --space-xxxxs: calc(0.125 * var(--space-unit));
    --space-xxxs: calc(0.25 * var(--space-unit));
    --space-xxs: calc(0.375 * var(--space-unit));
    --space-xs: calc(0.5 * var(--space-unit));
    --space-sm: calc(0.75 * var(--space-unit));
    --space-md: calc(1.25 * var(--space-unit));
    --space-lg: calc(2 * var(--space-unit));
    --space-xl: calc(3.25 * var(--space-unit));
    --space-xxl: calc(5.25 * var(--space-unit));
    --space-xxxl: calc(8.5 * var(--space-unit));
    --space-xxxxl: calc(13.75 * var(--space-unit));
    --component-padding: var(--space-md)
}
@supports (--css: variables){
    @media (min-width: 64rem){
        :root{
            --space-unit: 1.25em;
            --space-xxxxs: calc(0.125 * var(--space-unit));
            --space-xxxs: calc(0.25 * var(--space-unit));
            --space-xxs: calc(0.375 * var(--space-unit));
            --space-xs: calc(0.5 * var(--space-unit));
            --space-sm: calc(0.75 * var(--space-unit));
            --space-md: calc(1.25 * var(--space-unit));
            --space-lg: calc(2 * var(--space-unit));
            --space-xl: calc(3.25 * var(--space-unit));
            --space-xxl: calc(5.25 * var(--space-unit));
            --space-xxxl: calc(8.5 * var(--space-unit));
            --space-xxxxl: calc(13.75 * var(--space-unit))
        }
    }
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-Light.eot";
    );
    src:url("../fonts/avenir/Avenir-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-Light.svg") format("svg"),url("../fonts/avenir/Avenir-Light.woff") format("woff"),url("../fonts/avenir/Avenir-Light.ttf") format("truetype");
    font-weight:100;
    font-style:normal
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-LightOblique.eot");
    src:url("../fonts/avenir/Avenir-LightOblique.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-LightOblique.svg") format("svg"),url("../fonts/avenir/Avenir-LightOblique.woff") format("woff"),url("../fonts/avenir/Avenir-LightOblique.ttf") format("truetype");
    font-weight:100;
    font-style:italic
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-Book.eot");
    src:url("../fonts/avenir/Avenir-Book.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-Book.svg") format("svg"),url("../fonts/avenir/Avenir-Book.woff") format("woff"),url("../fonts/avenir/Avenir-Book.ttf") format("truetype");
    font-weight:200;
    font-style:normal
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-Roman.eot");
    src:url("../fonts/avenir/Avenir-Roman.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-Roman.svg") format("svg"),url("../fonts/avenir/Avenir-Roman.woff") format("woff"),url("../fonts/avenir/Avenir-Roman.ttf") format("truetype");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-Medium.eot");
    src:url("../fonts/avenir/Avenir-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-Medium.svg") format("svg"),url("../fonts/avenir/Avenir-Medium.woff") format("woff"),url("../fonts/avenir/Avenir-Medium.ttf") format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-display: swap;
    font-family:"Avenir";
    src:url("../fonts/avenir/Avenir-Heavy.eot");
    src:url("../fonts/avenir/Avenir-Heavy.eot?#iefix") format("embedded-opentype"),url("../fonts/avenir/Avenir-Heavy.svg") format("svg"),url("../fonts/avenir/Avenir-Heavy.woff") format("woff"),url("../fonts/avenir/Avenir-Heavy.ttf") format("truetype");
    font-weight:500;
    font-style:normal
}
:root{
    --font-primary: Avenir, sans-serif;
    --text-base-size: 0.8125em;
    --text-scale-ratio: 1.15;
    --text-xs: calc((1em / var(--text-scale-ratio)) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --body-line-height: 2;
    --heading-line-height: 1.375;
    --font-primary-capital-letter: 0.9;
    --text-vspace-multiplier: 1.5
}
@supports (--css: variables){
    @media (min-width: 64rem){
        :root{
            --text-base-size: 0.9375em;
            --text-scale-ratio: 1.214
        }
    }
}
body{
    color:var(--color-contrast-higher);
    font-family:var(--font-primary);
    font-weight:100
}
h1,h2,h3,h4{
    color:var(--color-black);
    font-family:var(--font-primary);
    font-weight:500
}
strong{
    font-weight:500
}
a,.link{
    color:inherit
}
.font-primary{
    font-family:var(--font-primary)
}
:root{
    --max-width-lg: 75rem
}
:root{
    --btn-font-size: 1em;
    --btn-font-size-sm: 0.8em;
    --btn-font-size-md: 1.2em;
    --btn-font-size-lg: 1.4em;
    --btn-padding-x: 0;
    --btn-padding-y: var(--space-sm);
    --btn-radius: 0
}
.btn{
    color:var(--color-primary);
    cursor:pointer;
    border-bottom:1px solid var(--color-primary);
    font-weight:400;
    text-decoration:none;
    line-height:1;
    transition:all 0.3s ease;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.btn:focus{
    outline:none
}
.btn:active{
    transform:translateY(2px)
}
.btn+.btn{
    margin-left:var(--space-lg)
}
.btn--primary{
    background-color:var(--color-primary);
    color:var(--color-white);
    padding:var(--space-sm) var(--space-lg);
    border-bottom:1px solid transparent
}
.btn--primary:hover{
    background-color:var(--color-primary-dark)
}
.btn--primary:focus{
    box-shadow:0px 0px 0px 2px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}
.btn--subtle{
    background-color:var(--color-contrast-lower);
    color:var(--color-contrast-higher);
    padding:var(--space-sm) var(--space-lg);
    border-bottom:1px solid transparent
}
.btn--accent{
    background-color:var(--color-accent);
    color:var(--color-white);
    padding:var(--space-sm) var(--space-lg);
    border-bottom:1px solid transparent
}
.btn--accent:hover{
    background-color:var(--color-accent-dark)
}
.btn--accent:focus{
    box-shadow:0px 0px 0px 2px hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2)
}
.btn--disabled{
    opacity:0.6;
    cursor:not-allowed
}
:root{
    --form-control-padding-x: var(--space-sm);
    --form-control-padding-y: var(--space-xs);
    --form-control-radius: 0.25em
}
.form-control{
    background-color:var(--color-white);
    border:1px solid var(--color-contrast-low);
    border-radius:0;
    transition:all 0.3s ease
}
.form-control::-webkit-input-placeholder{
    color:var(--color-contrast-medium)
}
.form-control::-moz-placeholder{
    color:var(--color-contrast-medium)
}
.form-control:-ms-input-placeholder{
    color:var(--color-contrast-medium)
}
.form-control:-moz-placeholder{
    color:var(--color-contrast-medium)
}
.form-control:focus{
    border-color:var(--color-primary);
    box-shadow:0px 0px 0px 3px hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline:none
}
.form-control[disabled],.form-control[readonly]{
    cursor:not-allowed
}
.form-control[aria-invalid="true"]{
    border-color:var(--color-error)
}
.form-control[aria-invalid="true"]:focus{
    box-shadow:0px 0px 0px 3px hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2)
}
.form-legend{
    color:var(--color-contrast-higher);
    font-size:var(--text-md);
    line-height:1.2;
    margin-bottom:var(--space-xxs)
}
.form-label{
    font-size:var(--text-sm)
}
*{
    outline:0
}
.rotate-text{
    bottom:0;
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
    display:inline-block;
    margin-bottom:0;
    margin-top:0;
    position:absolute;
    right:0;
    transform:rotate(180deg);
    -webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl
}
.rotate-text svg{
    fill:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6);
    transform:rotate(180deg)
}
.edge-to-edge{
    margin:0 calc(var(--component-padding) * -1)
}
@media (min-width: 64rem){
    .edge-to-edge{
        margin:0
    }
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir="rtl"] .slick-slide{
    float:right
}
.not-first-slider-image {
	display: none;
}
.slick-slide img{
	height: auto;
    display:block;
	object-fit: cover;
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
:root{
    --header-height: 100px
}
@media (min-width: 64rem){
    :root{
        --header-height: 130px
    }
}
.menuToggled,.menuToggled body{
    height:100vh;
    overflow:hidden
}
body{
    position:relative
}
.header{
    background-color:var(--color-white);
    height:calc(var(--header-height) + var(--space-xl));
    position:relative;
    z-index:var(--zindex-header)
}
.header__container{
    align-items:flex-end;
    display:flex;
    height:100%;
    justify-content:space-between;
    position:relative
}
.header__logo{
    flex-shrink:0;
    position:relative;
    z-index:2
}
.header__logo a,.header__logo svg,.header__logo img{
    display:block;
    width:100px
}
@media (min-width: 64rem){
    .header__logo a,.header__logo svg,.header__logo img{
        width:135px
    }
}
.header__wrap{
    position:absolute;
    top:0;
    left:0;
    display:flex;
    flex-direction:column-reverse;
    justify-content:space-between;
    width:100%
}
.header__nav--primary,.header__nav--secondary{
    display:none
}
.nav{
    display:flex;
    font-weight:200;
    letter-spacing:0.06em;
    list-style:none;
    margin:0;
    padding:0
}
.nav__item--vacancies,.mobile-nav__item--vacancies{
    counter-increment:vacancies var(--vacancies);
    padding-right:10px;
    position:relative
}
.nav__item--vacancies::after,.mobile-nav__item--vacancies::after{
    height:14px;
    width:14px;
    position:absolute;
    top:-3px;
    right:0;
    background-color:var(--color-accent);
    border-radius:50vh;
    color:var(--color-white);
    content:counter(vacancies);
    display:inline-block;
    font-size:7px;
    font-weight:400;
    line-height:14px;
    text-align:center
}
.nav__link{
    text-decoration:none;
    transition:all 0.5s var(--ease-out)
}
.nav--primary,.nav--secondary{
    display:flex;
    font-size:var(--text-sm)
}
.nav--primary .nav__item:not(:last-child),.nav--secondary .nav__item:not(:last-child){
    margin-right:calc(var(--space-lg) * 1.25)
}
.nav--primary{
    transform:translateY(var(--space-md))
}
.nav--primary .nav__item{
    padding-bottom:var(--space-md);
    padding-top:var(--space-md)
}
.nav--primary .nav__link{
    color:var(--color-black)
}
.nav--primary .nav__link:hover{
    color:var(--color-primary)
}
.nav--primary .nav__item--parent{
    position:relative
}
.nav--primary .nav__item--parent:hover .nav__sub-menu{
    opacity:1;
    transition:visibility 0.2s 0s, opacity 0.2s 0s;
    visibility:visible
}
.nav--primary .nav__item--parent .nav__link{
    align-items:center;
    display:flex
}
.nav--primary .nav__sub-menu{
    background-color:var(--color-bg);
    box-shadow:var(--shadow-md);
    display:flex;
    flex-direction:column;
    left:calc(50% - 100px);
    opacity:0;
    position:absolute;
    top:100%;
    transition:visibility 0.2s 0.2s, opacity 0.2s 0s;
    visibility:hidden;
    width:200px;
    z-index:var(--zindex-popover)
}
.nav--primary .nav__sub-menu__link{
    color:var(--color-constrast-higher);
    display:block;
    padding:var(--space-sm) var(--space-md);
    text-decoration:none
}
.nav--primary .nav__sub-menu__link:hover{
    background-color:var(--color-contrast-lower);
    color:var(--color-primary)
}
.nav--primary .nav__sub-menu--2{
    position:relative;
    top:auto;
    left:auto;
    border-left:1px solid var(--color-black);
    box-shadow:none;
    margin-bottom:0;
    margin-left:var(--space-md);
    padding-left:0;
    width:auto
}
.nav--primary .nav__sub-menu--2__link{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8)
}
.nav--secondary{
    transform:translateY(var(--space-md))
}
.nav--secondary .nav__link{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.6)
}
.nav--secondary .nav__link:hover{
    color:var(--color-black)
}
.header__dropdown-icon{
    height:12px;
    width:12px;
    display:block;
    margin-left:var(--space-xxxxs)
}
.header__contact{
    align-items:center;
    display:flex;
    justify-content:flex-end
}
.header__contact strong{
    font-weight:500
}
.header__contact p{
    font-size:var(--text-sm)
}
.header__toggle{
    background-color:transparent;
    padding:0;
    border:0;
    border-radius:0;
    color:inherit;
    line-height:inherit;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:20px;
    width:20px;
    bottom:12.5px;
    cursor:pointer;
    overflow:hidden;
    position:relative;
    z-index:999
}
.header__toggle .tgl{
    height:2px;
    width:20px;
    background:var(--color-black);
    border-radius:2px;
    display:block;
    left:0;
    opacity:1;
    position:absolute
}
.header__toggle .tgl--1{
    top:3px;
    transition:transform 0.3s, top 0.3s 0.3s
}
.header__toggle .tgl--2{
    top:9px;
    transition:opacity 0.3s ease-out
}
.header__toggle .tgl--3{
    top:15px;
    transition:transform 0.3s, top 0.3s 0.3s
}
.header__toggle[aria-expanded="true"] .tgl--1{
    transform:rotate(45deg);
    transition:top 0.3s, transform 0.3s 0.3s
}
.header__toggle[aria-expanded="true"] .tgl--1,.header__toggle[aria-expanded="true"] .tgl--3{
    top:9px
}
.header__toggle[aria-expanded="true"] .tgl--2{
    opacity:0
}
.header__toggle[aria-expanded="true"] .tgl--3{
    transform:rotate(-45deg);
    transition:top 0.3s, transform 0.3s 0.3s
}
@media (min-width: 64rem){
    .header{
        background-color:transparent
    }
    .header__toggle{
        display:none
    }
    .header__wrap{
        height:100%;
        position:relative;
        width:auto
    }
    .header__nav--primary,.header__nav--secondary{
        display:flex
    }
    .header__nav--secondary{
        justify-content:flex-end
    }
}
.main-footer{
    background-color:var(--color-white);
    color:var(--color-primary);
    position:relative;
    z-index:1
}
.main-footer__contact .text-component a{
    text-decoration:none
}
.main-footer__contact .text-component a:hover{
    color:var(--color-primary-darker)
}
.main-footer__logo{
    flex-shrink:0;
    margin-bottom:var(--space-md)
}
.main-footer__logo a,.main-footer__logo svg,.main-footer__logo img{
    height:60px;
    width:134px;
    display:block
}
.main-footer__body{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05);
    padding:var(--space-xl) 0
}
.main-footer__nav-title{
    color:inherit;
    font-size:var(--text-lg);
    margin-bottom:var(--space-md)
}
.main-footer__nav-group{
    margin-bottom:var(--space-lg)
}
.main-footer__nav-group:last-child{
    margin-bottom:0
}
.main-footer__nav-group li{
    padding-left:var(--space-sm);
    position:relative
}
.main-footer__nav-group li::before{
    height:5px;
    width:4px;
    position:absolute;
    top:50%;
    transform:translate(0, -50%);
    background:transparent url("../../images/arrow.svg") no-repeat 0 0;
    content:"";
    left:0
}
.main-footer__nav-group li:not(:last-child){
    margin-bottom:var(--space-md)
}
.main-footer__nav-group a{
    color:inherit;
    text-decoration:none
}
.main-footer__nav-group a:hover{
    color:var(--color-primary-darker)
}
.main-footer__colophon{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    padding:var(--space-lg) 0
}
.main-footer__colophon-wrap{
    font-size:var(--text-sm)
}
@media (min-width: 64rem){
    .main-footer__colophon-wrap{
        align-items:center;
        display:flex;
        flex-wrap:wrap;
        font-size:var(--text-sm);
        justify-content:space-between
    }
}
@media (min-width: 64rem){
    .main-footer__colophon-nav{
        margin-right:var(--space-sm)
    }
}
.main-footer__colophon-nav>*{
    margin-right:var(--space-xxs)
}
.main-footer__colophon-nav a{
    color:inherit;
    text-decoration:none
}
.main-footer__colophon-nav a:hover{
    color:var(--color-contrast-high)
}
.main-footer__socials{
    align-items:center;
    display:flex;
    margin:var(--space-xxs) 0
}
.main-footer__socials a{
    color:inherit;
    display:inline-block;
    margin-left:var(--space-xxs);
    text-decoration:none
}
.main-footer__socials a:hover{
    color:var(--color-contrast-high)
}
.main-footer__socials a svg{
    display:block;
    fill:var(--color-primary);
    height:16px;
    margin-left:var(--space-sm)
}
@media (min-width: 64rem){
    .main-footer__body{
        font-size:0.9em
    }
    .main-footer__nav-group{
        margin-bottom:0;
        margin-top:43px
    }
}
.archive__title:last-child{
    margin-bottom:0
}
.archive__grid{
    display:grid
}
.archive__grid--post{
    grid-auto-columns:1fr;
    grid-gap:var(--space-lg)
}
.archive__grid--realisatie{
    grid-auto-columns:1fr;
    grid-gap:var(--space-md)
}
@media (min-width: 64rem){
    .archive__grid--post{
        grid-template-columns:repeat(2, 1fr)
    }
    .archive__grid--realisatie{
        grid-template-columns:repeat(3, 1fr)
    }
}
.background-panel{
    --offset: var(--component-padding);
    position:relative
}
@media (min-width: 64rem){
    .background-panel{
        --offset: var(--space-lg)
    }
}
.background-panel::after{
    height:80%;
    width:70%;
    background-color:var(--color-primary);
    bottom:0;
    content:"";
    position:absolute;
    z-index:-1;
}
.background-panel--left::after{
    left:0;
    transform:translate(calc(var(--offset) * -1), var(--offset))
}
.background-panel--left.background-panel--bottom::after{
    height:35%;
    width:23%;
    bottom:0
}
.background-panel--right::after{
    right:0;
    transform:translate(var(--offset), var(--offset))
}
.breadcrumbs{
    font-size:var(--text-sm);
    color:var(--color-primary)
}
.breadcrumbs a{
    color:inherit;
    text-decoration:none
}
.breadcrumbs a:hover,.breadcrumbs a:active,.breadcrumbs a:focus{
    text-decoration:underline
}
.catalog.bg{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05);
    padding:var(--space-xl) 0
}
@media (min-width: 64rem){
    .catalog.bg{
        padding:var(--space-xxl) 0
    }
}
.catalog.line .catalog__container{
    border-top:1px solid var(--color-contrast-lower);
    padding-top:var(--space-xxl)
}
@media (min-width: 64rem){
    .catalog__image{
        max-height:350px
    }
}
.catalog__form .gform_wrapper span.gform_description{
    font-weight:100;
    line-height:2
}
.catalog__form .gform_wrapper .gform_heading{
    margin-bottom:0
}
.catalog__form .gform_wrapper h3.gform_title{
    font-size:var(--text-lg);
    font-weight:300;
    margin-top:0
}
.catalog__form .gform_wrapper li.gfield.gfield_error{
    background:transparent;
    border:0;
    padding:0
}
.catalog__form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container{
    margin-top:0
}
.catalog__form .gform_wrapper .btn{
    margin-bottom:0 !important;
    padding-bottom:calc(var(--space-sm) + 2.5px);
    padding-top:calc(var(--space-sm) + 2.5px)
}
@media (min-width: 64rem){
    .catalog__form form{
        display:flex;
        flex-wrap:wrap
    }
    .catalog__form .gform_wrapper .gform_body{
        width:auto;
        flex:1 1 auto
    }
    .catalog__form .gform_wrapper .gform_footer{
        width:auto;
        margin:0;
        padding:0
    }
    .catalog__form .gform_wrapper .top_label div.ginput_container{
        margin-top:0
    }
    .catalog__form .gform_wrapper li.hidden_label input{
        margin-top:0;
        padding:11px !important
    }
    .catalog__form .gform_wrapper ul li.gfield{
        margin-top:0
    }
}
.dropdown{
    height:100%;
    width:100%;
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    display:inline-block;
    font-size:var(--text-sm);
    position:relative;
    text-align:left;
    transition:all 0.5s ease
}
.dropdown:active{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.3)
}
.dropdown.active .icon{
    transform:rotate(-180deg)
}
.dropdown__select{
    align-items:center;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    padding:var(--space-sm)
}
.dropdown__select span{
    white-space:nowrap
}
.dropdown__select .icon{
    height:12px;
    width:12px;
    display:block;
    margin-left:var(--space-xxs)
}
.dropdown__list{
    background-color:#f3fbfe;
    margin-top:1px;
    overflow:hidden;
    overflow-y:auto;
    position:relative;
    right:0;
    z-index:999
}
.dropdown__list-item{
    cursor:pointer
}
.dropdown__list-item a{
    display:block;
    padding:var(--space-sm);
    text-decoration:none;
    transition:background-color 0.2s ease-in-out;
    white-space:nowrap
}
.dropdown__list-item a:hover{
    background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02)
}
.dropdown__list-item a:active{
    background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.04)
}
.slider{
    overflow:hidden;
    position:relative;
    width:100%
}
.slider__nav{
    height:50px;
    width:120px;
    align-items:center;
    bottom:var(--space-md);
    display:flex;
    justify-content:space-between;
    position:absolute;
    right:var(--space-md)
}
.slider__button{
    height:50px;
    width:50px;
    align-items:center;
    background-color:var(--color-white);
    cursor:pointer;
    display:flex;
    justify-content:center;
    transition:background-color 0.3s ease
}
.slider__button:hover{
    background-color:var(--color-contrast-lower)
}
.slider__button--prev .slider__button-icon{
    transform:rotate(90deg)
}
.slider__button--next .slider__button-icon{
    transform:rotate(-90deg)
}
.slider--constant-height,
.slider--constant-height .slider__slide {
	height: 384px;
}

@media (min-width: 32rem){
	.slider--constant-height,
	.slider--constant-height .slider__slide {
		height: 600px;
	}
}
@media (min-width: 64rem){
	.slider--constant-height,
	.slider--constant-height .slider__slide {
		height: 666px;
	}
}
.slider--constant-height .slick-slide img {
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: bottom center;
}
@media (min-width: 64rem){
	.slider--constant-height .slick-slide img {
		object-position: bottom right;
	}
}
.slick-track{
    align-items:flex-end;
    display:flex
}
.teaser--portfolio__grid{
    display:grid;
    grid-auto-columns:1fr;
    grid-row-gap:var(--space-md)
}
.teaser--portfolio__block:nth-child(1){
    order:1
}
.teaser--portfolio__block:nth-child(2){
    display:none;
    order:2
}
.teaser--portfolio__block:nth-child(3){
    order:4
}
.teaser--portfolio__block:nth-child(4){
    order:3
}
.teaser--portfolio__block:nth-child(5){
    order:5
}
.teaser--portfolio__block .quote{
    padding-bottom:0
}
@media (min-width: 64rem){
    .teaser--portfolio__grid{
        display:grid;
        grid-gap:0;
        grid-template-columns:repeat(12, 1fr);
        grid-template-rows:auto var(--space-xxxl) var(--space-xxl) auto
    }
    .teaser--portfolio__block:nth-child(1){
        grid-column:1 / span 4;
        grid-row:1
    }
    .teaser--portfolio__block:nth-child(2){
        display:block;
        grid-column:5 / span 5;
        grid-row:1 / span 2;
        padding-left:var(--space-xl)
    }
    .teaser--portfolio__block:nth-child(3){
        grid-column:8 / -1;
        grid-row:1 / span 3;
        order:3;
        padding-left:var(--space-xl)
    }
    .teaser--portfolio__block:nth-child(4){
        align-self:end;
        grid-column:1 / span 6;
        grid-row:2 / span 3;
        order:4
    }
    .teaser--portfolio__block:nth-child(5){
        align-self:center;
        grid-column:7 / -1;
        grid-row:4;
        padding-top:0
    }
    .teaser--portfolio__block .quote{
        padding-bottom:var(--space-xl)
    }
}
.teaser--overlay{
    position:relative;
    z-index:0
}
.teaser--overlay::after{
    height:35%;
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background-image:linear-gradient(to top, hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1), hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0));
    content:"";
    opacity:0.7;
    z-index:1
}
.teaser--overlay a{
    height:100%;
    width:100%;
    display:block
}
.teaser--overlay.teaser--overlay-bg{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    min-height:255px
}
.teaser--overlay.teaser--overlay-bg img{
    visibility:hidden
}
.teaser--overlay__image{
    display:block;
    -o-object-fit:cover;
    object-fit:cover
}
.teaser--overlay__info{
    position:absolute;
    bottom:0;
    left:0;
    color:var(--color-white);
    width:100%;
    z-index:2
}
.teaser--intro__heading h1,.teaser--intro__heading h2{
    margin-bottom:0
}
.teaser--intro__heading p{
    color:var(--color-black)
}
.teaser--bg{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05);
    padding:var(--space-xl) 0 0 0
}
@media (min-width: 64rem){
    .teaser--bg{
        padding:var(--space-xxl) 0
    }
}
.teaser--bg .edge-to-edge{
    margin-bottom:-30px
}
@media (min-width: 64rem){
    .teaser--bg .edge-to-edge{
        margin-bottom:0
    }
}
.teaser--contact h2+p{
    line-height:1.4
}
.teaser--job{
    border-left:1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);
    border-right:1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);
    border-top:1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1)
}
.teaser--job:last-child{
    border-bottom:1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1)
}
.teaser--job__title{
    align-items:center;
    color:var(--color-black);
    display:flex;
    font-size:var(--text-lg);
    font-weight:500;
    justify-content:space-between;
    padding:var(--space-sm) var(--space-md);
    position:relative;
    text-decoration:none;
    transition:background-color 0.5s var(--ease-out)
}
.teaser--job__title:hover{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05)
}
.teaser--job__icon{
    height:11px;
    width:8px
}
.quote{
    font-style:italic;
    font-weight:100;
    padding-bottom:var(--space-xl);
    padding-top:var(--space-xl);
    position:relative
}
.quote::before{
    position:absolute;
    top:0;
    left:0;
    height:33px;
    width:41px;
    background:transparent url("../../images/quote.png") no-repeat 0 0;
    background-size:cover;
    content:""
}
.quote__text{
    margin-bottom:0
}
.quote__author{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.5);
    display:inline-block;
    font-size:var(--text-sm);
    font-style:normal;
    margin-top:var(--space-xs)
}
.quote-block{
    font-style:italic;
    text-align:center
}
.quote-block__quote{
    position:relative
}
.quote-block__quote::before{
    position:absolute;
    left:50%;
    transform:translate(-50%, 0);
    height:33px;
    width:41px;
    background:transparent url("../../images/quote.png") no-repeat 0 0;
    background-size:cover;
    content:"";
    top:-16.5px;
    z-index:1
}
.quote-block__quote::after{
    position:absolute;
    left:50%;
    transform:translate(-50%, 0);
    height:33px;
    width:103px;
    background-color:var(--color-white);
    content:"";
    top:-16.5px;
    z-index:0
}
.quote-block__text{
    --space-unit: 0;
    color:var(--color-primary);
    font-size:var(--text-lg);
    margin-bottom:0
}
.quote-block__author{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.4)
}
.story__image{
    display:block
}
.story__image img{
    display:block;
    width:100%
}
.story__content{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
    padding:var(--space-xl)
}
.story__content .btn{
    border-color:var(--color-contrast-high);
    color:inherit
}
.story__title{
    color:inherit;
    font-size:var(--text-md)
}
.story__title a{
    color:inherit;
    text-decoration:none
}
.story__author-name{
    margin-bottom:var(--space-xs) !important
}
.story--featured .story__content{
    background-color:var(--color-primary);
    color:var(--color-white)
}
.story--featured .btn{
    border-color:var(--color-white)
}
.story--featured .story__title{
    font-size:var(--text-xxxl)
}
@media (min-width: 64rem){
    .story--featured{
        display:grid;
        grid-template-columns:1fr 2fr
    }
    .story--featured .story__content{
        align-items:end;
        display:grid;
        grid-gap:var(--space-lg);
        grid-template-columns:repeat(2, auto);
        padding:var(--space-xl)
    }
    .story--featured .btn-wrap{
        justify-self:end
    }
    .story--featured .story__title{
        margin:0
    }
    .story__image{
        margin:0
    }
}
@media (min-width: 80rem){
    body{
        overflow-x:hidden
    }
    .oval{
        background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1);
        border-radius:50%;
        position:absolute
    }
    .oval--left{
        height:136vw;
        width:136vw;
        left:-106%;
        top:-40vw
    }
    .oval--right{
        height:101vw;
        width:101vw;
        bottom:104vw;
        right:-73%
    }
    .error404 .oval--left,.single-job .oval--left,.single-post .oval--left,.page-template-default .oval--left,.post-type-archive-job .oval--left{
        top:-95vw
    }
}
@media (min-width: 110rem){
    .oval--left{
        left:-95%
    }
    .oval--right{
        bottom:110vh;
        right:-70%
    }
}
.error404 .oval--right,.single-post .oval--right,.page-template-default .oval--right,.page-template-template-contact .oval--right,.post-type-archive-realisatie .oval--right,.post-type-archive-job .oval--right{
    display:none
}
.wp-pagenavi{
    font-size:var(--text-sm);
    margin-top:var(--space-xxl);
    text-align:center
}
.wp-pagenavi .pages{
    display:none
}
.wp-pagenavi .current,.wp-pagenavi .page,.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink,.wp-pagenavi .last,.wp-pagenavi .first{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05);
    display:inline-block;
    line-height:45px;
    margin:0 var(--space-xs);
    padding:0 19px
}
.wp-pagenavi .current{
    background-color:var(--color-primary);
    color:var(--color-white)
}
.wp-pagenavi a{
    color:inherit;
    text-decoration:none
}
.wp-pagenavi a:hover{
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.1)
}
.portfolio--featured__container.background-panel::after{
    display:none
}
.portfolio--featured__grid{
    display:grid;
    grid-auto-columns:1fr;
    grid-gap:var(--space-md)
}
@media (min-width: 64rem){
    .portfolio--featured__container.background-panel::after{
        display:block
    }
    .portfolio--featured__grid{
        grid-auto-rows:1fr;
        grid-template-columns:repeat(4, 1fr)
    }
    .portfolio--featured__grid .teaser--overlay:nth-child(1){
        grid-column:1 / span 2;
        grid-row:1
    }
    .portfolio--featured__grid .teaser--overlay:nth-child(2){
        grid-column:3 / span 2;
        grid-row:1 / span 2
    }
    .portfolio--featured__grid .teaser--overlay:nth-child(3){
        grid-column:1;
        grid-row:2
    }
    .portfolio--featured__grid .teaser--overlay:nth-child(4){
        grid-column:2;
        grid-row:2
    }
    .portfolio--featured__container.count-1::after,.portfolio--featured__container.count-2::after{
        display:none
    }
}
@media (min-width: 64rem){
    .post__title{
        max-width:60%
    }
}
.post__content .text-component img{
    height:auto;
    max-width:100%;
    margin:var(--space-lg) 0
}
.post__content .text-component h2{
    color:var(--color-primary);
    font-size:var(--text-lg)
}
.post__content .text-component ul{
    list-style:none;
    padding:var(--space-lg) 0 0 var(--space-lg)
}
.post__content .text-component li{
    display:table-row
}
.post__content .text-component li::before{
    display:table-cell;
    content:"— ";
    font-weight:500;
    padding-right:var(--space-sm)
}
.post__content .text-component li::after{
    content:"";
    display:block;
    height:var(--space-md);
    width:100%
}
.post__content .text-component li>strong{
    display:inline-block;
    margin-bottom:var(--space-sm)
}
.post--job .post__content .text-component ul{
    padding-left:0;
    padding-top:0
}
.post--job .post__content .text-component li::after{
    display:none
}
.post__meta-and-social{
    align-items:center;
    display:flex
}
.post__meta{
    align-items:center;
    display:flex;
    font-size:var(--text-sm);
    margin-right:auto
}
.post__meta .author--small{
    margin-bottom:0
}
.post__meta .author__image{
    margin-right:var(--space-md)
}
.post__meta .author__image img{
    mix-blend-mode:darken
}
.post__meta span{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.4)
}
.post__meta a{
    color:inherit;
    text-decoration:none
}
.post__meta a:hover{
    text-decoration:underline
}
.post__meta>*{
    border-right:1px solid var(--color-contrast-low);
    padding-left:var(--space-lg);
    padding-right:var(--space-lg)
}
.post__meta>div:first-child{
    padding-left:0
}
.post__meta>div:last-child{
    border-right:0
}
.post__share>a{
    height:32px;
    width:32px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:50%;
    display:block;
    position:relative;
    transition:all 0.5s var(--ease-in-out)
}
.post__share>a::before{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    height:12px;
    width:11px;
    background:transparent url("../../images/share.svg") no-repeat center;
    background-size:cover;
    content:"";
    opacity:0.2;
    transition:all 0.5s var(--ease-in-out)
}
.post__share>a:hover{
    background-color:var(--color-primary);
    border-color:var(--color-primary)
}
.post__share>a:hover::before{
    opacity:1;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1)
}
.blog .post__image{
    display:block
}
.blog .post__image img{
    display:block;
    width:100%
}
.blog .post__title{
    color:var(--color-black) !important;
    font-size:var(--text-md);
    max-width:100%
}
.blog .post__title a{
    color:inherit;
    text-decoration:none
}
.subservices__grid{
    display:grid;
    grid-gap:var(--space-md);
    grid-auto-columns:1fr
}
@media (min-width: 64rem){
    .subservices__grid{
        grid-template-columns:repeat(4, 1fr)
    }
}
.author__image,.member__image{
    height:215px;
    width:215px;
    background-color:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.05);
    border-radius:50%
}
.author__image img,.member__image img{
    border-radius:inherit;
    mix-blend-mode:darken;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center center;
    object-position:center center
}
.author--small{
    align-items:center;
    display:flex;
    margin-bottom:var(--space-sm)
}
.author--small .author__name{
    margin-bottom:0
}
.author--small .author__image{
    height:30px;
    width:30px;
    margin-right:10px
}
.author--small .author__image img{
    mix-blend-mode:normal
}
.member{
    align-items:center;
    display:flex;
    flex-direction:column;
    text-align:center
}
.member__name{
    font-weight:400
}
.member--empty{
    display:flex;
    justify-content:center
}
.member--empty .member__image{
    padding:5% 0;
    position:relative
}
.member__image-inner{
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    text-align:center
}
.member__image-inner::before{
    height:100%;
    width:0;
    content:"";
    display:inline-block;
    vertical-align:middle
}
.member__image-inner span{
    color:var(--color-primary);
    display:inline-block;
    font-weight:400;
    vertical-align:middle
}
.list--dash .list__item{
    font-weight:400;
    padding-bottom:var(--space-sm)
}
.list--dash .list__item::before{
    color:var(--color-primary);
    content:"— ";
    padding-right:var(--space-sm)
}
@media (min-width: 64rem){
    .list--dash.cols-2{
        -moz-column-count:2;
        column-count:2;
        -moz-column-gap:var(--space-md);
        column-gap:var(--space-md)
    }
}
@media (min-width: 64rem){
    .list--team{
        margin-left:auto !important;
        margin-right:auto !important;
        max-width:80%
    }
}
.contact .background-panel--left{
    --offset: var(--space-md)
}
.contact .background-panel--left::after{
    width:75%
}
.contact .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),.contact .gform_wrapper textarea{
    background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.05);
    border:0;
    padding:15px 20px
}
.contact .gform_wrapper .gfield{
    margin-bottom:var(--space-md)
}
.contact .gform_wrapper label.gfield_label{
    font-weight:500
}
.contact .gform_wrapper label.gfield_label span{
    display:none
}
.contact .gform_confirmation_message{
    background-color:var(--color-primary);
    color:var(--color-white);
    font-weight:400;
    padding:var(--space-md) var(--space-lg)
}
.google-maps{
    height:260px;
    width:100%
}
.contact-person{
    border:1px solid hsla(var(--color-contrast-low-h), var(--color-contrast-low-s), var(--color-contrast-low-l), 0.7);
    padding:var(--space-md) var(--space-lg)
}
.contact-person__image{
    margin-right:var(--space-lg)
}
.contact-person__image .author__image{
    height:123px;
    width:123px
}
.link--back{
    align-items:center;
    color:var(--color-black);
    display:flex;
    font-size:var(--text-sm);
    text-decoration:none;
    text-transform:capitalize
}
.link--back:hover .link--back__text{
    text-decoration:underline
}
.link--back .link--back__arrow{
    font-size:18px;
    margin-right:10px
}
.mobile-nav__wrap{
    position:absolute;
    top:0;
    left:0;
    height:100vh;
    width:100%;
	display: flex;
	opacity: 0;

    align-items:flex-start;
    background-color:var(--color-white);
    flex-direction:column;
    height:calc((var(--vh, 1vh) * 100) - var(--header-height));
    overflow:auto;
    -ms-scroll-chaining:none;
    overscroll-behavior:contain;
    text-align:left;
    top:var(--header-height);
    z-index:1;
}

.mobile-nav__wrap--is-visible {
	opacity: 1;
}

@media (min-width: 64rem){
    .mobile-nav__wrap{
        display:none
    }
}
.mobile-nav__wrap::before{
    background-color:inherit;
    content:"";
    display:block;
    height:var(--header-height);
    position:-webkit-sticky;
    position:sticky;
    top:0
}
.mobile-nav__item{
    font-weight:200;
    letter-spacing:0.04em;
    margin-bottom:var(--space-sm)
}
.mobile-nav--primary .mobile-nav__item{
    font-size:var(--text-md)
}
.mobile-nav--primary .mobile-nav__item--parent{
    position:relative
}
.mobile-nav--primary .mobile-nav__item--parent .mobile-nav__link{
    align-items:center;
    display:inline-flex
}
.mobile-nav--secondary{
    position:relative
}
.mobile-nav--secondary .mobile-nav__item{
    font-size:var(--text-base-size);
    margin-bottom:var(--space-lg)
}
.mobile-nav--secondary .mobile-nav__item:first-child{
    padding-top:var(--space-xxs)
}
.mobile-nav__link{
    color:var(--color-black);
    text-decoration:none
}
.mobile-nav--secondary .mobile-nav__link{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.7)
}
.mobile-nav__sub-menu{
    border-left:1px solid var(--color-black);
    margin-top:var(--space-md);
    overflow:hidden;
    padding-left:var(--space-md)
}
.mobile-nav__sub-menu__item{
    font-size:var(--text-base-size);
    margin-bottom:var(--space-sm)
}
.mobile-nav__sub-menu__item:last-child{
    margin-bottom:0
}
.mobile-nav__sub-menu__link{
    color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.8);
    text-decoration:none
}
.mobile-nav__item--vacancies{
    padding-right:0
}
.mobile-nav__item--vacancies::after{
    margin-left:5px;
    position:relative
}
.mobile-nav__separator{
    position:absolute;
    top:0;
    left:0;
    height:1px;
    width:0;
    background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.1);
    display:block;
    margin:auto
}
/*# sourceMappingURL=styles.css.map */