/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

.h1,
h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input {
    overflow: visible
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

:root {
    --spacing: 20px;
    --spacing-0: 0px;
    --spacing-0-25: calc(var(--spacing) * 0.25);
    --spacing-0-5: calc(var(--spacing) * 0.5);
    --spacing-0-7: calc(var(--spacing) * 0.7);
    --spacing-0-75: calc(var(--spacing) * 0.75);
    --spacing--0-75: calc(var(--spacing) * -0.75);
    --spacing-1: var(--spacing);
    --spacing--1: calc(var(--spacing) * -1);
    --spacing-1-2: calc(var(--spacing) * 1.2);
    --spacing-1-5: calc(var(--spacing) * 1.5);
    --spacing--1-5: calc(var(--spacing) * -1.5);
    --spacing-1-75: calc(var(--spacing) * 1.75);
    --spacing--1-75: calc(var(--spacing) * -1.75);
    --spacing-1-9: calc(var(--spacing) * 1.9);
    --spacing-2: calc(var(--spacing) * 2);
    --spacing-2-25: calc(var(--spacing) * 2.25);
    --spacing-2-5: calc(var(--spacing) * 2.5);
    --spacing-2-75: calc(var(--spacing) * 2.75);
    --spacing-3: calc(var(--spacing) * 3);
    --spacing-3-25: calc(var(--spacing) * 3.25);
    --spacing-3-5: calc(var(--spacing) * 3.5);
    --spacing-3-75: calc(var(--spacing) * 3.75);
    --spacing-4: calc(var(--spacing) * 4);
    --spacing-4-5: calc(var(--spacing) * 4.5);
    --spacing-5: calc(var(--spacing) * 5);
    --spacing-5-5: calc(var(--spacing) * 5.5);
    --spacing-5-75: calc(var(--spacing) * 5.75);
    --spacing-6: calc(var(--spacing) * 6);
    --spacing-6-2: calc(var(--spacing) * 6.2);
    --spacing-6-5: calc(var(--spacing) * 6.5);
    --spacing-6-75: calc(var(--spacing) * 6.75);
    --spacing-7: calc(var(--spacing) * 7);
    --spacing-7-5: calc(var(--spacing) * 7.5);
    --spacing-8: calc(var(--spacing) * 8);
    --spacing-8-5: calc(var(--spacing) * 8.5);
    --spacing-9: calc(var(--spacing) * 9);
    --spacing-9-5: calc(var(--spacing) * 9.5);
    --spacing-10: calc(var(--spacing) * 10);
    --spacing-10-5: calc(var(--spacing) * 10.5);
    --spacing-11: calc(var(--spacing) * 11);
    --spacing-12: calc(var(--spacing) * 12);
    --spacing-12-5: calc(var(--spacing) * 12.5);
    --spacing-13: calc(var(--spacing) * 13);
    --spacing-14: calc(var(--spacing) * 14);
    --spacing-14-25: calc(var(--spacing) * 14.25);
    --spacing-15: calc(var(--spacing) * 15);
    --spacing-16: calc(var(--spacing) * 16);
    --spacing-18: calc(var(--spacing) * 18);
    --spacing-19: calc(var(--spacing) * 19);
    --spacing-20: calc(var(--spacing) * 20);
    --col: calc(100vw / 4 - var(--spacing-3) / 4)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    :root {
        --col: calc(100vw / 6 - var(--spacing-5) / 6)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    :root {
        --spacing: 40px;
        --col: calc(100vw / 10 - var(--spacing-3) / 10)
    }
}

@media only screen and (min-width:980px) {
    :root {
        --spacing: 40px;
        --col: calc(100vw / 10 - var(--spacing-4) / 10)
    }
}

@media screen and (min-width:980px) and (max-width:1200px) {
    :root {
        --spacing: calc(40px + 10 * ((100vw - 980px) / 220))
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    :root {
        --spacing: calc(50px + 10 * ((100vw - 1200px) / 240))
    }
}

@media screen and (min-width:1440px) and (max-width:1920px) {
    :root {
        --spacing: calc(60px + 20 * ((100vw - 1440px) / 480))
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    :root {
        --spacing: 80px;
        --col: 160px
    }
}

.animation--cursor-in,
.animation--cursor-in .btn__text,
.animation--cursor-in .icon,
.animation--cursor-in:after,
.animation--cursor-in:before,
.animation--cursor-out,
.animation--cursor-out .btn__text,
.animation--cursor-out .icon,
.animation--cursor-out:after,
.animation--cursor-out:before,
.animation--deco-in,
.animation--deco-in>.deco-title__text,
.animation--deco-in>img,
.animation--deco-in>picture,
.animation--fade-in,
.animation--fade-in-slow,
.animation--fade-out,
.animation--fade-out-slow,
.animation--height,
.animation--popover-bottom-in,
.animation--popover-bottom-in .popover__content,
.animation--popover-bottom-in .popover__image,
.animation--popover-bottom-in .popover__shadow,
.animation--popover-bottom-in:before,
.animation--popover-bottom-out,
.animation--popover-bottom-out .popover__content,
.animation--popover-bottom-out .popover__image,
.animation--popover-bottom-out .popover__shadow,
.animation--popover-bottom-out:before,
.animation--popover-in,
.animation--popover-in .popover__content,
.animation--popover-in .popover__image,
.animation--popover-in .popover__shadow,
.animation--popover-in:before,
.animation--popover-out,
.animation--popover-out .popover__content,
.animation--popover-out .popover__image,
.animation--popover-out .popover__shadow,
.animation--popover-out:before,
.animation--popover-slide-in,
.animation--popover-slide-out,
.animation--step-in,
.animation--step-out,
.btn,
.btn--marker .btn__content .icon,
.btn--marker .btn__content span,
.btn.btn--accent-static .icon,
.btn.btn--accent-text .icon,
.btn.btn--accent .icon,
.btn.btn--decor svg circle,
.btn.icon,
.btn .icon.icon-dropdown,
.btn:after,
.btn:before,
.card--header .card__content--light,
.favourite .icon.icon-favourite,
.favourite .icon.icon-favourite-full,
.header,
.header--sticky+.header__scroll,
.header--sticky+.header__scroll .row,
.header__popover.popover--triangle .card--header.card--hover:before,
.icon,
.link-hover .char,
.logo .logo-hover,
.video-embed__button,
.video-embed__mute,
.video-embed__pause,
.video-embed__play,
.video-embed__progress-bar__hover:after,
.video-embed__progress-bar__inner,
a,
button,
input[type=submit] {
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.animation--card-in.card--hover.is-active .card__hover,
.animation--card-in.card--hover.is-active .card__hover:before,
.animation--card-in .card__animation,
.animation--card-in .card__background,
.animation--card-in .card__background:before,
.animation--card-in .card__background__image,
.animation--card-in .card__content,
.btn--outline.animation--button-in.is-active>svg rect:last-child,
.btn--outline.animation--button-in>svg rect:first-child,
.btn--outline.animation--button-text-in.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in>svg rect:first-child,
.btn--outline>svg rect,
.card__background,
.card__background:before,
.card__background__image,
.card__hover,
.card__hover-image,
.card__hover-image picture,
.card__hover:before,
.card__hover__content,
.page-top__title {
    transition-duration: 1.3s;
    transition-timing-function: cubic-bezier(.74, 0, .24, .99)
}

.overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.btn--extended-area:after,
.link--extended-area:after {
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px
}

.overflow-fix:after,
.overflow-fix:before {
    content: "";
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 1px;
    margin-top: -1px
}

.deco-title--xs-top,
.text--article .h2,
.text--article .h3,
.text--article h2,
.text--article h3,
.text--default,
.text--documents .h2,
.text--documents .h3,
.text--documents h2,
.text--documents h3,
body,
button,
input,
textarea {
    font-family: Euclid Square, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal
}

.h1,
.h2,
.h3,
.h4,
.h5,
.modal-menu__content a,
.text--heading,
h1,
h2,
h3,
h4,
h5 {
    font-family: SangBleu Empire, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.text-t1-landing,
.text-t2-landing {
    font-family: Codec Pro, Helvetica, Arial, sans-serif;
    font-weight: 300
}

.h0-landing,
.h1-landing,
.h2-landing,
.h3-landing,
.h3-landing-intro,
.text-c1-landing {
    font-family: SangBleu Sunrise, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.deco-title__text,
.text--script {
    font-family: Wonder Garden Script, Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

.text--size-default,
.tooltip,
body {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.text--small,
.text--tiny,
.text--tiny-xs,
small {
    font-size: .8rem;
    line-height: 1.75em;
    letter-spacing: .1em
}

.text--article .h2,
.text--article .h3,
.text--article h2,
.text--article h3,
.text--documents .h2,
.text--documents .h3,
.text--documents h2,
.text--documents h3,
.text--lead,
.text--lead-small,
.text--lead-spacing,
.text--lead-xl {
    font-size: 1.6rem;
    line-height: 1.5625em;
    letter-spacing: .1em
}

.card--bank .card__content__bank {
    font-size: 1.2rem;
    line-height: 1.25em;
    letter-spacing: .1em
}

.text--card,
.text--lead-large {
    font-size: 1.6rem;
    line-height: 1.5625em;
    letter-spacing: .1em
}

.text--card-news,
.text--card-team {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

.text--medium {
    font-size: 1.6rem;
    line-height: 1.5625em;
    letter-spacing: .1em
}

.text {
    font-size: 1.3rem;
    line-height: 1.47059em;
    letter-spacing: 0;
    text-transform: none
}

.breadcrumbs,
.text--breadcrumbs,
.video-embed__progress-bar__text {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

.card--bank .card__content__value,
.text--details,
.text--details-lg {
    font-size: 1.2rem;
    line-height: 1.66667em;
    letter-spacing: .1em
}

.text--details-sm,
.text--details-xs {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

.text--filter {
    font-size: 1.2rem;
    line-height: 1.66667em;
    letter-spacing: .1em;
    font-weight: 500
}

.text--news-detail {
    font-size: 1.3rem;
    line-height: 1.53846em
}

.text--card-bank,
.text--default-lead,
.text--default-md {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

.h1,
h1 {
    font-size: 3.95rem;
    line-height: 1.01266em;
    letter-spacing: -.02em
}

.h2,
.h3,
h2,
h3 {
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

.h4,
.text--documents .h1,
.text--documents h1,
h4 {
    font-size: 1.6rem;
    line-height: 1.125em;
    letter-spacing: -.02em
}

.h5,
h5 {
    font-size: 1.4rem;
    line-height: 1.14286em;
    letter-spacing: -.02em
}

.h0-landing {
    font-size: 3.7rem;
    line-height: 1.2em;
    letter-spacing: -.03em
}

.h1-landing {
    font-size: 4rem;
    line-height: 1.125em;
    letter-spacing: -.03em
}

.h2-landing {
    font-size: 2.5rem;
    line-height: 1.2em;
    letter-spacing: -.03em
}

.h3-landing {
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: .02em
}

.h3-landing-intro {
    font-size: 1.3rem;
    line-height: 1.2em;
    letter-spacing: .44em
}

.text-c1-landing {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: .02em
}

.text-t1-landing {
    font-size: 1.2rem;
    line-height: 1.33333em;
    letter-spacing: .06em
}

.text-t2-landing {
    font-size: 1rem;
    line-height: 1.4em;
    letter-spacing: .04em
}

.text-hs1-landing {
    font-size: 14rem;
    line-height: .71429em
}

.text-hs2-landing {
    font-size: 10rem;
    line-height: 1em
}

.text--h1-small {
    font-size: 3.2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

.text--h2-infrastructure {
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

.text--h3-medium {
    font-size: 3rem;
    line-height: 1.26667em;
    letter-spacing: -.02em
}

.text--h3-large {
    font-size: 3.95rem;
    line-height: 1.01266em;
    letter-spacing: -.02em
}

.text--h3-decor,
.text--h3-decor-lg {
    font-size: 3rem;
    line-height: 1.16667em;
    letter-spacing: -.02em
}

.text--h3-decor-card,
.text--h3-decor-xl {
    font-size: 3.95rem;
    line-height: 1.01266em;
    letter-spacing: -.02em
}

.text--h3-404 {
    font-size: 3rem;
    line-height: 1.33333em;
    letter-spacing: -.02em
}

.text--h4-card,
.text--h4-sm {
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

.modal-menu__content a {
    font-size: 2.1rem;
    line-height: 1.42857em;
    letter-spacing: .1em;
    font-weight: 300
}

.text--gallery-title {
    font-size: 3rem;
    line-height: 1.33333em;
    letter-spacing: -.02em
}

.text--h4-favourites {
    font-size: 3rem;
    line-height: 1.66667em;
    letter-spacing: -.02em
}

.deco-title__sizer,
.deco-title__text {
    font-size: 9rem;
    line-height: 1em;
    letter-spacing: 0
}

code,
kbd,
pre,
samp {
    font-size: 1.3rem;
    line-height: 1.47059em;
    letter-spacing: 0;
    text-transform: none
}

.text--hero {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em;
    text-transform: uppercase
}

.text--article-title {
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

.text--penthouse-type {
    font-size: 1.4rem;
    line-height: 1.14286em;
    letter-spacing: -.02em
}

.text--price-request {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--size-default,
    .tooltip,
    body {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--small,
    small {
        font-size: calc(.8rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.75em + -1.5 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--small,
    small {
        font-size: calc(.8rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.75em + -1.5 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--article .h2,
    .text--article .h3,
    .text--article h2,
    .text--article h3,
    .text--documents .h2,
    .text--documents .h3,
    .text--documents h2,
    .text--documents h3,
    .text--lead {
        font-size: calc(1.6rem + 5 * ((100vw - 568px) / 412));
        line-height: calc(1.5625em + -1.33929 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--lead-small {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--lead-xl {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--lead-large {
        font-size: calc(1.6rem + 5 * ((100vw - 320px) / 346));
        line-height: calc(1.5625em + -1.33929 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--lead-large {
        line-height: calc(1.5625em + -1.33929 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--card,
    .text--lead-large {
        font-size: calc(1.6rem + 5 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--card {
        line-height: calc(1.5625em + -1.33929 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--card-news {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text {
        font-size: calc(1.3rem + 2 * ((100vw - 320px) / 346));
        line-height: 1.47059em;
        letter-spacing: 0
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text {
        font-size: calc(1.3rem + 2 * ((100vw - 568px) / 412));
        line-height: 1.47059em;
        letter-spacing: 0
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .breadcrumbs,
    .text--breadcrumbs,
    .video-embed__progress-bar__text {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .breadcrumbs,
    .text--breadcrumbs,
    .video-embed__progress-bar__text {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .card--bank .card__content__value,
    .text--details {
        font-size: calc(1.2rem + 4 * ((100vw - 568px) / 412));
        line-height: calc(1.66667em + -.41667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--details-xs {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--details-xs {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--details-sm {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--details-sm {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--filter {
        font-size: calc(1.2rem + 4 * ((100vw - 568px) / 412));
        line-height: calc(1.66667em + -.41667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--news-detail {
        font-size: calc(1.3rem + 4 * ((100vw - 320px) / 346));
        line-height: calc(1.53846em + -.67873 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--default-md {
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--default-lead,
    .text--default-md {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--default-lead {
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--default-lead {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h1,
    h1 {
        font-size: calc(3.95rem + 39.5 * ((100vw - 320px) / 346));
        line-height: 1.01266em;
        letter-spacing: calc(-.02em + -.3 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h2,
    h2 {
        font-size: calc(2rem + 32 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + -.96154 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h3,
    h3 {
        font-size: calc(2rem + 19.5 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + .15823 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h4 {
        font-size: calc(1.6rem + 23.5 * ((100vw - 320px) / 346));
        line-height: calc(1.125em + 1.40823 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h5,
    h5 {
        font-size: calc(1.4rem + 6 * ((100vw - 320px) / 346));
        line-height: calc(1.14286em + 1.07143 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h0-landing {
        font-size: 3.7rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h1-landing {
        font-size: 4rem;
        line-height: 1.125em;
        letter-spacing: -.03em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h2-landing {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h3-landing {
        font-size: 1.4rem;
        line-height: 1.42857em;
        letter-spacing: .02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .h3-landing-intro {
        font-size: calc(1.3rem + 1 * ((100vw - 320px) / 346));
        line-height: calc(1.2em + 2.28571 * ((100vw - 320px) / 346));
        letter-spacing: calc(.44em + -4.2 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-c1-landing {
        font-size: 1.2rem;
        line-height: calc(1.5em + 1.66667 * ((100vw - 320px) / 346));
        letter-spacing: calc(.02em + .8 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-t1-landing {
        font-size: 1.2rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-t2-landing {
        font-size: 1rem;
        line-height: 1.4em;
        letter-spacing: .04em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-hs1-landing {
        font-size: calc(14rem + 100 * ((100vw - 320px) / 346));
        line-height: calc(.71429em + -.47619 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text-hs2-landing {
        font-size: calc(10rem + 60 * ((100vw - 320px) / 346));
        line-height: 1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h1-small {
        font-size: calc(3.2rem + 33 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + -1.73077 * ((100vw - 320px) / 346));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h2-infrastructure {
        font-size: calc(2rem + 32 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + -.96154 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-medium {
        font-size: calc(3rem + 9.5 * ((100vw - 320px) / 346));
        line-height: calc(1.26667em + -.00844 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-medium {
        font-size: calc(3rem + 22 * ((100vw - 568px) / 412));
        line-height: calc(1.26667em + -1.12821 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-large {
        font-size: calc(3.95rem + 12.5 * ((100vw - 320px) / 346));
        line-height: calc(1.01266em + 1.41188 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor {
        line-height: calc(1.16667em + -.12821 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor,
    .text--h3-decor-lg {
        font-size: calc(3rem + 22 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor-lg {
        line-height: calc(1.16667em + -.12821 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor-xl {
        line-height: calc(1.01266em + 1.41188 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor-card,
    .text--h3-decor-xl {
        font-size: calc(3.95rem + 12.5 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-decor-card {
        line-height: calc(1.01266em + 1.41188 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h3-404 {
        font-size: calc(3rem + 22 * ((100vw - 320px) / 346));
        line-height: calc(1.33333em + -1.79487 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h4-sm {
        line-height: calc(1.25em + .83333 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h4-card,
    .text--h4-sm {
        font-size: calc(2rem + 10 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h4-card {
        line-height: calc(1.25em + .83333 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--gallery-title {
        font-size: calc(3rem + 49 * ((100vw - 320px) / 346));
        line-height: calc(1.33333em + -3.20675 * ((100vw - 320px) / 346));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 320px) / 346))
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--h4-favourites {
        font-size: calc(3rem + 9.5 * ((100vw - 320px) / 346));
        line-height: calc(1.66667em + -4.00844 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .deco-title__sizer,
    .deco-title__text {
        font-size: calc(9rem + 70 * ((100vw - 320px) / 346));
        line-height: 1em;
        letter-spacing: 0
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--hero {
        font-size: calc(1rem + 6 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + -.375 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--hero {
        font-size: calc(1rem + 6 * ((100vw - 568px) / 412));
        line-height: calc(1.6em + -.375 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--article-title {
        font-size: calc(2rem + 19.5 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + .15823 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--article-title {
        font-size: calc(2rem + 32 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--penthouse-type {
        font-size: calc(1.4rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.14286em + -.17857 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--penthouse-type {
        font-size: calc(1.4rem + 6 * ((100vw - 568px) / 412));
        line-height: calc(1.14286em + 1.07143 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--card-news,
    .text--default-md,
    .text--size-default,
    .tooltip,
    body {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
    .text--news-detail {
        font-size: 1.3rem;
        line-height: 1.53846em
    }
    .text--lead-xl {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .h1,
    h1 {
        font-size: 3.95rem;
        line-height: 1.01266em;
        letter-spacing: -.02em
    }
    .h2,
    .h3,
    h2,
    h3 {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h4 {
        font-size: 1.6rem;
        line-height: 1.125em;
        letter-spacing: -.02em
    }
    .h5,
    h5 {
        font-size: 1.4rem;
        line-height: 1.14286em;
        letter-spacing: -.02em
    }
    .h0-landing {
        font-size: 3.7rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
    .h1-landing {
        font-size: 4rem;
        line-height: 1.125em;
        letter-spacing: -.03em
    }
    .h2-landing {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
    .h3-landing {
        font-size: 1.4rem;
        line-height: 1.42857em;
        letter-spacing: .02em
    }
    .h3-landing-intro {
        font-size: 1.3rem;
        line-height: 1.2em;
        letter-spacing: .44em
    }
    .text-c1-landing {
        font-size: 1.2rem;
        line-height: 1.5em;
        letter-spacing: .02em
    }
    .text-t1-landing {
        font-size: 1.2rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
    .text-t2-landing {
        font-size: 1rem;
        line-height: 1.4em;
        letter-spacing: .04em
    }
    .text-hs1-landing {
        font-size: 14rem;
        line-height: .71429em
    }
    .text-hs2-landing {
        font-size: 10rem;
        line-height: 1em
    }
    .text--h1-small {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--h2-infrastructure {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
    .text--h3-large {
        font-size: 3.95rem;
        line-height: 1.01266em;
        letter-spacing: -.02em
    }
    .text--h3-decor,
    .text--h3-decor-lg {
        font-size: 3rem;
        line-height: 1.16667em;
        letter-spacing: -.02em
    }
    .text--h3-decor-card,
    .text--h3-decor-xl {
        font-size: 3.95rem;
        line-height: 1.01266em;
        letter-spacing: -.02em
    }
    .text--h3-404 {
        font-size: 3rem;
        line-height: 1.33333em;
        letter-spacing: -.02em
    }
    .text--h4-card,
    .text--h4-sm {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
    .text--h5-small {
        font-size: 1.4rem;
        line-height: 1.14286em;
        letter-spacing: -.02em
    }
    .text--gallery-title {
        font-size: 3rem;
        line-height: 1.33333em;
        letter-spacing: -.02em
    }
    .text--h4-favourites {
        font-size: 3rem;
        line-height: 1.66667em;
        letter-spacing: -.02em
    }
    .deco-title--text-small .deco-title__text,
    .deco-title--text-xs .deco-title__text,
    .deco-title__sizer,
    .deco-title__text {
        font-size: 12rem;
        line-height: .5em;
        letter-spacing: 0
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--size-default,
    .tooltip,
    body {
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--default-md,
    .text--size-default,
    .tooltip,
    body {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--default-md {
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--card-news {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--news-detail {
        font-size: calc(1.3rem + 4 * ((100vw - 568px) / 412));
        line-height: calc(1.53846em + -.67873 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--lead-xl {
        font-size: calc(1.6rem + 12 * ((100vw - 568px) / 412));
        line-height: calc(1.5625em + -1.33929 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h1,
    h1 {
        font-size: calc(3.95rem + 65.5 * ((100vw - 568px) / 412));
        line-height: calc(1.01266em + -.12658 * ((100vw - 568px) / 412));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h2,
    h2 {
        font-size: calc(2rem + 59 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + -1.10759 * ((100vw - 568px) / 412));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h3,
    h3 {
        font-size: calc(2rem + 32 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h4 {
        font-size: calc(1.6rem + 23.5 * ((100vw - 568px) / 412));
        line-height: calc(1.125em + 1.40823 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h5,
    h5 {
        font-size: calc(1.4rem + 6 * ((100vw - 568px) / 412));
        line-height: calc(1.14286em + 1.07143 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h0-landing {
        font-size: calc(3.7rem + 64 * ((100vw - 568px) / 412));
        line-height: calc(1.2em + 1.36634 * ((100vw - 568px) / 412));
        letter-spacing: calc(-.03em + -.1 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h1-landing {
        font-size: calc(4rem + 52 * ((100vw - 568px) / 412));
        line-height: calc(1.125em + -1.02778 * ((100vw - 568px) / 412));
        letter-spacing: -.03em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h2-landing {
        font-size: calc(2.5rem + 41 * ((100vw - 568px) / 412));
        line-height: calc(1.2em + -1.39394 * ((100vw - 568px) / 412));
        letter-spacing: -.03em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h3-landing {
        font-size: calc(1.4rem + 26 * ((100vw - 568px) / 412));
        line-height: calc(1.42857em + -1.78571 * ((100vw - 568px) / 412));
        letter-spacing: .02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .h3-landing-intro {
        font-size: calc(1.3rem + 12 * ((100vw - 568px) / 412));
        line-height: calc(1.2em + 2 * ((100vw - 568px) / 412));
        letter-spacing: .44em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text-c1-landing {
        font-size: calc(1.2rem + 8 * ((100vw - 568px) / 412));
        line-height: calc(1.5em + -3 * ((100vw - 568px) / 412));
        letter-spacing: .02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text-t1-landing {
        font-size: calc(1.2rem + 4 * ((100vw - 568px) / 412));
        line-height: calc(1.33333em + .41667 * ((100vw - 568px) / 412));
        letter-spacing: .06em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text-t2-landing {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.4em + -.66667 * ((100vw - 568px) / 412));
        letter-spacing: calc(.04em + .2 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text-hs1-landing {
        font-size: calc(14rem + 100 * ((100vw - 568px) / 412));
        line-height: calc(.71429em + -.47619 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text-hs2-landing {
        font-size: calc(10rem + 60 * ((100vw - 568px) / 412));
        line-height: 1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h1-small {
        font-size: calc(5.2rem + 53 * ((100vw - 568px) / 412));
        line-height: calc(1.15385em + -1.53846 * ((100vw - 568px) / 412));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h2-infrastructure {
        font-size: calc(2rem + 32 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-large {
        font-size: calc(3.95rem + 12.5 * ((100vw - 568px) / 412));
        line-height: calc(1.01266em + 1.41188 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor {
        line-height: calc(1.16667em + -.12821 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor,
    .text--h3-decor-lg {
        font-size: calc(3rem + 22 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor-lg {
        line-height: calc(1.16667em + -.12821 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor-xl {
        line-height: calc(1.01266em + 1.41188 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor-card,
    .text--h3-decor-xl {
        font-size: calc(3.95rem + 12.5 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-decor-card {
        line-height: calc(1.01266em + 1.41188 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h3-404 {
        font-size: calc(3rem + 22 * ((100vw - 568px) / 412));
        line-height: calc(1.33333em + -1.79487 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h4-sm {
        font-size: calc(2rem + 32 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h4-card {
        font-size: calc(2rem + 10 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + .83333 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h5-small {
        font-size: calc(1.4rem + 16 * ((100vw - 568px) / 412));
        line-height: calc(1.14286em + 1.90476 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--gallery-title {
        font-size: calc(3rem + 49 * ((100vw - 568px) / 412));
        line-height: calc(1.33333em + -3.20675 * ((100vw - 568px) / 412));
        letter-spacing: calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--h4-favourites {
        font-size: calc(3rem + 9.5 * ((100vw - 568px) / 412));
        line-height: calc(1.66667em + -4.00844 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .deco-title__sizer,
    .deco-title__text {
        font-size: calc(12rem + 90 * ((100vw - 568px) / 412));
        line-height: calc(.5em + 5 * ((100vw - 568px) / 412));
        letter-spacing: 0
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .deco-title--text-small .deco-title__text {
        font-size: calc(12rem + 40 * ((100vw - 568px) / 412));
        line-height: calc(.5em + 5 * ((100vw - 568px) / 412));
        letter-spacing: 0
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .deco-title--text-xs .deco-title__text {
        font-size: 12rem;
        line-height: .5em;
        letter-spacing: 0
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--size-default,
    .tooltip,
    body {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .text--lead-large {
        font-size: 2.1rem;
        line-height: 1.42857em;
        letter-spacing: .1em;
        font-weight: 300
    }
    .text--lead-xl {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .text--small,
    small {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
    .text {
        font-size: 1.5rem;
        line-height: 1.47059em;
        letter-spacing: 0
    }
    .breadcrumbs,
    .text--breadcrumbs,
    .text--details-xs,
    .video-embed__progress-bar__text {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
    .text--details-sm {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .text--download {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
    .text--card-news {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .text--news-detail {
        font-size: 1.7rem;
        line-height: 1.47059em
    }
    .text--default-lead,
    .text--default-md {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .h1,
    h1 {
        font-size: 7.9rem;
        line-height: 1.01266em;
        letter-spacing: -.05em
    }
    .h2,
    h2 {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .h3,
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h3,
    h4 {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .h5,
    h5 {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
    .h0-landing {
        font-size: 3.7rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
    .h1-landing {
        font-size: 4rem;
        line-height: 1.125em;
        letter-spacing: -.03em
    }
    .h2-landing {
        font-size: 2.5rem;
        line-height: 1.2em;
        letter-spacing: -.03em
    }
    .h3-landing,
    .h3-landing-intro {
        font-size: 1.4rem;
        line-height: 1.42857em;
        letter-spacing: .02em
    }
    .text-c1-landing {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .text-t1-landing {
        font-size: 1.2rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
    .text-t2-landing {
        font-size: 1rem;
        line-height: 1.4em;
        letter-spacing: .04em
    }
    .text-hs1-landing {
        font-size: 24rem;
        line-height: .66667em
    }
    .text-hs2-landing {
        font-size: 16rem;
        line-height: 1em
    }
    .text--h1-small {
        font-size: 6.5rem;
        line-height: 1.07692em;
        letter-spacing: -.05em
    }
    .text--h2-infrastructure {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--h3-medium {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .text--h3-404,
    .text--h3-decor,
    .text--h3-decor-card,
    .text--h3-decor-lg,
    .text--h3-decor-xl,
    .text--h3-large {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--h4-card,
    .text--h4-sm {
        font-size: 3rem;
        line-height: 1.33333em;
        letter-spacing: -.02em
    }
    .text--h5-small {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
    .text--gallery-title {
        font-size: 7.9rem;
        line-height: 1.01266em;
        letter-spacing: -.05em
    }
    .text--h4-favourites {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .deco-title--text-small .deco-title__text,
    .deco-title__sizer,
    .deco-title__text {
        font-size: 16rem;
        line-height: 1em;
        letter-spacing: 0
    }
    .deco-title--text-xs .deco-title__text {
        font-size: 12rem;
        line-height: .5em;
        letter-spacing: 0
    }
    .text--hero {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .text--article-title {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .text--penthouse-type {
        font-size: 1.6rem;
        line-height: 1.125em;
        letter-spacing: -.02em
    }
}

@media only screen and (min-width:980px) {
    .text--article .h2,
    .text--article .h3,
    .text--article h2,
    .text--article h3,
    .text--documents .h2,
    .text--documents .h3,
    .text--documents h2,
    .text--documents h3,
    .text--lead {
        font-size: 2.1rem;
        line-height: 1.42857em;
        letter-spacing: .1em;
        font-weight: 300
    }
    .text--lead-small {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .text--lead-xl {
        font-size: 2.8rem
    }
    .text--card,
    .text--lead-xl {
        line-height: 1.42857em;
        letter-spacing: .1em
    }
    .text--card {
        font-size: 2.1rem
    }
    .card--bank .card__content__value,
    .text--details,
    .text--filter {
        font-size: 1.6rem;
        line-height: 1.625em;
        letter-spacing: .1em
    }
    .h1,
    h1 {
        font-size: 10.5rem;
        line-height: 1em
    }
    .h1,
    .h2,
    h1,
    h2 {
        letter-spacing: -.05em
    }
    .h2,
    h2 {
        font-size: 7.9rem;
        line-height: 1.13924em
    }
    .h3,
    h3 {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h4 {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .h0-landing {
        font-size: 10.1rem;
        line-height: 1.33663em;
        letter-spacing: -.04em
    }
    .h1-landing {
        font-size: 9.2rem;
        line-height: 1.02222em;
        letter-spacing: -.03em
    }
    .h2-landing {
        font-size: 6.6rem;
        line-height: 1.06061em;
        letter-spacing: -.03em
    }
    .h3-landing {
        font-size: 4rem;
        line-height: 1.25em;
        letter-spacing: .02em
    }
    .h3-landing-intro {
        font-size: 2.5rem;
        line-height: 1.4em;
        letter-spacing: .44em
    }
    .text-c1-landing {
        font-size: 2rem;
        line-height: 1.2em;
        letter-spacing: .02em
    }
    .text-t1-landing {
        font-size: 1.6rem;
        line-height: 1.375em;
        letter-spacing: .06em
    }
    .text-t2-landing {
        font-size: 1.2rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
    .text-hs1-landing {
        font-size: 24rem;
        line-height: .66667em
    }
    .text-hs2-landing {
        font-size: 16rem;
        line-height: 1em
    }
    .text--h1-small {
        font-size: 10.5rem;
        line-height: 1em;
        letter-spacing: -.05em
    }
    .text--h3-medium,
    .text--h4-sm {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--h5-small {
        font-size: 3rem;
        line-height: 1.33333em;
        letter-spacing: -.02em
    }
    .text--h4-favourites {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .deco-title__sizer,
    .deco-title__text {
        font-size: 21rem;
        line-height: 1em;
        letter-spacing: 0
    }
    .text--article-title {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--penthouse-type {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .text--lead-small {
        font-size: 2.1rem;
        line-height: 1.42857em;
        letter-spacing: .1em
    }
    .card--bank .card__content__bank {
        font-size: 1.6rem;
        line-height: 1.25em;
        letter-spacing: .1em
    }
    .text--default-md,
    .text--details-lg {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .text--default-lead {
        font-size: 2.8rem;
        line-height: 1.42857em;
        letter-spacing: .1em
    }
    .text--details-xs {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .text--tiny {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
    .modal-menu__content a {
        font-size: 3rem;
        line-height: 1.83333em;
        letter-spacing: -.02em
    }
    .text--h2-infrastructure {
        font-size: 7.9rem;
        line-height: 1.13924em;
        letter-spacing: -.05em
    }
    .deco-title--text-small .deco-title__text {
        font-size: 21rem;
        line-height: 1em;
        letter-spacing: 0
    }
    .deco-title--text-xs .deco-title__text {
        font-size: 16rem;
        line-height: .5em;
        letter-spacing: 0
    }
    .text--price-request {
        font-size: 1.4rem;
        line-height: 1.07143em;
        letter-spacing: .05em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--article .h2,
    .text--article .h3,
    .text--article h2,
    .text--article h3,
    .text--documents .h2,
    .text--documents .h3,
    .text--documents h2,
    .text--documents h3,
    .text--lead {
        font-size: 2.8rem;
        line-height: 1.42857em;
        letter-spacing: .1em
    }
    .text--lead-large {
        font-size: 2.8rem;
        line-height: 1.25em;
        letter-spacing: .1em
    }
    .text--medium {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
    .text {
        font-size: 1.7rem;
        line-height: 1.47059em;
        letter-spacing: 0;
        text-transform: none
    }
    .breadcrumbs,
    .text--breadcrumbs,
    .video-embed__progress-bar__text {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
    .modal-menu__content a {
        font-size: 3.95rem;
        line-height: 1.39241em;
        letter-spacing: -.02em
    }
    .h1,
    h1 {
        font-size: 15.8rem;
        line-height: 1em;
        letter-spacing: -.1em
    }
    .h2,
    h2 {
        font-size: 10.5rem;
        line-height: 1.04762em
    }
    .h2,
    .h3,
    h2,
    h3 {
        letter-spacing: -.05em
    }
    .h3,
    h3 {
        font-size: 7.9rem;
        line-height: 1.13924em
    }
    .h4,
    .text--documents .h1,
    .text--documents h1,
    h4 {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .h5,
    h5 {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
    .h0-landing {
        font-size: 17.1rem;
        line-height: 1.19883em;
        letter-spacing: -.04em
    }
    .h1-landing {
        font-size: 9.2rem;
        line-height: 1.02222em;
        letter-spacing: -.03em
    }
    .h2-landing {
        font-size: 6.6rem;
        line-height: 1.06061em;
        letter-spacing: -.03em
    }
    .h3-landing {
        font-size: 4rem;
        line-height: 1.25em;
        letter-spacing: .02em
    }
    .h3-landing-intro {
        font-size: 4rem;
        line-height: 1.2em;
        letter-spacing: .44em
    }
    .text-c1-landing {
        font-size: 2rem;
        line-height: 1.2em;
        letter-spacing: .02em
    }
    .text-t1-landing {
        font-size: 1.6rem;
        line-height: 1.375em;
        letter-spacing: .06em
    }
    .text-t2-landing {
        font-size: 1.2rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
    .text-hs1-landing {
        font-size: 24rem;
        line-height: .66667em
    }
    .text-hs2-landing {
        font-size: 16rem;
        line-height: 1em
    }
    .text--h1-small {
        font-size: 15.8rem;
        line-height: 1em;
        letter-spacing: -.1em
    }
    .text--h3-decor,
    .text--h3-large,
    .text--h3-medium {
        font-size: 7.9rem;
        line-height: 1.13924em;
        letter-spacing: -.05em
    }
    .text--h3-decor-lg,
    .text--h3-decor-xl {
        font-size: 10.5rem;
        line-height: 1.04762em;
        letter-spacing: -.05em
    }
    .text--h3-404,
    .text--h3-decor-card {
        font-size: 7.9rem;
        line-height: 1.13924em;
        letter-spacing: -.05em
    }
    .text--h4-favourites {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
    .text--gallery-title {
        font-size: 10.5rem;
        line-height: 1.04762em;
        letter-spacing: -.05em
    }
    .deco-title__sizer,
    .deco-title__text {
        font-size: 28rem;
        line-height: 1em;
        letter-spacing: 0
    }
    .deco-title--text-lg .deco-title__text {
        font-size: 17.4vw;
        line-height: 1em;
        letter-spacing: 0
    }
    .deco-title--text-small .deco-title__text {
        font-size: 24rem;
        line-height: 1em;
        letter-spacing: 0
    }
    .deco-title--text-xs .deco-title__text {
        font-size: 16rem;
        line-height: .5em;
        letter-spacing: 0
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text--gallery-title {
        font-size: 15.8rem;
        line-height: 1em;
        letter-spacing: -.1em
    }
    .deco-title--text-xs .deco-title__text {
        font-size: 20rem;
        line-height: .5em;
        letter-spacing: 0
    }
    .text--card-news {
        font-size: 1.6rem;
        line-height: 1.625em;
        letter-spacing: .1em
    }
    .h0-landing {
        font-size: 22.1rem;
        line-height: 1.19883em;
        letter-spacing: -.04em
    }
    .h1-landing {
        font-size: 13.2rem;
        line-height: 1.02222em;
        letter-spacing: -.03em
    }
    .h2-landing {
        font-size: 9.6rem;
        line-height: 1.06061em;
        letter-spacing: -.03em
    }
    .h3-landing {
        font-size: 5.8rem;
        line-height: 1.25em;
        letter-spacing: .02em
    }
    .h3-landing-intro {
        font-size: 6rem;
        line-height: 1.2em;
        letter-spacing: .44em
    }
    .text-c1-landing {
        font-size: 3rem;
        line-height: 1.2em;
        letter-spacing: .02em
    }
    .text-t1-landing {
        font-size: 2rem;
        line-height: 1.375em;
        letter-spacing: .06em
    }
    .text-t2-landing {
        font-size: 1.6rem;
        line-height: 1.33333em;
        letter-spacing: .06em
    }
    .text-hs1-landing {
        font-size: 34rem;
        line-height: .66667em
    }
    .text-hs2-landing {
        font-size: 26rem;
        line-height: 1em
    }
}

.btn,
.btn:hover:active,
.has-hover .btn:hover,
.has-hover a:hover,
.is-active.btn,
a,
a.is-active,
a:hover:active {
    text-decoration: none
}

.btn.btn--link--header,
.ui-light a,
a {
    color: #181d24
}

.btn.btn--link--accent,
.btn.btn--link--header:hover:active,
.has-hover .btn.btn--link--header:hover,
.has-hover a:hover,
.is-active.btn.btn--link--header,
.text--documents a,
.text--faq a,
a.is-active,
a:hover:active {
    color: #ac835e
}

.btn.btn--link--accent:hover:active,
.has-hover .btn.btn--link--accent:hover,
.has-hover .text--documents a:hover,
.has-hover .text--faq a:hover,
.is-active.btn.btn--link--accent,
.text--documents .has-hover a:hover,
.text--documents a.is-active,
.text--documents a:hover:active,
.text--faq .has-hover a:hover,
.text--faq a.is-active,
.text--faq a:hover:active {
    color: #181d24
}

.btn.btn--link--accent--static,
.btn.btn--link--accent--static:hover:active,
.has-hover .btn.btn--link--accent--static:hover,
.is-active.btn.btn--link--accent--static {
    color: #ac835e
}

.btn.btn--link--static,
.btn.btn--link--static:hover:active,
.has-hover .btn.btn--link--static:hover,
.is-active.btn.btn--link--static {
    color: #181d24
}

.ui-dark .btn.btn--link--header,
.ui-dark a {
    color: #f9f0ec
}

.has-hover .ui-dark .btn.btn--link--header:hover,
.has-hover .ui-dark a:hover,
.ui-dark .btn.btn--link--accent,
.ui-dark .btn.btn--link--header:hover:active,
.ui-dark .footer__tel.h3,
.ui-dark .has-hover .btn.btn--link--header:hover,
.ui-dark .has-hover a:hover,
.ui-dark .is-active.btn.btn--link--header,
.ui-dark a.is-active,
.ui-dark a:hover:active {
    color: #ca9d75
}

.has-hover .ui-dark .btn.btn--link--accent:hover,
.has-hover .ui-dark .footer__tel.h3:hover,
.ui-dark .btn.btn--link--accent:hover:active,
.ui-dark .footer__tel.h3:hover:active,
.ui-dark .has-hover .btn.btn--link--accent:hover,
.ui-dark .has-hover .footer__tel.h3:hover,
.ui-dark .is-active.btn.btn--link--accent,
.ui-dark .is-active.footer__tel.h3 {
    color: #f9f0ec
}

.breadcrumbs a.breadcrumbs__item {
    color: #a9a09c
}

.breadcrumbs .has-hover a.breadcrumbs__item:hover,
.breadcrumbs a.breadcrumbs__item:hover:active,
.breadcrumbs a.is-active.breadcrumbs__item,
.has-hover .breadcrumbs a.breadcrumbs__item:hover {
    color: #181d24
}

.ui-dark .breadcrumbs a.breadcrumbs__item {
    color: #71677a
}

.has-hover .ui-dark .breadcrumbs a.breadcrumbs__item:hover,
.ui-dark .breadcrumbs .has-hover a.breadcrumbs__item:hover,
.ui-dark .breadcrumbs a.breadcrumbs__item:hover:active,
.ui-dark .breadcrumbs a.is-active.breadcrumbs__item {
    color: #f9f0ec
}

.breadcrumbs__item,
.breadcrumbs__item:hover:active,
.has-hover .breadcrumbs__item:hover,
.is-active.breadcrumbs__item {
    color: #a9a09c
}

.has-hover .ui-dark .breadcrumbs__item:hover,
.ui-dark .breadcrumbs__item,
.ui-dark .breadcrumbs__item:hover:active,
.ui-dark .has-hover .breadcrumbs__item:hover,
.ui-dark .is-active.breadcrumbs__item {
    color: #71677a
}

.has-hover .ui-dark .btn.btn--link--static:hover,
.ui-brown a,
.ui-dark .btn.btn--link--static,
.ui-dark .btn.btn--link--static:hover:active,
.ui-dark .has-hover .btn.btn--link--static:hover,
.ui-dark .is-active.btn.btn--link--static {
    color: #f9f0ec
}

.has-hover .ui-brown a:hover,
.ui-brown .has-hover a:hover,
.ui-brown a.is-active,
.ui-brown a:hover:active {
    color: #ca9d75
}

.has-hover .ui-brown .btn.btn--link--static:hover,
.ui-brown .btn.btn--link--static,
.ui-brown .btn.btn--link--static:hover:active,
.ui-brown .has-hover .btn.btn--link--static:hover,
.ui-brown .is-active.btn.btn--link--static {
    color: #f9f0ec
}

:root {
    --viewport-height: 100vh;
    --viewport-height-actual: 100vh
}

html {
    height: 100%;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth
}

@media print {
    html {
        height: auto;
        overflow: visible
    }
}

body {
    min-height: 100vh;
    min-height: var(--viewport-height);
    width: 100vw
}

@media print {
    body {
        overflow: visible;
        min-height: 0;
        width: 100%
    }
}

.page-content {
    min-height: 100vh;
    min-height: var(--viewport-height);
    width: 100vw
}

main {
    display: block
}

blockquote,
dd,
dl,
dt {
    margin: 0
}

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

picture {
    display: block
}

img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top
}

img[draggable=false] {
    pointer-events: none;
    -webkit-user-drag: none
}

iframe {
    display: block
}

sup {
    display: inline-block
}

#__bs_notify__ {
    display: none !important
}

.is-visually-hidden,
.sr-only {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    white-space: nowrap;
    width: 1px;
    margin-top: -1px
}

.is-invisible,
.js .is-invisible--js {
    opacity: 0;
    pointer-events: none
}

.is-decorative,
.js .is-decorative--js {
    pointer-events: none
}

.overlay {
    background: #fff;
    opacity: 0
}

.disable-smooth-scrolling {
    scroll-behavior: auto
}

.no-overflow {
    position: relative;
    overflow: hidden
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .overflow-visible-mobile {
        overflow: visible !important
    }
}

.isolate {
    isolation: isolate
}

@font-face {
    font-family: Wonder Garden Script;
    src: url(/assets/fonts/wonder-garden/WonderGardenScript.woff2) format("woff2"), url(/assets/fonts/wonder-garden/WonderGardenScript.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}

@font-face {
    font-family: SangBleu Empire;
    src: url(/assets/fonts/sangbleu-empire/SangBleuEmpire-Regular-WebXL.woff2) format("woff2"), url(/assets/fonts/sangbleu-empire/SangBleuEmpire-Regular-WebXL.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}

@font-face {
    font-family: SangBleu Sunrise;
    src: url(/assets/fonts/sangbleu-sunrise/SangBleuSunrise-Regular.woff2) format("woff2"), url(/assets/fonts/sangbleu-sunrise/SangBleuSunrise-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}

@font-face {
    font-family: Codec Pro;
    src: url(/assets/fonts/codec-pro/Codec-Pro-News.woff2) format("woff2"), url(/assets/fonts/codec-pro/Codec-Pro-News.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    block-timeout: 0;
    swap-timeout: 0
}

@font-face {
    font-family: Euclid Square;
    src: url(/assets/fonts/euclid-square/EuclidSquare-Regular-WebXL.woff2) format("woff2"), url(/assets/fonts/EuclidSquare-Regular-WebXL.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Square;
    src: url(/assets/fonts/euclid-square/EuclidSquare-Light-WebXL.woff2) format("woff2"), url(/assets/fonts/EuclidSquare-Light-WebXL.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Square;
    src: url(/assets/fonts/euclid-square/EuclidSquare-Medium-WebXL.woff2) format("woff2"), url(/assets/fonts/EuclidSquare-Medium-WebXL.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

html {
    font-size: 62.5%
}

body,
button,
input,
textarea {
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
    font-kerning: normal
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    margin-top: calc(var(--spacing) * 92 / 60);
    margin-bottom: calc(var(--spacing) * 92 / 60)
}

.h1:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child {
    margin-top: 0
}

.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin-bottom: 0
}

blockquote,
hr,
iframe,
object,
p,
pre,
table {
    margin-top: calc(var(--spacing) * 65 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

blockquote:first-child,
hr:first-child,
iframe:first-child,
object:first-child,
p:first-child,
pre:first-child,
table:first-child {
    margin-top: 0
}

blockquote:last-child,
hr:last-child,
iframe:last-child,
object:last-child,
p:last-child,
pre:last-child,
table:last-child {
    margin-bottom: 0
}

figure {
    margin: 0
}

a,
button,
input[type=submit] {
    cursor: pointer
}

a:focus,
button:focus,
input[type=submit]:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0;
    padding: 0
}

a:not(.btn):not(.btn-container).focus-visible,
button:not(.btn).focus-visible {
    outline: 3px auto currentColor
}

.is-disabled,
:disabled,
[disabled] {
    pointer-events: none
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--h1-relative {
        font-size: 11vw
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text--h1-relative {
        font-size: 21.1rem
    }
}

.text--weight-medium {
    font-weight: 500
}

.text--color-heading {
    color: #181d24
}

.ui-dark .text--color-heading {
    color: #f9f0ec
}

.ui-brown .text--color-heading {
    color: #181d24
}

.text--color-small {
    color: #a9a09c
}

.ui-brown .text--color-small,
.ui-dark .text--color-small {
    color: #71677a
}

.text--color-text {
    color: #181d24
}

.ui-brown .text--color-text,
.ui-dark .text--color-text {
    color: #f9f0ec
}

html .text--color-accent {
    color: #ac835e
}

html .text--color-brown {
    color: #59413e
}

html .text--color-gold-dark {
    color: #ac835e
}

html .text--color-gold {
    color: #cfa261
}

html .ui-brown .text--color-accent,
html .ui-dark .text--color-accent {
    color: #ca9d75
}

html .ui-gold .text--color-accent {
    color: #cfa261
}

@media print {
    .text--color-accent,
    .text--color-brown,
    .text--color-gold-dark,
    .text--color-heading,
    .text--color-small,
    .text--color-text,
    .ui-brown .text--color-accent,
    .ui-brown .text--color-brown,
    .ui-brown .text--color-gold-dark,
    .ui-brown .text--color-heading,
    .ui-brown .text--color-small,
    .ui-brown .text--color-text,
    .ui-dark .text--color-accent,
    .ui-dark .text--color-brown,
    .ui-dark .text--color-gold-dark,
    .ui-dark .text--color-heading,
    .ui-dark .text--color-small,
    .ui-dark .text--color-text {
        color: #000
    }
}

.text--capitalize {
    text-transform: uppercase !important
}

.text--nowrap,
.text--truncate {
    white-space: nowrap !important
}

.text--truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important
}

.mt-0-imp {
    margin-top: 0 !important
}

.text .h2,
.text .h3,
.text h2,
.text h3 {
    margin-top: calc(var(--spacing) * 65 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

.text .h2:first-child,
.text .h3:first-child,
.text h2:first-child,
.text h3:first-child {
    margin-top: 0
}

.text .h2:last-child,
.text .h3:last-child,
.text h2:last-child,
.text h3:last-child {
    margin-bottom: 0
}

.text .h1,
.text h1 {
    margin-top: calc(var(--spacing) * 92 / 60);
    margin-bottom: calc(var(--spacing) * 92 / 60)
}

.text .h1:first-child,
.text h1:first-child {
    margin-top: 0
}

.text .h1:last-child,
.text h1:last-child {
    margin-bottom: 0
}

.text figure {
    position: relative
}

.text figure,
.text picture {
    display: block
}

.text img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

.text--documents {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto
}

.text--documents .h1,
.text--documents .h2,
.text--documents .h3,
.text--documents h1,
.text--documents h2,
.text--documents h3 {
    color: #ac835e;
    text-align: center;
    text-transform: uppercase
}

.text--faq {
    font-size: 1.4rem;
    line-height: 1.28571em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--faq {
        font-size: 1.4rem;
        line-height: 1.42857em;
        letter-spacing: 0;
        text-transform: none
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .text--faq {
        font-size: 1.4rem;
        line-height: calc(1.28571em + 1.42857 * ((100vw - 320px) / 346))
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .text--faq {
        font-size: 1.4rem;
        line-height: calc(1.28571em + 1.42857 * ((100vw - 568px) / 412))
    }
}

.text--article .h2,
.text--article .h3,
.text--article h2,
.text--article h3 {
    text-transform: uppercase;
    color: #ac835e;
    margin-top: calc(var(--spacing) * 2.5);
    margin-bottom: 0
}

.text--article .h2:first-child,
.text--article .h3:first-child,
.text--article h2:first-child,
.text--article h3:first-child {
    margin-top: 0
}

.text--article .h2:last-child,
.text--article .h3:last-child,
.text--article h2:last-child,
.text--article h3:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--article .h2,
    .text--article .h3,
    .text--article h2,
    .text--article h3 {
        margin-top: calc(var(--spacing) * 1.1);
        margin-bottom: 0
    }
    .text--article .h2:first-child,
    .text--article .h3:first-child,
    .text--article h2:first-child,
    .text--article h3:first-child {
        margin-top: 0
    }
    .text--article .h2:last-child,
    .text--article .h3:last-child,
    .text--article h2:last-child,
    .text--article h3:last-child {
        margin-bottom: 0
    }
}

.text--article p {
    margin-top: calc(var(--spacing) * 65 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

.text--article p:first-child {
    margin-top: 0
}

.text--article p:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--article p {
        margin-top: calc(var(--spacing) * .4);
        margin-bottom: calc(var(--spacing) * .4)
    }
    .text--article p:first-child {
        margin-top: 0
    }
    .text--article p:last-child {
        margin-bottom: 0
    }
}

.img-full,
.img-full img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.img-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media print {
    .text a[href^=http]:after {
        content: " [" attr(href) "] "
    }
    .text a:not(:local-link):after {
        content: " [" attr(href) "] ";
        color: inherit
    }
}

code,
kbd,
pre,
samp {
    color: #333;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace
}

code,
pre {
    display: inline-block;
    border-radius: 3px;
    background: #292d3e;
    color: #bfc7d5;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    vertical-align: top;
    -webkit-font-smoothing: antialiased
}

pre {
    display: block;
    padding: 10px;
    border: 0
}

pre,
pre code {
    font-size: 1.52rem;
    border-radius: 6px
}

code {
    padding: 2px 10px
}

code pre,
pre code {
    font-size: inherit;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    margin: 0
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.text ul {
    margin-top: calc(var(--spacing) * 65 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

.text ul:first-child {
    margin-top: 0
}

.text ul:last-child {
    margin-bottom: 0
}

.text ul>li {
    position: relative;
    padding-left: calc(var(--spacing) * 80 / 60);
    margin-top: calc(var(--spacing) * 25 / 60);
    margin-bottom: calc(var(--spacing) * 25 / 60)
}

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

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

.text ul>li:before {
    position: absolute;
    left: 4px;
    top: .75em;
    content: "";
    width: calc(var(--spacing) / 3);
    height: 1px;
    background: #ac835e
}

.text ul>li>ol,
.text ul>li>ol:last-child,
.text ul>li>ul,
.text ul>li>ul:last-child {
    margin-top: calc(var(--spacing) * 25 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

.text ul>li>ol>li,
.text ul>li>ul>li {
    padding-left: calc(var(--spacing) * 50 / 60)
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text ul>li {
        padding-left: 80px
    }
}

.text ol {
    margin-top: calc(var(--spacing) * 65 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60);
    counter-reset: text-ol
}

.text ol:first-child {
    margin-top: 0
}

.text ol:last-child {
    margin-bottom: 0
}

.text ol>li {
    counter-increment: text-ol;
    position: relative;
    padding-left: calc(var(--spacing) * 80 / 60);
    margin-top: calc(var(--spacing) * 25 / 60);
    margin-bottom: calc(var(--spacing) * 25 / 60)
}

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

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

.text ol>li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: counter(text-ol) ".";
    color: #ac835e
}

.text ol>li>ol,
.text ol>li>ol:last-child,
.text ol>li>ul,
.text ol>li>ul:last-child {
    margin-top: calc(var(--spacing) * 25 / 60);
    margin-bottom: calc(var(--spacing) * 65 / 60)
}

.text ol>li>ol>li,
.text ol>li>ul>li {
    padding-left: calc(var(--spacing) * 50 / 60)
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text ol>li {
        padding-left: 80px
    }
}

.text table {
    width: 100%;
    border-collapse: collapse
}

.text table th {
    font-weight: 400;
    text-align: left
}

.text table td {
    border-top: 1px solid #e2d9d5
}

.ui-dark .text table td {
    border-color: rgba(89, 65, 62, .4)
}

.ui-brown .text table td {
    border-color: #69524f
}

hr {
    border: 0;
    border-bottom: 1px solid #e2d9d5
}

.ui-dark hr {
    border-color: rgba(89, 65, 62, .4)
}

.ui-brown hr {
    border-color: #69524f
}

.text--crop:after,
.text--crop:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative
}

.text--crop:before {
    margin-top: -.3em
}

.text--crop:after {
    margin-bottom: -.25em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop:before {
        margin-top: -.3em
    }
    .text--crop:after {
        margin-bottom: -.25em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop:before {
        margin-top: -.33333em
    }
    .text--crop:after {
        margin-bottom: -.28333em
    }
}

.text--crop.h1:before,
h1.text--crop:before {
    margin-top: -.05633em
}

.text--crop.h1:after,
h1.text--crop:after {
    margin-bottom: -.15133em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.h1:before,
    h1.text--crop:before {
        margin-top: -.05633em
    }
    .text--crop.h1:after,
    h1.text--crop:after {
        margin-bottom: -.15133em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.h1:before,
    h1.text--crop:before {
        margin-top: -.05633em
    }
    .text--crop.h1:after,
    h1.text--crop:after {
        margin-bottom: -.15133em
    }
}

@media only screen and (min-width:980px) {
    .text--crop.h1:before,
    h1.text--crop:before {
        margin-top: -.05em
    }
    .text--crop.h1:after,
    h1.text--crop:after {
        margin-bottom: -.145em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.h1:before,
    h1.text--crop:before {
        margin-top: -.05em
    }
    .text--crop.h1:after,
    h1.text--crop:after {
        margin-bottom: -.145em
    }
}

.text--crop.h2:before,
h2.text--crop:before {
    margin-top: -.175em
}

.text--crop.h2:after,
h2.text--crop:after {
    margin-bottom: -.27em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.h2:before,
    h2.text--crop:before {
        margin-top: -.175em
    }
    .text--crop.h2:after,
    h2.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.h2:before,
    h2.text--crop:before {
        margin-top: -.12692em
    }
    .text--crop.h2:after,
    h2.text--crop:after {
        margin-bottom: -.22192em
    }
}

@media only screen and (min-width:980px) {
    .text--crop.h2:before,
    h2.text--crop:before {
        margin-top: -.11962em
    }
    .text--crop.h2:after,
    h2.text--crop:after {
        margin-bottom: -.21462em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.h2:before,
    h2.text--crop:before {
        margin-top: -.07381em
    }
    .text--crop.h2:after,
    h2.text--crop:after {
        margin-bottom: -.16881em
    }
}

.text--crop.h3:before,
h3.text--crop:before {
    margin-top: -.175em
}

.text--crop.h3:after,
h3.text--crop:after {
    margin-bottom: -.27em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.h3:before,
    h3.text--crop:before {
        margin-top: -.175em
    }
    .text--crop.h3:after,
    h3.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.h3:before,
    h3.text--crop:before {
        margin-top: -.18291em
    }
    .text--crop.h3:after,
    h3.text--crop:after {
        margin-bottom: -.27791em
    }
}

@media only screen and (min-width:980px) {
    .text--crop.h3:before,
    h3.text--crop:before {
        margin-top: -.12692em
    }
    .text--crop.h3:after,
    h3.text--crop:after {
        margin-bottom: -.22192em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.h3:before,
    h3.text--crop:before {
        margin-top: -.11962em
    }
    .text--crop.h3:after,
    h3.text--crop:after {
        margin-bottom: -.21462em
    }
}

.text--crop.h4:before,
h4.text--crop:before {
    margin-top: -.1125em
}

.text--crop.h4:after,
h4.text--crop:after {
    margin-bottom: -.2075em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.h4:before,
    h4.text--crop:before {
        margin-top: -.1125em
    }
    .text--crop.h4:after,
    h4.text--crop:after {
        margin-bottom: -.2075em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.h4:before,
    h4.text--crop:before {
        margin-top: -.18291em
    }
    .text--crop.h4:after,
    h4.text--crop:after {
        margin-bottom: -.27791em
    }
}

@media only screen and (min-width:980px) {
    .text--crop.h4:before,
    h4.text--crop:before {
        margin-top: -.18291em
    }
    .text--crop.h4:after,
    h4.text--crop:after {
        margin-bottom: -.27791em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.h4:before,
    h4.text--crop:before {
        margin-top: -.12692em
    }
    .text--crop.h4:after,
    h4.text--crop:after {
        margin-bottom: -.22192em
    }
}

.text--crop.h5:before,
h5.text--crop:before {
    margin-top: -.12143em
}

.text--crop.h5:after,
h5.text--crop:after {
    margin-bottom: -.21643em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.h5:before,
    h5.text--crop:before {
        margin-top: -.12143em
    }
    .text--crop.h5:after,
    h5.text--crop:after {
        margin-bottom: -.21643em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.h5:before,
    h5.text--crop:before {
        margin-top: -.175em
    }
    .text--crop.h5:after,
    h5.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.h5:before,
    h5.text--crop:before {
        margin-top: -.18291em
    }
    .text--crop.h5:after,
    h5.text--crop:after {
        margin-bottom: -.27791em
    }
}

.text--crop.text--lead:before {
    margin-top: -.28125em
}

.text--crop.text--lead:after {
    margin-bottom: -.23125em
}

@media only screen and (min-width:980px) {
    .text--crop.text--lead:before {
        margin-top: -.21429em
    }
    .text--crop.text--lead:after {
        margin-bottom: -.16429em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.text--lead:before {
        margin-top: -.21429em
    }
    .text--crop.text--lead:after {
        margin-bottom: -.16429em
    }
}

.text--crop.text--lead-large:before {
    margin-top: -.28125em
}

.text--crop.text--lead-large:after {
    margin-bottom: -.23125em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.text--lead-large:before {
        margin-top: -.21429em
    }
    .text--crop.text--lead-large:after {
        margin-bottom: -.16429em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.text--lead-large:before {
        margin-top: -.125em
    }
    .text--crop.text--lead-large:after {
        margin-bottom: -.075em
    }
}

.text--crop.text--small:before,
small.text--crop:before {
    margin-top: -.375em
}

.text--crop.text--small:after,
small.text--crop:after {
    margin-bottom: -.325em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.text--small:before,
    small.text--crop:before {
        margin-top: -.3em
    }
    .text--crop.text--small:after,
    small.text--crop:after {
        margin-bottom: -.25em
    }
}

.text--crop.text--tiny:before {
    margin-top: -.375em
}

.text--crop.text--tiny:after {
    margin-bottom: -.325em
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .text--crop.text--tiny:before {
        margin-top: -.3em
    }
    .text--crop.text--tiny:after {
        margin-bottom: -.25em
    }
}

.text--crop.text--h3-large:before {
    margin-top: -.00633em
}

.text--crop.text--h3-large:after {
    margin-bottom: .04367em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.text--h3-large:before {
        margin-top: -.00633em
    }
    .text--crop.text--h3-large:after {
        margin-bottom: .04367em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.text--h3-large:before {
        margin-top: -.07692em
    }
    .text--crop.text--h3-large:after {
        margin-bottom: -.02692em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.text--h3-large:before {
        margin-top: -.06962em
    }
    .text--crop.text--h3-large:after {
        margin-bottom: -.01962em
    }
}

.text--crop.text--h3-medium:before {
    margin-top: -.13333em
}

.text--crop.text--h3-medium:after {
    margin-bottom: -.08333em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.text--h3-medium:before {
        margin-top: -.13291em
    }
    .text--crop.text--h3-medium:after {
        margin-bottom: -.08291em
    }
}

@media only screen and (min-width:980px) {
    .text--crop.text--h3-medium:before {
        margin-top: -.07692em
    }
    .text--crop.text--h3-medium:after {
        margin-bottom: -.02692em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--crop.text--h3-medium:before {
        margin-top: -.06962em
    }
    .text--crop.text--h3-medium:after {
        margin-bottom: -.01962em
    }
}

.text--crop.text--default-md:before {
    margin-top: -.3em
}

.text--crop.text--default-md:after {
    margin-bottom: -.25em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--crop.text--default-md:before {
        margin-top: -.3em
    }
    .text--crop.text--default-md:after {
        margin-bottom: -.25em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--crop.text--default-md:before {
        margin-top: -.33333em
    }
    .text--crop.text--default-md:after {
        margin-bottom: -.28333em
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .text--crop.text--default-md:before {
        margin-top: -.28125em
    }
    .text--crop.text--default-md:after {
        margin-bottom: -.23125em
    }
}

.text--crop.text--card-team:before {
    margin-top: -.3em
}

.text--crop.text--card-team:after {
    margin-bottom: -.25em
}

.h0-landing.text--crop:before {
    margin-top: -.15em
}

.h0-landing.text--crop:after {
    margin-bottom: -.245em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .h0-landing.text--crop:before {
        margin-top: -.15em
    }
    .h0-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .h0-landing.text--crop:before {
        margin-top: -.15em
    }
    .h0-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:980px) {
    .h0-landing.text--crop:before {
        margin-top: -.21832em
    }
    .h0-landing.text--crop:after {
        margin-bottom: -.31332em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .h0-landing.text--crop:before {
        margin-top: -.14942em
    }
    .h0-landing.text--crop:after {
        margin-bottom: -.24442em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .h0-landing.text--crop:before {
        margin-top: -.14942em
    }
    .h0-landing.text--crop:after {
        margin-bottom: -.24442em
    }
}

.h1-landing.text--crop:before {
    margin-top: -.1125em
}

.h1-landing.text--crop:after {
    margin-bottom: -.2075em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .h1-landing.text--crop:before {
        margin-top: -.1125em
    }
    .h1-landing.text--crop:after {
        margin-bottom: -.2075em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .h1-landing.text--crop:before {
        margin-top: -.1125em
    }
    .h1-landing.text--crop:after {
        margin-bottom: -.2075em
    }
}

@media only screen and (min-width:980px) {
    .h1-landing.text--crop:before {
        margin-top: -.06111em
    }
    .h1-landing.text--crop:after {
        margin-bottom: -.15611em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .h1-landing.text--crop:before {
        margin-top: -.06111em
    }
    .h1-landing.text--crop:after {
        margin-bottom: -.15611em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .h1-landing.text--crop:before {
        margin-top: -.06111em
    }
    .h1-landing.text--crop:after {
        margin-bottom: -.15611em
    }
}

.h2-landing.text--crop:before {
    margin-top: -.15em
}

.h2-landing.text--crop:after {
    margin-bottom: -.245em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .h2-landing.text--crop:before {
        margin-top: -.15em
    }
    .h2-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .h2-landing.text--crop:before {
        margin-top: -.15em
    }
    .h2-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:980px) {
    .h2-landing.text--crop:before {
        margin-top: -.0803em
    }
    .h2-landing.text--crop:after {
        margin-bottom: -.1753em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .h2-landing.text--crop:before {
        margin-top: -.0803em
    }
    .h2-landing.text--crop:after {
        margin-bottom: -.1753em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .h2-landing.text--crop:before {
        margin-top: -.0803em
    }
    .h2-landing.text--crop:after {
        margin-bottom: -.1753em
    }
}

.h3-landing.text--crop:before {
    margin-top: -.26429em
}

.h3-landing.text--crop:after {
    margin-bottom: -.35929em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .h3-landing.text--crop:before {
        margin-top: -.26429em
    }
    .h3-landing.text--crop:after {
        margin-bottom: -.35929em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .h3-landing.text--crop:before {
        margin-top: -.26429em
    }
    .h3-landing.text--crop:after {
        margin-bottom: -.35929em
    }
}

@media only screen and (min-width:980px) {
    .h3-landing.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .h3-landing.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .h3-landing.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing.text--crop:after {
        margin-bottom: -.27em
    }
}

.h3-landing-intro.text--crop:before {
    margin-top: -.26429em
}

.h3-landing-intro.text--crop:after {
    margin-bottom: -.35929em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .h3-landing-intro.text--crop:before {
        margin-top: -.26429em
    }
    .h3-landing-intro.text--crop:after {
        margin-bottom: -.35929em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .h3-landing-intro.text--crop:before {
        margin-top: -.26429em
    }
    .h3-landing-intro.text--crop:after {
        margin-bottom: -.35929em
    }
}

@media only screen and (min-width:980px) {
    .h3-landing-intro.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing-intro.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .h3-landing-intro.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing-intro.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .h3-landing-intro.text--crop:before {
        margin-top: -.175em
    }
    .h3-landing-intro.text--crop:after {
        margin-bottom: -.27em
    }
}

.text-c1-landing.text--crop:before {
    margin-top: -.3em
}

.text-c1-landing.text--crop:after {
    margin-bottom: -.395em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text-c1-landing.text--crop:before {
        margin-top: -.3em
    }
    .text-c1-landing.text--crop:after {
        margin-bottom: -.395em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text-c1-landing.text--crop:before {
        margin-top: -.38333em
    }
    .text-c1-landing.text--crop:after {
        margin-bottom: -.47833em
    }
}

@media only screen and (min-width:980px) {
    .text-c1-landing.text--crop:before {
        margin-top: -.15em
    }
    .text-c1-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text-c1-landing.text--crop:before {
        margin-top: -.15em
    }
    .text-c1-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text-c1-landing.text--crop:before {
        margin-top: -.15em
    }
    .text-c1-landing.text--crop:after {
        margin-bottom: -.245em
    }
}

.text-t1-landing.text--crop:before {
    margin-top: -.16667em
}

.text-t1-landing.text--crop:after {
    margin-bottom: -.11667em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text-t1-landing.text--crop:before {
        margin-top: -.16667em
    }
    .text-t1-landing.text--crop:after {
        margin-bottom: -.11667em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text-t1-landing.text--crop:before {
        margin-top: -.16667em
    }
    .text-t1-landing.text--crop:after {
        margin-bottom: -.11667em
    }
}

@media only screen and (min-width:980px) {
    .text-t1-landing.text--crop:before {
        margin-top: -.1875em
    }
    .text-t1-landing.text--crop:after {
        margin-bottom: -.1375em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text-t1-landing.text--crop:before {
        margin-top: -.1875em
    }
    .text-t1-landing.text--crop:after {
        margin-bottom: -.1375em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text-t1-landing.text--crop:before {
        margin-top: -.1875em
    }
    .text-t1-landing.text--crop:after {
        margin-bottom: -.1375em
    }
}

.text-t2-landing.text--crop:before {
    margin-top: -.2em
}

.text-t2-landing.text--crop:after {
    margin-bottom: -.15em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text-t2-landing.text--crop:before {
        margin-top: -.2em
    }
    .text-t2-landing.text--crop:after {
        margin-bottom: -.15em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text-t2-landing.text--crop:before {
        margin-top: -.2em
    }
    .text-t2-landing.text--crop:after {
        margin-bottom: -.15em
    }
}

@media only screen and (min-width:980px) {
    .text-t2-landing.text--crop:before {
        margin-top: -.16667em
    }
    .text-t2-landing.text--crop:after {
        margin-bottom: -.11667em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text-t2-landing.text--crop:before {
        margin-top: -.16667em
    }
    .text-t2-landing.text--crop:after {
        margin-bottom: -.11667em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text-t2-landing.text--crop:before {
        margin-top: -.16667em
    }
    .text-t2-landing.text--crop:after {
        margin-bottom: -.11667em
    }
}

.text--script.text--crop:before {
    margin-top: -.125em
}

.text--script.text--crop:after {
    margin-bottom: -.05em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--script.text--crop:before {
        margin-top: .125em
    }
    .text--script.text--crop:after {
        margin-bottom: .2em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--script.text--crop:before {
        margin-top: -.125em
    }
    .text--script.text--crop:after {
        margin-bottom: -.05em
    }
}

@media only screen and (min-width:980px) {
    .text--script.text--crop:before {
        margin-top: -.125em
    }
    .text--script.text--crop:after {
        margin-bottom: -.05em
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text--script.text--crop:before {
        margin-top: -.125em
    }
    .text--script.text--crop:after {
        margin-bottom: -.05em
    }
}

.text--h4-card.text--crop:before {
    margin-top: -.175em
}

.text--h4-card.text--crop:after {
    margin-bottom: -.27em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text--h4-card.text--crop:before {
        margin-top: -.175em
    }
    .text--h4-card.text--crop:after {
        margin-bottom: -.27em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text--h4-card.text--crop:before {
        margin-top: -.21667em
    }
    .text--h4-card.text--crop:after {
        margin-bottom: -.31167em
    }
}

.btn {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.btn.is-disabled,
.btn:disabled {
    cursor: default
}

.btn__content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    position: relative;
    z-index: 1
}

.btn__content,
.btn__content _::-webkit-full-page-media,
.btn__content _:future {
    margin-left: auto;
    margin-right: auto
}

.btn__content--column {
    flex-direction: column
}

.btn__content--left {
    justify-content: flex-start
}

.btn__content .btn__number {
    position: absolute;
    top: 0;
    right: -12px;
    width: 20px;
    height: 20px;
    border: 2px solid #181d24;
    border-radius: 10px;
    background-color: #ca9d75;
    color: #181d24;
    font-weight: 500;
    text-align: center;
    padding-left: 1px;
    font-size: 9px;
    line-height: 16px
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    .btn__content .btn__number {
        top: -5px;
        right: -7px
    }
}

.ui-light .btn__content .btn__number {
    border-color: #f9f0ec
}

.header--with-shadow .btn__content .btn__number {
    border-color: transparent
}

.header--with-shadow+.header__scroll .btn__content .btn__number {
    border-color: #181d24
}

.btn-container {
    cursor: pointer;
    outline: none
}

.btn-container.is-disabled,
.btn-container:disabled {
    cursor: default
}

.btn.icon {
    display: inline-flex;
    transition-property: all
}

.btn .icon.icon-dropdown {
    transition-property: transform
}

.btn.is-active .icon.icon-dropdown {
    transform: rotate(180deg);
    transform-origin: 50% 45%
}

.btn--extended-area,
.link--extended-area {
    position: relative
}

.btn--extended-area:after,
.link--extended-area:after {
    content: ""
}

.btn--full {
    width: 100%
}

.btn.btn--link.btn--full>.btn__content {
    justify-content: space-between
}

.btn--fill {
    flex-grow: 1
}

.btn {
    will-change: transform
}

.btn:after,
.btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition-property: transform, background-color, border-color, box-shadow
}

.btn:before {
    z-index: 1
}

.btn:after {
    pointer-events: none
}

.btn {
    overflow: hidden
}

.btn:before {
    transform: translateY(101%)
}

.has-hover .btn-container:active:hover .btn:before,
.has-hover .btn-container:hover .btn:before,
.has-hover .btn:active:hover:before,
.has-hover .btn:hover:before {
    transform: translateY(0)
}

.btn--square {
    will-change: transform;
    overflow: visible
}

.btn--square:before {
    transform: scale(0)
}

.has-hover .btn--square:active:hover:before,
.has-hover .btn--square:hover:before,
.has-hover .btn-container:active:hover .btn--square:before,
.has-hover .btn-container:hover .btn--square:before {
    transform: scale(1.03333)
}

.btn--square.btn--rect {
    overflow: hidden
}

.btn--square.btn--rect:before {
    transform: translateY(101%)
}

.has-hover .btn--square.btn--rect:active:hover:before,
.has-hover .btn--square.btn--rect:hover:before,
.has-hover .btn-container:active:hover .btn--square.btn--rect:before,
.has-hover .btn-container:hover .btn--square.btn--rect:before {
    transform: translateY(0)
}

.btn--outline:after,
.btn--outline:before {
    display: none
}

.btn--outline>svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    transform: translateX(.25px)
}

.btn--outline>svg rect {
    fill: none;
    stroke-width: 1.25;
    width: calc(100% - 2px);
    height: calc(100% - 1px);
    stroke-dasharray: 321%;
    stroke-dashoffset: 642%;
    transition-property: stroke-dashoffset, transform;
    transform-origin: 50% 50%;
    will-change: stroke-dashoffset, transform
}

.btn--outline>svg rect+rect {
    stroke-dashoffset: 321%
}

.btn--outline.btn--flat>svg {
    transform: translate(.25px, -.5px)
}

.btn--outline.btn--flat>svg rect {
    width: calc(100% - 1px);
    height: calc(100% - 1px)
}

.btn--outline.btn--square>svg {
    transform: translateX(-1px)
}

.btn--outline.btn--square>svg rect {
    width: calc(100% - 1px);
    height: 100%;
    transform: rotate(-90deg)
}

.has-hover .btn--outline:hover>svg rect,
.has-hover .btn-container:hover .btn--outline>svg rect {
    stroke-dashoffset: 321%
}

.has-hover .btn--outline:hover>svg rect+rect,
.has-hover .btn-container:hover .btn--outline>svg rect+rect {
    stroke-dashoffset: 0%
}

.has-hover .btn--outline:hover.btn--square>svg rect,
.has-hover .btn-container:hover .btn--outline.btn--square>svg rect {
    transform: rotate(0deg)
}

.has-hover .btn--outline:active:hover>svg rect,
.has-hover .btn-container:active:hover .btn--outline>svg rect {
    stroke-dashoffset: 321%
}

.has-hover .btn--outline:active:hover>svg rect+rect,
.has-hover .btn-container:active:hover .btn--outline>svg rect+rect {
    stroke-dashoffset: 0%
}

.has-hover .btn--outline:active:hover.btn--square>svg rect,
.has-hover .btn-container:active:hover .btn--outline.btn--square>svg rect {
    transform: rotate(0deg)
}

.btn--outline.is-active>svg rect,
.btn-container.is-active .btn--outline>svg rect {
    stroke-dashoffset: 321%
}

.btn--outline.is-active>svg rect+rect,
.btn-container.is-active .btn--outline>svg rect+rect {
    stroke-dashoffset: 0%
}

.btn--outline.is-active.btn--square>svg rect,
.btn-container.is-active .btn--outline.btn--square>svg rect {
    transform: rotate(0deg)
}

.has-hover .btn--outline--static:hover>svg rect,
.has-hover .btn-container:hover .btn--outline--static>svg rect {
    stroke-dashoffset: 642%
}

.has-hover .btn--outline--static:hover>svg rect+rect,
.has-hover .btn-container:hover .btn--outline--static>svg rect+rect {
    stroke-dashoffset: 321%
}

.has-hover .btn--outline--static:hover.btn--square>svg rect,
.has-hover .btn-container:hover .btn--outline--static.btn--square>svg rect {
    transform: rotate(-90deg)
}

.has-hover .btn--outline--static:active:hover>svg rect,
.has-hover .btn-container:active:hover .btn--outline--static>svg rect {
    stroke-dashoffset: 642%
}

.has-hover .btn--outline--static:active:hover>svg rect+rect,
.has-hover .btn-container:active:hover .btn--outline--static>svg rect+rect {
    stroke-dashoffset: 321%
}

.has-hover .btn--outline--static:active:hover.btn--square>svg rect,
.has-hover .btn-container:active:hover .btn--outline--static.btn--square>svg rect {
    transform: rotate(-90deg)
}

.btn--outline--static.is-active>svg rect,
.btn-container.is-active .btn--outline--static>svg rect {
    stroke-dashoffset: 321%
}

.btn--outline--static.is-active>svg rect+rect,
.btn-container.is-active .btn--outline--static>svg rect+rect {
    stroke-dashoffset: 0%
}

.btn--outline--static.is-active.btn--square>svg rect,
.btn-container.is-active .btn--outline--static.btn--square>svg rect {
    transform: rotate(0deg)
}

.has-hover .btn--outline--static.is-active:hover>svg rect,
.has-hover .btn-container.is-active:hover .btn--outline--static>svg rect {
    stroke-dashoffset: 321%
}

.has-hover .btn--outline--static.is-active:hover>svg rect+rect,
.has-hover .btn-container.is-active:hover .btn--outline--static>svg rect+rect {
    stroke-dashoffset: 0%
}

.has-hover .btn--outline--static.is-active:hover.btn--square>svg rect,
.has-hover .btn-container.is-active:hover .btn--outline--static.btn--square>svg rect {
    transform: rotate(0deg)
}

.btn--outline:after,
.btn--outline:before,
.btn--outline _:-ms-lang(x):after,
.btn--outline _:-ms-lang(x):before {
    display: block;
    border: 1px solid;
    border-radius: 100px;
    transform: none;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.btn--outline:before,
.btn--outline _:-ms-lang(x):before {
    opacity: 0
}

.btn--outline>svg,
.btn--outline _:-ms-lang(x)>svg {
    display: none
}

.btn--outline>svg.btn__progress,
.btn--outline _:-ms-lang(x)>svg.btn__progress {
    display: block
}

.has-hover .btn--outline:hover:before,
.has-hover .btn--outline _:-ms-lang(x):hover:before,
.has-hover .btn-container:hover .btn--outline:before,
.has-hover .btn-container:hover .btn--outline _:-ms-lang(x):before {
    opacity: 1;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .btn--outline:hover:after,
.has-hover .btn--outline _:-ms-lang(x):hover:after,
.has-hover .btn-container:hover .btn--outline:after,
.has-hover .btn-container:hover .btn--outline _:-ms-lang(x):after {
    opacity: 0;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .btn--outline:active:hover:before,
.has-hover .btn--outline _:-ms-lang(x):active:hover:before,
.has-hover .btn-container:active:hover .btn--outline:before,
.has-hover .btn-container:active:hover .btn--outline _:-ms-lang(x):before {
    opacity: 1;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.has-hover .btn--outline:active:hover:after,
.has-hover .btn--outline _:-ms-lang(x):active:hover:after,
.has-hover .btn-container:active:hover .btn--outline:after,
.has-hover .btn-container:active:hover .btn--outline _:-ms-lang(x):after {
    opacity: 0;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.btn--outline.is-active:before,
.btn--outline _:-ms-lang(x).is-active:before,
.btn-container.is-active .btn--outline:before,
.btn-container.is-active .btn--outline _:-ms-lang(x):before {
    opacity: 1;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.btn--outline.is-active:after,
.btn--outline _:-ms-lang(x).is-active:after,
.btn-container.is-active .btn--outline:after,
.btn-container.is-active .btn--outline _:-ms-lang(x):after {
    opacity: 0;
    transform: none;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.btn--marker .btn__content .icon,
.btn--marker .btn__content span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity
}

.btn--marker .btn__content span {
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--marker .btn__content span {
        font-size: 1.6rem;
        line-height: 1.5625em;
        letter-spacing: .1em
    }
}

.btn--marker .btn__content .icon {
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--marker.btn--xxs-static .btn__content span {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
}

.btn--marker {
    transition-duration: .2s
}

.btn--marker.is-active .btn__content span,
.btn--marker:hover:active .btn__content span,
.has-hover .btn--marker:hover .btn__content span {
    opacity: 0;
    visibility: hidden
}

.btn--marker.is-active .btn__content .icon,
.btn--marker:hover:active .btn__content .icon,
.has-hover .btn--marker:hover .btn__content .icon,
.has-hover .plan--map .btn--marker:hover .btn__content span,
.plan--map .btn--marker.is-active .btn__content span,
.plan--map .btn--marker:hover:active .btn__content span {
    opacity: 1;
    visibility: visible
}

.has-hover .plan--map .btn--marker:hover .btn__content .icon,
.plan--map .btn--marker.is-active .btn__content .icon,
.plan--map .btn--marker:hover:active .btn__content .icon {
    opacity: 0;
    visibility: hidden
}

.btn {
    height: var(--spacing);
    padding: 0 calc(var(--spacing) * 50 / 60);
    font-size: 1rem
}

.btn,
.btn.btn--square:before,
.btn:after {
    border-radius: calc(var(--spacing) / 2)
}

.btn.btn--outline>svg rect {
    rx: calc(var(--spacing) / 2);
    ry: calc(var(--spacing) / 2)
}

.btn>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: var(--spacing)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn {
        font-size: 1.2rem
    }
}

.btn.btn--square {
    width: var(--spacing);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--filter-number {
    height: 6rem;
    font-size: 1.6rem
}

.btn--filter-number,
.btn--filter-number.btn--square:before,
.btn--filter-number:after {
    border-radius: 3rem
}

.btn--filter-number.btn--outline>svg rect {
    rx: 3rem;
    ry: 3rem
}

.btn--filter-number>.btn__content {
    height: 6rem
}

@media only screen and (min-width:980px) {
    .btn--filter-number {
        height: var(--spacing-1-5);
        font-size: 2.1rem;
        font-weight: 300
    }
    .btn--filter-number,
    .btn--filter-number.btn--square:before,
    .btn--filter-number:after {
        border-radius: calc(var(--spacing-1-5) / 2)
    }
    .btn--filter-number.btn--outline>svg rect {
        rx: calc(var(--spacing-1-5) / 2);
        ry: calc(var(--spacing-1-5) / 2)
    }
    .btn--filter-number>.btn__content {
        height: var(--spacing-1-5)
    }
}

.btn--filter-number.btn--square {
    width: 6rem;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:980px) {
    .btn--filter-number.btn--square {
        width: var(--spacing-1-5);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--small-static {
    height: 32px;
    font-size: 1.2rem
}

.btn--small-static,
.btn--small-static.btn--square:before,
.btn--small-static:after {
    border-radius: 16px
}

.btn--small-static.btn--outline>svg rect {
    rx: 16px;
    ry: 16px
}

.btn--small-static>.btn__content {
    height: 32px
}

.btn--small-static.btn--square {
    width: 32px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--tiny-static {
    height: 18px;
    font-size: 1rem
}

.btn--tiny-static>.btn__content {
    height: 18px
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--tiny-static {
        font-size: 1.2rem
    }
}

.btn--tiny-static.btn--square {
    width: 18px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--tiny-static.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--icon {
    height: 22px
}

.btn--icon .icon {
    width: 100%;
    height: 100%
}

.btn--icon>.btn__content {
    height: 22px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--icon,
    .btn--icon>.btn__content {
        height: 26px
    }
}

@media only screen and (min-width:980px) {
    .btn--icon,
    .btn--icon>.btn__content {
        height: 32px
    }
}

.btn--icon.btn--square {
    width: 22px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--icon.btn--square {
        width: 26px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--icon.btn--square {
        width: 32px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--favourite,
.btn--favourite>.btn__content {
    height: 22px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--favourite,
    .btn--favourite>.btn__content {
        height: 22px
    }
}

@media only screen and (min-width:980px) {
    .btn--favourite,
    .btn--favourite>.btn__content {
        height: 22px
    }
}

.btn--favourite.btn--square {
    width: 22px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--favourite.btn--square {
        width: 22px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--favourite.btn--square {
        width: 22px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xs {
    height: var(--spacing)
}

.btn--xs,
.btn--xs.btn--square:before,
.btn--xs:after {
    border-radius: calc(var(--spacing) / 2)
}

.btn--xs.btn--outline>svg rect {
    rx: calc(var(--spacing) / 2);
    ry: calc(var(--spacing) / 2)
}

.btn--xs>.btn__content {
    height: var(--spacing)
}

@media only screen and (min-width:980px) {
    .btn--xs {
        height: calc(var(--spacing) * 40 / 60)
    }
    .btn--xs,
    .btn--xs.btn--square:before,
    .btn--xs:after {
        border-radius: calc((var(--spacing) * 40 / 60) / 2)
    }
    .btn--xs.btn--outline>svg rect {
        rx: calc((var(--spacing) * 40 / 60) / 2);
        ry: calc((var(--spacing) * 40 / 60) / 2)
    }
    .btn--xs>.btn__content {
        height: calc(var(--spacing) * 40 / 60)
    }
}

.btn--xs.btn--square {
    width: var(--spacing);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:980px) {
    .btn--xs.btn--square {
        width: calc(var(--spacing) * 40 / 60);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xs-static {
    height: 40px;
    padding: 0 25px
}

.btn--xs-static,
.btn--xs-static.btn--square:before,
.btn--xs-static:after {
    border-radius: 20px
}

.btn--xs-static.btn--outline>svg rect {
    rx: 20px;
    ry: 20px
}

.btn--xs-static>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px
}

.btn--xs-static.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--xs-static-small {
    height: 40px;
    padding: 0 20px
}

.btn--xs-static-small,
.btn--xs-static-small.btn--square:before,
.btn--xs-static-small:after {
    border-radius: 20px
}

.btn--xs-static-small.btn--outline>svg rect {
    rx: 20px;
    ry: 20px
}

.btn--xs-static-small>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px
}

.btn--xs-static-small.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--xxs-static {
    height: 30px;
    padding: 0 25px
}

.btn--xxs-static,
.btn--xxs-static.btn--square:before,
.btn--xxs-static:after {
    border-radius: 15px
}

.btn--xxs-static.btn--outline>svg rect {
    rx: 15px;
    ry: 15px
}

.btn--xxs-static>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px
}

.btn--xxs-static.btn--square {
    width: 30px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--xxs {
    height: 30px;
    padding: 0 25px;
    font-size: .8rem;
    font-weight: 500
}

.btn--xxs,
.btn--xxs.btn--square:before,
.btn--xxs:after {
    border-radius: 15px
}

.btn--xxs.btn--outline>svg rect {
    rx: 15px;
    ry: 15px
}

.btn--xxs>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxs {
        height: 40px;
        font-size: 1rem
    }
    .btn--xxs,
    .btn--xxs.btn--square:before,
    .btn--xxs:after {
        border-radius: 25px
    }
    .btn--xxs.btn--outline>svg rect {
        rx: 25px;
        ry: 25px
    }
    .btn--xxs>.btn__content {
        height: 40px
    }
}

.btn--xxs.btn--square {
    width: 30px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxs.btn--square {
        width: 40px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--sm {
    height: var(--spacing)
}

.btn--sm,
.btn--sm.btn--square:before,
.btn--sm:after {
    border-radius: calc(var(--spacing) / 2)
}

.btn--sm.btn--outline>svg rect {
    rx: calc(var(--spacing) / 2);
    ry: calc(var(--spacing) / 2)
}

.btn--sm>.btn__content {
    height: var(--spacing)
}

.btn--sm.btn--square {
    width: var(--spacing);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--sm-static {
    height: 60px
}

.btn--sm-static,
.btn--sm-static.btn--square:before,
.btn--sm-static:after {
    border-radius: 30px
}

.btn--sm-static.btn--outline>svg rect {
    rx: 30px;
    ry: 30px
}

.btn--sm-static>.btn__content {
    height: 60px
}

.btn--sm-static.btn--square {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

.btn--check {
    height: var(--spacing-1-5)
}

.btn--check,
.btn--check.btn--square:before,
.btn--check:after {
    border-radius: calc(var(--spacing) / 1.25)
}

.btn--check.btn--outline>svg rect {
    rx: calc(var(--spacing) / 1.25);
    ry: calc(var(--spacing) / 1.25)
}

.btn--check>.btn__content {
    height: var(--spacing-1-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--check {
        height: var(--spacing)
    }
    .btn--check,
    .btn--check.btn--square:before,
    .btn--check:after {
        border-radius: calc(var(--spacing) / 2)
    }
    .btn--check.btn--outline>svg rect {
        rx: calc(var(--spacing) / 2);
        ry: calc(var(--spacing) / 2)
    }
    .btn--check>.btn__content {
        height: var(--spacing)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--check {
        height: 60px
    }
    .btn--check,
    .btn--check.btn--square:before,
    .btn--check:after {
        border-radius: 30px
    }
    .btn--check.btn--outline>svg rect {
        rx: 30px;
        ry: 30px
    }
    .btn--check>.btn__content {
        height: 60px
    }
}

.btn--check.btn--square {
    width: var(--spacing-1-5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--check.btn--square {
        width: var(--spacing);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--check.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--filter-small {
    height: var(--spacing-1-5)
}

.btn--filter-small,
.btn--filter-small.btn--square:before,
.btn--filter-small:after {
    border-radius: calc(var(--spacing) / 1.25)
}

.btn--filter-small.btn--outline>svg rect {
    rx: calc(var(--spacing) / 1.25);
    ry: calc(var(--spacing) / 1.25)
}

.btn--filter-small>.btn__content {
    height: var(--spacing-1-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--filter-small {
        height: 26px
    }
    .btn--filter-small,
    .btn--filter-small.btn--square:before,
    .btn--filter-small:after {
        border-radius: 13px
    }
    .btn--filter-small.btn--outline>svg rect {
        rx: 13px;
        ry: 13px
    }
    .btn--filter-small>.btn__content {
        height: 26px
    }
}

@media only screen and (min-width:980px) {
    .btn--filter-small {
        height: 32px
    }
    .btn--filter-small,
    .btn--filter-small.btn--square:before,
    .btn--filter-small:after {
        border-radius: 16px
    }
    .btn--filter-small.btn--outline>svg rect {
        rx: 16px;
        ry: 16px
    }
    .btn--filter-small>.btn__content {
        height: 32px
    }
}

.btn--filter-small.btn--square {
    width: var(--spacing-1-5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--filter-small.btn--square {
        width: 26px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--filter-small.btn--square {
        width: 32px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--sm-more {
    height: var(--spacing-2);
    font-size: 1rem;
    padding: 0 var(--spacing-1)
}

.btn--sm-more,
.btn--sm-more.btn--square:before,
.btn--sm-more:after {
    border-radius: var(--spacing-1)
}

.btn--sm-more.btn--outline>svg rect {
    rx: var(--spacing-1);
    ry: var(--spacing-1)
}

.btn--sm-more>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-more {
        height: var(--spacing);
        font-size: 1.2rem;
        padding: 0 calc(var(--spacing) * 50 / 60)
    }
    .btn--sm-more,
    .btn--sm-more.btn--square:before,
    .btn--sm-more:after {
        border-radius: calc(var(--spacing) / 2)
    }
    .btn--sm-more.btn--outline>svg rect {
        rx: calc(var(--spacing) / 2);
        ry: calc(var(--spacing) / 2)
    }
    .btn--sm-more>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: var(--spacing)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-more {
        height: 60px
    }
    .btn--sm-more,
    .btn--sm-more.btn--square:before,
    .btn--sm-more:after {
        border-radius: 30px
    }
    .btn--sm-more.btn--outline>svg rect {
        rx: 30px;
        ry: 30px
    }
    .btn--sm-more>.btn__content {
        height: 60px
    }
}

.btn--sm-more.btn--square {
    width: var(--spacing-2);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-more.btn--square {
        width: var(--spacing);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-more.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--sm-more-read {
    height: var(--spacing-2);
    font-size: 1rem;
    padding: 0 calc(var(--spacing-1) * 1.5)
}

.btn--sm-more-read,
.btn--sm-more-read.btn--square:before,
.btn--sm-more-read:after {
    border-radius: var(--spacing-1)
}

.btn--sm-more-read.btn--outline>svg rect {
    rx: var(--spacing-1);
    ry: var(--spacing-1)
}

.btn--sm-more-read>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-more-read {
        height: var(--spacing);
        font-size: 1.2rem;
        padding: 0 calc(var(--spacing) / 2)
    }
    .btn--sm-more-read,
    .btn--sm-more-read.btn--square:before,
    .btn--sm-more-read:after {
        border-radius: calc(var(--spacing) / 2)
    }
    .btn--sm-more-read.btn--outline>svg rect {
        rx: calc(var(--spacing) / 2);
        ry: calc(var(--spacing) / 2)
    }
    .btn--sm-more-read>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: var(--spacing)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-more-read {
        height: 60px
    }
    .btn--sm-more-read,
    .btn--sm-more-read.btn--square:before,
    .btn--sm-more-read:after {
        border-radius: 30px
    }
    .btn--sm-more-read.btn--outline>svg rect {
        rx: 30px;
        ry: 30px
    }
    .btn--sm-more-read>.btn__content {
        height: 60px
    }
}

.btn--sm-more-read.btn--square {
    width: var(--spacing-2);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-more-read.btn--square {
        width: var(--spacing);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-more-read.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--sm-info {
    height: var(--spacing-2);
    font-size: 1rem;
    padding: 0 var(--spacing-1)
}

.btn--sm-info,
.btn--sm-info.btn--square:before,
.btn--sm-info:after {
    border-radius: var(--spacing-1)
}

.btn--sm-info.btn--outline>svg rect {
    rx: var(--spacing-1);
    ry: var(--spacing-1)
}

.btn--sm-info>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-info {
        height: var(--spacing);
        font-size: 1.2rem;
        padding: 0 calc(var(--spacing) * 30 / 60)
    }
    .btn--sm-info,
    .btn--sm-info.btn--square:before,
    .btn--sm-info:after {
        border-radius: calc(var(--spacing) / 2)
    }
    .btn--sm-info.btn--outline>svg rect {
        rx: calc(var(--spacing) / 2);
        ry: calc(var(--spacing) / 2)
    }
    .btn--sm-info>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: var(--spacing)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-info {
        height: 60px
    }
    .btn--sm-info,
    .btn--sm-info.btn--square:before,
    .btn--sm-info:after {
        border-radius: 30px
    }
    .btn--sm-info.btn--outline>svg rect {
        rx: 30px;
        ry: 30px
    }
    .btn--sm-info>.btn__content {
        height: 60px
    }
}

.btn--sm-info.btn--square {
    width: var(--spacing-2);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--sm-info.btn--square {
        width: var(--spacing);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--sm-info.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--md {
    height: calc(var(--spacing) * 40 / 20)
}

.btn--md,
.btn--md.btn--square:before,
.btn--md:after {
    border-radius: calc((var(--spacing) * 40 / 20) / 2)
}

.btn--md.btn--outline>svg rect {
    rx: calc((var(--spacing) * 40 / 20) / 2);
    ry: calc((var(--spacing) * 40 / 20) / 2)
}

.btn--md>.btn__content {
    height: calc(var(--spacing) * 40 / 20)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--md {
        height: calc(var(--spacing) * 60 / 40)
    }
    .btn--md,
    .btn--md.btn--square:before,
    .btn--md:after {
        border-radius: calc((var(--spacing) * 60 / 40) / 2)
    }
    .btn--md.btn--outline>svg rect {
        rx: calc((var(--spacing) * 60 / 40) / 2);
        ry: calc((var(--spacing) * 60 / 40) / 2)
    }
    .btn--md>.btn__content {
        height: calc(var(--spacing) * 60 / 40)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--md {
        height: calc(var(--spacing) * 80 / 60)
    }
    .btn--md,
    .btn--md.btn--square:before,
    .btn--md:after {
        border-radius: calc((var(--spacing) * 80 / 60) / 2)
    }
    .btn--md.btn--outline>svg rect {
        rx: calc((var(--spacing) * 80 / 60) / 2);
        ry: calc((var(--spacing) * 80 / 60) / 2)
    }
    .btn--md>.btn__content {
        height: calc(var(--spacing) * 80 / 60)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--md {
        height: 80px
    }
    .btn--md,
    .btn--md.btn--square:before,
    .btn--md:after {
        border-radius: 40px
    }
    .btn--md.btn--outline>svg rect {
        rx: 40px;
        ry: 40px
    }
    .btn--md>.btn__content {
        height: 80px
    }
}

.btn--md.btn--square {
    width: calc(var(--spacing) * 40 / 20);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--md.btn--square {
        width: calc(var(--spacing) * 60 / 40);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--md.btn--square {
        width: calc(var(--spacing) * 80 / 60);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--md.btn--square {
        width: 80px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--lg {
    height: var(--spacing-3)
}

.btn--lg,
.btn--lg.btn--square:before,
.btn--lg:after {
    border-radius: var(--spacing-1-5)
}

.btn--lg.btn--outline>svg rect {
    rx: var(--spacing-1-5);
    ry: var(--spacing-1-5)
}

.btn--lg>.btn__content {
    height: var(--spacing-3)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--lg {
        height: var(--spacing-2)
    }
    .btn--lg,
    .btn--lg.btn--square:before,
    .btn--lg:after {
        border-radius: var(--spacing-1)
    }
    .btn--lg.btn--outline>svg rect {
        rx: var(--spacing-1);
        ry: var(--spacing-1)
    }
    .btn--lg>.btn__content {
        height: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--lg {
        height: 120px
    }
    .btn--lg,
    .btn--lg.btn--square:before,
    .btn--lg:after {
        border-radius: 60px
    }
    .btn--lg.btn--outline>svg rect {
        rx: 60px;
        ry: 60px
    }
    .btn--lg>.btn__content {
        height: 120px
    }
}

.btn--lg.btn--square {
    width: var(--spacing-3);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--lg.btn--square {
        width: var(--spacing-2);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--lg.btn--square {
        width: 120px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--close {
    height: var(--spacing-3)
}

.btn--close,
.btn--close.btn--square:before,
.btn--close:after {
    border-radius: var(--spacing-1-5)
}

.btn--close.btn--outline>svg rect {
    rx: var(--spacing-1-5);
    ry: var(--spacing-1-5)
}

.btn--close>.btn__content {
    height: var(--spacing-3)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--close {
        height: var(--spacing-1-5)
    }
    .btn--close,
    .btn--close.btn--square:before,
    .btn--close:after {
        border-radius: calc(var(--spacing-1-5) / 2)
    }
    .btn--close.btn--outline>svg rect {
        rx: calc(var(--spacing-1-5) / 2);
        ry: calc(var(--spacing-1-5) / 2)
    }
    .btn--close>.btn__content {
        height: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--close {
        height: 120px
    }
    .btn--close,
    .btn--close.btn--square:before,
    .btn--close:after {
        border-radius: 60px
    }
    .btn--close.btn--outline>svg rect {
        rx: 60px;
        ry: 60px
    }
    .btn--close>.btn__content {
        height: 120px
    }
}

.btn--close.btn--square {
    width: var(--spacing-3);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--close.btn--square {
        width: var(--spacing-1-5);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--close.btn--square {
        width: 120px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--close-xs,
.btn--close-xs>.btn__content {
    height: var(--spacing-3)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--close-xs,
    .btn--close-xs>.btn__content {
        height: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--close-xs,
    .btn--close-xs>.btn__content {
        height: 60px
    }
}

.btn--close-xs.btn--square {
    width: var(--spacing-3);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--close-xs.btn--square {
        width: var(--spacing-1-5);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--close-xs.btn--square {
        width: 60px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--submit {
    height: var(--spacing-4)
}

.btn--submit,
.btn--submit.btn--square:before,
.btn--submit:after {
    border-radius: var(--spacing-2)
}

.btn--submit.btn--outline>svg rect {
    rx: var(--spacing-2);
    ry: var(--spacing-2)
}

.btn--submit>.btn__content {
    height: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--submit {
        height: var(--spacing-2)
    }
    .btn--submit,
    .btn--submit.btn--square:before,
    .btn--submit:after {
        border-radius: var(--spacing-1)
    }
    .btn--submit.btn--outline>svg rect {
        rx: var(--spacing-1);
        ry: var(--spacing-1)
    }
    .btn--submit>.btn__content {
        height: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--submit {
        height: 120px
    }
    .btn--submit,
    .btn--submit.btn--square:before,
    .btn--submit:after {
        border-radius: 60px
    }
    .btn--submit.btn--outline>svg rect {
        rx: 60px;
        ry: 60px
    }
    .btn--submit>.btn__content {
        height: 120px
    }
}

.btn--submit.btn--square {
    width: var(--spacing-4);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--submit.btn--square {
        width: var(--spacing-2);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--submit.btn--square {
        width: 120px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xl {
    height: var(--spacing-4)
}

.btn--xl,
.btn--xl.btn--square:before,
.btn--xl:after {
    border-radius: var(--spacing-2)
}

.btn--xl.btn--outline>svg rect {
    rx: var(--spacing-2);
    ry: var(--spacing-2)
}

.btn--xl>.btn__content {
    height: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl {
        height: var(--spacing-3)
    }
    .btn--xl,
    .btn--xl.btn--square:before,
    .btn--xl:after {
        border-radius: var(--spacing-1-5)
    }
    .btn--xl.btn--outline>svg rect {
        rx: var(--spacing-1-5);
        ry: var(--spacing-1-5)
    }
    .btn--xl>.btn__content {
        height: var(--spacing-3)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl {
        height: 180px
    }
    .btn--xl,
    .btn--xl.btn--square:before,
    .btn--xl:after {
        border-radius: 90px
    }
    .btn--xl.btn--outline>svg rect {
        rx: 90px;
        ry: 90px
    }
    .btn--xl>.btn__content {
        height: 180px
    }
}

.btn--xl.btn--square {
    width: var(--spacing-4);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl.btn--square {
        width: var(--spacing-3);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl.btn--square {
        width: 180px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xl-news {
    height: calc(var(--spacing) * 6.5)
}

.btn--xl-news,
.btn--xl-news.btn--square:before,
.btn--xl-news:after {
    border-radius: calc(var(--spacing) * 3.25)
}

.btn--xl-news.btn--outline>svg rect {
    rx: calc(var(--spacing) * 3.25);
    ry: calc(var(--spacing) * 3.25)
}

.btn--xl-news>.btn__content {
    height: calc(var(--spacing) * 6.5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl-news {
        height: calc(var(--spacing) * 140 / 40)
    }
    .btn--xl-news,
    .btn--xl-news.btn--square:before,
    .btn--xl-news:after {
        border-radius: calc(var(--spacing-3-5) * 70 / 40)
    }
    .btn--xl-news.btn--outline>svg rect {
        rx: calc(var(--spacing-3-5) * 70 / 40);
        ry: calc(var(--spacing-3-5) * 70 / 40)
    }
    .btn--xl-news>.btn__content {
        height: calc(var(--spacing) * 140 / 40)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl-news {
        height: 200px
    }
    .btn--xl-news,
    .btn--xl-news.btn--square:before,
    .btn--xl-news:after {
        border-radius: 100px
    }
    .btn--xl-news.btn--outline>svg rect {
        rx: 100px;
        ry: 100px
    }
    .btn--xl-news>.btn__content {
        height: 200px
    }
}

.btn--xl-news.btn--square {
    width: calc(var(--spacing) * 6.5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl-news.btn--square {
        width: calc(var(--spacing) * 140 / 40);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl-news.btn--square {
        width: 200px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xl-landing {
    height: var(--spacing-2)
}

.btn--xl-landing,
.btn--xl-landing.btn--square:before,
.btn--xl-landing:after {
    border-radius: var(--spacing)
}

.btn--xl-landing.btn--outline>svg rect {
    rx: var(--spacing);
    ry: var(--spacing)
}

.btn--xl-landing>.btn__content {
    height: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl-landing {
        height: calc(var(--spacing) * 60 / 40)
    }
    .btn--xl-landing,
    .btn--xl-landing.btn--square:before,
    .btn--xl-landing:after {
        border-radius: calc(var(--spacing) * 30 / 40)
    }
    .btn--xl-landing.btn--outline>svg rect {
        rx: calc(var(--spacing) * 30 / 40);
        ry: calc(var(--spacing) * 30 / 40)
    }
    .btn--xl-landing>.btn__content {
        height: calc(var(--spacing) * 60 / 40)
    }
}

@media only screen and (min-width:980px) {
    .btn--xl-landing {
        height: var(--spacing-3)
    }
    .btn--xl-landing,
    .btn--xl-landing.btn--square:before,
    .btn--xl-landing:after {
        border-radius: var(--spacing-1-5)
    }
    .btn--xl-landing.btn--outline>svg rect {
        rx: var(--spacing-1-5);
        ry: var(--spacing-1-5)
    }
    .btn--xl-landing>.btn__content {
        height: var(--spacing-3)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl-landing {
        height: 180px
    }
    .btn--xl-landing,
    .btn--xl-landing.btn--square:before,
    .btn--xl-landing:after {
        border-radius: 90px
    }
    .btn--xl-landing.btn--outline>svg rect {
        rx: 90px;
        ry: 90px
    }
    .btn--xl-landing>.btn__content {
        height: 180px
    }
}

.btn--xl-landing.btn--square {
    width: var(--spacing-2);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xl-landing.btn--square {
        width: calc(var(--spacing) * 60 / 40);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--xl-landing.btn--square {
        width: var(--spacing-3);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--xl-landing.btn--square {
        width: 180px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xxl {
    height: var(--spacing-3)
}

.btn--xxl,
.btn--xxl.btn--square:before,
.btn--xxl:after {
    border-radius: var(--spacing-1-5)
}

.btn--xxl.btn--outline>svg rect {
    rx: var(--spacing-1-5);
    ry: var(--spacing-1-5)
}

.btn--xxl>.btn__content {
    height: var(--spacing-3)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxl {
        height: calc(var(--spacing) * 3.5)
    }
    .btn--xxl,
    .btn--xxl.btn--square:before,
    .btn--xxl:after {
        border-radius: calc(var(--spacing-3-5) / 2)
    }
    .btn--xxl.btn--outline>svg rect {
        rx: calc(var(--spacing-3-5) / 2);
        ry: calc(var(--spacing-3-5) / 2)
    }
    .btn--xxl>.btn__content {
        height: calc(var(--spacing) * 3.5)
    }
}

@media only screen and (min-width:980px) {
    .btn--xxl {
        height: calc(var(--spacing-4))
    }
    .btn--xxl,
    .btn--xxl.btn--square:before,
    .btn--xxl:after {
        border-radius: var(--spacing-2)
    }
    .btn--xxl.btn--outline>svg rect {
        rx: var(--spacing-2);
        ry: var(--spacing-2)
    }
    .btn--xxl>.btn__content {
        height: calc(var(--spacing-4))
    }
}

.btn--xxl.btn--square {
    width: var(--spacing-3);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxl.btn--square {
        width: calc(var(--spacing) * 3.5);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--xxl.btn--square {
        width: calc(var(--spacing-4));
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--rect,
.btn--rect.btn--square:before,
.btn--rect:after {
    border-radius: 0
}

.btn--rect.btn--outline>svg rect {
    rx: 0;
    ry: 0
}

.btn--modal {
    height: var(--spacing-4)
}

.btn--modal,
.btn--modal.btn--square:before,
.btn--modal:after {
    border-radius: calc(var(--spacing-4) / 2)
}

.btn--modal.btn--outline>svg rect {
    rx: calc(var(--spacing-4) / 2);
    ry: calc(var(--spacing-4) / 2)
}

.btn--modal>.btn__content {
    height: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--modal {
        height: var(--spacing-2)
    }
    .btn--modal,
    .btn--modal.btn--square:before,
    .btn--modal:after {
        border-radius: calc(var(--spacing-2) / 2)
    }
    .btn--modal.btn--outline>svg rect {
        rx: calc(var(--spacing-2) / 2);
        ry: calc(var(--spacing-2) / 2)
    }
    .btn--modal>.btn__content {
        height: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--modal {
        height: 120px
    }
    .btn--modal,
    .btn--modal.btn--square:before,
    .btn--modal:after {
        border-radius: 60px
    }
    .btn--modal.btn--outline>svg rect {
        rx: 60px;
        ry: 60px
    }
    .btn--modal>.btn__content {
        height: 120px
    }
}

.btn--modal.btn--square {
    width: var(--spacing-4);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--modal.btn--square {
        width: var(--spacing-2);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--modal.btn--square {
        width: 120px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--narrow {
    padding: 0 30px
}

.btn--narrow>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.btn--semi-narrow {
    padding: 0 30px
}

.btn--semi-narrow>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--semi-narrow {
        padding: 0 40px
    }
    .btn--semi-narrow>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.btn--reserve {
    font-size: 1rem;
    padding: 0 var(--spacing-1-5)
}

.btn--reserve>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--reserve {
        font-size: 1.2rem;
        padding: 0 var(--spacing)
    }
    .btn--reserve>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--reserve {
        font-size: 1.6rem
    }
}

.btn--reserve.btn--square {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--reserve.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--reserve.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--feature {
    height: calc(var(--spacing) * 6.5)
}

.btn--feature,
.btn--feature.btn--square:before,
.btn--feature:after {
    border-radius: calc(var(--spacing) * 6.5 / 2)
}

.btn--feature.btn--outline>svg rect {
    rx: calc(var(--spacing) * 6.5 / 2);
    ry: calc(var(--spacing) * 6.5 / 2)
}

.btn--feature>.btn__content {
    height: calc(var(--spacing) * 6.5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--feature {
        height: calc(var(--spacing) * 4);
        font-size: 10px;
        line-height: 16px
    }
    .btn--feature,
    .btn--feature.btn--square:before,
    .btn--feature:after {
        border-radius: calc(var(--spacing) * 4 / 2)
    }
    .btn--feature.btn--outline>svg rect {
        rx: calc(var(--spacing) * 4 / 2);
        ry: calc(var(--spacing) * 4 / 2)
    }
    .btn--feature>.btn__content {
        height: calc(var(--spacing) * 4)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--feature {
        height: calc(var(--spacing) * 220 / 60);
        font-size: 12px;
        line-height: 18px
    }
    .btn--feature,
    .btn--feature.btn--square:before,
    .btn--feature:after {
        border-radius: calc(var(--spacing) * 220 / 120)
    }
    .btn--feature.btn--outline>svg rect {
        rx: calc(var(--spacing) * 220 / 120);
        ry: calc(var(--spacing) * 220 / 120)
    }
    .btn--feature>.btn__content {
        height: calc(var(--spacing) * 220 / 60)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .btn--feature {
        height: calc(var(--spacing) * 240 / 80)
    }
    .btn--feature,
    .btn--feature.btn--square:before,
    .btn--feature:after {
        border-radius: calc(var(--spacing) * 240 / 160)
    }
    .btn--feature.btn--outline>svg rect {
        rx: calc(var(--spacing) * 240 / 160);
        ry: calc(var(--spacing) * 240 / 160)
    }
    .btn--feature>.btn__content {
        height: calc(var(--spacing) * 240 / 80)
    }
}

.btn--feature.btn--square {
    width: calc(var(--spacing) * 6.5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--feature.btn--square {
        width: calc(var(--spacing) * 4);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--feature.btn--square {
        width: calc(var(--spacing) * 220 / 60);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .btn--feature.btn--square {
        width: calc(var(--spacing) * 240 / 80);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--range {
    height: var(--spacing-1-5)
}

.btn--range,
.btn--range.btn--square:before,
.btn--range:after {
    border-radius: calc(var(--spacing-1-5) / 2)
}

.btn--range.btn--outline>svg rect {
    rx: calc(var(--spacing-1-5) / 2);
    ry: calc(var(--spacing-1-5) / 2)
}

.btn--range>.btn__content {
    height: var(--spacing-1-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--range {
        height: 4rem
    }
    .btn--range,
    .btn--range.btn--square:before,
    .btn--range:after {
        border-radius: 2rem
    }
    .btn--range.btn--outline>svg rect {
        rx: 2rem;
        ry: 2rem
    }
    .btn--range>.btn__content {
        height: 4rem
    }
}

.btn--range.btn--square {
    width: var(--spacing-1-5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--range.btn--square {
        width: 4rem;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--map-filter {
    height: 4rem;
    width: 100%;
    padding: 0 2.5rem
}

.btn--map-filter .btn__content {
    justify-content: space-between
}

.btn--map-filter,
.btn--map-filter.btn--square:before,
.btn--map-filter:after {
    border-radius: 2rem
}

.btn--map-filter.btn--outline>svg rect {
    rx: 2rem;
    ry: 2rem
}

.btn--map-filter>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 4rem
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .btn--map-filter {
        width: calc(var(--spacing) * 15)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--map-filter {
        width: calc(var(--spacing) * 300 / 40)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--map-filter {
        width: calc(var(--spacing) * 6);
        padding: 0 4rem
    }
    .btn--map-filter>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--map-filter {
        height: 6rem;
        width: var(--spacing-6)
    }
    .btn--map-filter,
    .btn--map-filter.btn--square:before,
    .btn--map-filter:after {
        border-radius: 3rem
    }
    .btn--map-filter.btn--outline>svg rect {
        rx: 3rem;
        ry: 3rem
    }
    .btn--map-filter>.btn__content {
        height: 6rem
    }
}

.btn--map-filter.btn--square {
    width: 4rem;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .btn--map-filter.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--map-filter.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--map-filter.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--map-filter.btn--square {
        width: 6rem;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--tiny-font {
    font-size: 1rem
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--tiny-font {
        font-size: 1.2rem;
        padding: 0 3rem
    }
    .btn--tiny-font>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

.btn--tiny-font.btn--square {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--tiny-font.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xxl-tabs {
    height: calc(var(--spacing) * 6.5)
}

.btn--xxl-tabs,
.btn--xxl-tabs.btn--square:before,
.btn--xxl-tabs:after {
    border-radius: calc(var(--spacing) * 3.25)
}

.btn--xxl-tabs.btn--outline>svg rect {
    rx: calc(var(--spacing) * 3.25);
    ry: calc(var(--spacing) * 3.25)
}

.btn--xxl-tabs>.btn__content {
    height: calc(var(--spacing) * 6.5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxl-tabs {
        height: calc(var(--spacing) * 140 / 40)
    }
    .btn--xxl-tabs,
    .btn--xxl-tabs.btn--square:before,
    .btn--xxl-tabs:after {
        border-radius: calc(var(--spacing-3-5) * 70 / 40)
    }
    .btn--xxl-tabs.btn--outline>svg rect {
        rx: calc(var(--spacing-3-5) * 70 / 40);
        ry: calc(var(--spacing-3-5) * 70 / 40)
    }
    .btn--xxl-tabs>.btn__content {
        height: calc(var(--spacing) * 140 / 40)
    }
}

@media only screen and (min-width:980px) {
    .btn--xxl-tabs {
        height: calc(var(--spacing-4))
    }
    .btn--xxl-tabs,
    .btn--xxl-tabs.btn--square:before,
    .btn--xxl-tabs:after {
        border-radius: var(--spacing-2)
    }
    .btn--xxl-tabs.btn--outline>svg rect {
        rx: var(--spacing-2);
        ry: var(--spacing-2)
    }
    .btn--xxl-tabs>.btn__content {
        height: calc(var(--spacing-4))
    }
}

.btn--xxl-tabs.btn--square {
    width: calc(var(--spacing) * 6.5);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--xxl-tabs.btn--square {
        width: calc(var(--spacing) * 140 / 40);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:980px) {
    .btn--xxl-tabs.btn--square {
        width: calc(var(--spacing-4));
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--accordion {
    height: 70px;
    padding: 18px 0 15px
}

.btn--accordion>.btn__content {
    margin-top: -18px;
    margin-bottom: -15px;
    padding-top: 18px;
    padding-bottom: 15px;
    height: 70px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--accordion,
    .btn--accordion>.btn__content {
        height: 90px
    }
}

.btn--md-map {
    height: calc(var(--spacing) * 60 / 20)
}

.btn--md-map,
.btn--md-map.btn--square:before,
.btn--md-map:after {
    border-radius: calc((var(--spacing) * 60 / 20) / 2)
}

.btn--md-map.btn--outline>svg rect {
    rx: calc((var(--spacing) * 60 / 20) / 2);
    ry: calc((var(--spacing) * 60 / 20) / 2)
}

.btn--md-map>.btn__content {
    height: calc(var(--spacing) * 60 / 20)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--md-map {
        height: calc(var(--spacing) * 60 / 40)
    }
    .btn--md-map,
    .btn--md-map.btn--square:before,
    .btn--md-map:after {
        border-radius: calc((var(--spacing) * 60 / 40) / 2)
    }
    .btn--md-map.btn--outline>svg rect {
        rx: calc((var(--spacing) * 60 / 40) / 2);
        ry: calc((var(--spacing) * 60 / 40) / 2)
    }
    .btn--md-map>.btn__content {
        height: calc(var(--spacing) * 60 / 40)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--md-map {
        height: calc(var(--spacing) * 80 / 60)
    }
    .btn--md-map,
    .btn--md-map.btn--square:before,
    .btn--md-map:after {
        border-radius: calc((var(--spacing) * 80 / 60) / 2)
    }
    .btn--md-map.btn--outline>svg rect {
        rx: calc((var(--spacing) * 80 / 60) / 2);
        ry: calc((var(--spacing) * 80 / 60) / 2)
    }
    .btn--md-map>.btn__content {
        height: calc(var(--spacing) * 80 / 60)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--md-map {
        height: 80px
    }
    .btn--md-map,
    .btn--md-map.btn--square:before,
    .btn--md-map:after {
        border-radius: 40px
    }
    .btn--md-map.btn--outline>svg rect {
        rx: 40px;
        ry: 40px
    }
    .btn--md-map>.btn__content {
        height: 80px
    }
}

.btn--md-map.btn--square {
    width: calc(var(--spacing) * 60 / 20);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--md-map.btn--square {
        width: calc(var(--spacing) * 60 / 40);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--md-map.btn--square {
        width: calc(var(--spacing) * 80 / 60);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .btn--md-map.btn--square {
        width: 80px;
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--flat {
    height: calc(var(--spacing) * 2);
    padding: 0 30px;
    font-weight: 500
}

.btn--flat,
.btn--flat.btn--square:before,
.btn--flat:after {
    border-radius: calc(var(--spacing))
}

.btn--flat.btn--outline>svg rect {
    rx: calc(var(--spacing));
    ry: calc(var(--spacing))
}

.btn--flat>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--spacing) * 2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--flat {
        height: var(--spacing);
        padding: 0 30px
    }
    .btn--flat,
    .btn--flat.btn--square:before,
    .btn--flat:after {
        border-radius: calc(var(--spacing) / 2)
    }
    .btn--flat.btn--outline>svg rect {
        rx: calc(var(--spacing) / 2);
        ry: calc(var(--spacing) / 2)
    }
    .btn--flat>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        height: var(--spacing)
    }
}

.btn--flat.btn--square {
    width: calc(var(--spacing) * 2);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--flat.btn--square {
        width: var(--spacing);
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--xs--header {
    height: calc(var(--spacing) * 1.25);
    padding: 0 10px;
    font-weight: 500
}

.btn--xs--header,
.btn--xs--header.btn--square:before,
.btn--xs--header:after {
    border-radius: calc(var(--spacing) * 2.5)
}

.btn--xs--header.btn--outline>svg rect {
    rx: calc(var(--spacing) * 2.5);
    ry: calc(var(--spacing) * 2.5)
}

.btn--xs--header>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--spacing) * 1.25)
}

.btn--xs--header.btn--square {
    width: calc(var(--spacing) * 1.25);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--link--header--lg {
        font-size: 1.6rem
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--link--header--lg.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn--favourite-modal {
    height: 40px;
    padding: 0 25px
}

.btn--favourite-modal .btn__content {
    justify-content: center
}

.btn--favourite-modal,
.btn--favourite-modal.btn--square:before,
.btn--favourite-modal:after {
    border-radius: 20px
}

.btn--favourite-modal.btn--outline>svg rect {
    rx: 20px;
    ry: 20px
}

.btn--favourite-modal>.btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: 40px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--favourite-modal {
        width: calc(var(--spacing) * 180 / 40);
        padding: 0
    }
    .btn--favourite-modal>.btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--favourite-modal {
        width: 180px
    }
}

.btn--favourite-modal.btn--square {
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .btn--favourite-modal.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .btn--favourite-modal.btn--square {
        padding-left: 0;
        padding-right: 0;
        flex-grow: 0;
        flex-shrink: 0
    }
}

.btn.btn--primary,
.btn.btn--primary .btn-container.is-disabled,
.btn.btn--primary.is-disabled,
.btn.btn--primary:disabled {
    color: #f9f0ec
}

.btn.btn--primary .btn-container.is-disabled:after,
.btn.btn--primary.is-disabled:after,
.btn.btn--primary:after,
.btn.btn--primary:disabled:after {
    background-color: #ac835e
}

.btn.btn--primary .btn-container.is-disabled:before,
.btn.btn--primary.is-disabled:before,
.btn.btn--primary:before,
.btn.btn--primary:disabled:before {
    background-color: #181d24
}

.btn-container.is-active .btn.btn--primary,
.btn.btn--primary.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--primary,
.has-hover .btn-container.is-active:hover .btn.btn--primary,
.has-hover .btn-container:active:hover .btn.btn--primary,
.has-hover .btn-container:hover .btn.btn--primary,
.has-hover .btn.btn--primary.is-active:active:hover,
.has-hover .btn.btn--primary.is-active:hover,
.has-hover .btn.btn--primary:active:hover,
.has-hover .btn.btn--primary:hover {
    color: #f9f0ec
}

.btn.btn--primary .btn-container.is-disabled,
.btn.btn--primary.is-disabled,
.btn.btn--primary:disabled {
    color: #181d24
}

.btn.btn--primary .btn-container.is-disabled:after,
.btn.btn--primary.is-disabled:after,
.btn.btn--primary:disabled:after {
    background-color: #dbd2ce
}

.btn-container.focus-visible .btn.btn--primary,
.btn.btn--primary.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--primary .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--primary,
.ui-dark .btn.btn--primary.is-disabled,
.ui-dark .btn.btn--primary:disabled {
    color: #f9f0ec
}

.btn.btn--primary .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--primary.is-disabled:after,
.ui-dark .btn.btn--primary:after,
.ui-dark .btn.btn--primary:disabled:after {
    background-color: #ac835e
}

.btn.btn--primary .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--primary.is-disabled:before,
.ui-dark .btn.btn--primary:before,
.ui-dark .btn.btn--primary:disabled:before {
    background-color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:active:hover .btn.btn--primary,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--primary,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--primary,
.has-hover .ui-dark .btn-container:hover .btn.btn--primary,
.has-hover .ui-dark .btn.btn--primary.is-active:active:hover,
.has-hover .ui-dark .btn.btn--primary.is-active:hover,
.has-hover .ui-dark .btn.btn--primary:active:hover,
.has-hover .ui-dark .btn.btn--primary:hover,
.ui-dark .btn-container.is-active .btn.btn--primary,
.ui-dark .btn.btn--primary.is-active {
    color: #181d24
}

.ui-dark .btn-container.focus-visible .btn.btn--primary,
.ui-dark .btn.btn--primary.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--primary .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--primary,
.ui-brown .btn.btn--primary.is-disabled,
.ui-brown .btn.btn--primary:disabled {
    color: #f9f0ec
}

.btn.btn--primary .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--primary.is-disabled:after,
.ui-brown .btn.btn--primary:after,
.ui-brown .btn.btn--primary:disabled:after {
    background-color: #181d24
}

.btn.btn--primary .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--primary.is-disabled:before,
.ui-brown .btn.btn--primary:before,
.ui-brown .btn.btn--primary:disabled:before {
    background-color: #f9f0ec
}

.has-hover .ui-brown .btn-container.is-active:active:hover .btn.btn--primary,
.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--primary,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--primary,
.has-hover .ui-brown .btn-container:hover .btn.btn--primary,
.has-hover .ui-brown .btn.btn--primary.is-active:active:hover,
.has-hover .ui-brown .btn.btn--primary.is-active:hover,
.has-hover .ui-brown .btn.btn--primary:active:hover,
.has-hover .ui-brown .btn.btn--primary:hover,
.ui-brown .btn-container.is-active .btn.btn--primary,
.ui-brown .btn.btn--primary.is-active {
    color: #ca9d75
}

.btn.btn--primary .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--primary.is-disabled:after,
.ui-brown .btn.btn--primary:disabled:after {
    background-color: #dbd2ce
}

.ui-brown .btn-container.focus-visible .btn.btn--primary,
.ui-brown .btn.btn--primary.focus-visible {
    box-shadow: 0 0 0 3px rgba(24, 29, 36, .4)
}

.btn.btn--primary .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--primary,
.ui-gold .btn.btn--primary.is-disabled,
.ui-gold .btn.btn--primary:disabled {
    color: #f9f0ec
}

.btn.btn--primary .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--primary.is-disabled:after,
.ui-gold .btn.btn--primary:after,
.ui-gold .btn.btn--primary:disabled:after {
    background-color: #cfa261
}

.btn.btn--primary .ui-gold .btn-container.is-disabled:before,
.ui-gold .btn.btn--primary.is-disabled:before,
.ui-gold .btn.btn--primary:before,
.ui-gold .btn.btn--primary:disabled:before {
    background-color: #181d24
}

.has-hover .ui-gold .btn-container.is-active:active:hover .btn.btn--primary,
.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--primary,
.has-hover .ui-gold .btn-container:active:hover .btn.btn--primary,
.has-hover .ui-gold .btn-container:hover .btn.btn--primary,
.has-hover .ui-gold .btn.btn--primary.is-active:active:hover,
.has-hover .ui-gold .btn.btn--primary.is-active:hover,
.has-hover .ui-gold .btn.btn--primary:active:hover,
.has-hover .ui-gold .btn.btn--primary:hover,
.ui-gold .btn-container.is-active .btn.btn--primary,
.ui-gold .btn.btn--primary.is-active {
    color: #f9f0ec
}

.btn.btn--primary .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--primary.is-disabled,
.ui-gold .btn.btn--primary:disabled {
    color: #181d24
}

.btn.btn--primary .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--primary.is-disabled:after,
.ui-gold .btn.btn--primary:disabled:after {
    background-color: #dbd2ce
}

.ui-gold .btn-container.focus-visible .btn.btn--primary,
.ui-gold .btn.btn--primary.focus-visible {
    box-shadow: 0 0 0 3px rgba(207, 162, 97, .4)
}

.btn.btn--primary-transparent,
.btn.btn--primary-transparent .btn-container.is-disabled,
.btn.btn--primary-transparent.is-disabled,
.btn.btn--primary-transparent:disabled {
    color: #ac835e
}

.btn.btn--primary-transparent .btn-container.is-disabled:after,
.btn.btn--primary-transparent.is-disabled:after,
.btn.btn--primary-transparent:after,
.btn.btn--primary-transparent:disabled:after {
    background-color: transparent
}

.btn.btn--primary-transparent .btn-container.is-disabled:before,
.btn.btn--primary-transparent.is-disabled:before,
.btn.btn--primary-transparent:before,
.btn.btn--primary-transparent:disabled:before {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--primary-transparent,
.btn.btn--primary-transparent.is-active,
.has-hover .btn-container:active:hover .btn.btn--primary-transparent,
.has-hover .btn-container:hover .btn.btn--primary-transparent,
.has-hover .btn.btn--primary-transparent:active:hover,
.has-hover .btn.btn--primary-transparent:hover {
    color: #f9f0ec
}

.btn-container.is-active .btn.btn--primary-transparent:after,
.btn.btn--primary-transparent.is-active:after {
    background-color: #ac835e
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-transparent,
.has-hover .btn-container.is-active:hover .btn.btn--primary-transparent,
.has-hover .btn.btn--primary-transparent.is-active:active:hover,
.has-hover .btn.btn--primary-transparent.is-active:hover {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--primary-transparent,
.btn.btn--primary-transparent.focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .4)
}

.btn-container.focus-visible .btn-container.is-active .btn.btn--primary-transparent,
.btn-container.focus-visible .btn.btn--primary-transparent.is-active,
.btn-container.is-active .btn.btn--primary-transparent.focus-visible,
.btn.btn--primary-transparent.is-active.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--primary-transparent .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--primary-transparent,
.ui-gold .btn.btn--primary-transparent.is-disabled,
.ui-gold .btn.btn--primary-transparent:disabled {
    color: #cfa261
}

.btn.btn--primary-transparent .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--primary-transparent.is-disabled:after,
.ui-gold .btn.btn--primary-transparent:after,
.ui-gold .btn.btn--primary-transparent:disabled:after {
    background-color: transparent
}

.btn.btn--primary-transparent .ui-gold .btn-container.is-disabled:before,
.ui-gold .btn.btn--primary-transparent.is-disabled:before,
.ui-gold .btn.btn--primary-transparent:before,
.ui-gold .btn.btn--primary-transparent:disabled:before {
    background-color: #cfa261
}

.has-hover .ui-gold .btn-container:active:hover .btn.btn--primary-transparent,
.has-hover .ui-gold .btn-container:hover .btn.btn--primary-transparent,
.has-hover .ui-gold .btn.btn--primary-transparent:active:hover,
.has-hover .ui-gold .btn.btn--primary-transparent:hover,
.ui-gold .btn-container.is-active .btn.btn--primary-transparent,
.ui-gold .btn.btn--primary-transparent.is-active {
    color: #f9f0ec
}

.ui-gold .btn-container.is-active .btn.btn--primary-transparent:after,
.ui-gold .btn.btn--primary-transparent.is-active:after {
    background-color: #cfa261
}

.has-hover .ui-gold .btn-container.is-active:active:hover .btn.btn--primary-transparent,
.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--primary-transparent,
.has-hover .ui-gold .btn.btn--primary-transparent.is-active:active:hover,
.has-hover .ui-gold .btn.btn--primary-transparent.is-active:hover {
    color: #f9f0ec
}

.ui-gold .btn-container.focus-visible .btn.btn--primary-transparent,
.ui-gold .btn.btn--primary-transparent.focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .4)
}

.ui-gold .btn-container.focus-visible .ui-gold .btn-container.is-active .btn.btn--primary-transparent,
.ui-gold .btn-container.focus-visible .ui-gold .btn.btn--primary-transparent.is-active,
.ui-gold .ui-gold .btn-container.is-active .btn.btn--primary-transparent.focus-visible,
.ui-gold .ui-gold .btn.btn--primary-transparent.is-active.focus-visible {
    box-shadow: 0 0 0 3px rgba(207, 162, 97, .4)
}

.btn.btn--primary-border {
    border: 1px solid
}

.btn.btn--primary-border,
.btn.btn--primary-border .btn-container.is-disabled,
.btn.btn--primary-border.is-disabled,
.btn.btn--primary-border:disabled {
    color: #ac835e
}

.btn.btn--primary-border .btn-container.is-disabled:after,
.btn.btn--primary-border.is-disabled:after,
.btn.btn--primary-border:after,
.btn.btn--primary-border:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--primary-border .btn-container.is-disabled:before,
.btn.btn--primary-border.is-disabled:before,
.btn.btn--primary-border:before,
.btn.btn--primary-border:disabled:before {
    background-color: #ac835e
}

.btn.btn--primary-border .btn-container.is-disabled>svg rect,
.btn.btn--primary-border.is-disabled>svg rect,
.btn.btn--primary-border:disabled>svg rect,
.btn.btn--primary-border>svg rect {
    stroke: #ac835e
}

.btn.btn--primary-border .btn-container.is-disabled:after,
.btn.btn--primary-border.is-disabled:after,
.btn.btn--primary-border:after,
.btn.btn--primary-border:disabled:after {
    border-color: #ac835e
}

.btn-container.is-active .btn.btn--primary-border,
.btn.btn--primary-border.is-active,
.has-hover .btn-container:active:hover .btn.btn--primary-border,
.has-hover .btn-container:hover .btn.btn--primary-border,
.has-hover .btn.btn--primary-border:active:hover,
.has-hover .btn.btn--primary-border:hover {
    color: #f9f0ec
}

.btn-container.is-active .btn.btn--primary-border:after,
.btn.btn--primary-border.is-active:after {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--primary-border>svg rect,
.btn.btn--primary-border.is-active>svg rect {
    stroke: #ac835e
}

.btn-container.is-active .btn.btn--primary-border:after,
.btn.btn--primary-border.is-active:after {
    border-color: #ac835e
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border,
.has-hover .btn.btn--primary-border.is-active:hover {
    color: #f9f0ec
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border>svg rect,
.has-hover .btn.btn--primary-border.is-active:hover>svg rect {
    stroke: #f9f0ec
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border:after,
.has-hover .btn.btn--primary-border.is-active:hover:after {
    border-color: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border,
.has-hover .btn.btn--primary-border.is-active:active:hover {
    color: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border>svg rect,
.has-hover .btn.btn--primary-border.is-active:active:hover>svg rect {
    stroke: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border:after,
.has-hover .btn.btn--primary-border.is-active:active:hover:after {
    border-color: #f9f0ec
}

.btn.btn--primary-border .btn-container.is-disabled,
.btn.btn--primary-border.is-disabled,
.btn.btn--primary-border:disabled {
    color: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border .btn-container.is-disabled:after,
.btn.btn--primary-border.is-disabled:after,
.btn.btn--primary-border:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--primary-border .btn-container.is-disabled>svg rect,
.btn.btn--primary-border.is-disabled>svg rect,
.btn.btn--primary-border:disabled>svg rect {
    stroke: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border .btn-container.is-disabled:after,
.btn.btn--primary-border.is-disabled:after,
.btn.btn--primary-border:disabled:after {
    border-color: rgba(172, 131, 94, .4)
}

.btn-container.focus-visible .btn.btn--primary-border,
.btn.btn--primary-border.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border,
.btn-container.focus-visible .btn.btn--primary-border.is-active,
.btn-container.is-active .btn.btn--primary-border.focus-visible,
.btn.btn--primary-border.is-active.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.has-hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border:active:hover,
.has-hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border:hover,
.has-hover .btn-container.focus-visible .btn.btn--primary-border.is-active:active:hover,
.has-hover .btn-container.focus-visible .btn.btn--primary-border.is-active:hover,
.has-hover .btn-container.is-active .btn.btn--primary-border.focus-visible:active:hover,
.has-hover .btn-container.is-active .btn.btn--primary-border.focus-visible:hover,
.has-hover .btn-container:active:hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border,
.has-hover .btn-container:active:hover .btn-container.focus-visible .btn.btn--primary-border.is-active,
.has-hover .btn-container:active:hover .btn-container.is-active .btn.btn--primary-border.focus-visible,
.has-hover .btn-container:active:hover .btn.btn--primary-border.is-active.focus-visible,
.has-hover .btn-container:hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border,
.has-hover .btn-container:hover .btn-container.focus-visible .btn.btn--primary-border.is-active,
.has-hover .btn-container:hover .btn-container.is-active .btn.btn--primary-border.focus-visible,
.has-hover .btn-container:hover .btn.btn--primary-border.is-active.focus-visible,
.has-hover .btn.btn--primary-border.is-active.focus-visible:active:hover,
.has-hover .btn.btn--primary-border.is-active.focus-visible:hover {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--primary-border--disabled {
    border: 1px solid;
    cursor: default
}

.btn.btn--primary-border--disabled,
.btn.btn--primary-border--disabled .btn-container.is-disabled,
.btn.btn--primary-border--disabled.is-disabled,
.btn.btn--primary-border--disabled:disabled {
    color: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border--disabled .btn-container.is-disabled:after,
.btn.btn--primary-border--disabled.is-disabled:after,
.btn.btn--primary-border--disabled:after,
.btn.btn--primary-border--disabled:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--primary-border--disabled .btn-container.is-disabled>svg rect,
.btn.btn--primary-border--disabled.is-disabled>svg rect,
.btn.btn--primary-border--disabled:disabled>svg rect,
.btn.btn--primary-border--disabled>svg rect {
    stroke: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border--disabled .btn-container.is-disabled:after,
.btn.btn--primary-border--disabled.is-disabled:after,
.btn.btn--primary-border--disabled:after,
.btn.btn--primary-border--disabled:disabled:after {
    border-color: rgba(172, 131, 94, .4)
}

.btn-container.focus-visible .btn.btn--primary-border--disabled,
.btn.btn--primary-border--disabled.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--primary-border--transparent {
    border: 1px solid
}

.btn.btn--primary-border--transparent,
.btn.btn--primary-border--transparent .btn-container.is-disabled,
.btn.btn--primary-border--transparent.is-disabled,
.btn.btn--primary-border--transparent:disabled {
    color: #ac835e
}

.btn.btn--primary-border--transparent .btn-container.is-disabled:after,
.btn.btn--primary-border--transparent.is-disabled:after,
.btn.btn--primary-border--transparent:after,
.btn.btn--primary-border--transparent:disabled:after {
    background-color: transparent
}

.btn.btn--primary-border--transparent .btn-container.is-disabled:before,
.btn.btn--primary-border--transparent.is-disabled:before,
.btn.btn--primary-border--transparent:before,
.btn.btn--primary-border--transparent:disabled:before {
    background-color: #ac835e
}

.btn.btn--primary-border--transparent .btn-container.is-disabled>svg rect,
.btn.btn--primary-border--transparent.is-disabled>svg rect,
.btn.btn--primary-border--transparent:disabled>svg rect,
.btn.btn--primary-border--transparent>svg rect {
    stroke: #ac835e
}

.btn.btn--primary-border--transparent .btn-container.is-disabled:after,
.btn.btn--primary-border--transparent.is-disabled:after,
.btn.btn--primary-border--transparent:after,
.btn.btn--primary-border--transparent:disabled:after {
    border-color: #ac835e
}

.btn-container.is-active .btn.btn--primary-border--transparent,
.btn.btn--primary-border--transparent.is-active,
.has-hover .btn-container:active:hover .btn.btn--primary-border--transparent,
.has-hover .btn-container:hover .btn.btn--primary-border--transparent,
.has-hover .btn.btn--primary-border--transparent:active:hover,
.has-hover .btn.btn--primary-border--transparent:hover {
    color: #f9f0ec
}

.btn-container.is-active .btn.btn--primary-border--transparent:after,
.btn.btn--primary-border--transparent.is-active:after {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--primary-border--transparent>svg rect,
.btn.btn--primary-border--transparent.is-active>svg rect {
    stroke: #ac835e
}

.btn-container.is-active .btn.btn--primary-border--transparent:after,
.btn.btn--primary-border--transparent.is-active:after {
    border-color: #ac835e
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border--transparent,
.has-hover .btn.btn--primary-border--transparent.is-active:hover {
    color: #f9f0ec
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border--transparent>svg rect,
.has-hover .btn.btn--primary-border--transparent.is-active:hover>svg rect {
    stroke: #f9f0ec
}

.has-hover .btn-container.is-active:hover .btn.btn--primary-border--transparent:after,
.has-hover .btn.btn--primary-border--transparent.is-active:hover:after {
    border-color: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border--transparent,
.has-hover .btn.btn--primary-border--transparent.is-active:active:hover {
    color: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border--transparent>svg rect,
.has-hover .btn.btn--primary-border--transparent.is-active:active:hover>svg rect {
    stroke: #f9f0ec
}

.has-hover .btn-container.is-active:active:hover .btn.btn--primary-border--transparent:after,
.has-hover .btn.btn--primary-border--transparent.is-active:active:hover:after {
    border-color: #f9f0ec
}

.btn.btn--primary-border--transparent .btn-container.is-disabled,
.btn.btn--primary-border--transparent.is-disabled,
.btn.btn--primary-border--transparent:disabled {
    color: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border--transparent .btn-container.is-disabled:after,
.btn.btn--primary-border--transparent.is-disabled:after,
.btn.btn--primary-border--transparent:disabled:after {
    background-color: transparent
}

.btn.btn--primary-border--transparent .btn-container.is-disabled>svg rect,
.btn.btn--primary-border--transparent.is-disabled>svg rect,
.btn.btn--primary-border--transparent:disabled>svg rect {
    stroke: rgba(172, 131, 94, .4)
}

.btn.btn--primary-border--transparent .btn-container.is-disabled:after,
.btn.btn--primary-border--transparent.is-disabled:after,
.btn.btn--primary-border--transparent:disabled:after {
    border-color: rgba(172, 131, 94, .4)
}

.btn-container.focus-visible .btn.btn--primary-border--transparent,
.btn.btn--primary-border--transparent.focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .4)
}

.btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border--transparent,
.btn-container.focus-visible .btn.btn--primary-border--transparent.is-active,
.btn-container.is-active .btn.btn--primary-border--transparent.focus-visible,
.btn.btn--primary-border--transparent.is-active.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.has-hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border--transparent:active:hover,
.has-hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border--transparent:hover,
.has-hover .btn-container.focus-visible .btn.btn--primary-border--transparent.is-active:active:hover,
.has-hover .btn-container.focus-visible .btn.btn--primary-border--transparent.is-active:hover,
.has-hover .btn-container.is-active .btn.btn--primary-border--transparent.focus-visible:active:hover,
.has-hover .btn-container.is-active .btn.btn--primary-border--transparent.focus-visible:hover,
.has-hover .btn-container:active:hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border--transparent,
.has-hover .btn-container:active:hover .btn-container.focus-visible .btn.btn--primary-border--transparent.is-active,
.has-hover .btn-container:active:hover .btn-container.is-active .btn.btn--primary-border--transparent.focus-visible,
.has-hover .btn-container:active:hover .btn.btn--primary-border--transparent.is-active.focus-visible,
.has-hover .btn-container:hover .btn-container.focus-visible .btn-container.is-active .btn.btn--primary-border--transparent,
.has-hover .btn-container:hover .btn-container.focus-visible .btn.btn--primary-border--transparent.is-active,
.has-hover .btn-container:hover .btn-container.is-active .btn.btn--primary-border--transparent.focus-visible,
.has-hover .btn-container:hover .btn.btn--primary-border--transparent.is-active.focus-visible,
.has-hover .btn.btn--primary-border--transparent.is-active.focus-visible:active:hover,
.has-hover .btn.btn--primary-border--transparent.is-active.focus-visible:hover {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--secondary,
.btn.btn--secondary .btn-container.is-disabled,
.btn.btn--secondary.is-disabled,
.btn.btn--secondary:disabled {
    color: #f9f0ec
}

.btn.btn--secondary .btn-container.is-disabled:after,
.btn.btn--secondary.is-disabled:after,
.btn.btn--secondary:after,
.btn.btn--secondary:disabled:after {
    background-color: #ac835e
}

.btn.btn--secondary .btn-container.is-disabled:before,
.btn.btn--secondary.is-disabled:before,
.btn.btn--secondary:before,
.btn.btn--secondary:disabled:before {
    background-color: #f9f0ec
}

.btn-container.is-active .btn.btn--secondary,
.btn.btn--secondary.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--secondary,
.has-hover .btn-container.is-active:hover .btn.btn--secondary,
.has-hover .btn-container:active:hover .btn.btn--secondary,
.has-hover .btn-container:hover .btn.btn--secondary,
.has-hover .btn.btn--secondary.is-active:active:hover,
.has-hover .btn.btn--secondary.is-active:hover,
.has-hover .btn.btn--secondary:active:hover,
.has-hover .btn.btn--secondary:hover {
    color: #ac835e
}

.btn.btn--secondary .btn-container.is-disabled,
.btn.btn--secondary.is-disabled,
.btn.btn--secondary:disabled {
    color: #181d24
}

.btn.btn--secondary .btn-container.is-disabled:after,
.btn.btn--secondary.is-disabled:after,
.btn.btn--secondary:disabled:after {
    background-color: #dbd2ce
}

.btn-container.focus-visible .btn.btn--secondary,
.btn.btn--secondary.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--secondary-alt,
.btn.btn--secondary-alt .btn-container.is-disabled,
.btn.btn--secondary-alt.is-disabled,
.btn.btn--secondary-alt:disabled {
    color: #f9f0ec
}

.btn.btn--secondary-alt .btn-container.is-disabled:after,
.btn.btn--secondary-alt.is-disabled:after,
.btn.btn--secondary-alt:after,
.btn.btn--secondary-alt:disabled:after {
    background-color: #ac835e
}

.btn.btn--secondary-alt .btn-container.is-disabled:before,
.btn.btn--secondary-alt.is-disabled:before,
.btn.btn--secondary-alt:before,
.btn.btn--secondary-alt:disabled:before {
    background-color: #f9f0ec
}

.btn-container.is-active .btn.btn--secondary-alt,
.btn.btn--secondary-alt .btn-container.is-disabled,
.btn.btn--secondary-alt.is-active,
.btn.btn--secondary-alt.is-disabled,
.btn.btn--secondary-alt:disabled,
.has-hover .btn-container.is-active:active:hover .btn.btn--secondary-alt,
.has-hover .btn-container.is-active:hover .btn.btn--secondary-alt,
.has-hover .btn-container:active:hover .btn.btn--secondary-alt,
.has-hover .btn-container:hover .btn.btn--secondary-alt,
.has-hover .btn.btn--secondary-alt.is-active:active:hover,
.has-hover .btn.btn--secondary-alt.is-active:hover,
.has-hover .btn.btn--secondary-alt:active:hover,
.has-hover .btn.btn--secondary-alt:hover {
    color: #181d24
}

.btn.btn--secondary-alt .btn-container.is-disabled:after,
.btn.btn--secondary-alt.is-disabled:after,
.btn.btn--secondary-alt:disabled:after {
    background-color: #dbd2ce
}

.btn-container.focus-visible .btn.btn--secondary-alt,
.btn.btn--secondary-alt.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--secondary .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--secondary,
.ui-dark .btn.btn--secondary.is-disabled,
.ui-dark .btn.btn--secondary:disabled {
    color: #181d24
}

.btn.btn--secondary .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--secondary.is-disabled:after,
.ui-dark .btn.btn--secondary:after,
.ui-dark .btn.btn--secondary:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--secondary .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--secondary.is-disabled:before,
.ui-dark .btn.btn--secondary:before,
.ui-dark .btn.btn--secondary:disabled:before {
    background-color: #ca9d75
}

.has-hover .ui-dark .btn-container.is-active:active:hover .btn.btn--secondary,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--secondary,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--secondary,
.has-hover .ui-dark .btn-container:hover .btn.btn--secondary,
.has-hover .ui-dark .btn.btn--secondary.is-active:active:hover,
.has-hover .ui-dark .btn.btn--secondary.is-active:hover,
.has-hover .ui-dark .btn.btn--secondary:active:hover,
.has-hover .ui-dark .btn.btn--secondary:hover,
.ui-dark .btn-container.is-active .btn.btn--secondary,
.ui-dark .btn.btn--secondary.is-active {
    color: #f9f0ec
}

.btn.btn--secondary .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--secondary.is-disabled,
.ui-dark .btn.btn--secondary:disabled {
    color: #181d24
}

.btn.btn--secondary .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--secondary.is-disabled:after,
.ui-dark .btn.btn--secondary:disabled:after {
    background-color: #dbd2ce
}

.ui-dark .btn-container.focus-visible .btn.btn--secondary,
.ui-dark .btn.btn--secondary.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--secondary.btn--nohover .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--secondary.btn--nohover,
.ui-dark .btn.btn--secondary.btn--nohover.is-disabled,
.ui-dark .btn.btn--secondary.btn--nohover:disabled {
    color: #181d24
}

.btn.btn--secondary.btn--nohover .ui-dark .btn-container.is-disabled:after,
.btn.btn--secondary.btn--nohover .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--secondary.btn--nohover.is-disabled:after,
.ui-dark .btn.btn--secondary.btn--nohover.is-disabled:before,
.ui-dark .btn.btn--secondary.btn--nohover:after,
.ui-dark .btn.btn--secondary.btn--nohover:before,
.ui-dark .btn.btn--secondary.btn--nohover:disabled:after,
.ui-dark .btn.btn--secondary.btn--nohover:disabled:before {
    background-color: #f9f0ec
}

.btn.btn--secondary.btn--nohover .ui-dark .btn-container.is-disabled,
.has-hover .ui-dark .btn-container.is-active:active:hover .btn.btn--secondary.btn--nohover,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--secondary.btn--nohover,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--secondary.btn--nohover,
.has-hover .ui-dark .btn-container:hover .btn.btn--secondary.btn--nohover,
.has-hover .ui-dark .btn.btn--secondary.btn--nohover.is-active:active:hover,
.has-hover .ui-dark .btn.btn--secondary.btn--nohover.is-active:hover,
.has-hover .ui-dark .btn.btn--secondary.btn--nohover:active:hover,
.has-hover .ui-dark .btn.btn--secondary.btn--nohover:hover,
.ui-dark .btn-container.is-active .btn.btn--secondary.btn--nohover,
.ui-dark .btn.btn--secondary.btn--nohover.is-active,
.ui-dark .btn.btn--secondary.btn--nohover.is-disabled,
.ui-dark .btn.btn--secondary.btn--nohover:disabled {
    color: #181d24
}

.btn.btn--secondary.btn--nohover .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--secondary.btn--nohover.is-disabled:after,
.ui-dark .btn.btn--secondary.btn--nohover:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--brown,
.btn.btn--brown .btn-container.is-disabled,
.btn.btn--brown.is-disabled,
.btn.btn--brown:disabled {
    color: #f9f0ec
}

.btn.btn--brown .btn-container.is-disabled:after,
.btn.btn--brown.is-disabled:after,
.btn.btn--brown:after,
.btn.btn--brown:disabled:after {
    background-color: #59413e
}

.btn.btn--brown .btn-container.is-disabled:before,
.btn.btn--brown.is-disabled:before,
.btn.btn--brown:before,
.btn.btn--brown:disabled:before {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--brown,
.btn.btn--brown.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--brown,
.has-hover .btn-container.is-active:hover .btn.btn--brown,
.has-hover .btn-container:active:hover .btn.btn--brown,
.has-hover .btn-container:hover .btn.btn--brown,
.has-hover .btn.btn--brown.is-active:active:hover,
.has-hover .btn.btn--brown.is-active:hover,
.has-hover .btn.btn--brown:active:hover,
.has-hover .btn.btn--brown:hover {
    color: #f9f0ec
}

.btn.btn--brown .btn-container.is-disabled:after,
.btn.btn--brown.is-disabled:after,
.btn.btn--brown:disabled:after {
    background-color: #684c48
}

.btn-container.focus-visible .btn.btn--brown,
.btn.btn--brown.focus-visible {
    box-shadow: 0 0 0 3px rgba(89, 65, 62, .4)
}

.btn.btn--brown .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--brown,
.ui-gold .btn.btn--brown.is-disabled,
.ui-gold .btn.btn--brown:disabled {
    color: #f9f0ec
}

.btn.btn--brown .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--brown.is-disabled:after,
.ui-gold .btn.btn--brown:after,
.ui-gold .btn.btn--brown:disabled:after {
    background-color: #39404e
}

.btn.btn--brown .ui-gold .btn-container.is-disabled:before,
.ui-gold .btn.btn--brown.is-disabled:before,
.ui-gold .btn.btn--brown:before,
.ui-gold .btn.btn--brown:disabled:before {
    background-color: #ac835e
}

.has-hover .ui-gold .btn-container.is-active:active:hover .btn.btn--brown,
.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--brown,
.has-hover .ui-gold .btn-container:active:hover .btn.btn--brown,
.has-hover .ui-gold .btn-container:hover .btn.btn--brown,
.has-hover .ui-gold .btn.btn--brown.is-active:active:hover,
.has-hover .ui-gold .btn.btn--brown.is-active:hover,
.has-hover .ui-gold .btn.btn--brown:active:hover,
.has-hover .ui-gold .btn.btn--brown:hover,
.ui-gold .btn-container.is-active .btn.btn--brown,
.ui-gold .btn.btn--brown.is-active {
    color: #f9f0ec
}

.btn.btn--brown .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--brown.is-disabled:after,
.ui-gold .btn.btn--brown:disabled:after {
    background-color: #684c48
}

.btn-container.focus-visible .btn.btn--brown,
.btn.btn--brown.focus-visible {
    box-shadow: 0 0 0 3px rgba(57, 64, 78, .4)
}

.btn.btn--brown.btn--outline .btn-container.is-disabled>svg rect,
.btn.btn--brown.btn--outline.is-disabled>svg rect,
.btn.btn--brown.btn--outline:disabled>svg rect,
.btn.btn--brown.btn--outline>svg rect {
    stroke: #59413e
}

.btn.btn--brown.btn--outline .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--brown.btn--outline.is-disabled>input:checked+svg rect,
.btn.btn--brown.btn--outline:disabled>input:checked+svg rect,
.btn.btn--brown.btn--outline>input:checked+svg rect {
    stroke: #ac835e
}

.btn.btn--brown.btn--outline .btn-container.is-disabled:after,
.btn.btn--brown.btn--outline.is-disabled:after,
.btn.btn--brown.btn--outline:after,
.btn.btn--brown.btn--outline:disabled:after {
    border-color: #59413e
}

.btn.btn--brown.btn--outline .btn-container.is-disabled>svg rect+rect,
.btn.btn--brown.btn--outline.is-disabled>svg rect+rect,
.btn.btn--brown.btn--outline:disabled>svg rect+rect,
.btn.btn--brown.btn--outline>svg rect+rect {
    stroke: #ac835e
}

.btn.btn--brown.btn--outline .btn-container.is-disabled:before,
.btn.btn--brown.btn--outline.is-disabled:before,
.btn.btn--brown.btn--outline:before,
.btn.btn--brown.btn--outline:disabled:before {
    border-color: #ac835e
}

.btn.btn--brown.btn--outline .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--brown.btn--outline.is-disabled>svg rect,
.ui-dark .btn.btn--brown.btn--outline:disabled>svg rect,
.ui-dark .btn.btn--brown.btn--outline>svg rect {
    stroke: #59413e
}

.btn.btn--brown.btn--outline .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--brown.btn--outline.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--brown.btn--outline:disabled>input:checked+svg rect,
.ui-dark .btn.btn--brown.btn--outline>input:checked+svg rect {
    stroke: #ac835e
}

.btn.btn--brown.btn--outline .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--brown.btn--outline.is-disabled:after,
.ui-dark .btn.btn--brown.btn--outline:after,
.ui-dark .btn.btn--brown.btn--outline:disabled:after {
    border-color: #59413e
}

.btn.btn--brown.btn--outline .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--brown.btn--outline.is-disabled>svg rect+rect,
.ui-dark .btn.btn--brown.btn--outline:disabled>svg rect+rect,
.ui-dark .btn.btn--brown.btn--outline>svg rect+rect {
    stroke: #ac835e
}

.btn.btn--brown.btn--outline .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--brown.btn--outline.is-disabled:before,
.ui-dark .btn.btn--brown.btn--outline:before,
.ui-dark .btn.btn--brown.btn--outline:disabled:before {
    border-color: #ac835e
}

.btn-container.focus-visible .btn.btn--brown.btn--outline,
.btn.btn--brown.btn--outline.focus-visible {
    box-shadow: 0 0 0 3px rgba(89, 65, 62, .4)
}

.btn.btn--brown.btn--brown--nohover .btn-container.is-disabled:after,
.btn.btn--brown.btn--brown--nohover .btn-container.is-disabled:before,
.btn.btn--brown.btn--brown--nohover.is-disabled:after,
.btn.btn--brown.btn--brown--nohover.is-disabled:before,
.btn.btn--brown.btn--brown--nohover:after,
.btn.btn--brown.btn--brown--nohover:before,
.btn.btn--brown.btn--brown--nohover:disabled:after,
.btn.btn--brown.btn--brown--nohover:disabled:before {
    background-color: #ac835e
}

.btn-container.focus-visible .btn.btn--brown.btn--brown--nohover,
.btn.btn--brown.btn--brown--nohover.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--brown--plan,
.btn.btn--brown--plan .btn-container.is-disabled,
.btn.btn--brown--plan.is-disabled,
.btn.btn--brown--plan:disabled {
    color: #f9f0ec
}

.btn.btn--brown--plan .btn-container.is-disabled:after,
.btn.btn--brown--plan .btn-container.is-disabled:before,
.btn.btn--brown--plan.is-disabled:after,
.btn.btn--brown--plan.is-disabled:before,
.btn.btn--brown--plan:after,
.btn.btn--brown--plan:before,
.btn.btn--brown--plan:disabled:after,
.btn.btn--brown--plan:disabled:before {
    background-color: #59413e
}

.btn-container.is-active .btn.btn--brown--plan,
.btn.btn--brown--plan.is-active {
    color: #181d24
}

.btn-container.is-active .btn.btn--brown--plan:after,
.btn-container.is-active .btn.btn--brown--plan:before,
.btn.btn--brown--plan.is-active:after,
.btn.btn--brown--plan.is-active:before {
    background-color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--brown--plan,
.btn.btn--brown--plan.focus-visible {
    box-shadow: 0 0 0 3px rgba(89, 65, 62, .4)
}

.btn-container.focus-visible .btn-container.is-active .btn.btn--brown--plan,
.btn-container.focus-visible .btn.btn--brown--plan.is-active,
.btn-container.is-active .btn.btn--brown--plan.focus-visible,
.btn.btn--brown--plan.is-active.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--light,
.btn.btn--light .btn-container.is-disabled,
.btn.btn--light.is-disabled,
.btn.btn--light:disabled {
    color: #ac835e
}

.btn.btn--light .btn-container.is-disabled:after,
.btn.btn--light.is-disabled:after,
.btn.btn--light:after,
.btn.btn--light:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--light .btn-container.is-disabled:before,
.btn.btn--light.is-disabled:before,
.btn.btn--light:before,
.btn.btn--light:disabled:before {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--light,
.btn.btn--light.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--light,
.has-hover .btn-container.is-active:hover .btn.btn--light,
.has-hover .btn-container:active:hover .btn.btn--light,
.has-hover .btn-container:hover .btn.btn--light,
.has-hover .btn.btn--light.is-active:active:hover,
.has-hover .btn.btn--light.is-active:hover,
.has-hover .btn.btn--light:active:hover,
.has-hover .btn.btn--light:hover {
    color: #ac835e
}

.btn.btn--light .btn-container.is-disabled:after,
.btn.btn--light.is-disabled:after,
.btn.btn--light:disabled:after {
    background-color: #fff
}

.btn-container.focus-visible .btn.btn--light,
.btn.btn--light.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--link {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    overflow: visible
}

.btn.btn--link:after,
.btn.btn--link:before {
    display: none
}

.btn.btn--link>.btn__content {
    justify-content: flex-start;
    text-align: left
}

.btn.btn--link.btn--square>.btn__content {
    justify-content: center;
    text-align: center
}

.btn-container.is-active .btn.btn--link--static--header .icon,
.btn.btn--link--static--header .btn-container.is-disabled .icon,
.btn.btn--link--static--header .icon,
.btn.btn--link--static--header.is-active .icon,
.btn.btn--link--static--header.is-disabled .icon,
.btn.btn--link--static--header:disabled .icon,
.has-hover .btn-container.is-active:hover .btn.btn--link--static--header .icon,
.has-hover .btn-container:active:hover .btn.btn--link--static--header .icon,
.has-hover .btn-container:hover .btn.btn--link--static--header .icon,
.has-hover .btn.btn--link--static--header.is-active:hover .icon,
.has-hover .btn.btn--link--static--header:active:hover .icon,
.has-hover .btn.btn--link--static--header:hover .icon {
    color: #ac835e
}

.btn.btn--link--static--header .ui-dark .btn-container.is-disabled .icon,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--link--static--header .icon,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--link--static--header .icon,
.has-hover .ui-dark .btn-container:hover .btn.btn--link--static--header .icon,
.has-hover .ui-dark .btn.btn--link--static--header.is-active:hover .icon,
.has-hover .ui-dark .btn.btn--link--static--header:active:hover .icon,
.has-hover .ui-dark .btn.btn--link--static--header:hover .icon,
.ui-dark .btn-container.is-active .btn.btn--link--static--header .icon,
.ui-dark .btn.btn--link--static--header .icon,
.ui-dark .btn.btn--link--static--header.is-active .icon,
.ui-dark .btn.btn--link--static--header.is-disabled .icon,
.ui-dark .btn.btn--link--static--header:disabled .icon {
    color: #ca9d75
}

.btn.btn--outline,
.btn.btn--outline .btn-container.is-disabled,
.btn.btn--outline.is-disabled,
.btn.btn--outline:disabled {
    color: #181d24
}

.btn.btn--outline .btn-container.is-disabled>svg rect,
.btn.btn--outline.is-disabled>svg rect,
.btn.btn--outline:disabled>svg rect,
.btn.btn--outline>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline.is-disabled>input:checked+svg rect,
.btn.btn--outline:disabled>input:checked+svg rect,
.btn.btn--outline>input:checked+svg rect {
    stroke: #181d24
}

.btn.btn--outline .btn-container.is-disabled:after,
.btn.btn--outline.is-disabled:after,
.btn.btn--outline:after,
.btn.btn--outline:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline .btn-container.is-disabled>svg rect+rect,
.btn.btn--outline.is-disabled>svg rect+rect,
.btn.btn--outline:disabled>svg rect+rect,
.btn.btn--outline>svg rect+rect {
    stroke: #181d24
}

.btn.btn--outline .btn-container.is-disabled:before,
.btn.btn--outline.is-disabled:before,
.btn.btn--outline:before,
.btn.btn--outline:disabled:before {
    border-color: #181d24
}

.btn-container.is-active .btn.btn--outline,
.btn.btn--outline.is-active,
.has-hover .btn-container.is-active:hover .btn.btn--outline,
.has-hover .btn-container:active:hover .btn.btn--outline,
.has-hover .btn-container:hover .btn.btn--outline,
.has-hover .btn.btn--outline.is-active:hover,
.has-hover .btn.btn--outline:active:hover,
.has-hover .btn.btn--outline:hover {
    color: #181d24
}

.btn-container.focus-visible .btn.btn--outline,
.btn.btn--outline.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline,
.ui-dark .btn.btn--outline.is-disabled,
.ui-dark .btn.btn--outline:disabled {
    color: #f9f0ec
}

.btn.btn--outline .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline.is-disabled>svg rect,
.ui-dark .btn.btn--outline:disabled>svg rect,
.ui-dark .btn.btn--outline>svg rect {
    stroke: #ac835e
}

.btn.btn--outline .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline.is-disabled:after,
.ui-dark .btn.btn--outline:after,
.ui-dark .btn.btn--outline:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline:disabled>svg rect+rect,
.ui-dark .btn.btn--outline>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline.is-disabled:before,
.ui-dark .btn.btn--outline:before,
.ui-dark .btn.btn--outline:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline,
.has-hover .ui-dark .btn.btn--outline.is-active:hover,
.has-hover .ui-dark .btn.btn--outline:active:hover,
.has-hover .ui-dark .btn.btn--outline:hover,
.ui-dark .btn-container.is-active .btn.btn--outline,
.ui-dark .btn.btn--outline.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline,
.btn.btn--outline.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--selector,
.ui-dark .btn.btn--outline.btn--selector.is-disabled,
.ui-dark .btn.btn--outline.btn--selector:disabled {
    color: #f9f0ec;
    background-color: #ac835e
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--selector.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--selector:disabled>svg rect,
.ui-dark .btn.btn--outline.btn--selector>svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--selector.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--selector:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--selector>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline.btn--selector.is-disabled:after,
.ui-dark .btn.btn--outline.btn--selector:after,
.ui-dark .btn.btn--outline.btn--selector:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--selector.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--selector:disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--selector>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline.btn--selector.is-disabled:before,
.ui-dark .btn.btn--outline.btn--selector:before,
.ui-dark .btn.btn--outline.btn--selector:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--selector,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline.btn--selector,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline.btn--selector,
.has-hover .ui-dark .btn.btn--outline.btn--selector.is-active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--selector:active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--selector:hover,
.ui-dark .btn-container.is-active .btn.btn--outline.btn--selector,
.ui-dark .btn.btn--outline.btn--selector.is-active {
    color: #f9f0ec
}

.btn.btn--outline.btn--selector .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--selector.is-disabled,
.ui-dark .btn.btn--outline.btn--selector:disabled {
    background-color: #ac835e
}

.btn-container.focus-visible .btn.btn--outline.btn--selector,
.btn.btn--outline.btn--selector.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--outline .ui-gold .btn-container.is-disabled,
.btn.btn--outline .ui-gold .btn-container.is-disabled .icon,
.ui-gold .btn.btn--outline,
.ui-gold .btn.btn--outline .icon,
.ui-gold .btn.btn--outline.is-disabled,
.ui-gold .btn.btn--outline.is-disabled .icon,
.ui-gold .btn.btn--outline:disabled,
.ui-gold .btn.btn--outline:disabled .icon {
    color: #fff
}

.btn.btn--outline .ui-gold .btn-container.is-disabled>svg rect,
.ui-gold .btn.btn--outline.is-disabled>svg rect,
.ui-gold .btn.btn--outline:disabled>svg rect,
.ui-gold .btn.btn--outline>svg rect {
    stroke: #fff
}

.btn.btn--outline .ui-gold .btn-container.is-disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline.is-disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline:disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--outline.is-disabled:after,
.ui-gold .btn.btn--outline:after,
.ui-gold .btn.btn--outline:disabled:after {
    border-color: #fff
}

.btn.btn--outline .ui-gold .btn-container.is-disabled>svg rect+rect,
.ui-gold .btn.btn--outline.is-disabled>svg rect+rect,
.ui-gold .btn.btn--outline:disabled>svg rect+rect,
.ui-gold .btn.btn--outline>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-gold .btn-container.is-disabled:before,
.ui-gold .btn.btn--outline.is-disabled:before,
.ui-gold .btn.btn--outline:before,
.ui-gold .btn.btn--outline:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--outline,
.has-hover .ui-gold .btn-container:active:hover .btn.btn--outline,
.has-hover .ui-gold .btn-container:hover .btn.btn--outline,
.has-hover .ui-gold .btn.btn--outline.is-active:hover,
.has-hover .ui-gold .btn.btn--outline:active:hover,
.has-hover .ui-gold .btn.btn--outline:hover,
.ui-gold .btn-container.is-active .btn.btn--outline,
.ui-gold .btn.btn--outline.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline,
.btn.btn--outline.focus-visible {
    box-shadow: 0 0 0 3px hsla(0, 0%, 100%, .4)
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--choose,
.ui-dark .btn.btn--outline.btn--choose.is-disabled,
.ui-dark .btn.btn--outline.btn--choose:disabled {
    color: #f9f0ec;
    background-color: #ac835e
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--choose.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--choose:disabled>svg rect,
.ui-dark .btn.btn--outline.btn--choose>svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--choose.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--choose:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--choose>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline.btn--choose.is-disabled:after,
.ui-dark .btn.btn--outline.btn--choose:after,
.ui-dark .btn.btn--outline.btn--choose:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--choose.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--choose:disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--choose>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline.btn--choose.is-disabled:before,
.ui-dark .btn.btn--outline.btn--choose:before,
.ui-dark .btn.btn--outline.btn--choose:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline.btn--choose,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline.btn--choose,
.has-hover .ui-dark .btn.btn--outline.btn--choose:active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--choose:hover,
.ui-dark .btn-container.is-active .btn.btn--outline.btn--choose,
.ui-dark .btn.btn--outline.btn--choose.is-active {
    color: #f9f0ec
}

.ui-dark .btn-container.is-active .btn.btn--outline.btn--choose>svg rect+rect,
.ui-dark .btn.btn--outline.btn--choose.is-active>svg rect+rect {
    stroke: #ac835e
}

.ui-dark .btn-container.is-active .btn.btn--outline.btn--choose:before,
.ui-dark .btn.btn--outline.btn--choose.is-active:before {
    border-color: #ac835e
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--choose,
.has-hover .ui-dark .btn.btn--outline.btn--choose.is-active:hover {
    color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--choose>svg rect+rect,
.has-hover .ui-dark .btn.btn--outline.btn--choose.is-active:hover>svg rect+rect {
    stroke: #ac835e
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--choose:before,
.has-hover .ui-dark .btn.btn--outline.btn--choose.is-active:hover:before {
    border-color: #ac835e
}

.btn.btn--outline.btn--choose .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--choose.is-disabled,
.ui-dark .btn.btn--outline.btn--choose:disabled {
    background-color: #ac835e
}

.btn-container.focus-visible .btn.btn--outline.btn--choose,
.btn.btn--outline.btn--choose.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--outline .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline,
.ui-brown .btn.btn--outline.is-disabled,
.ui-brown .btn.btn--outline:disabled {
    color: #f9f0ec
}

.btn.btn--outline .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline.is-disabled>svg rect,
.ui-brown .btn.btn--outline:disabled>svg rect,
.ui-brown .btn.btn--outline>svg rect {
    stroke: #69524f
}

.btn.btn--outline .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline.is-disabled:after,
.ui-brown .btn.btn--outline:after,
.ui-brown .btn.btn--outline:disabled:after {
    border-color: #69524f
}

.btn.btn--outline .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline:disabled>svg rect+rect,
.ui-brown .btn.btn--outline>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline.is-disabled:before,
.ui-brown .btn.btn--outline:before,
.ui-brown .btn.btn--outline:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--outline,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--outline,
.has-hover .ui-brown .btn-container:hover .btn.btn--outline,
.has-hover .ui-brown .btn.btn--outline.is-active:hover,
.has-hover .ui-brown .btn.btn--outline:active:hover,
.has-hover .ui-brown .btn.btn--outline:hover,
.ui-brown .btn-container.is-active .btn.btn--outline,
.ui-brown .btn.btn--outline.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline,
.btn.btn--outline.focus-visible {
    box-shadow: 0 0 0 3px rgba(105, 82, 79, .4)
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline--gold,
.ui-brown .btn.btn--outline--gold.is-disabled,
.ui-brown .btn.btn--outline--gold:disabled {
    color: #f9f0ec
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline--gold.is-disabled>svg rect,
.ui-brown .btn.btn--outline--gold:disabled>svg rect,
.ui-brown .btn.btn--outline--gold>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--gold.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--gold:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--gold>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline--gold.is-disabled:after,
.ui-brown .btn.btn--outline--gold:after,
.ui-brown .btn.btn--outline--gold:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--gold.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--gold:disabled>svg rect+rect,
.ui-brown .btn.btn--outline--gold>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline--gold .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline--gold.is-disabled:before,
.ui-brown .btn.btn--outline--gold:before,
.ui-brown .btn.btn--outline--gold:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--outline--gold,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--outline--gold,
.has-hover .ui-brown .btn-container:hover .btn.btn--outline--gold,
.has-hover .ui-brown .btn.btn--outline--gold.is-active:hover,
.has-hover .ui-brown .btn.btn--outline--gold:active:hover,
.has-hover .ui-brown .btn.btn--outline--gold:hover,
.ui-brown .btn-container.is-active .btn.btn--outline--gold,
.ui-brown .btn.btn--outline--gold.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline--gold,
.btn.btn--outline--gold.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled {
    color: #f9f0ec;
    background-color: #181d24
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled>svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled>svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled:after,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:after,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--outline--dark.btn--filled .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-disabled:before,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:before,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--outline.btn--outline--dark.btn--filled,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--outline.btn--outline--dark.btn--filled,
.has-hover .ui-brown .btn-container:hover .btn.btn--outline.btn--outline--dark.btn--filled,
.has-hover .ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-active:hover,
.has-hover .ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:active:hover,
.has-hover .ui-brown .btn.btn--outline.btn--outline--dark.btn--filled:hover,
.ui-brown .btn-container.is-active .btn.btn--outline.btn--outline--dark.btn--filled,
.ui-brown .btn.btn--outline.btn--outline--dark.btn--filled.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline.btn--outline--dark.btn--filled,
.btn.btn--outline.btn--outline--dark.btn--filled.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline--brown,
.ui-dark .btn.btn--outline--brown.is-disabled,
.ui-dark .btn.btn--outline--brown:disabled {
    color: #f9f0ec
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline--brown.is-disabled>svg rect,
.ui-dark .btn.btn--outline--brown:disabled>svg rect,
.ui-dark .btn.btn--outline--brown>svg rect {
    stroke: #59413e
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--brown.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--brown:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--brown>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline--brown.is-disabled:after,
.ui-dark .btn.btn--outline--brown:after,
.ui-dark .btn.btn--outline--brown:disabled:after {
    border-color: #59413e
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--brown.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--brown:disabled>svg rect+rect,
.ui-dark .btn.btn--outline--brown>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline--brown .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline--brown.is-disabled:before,
.ui-dark .btn.btn--outline--brown:before,
.ui-dark .btn.btn--outline--brown:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline--brown,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline--brown,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline--brown,
.has-hover .ui-dark .btn.btn--outline--brown.is-active:hover,
.has-hover .ui-dark .btn.btn--outline--brown:active:hover,
.has-hover .ui-dark .btn.btn--outline--brown:hover,
.ui-dark .btn-container.is-active .btn.btn--outline--brown,
.ui-dark .btn.btn--outline--brown.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline--brown,
.btn.btn--outline--brown.focus-visible {
    box-shadow: 0 0 0 3px rgba(89, 65, 62, .4)
}

.btn.btn--outline.btn--filter,
.btn.btn--outline.btn--filter .btn-container.is-disabled,
.btn.btn--outline.btn--filter.is-disabled,
.btn.btn--outline.btn--filter:disabled {
    color: #ac835e
}

.btn.btn--outline.btn--filter .btn-container.is-disabled>svg rect,
.btn.btn--outline.btn--filter.is-disabled>svg rect,
.btn.btn--outline.btn--filter:disabled>svg rect,
.btn.btn--outline.btn--filter>svg rect {
    stroke: rgba(89, 65, 62, .1)
}

.btn.btn--outline.btn--filter .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline.btn--filter.is-disabled>input:checked+svg rect,
.btn.btn--outline.btn--filter:disabled>input:checked+svg rect,
.btn.btn--outline.btn--filter>input:checked+svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--filter .btn-container.is-disabled:after,
.btn.btn--outline.btn--filter.is-disabled:after,
.btn.btn--outline.btn--filter:after,
.btn.btn--outline.btn--filter:disabled:after {
    border-color: rgba(89, 65, 62, .1)
}

.btn.btn--outline.btn--filter .btn-container.is-disabled>svg rect+rect,
.btn.btn--outline.btn--filter.is-disabled>svg rect+rect,
.btn.btn--outline.btn--filter:disabled>svg rect+rect,
.btn.btn--outline.btn--filter>svg rect+rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--filter .btn-container.is-disabled:before,
.btn.btn--outline.btn--filter.is-disabled:before,
.btn.btn--outline.btn--filter:before,
.btn.btn--outline.btn--filter:disabled:before {
    border-color: #ac835e
}

.btn-container.is-active .btn.btn--outline.btn--filter,
.btn.btn--outline.btn--filter.is-active,
.has-hover .btn-container.is-active:hover .btn.btn--outline.btn--filter,
.has-hover .btn-container:active:hover .btn.btn--outline.btn--filter,
.has-hover .btn-container:hover .btn.btn--outline.btn--filter,
.has-hover .btn.btn--outline.btn--filter.is-active:hover,
.has-hover .btn.btn--outline.btn--filter:active:hover,
.has-hover .btn.btn--outline.btn--filter:hover {
    color: #ac835e
}

.btn-container.focus-visible .btn.btn--outline.btn--filter,
.btn.btn--outline.btn--filter.focus-visible {
    box-shadow: 0 0 0 3px rgba(89, 65, 62, .4)
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline--tab,
.ui-brown .btn.btn--outline--tab.is-disabled,
.ui-brown .btn.btn--outline--tab:disabled {
    color: #ca9d75
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline--tab.is-disabled>svg rect,
.ui-brown .btn.btn--outline--tab:disabled>svg rect,
.ui-brown .btn.btn--outline--tab>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--tab.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--tab:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--tab>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline--tab.is-disabled:after,
.ui-brown .btn.btn--outline--tab:after,
.ui-brown .btn.btn--outline--tab:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--tab.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--tab:disabled>svg rect+rect,
.ui-brown .btn.btn--outline--tab>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline--tab .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline--tab.is-disabled:before,
.ui-brown .btn.btn--outline--tab:before,
.ui-brown .btn.btn--outline--tab:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--outline--tab,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--outline--tab,
.has-hover .ui-brown .btn-container:hover .btn.btn--outline--tab,
.has-hover .ui-brown .btn.btn--outline--tab.is-active:hover,
.has-hover .ui-brown .btn.btn--outline--tab:active:hover,
.has-hover .ui-brown .btn.btn--outline--tab:hover,
.ui-brown .btn-container.is-active .btn.btn--outline--tab,
.ui-brown .btn.btn--outline--tab.is-active {
    color: #f9f0ec
}

.btn-container.focus-visible .btn.btn--outline--tab,
.btn.btn--outline--tab.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline.btn--outline--header .ui-light .btn-container.is-disabled,
.ui-light .btn.btn--outline.btn--outline--header,
.ui-light .btn.btn--outline.btn--outline--header.is-disabled,
.ui-light .btn.btn--outline.btn--outline--header:disabled {
    color: #181d24
}

.has-hover .ui-light .btn-container.is-active:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-light .btn-container:active:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-light .btn-container:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-light .btn.btn--outline.btn--outline--header.is-active:hover,
.has-hover .ui-light .btn.btn--outline.btn--outline--header:active:hover,
.has-hover .ui-light .btn.btn--outline.btn--outline--header:hover,
.ui-light .btn-container.is-active .btn.btn--outline.btn--outline--header,
.ui-light .btn.btn--outline.btn--outline--header.is-active {
    color: #ac835e
}

.btn.btn--outline.btn--outline--header .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--outline--header,
.ui-dark .btn.btn--outline.btn--outline--header.is-disabled,
.ui-dark .btn.btn--outline.btn--outline--header:disabled {
    color: #f9f0ec
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline.btn--outline--header,
.has-hover .ui-dark .btn.btn--outline.btn--outline--header.is-active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--outline--header:active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--outline--header:hover,
.ui-dark .btn-container.is-active .btn.btn--outline.btn--outline--header,
.ui-dark .btn.btn--outline.btn--outline--header.is-active {
    color: #ca9d75
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled,
.ui-light .btn.btn--outline.btn--filled,
.ui-light .btn.btn--outline.btn--filled.is-disabled,
.ui-light .btn.btn--outline.btn--filled:disabled {
    color: #f9f0ec;
    background-color: #59413e
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled>svg rect,
.ui-light .btn.btn--outline.btn--filled.is-disabled>svg rect,
.ui-light .btn.btn--outline.btn--filled:disabled>svg rect,
.ui-light .btn.btn--outline.btn--filled>svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled>input:checked+svg rect,
.ui-light .btn.btn--outline.btn--filled.is-disabled>input:checked+svg rect,
.ui-light .btn.btn--outline.btn--filled:disabled>input:checked+svg rect,
.ui-light .btn.btn--outline.btn--filled>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled:after,
.ui-light .btn.btn--outline.btn--filled.is-disabled:after,
.ui-light .btn.btn--outline.btn--filled:after,
.ui-light .btn.btn--outline.btn--filled:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled>svg rect+rect,
.ui-light .btn.btn--outline.btn--filled.is-disabled>svg rect+rect,
.ui-light .btn.btn--outline.btn--filled:disabled>svg rect+rect,
.ui-light .btn.btn--outline.btn--filled>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled:before,
.ui-light .btn.btn--outline.btn--filled.is-disabled:before,
.ui-light .btn.btn--outline.btn--filled:before,
.ui-light .btn.btn--outline.btn--filled:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-light .btn-container:active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-light .btn-container:hover .btn.btn--outline.btn--filled,
.has-hover .ui-light .btn.btn--outline.btn--filled:active:hover,
.has-hover .ui-light .btn.btn--outline.btn--filled:hover {
    color: #f9f0ec;
    background-color: #ac835e
}

.has-hover .ui-light .btn-container.is-active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-light .btn.btn--outline.btn--filled.is-active:hover,
.ui-light .btn-container.is-active .btn.btn--outline.btn--filled,
.ui-light .btn.btn--outline.btn--filled.is-active {
    color: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-light .btn-container.is-disabled,
.ui-light .btn.btn--outline.btn--filled.is-disabled,
.ui-light .btn.btn--outline.btn--filled:disabled {
    background-color: #ac835e
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--filled,
.ui-dark .btn.btn--outline.btn--filled.is-disabled,
.ui-dark .btn.btn--outline.btn--filled:disabled {
    color: #f9f0ec;
    background-color: #181d24
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--filled.is-disabled>svg rect,
.ui-dark .btn.btn--outline.btn--filled:disabled>svg rect,
.ui-dark .btn.btn--outline.btn--filled>svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--filled.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--filled:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline.btn--filled>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline.btn--filled.is-disabled:after,
.ui-dark .btn.btn--outline.btn--filled:after,
.ui-dark .btn.btn--outline.btn--filled:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--filled.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--filled:disabled>svg rect+rect,
.ui-dark .btn.btn--outline.btn--filled>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline.btn--filled.is-disabled:before,
.ui-dark .btn.btn--outline.btn--filled:before,
.ui-dark .btn.btn--outline.btn--filled:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-dark .btn-container:active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-dark .btn-container:hover .btn.btn--outline.btn--filled,
.has-hover .ui-dark .btn.btn--outline.btn--filled:active:hover,
.has-hover .ui-dark .btn.btn--outline.btn--filled:hover {
    color: #f9f0ec;
    background-color: #ac835e
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-dark .btn.btn--outline.btn--filled.is-active:hover,
.ui-dark .btn-container.is-active .btn.btn--outline.btn--filled,
.ui-dark .btn.btn--outline.btn--filled.is-active {
    color: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--outline.btn--filled.is-disabled,
.ui-dark .btn.btn--outline.btn--filled:disabled {
    background-color: #ac835e
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline.btn--filled,
.ui-brown .btn.btn--outline.btn--filled.is-disabled,
.ui-brown .btn.btn--outline.btn--filled:disabled {
    color: #f9f0ec;
    background-color: #59413e
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline.btn--filled.is-disabled>svg rect,
.ui-brown .btn.btn--outline.btn--filled:disabled>svg rect,
.ui-brown .btn.btn--outline.btn--filled>svg rect {
    stroke: #ac835e
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--filled.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--filled:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline.btn--filled>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline.btn--filled.is-disabled:after,
.ui-brown .btn.btn--outline.btn--filled:after,
.ui-brown .btn.btn--outline.btn--filled:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--filled.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--filled:disabled>svg rect+rect,
.ui-brown .btn.btn--outline.btn--filled>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline.btn--filled.is-disabled:before,
.ui-brown .btn.btn--outline.btn--filled:before,
.ui-brown .btn.btn--outline.btn--filled:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-brown .btn-container:active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-brown .btn-container:hover .btn.btn--outline.btn--filled,
.has-hover .ui-brown .btn.btn--outline.btn--filled:active:hover,
.has-hover .ui-brown .btn.btn--outline.btn--filled:hover {
    color: #f9f0ec;
    background-color: #ac835e
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-brown .btn.btn--outline.btn--filled.is-active:hover,
.ui-brown .btn-container.is-active .btn.btn--outline.btn--filled,
.ui-brown .btn.btn--outline.btn--filled.is-active {
    color: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline.btn--filled.is-disabled,
.ui-brown .btn.btn--outline.btn--filled:disabled {
    background-color: #ac835e
}

.btn-container.focus-visible .btn.btn--outline.btn--filled,
.btn.btn--outline.btn--filled.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--outline.btn--filled,
.ui-gold .btn.btn--outline.btn--filled.is-disabled,
.ui-gold .btn.btn--outline.btn--filled:disabled {
    color: #f9f0ec;
    background-color: transparent
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled>svg rect,
.ui-gold .btn.btn--outline.btn--filled.is-disabled>svg rect,
.ui-gold .btn.btn--outline.btn--filled:disabled>svg rect,
.ui-gold .btn.btn--outline.btn--filled>svg rect {
    stroke: #cfa261
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline.btn--filled.is-disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline.btn--filled:disabled>input:checked+svg rect,
.ui-gold .btn.btn--outline.btn--filled>input:checked+svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled:after,
.ui-gold .btn.btn--outline.btn--filled.is-disabled:after,
.ui-gold .btn.btn--outline.btn--filled:after,
.ui-gold .btn.btn--outline.btn--filled:disabled:after {
    border-color: #cfa261
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled>svg rect+rect,
.ui-gold .btn.btn--outline.btn--filled.is-disabled>svg rect+rect,
.ui-gold .btn.btn--outline.btn--filled:disabled>svg rect+rect,
.ui-gold .btn.btn--outline.btn--filled>svg rect+rect {
    stroke: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled:before,
.ui-gold .btn.btn--outline.btn--filled.is-disabled:before,
.ui-gold .btn.btn--outline.btn--filled:before,
.ui-gold .btn.btn--outline.btn--filled:disabled:before {
    border-color: #f9f0ec
}

.has-hover .ui-gold .btn-container:active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-gold .btn-container:hover .btn.btn--outline.btn--filled,
.has-hover .ui-gold .btn.btn--outline.btn--filled:active:hover,
.has-hover .ui-gold .btn.btn--outline.btn--filled:hover {
    color: #f9f0ec;
    background-color: #cfa261
}

.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--outline.btn--filled,
.has-hover .ui-gold .btn.btn--outline.btn--filled.is-active:hover,
.ui-gold .btn-container.is-active .btn.btn--outline.btn--filled,
.ui-gold .btn.btn--outline.btn--filled.is-active {
    color: #f9f0ec
}

.btn.btn--outline.btn--filled .ui-gold .btn-container.is-disabled,
.ui-gold .btn.btn--outline.btn--filled.is-disabled,
.ui-gold .btn.btn--outline.btn--filled:disabled {
    background-color: #cfa261
}

.btn-container.focus-visible .btn.btn--outline.btn--filled,
.btn.btn--outline.btn--filled.focus-visible {
    box-shadow: 0 0 0 3px rgba(207, 162, 97, .4)
}

.btn.btn--outline--static .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static .btn-container.is-disabled>svg rect,
.btn.btn--outline--static.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.is-disabled>svg rect,
.btn.btn--outline--static:disabled>input:checked+svg rect,
.btn.btn--outline--static:disabled>svg rect,
.btn.btn--outline--static>input:checked+svg rect,
.btn.btn--outline--static>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static .btn-container.is-disabled:after,
.btn.btn--outline--static.is-disabled:after,
.btn.btn--outline--static:after,
.btn.btn--outline--static:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static .btn-container.is-disabled>svg rect+rect,
.btn.btn--outline--static.is-disabled>svg rect+rect,
.btn.btn--outline--static:disabled>svg rect+rect,
.btn.btn--outline--static>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static .btn-container.is-disabled:before,
.btn.btn--outline--static.is-disabled:before,
.btn.btn--outline--static:before,
.btn.btn--outline--static:disabled:before {
    border-color: #ca9d75
}

.btn-container.focus-visible .btn.btn--outline--static,
.btn.btn--outline--static.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static:disabled>svg rect,
.ui-dark .btn.btn--outline--static>svg rect {
    stroke: #ac835e
}

.btn.btn--outline--static .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static>input:checked+svg rect {
    stroke: #fff
}

.btn.btn--outline--static .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline--static.is-disabled:after,
.ui-dark .btn.btn--outline--static:after,
.ui-dark .btn.btn--outline--static:disabled:after {
    border-color: #ac835e
}

.btn.btn--outline--static .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static:disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static>svg rect+rect {
    stroke: #fff
}

.btn.btn--outline--static .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline--static.is-disabled:before,
.ui-dark .btn.btn--outline--static:before,
.ui-dark .btn.btn--outline--static:disabled:before {
    border-color: #fff
}

.ui-dark .btn-container.focus-visible .btn.btn--outline--static,
.ui-dark .btn.btn--outline--static.focus-visible {
    box-shadow: 0 0 0 3px rgba(172, 131, 94, .4)
}

.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled .icon,
.ui-light .btn.btn--outline--static.btn--outline--static--header .icon,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled .icon,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled .icon {
    color: #181d24
}

.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled>svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled>input:checked+svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled>input:checked+svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header>input:checked+svg rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled:after,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled:after,
.ui-light .btn.btn--outline--static.btn--outline--static--header:after,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled>svg rect+rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect+rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect+rect,
.ui-light .btn.btn--outline--static.btn--outline--static--header>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-light .btn-container.is-disabled:before,
.ui-light .btn.btn--outline--static.btn--outline--static--header.is-disabled:before,
.ui-light .btn.btn--outline--static.btn--outline--static--header:before,
.ui-light .btn.btn--outline--static.btn--outline--static--header:disabled:before {
    border-color: #ca9d75
}

.ui-light .btn-container.focus-visible .btn.btn--outline--static.btn--outline--static--header,
.ui-light .btn.btn--outline--static.btn--outline--static--header.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled .icon {
    color: #f9f0ec
}

.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header:disabled:before {
    border-color: #ca9d75
}

.ui-dark .btn-container.focus-visible .btn.btn--outline--static.btn--outline--static--header,
.ui-dark .btn.btn--outline--static.btn--outline--static--header.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled .icon {
    color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--gold .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold:disabled:before {
    border-color: #ca9d75
}

.ui-dark .btn-container.focus-visible .btn.btn--outline--static.btn--outline--static--header--gold,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--gold.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled,
.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled .icon,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled .icon {
    color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled>svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold>input:checked+svg rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:after,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled>svg rect+rect,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header--menu--gold .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.is-disabled:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:before,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold:disabled:before {
    border-color: #ca9d75
}

.ui-dark .btn-container.focus-visible .btn.btn--outline--static.btn--outline--static--header--menu--gold,
.ui-dark .btn.btn--outline--static.btn--outline--static--header--menu--gold.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled .icon,
.ui-brown .btn.btn--outline--static.btn--outline--static--header .icon,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled .icon,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled .icon {
    color: #f9f0ec
}

.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled>input:checked+svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header>input:checked+svg rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header>svg rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled:after,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:after,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled:after {
    border-color: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled>svg rect+rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled>svg rect+rect,
.ui-brown .btn.btn--outline--static.btn--outline--static--header>svg rect+rect {
    stroke: #ca9d75
}

.btn.btn--outline--static.btn--outline--static--header .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.is-disabled:before,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:before,
.ui-brown .btn.btn--outline--static.btn--outline--static--header:disabled:before {
    border-color: #ca9d75
}

.ui-brown .btn-container.focus-visible .btn.btn--outline--static.btn--outline--static--header,
.ui-brown .btn.btn--outline--static.btn--outline--static--header.focus-visible {
    box-shadow: 0 0 0 3px rgba(202, 157, 117, .4)
}

.btn.btn--outline--static .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--outline--static,
.ui-brown .btn.btn--outline--static.is-disabled,
.ui-brown .btn.btn--outline--static:disabled {
    color: #f9f0ec
}

.btn.btn--outline--static .ui-brown .btn-container.is-disabled>svg rect,
.ui-brown .btn.btn--outline--static.is-disabled>svg rect,
.ui-brown .btn.btn--outline--static:disabled>svg rect,
.ui-brown .btn.btn--outline--static>svg rect {
    stroke: #f9f0ec
}

.btn.btn--outline--static .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--outline--static.is-disabled:after,
.ui-brown .btn.btn--outline--static:after,
.ui-brown .btn.btn--outline--static:disabled:after {
    border-color: #f9f0ec
}

.ui-brown .btn-container.focus-visible .btn.btn--outline--static,
.ui-brown .btn.btn--outline--static.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--accent .btn-container.is-disabled .icon,
.btn.btn--accent .icon,
.btn.btn--accent.is-disabled .icon,
.btn.btn--accent:disabled .icon {
    color: #ac835e
}

.btn-container.is-active .btn.btn--accent .icon,
.btn.btn--accent.is-active .icon,
.has-hover .btn-container.is-active:hover .btn.btn--accent .icon,
.has-hover .btn-container:active:hover .btn.btn--accent .icon,
.has-hover .btn-container:hover .btn.btn--accent .icon,
.has-hover .btn.btn--accent.is-active:hover .icon,
.has-hover .btn.btn--accent:active:hover .icon,
.has-hover .btn.btn--accent:hover .icon {
    color: #181d24
}

.btn.btn--accent .icon {
    transition-property: color
}

.btn.btn--accent .ui-dark .btn-container.is-disabled .icon,
.ui-dark .btn.btn--accent .icon,
.ui-dark .btn.btn--accent.is-disabled .icon,
.ui-dark .btn.btn--accent:disabled .icon {
    color: #ca9d75
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--accent .icon,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--accent .icon,
.has-hover .ui-dark .btn-container:hover .btn.btn--accent .icon,
.has-hover .ui-dark .btn.btn--accent.is-active:hover .icon,
.has-hover .ui-dark .btn.btn--accent:active:hover .icon,
.has-hover .ui-dark .btn.btn--accent:hover .icon,
.ui-dark .btn-container.is-active .btn.btn--accent .icon,
.ui-dark .btn.btn--accent.is-active .icon {
    color: #f9f0ec
}

.btn.btn--accent .ui-brown .btn-container.is-disabled .icon,
.ui-brown .btn.btn--accent .icon,
.ui-brown .btn.btn--accent.is-disabled .icon,
.ui-brown .btn.btn--accent:disabled .icon {
    color: #69524f
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--accent .icon,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--accent .icon,
.has-hover .ui-brown .btn-container:hover .btn.btn--accent .icon,
.has-hover .ui-brown .btn.btn--accent.is-active:hover .icon,
.has-hover .ui-brown .btn.btn--accent:active:hover .icon,
.has-hover .ui-brown .btn.btn--accent:hover .icon,
.ui-brown .btn-container.is-active .btn.btn--accent .icon,
.ui-brown .btn.btn--accent.is-active .icon {
    color: #f9f0ec
}

.btn.btn--accent .ui-gold .btn-container.is-disabled .icon,
.ui-gold .btn.btn--accent .icon,
.ui-gold .btn.btn--accent.is-disabled .icon,
.ui-gold .btn.btn--accent:disabled .icon {
    color: #cfa261
}

.has-hover .ui-gold .btn-container.is-active:hover .btn.btn--accent .icon,
.has-hover .ui-gold .btn-container:active:hover .btn.btn--accent .icon,
.has-hover .ui-gold .btn-container:hover .btn.btn--accent .icon,
.has-hover .ui-gold .btn.btn--accent.is-active:hover .icon,
.has-hover .ui-gold .btn.btn--accent:active:hover .icon,
.has-hover .ui-gold .btn.btn--accent:hover .icon,
.ui-gold .btn-container.is-active .btn.btn--accent .icon,
.ui-gold .btn.btn--accent.is-active .icon {
    color: #181d24
}

.has-hover .ui-gold.ui-dark .btn-container.is-active:hover .btn.btn--accent .icon,
.has-hover .ui-gold.ui-dark .btn-container:active:hover .btn.btn--accent .icon,
.has-hover .ui-gold.ui-dark .btn-container:hover .btn.btn--accent .icon,
.has-hover .ui-gold.ui-dark .btn.btn--accent.is-active:hover .icon,
.has-hover .ui-gold.ui-dark .btn.btn--accent:active:hover .icon,
.has-hover .ui-gold.ui-dark .btn.btn--accent:hover .icon,
.ui-gold.ui-dark .btn-container.is-active .btn.btn--accent .icon,
.ui-gold.ui-dark .btn.btn--accent.is-active .icon {
    color: #f9f0ec
}

.btn.btn--accent-static .btn-container.is-disabled .icon,
.btn.btn--accent-static .icon,
.btn.btn--accent-static.is-disabled .icon,
.btn.btn--accent-static:disabled .icon {
    color: #ac835e
}

.btn.btn--accent-static .icon {
    transition-property: color
}

.btn.btn--accent-static .ui-dark .btn-container.is-disabled .icon,
.ui-dark .btn.btn--accent-static .icon,
.ui-dark .btn.btn--accent-static.is-disabled .icon,
.ui-dark .btn.btn--accent-static:disabled .icon {
    color: #ca9d75
}

.ui-dark .btn-container.is-active .btn.btn--accent-static .icon,
.ui-dark .btn.btn--accent-static.is-active .icon {
    color: #fff
}

.btn.btn--accent-static .ui-brown .btn-container.is-disabled .icon,
.ui-brown .btn.btn--accent-static .icon,
.ui-brown .btn.btn--accent-static.is-disabled .icon,
.ui-brown .btn.btn--accent-static:disabled .icon {
    color: #69524f
}

.btn.btn--accent-text,
.btn.btn--accent-text .btn-container.is-disabled,
.btn.btn--accent-text.is-disabled,
.btn.btn--accent-text:disabled {
    color: #ac835e
}

.btn-container.is-active .btn.btn--accent-text,
.btn.btn--accent-text.is-active,
.has-hover .btn-container.is-active:hover .btn.btn--accent-text,
.has-hover .btn-container:active:hover .btn.btn--accent-text,
.has-hover .btn-container:hover .btn.btn--accent-text,
.has-hover .btn.btn--accent-text.is-active:hover,
.has-hover .btn.btn--accent-text:active:hover,
.has-hover .btn.btn--accent-text:hover {
    color: #181d24
}

.btn.btn--accent-text .icon {
    transition-property: color
}

.btn.btn--accent-text .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--accent-text,
.ui-dark .btn.btn--accent-text.is-disabled,
.ui-dark .btn.btn--accent-text:disabled {
    color: #ca9d75
}

.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--accent-text,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--accent-text,
.has-hover .ui-dark .btn-container:hover .btn.btn--accent-text,
.has-hover .ui-dark .btn.btn--accent-text.is-active:hover,
.has-hover .ui-dark .btn.btn--accent-text:active:hover,
.has-hover .ui-dark .btn.btn--accent-text:hover,
.ui-dark .btn-container.is-active .btn.btn--accent-text,
.ui-dark .btn.btn--accent-text.is-active {
    color: #f9f0ec
}

.btn.btn--accent-text .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--accent-text,
.ui-brown .btn.btn--accent-text.is-disabled,
.ui-brown .btn.btn--accent-text:disabled {
    color: #69524f
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--accent-text,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--accent-text,
.has-hover .ui-brown .btn-container:hover .btn.btn--accent-text,
.has-hover .ui-brown .btn.btn--accent-text.is-active:hover,
.has-hover .ui-brown .btn.btn--accent-text:active:hover,
.has-hover .ui-brown .btn.btn--accent-text:hover,
.ui-brown .btn-container.is-active .btn.btn--accent-text,
.ui-brown .btn.btn--accent-text.is-active {
    color: #f9f0ec
}

.btn.btn--decor svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: none;
    transform: rotate(90deg)
}

.btn.btn--decor svg circle {
    stroke: #181d24;
    stroke-width: 1px;
    stroke-dasharray: 321%;
    stroke-dashoffset: 0%;
    cx: 50%;
    cy: 50%;
    r: calc(50% - 1px);
    transition-property: stroke-dashoffset
}

.is-active .btn.btn--decor svg circle {
    stroke-dashoffset: 174%
}

.btn-container.is-active .btn.btn--decor,
.btn.btn--decor,
.btn.btn--decor .btn-container.is-disabled,
.btn.btn--decor.is-active,
.btn.btn--decor.is-disabled,
.btn.btn--decor:disabled,
.has-hover .btn-container.is-active:hover .btn.btn--decor,
.has-hover .btn-container:active:hover .btn.btn--decor,
.has-hover .btn-container:hover .btn.btn--decor,
.has-hover .btn.btn--decor.is-active:hover,
.has-hover .btn.btn--decor:active:hover,
.has-hover .btn.btn--decor:hover {
    color: #181d24
}

.ui-brown .btn.btn--decor svg circle {
    stroke: #ca9d75
}

.btn.btn--decor .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--decor,
.ui-brown .btn.btn--decor.is-disabled,
.ui-brown .btn.btn--decor:disabled {
    color: #ca9d75
}

.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--decor,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--decor,
.has-hover .ui-brown .btn-container:hover .btn.btn--decor,
.has-hover .ui-brown .btn.btn--decor.is-active:hover,
.has-hover .ui-brown .btn.btn--decor:active:hover,
.has-hover .ui-brown .btn.btn--decor:hover,
.ui-brown .btn-container.is-active .btn.btn--decor,
.ui-brown .btn.btn--decor.is-active {
    color: #f9f0ec
}

.btn.btn--additional-border,
.btn.btn--additional-border .btn-container.is-disabled,
.btn.btn--additional-border.is-disabled,
.btn.btn--additional-border:disabled {
    color: #ac835e
}

.btn.btn--additional-border .btn-container.is-disabled>svg rect,
.btn.btn--additional-border.is-disabled>svg rect,
.btn.btn--additional-border:disabled>svg rect,
.btn.btn--additional-border>svg rect {
    stroke: #e2d9d5
}

.btn.btn--additional-border .btn-container.is-disabled>input:checked+svg rect,
.btn.btn--additional-border.is-disabled>input:checked+svg rect,
.btn.btn--additional-border:disabled>input:checked+svg rect,
.btn.btn--additional-border>input:checked+svg rect {
    stroke: #ac835e
}

.btn.btn--additional-border .btn-container.is-disabled:after,
.btn.btn--additional-border.is-disabled:after,
.btn.btn--additional-border:after,
.btn.btn--additional-border:disabled:after {
    border-color: #e2d9d5
}

.btn.btn--additional-border .btn-container.is-disabled>svg rect+rect,
.btn.btn--additional-border.is-disabled>svg rect+rect,
.btn.btn--additional-border:disabled>svg rect+rect,
.btn.btn--additional-border>svg rect+rect {
    stroke: #ac835e
}

.btn.btn--additional-border .btn-container.is-disabled:before,
.btn.btn--additional-border.is-disabled:before,
.btn.btn--additional-border:before,
.btn.btn--additional-border:disabled:before {
    border-color: #ac835e
}

.btn-container.is-active .btn.btn--additional-border,
.btn.btn--additional-border.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--additional-border,
.has-hover .btn-container.is-active:hover .btn.btn--additional-border,
.has-hover .btn-container:active:hover .btn.btn--additional-border,
.has-hover .btn-container:hover .btn.btn--additional-border,
.has-hover .btn.btn--additional-border.is-active:active:hover,
.has-hover .btn.btn--additional-border.is-active:hover,
.has-hover .btn.btn--additional-border:active:hover,
.has-hover .btn.btn--additional-border:hover {
    color: #ac835e
}

.btn.btn--additional-border .btn-container.is-disabled,
.btn.btn--additional-border.is-disabled,
.btn.btn--additional-border:disabled {
    color: #181d24
}

.btn.btn--additional-border .btn-container.is-disabled:after,
.btn.btn--additional-border.is-disabled:after,
.btn.btn--additional-border:disabled:after {
    background-color: #dbd2ce
}

.btn-container.focus-visible .btn.btn--additional-border,
.btn.btn--additional-border.focus-visible {
    box-shadow: 0 0 0 3px rgba(226, 217, 213, .4)
}

.btn.btn--background,
.btn.btn--background .btn-container.is-disabled,
.btn.btn--background.is-disabled,
.btn.btn--background:disabled {
    color: #ac835e
}

.btn.btn--background .btn-container.is-disabled:after,
.btn.btn--background.is-disabled:after,
.btn.btn--background:after,
.btn.btn--background:disabled:after {
    background-color: #f9f0ec
}

.btn.btn--background .btn-container.is-disabled:before,
.btn.btn--background.is-disabled:before,
.btn.btn--background:before,
.btn.btn--background:disabled:before {
    background-color: #ac835e
}

.btn-container.is-active .btn.btn--background,
.btn.btn--background.is-active,
.has-hover .btn-container.is-active:active:hover .btn.btn--background,
.has-hover .btn-container.is-active:hover .btn.btn--background,
.has-hover .btn-container:active:hover .btn.btn--background,
.has-hover .btn-container:hover .btn.btn--background,
.has-hover .btn.btn--background.is-active:active:hover,
.has-hover .btn.btn--background.is-active:hover,
.has-hover .btn.btn--background:active:hover,
.has-hover .btn.btn--background:hover {
    color: #f9f0ec
}

.btn.btn--background .btn-container.is-disabled,
.btn.btn--background.is-disabled,
.btn.btn--background:disabled {
    color: #181d24
}

.btn.btn--background .btn-container.is-disabled:after,
.btn.btn--background.is-disabled:after,
.btn.btn--background:disabled:after {
    background-color: #dbd2ce
}

.btn-container.focus-visible .btn.btn--background,
.btn.btn--background.focus-visible {
    box-shadow: 0 0 0 3px rgba(249, 240, 236, .4)
}

.btn.btn--background .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--background,
.ui-dark .btn.btn--background.is-disabled,
.ui-dark .btn.btn--background:disabled {
    color: #f9f0ec
}

.btn.btn--background .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--background.is-disabled:after,
.ui-dark .btn.btn--background:after,
.ui-dark .btn.btn--background:disabled:after {
    background-color: #181d24
}

.btn.btn--background .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--background.is-disabled:before,
.ui-dark .btn.btn--background:before,
.ui-dark .btn.btn--background:disabled:before {
    background-color: #ac835e
}

.has-hover .ui-dark .btn-container.is-active:active:hover .btn.btn--background,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--background,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--background,
.has-hover .ui-dark .btn-container:hover .btn.btn--background,
.has-hover .ui-dark .btn.btn--background.is-active:active:hover,
.has-hover .ui-dark .btn.btn--background.is-active:hover,
.has-hover .ui-dark .btn.btn--background:active:hover,
.has-hover .ui-dark .btn.btn--background:hover,
.ui-dark .btn-container.is-active .btn.btn--background,
.ui-dark .btn.btn--background.is-active {
    color: #f9f0ec
}

.btn.btn--background .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--background.is-disabled,
.ui-dark .btn.btn--background:disabled {
    color: rgba(249, 240, 236, .6)
}

.btn.btn--background .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--background.is-disabled:after,
.ui-dark .btn.btn--background:disabled:after {
    background-color: rgba(24, 29, 36, .6)
}

.ui-dark .btn-container.focus-visible .btn.btn--background,
.ui-dark .btn.btn--background.focus-visible {
    box-shadow: 0 0 0 3px rgba(24, 29, 36, .4)
}

.btn.btn--background .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--background,
.ui-brown .btn.btn--background.is-disabled,
.ui-brown .btn.btn--background:disabled {
    color: #f9f0ec
}

.btn.btn--background .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--background.is-disabled:after,
.ui-brown .btn.btn--background:after,
.ui-brown .btn.btn--background:disabled:after {
    background-color: #52403c
}

.btn.btn--background .ui-brown .btn-container.is-disabled:before,
.ui-brown .btn.btn--background.is-disabled:before,
.ui-brown .btn.btn--background:before,
.ui-brown .btn.btn--background:disabled:before {
    background-color: #ac835e
}

.has-hover .ui-brown .btn-container.is-active:active:hover .btn.btn--background,
.has-hover .ui-brown .btn-container.is-active:hover .btn.btn--background,
.has-hover .ui-brown .btn-container:active:hover .btn.btn--background,
.has-hover .ui-brown .btn-container:hover .btn.btn--background,
.has-hover .ui-brown .btn.btn--background.is-active:active:hover,
.has-hover .ui-brown .btn.btn--background.is-active:hover,
.has-hover .ui-brown .btn.btn--background:active:hover,
.has-hover .ui-brown .btn.btn--background:hover,
.ui-brown .btn-container.is-active .btn.btn--background,
.ui-brown .btn.btn--background.is-active {
    color: #f9f0ec
}

.btn.btn--background .ui-brown .btn-container.is-disabled,
.ui-brown .btn.btn--background.is-disabled,
.ui-brown .btn.btn--background:disabled {
    color: #181d24
}

.btn.btn--background .ui-brown .btn-container.is-disabled:after,
.ui-brown .btn.btn--background.is-disabled:after,
.ui-brown .btn.btn--background:disabled:after {
    background-color: #dbd2ce
}

.ui-brown .btn-container.focus-visible .btn.btn--background,
.ui-brown .btn.btn--background.focus-visible {
    box-shadow: 0 0 0 3px rgba(82, 64, 60, .4)
}

.btn.btn--background.btn--brown .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--background.btn--brown,
.ui-dark .btn.btn--background.btn--brown.is-disabled,
.ui-dark .btn.btn--background.btn--brown:disabled {
    color: #f9f0ec
}

.btn.btn--background.btn--brown .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--background.btn--brown.is-disabled:after,
.ui-dark .btn.btn--background.btn--brown:after,
.ui-dark .btn.btn--background.btn--brown:disabled:after {
    background-color: #52403c
}

.btn.btn--background.btn--brown .ui-dark .btn-container.is-disabled:before,
.ui-dark .btn.btn--background.btn--brown.is-disabled:before,
.ui-dark .btn.btn--background.btn--brown:before,
.ui-dark .btn.btn--background.btn--brown:disabled:before {
    background-color: #ac835e
}

.has-hover .ui-dark .btn-container.is-active:active:hover .btn.btn--background.btn--brown,
.has-hover .ui-dark .btn-container.is-active:hover .btn.btn--background.btn--brown,
.has-hover .ui-dark .btn-container:active:hover .btn.btn--background.btn--brown,
.has-hover .ui-dark .btn-container:hover .btn.btn--background.btn--brown,
.has-hover .ui-dark .btn.btn--background.btn--brown.is-active:active:hover,
.has-hover .ui-dark .btn.btn--background.btn--brown.is-active:hover,
.has-hover .ui-dark .btn.btn--background.btn--brown:active:hover,
.has-hover .ui-dark .btn.btn--background.btn--brown:hover,
.ui-dark .btn-container.is-active .btn.btn--background.btn--brown,
.ui-dark .btn.btn--background.btn--brown.is-active {
    color: #f9f0ec
}

.btn.btn--background.btn--brown .ui-dark .btn-container.is-disabled,
.ui-dark .btn.btn--background.btn--brown.is-disabled,
.ui-dark .btn.btn--background.btn--brown:disabled {
    color: #181d24
}

.btn.btn--background.btn--brown .ui-dark .btn-container.is-disabled:after,
.ui-dark .btn.btn--background.btn--brown.is-disabled:after,
.ui-dark .btn.btn--background.btn--brown:disabled:after {
    background-color: #dbd2ce
}

.ui-dark .btn-container.focus-visible .btn.btn--background.btn--brown,
.ui-dark .btn.btn--background.btn--brown.focus-visible {
    box-shadow: 0 0 0 3px rgba(82, 64, 60, .4)
}

.disable-transitions,
.disable-transitions *,
.disable-transitions:after,
.disable-transitions :after,
.disable-transitions:before,
.disable-transitions :before {
    transition: none !important
}

.animation--fade-in,
.animation--fade-in-slow,
.animation--fade-out,
.animation--fade-out-slow,
.animation--step-in,
.animation--step-out {
    will-change: opacity
}

.animation--fade-in--inactive,
.animation--fade-in-slow--inactive,
.animation--fade-out--active,
.animation--fade-out-slow--active,
.animation--step-in--inactive,
.animation--step-out--active {
    opacity: 0
}

.animation--fade-in-slow,
.animation--fade-in.animation--slow,
.animation--fade-out-slow {
    transition-duration: 1.6s !important
}

.animation--image-in {
    transition-duration: 3.6s;
    transition-property: transform;
    overflow: hidden
}

.animation--image-in img {
    transition: transform 3.6s cubic-bezier(.25, .74, .22, .99);
    will-change: transform
}

.animation--image-in--inactive img {
    transform: scale(1.2) !important
}

.animation--title {
    transition: border-color !important;
    transition-duration: calc(var(--char-total) * 40ms + 1.6s) !important
}

.animation--title .char {
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99);
    will-change: transform;
    transition-delay: calc(var(--char-index) * 40ms)
}

.animation--title.animation--slow {
    transition-duration: calc(var(--char-total) * 60ms + 1.6s) !important
}

.animation--title.animation--slow .char {
    transition-duration: 1.6s;
    transition-delay: calc(var(--char-index) * 60ms)
}

.animation--title--inactive {
    border-color: #fff
}

.animation--title--inactive .char {
    transform: translateY(135%)
}

.splitting .word {
    white-space: nowrap
}

.splitting .char,
.splitting .word,
.splitting .word-wrap {
    vertical-align: top
}

.splitting .word,
.splitting .word-wrap {
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin: -40px -15px -15px;
    padding: 40px 15px 15px
}

.splitting .char {
    display: inline-block
}

.text--script.splitting .char {
    position: relative;
    margin: 0 -110px;
    padding: 0 110px
}

.h1 .splitting em .word,
.h1 .splitting i .word,
h1 .splitting em .word,
h1 .splitting i .word {
    margin-left: calc(-20px - .1em);
    padding-left: 20px;
    margin-right: -40px;
    padding-right: calc(40px + .1em)
}

.words a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.words.animation--title--inactive a {
    position: static;
    overflow: visible
}

.whitespace {
    display: inline-block
}

.whitespace:before {
    content: "\00a0"
}

.animation--text {
    transition: border-color !important;
    transition-duration: calc(var(--line-total) * .12s + 1.6s) !important
}

.animation--text .word-wrap {
    transition: transform 1.6s cubic-bezier(.29, .73, .45, 1);
    will-change: transform;
    transition-delay: calc(var(--line-index) * .12s)
}

.animation--text.animation--slow {
    transition-duration: calc(var(--line-total) * .2s + 1.6s) !important
}

.animation--text.animation--slow .word-wrap {
    transition-duration: 1.6s;
    transition-delay: calc(var(--line-index) * .2s)
}

.animation--text--inactive {
    border-color: #fff
}

.animation--text--inactive .word-wrap {
    transform: translateY(120%)
}

.animation--deco-in {
    overflow: hidden
}

.animation--deco-in,
.animation--deco-in>.deco-title__text,
.animation--deco-in>img,
.animation--deco-in>picture {
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    will-change: transform
}

.animation--deco-in.animation--slow,
.animation--deco-in.animation--slow>.deco-title__text,
.animation--deco-in.animation--slow>img,
.animation--deco-in.animation--slow>picture {
    transition-duration: 1.6s
}

.animation--deco-in--inactive {
    transform: translateX(-100%)
}

.animation--deco-in--inactive>.deco-title__text,
.animation--deco-in--inactive>img,
.animation--deco-in--inactive>picture {
    transform: translateX(100%)
}

.btn--outline.animation--button-in,
.btn--outline.animation--button-text-in {
    transition-duration: 1.3s;
    pointer-events: none
}

.btn--outline.animation--button-in.is-active>svg rect:last-child,
.btn--outline.animation--button-in>svg rect:first-child,
.btn--outline.animation--button-text-in.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in>svg rect:first-child {
    transition-property: stroke-dashoffset, transform;
    transform-origin: 50% 50%;
    will-change: stroke-dashoffset, transform
}

.btn--outline.animation--button-in.is-active>svg rect:first-child,
.btn--outline.animation--button-text-in.is-active>svg rect:first-child {
    transition: none
}

.btn--outline.animation--button-in.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in.is-active>svg rect:last-child {
    transform: rotate(-90deg)
}

.btn--outline.animation--button-in .btn__content,
.btn--outline.animation--button-text-in .btn__content {
    transition: opacity .8s cubic-bezier(.29, .73, .45, 1);
    transition-delay: .5s
}

.btn--outline.animation--button-in .icon,
.btn--outline.animation--button-text-in .icon {
    transition: transform .8s cubic-bezier(.29, .73, .45, 1);
    transition-delay: .5s
}

.btn--outline.animation--button-text-in {
    transition-duration: 1.6s
}

.btn--outline.animation--button-text-in .btn__content,
.btn--outline.animation--button-text-in .icon {
    transition-delay: .8s
}

.btn--outline.animation--button-text-in .btn__content {
    transition-property: opacity, transform;
    will-change: opacity, transform
}

.btn--outline.animation--button-in--inactive>svg rect:first-child,
.btn--outline.animation--button-text-in--inactive>svg rect:first-child {
    stroke-dashoffset: 963%
}

.btn--outline.animation--button-in--inactive.is-active>svg rect:first-child,
.btn--outline.animation--button-in--inactive.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in--inactive.is-active>svg rect:first-child,
.btn--outline.animation--button-text-in--inactive.is-active>svg rect:last-child {
    stroke-dashoffset: 321%
}

.btn--outline.animation--button-in--inactive .btn__content,
.btn--outline.animation--button-text-in--inactive .btn__content {
    opacity: 0
}

.btn--outline.animation--button-in--inactive .icon-btn-arrow-down,
.btn--outline.animation--button-text-in--inactive .icon-btn-arrow-down {
    transform: translateY(-40px)
}

.btn--outline.animation--button-in--inactive .icon-btn-arrow-left,
.btn--outline.animation--button-text-in--inactive .icon-btn-arrow-left {
    transform: translateX(40px)
}

.btn--outline.animation--button-in--inactive .icon-btn-arrow-right,
.btn--outline.animation--button-text-in--inactive .icon-btn-arrow-right {
    transform: translateX(-40px)
}

.btn--outline.animation--button-text-in--inactive .btn__content {
    opacity: 0;
    transform: translateY(40px)
}

.btn--outline.animation--button-in--active.is-active>svg rect:last-child,
.btn--outline.animation--button-in--active>svg rect:first-child,
.btn--outline.animation--button-text-in--active.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in--active>svg rect:first-child {
    transform: rotate(90deg)
}

.btn--outline.animation--button-in--active.is-active>svg rect:first-child,
.btn--outline.animation--button-text-in--active.is-active>svg rect:first-child {
    transform: rotate(0deg)
}

.animation--card-in {
    transition-duration: 1.3s;
    pointer-events: none
}

.animation--card-in.card--hover.is-active .card__hover,
.animation--card-in.card--hover.is-active .card__hover:before,
.animation--card-in .card__animation,
.animation--card-in .card__background,
.animation--card-in .card__background:before,
.animation--card-in .card__background__image,
.animation--card-in .card__content {
    transition-property: transform;
    will-change: transform
}

.animation--card-in--inactive.card--hover.is-active .card__hover,
.animation--card-in--inactive .card__animation,
.animation--card-in--inactive .card__background {
    transform: translateY(101%)
}

.animation--card-in--inactive.card--hover.is-active .card__hover:before,
.animation--card-in--inactive .card__background:before,
.animation--card-in--inactive .card__background__image,
.animation--card-in--inactive .card__content {
    transform: translateY(-101%)
}

.animation--loader-in,
.animation--loader-in .page-transition-overlay__content,
.animation--loader-out,
.animation--loader-out .page-transition-overlay__content {
    transition: transform 1s ease;
    will-change: transform
}

.animation--loader-out--active {
    transform: translateY(-100%)
}

.animation--loader-in--inactive,
.animation--loader-out--active .page-transition-overlay__content {
    transform: translateY(100%)
}

.animation--loader-in--inactive .page-transition-overlay__content {
    transform: translateY(-100%)
}

.animation--cursor-in,
.animation--cursor-out {
    transition-property: box-shadow;
    transition-duration: .36s
}

.animation--cursor-in:after,
.animation--cursor-in:before,
.animation--cursor-out:after,
.animation--cursor-out:before {
    transition-property: transform, opacity;
    transition-duration: .6s
}

.animation--cursor-in .btn__text,
.animation--cursor-in .icon,
.animation--cursor-out .btn__text,
.animation--cursor-out .icon {
    transition-property: opacity;
    transition-duration: .36s
}

.animation--cursor-in--inactive,
.animation--cursor-out--active {
    box-shadow: none !important
}

.animation--cursor-in--inactive:after,
.animation--cursor-in--inactive:before,
.animation--cursor-out--active:after,
.animation--cursor-out--active:before {
    transform: scale(.4);
    opacity: 0
}

.animation--cursor-in--inactive .btn__text,
.animation--cursor-in--inactive .icon,
.animation--cursor-out--active .btn__text,
.animation--cursor-out--active .icon {
    opacity: 0
}

.animation--height {
    transition-property: height, opacity;
    will-change: height, opacity;
    overflow: hidden
}

.js [data-reveal]:not([data-reveal-visible]) {
    pointer-events: all !important
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .js [data-reveal]:not([data-reveal-visible]) {
        opacity: 0 !important;
        pointer-events: none !important
    }
}

.link-hover {
    overflow: hidden
}

.link-hover,
.link-hover .btn__content {
    position: relative
}

.link-hover .char {
    display: inline-block;
    transition-property: transform;
    will-change: transform;
    transition: transform .6s ease;
    transition-delay: calc(var(--char-index) * 10ms)
}

.link-hover__text {
    position: relative
}

.link-hover__hover {
    position: absolute;
    left: 0
}

.btn--square.link-hover .link-hover__hover {
    right: 0;
    text-align: center
}

.btn--lg.link-hover .btn__content,
.btn--xs-static.link-hover .btn__content {
    overflow: hidden
}

.btn--lg.link-hover .link-hover__hover .char,
.btn--xs-static.link-hover .link-hover__hover .char {
    transform: translateY(40px)
}

.has-hover .btn--lg.link-hover:hover .link-hover__text .char,
.has-hover .btn--xs-static.link-hover:hover .link-hover__text .char,
.has-hover .btn-container:hover .btn--lg.link-hover .link-hover__text .char,
.has-hover .btn-container:hover .btn--xs-static.link-hover .link-hover__text .char {
    transform: translateY(-40px)
}

.has-hover .btn--lg.link-hover:hover .link-hover__hover .char,
.has-hover .btn--xs-static.link-hover:hover .link-hover__hover .char,
.has-hover .btn-container:hover .btn--lg.link-hover .link-hover__hover .char,
.has-hover .btn-container:hover .btn--xs-static.link-hover .link-hover__hover .char {
    transform: translateY(0)
}

.btn--brown.link-hover:before,
.btn--primary.link-hover:before {
    display: none
}

.btn--brown.link-hover .btn__content,
.btn--primary.link-hover .btn__content,
.btn--xs-static.btn--link.link-hover .btn__content {
    height: 26px
}

.js .animation--header-intro {
    transition-duration: 1s
}

.js .animation--header-intro .header__animation {
    transition: transform 1s cubic-bezier(.29, .73, .45, 1);
    will-change: transform;
    pointer-events: none
}

.js .animation--header-intro--inactive .header__animation {
    transform: translateY(-100%)
}

.card {
    display: block;
    position: relative;
    outline: none;
    overflow: hidden;
    contain: content
}

.card__title {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.card__title--left {
    justify-content: flex-start
}

.card__title--left>span {
    margin-right: .1em
}

.card__title--right {
    justify-content: flex-end
}

.card__text {
    margin: 0
}

.card__animation {
    overflow: hidden
}

.card__animation,
.card__background,
.card__background:before,
.card__background__image,
.card__content,
.card__hover,
.card__hover:before,
.card__hover__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.card__hover-image {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transform: translateY(100%)
}

.card__hover-image picture {
    width: 100%;
    height: 100%;
    transform: translateY(-100%)
}

.card__hover-image picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card__background,
.card__hover {
    overflow: hidden;
    transition-property: transform;
    will-change: transform
}

.card__background:before,
.card__hover:before {
    content: "";
    height: 100%
}

.has-smooth-scroll .card__background:before,
.has-smooth-scroll .card__hover:before {
    height: calc(100% - .5px)
}

.card__background:before,
.card__background__image,
.card__hover:before,
.card__hover__content {
    transition-property: transform;
    will-change: transform
}

.card__hover {
    transform: translateY(101%)
}

.card__hover:before,
.card__hover__content {
    transform: translateY(-101%)
}

.card__animation {
    will-change: transform
}

.card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: var(--spacing-1-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card__content {
        padding: var(--spacing-1)
    }
}

.card__content--center {
    justify-content: center;
    align-items: center;
    padding: 0
}

.card__content--start {
    justify-content: flex-start
}

.card__spacer {
    flex-grow: 1
}

.card__sizer+.card__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.card__background__image.img-full img {
    min-height: 100%
}

.card__penthouse {
    position: absolute;
    right: var(--spacing-1-5);
    bottom: var(--spacing-1-5);
    width: calc(var(--spacing-1) / 20 * 50);
    height: auto
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card__penthouse {
        right: var(--spacing-1);
        top: var(--spacing-1);
        bottom: auto;
        width: calc(var(--spacing-1) / 60 * 77);
        transform: translateY(calc(var(--spacing-1) / 60 * -3))
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .card__penthouse {
        width: 77px;
        transform: translateY(-3px)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .card__penthouse {
        width: calc(var(--spacing-1) / 80 * 77);
        transform: translateY(calc(var(--spacing-1) / 80 * -3))
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .is-safari .card__penthouse {
        transform: translateY(calc(var(--spacing-1) / 60 * -5))
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .is-safari .card__penthouse {
        transform: translateY(-5px)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .is-safari .card__penthouse {
        transform: translateY(calc(var(--spacing-1) / 80 * -5))
    }
}

.card--hover input:checked~.card__hover,
.card--hover input:checked~.card__hover-image,
.card--hover input:checked~.card__hover-image picture,
.card--hover input:checked~.card__hover:before,
.card--hover input:checked~.card__hover__content,
.has-hover .card--hover:hover .card__hover,
.has-hover .card--hover:hover .card__hover-image,
.has-hover .card--hover:hover .card__hover-image picture,
.has-hover .card--hover:hover .card__hover:before,
.has-hover .card--hover:hover .card__hover__content {
    transform: translateY(0)
}

.card--primary .card__background:before {
    background: #59413e
}

.card--primary .card__hover:before {
    background: #181d24
}

.card--primary .card__title {
    color: #ca9d75
}

.card--primary .card__text {
    color: #f9f0ec
}

.card--outline .card__animation,
.card--outline .card__background,
.card--outline .card__content,
.card--outline .card__hover {
    width: calc(100% - 1px);
    height: calc(100% - 1px)
}

.card--outline .card__background:before {
    border: 1px solid #ac835e
}

.card--outline .card__hover:before {
    border: 1px solid #181d24
}

.card--outline .card__title {
    color: #ac835e
}

.card--outline .card__text {
    color: #181d24
}

.card--image .card__background:before {
    background: #59413e
}

.card--image .card__hover:before {
    background: #181d24
}

.card--image .card__category,
.card--image .card__text,
.card--image .card__title {
    color: #f9f0ec
}

.card--news .card__sizer {
    padding-top: 69.23077%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--news .card__sizer {
        padding-top: 81.81818%
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--news .card__sizer {
        padding-top: 114.28571%
    }
}

@media only screen and (min-width:980px) {
    .card--news .card__sizer {
        padding-top: 133.33333%
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--news .card__sizer {
        padding-top: 133.33333%
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .card--news .card__sizer {
        padding-top: 133.33333%
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .card--news .card__sizer {
        padding-top: 133.33333%
    }
}

.card--news-item .card__sizer {
    padding-top: 69.23077%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--news-item .card__sizer {
        padding-top: 81.81818%
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--news-item .card__sizer {
        padding-top: 114.28571%
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--news-item .card__sizer {
        padding-top: 127.77778%
    }
}

.card--news,
.card--news-item {
    transition-property: color
}

.card--news-item .card__background__image img,
.card--news .card__background__image img {
    -o-object-fit: cover;
    object-fit: cover
}

.card--news-item .card__background__image:after,
.card--news .card__background__image:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(89, 65, 62, .4)
}

.card--filter .card__animation,
.card--filter .card__background,
.card--filter .card__hover-image,
.card--filter .card__sizer {
    display: block
}

.card--filter .card__sizer {
    padding-top: 30.76923%
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--filter .card__sizer {
        padding-top: 52.83019%
    }
}

.card--filter.card--outline .card__background:before {
    border: 1px solid rgba(89, 65, 62, .1)
}

.card--choice .card__sizer {
    padding-top: 100%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--choice .card__sizer {
        padding-top: 109.09091%
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--choice .card__sizer {
        padding-top: 320px
    }
}

@media only screen and (min-width:980px) {
    .card--choice .card__sizer {
        padding-top: 133.33333%
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--choice .card__sizer {
        padding-top: 133.33333%
    }
}

.card--choice__text-top {
    margin-top: var(--spacing)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--choice__text-top {
        margin-top: 0;
        position: absolute;
        bottom: var(--spacing-1);
        left: calc(var(--spacing-1) * 2)
    }
}

.card--choice__plus-button {
    position: absolute;
    bottom: var(--spacing-1-5);
    left: var(--spacing-1-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--choice__plus-button {
        bottom: var(--spacing-1);
        left: var(--spacing-1)
    }
}

.card--choice--rectangle .card__sizer {
    padding-top: 131.58%
}

.card--apartments .card__sizer {
    padding-top: 150%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--apartments .card__sizer {
        padding-top: 77.77778%
    }
}

@media only screen and (min-width:980px) {
    .card--apartments .card__sizer {
        padding-top: 116.66667%
    }
}

.card--apartments .card__content {
    padding: 0
}

.card--apartments .card__title {
    font-family: SangBleu Empire, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 3.95rem;
    line-height: 1.01266em;
    letter-spacing: -.02em;
    margin-bottom: calc(var(--spacing) * .25);
    color: #ca9d75
}

@media only screen and (min-width:980px) {
    .card--apartments .card__title {
        font-size: 5.2rem;
        line-height: 1.15385em;
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .card--apartments .card__title {
        font-size: calc(3.95rem + 12.5 * ((100vw - 568px) / 412));
        line-height: calc(1.01266em + 1.41188 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

.card--apartments .card__text {
    margin-bottom: calc(var(--spacing) * .5)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--apartments .card__text {
        margin-bottom: calc(var(--spacing) * .25)
    }
}

@media only screen and (min-width:980px) {
    .card--apartments .card__text {
        margin-bottom: calc(var(--spacing) * .6)
    }
}

.card--apartments.ui-light .card__text {
    color: #ca9d75
}

.card--header .card__sizer {
    width: 190px;
    padding-top: 100%
}

.card--header .card__hover:before {
    background-color: #59413e
}

.card--header .card__content {
    color: #f9f0ec;
    font-size: 1.2rem;
    line-height: 1.25em;
    letter-spacing: .1em
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--header .card__content {
        padding: 28px 30px
    }
}

.card--header .card__content--light {
    color: #181d24;
    transition-property: color;
    transition-duration: 2s
}

.has-hover .card--header:hover .card__background {
    transform: scale(1.2)
}

.has-hover .card--header:hover .card__content--light {
    color: #f9f0ec
}

.card--header--wide {
    width: 100%;
    flex: 0 0 100%
}

.card--header--wide .card__sizer {
    width: 100%;
    padding-top: 70.37037%
}

.card--header--wide .card__content {
    max-width: 200px
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--header--wide {
        width: 50%;
        flex: 0 0 50%
    }
}

.header__popover.popover--triangle .card--header.card--hover {
    overflow: visible;
    contain: none
}

.header__popover.popover--triangle .card--header.card--hover:before {
    transform: translateY(6px);
    transition-property: transform;
    will-change: transform
}

.has-hover .header__popover.popover--triangle .card--header.card--hover:hover:before,
.header__popover.popover--triangle .card--header.card--hover.focus-visible:before,
.header__popover.popover--triangle .card--header.card--hover.is-active:before {
    transform: translateY(0);
    transition-delay: 1.268s
}

.has-hover .header__popover.popover--triangle .card--header.card--hover:hover .card__background,
.header__popover.popover--triangle .card--header.card--hover.focus-visible .card__background,
.header__popover.popover--triangle .card--header.card--hover.is-active .card__background {
    transform: none
}

.header__popover.popover--triangle.popover--ba .popover__content:before,
.header__popover.popover--triangle.popover--be .popover__content:before,
.header__popover.popover--triangle.popover--bm .popover__content:before,
.header__popover.popover--triangle.popover--bs .popover__content:before {
    border-bottom-color: #f9f0ec
}

.header__popover.popover--triangle.popover--ba .card--header.card--hover:before,
.header__popover.popover--triangle.popover--be .card--header.card--hover:before,
.header__popover.popover--triangle.popover--bm .card--header.card--hover:before,
.header__popover.popover--triangle.popover--bs .card--header.card--hover:before {
    content: "";
    display: block;
    position: absolute;
    border: 6px solid transparent;
    border-bottom-color: #59413e;
    bottom: 100%;
    left: calc(var(--triangle-left) - 189px);
    margin-left: -6px;
    margin-bottom: -1px
}

.header__popover.popover--triangle.popover--bm .card--header.card--hover:before {
    margin-left: 0;
    left: auto;
    right: calc(50% - 6px)
}

.card--bank .card__sizer {
    padding-top: 300px
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--bank .card__sizer {
        padding-top: 300px
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--bank .card__sizer {
        padding-top: 320px
    }
}

@media only screen and (min-width:980px) {
    .card--bank .card__sizer {
        padding-top: 420px
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--bank .card__sizer {
        padding-top: 116.66667%
    }
}

.card--bank .card__group,
.card--bank .card__group:first-child {
    margin-top: calc(calc(var(--spacing) * 24/20) * -1);
    margin-left: calc(calc(var(--spacing) * 24/20) * -1)
}

.card--bank .card__group>*,
.card--bank .card__group>:first-child {
    margin-bottom: 0;
    margin-top: calc(var(--spacing) * 24/20);
    margin-left: calc(var(--spacing) * 24/20);
    max-width: calc(100% - calc(var(--spacing) * 24/20))
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--bank .card__group,
    .card--bank .card__group:first-child {
        margin-top: calc(calc(var(--spacing) * 14/40) * -1);
        margin-left: calc(calc(var(--spacing) * 14/40) * -1)
    }
    .card--bank .card__group>*,
    .card--bank .card__group>:first-child {
        margin-bottom: 0;
        margin-top: calc(var(--spacing) * 14/40);
        margin-left: calc(var(--spacing) * 14/40);
        max-width: calc(100% - calc(var(--spacing) * 14/40))
    }
}

.card--bank .card__content {
    padding: calc(var(--spacing) * 1.5)
}

.card--bank .card__content__logo {
    width: 40px;
    height: 40px
}

.card--bank .card__content__group {
    display: flex;
    flex-direction: column;
    width: 100%
}

.card--bank .card__content__descr {
    margin-top: 0;
    margin-bottom: calc(var(--spacing) * 33 / 60)
}

.card--bank .card__content__value {
    margin-top: 0;
    margin-bottom: calc(var(--spacing) * 28 / 60)
}

.card--bank .card__content__value--last {
    margin-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--bank .card__content {
        padding: calc(var(--spacing) * 30 / 40)
    }
    .card--bank .card__content__logo {
        width: 50px;
        height: 50px
    }
    .card--bank .card__content__descr {
        margin-bottom: calc(var(--spacing) * 11 / 40)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--bank .card__content {
        padding: calc(var(--spacing) * 40 / 60)
    }
    .card--bank .card__content__logo {
        width: 50px;
        height: 50px
    }
    .card--bank .card__content__descr {
        display: block;
        margin-top: 0;
        margin-bottom: calc(var(--spacing) * 12 / 60)
    }
    .card--bank .card__content__value {
        margin-top: 0;
        margin-bottom: calc(var(--spacing) * 28 / 60)
    }
    .card--bank .card__content__value--last {
        margin-bottom: calc(var(--spacing) * 12 / 60)
    }
}

.card--bank .card__background:before {
    background: #f9f0ec
}

.card--bank .card__hover:before {
    background: #59413e
}

.card--bank .card__content__bank,
.card--bank .card__content__value {
    color: #181d24;
    transition-duration: 1.6s
}

.card--category {
    cursor: pointer
}

.card--category .card__sizer {
    padding-top: 100%
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--category {
        border-right: 1px solid rgba(169, 160, 156, .2);
        border-bottom: 1px solid rgba(169, 160, 156, .2)
    }
    .card--category .card__hover {
        height: calc(100% + 1px)
    }
    .card--category .card__sizer {
        width: calc(var(--spacing) * 4)
    }
    .card--category .card__content {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        transition-duration: 1.6s
    }
    .card--category .card__content .icon {
        margin-bottom: 1em
    }
    .card--category .card__icon {
        color: #ac835e;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99);
        transition-property: color;
        transition-duration: 1.6s
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--category .card__sizer {
        width: calc(var(--spacing) * 160 / 60)
    }
}

.card--category .card__hover:before {
    background-color: #ac835e
}

.card--category.focus-visible .card__content,
.card--category.focus-visible .card__icon,
.card--category.is-active .card__content,
.card--category.is-active .card__icon,
.has-hover .card--category:hover .card__content,
.has-hover .card--category:hover .card__icon,
input:checked~.card.card--category .card__content,
input:checked~.card.card--category .card__icon {
    color: #f9f0ec
}

input:checked~.card.card--category .card__hover,
input:checked~.card.card--category .card__hover:before {
    transform: translateY(0)
}

.card--access .card__sizer {
    padding-top: 270px
}

.card--access .card__content__bottom__title {
    display: inline-block;
    margin-bottom: .06em;
    margin-right: .2em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .card--access .card__sizer {
        padding-top: 240px
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .card--access .card__sizer {
        padding-top: 380px
    }
    .card--access .card__content__bottom__title {
        margin-bottom: -.08em
    }
}

@media only screen and (min-width:980px) {
    .card--access .card__sizer {
        padding-top: 320px
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .card--access .card__sizer {
        padding-top: 133.33333%
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .card--access .card__content__bottom__title {
        margin-bottom: -.1em
    }
}

.ui-dark .card--choice .card__background:before {
    background: #181d24
}

.ui-dark .card--choice .card__hover:before {
    background: #59413e
}

.ui-dark .card--choice .card__title {
    color: #ca9d75
}

.ui-dark .card--choice .card__text {
    color: #f9f0ec
}

.ui-dark .card--choice--light .card__hover:before {
    background: #39404e
}

.video-embed {
    position: relative;
    padding-bottom: 62.5%
}

.video-embed__inner__placeholder,
.video-embed iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.video-embed__inner__placeholder {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.video-embed--dragging:before,
.video-embed:before {
    cursor: pointer;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 1
}

.video-embed--with-overlay.video-embed--playing.video-embed--dragging:before {
    display: block
}

.video-embed--fullscreen {
    pointer-events: none;
    padding: 0;
    width: 100vw;
    height: 100vh;
    height: var(--viewport-height);
    min-height: 100vh;
    min-height: var(--viewport-height)
}

@media (orientation:landscape) and (max-device-aspect-ratio:16/9) {
    .video-embed--fullscreen--extended {
        width: calc(16 / 9 * 100vh);
        width: calc(16 / 9 * var(--viewport-height));
        height: 100vh;
        height: var(--viewport-height);
        min-width: 100vw;
        transform: translateX(calc(50vw - 50%))
    }
}

@media (orientation:landscape) and (min-device-aspect-ratio:16/9) {
    .video-embed--fullscreen--extended {
        width: 100vw;
        height: calc(9 / 16 * 100vw);
        transform: translateY(calc(50vh - 50%))
    }
}

.video-embed--fullscreen .video-embed__inner {
    margin: 0;
    position: relative;
    width: 100%;
    height: 100%
}

.video-embed--fullscreen iframe {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border: 0 !important
}

@media only screen and (min-width:1200px) and (min-height:500px) and (max-aspect-ratio:16/9) {
    .video-embed--fullscreen--extended {
        width: calc(16 / 9 * 100vh);
        width: calc(16 / 9 * var(--viewport-height));
        height: 100vh;
        height: var(--viewport-height);
        min-width: 100vw;
        transform: translateX(calc(50vw - 50%))
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:16/9) {
    .video-embed--fullscreen--extended {
        width: 100vw;
        height: calc(9 / 16 * 100vw);
        transform: translateY(calc(50vh - 50%))
    }
}

.video-embed__button {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-property: opacity
}

.video-embed--playing .video-embed__button {
    opacity: 0
}

.video-embed__play {
    position: absolute;
    z-index: 1;
    transition-property: opacity;
    pointer-events: all;
    opacity: 1
}

.video-embed--playing .video-embed__play,
.video-embed__pause {
    opacity: 0;
    pointer-events: none
}

.video-embed__pause {
    position: absolute;
    z-index: 1;
    transition-property: opacity
}

.video-embed--playing .video-embed__pause,
.video-embed__mute {
    opacity: 1;
    pointer-events: all
}

.video-embed__mute {
    position: absolute;
    z-index: 1;
    transition-property: opacity
}

.video-embed__mute .icon,
.video-embed__mute .icon.icon-volume-mute,
.video-embed__mute .icon.icon-volume-muted,
.video-embed__mute .icon:not(:first-child),
.video-embed__mute .icon:not(:last-child) {
    margin: 0 !important
}

.video-embed--muted .video-embed__mute .icon-volume-mute,
.video-embed__mute .icon-volume-muted {
    display: none
}

.video-embed--muted .video-embed__mute .icon-volume-muted {
    display: block
}

.video-embed__progress-bar {
    position: absolute;
    z-index: 1;
    height: 120px;
    cursor: pointer
}

.video-embed--playing .video-embed__progress-bar {
    opacity: 1;
    pointer-events: all
}

.video-embed__progress-bar:before {
    content: "";
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    border-top: 1px solid #ac835e;
    opacity: .4
}

.video-embed__progress-bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-embed__progress-bar__inner {
    position: absolute;
    top: 90px;
    left: 0;
    border-top: 1px solid #ac835e;
    z-index: 2;
    width: 0;
    transition-duration: .333s;
    transition-timing-function: linear;
    transition-property: transform;
    will-change: width;
    height: 100%
}

.video-embed__progress-bar__inner iframe {
    width: 100%;
    height: 100%
}

.video-embed__progress-bar__inner:after {
    position: absolute;
    content: "";
    right: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #ac835e;
    z-index: 2
}

.video-embed__progress-bar__hover {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    pointer-events: all;
    z-index: 1
}

.video-embed__progress-bar__hover:after {
    position: absolute;
    content: "";
    height: 1px;
    left: 0;
    width: var(--mouseX);
    background-color: #f9f0ec;
    opacity: 0;
    transition-property: opcatity
}

.video-embed__progress-bar:hover .video-embed__progress-bar__hover:after {
    opacity: 1
}

.video-embed__progress-bar__text {
    position: absolute;
    pointer-events: none;
    text-align: center;
    right: 0;
    top: 0;
    transform: translate(50%, calc(-100% - 20px));
    padding: 3px 10px;
    min-width: 53px;
    color: #f9f0ec;
    background-color: #ac835e
}

.video-embed__progress-bar__text:after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    width: 0;
    height: 0;
    border-color: #ac835e transparent transparent;
    border-style: solid;
    border-width: 3px 5px
}

@media only screen and (min-width:980px) {
    .video-embed__progress-bar__text {
        min-width: 63px
    }
}

.video-embed__progress-bar--disable-animation .video-embed__progress-bar__inner {
    transition: none
}

.has-hover .video-embed__progress-bar:hover .video-embed__progress-bar__inner:after {
    opacity: 1
}

.video-embed__pannel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition-duration: .4s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    transition-property: transform;
    height: calc(10% * 2);
    background: linear-gradient(180deg, rgba(24, 29, 36, 0), rgba(24, 29, 36, .9))
}

.video-embed__pannel--hidden {
    transform: translateY(200%)
}

.video-embed__pause,
.video-embed__play {
    left: calc(10% - 15px);
    bottom: calc(10%)
}

.video-embed__mute {
    right: calc(10% - 15px);
    bottom: calc(10%)
}

.video-embed__progress-bar {
    display: block;
    left: 30%;
    bottom: calc(10%);
    right: 30%
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .video-embed__progress-bar {
        left: 20%;
        right: 20%
    }
}

@media only screen and (min-width:980px) {
    .video-embed__pause,
    .video-embed__play {
        left: calc(10% - 15px);
        bottom: calc(10%* 3)
    }
    .video-embed__mute {
        right: calc(10% - 15px);
        bottom: calc(10% * 3)
    }
    .video-embed__progress-bar {
        left: 20%;
        bottom: calc(10% * 3);
        right: 20%
    }
    .video-embed__pannel {
        height: calc(10%)
    }
}

.page-transition-content {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    min-height: 100vh !important;
    z-index: 13 !important
}

.modal-preloader,
.page-transition-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: var(--viewport-height);
    z-index: 14;
    overflow: hidden;
    contain: strict
}

.modal-preloader__content,
.page-transition-overlay__content {
    background: #101419;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.modal-preloader {
    z-index: 3
}

.no-js .modal-preloader,
.no-js .page-transition-overlay {
    display: none
}

.preloader svg {
    width: 120px;
    height: 120px
}

.preloader__fill {
    animation: animation-preloader cubic-bezier(.25, .74, .22, .99);
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    transform-origin: 50% 100%;
    transform-box: fill-box;
    transform: scaleY(0)
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .preloader svg {
        width: 160px;
        height: 160px
    }
}

@keyframes animation-preloader {
    0% {
        transform: scaleY(0)
    }
    to {
        transform: scaleY(1)
    }
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    opacity: 0
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: .5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: grab
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing
}

.has-scroll-smooth {
    scroll-behavior: auto
}

.c-scrollbar {
    z-index: 12
}

body.will-have-scroll-smooth,
html.will-have-scroll-smooth {
    overflow: hidden
}

.with-modal .c-scrollbar {
    opacity: 0
}

@media print {
    .has-scroll-smooth body,
    html.has-scroll-smooth {
        overflow: visible
    }
    .has-scroll-smooth .page-content-wrapper,
    .has-scroll-smooth [data-scroll-section] {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: all !important
    }
    .has-scroll-smooth [data-scroll-container] {
        min-height: 0
    }
    .c-scrollbar {
        display: none !important
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.ui-light,
.ui-light .h1,
.ui-light .h2,
.ui-light .h3,
.ui-light .h4,
.ui-light .h5,
.ui-light button,
.ui-light h1,
.ui-light h2,
.ui-light h3,
.ui-light h4,
.ui-light h5,
.ui-light input,
.ui-light textarea,
body,
button,
h1,
h2,
h3,
h4,
h5,
input,
textarea {
    color: #181d24
}

.ui-dark,
.ui-dark .h1,
.ui-dark .h2,
.ui-dark .h3,
.ui-dark .h4,
.ui-dark .h5,
.ui-dark button,
.ui-dark h1,
.ui-dark h2,
.ui-dark h3,
.ui-dark h4,
.ui-dark h5,
.ui-dark input,
.ui-dark textarea {
    color: #f9f0ec
}

.ui-dark .h0-landing:not(.text--color-gold),
.ui-dark .h1-landing:not(.text--color-gold),
.ui-dark .h2-landing:not(.text--color-gold),
.ui-dark .h3-landing-intro:not(.text--color-gold),
.ui-dark .h3-landing:not(.text--color-gold),
.ui-dark .text-c1-landing:not(.text--color-gold),
.ui-dark .text-hs1-landing:not(.text--color-gold),
.ui-dark .text-hs2-landing:not(.text--color-gold),
.ui-dark .text-t1-landing:not(.text--color-gold) {
    color: #fff
}

.ui-brown,
.ui-brown button,
.ui-brown input,
.ui-brown textarea {
    color: #f9f0ec
}

.ui-brown .h1,
.ui-brown .h2,
.ui-brown .h3,
.ui-brown .h4,
.ui-brown .h5,
.ui-brown h1,
.ui-brown h2,
.ui-brown h3,
.ui-brown h4,
.ui-brown h5 {
    color: #181d24
}

body {
    background: #f9f0ec
}

.ui-dark-background {
    background: #181d24
}

.ui-light-background {
    background: #f9f0ec
}

.ui-white-background {
    background: #fff
}

.ui-brown-background {
    background: #52403c
}

.ui-card-background {
    background: #59413e
}

.ui-gold-dark-background,
.ui-primary-background {
    background: #ac835e
}

.ui-gold-background {
    background: #cfa261
}

@media print {
    .ui-brown,
    .ui-brown .h1,
    .ui-brown .h2,
    .ui-brown .h3,
    .ui-brown .h4,
    .ui-brown .h5,
    .ui-brown button,
    .ui-brown h1,
    .ui-brown h2,
    .ui-brown h3,
    .ui-brown h4,
    .ui-brown h5,
    .ui-brown input,
    .ui-brown textarea,
    .ui-dark,
    .ui-dark .h1,
    .ui-dark .h2,
    .ui-dark .h3,
    .ui-dark .h4,
    .ui-dark .h5,
    .ui-dark button,
    .ui-dark h1,
    .ui-dark h2,
    .ui-dark h3,
    .ui-dark h4,
    .ui-dark h5,
    .ui-dark input,
    .ui-dark textarea,
    body,
    body .h1,
    body .h2,
    body .h3,
    body .h4,
    body .h5,
    body button,
    body h1,
    body h2,
    body h3,
    body h4,
    body h5,
    body input,
    body textarea {
        color: #000
    }
}

.icon {
    transition-property: color, transform, opacity;
    display: inline-block;
    flex-shrink: 0
}

.btn .icon,
.icon--with-margins,
a .icon,
button .icon {
    transition: none
}

.btn .icon:not(:last-child),
.icon--with-margins:not(:last-child),
a .icon:not(:last-child),
button .icon:not(:last-child) {
    margin-right: 1rem
}

.btn .icon:not(:first-child),
.icon--with-margins:not(:first-child),
a .icon:not(:first-child),
button .icon:not(:first-child) {
    margin-left: 1rem
}

.btn .icon--lg-margin:not(:last-child),
.icon--lg-margin:not(:last-child),
a .icon--lg-margin:not(:last-child),
button .icon--lg-margin:not(:last-child) {
    margin-right: 1.8rem
}

.btn .icon--lg-margin:not(:first-child),
.icon--lg-margin:not(:first-child),
a .icon--lg-margin:not(:first-child),
button .icon--lg-margin:not(:first-child) {
    margin-left: 1.8rem
}

.btn .icon--no-margins:not(:first-child),
.btn .icon--no-margins:not(:last-child),
.icon--no-margins:not(:first-child),
.icon--no-margins:not(:last-child),
a .icon--no-margins:not(:first-child),
a .icon--no-margins:not(:last-child),
button .icon--no-margins:not(:first-child),
button .icon--no-margins:not(:last-child) {
    margin-right: 0;
    margin-left: 0
}

.icon,
.icon--with-margins~span {
    vertical-align: middle;
    position: relative
}

.btn .icon,
a .icon,
button .icon {
    pointer-events: none
}

.no-hover .btn--square .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.icon.icon-icon-balcony,
.icon.icon-icon-balcony_area,
.icon.icon-icon-bedroom_count,
.icon.icon-icon-double_floors,
.icon.icon-icon-fireplace,
.icon.icon-icon-panoramic_windows,
.icon.icon-icon-park,
.icon.icon-icon-patio,
.icon.icon-icon-penthouse,
.icon.icon-icon-terrace,
.icon.icon-icon-view,
.icon.icon-icon-white_box,
.icon.icon-icon-window {
    height: 22px;
    width: 22px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .icon.icon-icon-balcony,
    .icon.icon-icon-balcony_area,
    .icon.icon-icon-bedroom_count,
    .icon.icon-icon-double_floors,
    .icon.icon-icon-fireplace,
    .icon.icon-icon-panoramic_windows,
    .icon.icon-icon-park,
    .icon.icon-icon-patio,
    .icon.icon-icon-penthouse,
    .icon.icon-icon-terrace,
    .icon.icon-icon-view,
    .icon.icon-icon-white_box,
    .icon.icon-icon-window {
        height: 26px;
        width: 26px
    }
}

@media only screen and (min-width:980px) {
    .icon.icon-icon-balcony,
    .icon.icon-icon-balcony_area,
    .icon.icon-icon-bedroom_count,
    .icon.icon-icon-double_floors,
    .icon.icon-icon-fireplace,
    .icon.icon-icon-panoramic_windows,
    .icon.icon-icon-park,
    .icon.icon-icon-patio,
    .icon.icon-icon-penthouse,
    .icon.icon-icon-terrace,
    .icon.icon-icon-view,
    .icon.icon-icon-white_box,
    .icon.icon-icon-window {
        height: 32px;
        width: 32px
    }
}

.text-400 {
    font-weight: 400
}

.text-500 {
    font-weight: 500
}

.text-700 {
    font-weight: 700
}

.p-relative {
    position: relative
}

.text-left,
.text-left\:xs {
    text-align: left
}

.text-center,
.text-center\:xs {
    text-align: center
}

.text-right,
.text-right\:xs {
    text-align: right
}

.pt--1,
.pt--1\:xs,
.py--1,
.py--1\:xs {
    padding-top: var(--spacing--1)
}

.pt-0,
.pt-0\:xs,
.py-0,
.py-0\:xs {
    padding-top: var(--spacing-0)
}

.pt-0-25,
.pt-0-25\:xs,
.py-0-25,
.py-0-25\:xs {
    padding-top: var(--spacing-0-25)
}

.pt-0-5,
.pt-0-5\:xs,
.py-0-5,
.py-0-5\:xs {
    padding-top: var(--spacing-0-5)
}

.pt-0-7,
.pt-0-7\:xs,
.py-0-7,
.py-0-7\:xs {
    padding-top: var(--spacing-0-7)
}

.pt-0-75,
.pt-0-75\:xs,
.py-0-75,
.py-0-75\:xs {
    padding-top: var(--spacing-0-75)
}

.pt--0-75,
.pt--0-75\:xs,
.py--0-75,
.py--0-75\:xs {
    padding-top: var(--spacing--0-75)
}

.pt-1,
.pt-1\:xs,
.py-1,
.py-1\:xs {
    padding-top: var(--spacing-1)
}

.pt-1-2,
.pt-1-2\:xs,
.py-1-2,
.py-1-2\:xs {
    padding-top: var(--spacing-1-2)
}

.pt-1-5,
.pt-1-5\:xs,
.py-1-5,
.py-1-5\:xs {
    padding-top: var(--spacing-1-5)
}

.pt--1-5,
.pt--1-5\:xs,
.py--1-5,
.py--1-5\:xs {
    padding-top: var(--spacing--1-5)
}

.pt-1-75,
.pt-1-75\:xs,
.py-1-75,
.py-1-75\:xs {
    padding-top: var(--spacing-1-75)
}

.pt--1-75,
.pt--1-75\:xs,
.py--1-75,
.py--1-75\:xs {
    padding-top: var(--spacing--1-75)
}

.pt-1-9,
.pt-1-9\:xs,
.py-1-9,
.py-1-9\:xs {
    padding-top: var(--spacing-1-9)
}

.pt-2,
.pt-2\:xs,
.py-2,
.py-2\:xs {
    padding-top: var(--spacing-2)
}

.pt-2-25,
.pt-2-25\:xs,
.py-2-25,
.py-2-25\:xs {
    padding-top: var(--spacing-2-25)
}

.pt-2-5,
.pt-2-5\:xs,
.py-2-5,
.py-2-5\:xs {
    padding-top: var(--spacing-2-5)
}

.pt-2-75,
.pt-2-75\:xs,
.py-2-75,
.py-2-75\:xs {
    padding-top: var(--spacing-2-75)
}

.pt-3,
.pt-3\:xs,
.py-3,
.py-3\:xs {
    padding-top: var(--spacing-3)
}

.pt-3-25,
.pt-3-25\:xs,
.py-3-25,
.py-3-25\:xs {
    padding-top: var(--spacing-3-25)
}

.pt-3-5,
.pt-3-5\:xs,
.py-3-5,
.py-3-5\:xs {
    padding-top: var(--spacing-3-5)
}

.pt-3-75,
.pt-3-75\:xs,
.py-3-75,
.py-3-75\:xs {
    padding-top: var(--spacing-3-75)
}

.pt-4,
.pt-4\:xs,
.py-4,
.py-4\:xs {
    padding-top: var(--spacing-4)
}

.pt-4-5,
.pt-4-5\:xs,
.py-4-5,
.py-4-5\:xs {
    padding-top: var(--spacing-4-5)
}

.pt-5,
.pt-5\:xs,
.py-5,
.py-5\:xs {
    padding-top: var(--spacing-5)
}

.pt-5-5,
.pt-5-5\:xs,
.py-5-5,
.py-5-5\:xs {
    padding-top: var(--spacing-5-5)
}

.pt-5-75,
.pt-5-75\:xs,
.py-5-75,
.py-5-75\:xs {
    padding-top: var(--spacing-5-75)
}

.pt-6,
.pt-6\:xs,
.py-6,
.py-6\:xs {
    padding-top: var(--spacing-6)
}

.pt-6-2,
.pt-6-2\:xs,
.py-6-2,
.py-6-2\:xs {
    padding-top: var(--spacing-6-2)
}

.pt-6-5,
.pt-6-5\:xs,
.py-6-5,
.py-6-5\:xs {
    padding-top: var(--spacing-6-5)
}

.pt-7,
.pt-7\:xs,
.py-7,
.py-7\:xs {
    padding-top: var(--spacing-7)
}

.pt-7-5,
.pt-7-5\:xs,
.py-7-5,
.py-7-5\:xs {
    padding-top: var(--spacing-7-5)
}

.pt-8,
.pt-8\:xs,
.py-8,
.py-8\:xs {
    padding-top: var(--spacing-8)
}

.pt-8-5,
.pt-8-5\:xs,
.py-8-5,
.py-8-5\:xs {
    padding-top: var(--spacing-8-5)
}

.pt-10,
.pt-10\:xs,
.py-10,
.py-10\:xs {
    padding-top: var(--spacing-10)
}

.pt-12,
.pt-12\:xs,
.py-12,
.py-12\:xs {
    padding-top: var(--spacing-12)
}

.pt-14,
.pt-14\:xs,
.py-14,
.py-14\:xs {
    padding-top: var(--spacing-14)
}

.pb--1,
.pb--1\:xs,
.py--1,
.py--1\:xs {
    padding-bottom: var(--spacing--1)
}

.pb-0,
.pb-0\:xs,
.py-0,
.py-0\:xs {
    padding-bottom: var(--spacing-0)
}

.pb-0-25,
.pb-0-25\:xs,
.py-0-25,
.py-0-25\:xs {
    padding-bottom: var(--spacing-0-25)
}

.pb-0-5,
.pb-0-5\:xs,
.py-0-5,
.py-0-5\:xs {
    padding-bottom: var(--spacing-0-5)
}

.pb-0-7,
.pb-0-7\:xs,
.py-0-7,
.py-0-7\:xs {
    padding-bottom: var(--spacing-0-7)
}

.pb-0-75,
.pb-0-75\:xs,
.py-0-75,
.py-0-75\:xs {
    padding-bottom: var(--spacing-0-75)
}

.pb--0-75,
.pb--0-75\:xs,
.py--0-75,
.py--0-75\:xs {
    padding-bottom: var(--spacing--0-75)
}

.pb-1,
.pb-1\:xs,
.py-1,
.py-1\:xs {
    padding-bottom: var(--spacing-1)
}

.pb-1-2,
.pb-1-2\:xs,
.py-1-2,
.py-1-2\:xs {
    padding-bottom: var(--spacing-1-2)
}

.pb-1-5,
.pb-1-5\:xs,
.py-1-5,
.py-1-5\:xs {
    padding-bottom: var(--spacing-1-5)
}

.pb--1-5,
.pb--1-5\:xs,
.py--1-5,
.py--1-5\:xs {
    padding-bottom: var(--spacing--1-5)
}

.pb-1-75,
.pb-1-75\:xs,
.py-1-75,
.py-1-75\:xs {
    padding-bottom: var(--spacing-1-75)
}

.pb--1-75,
.pb--1-75\:xs,
.py--1-75,
.py--1-75\:xs {
    padding-bottom: var(--spacing--1-75)
}

.pb-1-9,
.pb-1-9\:xs,
.py-1-9,
.py-1-9\:xs {
    padding-bottom: var(--spacing-1-9)
}

.pb-2,
.pb-2\:xs,
.py-2,
.py-2\:xs {
    padding-bottom: var(--spacing-2)
}

.pb-2-25,
.pb-2-25\:xs,
.py-2-25,
.py-2-25\:xs {
    padding-bottom: var(--spacing-2-25)
}

.pb-2-5,
.pb-2-5\:xs,
.py-2-5,
.py-2-5\:xs {
    padding-bottom: var(--spacing-2-5)
}

.pb-2-75,
.pb-2-75\:xs,
.py-2-75,
.py-2-75\:xs {
    padding-bottom: var(--spacing-2-75)
}

.pb-3,
.pb-3\:xs,
.py-3,
.py-3\:xs {
    padding-bottom: var(--spacing-3)
}

.pb-3-25,
.pb-3-25\:xs,
.py-3-25,
.py-3-25\:xs {
    padding-bottom: var(--spacing-3-25)
}

.pb-3-5,
.pb-3-5\:xs,
.py-3-5,
.py-3-5\:xs {
    padding-bottom: var(--spacing-3-5)
}

.pb-3-75,
.pb-3-75\:xs,
.py-3-75,
.py-3-75\:xs {
    padding-bottom: var(--spacing-3-75)
}

.pb-4,
.pb-4\:xs,
.py-4,
.py-4\:xs {
    padding-bottom: var(--spacing-4)
}

.pb-4-5,
.pb-4-5\:xs,
.py-4-5,
.py-4-5\:xs {
    padding-bottom: var(--spacing-4-5)
}

.pb-5,
.pb-5\:xs,
.py-5,
.py-5\:xs {
    padding-bottom: var(--spacing-5)
}

.pb-5-5,
.pb-5-5\:xs,
.py-5-5,
.py-5-5\:xs {
    padding-bottom: var(--spacing-5-5)
}

.pb-5-75,
.pb-5-75\:xs,
.py-5-75,
.py-5-75\:xs {
    padding-bottom: var(--spacing-5-75)
}

.pb-6,
.pb-6\:xs,
.py-6,
.py-6\:xs {
    padding-bottom: var(--spacing-6)
}

.pb-6-2,
.pb-6-2\:xs,
.py-6-2,
.py-6-2\:xs {
    padding-bottom: var(--spacing-6-2)
}

.pb-6-5,
.pb-6-5\:xs,
.py-6-5,
.py-6-5\:xs {
    padding-bottom: var(--spacing-6-5)
}

.pb-7,
.pb-7\:xs,
.py-7,
.py-7\:xs {
    padding-bottom: var(--spacing-7)
}

.pb-7-5,
.pb-7-5\:xs,
.py-7-5,
.py-7-5\:xs {
    padding-bottom: var(--spacing-7-5)
}

.pb-8,
.pb-8\:xs,
.py-8,
.py-8\:xs {
    padding-bottom: var(--spacing-8)
}

.pb-8-5,
.pb-8-5\:xs,
.py-8-5,
.py-8-5\:xs {
    padding-bottom: var(--spacing-8-5)
}

.pb-10,
.pb-10\:xs,
.py-10,
.py-10\:xs {
    padding-bottom: var(--spacing-10)
}

.pb-12,
.pb-12\:xs,
.py-12,
.py-12\:xs {
    padding-bottom: var(--spacing-12)
}

.pb-14,
.pb-14\:xs,
.py-14,
.py-14\:xs {
    padding-bottom: var(--spacing-14)
}

.pl--1,
.pl--1\:xs,
.px--1,
.px--1\:xs {
    padding-left: var(--spacing--1)
}

.pl-0,
.pl-0\:xs,
.px-0,
.px-0\:xs {
    padding-left: var(--spacing-0)
}

.pl-0-25,
.pl-0-25\:xs,
.px-0-25,
.px-0-25\:xs {
    padding-left: var(--spacing-0-25)
}

.pl-0-5,
.pl-0-5\:xs,
.px-0-5,
.px-0-5\:xs {
    padding-left: var(--spacing-0-5)
}

.pl-0-7,
.pl-0-7\:xs,
.px-0-7,
.px-0-7\:xs {
    padding-left: var(--spacing-0-7)
}

.pl-0-75,
.pl-0-75\:xs,
.px-0-75,
.px-0-75\:xs {
    padding-left: var(--spacing-0-75)
}

.pl--0-75,
.pl--0-75\:xs,
.px--0-75,
.px--0-75\:xs {
    padding-left: var(--spacing--0-75)
}

.pl-1,
.pl-1\:xs,
.px-1,
.px-1\:xs {
    padding-left: var(--spacing-1)
}

.pl-1-2,
.pl-1-2\:xs,
.px-1-2,
.px-1-2\:xs {
    padding-left: var(--spacing-1-2)
}

.pl-1-5,
.pl-1-5\:xs,
.px-1-5,
.px-1-5\:xs {
    padding-left: var(--spacing-1-5)
}

.pl--1-5,
.pl--1-5\:xs,
.px--1-5,
.px--1-5\:xs {
    padding-left: var(--spacing--1-5)
}

.pl-1-75,
.pl-1-75\:xs,
.px-1-75,
.px-1-75\:xs {
    padding-left: var(--spacing-1-75)
}

.pl--1-75,
.pl--1-75\:xs,
.px--1-75,
.px--1-75\:xs {
    padding-left: var(--spacing--1-75)
}

.pl-1-9,
.pl-1-9\:xs,
.px-1-9,
.px-1-9\:xs {
    padding-left: var(--spacing-1-9)
}

.pl-2,
.pl-2\:xs,
.px-2,
.px-2\:xs {
    padding-left: var(--spacing-2)
}

.pl-2-25,
.pl-2-25\:xs,
.px-2-25,
.px-2-25\:xs {
    padding-left: var(--spacing-2-25)
}

.pl-2-5,
.pl-2-5\:xs,
.px-2-5,
.px-2-5\:xs {
    padding-left: var(--spacing-2-5)
}

.pl-2-75,
.pl-2-75\:xs,
.px-2-75,
.px-2-75\:xs {
    padding-left: var(--spacing-2-75)
}

.pl-3,
.pl-3\:xs,
.px-3,
.px-3\:xs {
    padding-left: var(--spacing-3)
}

.pl-3-25,
.pl-3-25\:xs,
.px-3-25,
.px-3-25\:xs {
    padding-left: var(--spacing-3-25)
}

.pl-3-5,
.pl-3-5\:xs,
.px-3-5,
.px-3-5\:xs {
    padding-left: var(--spacing-3-5)
}

.pl-3-75,
.pl-3-75\:xs,
.px-3-75,
.px-3-75\:xs {
    padding-left: var(--spacing-3-75)
}

.pl-4,
.pl-4\:xs,
.px-4,
.px-4\:xs {
    padding-left: var(--spacing-4)
}

.pl-4-5,
.pl-4-5\:xs,
.px-4-5,
.px-4-5\:xs {
    padding-left: var(--spacing-4-5)
}

.pl-5,
.pl-5\:xs,
.px-5,
.px-5\:xs {
    padding-left: var(--spacing-5)
}

.pl-5-5,
.pl-5-5\:xs,
.px-5-5,
.px-5-5\:xs {
    padding-left: var(--spacing-5-5)
}

.pl-5-75,
.pl-5-75\:xs,
.px-5-75,
.px-5-75\:xs {
    padding-left: var(--spacing-5-75)
}

.pl-6,
.pl-6\:xs,
.px-6,
.px-6\:xs {
    padding-left: var(--spacing-6)
}

.pl-6-2,
.pl-6-2\:xs,
.px-6-2,
.px-6-2\:xs {
    padding-left: var(--spacing-6-2)
}

.pl-6-5,
.pl-6-5\:xs,
.px-6-5,
.px-6-5\:xs {
    padding-left: var(--spacing-6-5)
}

.pl-7,
.pl-7\:xs,
.px-7,
.px-7\:xs {
    padding-left: var(--spacing-7)
}

.pl-7-5,
.pl-7-5\:xs,
.px-7-5,
.px-7-5\:xs {
    padding-left: var(--spacing-7-5)
}

.pl-8,
.pl-8\:xs,
.px-8,
.px-8\:xs {
    padding-left: var(--spacing-8)
}

.pl-8-5,
.pl-8-5\:xs,
.px-8-5,
.px-8-5\:xs {
    padding-left: var(--spacing-8-5)
}

.pl-10,
.pl-10\:xs,
.px-10,
.px-10\:xs {
    padding-left: var(--spacing-10)
}

.pl-12,
.pl-12\:xs,
.px-12,
.px-12\:xs {
    padding-left: var(--spacing-12)
}

.pl-14,
.pl-14\:xs,
.px-14,
.px-14\:xs {
    padding-left: var(--spacing-14)
}

.pr--1,
.pr--1\:xs,
.px--1,
.px--1\:xs {
    padding-right: var(--spacing--1)
}

.pr-0,
.pr-0\:xs,
.px-0,
.px-0\:xs {
    padding-right: var(--spacing-0)
}

.pr-0-25,
.pr-0-25\:xs,
.px-0-25,
.px-0-25\:xs {
    padding-right: var(--spacing-0-25)
}

.pr-0-5,
.pr-0-5\:xs,
.px-0-5,
.px-0-5\:xs {
    padding-right: var(--spacing-0-5)
}

.pr-0-7,
.pr-0-7\:xs,
.px-0-7,
.px-0-7\:xs {
    padding-right: var(--spacing-0-7)
}

.pr-0-75,
.pr-0-75\:xs,
.px-0-75,
.px-0-75\:xs {
    padding-right: var(--spacing-0-75)
}

.pr--0-75,
.pr--0-75\:xs,
.px--0-75,
.px--0-75\:xs {
    padding-right: var(--spacing--0-75)
}

.pr-1,
.pr-1\:xs,
.px-1,
.px-1\:xs {
    padding-right: var(--spacing-1)
}

.pr-1-2,
.pr-1-2\:xs,
.px-1-2,
.px-1-2\:xs {
    padding-right: var(--spacing-1-2)
}

.pr-1-5,
.pr-1-5\:xs,
.px-1-5,
.px-1-5\:xs {
    padding-right: var(--spacing-1-5)
}

.pr--1-5,
.pr--1-5\:xs,
.px--1-5,
.px--1-5\:xs {
    padding-right: var(--spacing--1-5)
}

.pr-1-75,
.pr-1-75\:xs,
.px-1-75,
.px-1-75\:xs {
    padding-right: var(--spacing-1-75)
}

.pr--1-75,
.pr--1-75\:xs,
.px--1-75,
.px--1-75\:xs {
    padding-right: var(--spacing--1-75)
}

.pr-1-9,
.pr-1-9\:xs,
.px-1-9,
.px-1-9\:xs {
    padding-right: var(--spacing-1-9)
}

.pr-2,
.pr-2\:xs,
.px-2,
.px-2\:xs {
    padding-right: var(--spacing-2)
}

.pr-2-25,
.pr-2-25\:xs,
.px-2-25,
.px-2-25\:xs {
    padding-right: var(--spacing-2-25)
}

.pr-2-5,
.pr-2-5\:xs,
.px-2-5,
.px-2-5\:xs {
    padding-right: var(--spacing-2-5)
}

.pr-2-75,
.pr-2-75\:xs,
.px-2-75,
.px-2-75\:xs {
    padding-right: var(--spacing-2-75)
}

.pr-3,
.pr-3\:xs,
.px-3,
.px-3\:xs {
    padding-right: var(--spacing-3)
}

.pr-3-25,
.pr-3-25\:xs,
.px-3-25,
.px-3-25\:xs {
    padding-right: var(--spacing-3-25)
}

.pr-3-5,
.pr-3-5\:xs,
.px-3-5,
.px-3-5\:xs {
    padding-right: var(--spacing-3-5)
}

.pr-3-75,
.pr-3-75\:xs,
.px-3-75,
.px-3-75\:xs {
    padding-right: var(--spacing-3-75)
}

.pr-4,
.pr-4\:xs,
.px-4,
.px-4\:xs {
    padding-right: var(--spacing-4)
}

.pr-4-5,
.pr-4-5\:xs,
.px-4-5,
.px-4-5\:xs {
    padding-right: var(--spacing-4-5)
}

.pr-5,
.pr-5\:xs,
.px-5,
.px-5\:xs {
    padding-right: var(--spacing-5)
}

.pr-5-5,
.pr-5-5\:xs,
.px-5-5,
.px-5-5\:xs {
    padding-right: var(--spacing-5-5)
}

.pr-5-75,
.pr-5-75\:xs,
.px-5-75,
.px-5-75\:xs {
    padding-right: var(--spacing-5-75)
}

.pr-6,
.pr-6\:xs,
.px-6,
.px-6\:xs {
    padding-right: var(--spacing-6)
}

.pr-6-2,
.pr-6-2\:xs,
.px-6-2,
.px-6-2\:xs {
    padding-right: var(--spacing-6-2)
}

.pr-6-5,
.pr-6-5\:xs,
.px-6-5,
.px-6-5\:xs {
    padding-right: var(--spacing-6-5)
}

.pr-7,
.pr-7\:xs,
.px-7,
.px-7\:xs {
    padding-right: var(--spacing-7)
}

.pr-7-5,
.pr-7-5\:xs,
.px-7-5,
.px-7-5\:xs {
    padding-right: var(--spacing-7-5)
}

.pr-8,
.pr-8\:xs,
.px-8,
.px-8\:xs {
    padding-right: var(--spacing-8)
}

.pr-8-5,
.pr-8-5\:xs,
.px-8-5,
.px-8-5\:xs {
    padding-right: var(--spacing-8-5)
}

.pr-10,
.pr-10\:xs,
.px-10,
.px-10\:xs {
    padding-right: var(--spacing-10)
}

.pr-12,
.pr-12\:xs,
.px-12,
.px-12\:xs {
    padding-right: var(--spacing-12)
}

.pr-14,
.pr-14\:xs,
.px-14,
.px-14\:xs {
    padding-right: var(--spacing-14)
}

.mt--1,
.mt--1\:xs,
.my--1,
.my--1\:xs {
    margin-top: var(--spacing--1)
}

.mt--1:first-child,
.mt--1\:xs:first-child,
.my--1:first-child,
.my--1\:xs:first-child {
    margin-top: 0
}

.mt-0,
.mt-0\:xs,
.my-0,
.my-0\:xs {
    margin-top: var(--spacing-0)
}

.mt-0:first-child,
.mt-0\:xs:first-child,
.my-0:first-child,
.my-0\:xs:first-child {
    margin-top: 0
}

.mt-0-25,
.mt-0-25\:xs,
.my-0-25,
.my-0-25\:xs {
    margin-top: var(--spacing-0-25)
}

.mt-0-25:first-child,
.mt-0-25\:xs:first-child,
.my-0-25:first-child,
.my-0-25\:xs:first-child {
    margin-top: 0
}

.mt-0-5,
.mt-0-5\:xs,
.my-0-5,
.my-0-5\:xs {
    margin-top: var(--spacing-0-5)
}

.mt-0-5:first-child,
.mt-0-5\:xs:first-child,
.my-0-5:first-child,
.my-0-5\:xs:first-child {
    margin-top: 0
}

.mt-0-7,
.mt-0-7\:xs,
.my-0-7,
.my-0-7\:xs {
    margin-top: var(--spacing-0-7)
}

.mt-0-7:first-child,
.mt-0-7\:xs:first-child,
.my-0-7:first-child,
.my-0-7\:xs:first-child {
    margin-top: 0
}

.mt-0-75,
.mt-0-75\:xs,
.my-0-75,
.my-0-75\:xs {
    margin-top: var(--spacing-0-75)
}

.mt-0-75:first-child,
.mt-0-75\:xs:first-child,
.my-0-75:first-child,
.my-0-75\:xs:first-child {
    margin-top: 0
}

.mt--0-75,
.mt--0-75\:xs,
.my--0-75,
.my--0-75\:xs {
    margin-top: var(--spacing--0-75)
}

.mt--0-75:first-child,
.mt--0-75\:xs:first-child,
.my--0-75:first-child,
.my--0-75\:xs:first-child {
    margin-top: 0
}

.mt-1,
.mt-1\:xs,
.my-1,
.my-1\:xs {
    margin-top: var(--spacing-1)
}

.mt-1:first-child,
.mt-1\:xs:first-child,
.my-1:first-child,
.my-1\:xs:first-child {
    margin-top: 0
}

.mt-1-2,
.mt-1-2\:xs,
.my-1-2,
.my-1-2\:xs {
    margin-top: var(--spacing-1-2)
}

.mt-1-2:first-child,
.mt-1-2\:xs:first-child,
.my-1-2:first-child,
.my-1-2\:xs:first-child {
    margin-top: 0
}

.mt-1-5,
.mt-1-5\:xs,
.my-1-5,
.my-1-5\:xs {
    margin-top: var(--spacing-1-5)
}

.mt-1-5:first-child,
.mt-1-5\:xs:first-child,
.my-1-5:first-child,
.my-1-5\:xs:first-child {
    margin-top: 0
}

.mt--1-5,
.mt--1-5\:xs,
.my--1-5,
.my--1-5\:xs {
    margin-top: var(--spacing--1-5)
}

.mt--1-5:first-child,
.mt--1-5\:xs:first-child,
.my--1-5:first-child,
.my--1-5\:xs:first-child {
    margin-top: 0
}

.mt-1-75,
.mt-1-75\:xs,
.my-1-75,
.my-1-75\:xs {
    margin-top: var(--spacing-1-75)
}

.mt-1-75:first-child,
.mt-1-75\:xs:first-child,
.my-1-75:first-child,
.my-1-75\:xs:first-child {
    margin-top: 0
}

.mt--1-75,
.mt--1-75\:xs,
.my--1-75,
.my--1-75\:xs {
    margin-top: var(--spacing--1-75)
}

.mt--1-75:first-child,
.mt--1-75\:xs:first-child,
.my--1-75:first-child,
.my--1-75\:xs:first-child {
    margin-top: 0
}

.mt-1-9,
.mt-1-9\:xs,
.my-1-9,
.my-1-9\:xs {
    margin-top: var(--spacing-1-9)
}

.mt-1-9:first-child,
.mt-1-9\:xs:first-child,
.my-1-9:first-child,
.my-1-9\:xs:first-child {
    margin-top: 0
}

.mt-2,
.mt-2\:xs,
.my-2,
.my-2\:xs {
    margin-top: var(--spacing-2)
}

.mt-2:first-child,
.mt-2\:xs:first-child,
.my-2:first-child,
.my-2\:xs:first-child {
    margin-top: 0
}

.mt-2-25,
.mt-2-25\:xs,
.my-2-25,
.my-2-25\:xs {
    margin-top: var(--spacing-2-25)
}

.mt-2-25:first-child,
.mt-2-25\:xs:first-child,
.my-2-25:first-child,
.my-2-25\:xs:first-child {
    margin-top: 0
}

.mt-2-5,
.mt-2-5\:xs,
.my-2-5,
.my-2-5\:xs {
    margin-top: var(--spacing-2-5)
}

.mt-2-5:first-child,
.mt-2-5\:xs:first-child,
.my-2-5:first-child,
.my-2-5\:xs:first-child {
    margin-top: 0
}

.mt-2-75,
.mt-2-75\:xs,
.my-2-75,
.my-2-75\:xs {
    margin-top: var(--spacing-2-75)
}

.mt-2-75:first-child,
.mt-2-75\:xs:first-child,
.my-2-75:first-child,
.my-2-75\:xs:first-child {
    margin-top: 0
}

.mt-3,
.mt-3\:xs,
.my-3,
.my-3\:xs {
    margin-top: var(--spacing-3)
}

.mt-3:first-child,
.mt-3\:xs:first-child,
.my-3:first-child,
.my-3\:xs:first-child {
    margin-top: 0
}

.mt-3-25,
.mt-3-25\:xs,
.my-3-25,
.my-3-25\:xs {
    margin-top: var(--spacing-3-25)
}

.mt-3-25:first-child,
.mt-3-25\:xs:first-child,
.my-3-25:first-child,
.my-3-25\:xs:first-child {
    margin-top: 0
}

.mt-3-5,
.mt-3-5\:xs,
.my-3-5,
.my-3-5\:xs {
    margin-top: var(--spacing-3-5)
}

.mt-3-5:first-child,
.mt-3-5\:xs:first-child,
.my-3-5:first-child,
.my-3-5\:xs:first-child {
    margin-top: 0
}

.mt-3-75,
.mt-3-75\:xs,
.my-3-75,
.my-3-75\:xs {
    margin-top: var(--spacing-3-75)
}

.mt-3-75:first-child,
.mt-3-75\:xs:first-child,
.my-3-75:first-child,
.my-3-75\:xs:first-child {
    margin-top: 0
}

.mt-4,
.mt-4\:xs,
.my-4,
.my-4\:xs {
    margin-top: var(--spacing-4)
}

.mt-4:first-child,
.mt-4\:xs:first-child,
.my-4:first-child,
.my-4\:xs:first-child {
    margin-top: 0
}

.mt-4-5,
.mt-4-5\:xs,
.my-4-5,
.my-4-5\:xs {
    margin-top: var(--spacing-4-5)
}

.mt-4-5:first-child,
.mt-4-5\:xs:first-child,
.my-4-5:first-child,
.my-4-5\:xs:first-child {
    margin-top: 0
}

.mt-5,
.mt-5\:xs,
.my-5,
.my-5\:xs {
    margin-top: var(--spacing-5)
}

.mt-5:first-child,
.mt-5\:xs:first-child,
.my-5:first-child,
.my-5\:xs:first-child {
    margin-top: 0
}

.mt-5-5,
.mt-5-5\:xs,
.my-5-5,
.my-5-5\:xs {
    margin-top: var(--spacing-5-5)
}

.mt-5-5:first-child,
.mt-5-5\:xs:first-child,
.my-5-5:first-child,
.my-5-5\:xs:first-child {
    margin-top: 0
}

.mt-5-75,
.mt-5-75\:xs,
.my-5-75,
.my-5-75\:xs {
    margin-top: var(--spacing-5-75)
}

.mt-5-75:first-child,
.mt-5-75\:xs:first-child,
.my-5-75:first-child,
.my-5-75\:xs:first-child {
    margin-top: 0
}

.mt-6,
.mt-6\:xs,
.my-6,
.my-6\:xs {
    margin-top: var(--spacing-6)
}

.mt-6:first-child,
.mt-6\:xs:first-child,
.my-6:first-child,
.my-6\:xs:first-child {
    margin-top: 0
}

.mt-6-2,
.mt-6-2\:xs,
.my-6-2,
.my-6-2\:xs {
    margin-top: var(--spacing-6-2)
}

.mt-6-2:first-child,
.mt-6-2\:xs:first-child,
.my-6-2:first-child,
.my-6-2\:xs:first-child {
    margin-top: 0
}

.mt-6-5,
.mt-6-5\:xs,
.my-6-5,
.my-6-5\:xs {
    margin-top: var(--spacing-6-5)
}

.mt-6-5:first-child,
.mt-6-5\:xs:first-child,
.my-6-5:first-child,
.my-6-5\:xs:first-child {
    margin-top: 0
}

.mt-7,
.mt-7\:xs,
.my-7,
.my-7\:xs {
    margin-top: var(--spacing-7)
}

.mt-7:first-child,
.mt-7\:xs:first-child,
.my-7:first-child,
.my-7\:xs:first-child {
    margin-top: 0
}

.mt-7-5,
.mt-7-5\:xs,
.my-7-5,
.my-7-5\:xs {
    margin-top: var(--spacing-7-5)
}

.mt-7-5:first-child,
.mt-7-5\:xs:first-child,
.my-7-5:first-child,
.my-7-5\:xs:first-child {
    margin-top: 0
}

.mt-8,
.mt-8\:xs,
.my-8,
.my-8\:xs {
    margin-top: var(--spacing-8)
}

.mt-8:first-child,
.mt-8\:xs:first-child,
.my-8:first-child,
.my-8\:xs:first-child {
    margin-top: 0
}

.mt-8-5,
.mt-8-5\:xs,
.my-8-5,
.my-8-5\:xs {
    margin-top: var(--spacing-8-5)
}

.mt-8-5:first-child,
.mt-8-5\:xs:first-child,
.my-8-5:first-child,
.my-8-5\:xs:first-child {
    margin-top: 0
}

.mt-10,
.mt-10\:xs,
.my-10,
.my-10\:xs {
    margin-top: var(--spacing-10)
}

.mt-10:first-child,
.mt-10\:xs:first-child,
.my-10:first-child,
.my-10\:xs:first-child {
    margin-top: 0
}

.mt-12,
.mt-12\:xs,
.my-12,
.my-12\:xs {
    margin-top: var(--spacing-12)
}

.mt-12:first-child,
.mt-12\:xs:first-child,
.my-12:first-child,
.my-12\:xs:first-child {
    margin-top: 0
}

.mt-14,
.mt-14\:xs,
.my-14,
.my-14\:xs {
    margin-top: var(--spacing-14)
}

.mt-14:first-child,
.mt-14\:xs:first-child,
.my-14:first-child,
.my-14\:xs:first-child {
    margin-top: 0
}

.mt-auto,
.mt-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-top: auto
}

.mt-auto:first-child,
.mt-auto\:xs:first-child,
.my-auto:first-child,
.my-auto\:xs:first-child {
    margin-top: 0
}

.mb--1,
.mb--1\:xs,
.my--1,
.my--1\:xs {
    margin-bottom: var(--spacing--1)
}

.mb--1:last-child,
.mb--1\:xs:last-child,
.my--1:last-child,
.my--1\:xs:last-child {
    margin-bottom: 0
}

.mb-0,
.mb-0\:xs,
.my-0,
.my-0\:xs {
    margin-bottom: var(--spacing-0)
}

.mb-0:last-child,
.mb-0\:xs:last-child,
.my-0:last-child,
.my-0\:xs:last-child {
    margin-bottom: 0
}

.mb-0-25,
.mb-0-25\:xs,
.my-0-25,
.my-0-25\:xs {
    margin-bottom: var(--spacing-0-25)
}

.mb-0-25:last-child,
.mb-0-25\:xs:last-child,
.my-0-25:last-child,
.my-0-25\:xs:last-child {
    margin-bottom: 0
}

.mb-0-5,
.mb-0-5\:xs,
.my-0-5,
.my-0-5\:xs {
    margin-bottom: var(--spacing-0-5)
}

.mb-0-5:last-child,
.mb-0-5\:xs:last-child,
.my-0-5:last-child,
.my-0-5\:xs:last-child {
    margin-bottom: 0
}

.mb-0-7,
.mb-0-7\:xs,
.my-0-7,
.my-0-7\:xs {
    margin-bottom: var(--spacing-0-7)
}

.mb-0-7:last-child,
.mb-0-7\:xs:last-child,
.my-0-7:last-child,
.my-0-7\:xs:last-child {
    margin-bottom: 0
}

.mb-0-75,
.mb-0-75\:xs,
.my-0-75,
.my-0-75\:xs {
    margin-bottom: var(--spacing-0-75)
}

.mb-0-75:last-child,
.mb-0-75\:xs:last-child,
.my-0-75:last-child,
.my-0-75\:xs:last-child {
    margin-bottom: 0
}

.mb--0-75,
.mb--0-75\:xs,
.my--0-75,
.my--0-75\:xs {
    margin-bottom: var(--spacing--0-75)
}

.mb--0-75:last-child,
.mb--0-75\:xs:last-child,
.my--0-75:last-child,
.my--0-75\:xs:last-child {
    margin-bottom: 0
}

.mb-1,
.mb-1\:xs,
.my-1,
.my-1\:xs {
    margin-bottom: var(--spacing-1)
}

.mb-1:last-child,
.mb-1\:xs:last-child,
.my-1:last-child,
.my-1\:xs:last-child {
    margin-bottom: 0
}

.mb-1-2,
.mb-1-2\:xs,
.my-1-2,
.my-1-2\:xs {
    margin-bottom: var(--spacing-1-2)
}

.mb-1-2:last-child,
.mb-1-2\:xs:last-child,
.my-1-2:last-child,
.my-1-2\:xs:last-child {
    margin-bottom: 0
}

.mb-1-5,
.mb-1-5\:xs,
.my-1-5,
.my-1-5\:xs {
    margin-bottom: var(--spacing-1-5)
}

.mb-1-5:last-child,
.mb-1-5\:xs:last-child,
.my-1-5:last-child,
.my-1-5\:xs:last-child {
    margin-bottom: 0
}

.mb--1-5,
.mb--1-5\:xs,
.my--1-5,
.my--1-5\:xs {
    margin-bottom: var(--spacing--1-5)
}

.mb--1-5:last-child,
.mb--1-5\:xs:last-child,
.my--1-5:last-child,
.my--1-5\:xs:last-child {
    margin-bottom: 0
}

.mb-1-75,
.mb-1-75\:xs,
.my-1-75,
.my-1-75\:xs {
    margin-bottom: var(--spacing-1-75)
}

.mb-1-75:last-child,
.mb-1-75\:xs:last-child,
.my-1-75:last-child,
.my-1-75\:xs:last-child {
    margin-bottom: 0
}

.mb--1-75,
.mb--1-75\:xs,
.my--1-75,
.my--1-75\:xs {
    margin-bottom: var(--spacing--1-75)
}

.mb--1-75:last-child,
.mb--1-75\:xs:last-child,
.my--1-75:last-child,
.my--1-75\:xs:last-child {
    margin-bottom: 0
}

.mb-1-9,
.mb-1-9\:xs,
.my-1-9,
.my-1-9\:xs {
    margin-bottom: var(--spacing-1-9)
}

.mb-1-9:last-child,
.mb-1-9\:xs:last-child,
.my-1-9:last-child,
.my-1-9\:xs:last-child {
    margin-bottom: 0
}

.mb-2,
.mb-2\:xs,
.my-2,
.my-2\:xs {
    margin-bottom: var(--spacing-2)
}

.mb-2:last-child,
.mb-2\:xs:last-child,
.my-2:last-child,
.my-2\:xs:last-child {
    margin-bottom: 0
}

.mb-2-25,
.mb-2-25\:xs,
.my-2-25,
.my-2-25\:xs {
    margin-bottom: var(--spacing-2-25)
}

.mb-2-25:last-child,
.mb-2-25\:xs:last-child,
.my-2-25:last-child,
.my-2-25\:xs:last-child {
    margin-bottom: 0
}

.mb-2-5,
.mb-2-5\:xs,
.my-2-5,
.my-2-5\:xs {
    margin-bottom: var(--spacing-2-5)
}

.mb-2-5:last-child,
.mb-2-5\:xs:last-child,
.my-2-5:last-child,
.my-2-5\:xs:last-child {
    margin-bottom: 0
}

.mb-2-75,
.mb-2-75\:xs,
.my-2-75,
.my-2-75\:xs {
    margin-bottom: var(--spacing-2-75)
}

.mb-2-75:last-child,
.mb-2-75\:xs:last-child,
.my-2-75:last-child,
.my-2-75\:xs:last-child {
    margin-bottom: 0
}

.mb-3,
.mb-3\:xs,
.my-3,
.my-3\:xs {
    margin-bottom: var(--spacing-3)
}

.mb-3:last-child,
.mb-3\:xs:last-child,
.my-3:last-child,
.my-3\:xs:last-child {
    margin-bottom: 0
}

.mb-3-25,
.mb-3-25\:xs,
.my-3-25,
.my-3-25\:xs {
    margin-bottom: var(--spacing-3-25)
}

.mb-3-25:last-child,
.mb-3-25\:xs:last-child,
.my-3-25:last-child,
.my-3-25\:xs:last-child {
    margin-bottom: 0
}

.mb-3-5,
.mb-3-5\:xs,
.my-3-5,
.my-3-5\:xs {
    margin-bottom: var(--spacing-3-5)
}

.mb-3-5:last-child,
.mb-3-5\:xs:last-child,
.my-3-5:last-child,
.my-3-5\:xs:last-child {
    margin-bottom: 0
}

.mb-3-75,
.mb-3-75\:xs,
.my-3-75,
.my-3-75\:xs {
    margin-bottom: var(--spacing-3-75)
}

.mb-3-75:last-child,
.mb-3-75\:xs:last-child,
.my-3-75:last-child,
.my-3-75\:xs:last-child {
    margin-bottom: 0
}

.mb-4,
.mb-4\:xs,
.my-4,
.my-4\:xs {
    margin-bottom: var(--spacing-4)
}

.mb-4:last-child,
.mb-4\:xs:last-child,
.my-4:last-child,
.my-4\:xs:last-child {
    margin-bottom: 0
}

.mb-4-5,
.mb-4-5\:xs,
.my-4-5,
.my-4-5\:xs {
    margin-bottom: var(--spacing-4-5)
}

.mb-4-5:last-child,
.mb-4-5\:xs:last-child,
.my-4-5:last-child,
.my-4-5\:xs:last-child {
    margin-bottom: 0
}

.mb-5,
.mb-5\:xs,
.my-5,
.my-5\:xs {
    margin-bottom: var(--spacing-5)
}

.mb-5:last-child,
.mb-5\:xs:last-child,
.my-5:last-child,
.my-5\:xs:last-child {
    margin-bottom: 0
}

.mb-5-5,
.mb-5-5\:xs,
.my-5-5,
.my-5-5\:xs {
    margin-bottom: var(--spacing-5-5)
}

.mb-5-5:last-child,
.mb-5-5\:xs:last-child,
.my-5-5:last-child,
.my-5-5\:xs:last-child {
    margin-bottom: 0
}

.mb-5-75,
.mb-5-75\:xs,
.my-5-75,
.my-5-75\:xs {
    margin-bottom: var(--spacing-5-75)
}

.mb-5-75:last-child,
.mb-5-75\:xs:last-child,
.my-5-75:last-child,
.my-5-75\:xs:last-child {
    margin-bottom: 0
}

.mb-6,
.mb-6\:xs,
.my-6,
.my-6\:xs {
    margin-bottom: var(--spacing-6)
}

.mb-6:last-child,
.mb-6\:xs:last-child,
.my-6:last-child,
.my-6\:xs:last-child {
    margin-bottom: 0
}

.mb-6-2,
.mb-6-2\:xs,
.my-6-2,
.my-6-2\:xs {
    margin-bottom: var(--spacing-6-2)
}

.mb-6-2:last-child,
.mb-6-2\:xs:last-child,
.my-6-2:last-child,
.my-6-2\:xs:last-child {
    margin-bottom: 0
}

.mb-6-5,
.mb-6-5\:xs,
.my-6-5,
.my-6-5\:xs {
    margin-bottom: var(--spacing-6-5)
}

.mb-6-5:last-child,
.mb-6-5\:xs:last-child,
.my-6-5:last-child,
.my-6-5\:xs:last-child {
    margin-bottom: 0
}

.mb-7,
.mb-7\:xs,
.my-7,
.my-7\:xs {
    margin-bottom: var(--spacing-7)
}

.mb-7:last-child,
.mb-7\:xs:last-child,
.my-7:last-child,
.my-7\:xs:last-child {
    margin-bottom: 0
}

.mb-7-5,
.mb-7-5\:xs,
.my-7-5,
.my-7-5\:xs {
    margin-bottom: var(--spacing-7-5)
}

.mb-7-5:last-child,
.mb-7-5\:xs:last-child,
.my-7-5:last-child,
.my-7-5\:xs:last-child {
    margin-bottom: 0
}

.mb-8,
.mb-8\:xs,
.my-8,
.my-8\:xs {
    margin-bottom: var(--spacing-8)
}

.mb-8:last-child,
.mb-8\:xs:last-child,
.my-8:last-child,
.my-8\:xs:last-child {
    margin-bottom: 0
}

.mb-8-5,
.mb-8-5\:xs,
.my-8-5,
.my-8-5\:xs {
    margin-bottom: var(--spacing-8-5)
}

.mb-8-5:last-child,
.mb-8-5\:xs:last-child,
.my-8-5:last-child,
.my-8-5\:xs:last-child {
    margin-bottom: 0
}

.mb-10,
.mb-10\:xs,
.my-10,
.my-10\:xs {
    margin-bottom: var(--spacing-10)
}

.mb-10:last-child,
.mb-10\:xs:last-child,
.my-10:last-child,
.my-10\:xs:last-child {
    margin-bottom: 0
}

.mb-12,
.mb-12\:xs,
.my-12,
.my-12\:xs {
    margin-bottom: var(--spacing-12)
}

.mb-12:last-child,
.mb-12\:xs:last-child,
.my-12:last-child,
.my-12\:xs:last-child {
    margin-bottom: 0
}

.mb-14,
.mb-14\:xs,
.my-14,
.my-14\:xs {
    margin-bottom: var(--spacing-14)
}

.mb-14:last-child,
.mb-14\:xs:last-child,
.my-14:last-child,
.my-14\:xs:last-child {
    margin-bottom: 0
}

.mb-auto,
.mb-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-bottom: auto
}

.mb-auto:last-child,
.mb-auto\:xs:last-child,
.my-auto:last-child,
.my-auto\:xs:last-child {
    margin-bottom: 0
}

.ml--1,
.ml--1\:xs,
.mx--1,
.mx--1\:xs {
    margin-left: var(--spacing--1)
}

.ml-0,
.ml-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-left: var(--spacing-0)
}

.ml-0-25,
.ml-0-25\:xs,
.mx-0-25,
.mx-0-25\:xs {
    margin-left: var(--spacing-0-25)
}

.ml-0-5,
.ml-0-5\:xs,
.mx-0-5,
.mx-0-5\:xs {
    margin-left: var(--spacing-0-5)
}

.ml-0-7,
.ml-0-7\:xs,
.mx-0-7,
.mx-0-7\:xs {
    margin-left: var(--spacing-0-7)
}

.ml-0-75,
.ml-0-75\:xs,
.mx-0-75,
.mx-0-75\:xs {
    margin-left: var(--spacing-0-75)
}

.ml--0-75,
.ml--0-75\:xs,
.mx--0-75,
.mx--0-75\:xs {
    margin-left: var(--spacing--0-75)
}

.ml-1,
.ml-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-left: var(--spacing-1)
}

.ml-1-2,
.ml-1-2\:xs,
.mx-1-2,
.mx-1-2\:xs {
    margin-left: var(--spacing-1-2)
}

.ml-1-5,
.ml-1-5\:xs,
.mx-1-5,
.mx-1-5\:xs {
    margin-left: var(--spacing-1-5)
}

.ml--1-5,
.ml--1-5\:xs,
.mx--1-5,
.mx--1-5\:xs {
    margin-left: var(--spacing--1-5)
}

.ml-1-75,
.ml-1-75\:xs,
.mx-1-75,
.mx-1-75\:xs {
    margin-left: var(--spacing-1-75)
}

.ml--1-75,
.ml--1-75\:xs,
.mx--1-75,
.mx--1-75\:xs {
    margin-left: var(--spacing--1-75)
}

.ml-1-9,
.ml-1-9\:xs,
.mx-1-9,
.mx-1-9\:xs {
    margin-left: var(--spacing-1-9)
}

.ml-2,
.ml-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-left: var(--spacing-2)
}

.ml-2-25,
.ml-2-25\:xs,
.mx-2-25,
.mx-2-25\:xs {
    margin-left: var(--spacing-2-25)
}

.ml-2-5,
.ml-2-5\:xs,
.mx-2-5,
.mx-2-5\:xs {
    margin-left: var(--spacing-2-5)
}

.ml-2-75,
.ml-2-75\:xs,
.mx-2-75,
.mx-2-75\:xs {
    margin-left: var(--spacing-2-75)
}

.ml-3,
.ml-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-left: var(--spacing-3)
}

.ml-3-25,
.ml-3-25\:xs,
.mx-3-25,
.mx-3-25\:xs {
    margin-left: var(--spacing-3-25)
}

.ml-3-5,
.ml-3-5\:xs,
.mx-3-5,
.mx-3-5\:xs {
    margin-left: var(--spacing-3-5)
}

.ml-3-75,
.ml-3-75\:xs,
.mx-3-75,
.mx-3-75\:xs {
    margin-left: var(--spacing-3-75)
}

.ml-4,
.ml-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-left: var(--spacing-4)
}

.ml-4-5,
.ml-4-5\:xs,
.mx-4-5,
.mx-4-5\:xs {
    margin-left: var(--spacing-4-5)
}

.ml-5,
.ml-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-left: var(--spacing-5)
}

.ml-5-5,
.ml-5-5\:xs,
.mx-5-5,
.mx-5-5\:xs {
    margin-left: var(--spacing-5-5)
}

.ml-5-75,
.ml-5-75\:xs,
.mx-5-75,
.mx-5-75\:xs {
    margin-left: var(--spacing-5-75)
}

.ml-6,
.ml-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-left: var(--spacing-6)
}

.ml-6-2,
.ml-6-2\:xs,
.mx-6-2,
.mx-6-2\:xs {
    margin-left: var(--spacing-6-2)
}

.ml-6-5,
.ml-6-5\:xs,
.mx-6-5,
.mx-6-5\:xs {
    margin-left: var(--spacing-6-5)
}

.ml-7,
.ml-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-left: var(--spacing-7)
}

.ml-7-5,
.ml-7-5\:xs,
.mx-7-5,
.mx-7-5\:xs {
    margin-left: var(--spacing-7-5)
}

.ml-8,
.ml-8\:xs,
.mx-8,
.mx-8\:xs {
    margin-left: var(--spacing-8)
}

.ml-8-5,
.ml-8-5\:xs,
.mx-8-5,
.mx-8-5\:xs {
    margin-left: var(--spacing-8-5)
}

.ml-10,
.ml-10\:xs,
.mx-10,
.mx-10\:xs {
    margin-left: var(--spacing-10)
}

.ml-12,
.ml-12\:xs,
.mx-12,
.mx-12\:xs {
    margin-left: var(--spacing-12)
}

.ml-14,
.ml-14\:xs,
.mx-14,
.mx-14\:xs {
    margin-left: var(--spacing-14)
}

.ml-auto,
.ml-auto\:xs,
.mx-auto,
.mx-auto\:xs {
    margin-left: auto
}

.mr--1,
.mr--1\:xs,
.mx--1,
.mx--1\:xs {
    margin-right: var(--spacing--1)
}

.mr-0,
.mr-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-right: var(--spacing-0)
}

.mr-0-25,
.mr-0-25\:xs,
.mx-0-25,
.mx-0-25\:xs {
    margin-right: var(--spacing-0-25)
}

.mr-0-5,
.mr-0-5\:xs,
.mx-0-5,
.mx-0-5\:xs {
    margin-right: var(--spacing-0-5)
}

.mr-0-7,
.mr-0-7\:xs,
.mx-0-7,
.mx-0-7\:xs {
    margin-right: var(--spacing-0-7)
}

.mr-0-75,
.mr-0-75\:xs,
.mx-0-75,
.mx-0-75\:xs {
    margin-right: var(--spacing-0-75)
}

.mr--0-75,
.mr--0-75\:xs,
.mx--0-75,
.mx--0-75\:xs {
    margin-right: var(--spacing--0-75)
}

.mr-1,
.mr-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-right: var(--spacing-1)
}

.mr-1-2,
.mr-1-2\:xs,
.mx-1-2,
.mx-1-2\:xs {
    margin-right: var(--spacing-1-2)
}

.mr-1-5,
.mr-1-5\:xs,
.mx-1-5,
.mx-1-5\:xs {
    margin-right: var(--spacing-1-5)
}

.mr--1-5,
.mr--1-5\:xs,
.mx--1-5,
.mx--1-5\:xs {
    margin-right: var(--spacing--1-5)
}

.mr-1-75,
.mr-1-75\:xs,
.mx-1-75,
.mx-1-75\:xs {
    margin-right: var(--spacing-1-75)
}

.mr--1-75,
.mr--1-75\:xs,
.mx--1-75,
.mx--1-75\:xs {
    margin-right: var(--spacing--1-75)
}

.mr-1-9,
.mr-1-9\:xs,
.mx-1-9,
.mx-1-9\:xs {
    margin-right: var(--spacing-1-9)
}

.mr-2,
.mr-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-right: var(--spacing-2)
}

.mr-2-25,
.mr-2-25\:xs,
.mx-2-25,
.mx-2-25\:xs {
    margin-right: var(--spacing-2-25)
}

.mr-2-5,
.mr-2-5\:xs,
.mx-2-5,
.mx-2-5\:xs {
    margin-right: var(--spacing-2-5)
}

.mr-2-75,
.mr-2-75\:xs,
.mx-2-75,
.mx-2-75\:xs {
    margin-right: var(--spacing-2-75)
}

.mr-3,
.mr-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-right: var(--spacing-3)
}

.mr-3-25,
.mr-3-25\:xs,
.mx-3-25,
.mx-3-25\:xs {
    margin-right: var(--spacing-3-25)
}

.mr-3-5,
.mr-3-5\:xs,
.mx-3-5,
.mx-3-5\:xs {
    margin-right: var(--spacing-3-5)
}

.mr-3-75,
.mr-3-75\:xs,
.mx-3-75,
.mx-3-75\:xs {
    margin-right: var(--spacing-3-75)
}

.mr-4,
.mr-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-right: var(--spacing-4)
}

.mr-4-5,
.mr-4-5\:xs,
.mx-4-5,
.mx-4-5\:xs {
    margin-right: var(--spacing-4-5)
}

.mr-5,
.mr-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-right: var(--spacing-5)
}

.mr-5-5,
.mr-5-5\:xs,
.mx-5-5,
.mx-5-5\:xs {
    margin-right: var(--spacing-5-5)
}

.mr-5-75,
.mr-5-75\:xs,
.mx-5-75,
.mx-5-75\:xs {
    margin-right: var(--spacing-5-75)
}

.mr-6,
.mr-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-right: var(--spacing-6)
}

.mr-6-2,
.mr-6-2\:xs,
.mx-6-2,
.mx-6-2\:xs {
    margin-right: var(--spacing-6-2)
}

.mr-6-5,
.mr-6-5\:xs,
.mx-6-5,
.mx-6-5\:xs {
    margin-right: var(--spacing-6-5)
}

.mr-7,
.mr-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-right: var(--spacing-7)
}

.mr-7-5,
.mr-7-5\:xs,
.mx-7-5,
.mx-7-5\:xs {
    margin-right: var(--spacing-7-5)
}

.mr-8,
.mr-8\:xs,
.mx-8,
.mx-8\:xs {
    margin-right: var(--spacing-8)
}

.mr-8-5,
.mr-8-5\:xs,
.mx-8-5,
.mx-8-5\:xs {
    margin-right: var(--spacing-8-5)
}

.mr-10,
.mr-10\:xs,
.mx-10,
.mx-10\:xs {
    margin-right: var(--spacing-10)
}

.mr-12,
.mr-12\:xs,
.mx-12,
.mx-12\:xs {
    margin-right: var(--spacing-12)
}

.mr-14,
.mr-14\:xs,
.mx-14,
.mx-14\:xs {
    margin-right: var(--spacing-14)
}

.mr-auto,
.mr-auto\:xs,
.mx-auto,
.mx-auto\:xs {
    margin-right: auto
}

.w-0-5,
.w-0-5\:xs {
    width: var(--spacing-0-5)
}

.w-2,
.w-2\:xs {
    width: var(--spacing-2)
}

.w-3,
.w-3\:xs {
    width: var(--spacing-3)
}

.w-3-5,
.w-3-5\:xs {
    width: var(--spacing-3-5)
}

.w-4,
.w-4\:xs {
    width: var(--spacing-4)
}

.w-4-5,
.w-4-5\:xs {
    width: var(--spacing-4-5)
}

.w-5,
.w-5\:xs {
    width: var(--spacing-5)
}

.w-6,
.w-6\:xs {
    width: var(--spacing-6)
}

.w-6-75,
.w-6-75\:xs {
    width: var(--spacing-6-75)
}

.w-7,
.w-7\:xs {
    width: var(--spacing-7)
}

.w-7-5,
.w-7-5\:xs {
    width: var(--spacing-7-5)
}

.w-8,
.w-8\:xs {
    width: var(--spacing-8)
}

.w-8-5,
.w-8-5\:xs {
    width: var(--spacing-8-5)
}

.w-9,
.w-9\:xs {
    width: var(--spacing-9)
}

.w-9-5,
.w-9-5\:xs {
    width: var(--spacing-9-5)
}

.w-10,
.w-10\:xs {
    width: var(--spacing-10)
}

.w-10-5,
.w-10-5\:xs {
    width: var(--spacing-10-5)
}

.w-11,
.w-11\:xs {
    width: var(--spacing-11)
}

.w-12,
.w-12\:xs {
    width: var(--spacing-12)
}

.w-12-5,
.w-12-5\:xs {
    width: var(--spacing-12-5)
}

.w-13,
.w-13\:xs {
    width: var(--spacing-13)
}

.w-14,
.w-14\:xs {
    width: var(--spacing-14)
}

.w-14-25,
.w-14-25\:xs {
    width: var(--spacing-14-25)
}

.w-15,
.w-15\:xs {
    width: var(--spacing-15)
}

.w-16,
.w-16\:xs {
    width: var(--spacing-16)
}

.w-18,
.w-18\:xs {
    width: var(--spacing-18)
}

.w-19,
.w-19\:xs {
    width: var(--spacing-19)
}

.w-20,
.w-20\:xs {
    width: var(--spacing-20)
}

.h-0-5,
.h-0-5\:xs {
    height: var(--spacing-0-5)
}

.h-2,
.h-2\:xs {
    height: var(--spacing-2)
}

.h-3,
.h-3\:xs {
    height: var(--spacing-3)
}

.h-3-5,
.h-3-5\:xs {
    height: var(--spacing-3-5)
}

.h-4,
.h-4\:xs {
    height: var(--spacing-4)
}

.h-4-5,
.h-4-5\:xs {
    height: var(--spacing-4-5)
}

.h-5,
.h-5\:xs {
    height: var(--spacing-5)
}

.h-6,
.h-6\:xs {
    height: var(--spacing-6)
}

.h-6-75,
.h-6-75\:xs {
    height: var(--spacing-6-75)
}

.h-7,
.h-7\:xs {
    height: var(--spacing-7)
}

.h-7-5,
.h-7-5\:xs {
    height: var(--spacing-7-5)
}

.h-8,
.h-8\:xs {
    height: var(--spacing-8)
}

.h-8-5,
.h-8-5\:xs {
    height: var(--spacing-8-5)
}

.h-9,
.h-9\:xs {
    height: var(--spacing-9)
}

.h-9-5,
.h-9-5\:xs {
    height: var(--spacing-9-5)
}

.h-10,
.h-10\:xs {
    height: var(--spacing-10)
}

.h-10-5,
.h-10-5\:xs {
    height: var(--spacing-10-5)
}

.h-11,
.h-11\:xs {
    height: var(--spacing-11)
}

.h-12,
.h-12\:xs {
    height: var(--spacing-12)
}

.h-12-5,
.h-12-5\:xs {
    height: var(--spacing-12-5)
}

.h-13,
.h-13\:xs {
    height: var(--spacing-13)
}

.h-14,
.h-14\:xs {
    height: var(--spacing-14)
}

.h-14-25,
.h-14-25\:xs {
    height: var(--spacing-14-25)
}

.h-15,
.h-15\:xs {
    height: var(--spacing-15)
}

.h-16,
.h-16\:xs {
    height: var(--spacing-16)
}

.h-18,
.h-18\:xs {
    height: var(--spacing-18)
}

.h-19,
.h-19\:xs {
    height: var(--spacing-19)
}

.h-20,
.h-20\:xs {
    height: var(--spacing-20)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .text-left\:sm {
        text-align: left
    }
    .text-center\:sm {
        text-align: center
    }
    .text-right\:sm {
        text-align: right
    }
    .pt--1\:sm,
    .py--1\:sm {
        padding-top: var(--spacing--1)
    }
    .pt-0\:sm,
    .py-0\:sm {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:sm,
    .py-0-25\:sm {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:sm,
    .py-0-5\:sm {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:sm,
    .py-0-7\:sm {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:sm,
    .py-0-75\:sm {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:sm,
    .py--0-75\:sm {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:sm,
    .py-1\:sm {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:sm,
    .py-1-2\:sm {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:sm,
    .py-1-5\:sm {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:sm,
    .py--1-5\:sm {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:sm,
    .py-1-75\:sm {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:sm,
    .py--1-75\:sm {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:sm,
    .py-1-9\:sm {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:sm,
    .py-2\:sm {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:sm,
    .py-2-25\:sm {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:sm,
    .py-2-5\:sm {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:sm,
    .py-2-75\:sm {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:sm,
    .py-3\:sm {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:sm,
    .py-3-25\:sm {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:sm,
    .py-3-5\:sm {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:sm,
    .py-3-75\:sm {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:sm,
    .py-4\:sm {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:sm,
    .py-4-5\:sm {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:sm,
    .py-5\:sm {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:sm,
    .py-5-5\:sm {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:sm,
    .py-5-75\:sm {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:sm,
    .py-6\:sm {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:sm,
    .py-6-2\:sm {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:sm,
    .py-6-5\:sm {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:sm,
    .py-7\:sm {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:sm,
    .py-7-5\:sm {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:sm,
    .py-8\:sm {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:sm,
    .py-8-5\:sm {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:sm,
    .py-10\:sm {
        padding-top: var(--spacing-10)
    }
    .pt-12\:sm,
    .py-12\:sm {
        padding-top: var(--spacing-12)
    }
    .pt-14\:sm,
    .py-14\:sm {
        padding-top: var(--spacing-14)
    }
    .pb--1\:sm,
    .py--1\:sm {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:sm,
    .py-0\:sm {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:sm,
    .py-0-25\:sm {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:sm,
    .py-0-5\:sm {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:sm,
    .py-0-7\:sm {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:sm,
    .py-0-75\:sm {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:sm,
    .py--0-75\:sm {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:sm,
    .py-1\:sm {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:sm,
    .py-1-2\:sm {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:sm,
    .py-1-5\:sm {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:sm,
    .py--1-5\:sm {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:sm,
    .py-1-75\:sm {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:sm,
    .py--1-75\:sm {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:sm,
    .py-1-9\:sm {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:sm,
    .py-2\:sm {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:sm,
    .py-2-25\:sm {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:sm,
    .py-2-5\:sm {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:sm,
    .py-2-75\:sm {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:sm,
    .py-3\:sm {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:sm,
    .py-3-25\:sm {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:sm,
    .py-3-5\:sm {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:sm,
    .py-3-75\:sm {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:sm,
    .py-4\:sm {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:sm,
    .py-4-5\:sm {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:sm,
    .py-5\:sm {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:sm,
    .py-5-5\:sm {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:sm,
    .py-5-75\:sm {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:sm,
    .py-6\:sm {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:sm,
    .py-6-2\:sm {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:sm,
    .py-6-5\:sm {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:sm,
    .py-7\:sm {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:sm,
    .py-7-5\:sm {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:sm,
    .py-8\:sm {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:sm,
    .py-8-5\:sm {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:sm,
    .py-10\:sm {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:sm,
    .py-12\:sm {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:sm,
    .py-14\:sm {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:sm,
    .px--1\:sm {
        padding-left: var(--spacing--1)
    }
    .pl-0\:sm,
    .px-0\:sm {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:sm,
    .px-0-25\:sm {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:sm,
    .px-0-5\:sm {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:sm,
    .px-0-7\:sm {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:sm,
    .px-0-75\:sm {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:sm,
    .px--0-75\:sm {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:sm,
    .px-1\:sm {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:sm,
    .px-1-2\:sm {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:sm,
    .px-1-5\:sm {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:sm,
    .px--1-5\:sm {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:sm,
    .px-1-75\:sm {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:sm,
    .px--1-75\:sm {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:sm,
    .px-1-9\:sm {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:sm,
    .px-2\:sm {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:sm,
    .px-2-25\:sm {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:sm,
    .px-2-5\:sm {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:sm,
    .px-2-75\:sm {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:sm,
    .px-3\:sm {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:sm,
    .px-3-25\:sm {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:sm,
    .px-3-5\:sm {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:sm,
    .px-3-75\:sm {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:sm,
    .px-4\:sm {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:sm,
    .px-4-5\:sm {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:sm,
    .px-5\:sm {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:sm,
    .px-5-5\:sm {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:sm,
    .px-5-75\:sm {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:sm,
    .px-6\:sm {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:sm,
    .px-6-2\:sm {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:sm,
    .px-6-5\:sm {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:sm,
    .px-7\:sm {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:sm,
    .px-7-5\:sm {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:sm,
    .px-8\:sm {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:sm,
    .px-8-5\:sm {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:sm,
    .px-10\:sm {
        padding-left: var(--spacing-10)
    }
    .pl-12\:sm,
    .px-12\:sm {
        padding-left: var(--spacing-12)
    }
    .pl-14\:sm,
    .px-14\:sm {
        padding-left: var(--spacing-14)
    }
    .pr--1\:sm,
    .px--1\:sm {
        padding-right: var(--spacing--1)
    }
    .pr-0\:sm,
    .px-0\:sm {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:sm,
    .px-0-25\:sm {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:sm,
    .px-0-5\:sm {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:sm,
    .px-0-7\:sm {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:sm,
    .px-0-75\:sm {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:sm,
    .px--0-75\:sm {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:sm,
    .px-1\:sm {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:sm,
    .px-1-2\:sm {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:sm,
    .px-1-5\:sm {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:sm,
    .px--1-5\:sm {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:sm,
    .px-1-75\:sm {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:sm,
    .px--1-75\:sm {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:sm,
    .px-1-9\:sm {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:sm,
    .px-2\:sm {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:sm,
    .px-2-25\:sm {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:sm,
    .px-2-5\:sm {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:sm,
    .px-2-75\:sm {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:sm,
    .px-3\:sm {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:sm,
    .px-3-25\:sm {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:sm,
    .px-3-5\:sm {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:sm,
    .px-3-75\:sm {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:sm,
    .px-4\:sm {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:sm,
    .px-4-5\:sm {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:sm,
    .px-5\:sm {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:sm,
    .px-5-5\:sm {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:sm,
    .px-5-75\:sm {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:sm,
    .px-6\:sm {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:sm,
    .px-6-2\:sm {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:sm,
    .px-6-5\:sm {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:sm,
    .px-7\:sm {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:sm,
    .px-7-5\:sm {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:sm,
    .px-8\:sm {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:sm,
    .px-8-5\:sm {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:sm,
    .px-10\:sm {
        padding-right: var(--spacing-10)
    }
    .pr-12\:sm,
    .px-12\:sm {
        padding-right: var(--spacing-12)
    }
    .pr-14\:sm,
    .px-14\:sm {
        padding-right: var(--spacing-14)
    }
    .mt--1\:sm,
    .my--1\:sm {
        margin-top: var(--spacing--1)
    }
    .mt--1\:sm:first-child,
    .my--1\:sm:first-child {
        margin-top: 0
    }
    .mt-0\:sm,
    .my-0\:sm {
        margin-top: var(--spacing-0)
    }
    .mt-0\:sm:first-child,
    .my-0\:sm:first-child {
        margin-top: 0
    }
    .mt-0-25\:sm,
    .my-0-25\:sm {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:sm:first-child,
    .my-0-25\:sm:first-child {
        margin-top: 0
    }
    .mt-0-5\:sm,
    .my-0-5\:sm {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:sm:first-child,
    .my-0-5\:sm:first-child {
        margin-top: 0
    }
    .mt-0-7\:sm,
    .my-0-7\:sm {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:sm:first-child,
    .my-0-7\:sm:first-child {
        margin-top: 0
    }
    .mt-0-75\:sm,
    .my-0-75\:sm {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:sm:first-child,
    .my-0-75\:sm:first-child {
        margin-top: 0
    }
    .mt--0-75\:sm,
    .my--0-75\:sm {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:sm:first-child,
    .my--0-75\:sm:first-child {
        margin-top: 0
    }
    .mt-1\:sm,
    .my-1\:sm {
        margin-top: var(--spacing-1)
    }
    .mt-1\:sm:first-child,
    .my-1\:sm:first-child {
        margin-top: 0
    }
    .mt-1-2\:sm,
    .my-1-2\:sm {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:sm:first-child,
    .my-1-2\:sm:first-child {
        margin-top: 0
    }
    .mt-1-5\:sm,
    .my-1-5\:sm {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:sm:first-child,
    .my-1-5\:sm:first-child {
        margin-top: 0
    }
    .mt--1-5\:sm,
    .my--1-5\:sm {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:sm:first-child,
    .my--1-5\:sm:first-child {
        margin-top: 0
    }
    .mt-1-75\:sm,
    .my-1-75\:sm {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:sm:first-child,
    .my-1-75\:sm:first-child {
        margin-top: 0
    }
    .mt--1-75\:sm,
    .my--1-75\:sm {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:sm:first-child,
    .my--1-75\:sm:first-child {
        margin-top: 0
    }
    .mt-1-9\:sm,
    .my-1-9\:sm {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:sm:first-child,
    .my-1-9\:sm:first-child {
        margin-top: 0
    }
    .mt-2\:sm,
    .my-2\:sm {
        margin-top: var(--spacing-2)
    }
    .mt-2\:sm:first-child,
    .my-2\:sm:first-child {
        margin-top: 0
    }
    .mt-2-25\:sm,
    .my-2-25\:sm {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:sm:first-child,
    .my-2-25\:sm:first-child {
        margin-top: 0
    }
    .mt-2-5\:sm,
    .my-2-5\:sm {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:sm:first-child,
    .my-2-5\:sm:first-child {
        margin-top: 0
    }
    .mt-2-75\:sm,
    .my-2-75\:sm {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:sm:first-child,
    .my-2-75\:sm:first-child {
        margin-top: 0
    }
    .mt-3\:sm,
    .my-3\:sm {
        margin-top: var(--spacing-3)
    }
    .mt-3\:sm:first-child,
    .my-3\:sm:first-child {
        margin-top: 0
    }
    .mt-3-25\:sm,
    .my-3-25\:sm {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:sm:first-child,
    .my-3-25\:sm:first-child {
        margin-top: 0
    }
    .mt-3-5\:sm,
    .my-3-5\:sm {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:sm:first-child,
    .my-3-5\:sm:first-child {
        margin-top: 0
    }
    .mt-3-75\:sm,
    .my-3-75\:sm {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:sm:first-child,
    .my-3-75\:sm:first-child {
        margin-top: 0
    }
    .mt-4\:sm,
    .my-4\:sm {
        margin-top: var(--spacing-4)
    }
    .mt-4\:sm:first-child,
    .my-4\:sm:first-child {
        margin-top: 0
    }
    .mt-4-5\:sm,
    .my-4-5\:sm {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:sm:first-child,
    .my-4-5\:sm:first-child {
        margin-top: 0
    }
    .mt-5\:sm,
    .my-5\:sm {
        margin-top: var(--spacing-5)
    }
    .mt-5\:sm:first-child,
    .my-5\:sm:first-child {
        margin-top: 0
    }
    .mt-5-5\:sm,
    .my-5-5\:sm {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:sm:first-child,
    .my-5-5\:sm:first-child {
        margin-top: 0
    }
    .mt-5-75\:sm,
    .my-5-75\:sm {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:sm:first-child,
    .my-5-75\:sm:first-child {
        margin-top: 0
    }
    .mt-6\:sm,
    .my-6\:sm {
        margin-top: var(--spacing-6)
    }
    .mt-6\:sm:first-child,
    .my-6\:sm:first-child {
        margin-top: 0
    }
    .mt-6-2\:sm,
    .my-6-2\:sm {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:sm:first-child,
    .my-6-2\:sm:first-child {
        margin-top: 0
    }
    .mt-6-5\:sm,
    .my-6-5\:sm {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:sm:first-child,
    .my-6-5\:sm:first-child {
        margin-top: 0
    }
    .mt-7\:sm,
    .my-7\:sm {
        margin-top: var(--spacing-7)
    }
    .mt-7\:sm:first-child,
    .my-7\:sm:first-child {
        margin-top: 0
    }
    .mt-7-5\:sm,
    .my-7-5\:sm {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:sm:first-child,
    .my-7-5\:sm:first-child {
        margin-top: 0
    }
    .mt-8\:sm,
    .my-8\:sm {
        margin-top: var(--spacing-8)
    }
    .mt-8\:sm:first-child,
    .my-8\:sm:first-child {
        margin-top: 0
    }
    .mt-8-5\:sm,
    .my-8-5\:sm {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:sm:first-child,
    .my-8-5\:sm:first-child {
        margin-top: 0
    }
    .mt-10\:sm,
    .my-10\:sm {
        margin-top: var(--spacing-10)
    }
    .mt-10\:sm:first-child,
    .my-10\:sm:first-child {
        margin-top: 0
    }
    .mt-12\:sm,
    .my-12\:sm {
        margin-top: var(--spacing-12)
    }
    .mt-12\:sm:first-child,
    .my-12\:sm:first-child {
        margin-top: 0
    }
    .mt-14\:sm,
    .my-14\:sm {
        margin-top: var(--spacing-14)
    }
    .mt-14\:sm:first-child,
    .my-14\:sm:first-child {
        margin-top: 0
    }
    .mt-auto\:sm,
    .my-auto\:sm {
        margin-top: auto
    }
    .mt-auto\:sm:first-child,
    .my-auto\:sm:first-child {
        margin-top: 0
    }
    .mb--1\:sm,
    .my--1\:sm {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:sm:last-child,
    .my--1\:sm:last-child {
        margin-bottom: 0
    }
    .mb-0\:sm,
    .my-0\:sm {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:sm:last-child,
    .my-0\:sm:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:sm,
    .my-0-25\:sm {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:sm:last-child,
    .my-0-25\:sm:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:sm,
    .my-0-5\:sm {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:sm:last-child,
    .my-0-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:sm,
    .my-0-7\:sm {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:sm:last-child,
    .my-0-7\:sm:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:sm,
    .my-0-75\:sm {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:sm:last-child,
    .my-0-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:sm,
    .my--0-75\:sm {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:sm:last-child,
    .my--0-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb-1\:sm,
    .my-1\:sm {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:sm:last-child,
    .my-1\:sm:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:sm,
    .my-1-2\:sm {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:sm:last-child,
    .my-1-2\:sm:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:sm,
    .my-1-5\:sm {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:sm:last-child,
    .my-1-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:sm,
    .my--1-5\:sm {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:sm:last-child,
    .my--1-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:sm,
    .my-1-75\:sm {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:sm:last-child,
    .my-1-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:sm,
    .my--1-75\:sm {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:sm:last-child,
    .my--1-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:sm,
    .my-1-9\:sm {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:sm:last-child,
    .my-1-9\:sm:last-child {
        margin-bottom: 0
    }
    .mb-2\:sm,
    .my-2\:sm {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:sm:last-child,
    .my-2\:sm:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:sm,
    .my-2-25\:sm {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:sm:last-child,
    .my-2-25\:sm:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:sm,
    .my-2-5\:sm {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:sm:last-child,
    .my-2-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:sm,
    .my-2-75\:sm {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:sm:last-child,
    .my-2-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb-3\:sm,
    .my-3\:sm {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:sm:last-child,
    .my-3\:sm:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:sm,
    .my-3-25\:sm {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:sm:last-child,
    .my-3-25\:sm:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:sm,
    .my-3-5\:sm {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:sm:last-child,
    .my-3-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:sm,
    .my-3-75\:sm {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:sm:last-child,
    .my-3-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb-4\:sm,
    .my-4\:sm {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:sm:last-child,
    .my-4\:sm:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:sm,
    .my-4-5\:sm {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:sm:last-child,
    .my-4-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-5\:sm,
    .my-5\:sm {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:sm:last-child,
    .my-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:sm,
    .my-5-5\:sm {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:sm:last-child,
    .my-5-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:sm,
    .my-5-75\:sm {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:sm:last-child,
    .my-5-75\:sm:last-child {
        margin-bottom: 0
    }
    .mb-6\:sm,
    .my-6\:sm {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:sm:last-child,
    .my-6\:sm:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:sm,
    .my-6-2\:sm {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:sm:last-child,
    .my-6-2\:sm:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:sm,
    .my-6-5\:sm {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:sm:last-child,
    .my-6-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-7\:sm,
    .my-7\:sm {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:sm:last-child,
    .my-7\:sm:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:sm,
    .my-7-5\:sm {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:sm:last-child,
    .my-7-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-8\:sm,
    .my-8\:sm {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:sm:last-child,
    .my-8\:sm:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:sm,
    .my-8-5\:sm {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:sm:last-child,
    .my-8-5\:sm:last-child {
        margin-bottom: 0
    }
    .mb-10\:sm,
    .my-10\:sm {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:sm:last-child,
    .my-10\:sm:last-child {
        margin-bottom: 0
    }
    .mb-12\:sm,
    .my-12\:sm {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:sm:last-child,
    .my-12\:sm:last-child {
        margin-bottom: 0
    }
    .mb-14\:sm,
    .my-14\:sm {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:sm:last-child,
    .my-14\:sm:last-child {
        margin-bottom: 0
    }
    .mb-auto\:sm,
    .my-auto\:sm {
        margin-bottom: auto
    }
    .mb-auto\:sm:last-child,
    .my-auto\:sm:last-child {
        margin-bottom: 0
    }
    .ml--1\:sm,
    .mx--1\:sm {
        margin-left: var(--spacing--1)
    }
    .ml-0\:sm,
    .mx-0\:sm {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:sm,
    .mx-0-25\:sm {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:sm,
    .mx-0-5\:sm {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:sm,
    .mx-0-7\:sm {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:sm,
    .mx-0-75\:sm {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:sm,
    .mx--0-75\:sm {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:sm,
    .mx-1\:sm {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:sm,
    .mx-1-2\:sm {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:sm,
    .mx-1-5\:sm {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:sm,
    .mx--1-5\:sm {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:sm,
    .mx-1-75\:sm {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:sm,
    .mx--1-75\:sm {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:sm,
    .mx-1-9\:sm {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:sm,
    .mx-2\:sm {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:sm,
    .mx-2-25\:sm {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:sm,
    .mx-2-5\:sm {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:sm,
    .mx-2-75\:sm {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:sm,
    .mx-3\:sm {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:sm,
    .mx-3-25\:sm {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:sm,
    .mx-3-5\:sm {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:sm,
    .mx-3-75\:sm {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:sm,
    .mx-4\:sm {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:sm,
    .mx-4-5\:sm {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:sm,
    .mx-5\:sm {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:sm,
    .mx-5-5\:sm {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:sm,
    .mx-5-75\:sm {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:sm,
    .mx-6\:sm {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:sm,
    .mx-6-2\:sm {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:sm,
    .mx-6-5\:sm {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:sm,
    .mx-7\:sm {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:sm,
    .mx-7-5\:sm {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:sm,
    .mx-8\:sm {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:sm,
    .mx-8-5\:sm {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:sm,
    .mx-10\:sm {
        margin-left: var(--spacing-10)
    }
    .ml-12\:sm,
    .mx-12\:sm {
        margin-left: var(--spacing-12)
    }
    .ml-14\:sm,
    .mx-14\:sm {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:sm,
    .mx-auto\:sm {
        margin-left: auto
    }
    .mr--1\:sm,
    .mx--1\:sm {
        margin-right: var(--spacing--1)
    }
    .mr-0\:sm,
    .mx-0\:sm {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:sm,
    .mx-0-25\:sm {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:sm,
    .mx-0-5\:sm {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:sm,
    .mx-0-7\:sm {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:sm,
    .mx-0-75\:sm {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:sm,
    .mx--0-75\:sm {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:sm,
    .mx-1\:sm {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:sm,
    .mx-1-2\:sm {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:sm,
    .mx-1-5\:sm {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:sm,
    .mx--1-5\:sm {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:sm,
    .mx-1-75\:sm {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:sm,
    .mx--1-75\:sm {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:sm,
    .mx-1-9\:sm {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:sm,
    .mx-2\:sm {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:sm,
    .mx-2-25\:sm {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:sm,
    .mx-2-5\:sm {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:sm,
    .mx-2-75\:sm {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:sm,
    .mx-3\:sm {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:sm,
    .mx-3-25\:sm {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:sm,
    .mx-3-5\:sm {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:sm,
    .mx-3-75\:sm {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:sm,
    .mx-4\:sm {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:sm,
    .mx-4-5\:sm {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:sm,
    .mx-5\:sm {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:sm,
    .mx-5-5\:sm {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:sm,
    .mx-5-75\:sm {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:sm,
    .mx-6\:sm {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:sm,
    .mx-6-2\:sm {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:sm,
    .mx-6-5\:sm {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:sm,
    .mx-7\:sm {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:sm,
    .mx-7-5\:sm {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:sm,
    .mx-8\:sm {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:sm,
    .mx-8-5\:sm {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:sm,
    .mx-10\:sm {
        margin-right: var(--spacing-10)
    }
    .mr-12\:sm,
    .mx-12\:sm {
        margin-right: var(--spacing-12)
    }
    .mr-14\:sm,
    .mx-14\:sm {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:sm,
    .mx-auto\:sm {
        margin-right: auto
    }
    .w-0-5\:sm {
        width: var(--spacing-0-5)
    }
    .w-2\:sm {
        width: var(--spacing-2)
    }
    .w-3\:sm {
        width: var(--spacing-3)
    }
    .w-3-5\:sm {
        width: var(--spacing-3-5)
    }
    .w-4\:sm {
        width: var(--spacing-4)
    }
    .w-4-5\:sm {
        width: var(--spacing-4-5)
    }
    .w-5\:sm {
        width: var(--spacing-5)
    }
    .w-6\:sm {
        width: var(--spacing-6)
    }
    .w-6-75\:sm {
        width: var(--spacing-6-75)
    }
    .w-7\:sm {
        width: var(--spacing-7)
    }
    .w-7-5\:sm {
        width: var(--spacing-7-5)
    }
    .w-8\:sm {
        width: var(--spacing-8)
    }
    .w-8-5\:sm {
        width: var(--spacing-8-5)
    }
    .w-9\:sm {
        width: var(--spacing-9)
    }
    .w-9-5\:sm {
        width: var(--spacing-9-5)
    }
    .w-10\:sm {
        width: var(--spacing-10)
    }
    .w-10-5\:sm {
        width: var(--spacing-10-5)
    }
    .w-11\:sm {
        width: var(--spacing-11)
    }
    .w-12\:sm {
        width: var(--spacing-12)
    }
    .w-12-5\:sm {
        width: var(--spacing-12-5)
    }
    .w-13\:sm {
        width: var(--spacing-13)
    }
    .w-14\:sm {
        width: var(--spacing-14)
    }
    .w-14-25\:sm {
        width: var(--spacing-14-25)
    }
    .w-15\:sm {
        width: var(--spacing-15)
    }
    .w-16\:sm {
        width: var(--spacing-16)
    }
    .w-18\:sm {
        width: var(--spacing-18)
    }
    .w-19\:sm {
        width: var(--spacing-19)
    }
    .w-20\:sm {
        width: var(--spacing-20)
    }
    .h-0-5\:sm {
        height: var(--spacing-0-5)
    }
    .h-2\:sm {
        height: var(--spacing-2)
    }
    .h-3\:sm {
        height: var(--spacing-3)
    }
    .h-3-5\:sm {
        height: var(--spacing-3-5)
    }
    .h-4\:sm {
        height: var(--spacing-4)
    }
    .h-4-5\:sm {
        height: var(--spacing-4-5)
    }
    .h-5\:sm {
        height: var(--spacing-5)
    }
    .h-6\:sm {
        height: var(--spacing-6)
    }
    .h-6-75\:sm {
        height: var(--spacing-6-75)
    }
    .h-7\:sm {
        height: var(--spacing-7)
    }
    .h-7-5\:sm {
        height: var(--spacing-7-5)
    }
    .h-8\:sm {
        height: var(--spacing-8)
    }
    .h-8-5\:sm {
        height: var(--spacing-8-5)
    }
    .h-9\:sm {
        height: var(--spacing-9)
    }
    .h-9-5\:sm {
        height: var(--spacing-9-5)
    }
    .h-10\:sm {
        height: var(--spacing-10)
    }
    .h-10-5\:sm {
        height: var(--spacing-10-5)
    }
    .h-11\:sm {
        height: var(--spacing-11)
    }
    .h-12\:sm {
        height: var(--spacing-12)
    }
    .h-12-5\:sm {
        height: var(--spacing-12-5)
    }
    .h-13\:sm {
        height: var(--spacing-13)
    }
    .h-14\:sm {
        height: var(--spacing-14)
    }
    .h-14-25\:sm {
        height: var(--spacing-14-25)
    }
    .h-15\:sm {
        height: var(--spacing-15)
    }
    .h-16\:sm {
        height: var(--spacing-16)
    }
    .h-18\:sm {
        height: var(--spacing-18)
    }
    .h-19\:sm {
        height: var(--spacing-19)
    }
    .h-20\:sm {
        height: var(--spacing-20)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .text-left\:md {
        text-align: left
    }
    .text-center\:md {
        text-align: center
    }
    .text-right\:md {
        text-align: right
    }
    .pt--1\:md,
    .py--1\:md {
        padding-top: var(--spacing--1)
    }
    .pt-0\:md,
    .py-0\:md {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:md,
    .py-0-25\:md {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:md,
    .py-0-5\:md {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:md,
    .py-0-7\:md {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:md,
    .py-0-75\:md {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:md,
    .py--0-75\:md {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:md,
    .py-1\:md {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:md,
    .py-1-2\:md {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:md,
    .py-1-5\:md {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:md,
    .py--1-5\:md {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:md,
    .py-1-75\:md {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:md,
    .py--1-75\:md {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:md,
    .py-1-9\:md {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:md,
    .py-2\:md {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:md,
    .py-2-25\:md {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:md,
    .py-2-5\:md {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:md,
    .py-2-75\:md {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:md,
    .py-3\:md {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:md,
    .py-3-25\:md {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:md,
    .py-3-5\:md {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:md,
    .py-3-75\:md {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:md,
    .py-4\:md {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:md,
    .py-4-5\:md {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:md,
    .py-5\:md {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:md,
    .py-5-5\:md {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:md,
    .py-5-75\:md {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:md,
    .py-6\:md {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:md,
    .py-6-2\:md {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:md,
    .py-6-5\:md {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:md,
    .py-7\:md {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:md,
    .py-7-5\:md {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:md,
    .py-8\:md {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:md,
    .py-8-5\:md {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:md,
    .py-10\:md {
        padding-top: var(--spacing-10)
    }
    .pt-12\:md,
    .py-12\:md {
        padding-top: var(--spacing-12)
    }
    .pt-14\:md,
    .py-14\:md {
        padding-top: var(--spacing-14)
    }
    .pb--1\:md,
    .py--1\:md {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:md,
    .py-0\:md {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:md,
    .py-0-25\:md {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:md,
    .py-0-5\:md {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:md,
    .py-0-7\:md {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:md,
    .py-0-75\:md {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:md,
    .py--0-75\:md {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:md,
    .py-1\:md {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:md,
    .py-1-2\:md {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:md,
    .py-1-5\:md {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:md,
    .py--1-5\:md {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:md,
    .py-1-75\:md {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:md,
    .py--1-75\:md {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:md,
    .py-1-9\:md {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:md,
    .py-2\:md {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:md,
    .py-2-25\:md {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:md,
    .py-2-5\:md {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:md,
    .py-2-75\:md {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:md,
    .py-3\:md {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:md,
    .py-3-25\:md {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:md,
    .py-3-5\:md {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:md,
    .py-3-75\:md {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:md,
    .py-4\:md {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:md,
    .py-4-5\:md {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:md,
    .py-5\:md {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:md,
    .py-5-5\:md {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:md,
    .py-5-75\:md {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:md,
    .py-6\:md {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:md,
    .py-6-2\:md {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:md,
    .py-6-5\:md {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:md,
    .py-7\:md {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:md,
    .py-7-5\:md {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:md,
    .py-8\:md {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:md,
    .py-8-5\:md {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:md,
    .py-10\:md {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:md,
    .py-12\:md {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:md,
    .py-14\:md {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:md,
    .px--1\:md {
        padding-left: var(--spacing--1)
    }
    .pl-0\:md,
    .px-0\:md {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:md,
    .px-0-25\:md {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:md,
    .px-0-5\:md {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:md,
    .px-0-7\:md {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:md,
    .px-0-75\:md {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:md,
    .px--0-75\:md {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:md,
    .px-1\:md {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:md,
    .px-1-2\:md {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:md,
    .px-1-5\:md {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:md,
    .px--1-5\:md {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:md,
    .px-1-75\:md {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:md,
    .px--1-75\:md {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:md,
    .px-1-9\:md {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:md,
    .px-2\:md {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:md,
    .px-2-25\:md {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:md,
    .px-2-5\:md {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:md,
    .px-2-75\:md {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:md,
    .px-3\:md {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:md,
    .px-3-25\:md {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:md,
    .px-3-5\:md {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:md,
    .px-3-75\:md {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:md,
    .px-4\:md {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:md,
    .px-4-5\:md {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:md,
    .px-5\:md {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:md,
    .px-5-5\:md {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:md,
    .px-5-75\:md {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:md,
    .px-6\:md {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:md,
    .px-6-2\:md {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:md,
    .px-6-5\:md {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:md,
    .px-7\:md {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:md,
    .px-7-5\:md {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:md,
    .px-8\:md {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:md,
    .px-8-5\:md {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:md,
    .px-10\:md {
        padding-left: var(--spacing-10)
    }
    .pl-12\:md,
    .px-12\:md {
        padding-left: var(--spacing-12)
    }
    .pl-14\:md,
    .px-14\:md {
        padding-left: var(--spacing-14)
    }
    .pr--1\:md,
    .px--1\:md {
        padding-right: var(--spacing--1)
    }
    .pr-0\:md,
    .px-0\:md {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:md,
    .px-0-25\:md {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:md,
    .px-0-5\:md {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:md,
    .px-0-7\:md {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:md,
    .px-0-75\:md {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:md,
    .px--0-75\:md {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:md,
    .px-1\:md {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:md,
    .px-1-2\:md {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:md,
    .px-1-5\:md {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:md,
    .px--1-5\:md {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:md,
    .px-1-75\:md {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:md,
    .px--1-75\:md {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:md,
    .px-1-9\:md {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:md,
    .px-2\:md {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:md,
    .px-2-25\:md {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:md,
    .px-2-5\:md {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:md,
    .px-2-75\:md {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:md,
    .px-3\:md {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:md,
    .px-3-25\:md {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:md,
    .px-3-5\:md {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:md,
    .px-3-75\:md {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:md,
    .px-4\:md {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:md,
    .px-4-5\:md {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:md,
    .px-5\:md {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:md,
    .px-5-5\:md {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:md,
    .px-5-75\:md {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:md,
    .px-6\:md {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:md,
    .px-6-2\:md {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:md,
    .px-6-5\:md {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:md,
    .px-7\:md {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:md,
    .px-7-5\:md {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:md,
    .px-8\:md {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:md,
    .px-8-5\:md {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:md,
    .px-10\:md {
        padding-right: var(--spacing-10)
    }
    .pr-12\:md,
    .px-12\:md {
        padding-right: var(--spacing-12)
    }
    .pr-14\:md,
    .px-14\:md {
        padding-right: var(--spacing-14)
    }
    .mt--1\:md,
    .my--1\:md {
        margin-top: var(--spacing--1)
    }
    .mt--1\:md:first-child,
    .my--1\:md:first-child {
        margin-top: 0
    }
    .mt-0\:md,
    .my-0\:md {
        margin-top: var(--spacing-0)
    }
    .mt-0\:md:first-child,
    .my-0\:md:first-child {
        margin-top: 0
    }
    .mt-0-25\:md,
    .my-0-25\:md {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:md:first-child,
    .my-0-25\:md:first-child {
        margin-top: 0
    }
    .mt-0-5\:md,
    .my-0-5\:md {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:md:first-child,
    .my-0-5\:md:first-child {
        margin-top: 0
    }
    .mt-0-7\:md,
    .my-0-7\:md {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:md:first-child,
    .my-0-7\:md:first-child {
        margin-top: 0
    }
    .mt-0-75\:md,
    .my-0-75\:md {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:md:first-child,
    .my-0-75\:md:first-child {
        margin-top: 0
    }
    .mt--0-75\:md,
    .my--0-75\:md {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:md:first-child,
    .my--0-75\:md:first-child {
        margin-top: 0
    }
    .mt-1\:md,
    .my-1\:md {
        margin-top: var(--spacing-1)
    }
    .mt-1\:md:first-child,
    .my-1\:md:first-child {
        margin-top: 0
    }
    .mt-1-2\:md,
    .my-1-2\:md {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:md:first-child,
    .my-1-2\:md:first-child {
        margin-top: 0
    }
    .mt-1-5\:md,
    .my-1-5\:md {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:md:first-child,
    .my-1-5\:md:first-child {
        margin-top: 0
    }
    .mt--1-5\:md,
    .my--1-5\:md {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:md:first-child,
    .my--1-5\:md:first-child {
        margin-top: 0
    }
    .mt-1-75\:md,
    .my-1-75\:md {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:md:first-child,
    .my-1-75\:md:first-child {
        margin-top: 0
    }
    .mt--1-75\:md,
    .my--1-75\:md {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:md:first-child,
    .my--1-75\:md:first-child {
        margin-top: 0
    }
    .mt-1-9\:md,
    .my-1-9\:md {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:md:first-child,
    .my-1-9\:md:first-child {
        margin-top: 0
    }
    .mt-2\:md,
    .my-2\:md {
        margin-top: var(--spacing-2)
    }
    .mt-2\:md:first-child,
    .my-2\:md:first-child {
        margin-top: 0
    }
    .mt-2-25\:md,
    .my-2-25\:md {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:md:first-child,
    .my-2-25\:md:first-child {
        margin-top: 0
    }
    .mt-2-5\:md,
    .my-2-5\:md {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:md:first-child,
    .my-2-5\:md:first-child {
        margin-top: 0
    }
    .mt-2-75\:md,
    .my-2-75\:md {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:md:first-child,
    .my-2-75\:md:first-child {
        margin-top: 0
    }
    .mt-3\:md,
    .my-3\:md {
        margin-top: var(--spacing-3)
    }
    .mt-3\:md:first-child,
    .my-3\:md:first-child {
        margin-top: 0
    }
    .mt-3-25\:md,
    .my-3-25\:md {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:md:first-child,
    .my-3-25\:md:first-child {
        margin-top: 0
    }
    .mt-3-5\:md,
    .my-3-5\:md {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:md:first-child,
    .my-3-5\:md:first-child {
        margin-top: 0
    }
    .mt-3-75\:md,
    .my-3-75\:md {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:md:first-child,
    .my-3-75\:md:first-child {
        margin-top: 0
    }
    .mt-4\:md,
    .my-4\:md {
        margin-top: var(--spacing-4)
    }
    .mt-4\:md:first-child,
    .my-4\:md:first-child {
        margin-top: 0
    }
    .mt-4-5\:md,
    .my-4-5\:md {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:md:first-child,
    .my-4-5\:md:first-child {
        margin-top: 0
    }
    .mt-5\:md,
    .my-5\:md {
        margin-top: var(--spacing-5)
    }
    .mt-5\:md:first-child,
    .my-5\:md:first-child {
        margin-top: 0
    }
    .mt-5-5\:md,
    .my-5-5\:md {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:md:first-child,
    .my-5-5\:md:first-child {
        margin-top: 0
    }
    .mt-5-75\:md,
    .my-5-75\:md {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:md:first-child,
    .my-5-75\:md:first-child {
        margin-top: 0
    }
    .mt-6\:md,
    .my-6\:md {
        margin-top: var(--spacing-6)
    }
    .mt-6\:md:first-child,
    .my-6\:md:first-child {
        margin-top: 0
    }
    .mt-6-2\:md,
    .my-6-2\:md {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:md:first-child,
    .my-6-2\:md:first-child {
        margin-top: 0
    }
    .mt-6-5\:md,
    .my-6-5\:md {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:md:first-child,
    .my-6-5\:md:first-child {
        margin-top: 0
    }
    .mt-7\:md,
    .my-7\:md {
        margin-top: var(--spacing-7)
    }
    .mt-7\:md:first-child,
    .my-7\:md:first-child {
        margin-top: 0
    }
    .mt-7-5\:md,
    .my-7-5\:md {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:md:first-child,
    .my-7-5\:md:first-child {
        margin-top: 0
    }
    .mt-8\:md,
    .my-8\:md {
        margin-top: var(--spacing-8)
    }
    .mt-8\:md:first-child,
    .my-8\:md:first-child {
        margin-top: 0
    }
    .mt-8-5\:md,
    .my-8-5\:md {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:md:first-child,
    .my-8-5\:md:first-child {
        margin-top: 0
    }
    .mt-10\:md,
    .my-10\:md {
        margin-top: var(--spacing-10)
    }
    .mt-10\:md:first-child,
    .my-10\:md:first-child {
        margin-top: 0
    }
    .mt-12\:md,
    .my-12\:md {
        margin-top: var(--spacing-12)
    }
    .mt-12\:md:first-child,
    .my-12\:md:first-child {
        margin-top: 0
    }
    .mt-14\:md,
    .my-14\:md {
        margin-top: var(--spacing-14)
    }
    .mt-14\:md:first-child,
    .my-14\:md:first-child {
        margin-top: 0
    }
    .mt-auto\:md,
    .my-auto\:md {
        margin-top: auto
    }
    .mt-auto\:md:first-child,
    .my-auto\:md:first-child {
        margin-top: 0
    }
    .mb--1\:md,
    .my--1\:md {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:md:last-child,
    .my--1\:md:last-child {
        margin-bottom: 0
    }
    .mb-0\:md,
    .my-0\:md {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:md:last-child,
    .my-0\:md:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:md,
    .my-0-25\:md {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:md:last-child,
    .my-0-25\:md:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:md,
    .my-0-5\:md {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:md:last-child,
    .my-0-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:md,
    .my-0-7\:md {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:md:last-child,
    .my-0-7\:md:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:md,
    .my-0-75\:md {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:md:last-child,
    .my-0-75\:md:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:md,
    .my--0-75\:md {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:md:last-child,
    .my--0-75\:md:last-child {
        margin-bottom: 0
    }
    .mb-1\:md,
    .my-1\:md {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:md:last-child,
    .my-1\:md:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:md,
    .my-1-2\:md {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:md:last-child,
    .my-1-2\:md:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:md,
    .my-1-5\:md {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:md:last-child,
    .my-1-5\:md:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:md,
    .my--1-5\:md {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:md:last-child,
    .my--1-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:md,
    .my-1-75\:md {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:md:last-child,
    .my-1-75\:md:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:md,
    .my--1-75\:md {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:md:last-child,
    .my--1-75\:md:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:md,
    .my-1-9\:md {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:md:last-child,
    .my-1-9\:md:last-child {
        margin-bottom: 0
    }
    .mb-2\:md,
    .my-2\:md {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:md:last-child,
    .my-2\:md:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:md,
    .my-2-25\:md {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:md:last-child,
    .my-2-25\:md:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:md,
    .my-2-5\:md {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:md:last-child,
    .my-2-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:md,
    .my-2-75\:md {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:md:last-child,
    .my-2-75\:md:last-child {
        margin-bottom: 0
    }
    .mb-3\:md,
    .my-3\:md {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:md:last-child,
    .my-3\:md:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:md,
    .my-3-25\:md {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:md:last-child,
    .my-3-25\:md:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:md,
    .my-3-5\:md {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:md:last-child,
    .my-3-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:md,
    .my-3-75\:md {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:md:last-child,
    .my-3-75\:md:last-child {
        margin-bottom: 0
    }
    .mb-4\:md,
    .my-4\:md {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:md:last-child,
    .my-4\:md:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:md,
    .my-4-5\:md {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:md:last-child,
    .my-4-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-5\:md,
    .my-5\:md {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:md:last-child,
    .my-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:md,
    .my-5-5\:md {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:md:last-child,
    .my-5-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:md,
    .my-5-75\:md {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:md:last-child,
    .my-5-75\:md:last-child {
        margin-bottom: 0
    }
    .mb-6\:md,
    .my-6\:md {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:md:last-child,
    .my-6\:md:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:md,
    .my-6-2\:md {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:md:last-child,
    .my-6-2\:md:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:md,
    .my-6-5\:md {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:md:last-child,
    .my-6-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-7\:md,
    .my-7\:md {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:md:last-child,
    .my-7\:md:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:md,
    .my-7-5\:md {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:md:last-child,
    .my-7-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-8\:md,
    .my-8\:md {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:md:last-child,
    .my-8\:md:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:md,
    .my-8-5\:md {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:md:last-child,
    .my-8-5\:md:last-child {
        margin-bottom: 0
    }
    .mb-10\:md,
    .my-10\:md {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:md:last-child,
    .my-10\:md:last-child {
        margin-bottom: 0
    }
    .mb-12\:md,
    .my-12\:md {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:md:last-child,
    .my-12\:md:last-child {
        margin-bottom: 0
    }
    .mb-14\:md,
    .my-14\:md {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:md:last-child,
    .my-14\:md:last-child {
        margin-bottom: 0
    }
    .mb-auto\:md,
    .my-auto\:md {
        margin-bottom: auto
    }
    .mb-auto\:md:last-child,
    .my-auto\:md:last-child {
        margin-bottom: 0
    }
    .ml--1\:md,
    .mx--1\:md {
        margin-left: var(--spacing--1)
    }
    .ml-0\:md,
    .mx-0\:md {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:md,
    .mx-0-25\:md {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:md,
    .mx-0-5\:md {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:md,
    .mx-0-7\:md {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:md,
    .mx-0-75\:md {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:md,
    .mx--0-75\:md {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:md,
    .mx-1\:md {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:md,
    .mx-1-2\:md {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:md,
    .mx-1-5\:md {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:md,
    .mx--1-5\:md {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:md,
    .mx-1-75\:md {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:md,
    .mx--1-75\:md {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:md,
    .mx-1-9\:md {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:md,
    .mx-2\:md {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:md,
    .mx-2-25\:md {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:md,
    .mx-2-5\:md {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:md,
    .mx-2-75\:md {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:md,
    .mx-3\:md {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:md,
    .mx-3-25\:md {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:md,
    .mx-3-5\:md {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:md,
    .mx-3-75\:md {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:md,
    .mx-4\:md {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:md,
    .mx-4-5\:md {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:md,
    .mx-5\:md {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:md,
    .mx-5-5\:md {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:md,
    .mx-5-75\:md {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:md,
    .mx-6\:md {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:md,
    .mx-6-2\:md {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:md,
    .mx-6-5\:md {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:md,
    .mx-7\:md {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:md,
    .mx-7-5\:md {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:md,
    .mx-8\:md {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:md,
    .mx-8-5\:md {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:md,
    .mx-10\:md {
        margin-left: var(--spacing-10)
    }
    .ml-12\:md,
    .mx-12\:md {
        margin-left: var(--spacing-12)
    }
    .ml-14\:md,
    .mx-14\:md {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:md,
    .mx-auto\:md {
        margin-left: auto
    }
    .mr--1\:md,
    .mx--1\:md {
        margin-right: var(--spacing--1)
    }
    .mr-0\:md,
    .mx-0\:md {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:md,
    .mx-0-25\:md {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:md,
    .mx-0-5\:md {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:md,
    .mx-0-7\:md {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:md,
    .mx-0-75\:md {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:md,
    .mx--0-75\:md {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:md,
    .mx-1\:md {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:md,
    .mx-1-2\:md {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:md,
    .mx-1-5\:md {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:md,
    .mx--1-5\:md {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:md,
    .mx-1-75\:md {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:md,
    .mx--1-75\:md {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:md,
    .mx-1-9\:md {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:md,
    .mx-2\:md {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:md,
    .mx-2-25\:md {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:md,
    .mx-2-5\:md {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:md,
    .mx-2-75\:md {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:md,
    .mx-3\:md {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:md,
    .mx-3-25\:md {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:md,
    .mx-3-5\:md {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:md,
    .mx-3-75\:md {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:md,
    .mx-4\:md {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:md,
    .mx-4-5\:md {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:md,
    .mx-5\:md {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:md,
    .mx-5-5\:md {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:md,
    .mx-5-75\:md {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:md,
    .mx-6\:md {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:md,
    .mx-6-2\:md {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:md,
    .mx-6-5\:md {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:md,
    .mx-7\:md {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:md,
    .mx-7-5\:md {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:md,
    .mx-8\:md {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:md,
    .mx-8-5\:md {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:md,
    .mx-10\:md {
        margin-right: var(--spacing-10)
    }
    .mr-12\:md,
    .mx-12\:md {
        margin-right: var(--spacing-12)
    }
    .mr-14\:md,
    .mx-14\:md {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:md,
    .mx-auto\:md {
        margin-right: auto
    }
    .w-0-5\:md {
        width: var(--spacing-0-5)
    }
    .w-2\:md {
        width: var(--spacing-2)
    }
    .w-3\:md {
        width: var(--spacing-3)
    }
    .w-3-5\:md {
        width: var(--spacing-3-5)
    }
    .w-4\:md {
        width: var(--spacing-4)
    }
    .w-4-5\:md {
        width: var(--spacing-4-5)
    }
    .w-5\:md {
        width: var(--spacing-5)
    }
    .w-6\:md {
        width: var(--spacing-6)
    }
    .w-6-75\:md {
        width: var(--spacing-6-75)
    }
    .w-7\:md {
        width: var(--spacing-7)
    }
    .w-7-5\:md {
        width: var(--spacing-7-5)
    }
    .w-8\:md {
        width: var(--spacing-8)
    }
    .w-8-5\:md {
        width: var(--spacing-8-5)
    }
    .w-9\:md {
        width: var(--spacing-9)
    }
    .w-9-5\:md {
        width: var(--spacing-9-5)
    }
    .w-10\:md {
        width: var(--spacing-10)
    }
    .w-10-5\:md {
        width: var(--spacing-10-5)
    }
    .w-11\:md {
        width: var(--spacing-11)
    }
    .w-12\:md {
        width: var(--spacing-12)
    }
    .w-12-5\:md {
        width: var(--spacing-12-5)
    }
    .w-13\:md {
        width: var(--spacing-13)
    }
    .w-14\:md {
        width: var(--spacing-14)
    }
    .w-14-25\:md {
        width: var(--spacing-14-25)
    }
    .w-15\:md {
        width: var(--spacing-15)
    }
    .w-16\:md {
        width: var(--spacing-16)
    }
    .w-18\:md {
        width: var(--spacing-18)
    }
    .w-19\:md {
        width: var(--spacing-19)
    }
    .w-20\:md {
        width: var(--spacing-20)
    }
    .h-0-5\:md {
        height: var(--spacing-0-5)
    }
    .h-2\:md {
        height: var(--spacing-2)
    }
    .h-3\:md {
        height: var(--spacing-3)
    }
    .h-3-5\:md {
        height: var(--spacing-3-5)
    }
    .h-4\:md {
        height: var(--spacing-4)
    }
    .h-4-5\:md {
        height: var(--spacing-4-5)
    }
    .h-5\:md {
        height: var(--spacing-5)
    }
    .h-6\:md {
        height: var(--spacing-6)
    }
    .h-6-75\:md {
        height: var(--spacing-6-75)
    }
    .h-7\:md {
        height: var(--spacing-7)
    }
    .h-7-5\:md {
        height: var(--spacing-7-5)
    }
    .h-8\:md {
        height: var(--spacing-8)
    }
    .h-8-5\:md {
        height: var(--spacing-8-5)
    }
    .h-9\:md {
        height: var(--spacing-9)
    }
    .h-9-5\:md {
        height: var(--spacing-9-5)
    }
    .h-10\:md {
        height: var(--spacing-10)
    }
    .h-10-5\:md {
        height: var(--spacing-10-5)
    }
    .h-11\:md {
        height: var(--spacing-11)
    }
    .h-12\:md {
        height: var(--spacing-12)
    }
    .h-12-5\:md {
        height: var(--spacing-12-5)
    }
    .h-13\:md {
        height: var(--spacing-13)
    }
    .h-14\:md {
        height: var(--spacing-14)
    }
    .h-14-25\:md {
        height: var(--spacing-14-25)
    }
    .h-15\:md {
        height: var(--spacing-15)
    }
    .h-16\:md {
        height: var(--spacing-16)
    }
    .h-18\:md {
        height: var(--spacing-18)
    }
    .h-19\:md {
        height: var(--spacing-19)
    }
    .h-20\:md {
        height: var(--spacing-20)
    }
}

@media only screen and (min-width:980px) {
    .text-left\:lg {
        text-align: left
    }
    .text-center\:lg {
        text-align: center
    }
    .text-right\:lg {
        text-align: right
    }
    .pt--1\:lg,
    .py--1\:lg {
        padding-top: var(--spacing--1)
    }
    .pt-0\:lg,
    .py-0\:lg {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:lg,
    .py-0-25\:lg {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:lg,
    .py-0-5\:lg {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:lg,
    .py-0-7\:lg {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:lg,
    .py-0-75\:lg {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:lg,
    .py--0-75\:lg {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:lg,
    .py-1\:lg {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:lg,
    .py-1-2\:lg {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:lg,
    .py-1-5\:lg {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:lg,
    .py--1-5\:lg {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:lg,
    .py-1-75\:lg {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:lg,
    .py--1-75\:lg {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:lg,
    .py-1-9\:lg {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:lg,
    .py-2\:lg {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:lg,
    .py-2-25\:lg {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:lg,
    .py-2-5\:lg {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:lg,
    .py-2-75\:lg {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:lg,
    .py-3\:lg {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:lg,
    .py-3-25\:lg {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:lg,
    .py-3-5\:lg {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:lg,
    .py-3-75\:lg {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:lg,
    .py-4\:lg {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:lg,
    .py-4-5\:lg {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:lg,
    .py-5\:lg {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:lg,
    .py-5-5\:lg {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:lg,
    .py-5-75\:lg {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:lg,
    .py-6\:lg {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:lg,
    .py-6-2\:lg {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:lg,
    .py-6-5\:lg {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:lg,
    .py-7\:lg {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:lg,
    .py-7-5\:lg {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:lg,
    .py-8\:lg {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:lg,
    .py-8-5\:lg {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:lg,
    .py-10\:lg {
        padding-top: var(--spacing-10)
    }
    .pt-12\:lg,
    .py-12\:lg {
        padding-top: var(--spacing-12)
    }
    .pt-14\:lg,
    .py-14\:lg {
        padding-top: var(--spacing-14)
    }
    .pb--1\:lg,
    .py--1\:lg {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:lg,
    .py-0\:lg {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:lg,
    .py-0-25\:lg {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:lg,
    .py-0-5\:lg {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:lg,
    .py-0-7\:lg {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:lg,
    .py-0-75\:lg {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:lg,
    .py--0-75\:lg {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:lg,
    .py-1\:lg {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:lg,
    .py-1-2\:lg {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:lg,
    .py-1-5\:lg {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:lg,
    .py--1-5\:lg {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:lg,
    .py-1-75\:lg {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:lg,
    .py--1-75\:lg {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:lg,
    .py-1-9\:lg {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:lg,
    .py-2\:lg {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:lg,
    .py-2-25\:lg {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:lg,
    .py-2-5\:lg {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:lg,
    .py-2-75\:lg {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:lg,
    .py-3\:lg {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:lg,
    .py-3-25\:lg {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:lg,
    .py-3-5\:lg {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:lg,
    .py-3-75\:lg {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:lg,
    .py-4\:lg {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:lg,
    .py-4-5\:lg {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:lg,
    .py-5\:lg {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:lg,
    .py-5-5\:lg {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:lg,
    .py-5-75\:lg {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:lg,
    .py-6\:lg {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:lg,
    .py-6-2\:lg {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:lg,
    .py-6-5\:lg {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:lg,
    .py-7\:lg {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:lg,
    .py-7-5\:lg {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:lg,
    .py-8\:lg {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:lg,
    .py-8-5\:lg {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:lg,
    .py-10\:lg {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:lg,
    .py-12\:lg {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:lg,
    .py-14\:lg {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:lg,
    .px--1\:lg {
        padding-left: var(--spacing--1)
    }
    .pl-0\:lg,
    .px-0\:lg {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:lg,
    .px-0-25\:lg {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:lg,
    .px-0-5\:lg {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:lg,
    .px-0-7\:lg {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:lg,
    .px-0-75\:lg {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:lg,
    .px--0-75\:lg {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:lg,
    .px-1\:lg {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:lg,
    .px-1-2\:lg {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:lg,
    .px-1-5\:lg {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:lg,
    .px--1-5\:lg {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:lg,
    .px-1-75\:lg {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:lg,
    .px--1-75\:lg {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:lg,
    .px-1-9\:lg {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:lg,
    .px-2\:lg {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:lg,
    .px-2-25\:lg {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:lg,
    .px-2-5\:lg {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:lg,
    .px-2-75\:lg {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:lg,
    .px-3\:lg {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:lg,
    .px-3-25\:lg {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:lg,
    .px-3-5\:lg {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:lg,
    .px-3-75\:lg {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:lg,
    .px-4\:lg {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:lg,
    .px-4-5\:lg {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:lg,
    .px-5\:lg {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:lg,
    .px-5-5\:lg {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:lg,
    .px-5-75\:lg {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:lg,
    .px-6\:lg {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:lg,
    .px-6-2\:lg {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:lg,
    .px-6-5\:lg {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:lg,
    .px-7\:lg {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:lg,
    .px-7-5\:lg {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:lg,
    .px-8\:lg {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:lg,
    .px-8-5\:lg {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:lg,
    .px-10\:lg {
        padding-left: var(--spacing-10)
    }
    .pl-12\:lg,
    .px-12\:lg {
        padding-left: var(--spacing-12)
    }
    .pl-14\:lg,
    .px-14\:lg {
        padding-left: var(--spacing-14)
    }
    .pr--1\:lg,
    .px--1\:lg {
        padding-right: var(--spacing--1)
    }
    .pr-0\:lg,
    .px-0\:lg {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:lg,
    .px-0-25\:lg {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:lg,
    .px-0-5\:lg {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:lg,
    .px-0-7\:lg {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:lg,
    .px-0-75\:lg {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:lg,
    .px--0-75\:lg {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:lg,
    .px-1\:lg {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:lg,
    .px-1-2\:lg {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:lg,
    .px-1-5\:lg {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:lg,
    .px--1-5\:lg {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:lg,
    .px-1-75\:lg {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:lg,
    .px--1-75\:lg {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:lg,
    .px-1-9\:lg {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:lg,
    .px-2\:lg {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:lg,
    .px-2-25\:lg {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:lg,
    .px-2-5\:lg {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:lg,
    .px-2-75\:lg {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:lg,
    .px-3\:lg {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:lg,
    .px-3-25\:lg {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:lg,
    .px-3-5\:lg {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:lg,
    .px-3-75\:lg {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:lg,
    .px-4\:lg {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:lg,
    .px-4-5\:lg {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:lg,
    .px-5\:lg {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:lg,
    .px-5-5\:lg {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:lg,
    .px-5-75\:lg {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:lg,
    .px-6\:lg {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:lg,
    .px-6-2\:lg {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:lg,
    .px-6-5\:lg {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:lg,
    .px-7\:lg {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:lg,
    .px-7-5\:lg {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:lg,
    .px-8\:lg {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:lg,
    .px-8-5\:lg {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:lg,
    .px-10\:lg {
        padding-right: var(--spacing-10)
    }
    .pr-12\:lg,
    .px-12\:lg {
        padding-right: var(--spacing-12)
    }
    .pr-14\:lg,
    .px-14\:lg {
        padding-right: var(--spacing-14)
    }
    .mt--1\:lg,
    .my--1\:lg {
        margin-top: var(--spacing--1)
    }
    .mt--1\:lg:first-child,
    .my--1\:lg:first-child {
        margin-top: 0
    }
    .mt-0\:lg,
    .my-0\:lg {
        margin-top: var(--spacing-0)
    }
    .mt-0\:lg:first-child,
    .my-0\:lg:first-child {
        margin-top: 0
    }
    .mt-0-25\:lg,
    .my-0-25\:lg {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:lg:first-child,
    .my-0-25\:lg:first-child {
        margin-top: 0
    }
    .mt-0-5\:lg,
    .my-0-5\:lg {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:lg:first-child,
    .my-0-5\:lg:first-child {
        margin-top: 0
    }
    .mt-0-7\:lg,
    .my-0-7\:lg {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:lg:first-child,
    .my-0-7\:lg:first-child {
        margin-top: 0
    }
    .mt-0-75\:lg,
    .my-0-75\:lg {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:lg:first-child,
    .my-0-75\:lg:first-child {
        margin-top: 0
    }
    .mt--0-75\:lg,
    .my--0-75\:lg {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:lg:first-child,
    .my--0-75\:lg:first-child {
        margin-top: 0
    }
    .mt-1\:lg,
    .my-1\:lg {
        margin-top: var(--spacing-1)
    }
    .mt-1\:lg:first-child,
    .my-1\:lg:first-child {
        margin-top: 0
    }
    .mt-1-2\:lg,
    .my-1-2\:lg {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:lg:first-child,
    .my-1-2\:lg:first-child {
        margin-top: 0
    }
    .mt-1-5\:lg,
    .my-1-5\:lg {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:lg:first-child,
    .my-1-5\:lg:first-child {
        margin-top: 0
    }
    .mt--1-5\:lg,
    .my--1-5\:lg {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:lg:first-child,
    .my--1-5\:lg:first-child {
        margin-top: 0
    }
    .mt-1-75\:lg,
    .my-1-75\:lg {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:lg:first-child,
    .my-1-75\:lg:first-child {
        margin-top: 0
    }
    .mt--1-75\:lg,
    .my--1-75\:lg {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:lg:first-child,
    .my--1-75\:lg:first-child {
        margin-top: 0
    }
    .mt-1-9\:lg,
    .my-1-9\:lg {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:lg:first-child,
    .my-1-9\:lg:first-child {
        margin-top: 0
    }
    .mt-2\:lg,
    .my-2\:lg {
        margin-top: var(--spacing-2)
    }
    .mt-2\:lg:first-child,
    .my-2\:lg:first-child {
        margin-top: 0
    }
    .mt-2-25\:lg,
    .my-2-25\:lg {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:lg:first-child,
    .my-2-25\:lg:first-child {
        margin-top: 0
    }
    .mt-2-5\:lg,
    .my-2-5\:lg {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:lg:first-child,
    .my-2-5\:lg:first-child {
        margin-top: 0
    }
    .mt-2-75\:lg,
    .my-2-75\:lg {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:lg:first-child,
    .my-2-75\:lg:first-child {
        margin-top: 0
    }
    .mt-3\:lg,
    .my-3\:lg {
        margin-top: var(--spacing-3)
    }
    .mt-3\:lg:first-child,
    .my-3\:lg:first-child {
        margin-top: 0
    }
    .mt-3-25\:lg,
    .my-3-25\:lg {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:lg:first-child,
    .my-3-25\:lg:first-child {
        margin-top: 0
    }
    .mt-3-5\:lg,
    .my-3-5\:lg {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:lg:first-child,
    .my-3-5\:lg:first-child {
        margin-top: 0
    }
    .mt-3-75\:lg,
    .my-3-75\:lg {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:lg:first-child,
    .my-3-75\:lg:first-child {
        margin-top: 0
    }
    .mt-4\:lg,
    .my-4\:lg {
        margin-top: var(--spacing-4)
    }
    .mt-4\:lg:first-child,
    .my-4\:lg:first-child {
        margin-top: 0
    }
    .mt-4-5\:lg,
    .my-4-5\:lg {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:lg:first-child,
    .my-4-5\:lg:first-child {
        margin-top: 0
    }
    .mt-5\:lg,
    .my-5\:lg {
        margin-top: var(--spacing-5)
    }
    .mt-5\:lg:first-child,
    .my-5\:lg:first-child {
        margin-top: 0
    }
    .mt-5-5\:lg,
    .my-5-5\:lg {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:lg:first-child,
    .my-5-5\:lg:first-child {
        margin-top: 0
    }
    .mt-5-75\:lg,
    .my-5-75\:lg {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:lg:first-child,
    .my-5-75\:lg:first-child {
        margin-top: 0
    }
    .mt-6\:lg,
    .my-6\:lg {
        margin-top: var(--spacing-6)
    }
    .mt-6\:lg:first-child,
    .my-6\:lg:first-child {
        margin-top: 0
    }
    .mt-6-2\:lg,
    .my-6-2\:lg {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:lg:first-child,
    .my-6-2\:lg:first-child {
        margin-top: 0
    }
    .mt-6-5\:lg,
    .my-6-5\:lg {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:lg:first-child,
    .my-6-5\:lg:first-child {
        margin-top: 0
    }
    .mt-7\:lg,
    .my-7\:lg {
        margin-top: var(--spacing-7)
    }
    .mt-7\:lg:first-child,
    .my-7\:lg:first-child {
        margin-top: 0
    }
    .mt-7-5\:lg,
    .my-7-5\:lg {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:lg:first-child,
    .my-7-5\:lg:first-child {
        margin-top: 0
    }
    .mt-8\:lg,
    .my-8\:lg {
        margin-top: var(--spacing-8)
    }
    .mt-8\:lg:first-child,
    .my-8\:lg:first-child {
        margin-top: 0
    }
    .mt-8-5\:lg,
    .my-8-5\:lg {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:lg:first-child,
    .my-8-5\:lg:first-child {
        margin-top: 0
    }
    .mt-10\:lg,
    .my-10\:lg {
        margin-top: var(--spacing-10)
    }
    .mt-10\:lg:first-child,
    .my-10\:lg:first-child {
        margin-top: 0
    }
    .mt-12\:lg,
    .my-12\:lg {
        margin-top: var(--spacing-12)
    }
    .mt-12\:lg:first-child,
    .my-12\:lg:first-child {
        margin-top: 0
    }
    .mt-14\:lg,
    .my-14\:lg {
        margin-top: var(--spacing-14)
    }
    .mt-14\:lg:first-child,
    .my-14\:lg:first-child {
        margin-top: 0
    }
    .mt-auto\:lg,
    .my-auto\:lg {
        margin-top: auto
    }
    .mt-auto\:lg:first-child,
    .my-auto\:lg:first-child {
        margin-top: 0
    }
    .mb--1\:lg,
    .my--1\:lg {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:lg:last-child,
    .my--1\:lg:last-child {
        margin-bottom: 0
    }
    .mb-0\:lg,
    .my-0\:lg {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:lg:last-child,
    .my-0\:lg:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:lg,
    .my-0-25\:lg {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:lg:last-child,
    .my-0-25\:lg:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:lg,
    .my-0-5\:lg {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:lg:last-child,
    .my-0-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:lg,
    .my-0-7\:lg {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:lg:last-child,
    .my-0-7\:lg:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:lg,
    .my-0-75\:lg {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:lg:last-child,
    .my-0-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:lg,
    .my--0-75\:lg {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:lg:last-child,
    .my--0-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb-1\:lg,
    .my-1\:lg {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:lg:last-child,
    .my-1\:lg:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:lg,
    .my-1-2\:lg {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:lg:last-child,
    .my-1-2\:lg:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:lg,
    .my-1-5\:lg {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:lg:last-child,
    .my-1-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:lg,
    .my--1-5\:lg {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:lg:last-child,
    .my--1-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:lg,
    .my-1-75\:lg {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:lg:last-child,
    .my-1-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:lg,
    .my--1-75\:lg {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:lg:last-child,
    .my--1-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:lg,
    .my-1-9\:lg {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:lg:last-child,
    .my-1-9\:lg:last-child {
        margin-bottom: 0
    }
    .mb-2\:lg,
    .my-2\:lg {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:lg:last-child,
    .my-2\:lg:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:lg,
    .my-2-25\:lg {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:lg:last-child,
    .my-2-25\:lg:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:lg,
    .my-2-5\:lg {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:lg:last-child,
    .my-2-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:lg,
    .my-2-75\:lg {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:lg:last-child,
    .my-2-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb-3\:lg,
    .my-3\:lg {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:lg:last-child,
    .my-3\:lg:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:lg,
    .my-3-25\:lg {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:lg:last-child,
    .my-3-25\:lg:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:lg,
    .my-3-5\:lg {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:lg:last-child,
    .my-3-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:lg,
    .my-3-75\:lg {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:lg:last-child,
    .my-3-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb-4\:lg,
    .my-4\:lg {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:lg:last-child,
    .my-4\:lg:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:lg,
    .my-4-5\:lg {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:lg:last-child,
    .my-4-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-5\:lg,
    .my-5\:lg {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:lg:last-child,
    .my-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:lg,
    .my-5-5\:lg {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:lg:last-child,
    .my-5-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:lg,
    .my-5-75\:lg {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:lg:last-child,
    .my-5-75\:lg:last-child {
        margin-bottom: 0
    }
    .mb-6\:lg,
    .my-6\:lg {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:lg:last-child,
    .my-6\:lg:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:lg,
    .my-6-2\:lg {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:lg:last-child,
    .my-6-2\:lg:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:lg,
    .my-6-5\:lg {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:lg:last-child,
    .my-6-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-7\:lg,
    .my-7\:lg {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:lg:last-child,
    .my-7\:lg:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:lg,
    .my-7-5\:lg {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:lg:last-child,
    .my-7-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-8\:lg,
    .my-8\:lg {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:lg:last-child,
    .my-8\:lg:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:lg,
    .my-8-5\:lg {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:lg:last-child,
    .my-8-5\:lg:last-child {
        margin-bottom: 0
    }
    .mb-10\:lg,
    .my-10\:lg {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:lg:last-child,
    .my-10\:lg:last-child {
        margin-bottom: 0
    }
    .mb-12\:lg,
    .my-12\:lg {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:lg:last-child,
    .my-12\:lg:last-child {
        margin-bottom: 0
    }
    .mb-14\:lg,
    .my-14\:lg {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:lg:last-child,
    .my-14\:lg:last-child {
        margin-bottom: 0
    }
    .mb-auto\:lg,
    .my-auto\:lg {
        margin-bottom: auto
    }
    .mb-auto\:lg:last-child,
    .my-auto\:lg:last-child {
        margin-bottom: 0
    }
    .ml--1\:lg,
    .mx--1\:lg {
        margin-left: var(--spacing--1)
    }
    .ml-0\:lg,
    .mx-0\:lg {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:lg,
    .mx-0-25\:lg {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:lg,
    .mx-0-5\:lg {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:lg,
    .mx-0-7\:lg {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:lg,
    .mx-0-75\:lg {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:lg,
    .mx--0-75\:lg {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:lg,
    .mx-1\:lg {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:lg,
    .mx-1-2\:lg {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:lg,
    .mx-1-5\:lg {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:lg,
    .mx--1-5\:lg {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:lg,
    .mx-1-75\:lg {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:lg,
    .mx--1-75\:lg {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:lg,
    .mx-1-9\:lg {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:lg,
    .mx-2\:lg {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:lg,
    .mx-2-25\:lg {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:lg,
    .mx-2-5\:lg {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:lg,
    .mx-2-75\:lg {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:lg,
    .mx-3\:lg {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:lg,
    .mx-3-25\:lg {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:lg,
    .mx-3-5\:lg {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:lg,
    .mx-3-75\:lg {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:lg,
    .mx-4\:lg {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:lg,
    .mx-4-5\:lg {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:lg,
    .mx-5\:lg {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:lg,
    .mx-5-5\:lg {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:lg,
    .mx-5-75\:lg {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:lg,
    .mx-6\:lg {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:lg,
    .mx-6-2\:lg {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:lg,
    .mx-6-5\:lg {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:lg,
    .mx-7\:lg {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:lg,
    .mx-7-5\:lg {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:lg,
    .mx-8\:lg {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:lg,
    .mx-8-5\:lg {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:lg,
    .mx-10\:lg {
        margin-left: var(--spacing-10)
    }
    .ml-12\:lg,
    .mx-12\:lg {
        margin-left: var(--spacing-12)
    }
    .ml-14\:lg,
    .mx-14\:lg {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:lg,
    .mx-auto\:lg {
        margin-left: auto
    }
    .mr--1\:lg,
    .mx--1\:lg {
        margin-right: var(--spacing--1)
    }
    .mr-0\:lg,
    .mx-0\:lg {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:lg,
    .mx-0-25\:lg {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:lg,
    .mx-0-5\:lg {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:lg,
    .mx-0-7\:lg {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:lg,
    .mx-0-75\:lg {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:lg,
    .mx--0-75\:lg {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:lg,
    .mx-1\:lg {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:lg,
    .mx-1-2\:lg {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:lg,
    .mx-1-5\:lg {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:lg,
    .mx--1-5\:lg {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:lg,
    .mx-1-75\:lg {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:lg,
    .mx--1-75\:lg {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:lg,
    .mx-1-9\:lg {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:lg,
    .mx-2\:lg {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:lg,
    .mx-2-25\:lg {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:lg,
    .mx-2-5\:lg {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:lg,
    .mx-2-75\:lg {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:lg,
    .mx-3\:lg {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:lg,
    .mx-3-25\:lg {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:lg,
    .mx-3-5\:lg {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:lg,
    .mx-3-75\:lg {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:lg,
    .mx-4\:lg {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:lg,
    .mx-4-5\:lg {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:lg,
    .mx-5\:lg {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:lg,
    .mx-5-5\:lg {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:lg,
    .mx-5-75\:lg {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:lg,
    .mx-6\:lg {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:lg,
    .mx-6-2\:lg {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:lg,
    .mx-6-5\:lg {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:lg,
    .mx-7\:lg {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:lg,
    .mx-7-5\:lg {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:lg,
    .mx-8\:lg {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:lg,
    .mx-8-5\:lg {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:lg,
    .mx-10\:lg {
        margin-right: var(--spacing-10)
    }
    .mr-12\:lg,
    .mx-12\:lg {
        margin-right: var(--spacing-12)
    }
    .mr-14\:lg,
    .mx-14\:lg {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:lg,
    .mx-auto\:lg {
        margin-right: auto
    }
    .w-0-5\:lg {
        width: var(--spacing-0-5)
    }
    .w-2\:lg {
        width: var(--spacing-2)
    }
    .w-3\:lg {
        width: var(--spacing-3)
    }
    .w-3-5\:lg {
        width: var(--spacing-3-5)
    }
    .w-4\:lg {
        width: var(--spacing-4)
    }
    .w-4-5\:lg {
        width: var(--spacing-4-5)
    }
    .w-5\:lg {
        width: var(--spacing-5)
    }
    .w-6\:lg {
        width: var(--spacing-6)
    }
    .w-6-75\:lg {
        width: var(--spacing-6-75)
    }
    .w-7\:lg {
        width: var(--spacing-7)
    }
    .w-7-5\:lg {
        width: var(--spacing-7-5)
    }
    .w-8\:lg {
        width: var(--spacing-8)
    }
    .w-8-5\:lg {
        width: var(--spacing-8-5)
    }
    .w-9\:lg {
        width: var(--spacing-9)
    }
    .w-9-5\:lg {
        width: var(--spacing-9-5)
    }
    .w-10\:lg {
        width: var(--spacing-10)
    }
    .w-10-5\:lg {
        width: var(--spacing-10-5)
    }
    .w-11\:lg {
        width: var(--spacing-11)
    }
    .w-12\:lg {
        width: var(--spacing-12)
    }
    .w-12-5\:lg {
        width: var(--spacing-12-5)
    }
    .w-13\:lg {
        width: var(--spacing-13)
    }
    .w-14\:lg {
        width: var(--spacing-14)
    }
    .w-14-25\:lg {
        width: var(--spacing-14-25)
    }
    .w-15\:lg {
        width: var(--spacing-15)
    }
    .w-16\:lg {
        width: var(--spacing-16)
    }
    .w-18\:lg {
        width: var(--spacing-18)
    }
    .w-19\:lg {
        width: var(--spacing-19)
    }
    .w-20\:lg {
        width: var(--spacing-20)
    }
    .h-0-5\:lg {
        height: var(--spacing-0-5)
    }
    .h-2\:lg {
        height: var(--spacing-2)
    }
    .h-3\:lg {
        height: var(--spacing-3)
    }
    .h-3-5\:lg {
        height: var(--spacing-3-5)
    }
    .h-4\:lg {
        height: var(--spacing-4)
    }
    .h-4-5\:lg {
        height: var(--spacing-4-5)
    }
    .h-5\:lg {
        height: var(--spacing-5)
    }
    .h-6\:lg {
        height: var(--spacing-6)
    }
    .h-6-75\:lg {
        height: var(--spacing-6-75)
    }
    .h-7\:lg {
        height: var(--spacing-7)
    }
    .h-7-5\:lg {
        height: var(--spacing-7-5)
    }
    .h-8\:lg {
        height: var(--spacing-8)
    }
    .h-8-5\:lg {
        height: var(--spacing-8-5)
    }
    .h-9\:lg {
        height: var(--spacing-9)
    }
    .h-9-5\:lg {
        height: var(--spacing-9-5)
    }
    .h-10\:lg {
        height: var(--spacing-10)
    }
    .h-10-5\:lg {
        height: var(--spacing-10-5)
    }
    .h-11\:lg {
        height: var(--spacing-11)
    }
    .h-12\:lg {
        height: var(--spacing-12)
    }
    .h-12-5\:lg {
        height: var(--spacing-12-5)
    }
    .h-13\:lg {
        height: var(--spacing-13)
    }
    .h-14\:lg {
        height: var(--spacing-14)
    }
    .h-14-25\:lg {
        height: var(--spacing-14-25)
    }
    .h-15\:lg {
        height: var(--spacing-15)
    }
    .h-16\:lg {
        height: var(--spacing-16)
    }
    .h-18\:lg {
        height: var(--spacing-18)
    }
    .h-19\:lg {
        height: var(--spacing-19)
    }
    .h-20\:lg {
        height: var(--spacing-20)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .text-left\:xl {
        text-align: left
    }
    .text-center\:xl {
        text-align: center
    }
    .text-right\:xl {
        text-align: right
    }
    .pt--1\:xl,
    .py--1\:xl {
        padding-top: var(--spacing--1)
    }
    .pt-0\:xl,
    .py-0\:xl {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:xl,
    .py-0-25\:xl {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:xl,
    .py-0-5\:xl {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:xl,
    .py-0-7\:xl {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:xl,
    .py-0-75\:xl {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:xl,
    .py--0-75\:xl {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:xl,
    .py-1\:xl {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:xl,
    .py-1-2\:xl {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:xl,
    .py-1-5\:xl {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:xl,
    .py--1-5\:xl {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:xl,
    .py-1-75\:xl {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:xl,
    .py--1-75\:xl {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:xl,
    .py-1-9\:xl {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:xl,
    .py-2\:xl {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:xl,
    .py-2-25\:xl {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:xl,
    .py-2-5\:xl {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:xl,
    .py-2-75\:xl {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:xl,
    .py-3\:xl {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:xl,
    .py-3-25\:xl {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:xl,
    .py-3-5\:xl {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:xl,
    .py-3-75\:xl {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:xl,
    .py-4\:xl {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:xl,
    .py-4-5\:xl {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:xl,
    .py-5\:xl {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:xl,
    .py-5-5\:xl {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:xl,
    .py-5-75\:xl {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:xl,
    .py-6\:xl {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:xl,
    .py-6-2\:xl {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:xl,
    .py-6-5\:xl {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:xl,
    .py-7\:xl {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:xl,
    .py-7-5\:xl {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:xl,
    .py-8\:xl {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:xl,
    .py-8-5\:xl {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:xl,
    .py-10\:xl {
        padding-top: var(--spacing-10)
    }
    .pt-12\:xl,
    .py-12\:xl {
        padding-top: var(--spacing-12)
    }
    .pt-14\:xl,
    .py-14\:xl {
        padding-top: var(--spacing-14)
    }
    .pb--1\:xl,
    .py--1\:xl {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:xl,
    .py-0\:xl {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:xl,
    .py-0-25\:xl {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:xl,
    .py-0-5\:xl {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:xl,
    .py-0-7\:xl {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:xl,
    .py-0-75\:xl {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:xl,
    .py--0-75\:xl {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:xl,
    .py-1\:xl {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:xl,
    .py-1-2\:xl {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:xl,
    .py-1-5\:xl {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:xl,
    .py--1-5\:xl {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:xl,
    .py-1-75\:xl {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:xl,
    .py--1-75\:xl {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:xl,
    .py-1-9\:xl {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:xl,
    .py-2\:xl {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:xl,
    .py-2-25\:xl {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:xl,
    .py-2-5\:xl {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:xl,
    .py-2-75\:xl {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:xl,
    .py-3\:xl {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:xl,
    .py-3-25\:xl {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:xl,
    .py-3-5\:xl {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:xl,
    .py-3-75\:xl {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:xl,
    .py-4\:xl {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:xl,
    .py-4-5\:xl {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:xl,
    .py-5\:xl {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:xl,
    .py-5-5\:xl {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:xl,
    .py-5-75\:xl {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:xl,
    .py-6\:xl {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:xl,
    .py-6-2\:xl {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:xl,
    .py-6-5\:xl {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:xl,
    .py-7\:xl {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:xl,
    .py-7-5\:xl {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:xl,
    .py-8\:xl {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:xl,
    .py-8-5\:xl {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:xl,
    .py-10\:xl {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:xl,
    .py-12\:xl {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:xl,
    .py-14\:xl {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:xl,
    .px--1\:xl {
        padding-left: var(--spacing--1)
    }
    .pl-0\:xl,
    .px-0\:xl {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:xl,
    .px-0-25\:xl {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:xl,
    .px-0-5\:xl {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:xl,
    .px-0-7\:xl {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:xl,
    .px-0-75\:xl {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:xl,
    .px--0-75\:xl {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:xl,
    .px-1\:xl {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:xl,
    .px-1-2\:xl {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:xl,
    .px-1-5\:xl {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:xl,
    .px--1-5\:xl {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:xl,
    .px-1-75\:xl {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:xl,
    .px--1-75\:xl {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:xl,
    .px-1-9\:xl {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:xl,
    .px-2\:xl {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:xl,
    .px-2-25\:xl {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:xl,
    .px-2-5\:xl {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:xl,
    .px-2-75\:xl {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:xl,
    .px-3\:xl {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:xl,
    .px-3-25\:xl {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:xl,
    .px-3-5\:xl {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:xl,
    .px-3-75\:xl {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:xl,
    .px-4\:xl {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:xl,
    .px-4-5\:xl {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:xl,
    .px-5\:xl {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:xl,
    .px-5-5\:xl {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:xl,
    .px-5-75\:xl {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:xl,
    .px-6\:xl {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:xl,
    .px-6-2\:xl {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:xl,
    .px-6-5\:xl {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:xl,
    .px-7\:xl {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:xl,
    .px-7-5\:xl {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:xl,
    .px-8\:xl {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:xl,
    .px-8-5\:xl {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:xl,
    .px-10\:xl {
        padding-left: var(--spacing-10)
    }
    .pl-12\:xl,
    .px-12\:xl {
        padding-left: var(--spacing-12)
    }
    .pl-14\:xl,
    .px-14\:xl {
        padding-left: var(--spacing-14)
    }
    .pr--1\:xl,
    .px--1\:xl {
        padding-right: var(--spacing--1)
    }
    .pr-0\:xl,
    .px-0\:xl {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:xl,
    .px-0-25\:xl {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:xl,
    .px-0-5\:xl {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:xl,
    .px-0-7\:xl {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:xl,
    .px-0-75\:xl {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:xl,
    .px--0-75\:xl {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:xl,
    .px-1\:xl {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:xl,
    .px-1-2\:xl {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:xl,
    .px-1-5\:xl {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:xl,
    .px--1-5\:xl {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:xl,
    .px-1-75\:xl {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:xl,
    .px--1-75\:xl {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:xl,
    .px-1-9\:xl {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:xl,
    .px-2\:xl {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:xl,
    .px-2-25\:xl {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:xl,
    .px-2-5\:xl {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:xl,
    .px-2-75\:xl {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:xl,
    .px-3\:xl {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:xl,
    .px-3-25\:xl {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:xl,
    .px-3-5\:xl {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:xl,
    .px-3-75\:xl {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:xl,
    .px-4\:xl {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:xl,
    .px-4-5\:xl {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:xl,
    .px-5\:xl {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:xl,
    .px-5-5\:xl {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:xl,
    .px-5-75\:xl {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:xl,
    .px-6\:xl {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:xl,
    .px-6-2\:xl {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:xl,
    .px-6-5\:xl {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:xl,
    .px-7\:xl {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:xl,
    .px-7-5\:xl {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:xl,
    .px-8\:xl {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:xl,
    .px-8-5\:xl {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:xl,
    .px-10\:xl {
        padding-right: var(--spacing-10)
    }
    .pr-12\:xl,
    .px-12\:xl {
        padding-right: var(--spacing-12)
    }
    .pr-14\:xl,
    .px-14\:xl {
        padding-right: var(--spacing-14)
    }
    .mt--1\:xl,
    .my--1\:xl {
        margin-top: var(--spacing--1)
    }
    .mt--1\:xl:first-child,
    .my--1\:xl:first-child {
        margin-top: 0
    }
    .mt-0\:xl,
    .my-0\:xl {
        margin-top: var(--spacing-0)
    }
    .mt-0\:xl:first-child,
    .my-0\:xl:first-child {
        margin-top: 0
    }
    .mt-0-25\:xl,
    .my-0-25\:xl {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:xl:first-child,
    .my-0-25\:xl:first-child {
        margin-top: 0
    }
    .mt-0-5\:xl,
    .my-0-5\:xl {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:xl:first-child,
    .my-0-5\:xl:first-child {
        margin-top: 0
    }
    .mt-0-7\:xl,
    .my-0-7\:xl {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:xl:first-child,
    .my-0-7\:xl:first-child {
        margin-top: 0
    }
    .mt-0-75\:xl,
    .my-0-75\:xl {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:xl:first-child,
    .my-0-75\:xl:first-child {
        margin-top: 0
    }
    .mt--0-75\:xl,
    .my--0-75\:xl {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:xl:first-child,
    .my--0-75\:xl:first-child {
        margin-top: 0
    }
    .mt-1\:xl,
    .my-1\:xl {
        margin-top: var(--spacing-1)
    }
    .mt-1\:xl:first-child,
    .my-1\:xl:first-child {
        margin-top: 0
    }
    .mt-1-2\:xl,
    .my-1-2\:xl {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:xl:first-child,
    .my-1-2\:xl:first-child {
        margin-top: 0
    }
    .mt-1-5\:xl,
    .my-1-5\:xl {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:xl:first-child,
    .my-1-5\:xl:first-child {
        margin-top: 0
    }
    .mt--1-5\:xl,
    .my--1-5\:xl {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:xl:first-child,
    .my--1-5\:xl:first-child {
        margin-top: 0
    }
    .mt-1-75\:xl,
    .my-1-75\:xl {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:xl:first-child,
    .my-1-75\:xl:first-child {
        margin-top: 0
    }
    .mt--1-75\:xl,
    .my--1-75\:xl {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:xl:first-child,
    .my--1-75\:xl:first-child {
        margin-top: 0
    }
    .mt-1-9\:xl,
    .my-1-9\:xl {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:xl:first-child,
    .my-1-9\:xl:first-child {
        margin-top: 0
    }
    .mt-2\:xl,
    .my-2\:xl {
        margin-top: var(--spacing-2)
    }
    .mt-2\:xl:first-child,
    .my-2\:xl:first-child {
        margin-top: 0
    }
    .mt-2-25\:xl,
    .my-2-25\:xl {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:xl:first-child,
    .my-2-25\:xl:first-child {
        margin-top: 0
    }
    .mt-2-5\:xl,
    .my-2-5\:xl {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:xl:first-child,
    .my-2-5\:xl:first-child {
        margin-top: 0
    }
    .mt-2-75\:xl,
    .my-2-75\:xl {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:xl:first-child,
    .my-2-75\:xl:first-child {
        margin-top: 0
    }
    .mt-3\:xl,
    .my-3\:xl {
        margin-top: var(--spacing-3)
    }
    .mt-3\:xl:first-child,
    .my-3\:xl:first-child {
        margin-top: 0
    }
    .mt-3-25\:xl,
    .my-3-25\:xl {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:xl:first-child,
    .my-3-25\:xl:first-child {
        margin-top: 0
    }
    .mt-3-5\:xl,
    .my-3-5\:xl {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:xl:first-child,
    .my-3-5\:xl:first-child {
        margin-top: 0
    }
    .mt-3-75\:xl,
    .my-3-75\:xl {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:xl:first-child,
    .my-3-75\:xl:first-child {
        margin-top: 0
    }
    .mt-4\:xl,
    .my-4\:xl {
        margin-top: var(--spacing-4)
    }
    .mt-4\:xl:first-child,
    .my-4\:xl:first-child {
        margin-top: 0
    }
    .mt-4-5\:xl,
    .my-4-5\:xl {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:xl:first-child,
    .my-4-5\:xl:first-child {
        margin-top: 0
    }
    .mt-5\:xl,
    .my-5\:xl {
        margin-top: var(--spacing-5)
    }
    .mt-5\:xl:first-child,
    .my-5\:xl:first-child {
        margin-top: 0
    }
    .mt-5-5\:xl,
    .my-5-5\:xl {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:xl:first-child,
    .my-5-5\:xl:first-child {
        margin-top: 0
    }
    .mt-5-75\:xl,
    .my-5-75\:xl {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:xl:first-child,
    .my-5-75\:xl:first-child {
        margin-top: 0
    }
    .mt-6\:xl,
    .my-6\:xl {
        margin-top: var(--spacing-6)
    }
    .mt-6\:xl:first-child,
    .my-6\:xl:first-child {
        margin-top: 0
    }
    .mt-6-2\:xl,
    .my-6-2\:xl {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:xl:first-child,
    .my-6-2\:xl:first-child {
        margin-top: 0
    }
    .mt-6-5\:xl,
    .my-6-5\:xl {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:xl:first-child,
    .my-6-5\:xl:first-child {
        margin-top: 0
    }
    .mt-7\:xl,
    .my-7\:xl {
        margin-top: var(--spacing-7)
    }
    .mt-7\:xl:first-child,
    .my-7\:xl:first-child {
        margin-top: 0
    }
    .mt-7-5\:xl,
    .my-7-5\:xl {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:xl:first-child,
    .my-7-5\:xl:first-child {
        margin-top: 0
    }
    .mt-8\:xl,
    .my-8\:xl {
        margin-top: var(--spacing-8)
    }
    .mt-8\:xl:first-child,
    .my-8\:xl:first-child {
        margin-top: 0
    }
    .mt-8-5\:xl,
    .my-8-5\:xl {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:xl:first-child,
    .my-8-5\:xl:first-child {
        margin-top: 0
    }
    .mt-10\:xl,
    .my-10\:xl {
        margin-top: var(--spacing-10)
    }
    .mt-10\:xl:first-child,
    .my-10\:xl:first-child {
        margin-top: 0
    }
    .mt-12\:xl,
    .my-12\:xl {
        margin-top: var(--spacing-12)
    }
    .mt-12\:xl:first-child,
    .my-12\:xl:first-child {
        margin-top: 0
    }
    .mt-14\:xl,
    .my-14\:xl {
        margin-top: var(--spacing-14)
    }
    .mt-14\:xl:first-child,
    .my-14\:xl:first-child {
        margin-top: 0
    }
    .mt-auto\:xl,
    .my-auto\:xl {
        margin-top: auto
    }
    .mt-auto\:xl:first-child,
    .my-auto\:xl:first-child {
        margin-top: 0
    }
    .mb--1\:xl,
    .my--1\:xl {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:xl:last-child,
    .my--1\:xl:last-child {
        margin-bottom: 0
    }
    .mb-0\:xl,
    .my-0\:xl {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:xl:last-child,
    .my-0\:xl:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:xl,
    .my-0-25\:xl {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:xl:last-child,
    .my-0-25\:xl:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:xl,
    .my-0-5\:xl {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:xl:last-child,
    .my-0-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:xl,
    .my-0-7\:xl {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:xl:last-child,
    .my-0-7\:xl:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:xl,
    .my-0-75\:xl {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:xl:last-child,
    .my-0-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:xl,
    .my--0-75\:xl {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:xl:last-child,
    .my--0-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb-1\:xl,
    .my-1\:xl {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:xl:last-child,
    .my-1\:xl:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:xl,
    .my-1-2\:xl {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:xl:last-child,
    .my-1-2\:xl:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:xl,
    .my-1-5\:xl {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:xl:last-child,
    .my-1-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:xl,
    .my--1-5\:xl {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:xl:last-child,
    .my--1-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:xl,
    .my-1-75\:xl {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:xl:last-child,
    .my-1-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:xl,
    .my--1-75\:xl {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:xl:last-child,
    .my--1-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:xl,
    .my-1-9\:xl {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:xl:last-child,
    .my-1-9\:xl:last-child {
        margin-bottom: 0
    }
    .mb-2\:xl,
    .my-2\:xl {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:xl:last-child,
    .my-2\:xl:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:xl,
    .my-2-25\:xl {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:xl:last-child,
    .my-2-25\:xl:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:xl,
    .my-2-5\:xl {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:xl:last-child,
    .my-2-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:xl,
    .my-2-75\:xl {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:xl:last-child,
    .my-2-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb-3\:xl,
    .my-3\:xl {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:xl:last-child,
    .my-3\:xl:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:xl,
    .my-3-25\:xl {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:xl:last-child,
    .my-3-25\:xl:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:xl,
    .my-3-5\:xl {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:xl:last-child,
    .my-3-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:xl,
    .my-3-75\:xl {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:xl:last-child,
    .my-3-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb-4\:xl,
    .my-4\:xl {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:xl:last-child,
    .my-4\:xl:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:xl,
    .my-4-5\:xl {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:xl:last-child,
    .my-4-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-5\:xl,
    .my-5\:xl {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:xl:last-child,
    .my-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:xl,
    .my-5-5\:xl {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:xl:last-child,
    .my-5-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:xl,
    .my-5-75\:xl {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:xl:last-child,
    .my-5-75\:xl:last-child {
        margin-bottom: 0
    }
    .mb-6\:xl,
    .my-6\:xl {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:xl:last-child,
    .my-6\:xl:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:xl,
    .my-6-2\:xl {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:xl:last-child,
    .my-6-2\:xl:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:xl,
    .my-6-5\:xl {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:xl:last-child,
    .my-6-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-7\:xl,
    .my-7\:xl {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:xl:last-child,
    .my-7\:xl:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:xl,
    .my-7-5\:xl {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:xl:last-child,
    .my-7-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-8\:xl,
    .my-8\:xl {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:xl:last-child,
    .my-8\:xl:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:xl,
    .my-8-5\:xl {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:xl:last-child,
    .my-8-5\:xl:last-child {
        margin-bottom: 0
    }
    .mb-10\:xl,
    .my-10\:xl {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:xl:last-child,
    .my-10\:xl:last-child {
        margin-bottom: 0
    }
    .mb-12\:xl,
    .my-12\:xl {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:xl:last-child,
    .my-12\:xl:last-child {
        margin-bottom: 0
    }
    .mb-14\:xl,
    .my-14\:xl {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:xl:last-child,
    .my-14\:xl:last-child {
        margin-bottom: 0
    }
    .mb-auto\:xl,
    .my-auto\:xl {
        margin-bottom: auto
    }
    .mb-auto\:xl:last-child,
    .my-auto\:xl:last-child {
        margin-bottom: 0
    }
    .ml--1\:xl,
    .mx--1\:xl {
        margin-left: var(--spacing--1)
    }
    .ml-0\:xl,
    .mx-0\:xl {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:xl,
    .mx-0-25\:xl {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:xl,
    .mx-0-5\:xl {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:xl,
    .mx-0-7\:xl {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:xl,
    .mx-0-75\:xl {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:xl,
    .mx--0-75\:xl {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:xl,
    .mx-1\:xl {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:xl,
    .mx-1-2\:xl {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:xl,
    .mx-1-5\:xl {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:xl,
    .mx--1-5\:xl {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:xl,
    .mx-1-75\:xl {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:xl,
    .mx--1-75\:xl {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:xl,
    .mx-1-9\:xl {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:xl,
    .mx-2\:xl {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:xl,
    .mx-2-25\:xl {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:xl,
    .mx-2-5\:xl {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:xl,
    .mx-2-75\:xl {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:xl,
    .mx-3\:xl {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:xl,
    .mx-3-25\:xl {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:xl,
    .mx-3-5\:xl {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:xl,
    .mx-3-75\:xl {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:xl,
    .mx-4\:xl {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:xl,
    .mx-4-5\:xl {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:xl,
    .mx-5\:xl {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:xl,
    .mx-5-5\:xl {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:xl,
    .mx-5-75\:xl {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:xl,
    .mx-6\:xl {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:xl,
    .mx-6-2\:xl {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:xl,
    .mx-6-5\:xl {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:xl,
    .mx-7\:xl {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:xl,
    .mx-7-5\:xl {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:xl,
    .mx-8\:xl {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:xl,
    .mx-8-5\:xl {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:xl,
    .mx-10\:xl {
        margin-left: var(--spacing-10)
    }
    .ml-12\:xl,
    .mx-12\:xl {
        margin-left: var(--spacing-12)
    }
    .ml-14\:xl,
    .mx-14\:xl {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:xl,
    .mx-auto\:xl {
        margin-left: auto
    }
    .mr--1\:xl,
    .mx--1\:xl {
        margin-right: var(--spacing--1)
    }
    .mr-0\:xl,
    .mx-0\:xl {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:xl,
    .mx-0-25\:xl {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:xl,
    .mx-0-5\:xl {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:xl,
    .mx-0-7\:xl {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:xl,
    .mx-0-75\:xl {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:xl,
    .mx--0-75\:xl {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:xl,
    .mx-1\:xl {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:xl,
    .mx-1-2\:xl {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:xl,
    .mx-1-5\:xl {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:xl,
    .mx--1-5\:xl {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:xl,
    .mx-1-75\:xl {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:xl,
    .mx--1-75\:xl {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:xl,
    .mx-1-9\:xl {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:xl,
    .mx-2\:xl {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:xl,
    .mx-2-25\:xl {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:xl,
    .mx-2-5\:xl {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:xl,
    .mx-2-75\:xl {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:xl,
    .mx-3\:xl {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:xl,
    .mx-3-25\:xl {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:xl,
    .mx-3-5\:xl {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:xl,
    .mx-3-75\:xl {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:xl,
    .mx-4\:xl {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:xl,
    .mx-4-5\:xl {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:xl,
    .mx-5\:xl {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:xl,
    .mx-5-5\:xl {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:xl,
    .mx-5-75\:xl {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:xl,
    .mx-6\:xl {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:xl,
    .mx-6-2\:xl {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:xl,
    .mx-6-5\:xl {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:xl,
    .mx-7\:xl {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:xl,
    .mx-7-5\:xl {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:xl,
    .mx-8\:xl {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:xl,
    .mx-8-5\:xl {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:xl,
    .mx-10\:xl {
        margin-right: var(--spacing-10)
    }
    .mr-12\:xl,
    .mx-12\:xl {
        margin-right: var(--spacing-12)
    }
    .mr-14\:xl,
    .mx-14\:xl {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:xl,
    .mx-auto\:xl {
        margin-right: auto
    }
    .w-0-5\:xl {
        width: var(--spacing-0-5)
    }
    .w-2\:xl {
        width: var(--spacing-2)
    }
    .w-3\:xl {
        width: var(--spacing-3)
    }
    .w-3-5\:xl {
        width: var(--spacing-3-5)
    }
    .w-4\:xl {
        width: var(--spacing-4)
    }
    .w-4-5\:xl {
        width: var(--spacing-4-5)
    }
    .w-5\:xl {
        width: var(--spacing-5)
    }
    .w-6\:xl {
        width: var(--spacing-6)
    }
    .w-6-75\:xl {
        width: var(--spacing-6-75)
    }
    .w-7\:xl {
        width: var(--spacing-7)
    }
    .w-7-5\:xl {
        width: var(--spacing-7-5)
    }
    .w-8\:xl {
        width: var(--spacing-8)
    }
    .w-8-5\:xl {
        width: var(--spacing-8-5)
    }
    .w-9\:xl {
        width: var(--spacing-9)
    }
    .w-9-5\:xl {
        width: var(--spacing-9-5)
    }
    .w-10\:xl {
        width: var(--spacing-10)
    }
    .w-10-5\:xl {
        width: var(--spacing-10-5)
    }
    .w-11\:xl {
        width: var(--spacing-11)
    }
    .w-12\:xl {
        width: var(--spacing-12)
    }
    .w-12-5\:xl {
        width: var(--spacing-12-5)
    }
    .w-13\:xl {
        width: var(--spacing-13)
    }
    .w-14\:xl {
        width: var(--spacing-14)
    }
    .w-14-25\:xl {
        width: var(--spacing-14-25)
    }
    .w-15\:xl {
        width: var(--spacing-15)
    }
    .w-16\:xl {
        width: var(--spacing-16)
    }
    .w-18\:xl {
        width: var(--spacing-18)
    }
    .w-19\:xl {
        width: var(--spacing-19)
    }
    .w-20\:xl {
        width: var(--spacing-20)
    }
    .h-0-5\:xl {
        height: var(--spacing-0-5)
    }
    .h-2\:xl {
        height: var(--spacing-2)
    }
    .h-3\:xl {
        height: var(--spacing-3)
    }
    .h-3-5\:xl {
        height: var(--spacing-3-5)
    }
    .h-4\:xl {
        height: var(--spacing-4)
    }
    .h-4-5\:xl {
        height: var(--spacing-4-5)
    }
    .h-5\:xl {
        height: var(--spacing-5)
    }
    .h-6\:xl {
        height: var(--spacing-6)
    }
    .h-6-75\:xl {
        height: var(--spacing-6-75)
    }
    .h-7\:xl {
        height: var(--spacing-7)
    }
    .h-7-5\:xl {
        height: var(--spacing-7-5)
    }
    .h-8\:xl {
        height: var(--spacing-8)
    }
    .h-8-5\:xl {
        height: var(--spacing-8-5)
    }
    .h-9\:xl {
        height: var(--spacing-9)
    }
    .h-9-5\:xl {
        height: var(--spacing-9-5)
    }
    .h-10\:xl {
        height: var(--spacing-10)
    }
    .h-10-5\:xl {
        height: var(--spacing-10-5)
    }
    .h-11\:xl {
        height: var(--spacing-11)
    }
    .h-12\:xl {
        height: var(--spacing-12)
    }
    .h-12-5\:xl {
        height: var(--spacing-12-5)
    }
    .h-13\:xl {
        height: var(--spacing-13)
    }
    .h-14\:xl {
        height: var(--spacing-14)
    }
    .h-14-25\:xl {
        height: var(--spacing-14-25)
    }
    .h-15\:xl {
        height: var(--spacing-15)
    }
    .h-16\:xl {
        height: var(--spacing-16)
    }
    .h-18\:xl {
        height: var(--spacing-18)
    }
    .h-19\:xl {
        height: var(--spacing-19)
    }
    .h-20\:xl {
        height: var(--spacing-20)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .text-left\:xxl {
        text-align: left
    }
    .text-center\:xxl {
        text-align: center
    }
    .text-right\:xxl {
        text-align: right
    }
    .pt--1\:xxl,
    .py--1\:xxl {
        padding-top: var(--spacing--1)
    }
    .pt-0\:xxl,
    .py-0\:xxl {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:xxl,
    .py-0-25\:xxl {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:xxl,
    .py-0-5\:xxl {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:xxl,
    .py-0-7\:xxl {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:xxl,
    .py-0-75\:xxl {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:xxl,
    .py--0-75\:xxl {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:xxl,
    .py-1\:xxl {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:xxl,
    .py-1-2\:xxl {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:xxl,
    .py-1-5\:xxl {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:xxl,
    .py--1-5\:xxl {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:xxl,
    .py-1-75\:xxl {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:xxl,
    .py--1-75\:xxl {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:xxl,
    .py-1-9\:xxl {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:xxl,
    .py-2\:xxl {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:xxl,
    .py-2-25\:xxl {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:xxl,
    .py-2-5\:xxl {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:xxl,
    .py-2-75\:xxl {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:xxl,
    .py-3\:xxl {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:xxl,
    .py-3-25\:xxl {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:xxl,
    .py-3-5\:xxl {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:xxl,
    .py-3-75\:xxl {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:xxl,
    .py-4\:xxl {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:xxl,
    .py-4-5\:xxl {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:xxl,
    .py-5\:xxl {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:xxl,
    .py-5-5\:xxl {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:xxl,
    .py-5-75\:xxl {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:xxl,
    .py-6\:xxl {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:xxl,
    .py-6-2\:xxl {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:xxl,
    .py-6-5\:xxl {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:xxl,
    .py-7\:xxl {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:xxl,
    .py-7-5\:xxl {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:xxl,
    .py-8\:xxl {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:xxl,
    .py-8-5\:xxl {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:xxl,
    .py-10\:xxl {
        padding-top: var(--spacing-10)
    }
    .pt-12\:xxl,
    .py-12\:xxl {
        padding-top: var(--spacing-12)
    }
    .pt-14\:xxl,
    .py-14\:xxl {
        padding-top: var(--spacing-14)
    }
    .pb--1\:xxl,
    .py--1\:xxl {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:xxl,
    .py-0\:xxl {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:xxl,
    .py-0-25\:xxl {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:xxl,
    .py-0-5\:xxl {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:xxl,
    .py-0-7\:xxl {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:xxl,
    .py-0-75\:xxl {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:xxl,
    .py--0-75\:xxl {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:xxl,
    .py-1\:xxl {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:xxl,
    .py-1-2\:xxl {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:xxl,
    .py-1-5\:xxl {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:xxl,
    .py--1-5\:xxl {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:xxl,
    .py-1-75\:xxl {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:xxl,
    .py--1-75\:xxl {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:xxl,
    .py-1-9\:xxl {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:xxl,
    .py-2\:xxl {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:xxl,
    .py-2-25\:xxl {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:xxl,
    .py-2-5\:xxl {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:xxl,
    .py-2-75\:xxl {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:xxl,
    .py-3\:xxl {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:xxl,
    .py-3-25\:xxl {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:xxl,
    .py-3-5\:xxl {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:xxl,
    .py-3-75\:xxl {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:xxl,
    .py-4\:xxl {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:xxl,
    .py-4-5\:xxl {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:xxl,
    .py-5\:xxl {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:xxl,
    .py-5-5\:xxl {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:xxl,
    .py-5-75\:xxl {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:xxl,
    .py-6\:xxl {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:xxl,
    .py-6-2\:xxl {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:xxl,
    .py-6-5\:xxl {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:xxl,
    .py-7\:xxl {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:xxl,
    .py-7-5\:xxl {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:xxl,
    .py-8\:xxl {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:xxl,
    .py-8-5\:xxl {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:xxl,
    .py-10\:xxl {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:xxl,
    .py-12\:xxl {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:xxl,
    .py-14\:xxl {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:xxl,
    .px--1\:xxl {
        padding-left: var(--spacing--1)
    }
    .pl-0\:xxl,
    .px-0\:xxl {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:xxl,
    .px-0-25\:xxl {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:xxl,
    .px-0-5\:xxl {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:xxl,
    .px-0-7\:xxl {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:xxl,
    .px-0-75\:xxl {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:xxl,
    .px--0-75\:xxl {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:xxl,
    .px-1\:xxl {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:xxl,
    .px-1-2\:xxl {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:xxl,
    .px-1-5\:xxl {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:xxl,
    .px--1-5\:xxl {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:xxl,
    .px-1-75\:xxl {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:xxl,
    .px--1-75\:xxl {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:xxl,
    .px-1-9\:xxl {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:xxl,
    .px-2\:xxl {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:xxl,
    .px-2-25\:xxl {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:xxl,
    .px-2-5\:xxl {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:xxl,
    .px-2-75\:xxl {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:xxl,
    .px-3\:xxl {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:xxl,
    .px-3-25\:xxl {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:xxl,
    .px-3-5\:xxl {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:xxl,
    .px-3-75\:xxl {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:xxl,
    .px-4\:xxl {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:xxl,
    .px-4-5\:xxl {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:xxl,
    .px-5\:xxl {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:xxl,
    .px-5-5\:xxl {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:xxl,
    .px-5-75\:xxl {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:xxl,
    .px-6\:xxl {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:xxl,
    .px-6-2\:xxl {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:xxl,
    .px-6-5\:xxl {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:xxl,
    .px-7\:xxl {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:xxl,
    .px-7-5\:xxl {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:xxl,
    .px-8\:xxl {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:xxl,
    .px-8-5\:xxl {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:xxl,
    .px-10\:xxl {
        padding-left: var(--spacing-10)
    }
    .pl-12\:xxl,
    .px-12\:xxl {
        padding-left: var(--spacing-12)
    }
    .pl-14\:xxl,
    .px-14\:xxl {
        padding-left: var(--spacing-14)
    }
    .pr--1\:xxl,
    .px--1\:xxl {
        padding-right: var(--spacing--1)
    }
    .pr-0\:xxl,
    .px-0\:xxl {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:xxl,
    .px-0-25\:xxl {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:xxl,
    .px-0-5\:xxl {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:xxl,
    .px-0-7\:xxl {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:xxl,
    .px-0-75\:xxl {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:xxl,
    .px--0-75\:xxl {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:xxl,
    .px-1\:xxl {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:xxl,
    .px-1-2\:xxl {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:xxl,
    .px-1-5\:xxl {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:xxl,
    .px--1-5\:xxl {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:xxl,
    .px-1-75\:xxl {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:xxl,
    .px--1-75\:xxl {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:xxl,
    .px-1-9\:xxl {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:xxl,
    .px-2\:xxl {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:xxl,
    .px-2-25\:xxl {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:xxl,
    .px-2-5\:xxl {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:xxl,
    .px-2-75\:xxl {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:xxl,
    .px-3\:xxl {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:xxl,
    .px-3-25\:xxl {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:xxl,
    .px-3-5\:xxl {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:xxl,
    .px-3-75\:xxl {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:xxl,
    .px-4\:xxl {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:xxl,
    .px-4-5\:xxl {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:xxl,
    .px-5\:xxl {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:xxl,
    .px-5-5\:xxl {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:xxl,
    .px-5-75\:xxl {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:xxl,
    .px-6\:xxl {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:xxl,
    .px-6-2\:xxl {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:xxl,
    .px-6-5\:xxl {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:xxl,
    .px-7\:xxl {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:xxl,
    .px-7-5\:xxl {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:xxl,
    .px-8\:xxl {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:xxl,
    .px-8-5\:xxl {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:xxl,
    .px-10\:xxl {
        padding-right: var(--spacing-10)
    }
    .pr-12\:xxl,
    .px-12\:xxl {
        padding-right: var(--spacing-12)
    }
    .pr-14\:xxl,
    .px-14\:xxl {
        padding-right: var(--spacing-14)
    }
    .mt--1\:xxl,
    .my--1\:xxl {
        margin-top: var(--spacing--1)
    }
    .mt--1\:xxl:first-child,
    .my--1\:xxl:first-child {
        margin-top: 0
    }
    .mt-0\:xxl,
    .my-0\:xxl {
        margin-top: var(--spacing-0)
    }
    .mt-0\:xxl:first-child,
    .my-0\:xxl:first-child {
        margin-top: 0
    }
    .mt-0-25\:xxl,
    .my-0-25\:xxl {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:xxl:first-child,
    .my-0-25\:xxl:first-child {
        margin-top: 0
    }
    .mt-0-5\:xxl,
    .my-0-5\:xxl {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:xxl:first-child,
    .my-0-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-0-7\:xxl,
    .my-0-7\:xxl {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:xxl:first-child,
    .my-0-7\:xxl:first-child {
        margin-top: 0
    }
    .mt-0-75\:xxl,
    .my-0-75\:xxl {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:xxl:first-child,
    .my-0-75\:xxl:first-child {
        margin-top: 0
    }
    .mt--0-75\:xxl,
    .my--0-75\:xxl {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:xxl:first-child,
    .my--0-75\:xxl:first-child {
        margin-top: 0
    }
    .mt-1\:xxl,
    .my-1\:xxl {
        margin-top: var(--spacing-1)
    }
    .mt-1\:xxl:first-child,
    .my-1\:xxl:first-child {
        margin-top: 0
    }
    .mt-1-2\:xxl,
    .my-1-2\:xxl {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:xxl:first-child,
    .my-1-2\:xxl:first-child {
        margin-top: 0
    }
    .mt-1-5\:xxl,
    .my-1-5\:xxl {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:xxl:first-child,
    .my-1-5\:xxl:first-child {
        margin-top: 0
    }
    .mt--1-5\:xxl,
    .my--1-5\:xxl {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:xxl:first-child,
    .my--1-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-1-75\:xxl,
    .my-1-75\:xxl {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:xxl:first-child,
    .my-1-75\:xxl:first-child {
        margin-top: 0
    }
    .mt--1-75\:xxl,
    .my--1-75\:xxl {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:xxl:first-child,
    .my--1-75\:xxl:first-child {
        margin-top: 0
    }
    .mt-1-9\:xxl,
    .my-1-9\:xxl {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:xxl:first-child,
    .my-1-9\:xxl:first-child {
        margin-top: 0
    }
    .mt-2\:xxl,
    .my-2\:xxl {
        margin-top: var(--spacing-2)
    }
    .mt-2\:xxl:first-child,
    .my-2\:xxl:first-child {
        margin-top: 0
    }
    .mt-2-25\:xxl,
    .my-2-25\:xxl {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:xxl:first-child,
    .my-2-25\:xxl:first-child {
        margin-top: 0
    }
    .mt-2-5\:xxl,
    .my-2-5\:xxl {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:xxl:first-child,
    .my-2-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-2-75\:xxl,
    .my-2-75\:xxl {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:xxl:first-child,
    .my-2-75\:xxl:first-child {
        margin-top: 0
    }
    .mt-3\:xxl,
    .my-3\:xxl {
        margin-top: var(--spacing-3)
    }
    .mt-3\:xxl:first-child,
    .my-3\:xxl:first-child {
        margin-top: 0
    }
    .mt-3-25\:xxl,
    .my-3-25\:xxl {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:xxl:first-child,
    .my-3-25\:xxl:first-child {
        margin-top: 0
    }
    .mt-3-5\:xxl,
    .my-3-5\:xxl {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:xxl:first-child,
    .my-3-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-3-75\:xxl,
    .my-3-75\:xxl {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:xxl:first-child,
    .my-3-75\:xxl:first-child {
        margin-top: 0
    }
    .mt-4\:xxl,
    .my-4\:xxl {
        margin-top: var(--spacing-4)
    }
    .mt-4\:xxl:first-child,
    .my-4\:xxl:first-child {
        margin-top: 0
    }
    .mt-4-5\:xxl,
    .my-4-5\:xxl {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:xxl:first-child,
    .my-4-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-5\:xxl,
    .my-5\:xxl {
        margin-top: var(--spacing-5)
    }
    .mt-5\:xxl:first-child,
    .my-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-5-5\:xxl,
    .my-5-5\:xxl {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:xxl:first-child,
    .my-5-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-5-75\:xxl,
    .my-5-75\:xxl {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:xxl:first-child,
    .my-5-75\:xxl:first-child {
        margin-top: 0
    }
    .mt-6\:xxl,
    .my-6\:xxl {
        margin-top: var(--spacing-6)
    }
    .mt-6\:xxl:first-child,
    .my-6\:xxl:first-child {
        margin-top: 0
    }
    .mt-6-2\:xxl,
    .my-6-2\:xxl {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:xxl:first-child,
    .my-6-2\:xxl:first-child {
        margin-top: 0
    }
    .mt-6-5\:xxl,
    .my-6-5\:xxl {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:xxl:first-child,
    .my-6-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-7\:xxl,
    .my-7\:xxl {
        margin-top: var(--spacing-7)
    }
    .mt-7\:xxl:first-child,
    .my-7\:xxl:first-child {
        margin-top: 0
    }
    .mt-7-5\:xxl,
    .my-7-5\:xxl {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:xxl:first-child,
    .my-7-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-8\:xxl,
    .my-8\:xxl {
        margin-top: var(--spacing-8)
    }
    .mt-8\:xxl:first-child,
    .my-8\:xxl:first-child {
        margin-top: 0
    }
    .mt-8-5\:xxl,
    .my-8-5\:xxl {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:xxl:first-child,
    .my-8-5\:xxl:first-child {
        margin-top: 0
    }
    .mt-10\:xxl,
    .my-10\:xxl {
        margin-top: var(--spacing-10)
    }
    .mt-10\:xxl:first-child,
    .my-10\:xxl:first-child {
        margin-top: 0
    }
    .mt-12\:xxl,
    .my-12\:xxl {
        margin-top: var(--spacing-12)
    }
    .mt-12\:xxl:first-child,
    .my-12\:xxl:first-child {
        margin-top: 0
    }
    .mt-14\:xxl,
    .my-14\:xxl {
        margin-top: var(--spacing-14)
    }
    .mt-14\:xxl:first-child,
    .my-14\:xxl:first-child {
        margin-top: 0
    }
    .mt-auto\:xxl,
    .my-auto\:xxl {
        margin-top: auto
    }
    .mt-auto\:xxl:first-child,
    .my-auto\:xxl:first-child {
        margin-top: 0
    }
    .mb--1\:xxl,
    .my--1\:xxl {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:xxl:last-child,
    .my--1\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-0\:xxl,
    .my-0\:xxl {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:xxl:last-child,
    .my-0\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:xxl,
    .my-0-25\:xxl {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:xxl:last-child,
    .my-0-25\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:xxl,
    .my-0-5\:xxl {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:xxl:last-child,
    .my-0-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:xxl,
    .my-0-7\:xxl {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:xxl:last-child,
    .my-0-7\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:xxl,
    .my-0-75\:xxl {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:xxl:last-child,
    .my-0-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:xxl,
    .my--0-75\:xxl {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:xxl:last-child,
    .my--0-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-1\:xxl,
    .my-1\:xxl {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:xxl:last-child,
    .my-1\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:xxl,
    .my-1-2\:xxl {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:xxl:last-child,
    .my-1-2\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:xxl,
    .my-1-5\:xxl {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:xxl:last-child,
    .my-1-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:xxl,
    .my--1-5\:xxl {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:xxl:last-child,
    .my--1-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:xxl,
    .my-1-75\:xxl {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:xxl:last-child,
    .my-1-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:xxl,
    .my--1-75\:xxl {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:xxl:last-child,
    .my--1-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:xxl,
    .my-1-9\:xxl {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:xxl:last-child,
    .my-1-9\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-2\:xxl,
    .my-2\:xxl {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:xxl:last-child,
    .my-2\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:xxl,
    .my-2-25\:xxl {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:xxl:last-child,
    .my-2-25\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:xxl,
    .my-2-5\:xxl {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:xxl:last-child,
    .my-2-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:xxl,
    .my-2-75\:xxl {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:xxl:last-child,
    .my-2-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-3\:xxl,
    .my-3\:xxl {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:xxl:last-child,
    .my-3\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:xxl,
    .my-3-25\:xxl {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:xxl:last-child,
    .my-3-25\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:xxl,
    .my-3-5\:xxl {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:xxl:last-child,
    .my-3-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:xxl,
    .my-3-75\:xxl {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:xxl:last-child,
    .my-3-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-4\:xxl,
    .my-4\:xxl {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:xxl:last-child,
    .my-4\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:xxl,
    .my-4-5\:xxl {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:xxl:last-child,
    .my-4-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-5\:xxl,
    .my-5\:xxl {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:xxl:last-child,
    .my-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:xxl,
    .my-5-5\:xxl {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:xxl:last-child,
    .my-5-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:xxl,
    .my-5-75\:xxl {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:xxl:last-child,
    .my-5-75\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-6\:xxl,
    .my-6\:xxl {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:xxl:last-child,
    .my-6\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:xxl,
    .my-6-2\:xxl {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:xxl:last-child,
    .my-6-2\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:xxl,
    .my-6-5\:xxl {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:xxl:last-child,
    .my-6-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-7\:xxl,
    .my-7\:xxl {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:xxl:last-child,
    .my-7\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:xxl,
    .my-7-5\:xxl {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:xxl:last-child,
    .my-7-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-8\:xxl,
    .my-8\:xxl {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:xxl:last-child,
    .my-8\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:xxl,
    .my-8-5\:xxl {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:xxl:last-child,
    .my-8-5\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-10\:xxl,
    .my-10\:xxl {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:xxl:last-child,
    .my-10\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-12\:xxl,
    .my-12\:xxl {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:xxl:last-child,
    .my-12\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-14\:xxl,
    .my-14\:xxl {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:xxl:last-child,
    .my-14\:xxl:last-child {
        margin-bottom: 0
    }
    .mb-auto\:xxl,
    .my-auto\:xxl {
        margin-bottom: auto
    }
    .mb-auto\:xxl:last-child,
    .my-auto\:xxl:last-child {
        margin-bottom: 0
    }
    .ml--1\:xxl,
    .mx--1\:xxl {
        margin-left: var(--spacing--1)
    }
    .ml-0\:xxl,
    .mx-0\:xxl {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:xxl,
    .mx-0-25\:xxl {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:xxl,
    .mx-0-5\:xxl {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:xxl,
    .mx-0-7\:xxl {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:xxl,
    .mx-0-75\:xxl {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:xxl,
    .mx--0-75\:xxl {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:xxl,
    .mx-1\:xxl {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:xxl,
    .mx-1-2\:xxl {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:xxl,
    .mx-1-5\:xxl {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:xxl,
    .mx--1-5\:xxl {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:xxl,
    .mx-1-75\:xxl {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:xxl,
    .mx--1-75\:xxl {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:xxl,
    .mx-1-9\:xxl {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:xxl,
    .mx-2\:xxl {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:xxl,
    .mx-2-25\:xxl {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:xxl,
    .mx-2-5\:xxl {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:xxl,
    .mx-2-75\:xxl {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:xxl,
    .mx-3\:xxl {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:xxl,
    .mx-3-25\:xxl {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:xxl,
    .mx-3-5\:xxl {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:xxl,
    .mx-3-75\:xxl {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:xxl,
    .mx-4\:xxl {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:xxl,
    .mx-4-5\:xxl {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:xxl,
    .mx-5\:xxl {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:xxl,
    .mx-5-5\:xxl {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:xxl,
    .mx-5-75\:xxl {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:xxl,
    .mx-6\:xxl {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:xxl,
    .mx-6-2\:xxl {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:xxl,
    .mx-6-5\:xxl {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:xxl,
    .mx-7\:xxl {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:xxl,
    .mx-7-5\:xxl {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:xxl,
    .mx-8\:xxl {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:xxl,
    .mx-8-5\:xxl {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:xxl,
    .mx-10\:xxl {
        margin-left: var(--spacing-10)
    }
    .ml-12\:xxl,
    .mx-12\:xxl {
        margin-left: var(--spacing-12)
    }
    .ml-14\:xxl,
    .mx-14\:xxl {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:xxl,
    .mx-auto\:xxl {
        margin-left: auto
    }
    .mr--1\:xxl,
    .mx--1\:xxl {
        margin-right: var(--spacing--1)
    }
    .mr-0\:xxl,
    .mx-0\:xxl {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:xxl,
    .mx-0-25\:xxl {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:xxl,
    .mx-0-5\:xxl {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:xxl,
    .mx-0-7\:xxl {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:xxl,
    .mx-0-75\:xxl {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:xxl,
    .mx--0-75\:xxl {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:xxl,
    .mx-1\:xxl {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:xxl,
    .mx-1-2\:xxl {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:xxl,
    .mx-1-5\:xxl {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:xxl,
    .mx--1-5\:xxl {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:xxl,
    .mx-1-75\:xxl {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:xxl,
    .mx--1-75\:xxl {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:xxl,
    .mx-1-9\:xxl {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:xxl,
    .mx-2\:xxl {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:xxl,
    .mx-2-25\:xxl {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:xxl,
    .mx-2-5\:xxl {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:xxl,
    .mx-2-75\:xxl {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:xxl,
    .mx-3\:xxl {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:xxl,
    .mx-3-25\:xxl {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:xxl,
    .mx-3-5\:xxl {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:xxl,
    .mx-3-75\:xxl {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:xxl,
    .mx-4\:xxl {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:xxl,
    .mx-4-5\:xxl {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:xxl,
    .mx-5\:xxl {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:xxl,
    .mx-5-5\:xxl {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:xxl,
    .mx-5-75\:xxl {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:xxl,
    .mx-6\:xxl {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:xxl,
    .mx-6-2\:xxl {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:xxl,
    .mx-6-5\:xxl {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:xxl,
    .mx-7\:xxl {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:xxl,
    .mx-7-5\:xxl {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:xxl,
    .mx-8\:xxl {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:xxl,
    .mx-8-5\:xxl {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:xxl,
    .mx-10\:xxl {
        margin-right: var(--spacing-10)
    }
    .mr-12\:xxl,
    .mx-12\:xxl {
        margin-right: var(--spacing-12)
    }
    .mr-14\:xxl,
    .mx-14\:xxl {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:xxl,
    .mx-auto\:xxl {
        margin-right: auto
    }
    .w-0-5\:xxl {
        width: var(--spacing-0-5)
    }
    .w-2\:xxl {
        width: var(--spacing-2)
    }
    .w-3\:xxl {
        width: var(--spacing-3)
    }
    .w-3-5\:xxl {
        width: var(--spacing-3-5)
    }
    .w-4\:xxl {
        width: var(--spacing-4)
    }
    .w-4-5\:xxl {
        width: var(--spacing-4-5)
    }
    .w-5\:xxl {
        width: var(--spacing-5)
    }
    .w-6\:xxl {
        width: var(--spacing-6)
    }
    .w-6-75\:xxl {
        width: var(--spacing-6-75)
    }
    .w-7\:xxl {
        width: var(--spacing-7)
    }
    .w-7-5\:xxl {
        width: var(--spacing-7-5)
    }
    .w-8\:xxl {
        width: var(--spacing-8)
    }
    .w-8-5\:xxl {
        width: var(--spacing-8-5)
    }
    .w-9\:xxl {
        width: var(--spacing-9)
    }
    .w-9-5\:xxl {
        width: var(--spacing-9-5)
    }
    .w-10\:xxl {
        width: var(--spacing-10)
    }
    .w-10-5\:xxl {
        width: var(--spacing-10-5)
    }
    .w-11\:xxl {
        width: var(--spacing-11)
    }
    .w-12\:xxl {
        width: var(--spacing-12)
    }
    .w-12-5\:xxl {
        width: var(--spacing-12-5)
    }
    .w-13\:xxl {
        width: var(--spacing-13)
    }
    .w-14\:xxl {
        width: var(--spacing-14)
    }
    .w-14-25\:xxl {
        width: var(--spacing-14-25)
    }
    .w-15\:xxl {
        width: var(--spacing-15)
    }
    .w-16\:xxl {
        width: var(--spacing-16)
    }
    .w-18\:xxl {
        width: var(--spacing-18)
    }
    .w-19\:xxl {
        width: var(--spacing-19)
    }
    .w-20\:xxl {
        width: var(--spacing-20)
    }
    .h-0-5\:xxl {
        height: var(--spacing-0-5)
    }
    .h-2\:xxl {
        height: var(--spacing-2)
    }
    .h-3\:xxl {
        height: var(--spacing-3)
    }
    .h-3-5\:xxl {
        height: var(--spacing-3-5)
    }
    .h-4\:xxl {
        height: var(--spacing-4)
    }
    .h-4-5\:xxl {
        height: var(--spacing-4-5)
    }
    .h-5\:xxl {
        height: var(--spacing-5)
    }
    .h-6\:xxl {
        height: var(--spacing-6)
    }
    .h-6-75\:xxl {
        height: var(--spacing-6-75)
    }
    .h-7\:xxl {
        height: var(--spacing-7)
    }
    .h-7-5\:xxl {
        height: var(--spacing-7-5)
    }
    .h-8\:xxl {
        height: var(--spacing-8)
    }
    .h-8-5\:xxl {
        height: var(--spacing-8-5)
    }
    .h-9\:xxl {
        height: var(--spacing-9)
    }
    .h-9-5\:xxl {
        height: var(--spacing-9-5)
    }
    .h-10\:xxl {
        height: var(--spacing-10)
    }
    .h-10-5\:xxl {
        height: var(--spacing-10-5)
    }
    .h-11\:xxl {
        height: var(--spacing-11)
    }
    .h-12\:xxl {
        height: var(--spacing-12)
    }
    .h-12-5\:xxl {
        height: var(--spacing-12-5)
    }
    .h-13\:xxl {
        height: var(--spacing-13)
    }
    .h-14\:xxl {
        height: var(--spacing-14)
    }
    .h-14-25\:xxl {
        height: var(--spacing-14-25)
    }
    .h-15\:xxl {
        height: var(--spacing-15)
    }
    .h-16\:xxl {
        height: var(--spacing-16)
    }
    .h-18\:xxl {
        height: var(--spacing-18)
    }
    .h-19\:xxl {
        height: var(--spacing-19)
    }
    .h-20\:xxl {
        height: var(--spacing-20)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text-left\:xxxl {
        text-align: left
    }
    .text-center\:xxxl {
        text-align: center
    }
    .text-right\:xxxl {
        text-align: right
    }
    .pt--1\:xxxl,
    .py--1\:xxxl {
        padding-top: var(--spacing--1)
    }
    .pt-0\:xxxl,
    .py-0\:xxxl {
        padding-top: var(--spacing-0)
    }
    .pt-0-25\:xxxl,
    .py-0-25\:xxxl {
        padding-top: var(--spacing-0-25)
    }
    .pt-0-5\:xxxl,
    .py-0-5\:xxxl {
        padding-top: var(--spacing-0-5)
    }
    .pt-0-7\:xxxl,
    .py-0-7\:xxxl {
        padding-top: var(--spacing-0-7)
    }
    .pt-0-75\:xxxl,
    .py-0-75\:xxxl {
        padding-top: var(--spacing-0-75)
    }
    .pt--0-75\:xxxl,
    .py--0-75\:xxxl {
        padding-top: var(--spacing--0-75)
    }
    .pt-1\:xxxl,
    .py-1\:xxxl {
        padding-top: var(--spacing-1)
    }
    .pt-1-2\:xxxl,
    .py-1-2\:xxxl {
        padding-top: var(--spacing-1-2)
    }
    .pt-1-5\:xxxl,
    .py-1-5\:xxxl {
        padding-top: var(--spacing-1-5)
    }
    .pt--1-5\:xxxl,
    .py--1-5\:xxxl {
        padding-top: var(--spacing--1-5)
    }
    .pt-1-75\:xxxl,
    .py-1-75\:xxxl {
        padding-top: var(--spacing-1-75)
    }
    .pt--1-75\:xxxl,
    .py--1-75\:xxxl {
        padding-top: var(--spacing--1-75)
    }
    .pt-1-9\:xxxl,
    .py-1-9\:xxxl {
        padding-top: var(--spacing-1-9)
    }
    .pt-2\:xxxl,
    .py-2\:xxxl {
        padding-top: var(--spacing-2)
    }
    .pt-2-25\:xxxl,
    .py-2-25\:xxxl {
        padding-top: var(--spacing-2-25)
    }
    .pt-2-5\:xxxl,
    .py-2-5\:xxxl {
        padding-top: var(--spacing-2-5)
    }
    .pt-2-75\:xxxl,
    .py-2-75\:xxxl {
        padding-top: var(--spacing-2-75)
    }
    .pt-3\:xxxl,
    .py-3\:xxxl {
        padding-top: var(--spacing-3)
    }
    .pt-3-25\:xxxl,
    .py-3-25\:xxxl {
        padding-top: var(--spacing-3-25)
    }
    .pt-3-5\:xxxl,
    .py-3-5\:xxxl {
        padding-top: var(--spacing-3-5)
    }
    .pt-3-75\:xxxl,
    .py-3-75\:xxxl {
        padding-top: var(--spacing-3-75)
    }
    .pt-4\:xxxl,
    .py-4\:xxxl {
        padding-top: var(--spacing-4)
    }
    .pt-4-5\:xxxl,
    .py-4-5\:xxxl {
        padding-top: var(--spacing-4-5)
    }
    .pt-5\:xxxl,
    .py-5\:xxxl {
        padding-top: var(--spacing-5)
    }
    .pt-5-5\:xxxl,
    .py-5-5\:xxxl {
        padding-top: var(--spacing-5-5)
    }
    .pt-5-75\:xxxl,
    .py-5-75\:xxxl {
        padding-top: var(--spacing-5-75)
    }
    .pt-6\:xxxl,
    .py-6\:xxxl {
        padding-top: var(--spacing-6)
    }
    .pt-6-2\:xxxl,
    .py-6-2\:xxxl {
        padding-top: var(--spacing-6-2)
    }
    .pt-6-5\:xxxl,
    .py-6-5\:xxxl {
        padding-top: var(--spacing-6-5)
    }
    .pt-7\:xxxl,
    .py-7\:xxxl {
        padding-top: var(--spacing-7)
    }
    .pt-7-5\:xxxl,
    .py-7-5\:xxxl {
        padding-top: var(--spacing-7-5)
    }
    .pt-8\:xxxl,
    .py-8\:xxxl {
        padding-top: var(--spacing-8)
    }
    .pt-8-5\:xxxl,
    .py-8-5\:xxxl {
        padding-top: var(--spacing-8-5)
    }
    .pt-10\:xxxl,
    .py-10\:xxxl {
        padding-top: var(--spacing-10)
    }
    .pt-12\:xxxl,
    .py-12\:xxxl {
        padding-top: var(--spacing-12)
    }
    .pt-14\:xxxl,
    .py-14\:xxxl {
        padding-top: var(--spacing-14)
    }
    .pb--1\:xxxl,
    .py--1\:xxxl {
        padding-bottom: var(--spacing--1)
    }
    .pb-0\:xxxl,
    .py-0\:xxxl {
        padding-bottom: var(--spacing-0)
    }
    .pb-0-25\:xxxl,
    .py-0-25\:xxxl {
        padding-bottom: var(--spacing-0-25)
    }
    .pb-0-5\:xxxl,
    .py-0-5\:xxxl {
        padding-bottom: var(--spacing-0-5)
    }
    .pb-0-7\:xxxl,
    .py-0-7\:xxxl {
        padding-bottom: var(--spacing-0-7)
    }
    .pb-0-75\:xxxl,
    .py-0-75\:xxxl {
        padding-bottom: var(--spacing-0-75)
    }
    .pb--0-75\:xxxl,
    .py--0-75\:xxxl {
        padding-bottom: var(--spacing--0-75)
    }
    .pb-1\:xxxl,
    .py-1\:xxxl {
        padding-bottom: var(--spacing-1)
    }
    .pb-1-2\:xxxl,
    .py-1-2\:xxxl {
        padding-bottom: var(--spacing-1-2)
    }
    .pb-1-5\:xxxl,
    .py-1-5\:xxxl {
        padding-bottom: var(--spacing-1-5)
    }
    .pb--1-5\:xxxl,
    .py--1-5\:xxxl {
        padding-bottom: var(--spacing--1-5)
    }
    .pb-1-75\:xxxl,
    .py-1-75\:xxxl {
        padding-bottom: var(--spacing-1-75)
    }
    .pb--1-75\:xxxl,
    .py--1-75\:xxxl {
        padding-bottom: var(--spacing--1-75)
    }
    .pb-1-9\:xxxl,
    .py-1-9\:xxxl {
        padding-bottom: var(--spacing-1-9)
    }
    .pb-2\:xxxl,
    .py-2\:xxxl {
        padding-bottom: var(--spacing-2)
    }
    .pb-2-25\:xxxl,
    .py-2-25\:xxxl {
        padding-bottom: var(--spacing-2-25)
    }
    .pb-2-5\:xxxl,
    .py-2-5\:xxxl {
        padding-bottom: var(--spacing-2-5)
    }
    .pb-2-75\:xxxl,
    .py-2-75\:xxxl {
        padding-bottom: var(--spacing-2-75)
    }
    .pb-3\:xxxl,
    .py-3\:xxxl {
        padding-bottom: var(--spacing-3)
    }
    .pb-3-25\:xxxl,
    .py-3-25\:xxxl {
        padding-bottom: var(--spacing-3-25)
    }
    .pb-3-5\:xxxl,
    .py-3-5\:xxxl {
        padding-bottom: var(--spacing-3-5)
    }
    .pb-3-75\:xxxl,
    .py-3-75\:xxxl {
        padding-bottom: var(--spacing-3-75)
    }
    .pb-4\:xxxl,
    .py-4\:xxxl {
        padding-bottom: var(--spacing-4)
    }
    .pb-4-5\:xxxl,
    .py-4-5\:xxxl {
        padding-bottom: var(--spacing-4-5)
    }
    .pb-5\:xxxl,
    .py-5\:xxxl {
        padding-bottom: var(--spacing-5)
    }
    .pb-5-5\:xxxl,
    .py-5-5\:xxxl {
        padding-bottom: var(--spacing-5-5)
    }
    .pb-5-75\:xxxl,
    .py-5-75\:xxxl {
        padding-bottom: var(--spacing-5-75)
    }
    .pb-6\:xxxl,
    .py-6\:xxxl {
        padding-bottom: var(--spacing-6)
    }
    .pb-6-2\:xxxl,
    .py-6-2\:xxxl {
        padding-bottom: var(--spacing-6-2)
    }
    .pb-6-5\:xxxl,
    .py-6-5\:xxxl {
        padding-bottom: var(--spacing-6-5)
    }
    .pb-7\:xxxl,
    .py-7\:xxxl {
        padding-bottom: var(--spacing-7)
    }
    .pb-7-5\:xxxl,
    .py-7-5\:xxxl {
        padding-bottom: var(--spacing-7-5)
    }
    .pb-8\:xxxl,
    .py-8\:xxxl {
        padding-bottom: var(--spacing-8)
    }
    .pb-8-5\:xxxl,
    .py-8-5\:xxxl {
        padding-bottom: var(--spacing-8-5)
    }
    .pb-10\:xxxl,
    .py-10\:xxxl {
        padding-bottom: var(--spacing-10)
    }
    .pb-12\:xxxl,
    .py-12\:xxxl {
        padding-bottom: var(--spacing-12)
    }
    .pb-14\:xxxl,
    .py-14\:xxxl {
        padding-bottom: var(--spacing-14)
    }
    .pl--1\:xxxl,
    .px--1\:xxxl {
        padding-left: var(--spacing--1)
    }
    .pl-0\:xxxl,
    .px-0\:xxxl {
        padding-left: var(--spacing-0)
    }
    .pl-0-25\:xxxl,
    .px-0-25\:xxxl {
        padding-left: var(--spacing-0-25)
    }
    .pl-0-5\:xxxl,
    .px-0-5\:xxxl {
        padding-left: var(--spacing-0-5)
    }
    .pl-0-7\:xxxl,
    .px-0-7\:xxxl {
        padding-left: var(--spacing-0-7)
    }
    .pl-0-75\:xxxl,
    .px-0-75\:xxxl {
        padding-left: var(--spacing-0-75)
    }
    .pl--0-75\:xxxl,
    .px--0-75\:xxxl {
        padding-left: var(--spacing--0-75)
    }
    .pl-1\:xxxl,
    .px-1\:xxxl {
        padding-left: var(--spacing-1)
    }
    .pl-1-2\:xxxl,
    .px-1-2\:xxxl {
        padding-left: var(--spacing-1-2)
    }
    .pl-1-5\:xxxl,
    .px-1-5\:xxxl {
        padding-left: var(--spacing-1-5)
    }
    .pl--1-5\:xxxl,
    .px--1-5\:xxxl {
        padding-left: var(--spacing--1-5)
    }
    .pl-1-75\:xxxl,
    .px-1-75\:xxxl {
        padding-left: var(--spacing-1-75)
    }
    .pl--1-75\:xxxl,
    .px--1-75\:xxxl {
        padding-left: var(--spacing--1-75)
    }
    .pl-1-9\:xxxl,
    .px-1-9\:xxxl {
        padding-left: var(--spacing-1-9)
    }
    .pl-2\:xxxl,
    .px-2\:xxxl {
        padding-left: var(--spacing-2)
    }
    .pl-2-25\:xxxl,
    .px-2-25\:xxxl {
        padding-left: var(--spacing-2-25)
    }
    .pl-2-5\:xxxl,
    .px-2-5\:xxxl {
        padding-left: var(--spacing-2-5)
    }
    .pl-2-75\:xxxl,
    .px-2-75\:xxxl {
        padding-left: var(--spacing-2-75)
    }
    .pl-3\:xxxl,
    .px-3\:xxxl {
        padding-left: var(--spacing-3)
    }
    .pl-3-25\:xxxl,
    .px-3-25\:xxxl {
        padding-left: var(--spacing-3-25)
    }
    .pl-3-5\:xxxl,
    .px-3-5\:xxxl {
        padding-left: var(--spacing-3-5)
    }
    .pl-3-75\:xxxl,
    .px-3-75\:xxxl {
        padding-left: var(--spacing-3-75)
    }
    .pl-4\:xxxl,
    .px-4\:xxxl {
        padding-left: var(--spacing-4)
    }
    .pl-4-5\:xxxl,
    .px-4-5\:xxxl {
        padding-left: var(--spacing-4-5)
    }
    .pl-5\:xxxl,
    .px-5\:xxxl {
        padding-left: var(--spacing-5)
    }
    .pl-5-5\:xxxl,
    .px-5-5\:xxxl {
        padding-left: var(--spacing-5-5)
    }
    .pl-5-75\:xxxl,
    .px-5-75\:xxxl {
        padding-left: var(--spacing-5-75)
    }
    .pl-6\:xxxl,
    .px-6\:xxxl {
        padding-left: var(--spacing-6)
    }
    .pl-6-2\:xxxl,
    .px-6-2\:xxxl {
        padding-left: var(--spacing-6-2)
    }
    .pl-6-5\:xxxl,
    .px-6-5\:xxxl {
        padding-left: var(--spacing-6-5)
    }
    .pl-7\:xxxl,
    .px-7\:xxxl {
        padding-left: var(--spacing-7)
    }
    .pl-7-5\:xxxl,
    .px-7-5\:xxxl {
        padding-left: var(--spacing-7-5)
    }
    .pl-8\:xxxl,
    .px-8\:xxxl {
        padding-left: var(--spacing-8)
    }
    .pl-8-5\:xxxl,
    .px-8-5\:xxxl {
        padding-left: var(--spacing-8-5)
    }
    .pl-10\:xxxl,
    .px-10\:xxxl {
        padding-left: var(--spacing-10)
    }
    .pl-12\:xxxl,
    .px-12\:xxxl {
        padding-left: var(--spacing-12)
    }
    .pl-14\:xxxl,
    .px-14\:xxxl {
        padding-left: var(--spacing-14)
    }
    .pr--1\:xxxl,
    .px--1\:xxxl {
        padding-right: var(--spacing--1)
    }
    .pr-0\:xxxl,
    .px-0\:xxxl {
        padding-right: var(--spacing-0)
    }
    .pr-0-25\:xxxl,
    .px-0-25\:xxxl {
        padding-right: var(--spacing-0-25)
    }
    .pr-0-5\:xxxl,
    .px-0-5\:xxxl {
        padding-right: var(--spacing-0-5)
    }
    .pr-0-7\:xxxl,
    .px-0-7\:xxxl {
        padding-right: var(--spacing-0-7)
    }
    .pr-0-75\:xxxl,
    .px-0-75\:xxxl {
        padding-right: var(--spacing-0-75)
    }
    .pr--0-75\:xxxl,
    .px--0-75\:xxxl {
        padding-right: var(--spacing--0-75)
    }
    .pr-1\:xxxl,
    .px-1\:xxxl {
        padding-right: var(--spacing-1)
    }
    .pr-1-2\:xxxl,
    .px-1-2\:xxxl {
        padding-right: var(--spacing-1-2)
    }
    .pr-1-5\:xxxl,
    .px-1-5\:xxxl {
        padding-right: var(--spacing-1-5)
    }
    .pr--1-5\:xxxl,
    .px--1-5\:xxxl {
        padding-right: var(--spacing--1-5)
    }
    .pr-1-75\:xxxl,
    .px-1-75\:xxxl {
        padding-right: var(--spacing-1-75)
    }
    .pr--1-75\:xxxl,
    .px--1-75\:xxxl {
        padding-right: var(--spacing--1-75)
    }
    .pr-1-9\:xxxl,
    .px-1-9\:xxxl {
        padding-right: var(--spacing-1-9)
    }
    .pr-2\:xxxl,
    .px-2\:xxxl {
        padding-right: var(--spacing-2)
    }
    .pr-2-25\:xxxl,
    .px-2-25\:xxxl {
        padding-right: var(--spacing-2-25)
    }
    .pr-2-5\:xxxl,
    .px-2-5\:xxxl {
        padding-right: var(--spacing-2-5)
    }
    .pr-2-75\:xxxl,
    .px-2-75\:xxxl {
        padding-right: var(--spacing-2-75)
    }
    .pr-3\:xxxl,
    .px-3\:xxxl {
        padding-right: var(--spacing-3)
    }
    .pr-3-25\:xxxl,
    .px-3-25\:xxxl {
        padding-right: var(--spacing-3-25)
    }
    .pr-3-5\:xxxl,
    .px-3-5\:xxxl {
        padding-right: var(--spacing-3-5)
    }
    .pr-3-75\:xxxl,
    .px-3-75\:xxxl {
        padding-right: var(--spacing-3-75)
    }
    .pr-4\:xxxl,
    .px-4\:xxxl {
        padding-right: var(--spacing-4)
    }
    .pr-4-5\:xxxl,
    .px-4-5\:xxxl {
        padding-right: var(--spacing-4-5)
    }
    .pr-5\:xxxl,
    .px-5\:xxxl {
        padding-right: var(--spacing-5)
    }
    .pr-5-5\:xxxl,
    .px-5-5\:xxxl {
        padding-right: var(--spacing-5-5)
    }
    .pr-5-75\:xxxl,
    .px-5-75\:xxxl {
        padding-right: var(--spacing-5-75)
    }
    .pr-6\:xxxl,
    .px-6\:xxxl {
        padding-right: var(--spacing-6)
    }
    .pr-6-2\:xxxl,
    .px-6-2\:xxxl {
        padding-right: var(--spacing-6-2)
    }
    .pr-6-5\:xxxl,
    .px-6-5\:xxxl {
        padding-right: var(--spacing-6-5)
    }
    .pr-7\:xxxl,
    .px-7\:xxxl {
        padding-right: var(--spacing-7)
    }
    .pr-7-5\:xxxl,
    .px-7-5\:xxxl {
        padding-right: var(--spacing-7-5)
    }
    .pr-8\:xxxl,
    .px-8\:xxxl {
        padding-right: var(--spacing-8)
    }
    .pr-8-5\:xxxl,
    .px-8-5\:xxxl {
        padding-right: var(--spacing-8-5)
    }
    .pr-10\:xxxl,
    .px-10\:xxxl {
        padding-right: var(--spacing-10)
    }
    .pr-12\:xxxl,
    .px-12\:xxxl {
        padding-right: var(--spacing-12)
    }
    .pr-14\:xxxl,
    .px-14\:xxxl {
        padding-right: var(--spacing-14)
    }
    .mt--1\:xxxl,
    .my--1\:xxxl {
        margin-top: var(--spacing--1)
    }
    .mt--1\:xxxl:first-child,
    .my--1\:xxxl:first-child {
        margin-top: 0
    }
    .mt-0\:xxxl,
    .my-0\:xxxl {
        margin-top: var(--spacing-0)
    }
    .mt-0\:xxxl:first-child,
    .my-0\:xxxl:first-child {
        margin-top: 0
    }
    .mt-0-25\:xxxl,
    .my-0-25\:xxxl {
        margin-top: var(--spacing-0-25)
    }
    .mt-0-25\:xxxl:first-child,
    .my-0-25\:xxxl:first-child {
        margin-top: 0
    }
    .mt-0-5\:xxxl,
    .my-0-5\:xxxl {
        margin-top: var(--spacing-0-5)
    }
    .mt-0-5\:xxxl:first-child,
    .my-0-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-0-7\:xxxl,
    .my-0-7\:xxxl {
        margin-top: var(--spacing-0-7)
    }
    .mt-0-7\:xxxl:first-child,
    .my-0-7\:xxxl:first-child {
        margin-top: 0
    }
    .mt-0-75\:xxxl,
    .my-0-75\:xxxl {
        margin-top: var(--spacing-0-75)
    }
    .mt-0-75\:xxxl:first-child,
    .my-0-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt--0-75\:xxxl,
    .my--0-75\:xxxl {
        margin-top: var(--spacing--0-75)
    }
    .mt--0-75\:xxxl:first-child,
    .my--0-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt-1\:xxxl,
    .my-1\:xxxl {
        margin-top: var(--spacing-1)
    }
    .mt-1\:xxxl:first-child,
    .my-1\:xxxl:first-child {
        margin-top: 0
    }
    .mt-1-2\:xxxl,
    .my-1-2\:xxxl {
        margin-top: var(--spacing-1-2)
    }
    .mt-1-2\:xxxl:first-child,
    .my-1-2\:xxxl:first-child {
        margin-top: 0
    }
    .mt-1-5\:xxxl,
    .my-1-5\:xxxl {
        margin-top: var(--spacing-1-5)
    }
    .mt-1-5\:xxxl:first-child,
    .my-1-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt--1-5\:xxxl,
    .my--1-5\:xxxl {
        margin-top: var(--spacing--1-5)
    }
    .mt--1-5\:xxxl:first-child,
    .my--1-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-1-75\:xxxl,
    .my-1-75\:xxxl {
        margin-top: var(--spacing-1-75)
    }
    .mt-1-75\:xxxl:first-child,
    .my-1-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt--1-75\:xxxl,
    .my--1-75\:xxxl {
        margin-top: var(--spacing--1-75)
    }
    .mt--1-75\:xxxl:first-child,
    .my--1-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt-1-9\:xxxl,
    .my-1-9\:xxxl {
        margin-top: var(--spacing-1-9)
    }
    .mt-1-9\:xxxl:first-child,
    .my-1-9\:xxxl:first-child {
        margin-top: 0
    }
    .mt-2\:xxxl,
    .my-2\:xxxl {
        margin-top: var(--spacing-2)
    }
    .mt-2\:xxxl:first-child,
    .my-2\:xxxl:first-child {
        margin-top: 0
    }
    .mt-2-25\:xxxl,
    .my-2-25\:xxxl {
        margin-top: var(--spacing-2-25)
    }
    .mt-2-25\:xxxl:first-child,
    .my-2-25\:xxxl:first-child {
        margin-top: 0
    }
    .mt-2-5\:xxxl,
    .my-2-5\:xxxl {
        margin-top: var(--spacing-2-5)
    }
    .mt-2-5\:xxxl:first-child,
    .my-2-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-2-75\:xxxl,
    .my-2-75\:xxxl {
        margin-top: var(--spacing-2-75)
    }
    .mt-2-75\:xxxl:first-child,
    .my-2-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt-3\:xxxl,
    .my-3\:xxxl {
        margin-top: var(--spacing-3)
    }
    .mt-3\:xxxl:first-child,
    .my-3\:xxxl:first-child {
        margin-top: 0
    }
    .mt-3-25\:xxxl,
    .my-3-25\:xxxl {
        margin-top: var(--spacing-3-25)
    }
    .mt-3-25\:xxxl:first-child,
    .my-3-25\:xxxl:first-child {
        margin-top: 0
    }
    .mt-3-5\:xxxl,
    .my-3-5\:xxxl {
        margin-top: var(--spacing-3-5)
    }
    .mt-3-5\:xxxl:first-child,
    .my-3-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-3-75\:xxxl,
    .my-3-75\:xxxl {
        margin-top: var(--spacing-3-75)
    }
    .mt-3-75\:xxxl:first-child,
    .my-3-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt-4\:xxxl,
    .my-4\:xxxl {
        margin-top: var(--spacing-4)
    }
    .mt-4\:xxxl:first-child,
    .my-4\:xxxl:first-child {
        margin-top: 0
    }
    .mt-4-5\:xxxl,
    .my-4-5\:xxxl {
        margin-top: var(--spacing-4-5)
    }
    .mt-4-5\:xxxl:first-child,
    .my-4-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-5\:xxxl,
    .my-5\:xxxl {
        margin-top: var(--spacing-5)
    }
    .mt-5\:xxxl:first-child,
    .my-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-5-5\:xxxl,
    .my-5-5\:xxxl {
        margin-top: var(--spacing-5-5)
    }
    .mt-5-5\:xxxl:first-child,
    .my-5-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-5-75\:xxxl,
    .my-5-75\:xxxl {
        margin-top: var(--spacing-5-75)
    }
    .mt-5-75\:xxxl:first-child,
    .my-5-75\:xxxl:first-child {
        margin-top: 0
    }
    .mt-6\:xxxl,
    .my-6\:xxxl {
        margin-top: var(--spacing-6)
    }
    .mt-6\:xxxl:first-child,
    .my-6\:xxxl:first-child {
        margin-top: 0
    }
    .mt-6-2\:xxxl,
    .my-6-2\:xxxl {
        margin-top: var(--spacing-6-2)
    }
    .mt-6-2\:xxxl:first-child,
    .my-6-2\:xxxl:first-child {
        margin-top: 0
    }
    .mt-6-5\:xxxl,
    .my-6-5\:xxxl {
        margin-top: var(--spacing-6-5)
    }
    .mt-6-5\:xxxl:first-child,
    .my-6-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-7\:xxxl,
    .my-7\:xxxl {
        margin-top: var(--spacing-7)
    }
    .mt-7\:xxxl:first-child,
    .my-7\:xxxl:first-child {
        margin-top: 0
    }
    .mt-7-5\:xxxl,
    .my-7-5\:xxxl {
        margin-top: var(--spacing-7-5)
    }
    .mt-7-5\:xxxl:first-child,
    .my-7-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-8\:xxxl,
    .my-8\:xxxl {
        margin-top: var(--spacing-8)
    }
    .mt-8\:xxxl:first-child,
    .my-8\:xxxl:first-child {
        margin-top: 0
    }
    .mt-8-5\:xxxl,
    .my-8-5\:xxxl {
        margin-top: var(--spacing-8-5)
    }
    .mt-8-5\:xxxl:first-child,
    .my-8-5\:xxxl:first-child {
        margin-top: 0
    }
    .mt-10\:xxxl,
    .my-10\:xxxl {
        margin-top: var(--spacing-10)
    }
    .mt-10\:xxxl:first-child,
    .my-10\:xxxl:first-child {
        margin-top: 0
    }
    .mt-12\:xxxl,
    .my-12\:xxxl {
        margin-top: var(--spacing-12)
    }
    .mt-12\:xxxl:first-child,
    .my-12\:xxxl:first-child {
        margin-top: 0
    }
    .mt-14\:xxxl,
    .my-14\:xxxl {
        margin-top: var(--spacing-14)
    }
    .mt-14\:xxxl:first-child,
    .my-14\:xxxl:first-child {
        margin-top: 0
    }
    .mt-auto\:xxxl,
    .my-auto\:xxxl {
        margin-top: auto
    }
    .mt-auto\:xxxl:first-child,
    .my-auto\:xxxl:first-child {
        margin-top: 0
    }
    .mb--1\:xxxl,
    .my--1\:xxxl {
        margin-bottom: var(--spacing--1)
    }
    .mb--1\:xxxl:last-child,
    .my--1\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-0\:xxxl,
    .my-0\:xxxl {
        margin-bottom: var(--spacing-0)
    }
    .mb-0\:xxxl:last-child,
    .my-0\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-0-25\:xxxl,
    .my-0-25\:xxxl {
        margin-bottom: var(--spacing-0-25)
    }
    .mb-0-25\:xxxl:last-child,
    .my-0-25\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-0-5\:xxxl,
    .my-0-5\:xxxl {
        margin-bottom: var(--spacing-0-5)
    }
    .mb-0-5\:xxxl:last-child,
    .my-0-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-0-7\:xxxl,
    .my-0-7\:xxxl {
        margin-bottom: var(--spacing-0-7)
    }
    .mb-0-7\:xxxl:last-child,
    .my-0-7\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-0-75\:xxxl,
    .my-0-75\:xxxl {
        margin-bottom: var(--spacing-0-75)
    }
    .mb-0-75\:xxxl:last-child,
    .my-0-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb--0-75\:xxxl,
    .my--0-75\:xxxl {
        margin-bottom: var(--spacing--0-75)
    }
    .mb--0-75\:xxxl:last-child,
    .my--0-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-1\:xxxl,
    .my-1\:xxxl {
        margin-bottom: var(--spacing-1)
    }
    .mb-1\:xxxl:last-child,
    .my-1\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-1-2\:xxxl,
    .my-1-2\:xxxl {
        margin-bottom: var(--spacing-1-2)
    }
    .mb-1-2\:xxxl:last-child,
    .my-1-2\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-1-5\:xxxl,
    .my-1-5\:xxxl {
        margin-bottom: var(--spacing-1-5)
    }
    .mb-1-5\:xxxl:last-child,
    .my-1-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb--1-5\:xxxl,
    .my--1-5\:xxxl {
        margin-bottom: var(--spacing--1-5)
    }
    .mb--1-5\:xxxl:last-child,
    .my--1-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-1-75\:xxxl,
    .my-1-75\:xxxl {
        margin-bottom: var(--spacing-1-75)
    }
    .mb-1-75\:xxxl:last-child,
    .my-1-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb--1-75\:xxxl,
    .my--1-75\:xxxl {
        margin-bottom: var(--spacing--1-75)
    }
    .mb--1-75\:xxxl:last-child,
    .my--1-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-1-9\:xxxl,
    .my-1-9\:xxxl {
        margin-bottom: var(--spacing-1-9)
    }
    .mb-1-9\:xxxl:last-child,
    .my-1-9\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-2\:xxxl,
    .my-2\:xxxl {
        margin-bottom: var(--spacing-2)
    }
    .mb-2\:xxxl:last-child,
    .my-2\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-2-25\:xxxl,
    .my-2-25\:xxxl {
        margin-bottom: var(--spacing-2-25)
    }
    .mb-2-25\:xxxl:last-child,
    .my-2-25\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-2-5\:xxxl,
    .my-2-5\:xxxl {
        margin-bottom: var(--spacing-2-5)
    }
    .mb-2-5\:xxxl:last-child,
    .my-2-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-2-75\:xxxl,
    .my-2-75\:xxxl {
        margin-bottom: var(--spacing-2-75)
    }
    .mb-2-75\:xxxl:last-child,
    .my-2-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-3\:xxxl,
    .my-3\:xxxl {
        margin-bottom: var(--spacing-3)
    }
    .mb-3\:xxxl:last-child,
    .my-3\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-3-25\:xxxl,
    .my-3-25\:xxxl {
        margin-bottom: var(--spacing-3-25)
    }
    .mb-3-25\:xxxl:last-child,
    .my-3-25\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-3-5\:xxxl,
    .my-3-5\:xxxl {
        margin-bottom: var(--spacing-3-5)
    }
    .mb-3-5\:xxxl:last-child,
    .my-3-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-3-75\:xxxl,
    .my-3-75\:xxxl {
        margin-bottom: var(--spacing-3-75)
    }
    .mb-3-75\:xxxl:last-child,
    .my-3-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-4\:xxxl,
    .my-4\:xxxl {
        margin-bottom: var(--spacing-4)
    }
    .mb-4\:xxxl:last-child,
    .my-4\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-4-5\:xxxl,
    .my-4-5\:xxxl {
        margin-bottom: var(--spacing-4-5)
    }
    .mb-4-5\:xxxl:last-child,
    .my-4-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-5\:xxxl,
    .my-5\:xxxl {
        margin-bottom: var(--spacing-5)
    }
    .mb-5\:xxxl:last-child,
    .my-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-5-5\:xxxl,
    .my-5-5\:xxxl {
        margin-bottom: var(--spacing-5-5)
    }
    .mb-5-5\:xxxl:last-child,
    .my-5-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-5-75\:xxxl,
    .my-5-75\:xxxl {
        margin-bottom: var(--spacing-5-75)
    }
    .mb-5-75\:xxxl:last-child,
    .my-5-75\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-6\:xxxl,
    .my-6\:xxxl {
        margin-bottom: var(--spacing-6)
    }
    .mb-6\:xxxl:last-child,
    .my-6\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-6-2\:xxxl,
    .my-6-2\:xxxl {
        margin-bottom: var(--spacing-6-2)
    }
    .mb-6-2\:xxxl:last-child,
    .my-6-2\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-6-5\:xxxl,
    .my-6-5\:xxxl {
        margin-bottom: var(--spacing-6-5)
    }
    .mb-6-5\:xxxl:last-child,
    .my-6-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-7\:xxxl,
    .my-7\:xxxl {
        margin-bottom: var(--spacing-7)
    }
    .mb-7\:xxxl:last-child,
    .my-7\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-7-5\:xxxl,
    .my-7-5\:xxxl {
        margin-bottom: var(--spacing-7-5)
    }
    .mb-7-5\:xxxl:last-child,
    .my-7-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-8\:xxxl,
    .my-8\:xxxl {
        margin-bottom: var(--spacing-8)
    }
    .mb-8\:xxxl:last-child,
    .my-8\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-8-5\:xxxl,
    .my-8-5\:xxxl {
        margin-bottom: var(--spacing-8-5)
    }
    .mb-8-5\:xxxl:last-child,
    .my-8-5\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-10\:xxxl,
    .my-10\:xxxl {
        margin-bottom: var(--spacing-10)
    }
    .mb-10\:xxxl:last-child,
    .my-10\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-12\:xxxl,
    .my-12\:xxxl {
        margin-bottom: var(--spacing-12)
    }
    .mb-12\:xxxl:last-child,
    .my-12\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-14\:xxxl,
    .my-14\:xxxl {
        margin-bottom: var(--spacing-14)
    }
    .mb-14\:xxxl:last-child,
    .my-14\:xxxl:last-child {
        margin-bottom: 0
    }
    .mb-auto\:xxxl,
    .my-auto\:xxxl {
        margin-bottom: auto
    }
    .mb-auto\:xxxl:last-child,
    .my-auto\:xxxl:last-child {
        margin-bottom: 0
    }
    .ml--1\:xxxl,
    .mx--1\:xxxl {
        margin-left: var(--spacing--1)
    }
    .ml-0\:xxxl,
    .mx-0\:xxxl {
        margin-left: var(--spacing-0)
    }
    .ml-0-25\:xxxl,
    .mx-0-25\:xxxl {
        margin-left: var(--spacing-0-25)
    }
    .ml-0-5\:xxxl,
    .mx-0-5\:xxxl {
        margin-left: var(--spacing-0-5)
    }
    .ml-0-7\:xxxl,
    .mx-0-7\:xxxl {
        margin-left: var(--spacing-0-7)
    }
    .ml-0-75\:xxxl,
    .mx-0-75\:xxxl {
        margin-left: var(--spacing-0-75)
    }
    .ml--0-75\:xxxl,
    .mx--0-75\:xxxl {
        margin-left: var(--spacing--0-75)
    }
    .ml-1\:xxxl,
    .mx-1\:xxxl {
        margin-left: var(--spacing-1)
    }
    .ml-1-2\:xxxl,
    .mx-1-2\:xxxl {
        margin-left: var(--spacing-1-2)
    }
    .ml-1-5\:xxxl,
    .mx-1-5\:xxxl {
        margin-left: var(--spacing-1-5)
    }
    .ml--1-5\:xxxl,
    .mx--1-5\:xxxl {
        margin-left: var(--spacing--1-5)
    }
    .ml-1-75\:xxxl,
    .mx-1-75\:xxxl {
        margin-left: var(--spacing-1-75)
    }
    .ml--1-75\:xxxl,
    .mx--1-75\:xxxl {
        margin-left: var(--spacing--1-75)
    }
    .ml-1-9\:xxxl,
    .mx-1-9\:xxxl {
        margin-left: var(--spacing-1-9)
    }
    .ml-2\:xxxl,
    .mx-2\:xxxl {
        margin-left: var(--spacing-2)
    }
    .ml-2-25\:xxxl,
    .mx-2-25\:xxxl {
        margin-left: var(--spacing-2-25)
    }
    .ml-2-5\:xxxl,
    .mx-2-5\:xxxl {
        margin-left: var(--spacing-2-5)
    }
    .ml-2-75\:xxxl,
    .mx-2-75\:xxxl {
        margin-left: var(--spacing-2-75)
    }
    .ml-3\:xxxl,
    .mx-3\:xxxl {
        margin-left: var(--spacing-3)
    }
    .ml-3-25\:xxxl,
    .mx-3-25\:xxxl {
        margin-left: var(--spacing-3-25)
    }
    .ml-3-5\:xxxl,
    .mx-3-5\:xxxl {
        margin-left: var(--spacing-3-5)
    }
    .ml-3-75\:xxxl,
    .mx-3-75\:xxxl {
        margin-left: var(--spacing-3-75)
    }
    .ml-4\:xxxl,
    .mx-4\:xxxl {
        margin-left: var(--spacing-4)
    }
    .ml-4-5\:xxxl,
    .mx-4-5\:xxxl {
        margin-left: var(--spacing-4-5)
    }
    .ml-5\:xxxl,
    .mx-5\:xxxl {
        margin-left: var(--spacing-5)
    }
    .ml-5-5\:xxxl,
    .mx-5-5\:xxxl {
        margin-left: var(--spacing-5-5)
    }
    .ml-5-75\:xxxl,
    .mx-5-75\:xxxl {
        margin-left: var(--spacing-5-75)
    }
    .ml-6\:xxxl,
    .mx-6\:xxxl {
        margin-left: var(--spacing-6)
    }
    .ml-6-2\:xxxl,
    .mx-6-2\:xxxl {
        margin-left: var(--spacing-6-2)
    }
    .ml-6-5\:xxxl,
    .mx-6-5\:xxxl {
        margin-left: var(--spacing-6-5)
    }
    .ml-7\:xxxl,
    .mx-7\:xxxl {
        margin-left: var(--spacing-7)
    }
    .ml-7-5\:xxxl,
    .mx-7-5\:xxxl {
        margin-left: var(--spacing-7-5)
    }
    .ml-8\:xxxl,
    .mx-8\:xxxl {
        margin-left: var(--spacing-8)
    }
    .ml-8-5\:xxxl,
    .mx-8-5\:xxxl {
        margin-left: var(--spacing-8-5)
    }
    .ml-10\:xxxl,
    .mx-10\:xxxl {
        margin-left: var(--spacing-10)
    }
    .ml-12\:xxxl,
    .mx-12\:xxxl {
        margin-left: var(--spacing-12)
    }
    .ml-14\:xxxl,
    .mx-14\:xxxl {
        margin-left: var(--spacing-14)
    }
    .ml-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-left: auto
    }
    .mr--1\:xxxl,
    .mx--1\:xxxl {
        margin-right: var(--spacing--1)
    }
    .mr-0\:xxxl,
    .mx-0\:xxxl {
        margin-right: var(--spacing-0)
    }
    .mr-0-25\:xxxl,
    .mx-0-25\:xxxl {
        margin-right: var(--spacing-0-25)
    }
    .mr-0-5\:xxxl,
    .mx-0-5\:xxxl {
        margin-right: var(--spacing-0-5)
    }
    .mr-0-7\:xxxl,
    .mx-0-7\:xxxl {
        margin-right: var(--spacing-0-7)
    }
    .mr-0-75\:xxxl,
    .mx-0-75\:xxxl {
        margin-right: var(--spacing-0-75)
    }
    .mr--0-75\:xxxl,
    .mx--0-75\:xxxl {
        margin-right: var(--spacing--0-75)
    }
    .mr-1\:xxxl,
    .mx-1\:xxxl {
        margin-right: var(--spacing-1)
    }
    .mr-1-2\:xxxl,
    .mx-1-2\:xxxl {
        margin-right: var(--spacing-1-2)
    }
    .mr-1-5\:xxxl,
    .mx-1-5\:xxxl {
        margin-right: var(--spacing-1-5)
    }
    .mr--1-5\:xxxl,
    .mx--1-5\:xxxl {
        margin-right: var(--spacing--1-5)
    }
    .mr-1-75\:xxxl,
    .mx-1-75\:xxxl {
        margin-right: var(--spacing-1-75)
    }
    .mr--1-75\:xxxl,
    .mx--1-75\:xxxl {
        margin-right: var(--spacing--1-75)
    }
    .mr-1-9\:xxxl,
    .mx-1-9\:xxxl {
        margin-right: var(--spacing-1-9)
    }
    .mr-2\:xxxl,
    .mx-2\:xxxl {
        margin-right: var(--spacing-2)
    }
    .mr-2-25\:xxxl,
    .mx-2-25\:xxxl {
        margin-right: var(--spacing-2-25)
    }
    .mr-2-5\:xxxl,
    .mx-2-5\:xxxl {
        margin-right: var(--spacing-2-5)
    }
    .mr-2-75\:xxxl,
    .mx-2-75\:xxxl {
        margin-right: var(--spacing-2-75)
    }
    .mr-3\:xxxl,
    .mx-3\:xxxl {
        margin-right: var(--spacing-3)
    }
    .mr-3-25\:xxxl,
    .mx-3-25\:xxxl {
        margin-right: var(--spacing-3-25)
    }
    .mr-3-5\:xxxl,
    .mx-3-5\:xxxl {
        margin-right: var(--spacing-3-5)
    }
    .mr-3-75\:xxxl,
    .mx-3-75\:xxxl {
        margin-right: var(--spacing-3-75)
    }
    .mr-4\:xxxl,
    .mx-4\:xxxl {
        margin-right: var(--spacing-4)
    }
    .mr-4-5\:xxxl,
    .mx-4-5\:xxxl {
        margin-right: var(--spacing-4-5)
    }
    .mr-5\:xxxl,
    .mx-5\:xxxl {
        margin-right: var(--spacing-5)
    }
    .mr-5-5\:xxxl,
    .mx-5-5\:xxxl {
        margin-right: var(--spacing-5-5)
    }
    .mr-5-75\:xxxl,
    .mx-5-75\:xxxl {
        margin-right: var(--spacing-5-75)
    }
    .mr-6\:xxxl,
    .mx-6\:xxxl {
        margin-right: var(--spacing-6)
    }
    .mr-6-2\:xxxl,
    .mx-6-2\:xxxl {
        margin-right: var(--spacing-6-2)
    }
    .mr-6-5\:xxxl,
    .mx-6-5\:xxxl {
        margin-right: var(--spacing-6-5)
    }
    .mr-7\:xxxl,
    .mx-7\:xxxl {
        margin-right: var(--spacing-7)
    }
    .mr-7-5\:xxxl,
    .mx-7-5\:xxxl {
        margin-right: var(--spacing-7-5)
    }
    .mr-8\:xxxl,
    .mx-8\:xxxl {
        margin-right: var(--spacing-8)
    }
    .mr-8-5\:xxxl,
    .mx-8-5\:xxxl {
        margin-right: var(--spacing-8-5)
    }
    .mr-10\:xxxl,
    .mx-10\:xxxl {
        margin-right: var(--spacing-10)
    }
    .mr-12\:xxxl,
    .mx-12\:xxxl {
        margin-right: var(--spacing-12)
    }
    .mr-14\:xxxl,
    .mx-14\:xxxl {
        margin-right: var(--spacing-14)
    }
    .mr-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-right: auto
    }
    .w-0-5\:xxxl {
        width: var(--spacing-0-5)
    }
    .w-2\:xxxl {
        width: var(--spacing-2)
    }
    .w-3\:xxxl {
        width: var(--spacing-3)
    }
    .w-3-5\:xxxl {
        width: var(--spacing-3-5)
    }
    .w-4\:xxxl {
        width: var(--spacing-4)
    }
    .w-4-5\:xxxl {
        width: var(--spacing-4-5)
    }
    .w-5\:xxxl {
        width: var(--spacing-5)
    }
    .w-6\:xxxl {
        width: var(--spacing-6)
    }
    .w-6-75\:xxxl {
        width: var(--spacing-6-75)
    }
    .w-7\:xxxl {
        width: var(--spacing-7)
    }
    .w-7-5\:xxxl {
        width: var(--spacing-7-5)
    }
    .w-8\:xxxl {
        width: var(--spacing-8)
    }
    .w-8-5\:xxxl {
        width: var(--spacing-8-5)
    }
    .w-9\:xxxl {
        width: var(--spacing-9)
    }
    .w-9-5\:xxxl {
        width: var(--spacing-9-5)
    }
    .w-10\:xxxl {
        width: var(--spacing-10)
    }
    .w-10-5\:xxxl {
        width: var(--spacing-10-5)
    }
    .w-11\:xxxl {
        width: var(--spacing-11)
    }
    .w-12\:xxxl {
        width: var(--spacing-12)
    }
    .w-12-5\:xxxl {
        width: var(--spacing-12-5)
    }
    .w-13\:xxxl {
        width: var(--spacing-13)
    }
    .w-14\:xxxl {
        width: var(--spacing-14)
    }
    .w-14-25\:xxxl {
        width: var(--spacing-14-25)
    }
    .w-15\:xxxl {
        width: var(--spacing-15)
    }
    .w-16\:xxxl {
        width: var(--spacing-16)
    }
    .w-18\:xxxl {
        width: var(--spacing-18)
    }
    .w-19\:xxxl {
        width: var(--spacing-19)
    }
    .w-20\:xxxl {
        width: var(--spacing-20)
    }
    .h-0-5\:xxxl {
        height: var(--spacing-0-5)
    }
    .h-2\:xxxl {
        height: var(--spacing-2)
    }
    .h-3\:xxxl {
        height: var(--spacing-3)
    }
    .h-3-5\:xxxl {
        height: var(--spacing-3-5)
    }
    .h-4\:xxxl {
        height: var(--spacing-4)
    }
    .h-4-5\:xxxl {
        height: var(--spacing-4-5)
    }
    .h-5\:xxxl {
        height: var(--spacing-5)
    }
    .h-6\:xxxl {
        height: var(--spacing-6)
    }
    .h-6-75\:xxxl {
        height: var(--spacing-6-75)
    }
    .h-7\:xxxl {
        height: var(--spacing-7)
    }
    .h-7-5\:xxxl {
        height: var(--spacing-7-5)
    }
    .h-8\:xxxl {
        height: var(--spacing-8)
    }
    .h-8-5\:xxxl {
        height: var(--spacing-8-5)
    }
    .h-9\:xxxl {
        height: var(--spacing-9)
    }
    .h-9-5\:xxxl {
        height: var(--spacing-9-5)
    }
    .h-10\:xxxl {
        height: var(--spacing-10)
    }
    .h-10-5\:xxxl {
        height: var(--spacing-10-5)
    }
    .h-11\:xxxl {
        height: var(--spacing-11)
    }
    .h-12\:xxxl {
        height: var(--spacing-12)
    }
    .h-12-5\:xxxl {
        height: var(--spacing-12-5)
    }
    .h-13\:xxxl {
        height: var(--spacing-13)
    }
    .h-14\:xxxl {
        height: var(--spacing-14)
    }
    .h-14-25\:xxxl {
        height: var(--spacing-14-25)
    }
    .h-15\:xxxl {
        height: var(--spacing-15)
    }
    .h-16\:xxxl {
        height: var(--spacing-16)
    }
    .h-18\:xxxl {
        height: var(--spacing-18)
    }
    .h-19\:xxxl {
        height: var(--spacing-19)
    }
    .h-20\:xxxl {
        height: var(--spacing-20)
    }
}

.container,
.container-h,
.container-h-0-5,
.container-h-2,
.container-h-cookie,
.container-h-form,
.container-h-md-up,
.container-h-modal,
.container-h-news,
.container-v,
.container-v-bottom,
.container-v-contact,
.container-v-docs,
.container-v-footer,
.container-v-form,
.container-v-list,
.container-v-list-bottom,
.container-v-list-top,
.container-v-location,
.container-v-modal,
.container-v-modal-bottom,
.container-v-modal-callback,
.container-v-modal-top,
.container-v-modal-top-xs,
.container-v-small,
.container-v-small-bottom {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}

.container-h-0-5:after,
.container-h-0-5:before,
.container-h-2:after,
.container-h-2:before,
.container-h-cookie:after,
.container-h-cookie:before,
.container-h-form:after,
.container-h-form:before,
.container-h-md-up:after,
.container-h-md-up:before,
.container-h-modal:after,
.container-h-modal:before,
.container-h-news:after,
.container-h-news:before,
.container-h:after,
.container-h:before,
.container-v-bottom:after,
.container-v-bottom:before,
.container-v-contact:after,
.container-v-contact:before,
.container-v-docs:after,
.container-v-docs:before,
.container-v-footer:after,
.container-v-footer:before,
.container-v-form:after,
.container-v-form:before,
.container-v-list-bottom:after,
.container-v-list-bottom:before,
.container-v-list-top:after,
.container-v-list-top:before,
.container-v-list:after,
.container-v-list:before,
.container-v-location:after,
.container-v-location:before,
.container-v-modal-bottom:after,
.container-v-modal-bottom:before,
.container-v-modal-callback:after,
.container-v-modal-callback:before,
.container-v-modal-top-xs:after,
.container-v-modal-top-xs:before,
.container-v-modal-top:after,
.container-v-modal-top:before,
.container-v-modal:after,
.container-v-modal:before,
.container-v-small-bottom:after,
.container-v-small-bottom:before,
.container-v-small:after,
.container-v-small:before,
.container-v:after,
.container-v:before,
.container:after,
.container:before {
    content: " ";
    display: table
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container {
        max-width: 1920px
    }
}

.container-h {
    padding-right: var(--spacing-1-5);
    padding-left: var(--spacing-1-5)
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h {
        max-width: 1920px
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:980px) {
    .container-h {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

.container-h-0-5 {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-0-5 {
        max-width: 1920px
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h-0-5 {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-0-5 {
        padding-right: 0;
        padding-left: 0
    }
}

@media only screen and (min-width:980px) {
    .container-h-0-5 {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-0-5 {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-0-5 {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-0-5 {
        padding-right: var(--spacing-1);
        padding-left: var(--spacing-1)
    }
}

.container-h-md-up {
    padding-right: 0;
    padding-left: 0
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-md-up {
        max-width: 1920px
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h-md-up {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-md-up {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:980px) {
    .container-h-md-up {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-md-up {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-md-up {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-md-up {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

.container-h-modal {
    padding-right: var(--spacing-1-5);
    padding-left: var(--spacing-1-5)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h-modal {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-modal {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:980px) {
    .container-h-modal {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-modal {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-modal {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-modal {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

.container-h-2 {
    padding-right: var(--spacing-1-5);
    padding-left: var(--spacing-1-5)
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-2 {
        max-width: 1920px
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h-2 {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-2 {
        padding-right: var(--spacing-1-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:980px) {
    .container-h-2 {
        padding-right: var(--spacing-6);
        padding-left: var(--spacing-6)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-2 {
        padding-right: var(--spacing-6);
        padding-left: var(--spacing-6)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-2 {
        padding-right: var(--spacing-6);
        padding-left: var(--spacing-6)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-2 {
        padding-right: var(--spacing-6);
        padding-left: var(--spacing-6)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-form {
        max-width: 540px
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-news {
        max-width: 1920px
    }
}

@media only screen and (min-width:980px) {
    .container-h-news {
        padding-right: var(--spacing-4);
        padding-left: var(--spacing-4)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-news {
        padding-right: var(--spacing-4);
        padding-left: var(--spacing-4)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-news {
        padding-right: var(--spacing-4);
        padding-left: var(--spacing-4)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-news {
        padding-right: var(--spacing-4);
        padding-left: var(--spacing-4)
    }
}

.container-h-cookie {
    padding-right: var(--spacing-2);
    padding-left: var(--spacing-1-5)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-h-cookie {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-h-cookie {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:980px) {
    .container-h-cookie {
        padding-right: var(--spacing-2-5);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-h-cookie {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-h-cookie {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-h-cookie {
        padding-right: var(--spacing-2);
        padding-left: var(--spacing-2)
    }
}

.container-v {
    padding-top: var(--spacing);
    padding-bottom: var(--spacing)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-v {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:980px) {
    .container-v {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v {
        padding-top: var(--spacing);
        padding-bottom: var(--spacing)
    }
}

.container-v-list {
    padding-top: var(--spacing-1-5);
    padding-bottom: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-list {
        padding-top: calc(var(--spacing) * 50 / 40);
        padding-bottom: calc(var(--spacing) * 130 / 40)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-list {
        padding-top: calc(var(--spacing) * 80 / 60);
        padding-bottom: calc(var(--spacing) * 190 / 60)
    }
}

.container-v-list-top {
    padding-top: var(--spacing-1-5);
    padding-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-list-top {
        padding-top: calc(var(--spacing) * 50 / 40);
        padding-bottom: 0
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-list-top {
        padding-top: calc(var(--spacing) * 80 / 60);
        padding-bottom: 0
    }
}

.container-v-list-bottom {
    padding-top: 0;
    padding-bottom: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-list-bottom {
        padding-top: 0;
        padding-bottom: calc(var(--spacing) * 130 / 40)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-list-bottom {
        padding-top: 0;
        padding-bottom: calc(var(--spacing) * 190 / 60)
    }
}

.container-v-footer {
    padding-top: var(--spacing-2);
    padding-bottom: var(--spacing-2)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-v-footer {
        padding-top: var(--spacing-3);
        padding-bottom: var(--spacing-3)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-footer {
        padding-top: var(--spacing-2);
        padding-bottom: var(--spacing-1)
    }
}

@media only screen and (min-width:980px) {
    .container-v-footer {
        padding-top: var(--spacing-2);
        padding-bottom: var(--spacing-2)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v-footer {
        padding-top: var(--spacing-1-5);
        padding-bottom: calc(var(--spacing-1-5) - 10px)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-footer {
        padding-top: var(--spacing-1);
        padding-bottom: var(--spacing-2)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-v-footer {
        padding-top: var(--spacing-1-5);
        padding-bottom: var(--spacing-1-5)
    }
}

.container-v-modal {
    padding-top: var(--spacing-1-5);
    padding-bottom: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-modal {
        padding-top: calc(var(--spacing) * 25 / 40);
        padding-bottom: var(--spacing-3)
    }
}

@media only screen and (min-width:980px) {
    .container-v-modal {
        padding-top: var(--spacing);
        padding-bottom: calc(var(--spacing) * 170 / 60)
    }
}

.container-v-modal-callback {
    padding-top: var(--spacing-1-5);
    padding-bottom: var(--spacing-4)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-modal-callback {
        padding-top: var(--spacing-2);
        padding-bottom: var(--spacing-1)
    }
}

.container-v-modal-top {
    padding-top: var(--spacing-1-5);
    padding-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-modal-top {
        padding-top: var(--spacing-2);
        padding-bottom: 0
    }
}

@media only screen and (min-width:980px) {
    .container-v-modal-top {
        padding-top: var(--spacing-2);
        padding-bottom: 0
    }
}

.container-v-modal-top-xs {
    padding-top: var(--spacing-1-5);
    padding-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-modal-top-xs {
        padding-top: calc(var(--spacing) / 60 * 80);
        padding-bottom: 0
    }
}

@media only screen and (min-width:980px) {
    .container-v-modal-top-xs {
        padding-top: calc(var(--spacing) / 60 * 80);
        padding-bottom: 0
    }
}

.container-v-modal-bottom {
    padding-bottom: var(--spacing-1-5)
}

.container-v-contact {
    padding-top: calc(var(--spacing) * 10);
    padding-bottom: var(--spacing)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-v-contact {
        padding-top: var(--spacing-8);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-contact {
        padding-top: var(--spacing-6);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:980px) {
    .container-v-contact {
        padding-top: var(--spacing-6);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v-contact {
        padding-top: var(--spacing-5);
        padding-bottom: var(--spacing)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-contact {
        padding-top: var(--spacing-5);
        padding-bottom: var(--spacing)
    }
}

.container-v-docs {
    padding-top: var(--spacing-1);
    padding-bottom: var(--spacing)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-docs {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 200 / 60)
    }
}

.container-v-location {
    padding-top: var(--spacing-8);
    padding-bottom: var(--spacing-6)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-location {
        padding-top: calc(var(--spacing) * 3.3);
        padding-bottom: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v-location {
        padding-top: calc(var(--spacing) * 5);
        padding-bottom: 0
    }
}

.container-v-bottom {
    padding-top: 0;
    padding-bottom: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-bottom {
        padding-top: 0;
        padding-bottom: var(--spacing-2)
    }
}

.container-v-small {
    padding-top: var(--spacing-0-5);
    padding-bottom: calc(var(--spacing) * 2)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-v-small {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-small {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:980px) {
    .container-v-small {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v-small {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-small {
        padding-top: var(--spacing-0-5);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

.container-v-small-bottom {
    padding-top: 0;
    padding-bottom: calc(var(--spacing) * 2)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .container-v-small-bottom {
        padding-top: 0;
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .container-v-small-bottom {
        padding-top: 75px;
        padding-bottom: calc(var(--spacing) * 2 - 75px)
    }
}

@media only screen and (min-width:980px) {
    .container-v-small-bottom {
        padding-top: 75px;
        padding-bottom: calc(var(--spacing) * 2 - 75px)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .container-v-small-bottom {
        padding-top: 85px;
        padding-bottom: calc(var(--spacing) * 2 - 85px)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .container-v-small-bottom {
        padding-top: 90px;
        padding-bottom: calc(var(--spacing) * 2 - 90px)
    }
}

.container-v-form {
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-3-5)
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .container-v-form {
        padding-top: var(--spacing-2-5);
        padding-bottom: var(--spacing-2-5)
    }
}

@media print {
    .container .container,
    .container .container-h,
    .container .container-h-0-5,
    .container .container-h-2,
    .container .container-h-cookie,
    .container .container-h-form,
    .container .container-h-md-up,
    .container .container-h-modal,
    .container .container-h-news,
    .container .container-v,
    .container .container-v-bottom,
    .container .container-v-contact,
    .container .container-v-docs,
    .container .container-v-footer,
    .container .container-v-form,
    .container .container-v-list,
    .container .container-v-list-bottom,
    .container .container-v-list-top,
    .container .container-v-location,
    .container .container-v-modal,
    .container .container-v-modal-bottom,
    .container .container-v-modal-callback,
    .container .container-v-modal-top,
    .container .container-v-modal-top-xs,
    .container .container-v-small,
    .container .container-v-small-bottom {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}

.full-width {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row--pad {
    margin-left: calc(var(--spacing) / -2);
    margin-right: calc(var(--spacing) / -2)
}

.row--pad>.col {
    padding-left: calc(var(--spacing) / 2);
    padding-right: calc(var(--spacing) / 2)
}

.row--pad-xl {
    margin-left: 0;
    margin-right: 0
}

.row--pad-xl>.col {
    padding-left: 0;
    padding-right: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .row--pad-xl {
        margin-left: 0;
        margin-right: 0
    }
    .row--pad-xl>.col {
        padding-left: 0;
        padding-right: 0
    }
}

.row--pad-xl .col {
    flex: 1;
    max-width: 100%
}

.row--pad-xl .col--xs-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%
}

.row--pad-xl .col--xs-1 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-1 {
    min-width: 8.33333%;
    max-width: 8.33333%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-1 {
        max-width: 8.33333%
    }
}

.row--pad-xl .offset--xs-1 {
    margin-left: 8.33333%
}

.row--pad-xl .col--xs-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%
}

.row--pad-xl .col--xs-2 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-2 {
    min-width: 16.66667%;
    max-width: 16.66667%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-2 {
        max-width: 16.66667%
    }
}

.row--pad-xl .offset--xs-2 {
    margin-left: 16.66667%
}

.row--pad-xl .col--xs-3 {
    flex: 0 1 25%;
    width: 25%
}

.row--pad-xl .col--xs-3 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-3 {
    min-width: 25%;
    max-width: 25%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-3 {
        max-width: 25%
    }
}

.row--pad-xl .offset--xs-3 {
    margin-left: 25%
}

.row--pad-xl .col--xs-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%
}

.row--pad-xl .col--xs-4 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-4 {
    min-width: 33.33333%;
    max-width: 33.33333%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-4 {
        max-width: 33.33333%
    }
}

.row--pad-xl .offset--xs-4 {
    margin-left: 33.33333%
}

.row--pad-xl .col--xs-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%
}

.row--pad-xl .col--xs-5 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-5 {
    min-width: 41.66667%;
    max-width: 41.66667%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-5 {
        max-width: 41.66667%
    }
}

.row--pad-xl .offset--xs-5 {
    margin-left: 41.66667%
}

.row--pad-xl .col--xs-6 {
    flex: 0 1 50%;
    width: 50%
}

.row--pad-xl .col--xs-6 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-6 {
    min-width: 50%;
    max-width: 50%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-6 {
        max-width: 50%
    }
}

.row--pad-xl .offset--xs-6 {
    margin-left: 50%
}

.row--pad-xl .col--xs-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%
}

.row--pad-xl .col--xs-7 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-7 {
    min-width: 58.33333%;
    max-width: 58.33333%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-7 {
        max-width: 58.33333%
    }
}

.row--pad-xl .offset--xs-7 {
    margin-left: 58.33333%
}

.row--pad-xl .col--xs-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%
}

.row--pad-xl .col--xs-8 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-8 {
    min-width: 66.66667%;
    max-width: 66.66667%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-8 {
        max-width: 66.66667%
    }
}

.row--pad-xl .offset--xs-8 {
    margin-left: 66.66667%
}

.row--pad-xl .col--xs-9 {
    flex: 0 1 75%;
    width: 75%
}

.row--pad-xl .col--xs-9 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-9 {
    min-width: 75%;
    max-width: 75%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-9 {
        max-width: 75%
    }
}

.row--pad-xl .offset--xs-9 {
    margin-left: 75%
}

.row--pad-xl .col--xs-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%
}

.row--pad-xl .col--xs-10 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-10 {
    min-width: 83.33333%;
    max-width: 83.33333%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-10 {
        max-width: 83.33333%
    }
}

.row--pad-xl .offset--xs-10 {
    margin-left: 83.33333%
}

.row--pad-xl .col--xs-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%
}

.row--pad-xl .col--xs-11 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-11 {
    min-width: 91.66667%;
    max-width: 91.66667%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-11 {
        max-width: 91.66667%
    }
}

.row--pad-xl .offset--xs-11 {
    margin-left: 91.66667%
}

.row--pad-xl .col--xs-12 {
    flex: 0 1 100%;
    width: 100%
}

.row--pad-xl .col--xs-12 _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-12 {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-12 {
        max-width: 100%
    }
}

.row--pad-xl .offset--xs-12 {
    margin-left: 100%
}

.row--pad-xl .col--xs-full {
    flex: 0 1 100%;
    width: 100%
}

.row--pad-xl .col--xs-full _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-full {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-full {
        max-width: 100%
    }
}

.row--pad-xl .offset--xs-0 {
    margin-left: 0
}

.row--pad-xl .col--xs-auto {
    flex: 0 0 auto;
    width: auto
}

.row--pad-xl .col--xs-auto _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-auto {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-auto {
        max-width: none
    }
}

.row--pad-xl .col--xs-fill {
    flex: 1 1 auto;
    width: auto
}

.row--pad-xl .col--xs-fill _:-ms-input-placeholder,
:root .row--pad-xl .col--xs-fill {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .row--pad-xl .col--xs-fill {
        max-width: none
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .row--pad-xl .col--sm-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--sm-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--sm-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--sm-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--sm-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--sm-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--sm-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--sm-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--sm-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--sm-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--sm-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--sm-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--sm-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--sm-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--sm-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--sm-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--sm-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--sm-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--sm-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--sm-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--sm-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--sm-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--sm-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--sm-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--sm-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--sm-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--sm-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--sm-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--sm-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--sm-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--sm-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--sm-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--sm-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--sm-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--sm-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--sm-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--sm-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--sm-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--sm-0 {
        margin-left: 0
    }
    .row--pad-xl .col--sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--sm-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--sm-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--sm-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--sm-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--sm-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .row--pad-xl .col--md-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--md-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--md-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--md-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--md-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--md-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--md-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--md-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--md-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--md-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--md-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--md-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--md-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--md-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--md-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--md-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--md-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--md-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--md-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--md-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--md-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--md-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--md-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--md-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--md-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--md-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--md-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--md-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--md-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--md-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--md-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--md-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--md-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--md-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--md-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--md-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--md-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--md-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--md-0 {
        margin-left: 0
    }
    .row--pad-xl .col--md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--md-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--md-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--md-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--md-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--md-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:980px) {
    .row--pad-xl .col--lg-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--lg-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--lg-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--lg-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--lg-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--lg-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--lg-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--lg-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--lg-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--lg-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--lg-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--lg-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--lg-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--lg-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--lg-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--lg-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--lg-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--lg-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--lg-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--lg-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--lg-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--lg-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--lg-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--lg-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--lg-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--lg-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--lg-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--lg-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--lg-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--lg-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--lg-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--lg-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--lg-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--lg-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--lg-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--lg-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--lg-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--lg-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--lg-0 {
        margin-left: 0
    }
    .row--pad-xl .col--lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--lg-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--lg-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--lg-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--lg-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--lg-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .row--pad-xl .col--xl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--xl-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--xl-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--xl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--xl-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--xl-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--xl-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--xl-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--xl-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--xl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--xl-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--xl-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--xl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--xl-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--xl-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--xl-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--xl-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--xl-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--xl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--xl-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--xl-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--xl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--xl-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--xl-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--xl-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--xl-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--xl-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--xl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--xl-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--xl-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--xl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--xl-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--xl-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--xl-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xl-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xl-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--xl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xl-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xl-0 {
        margin-left: 0
    }
    .row--pad-xl .col--xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--xl-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--xl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--xl-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--xl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xl-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .row--pad-xl .col--xxl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--xxl-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--xxl-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--xxl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--xxl-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--xxl-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--xxl-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--xxl-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--xxl-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--xxl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--xxl-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--xxl-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--xxl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--xxl-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--xxl-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--xxl-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--xxl-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--xxl-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--xxl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--xxl-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--xxl-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--xxl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--xxl-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--xxl-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--xxl-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--xxl-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--xxl-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--xxl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--xxl-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--xxl-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--xxl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--xxl-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--xxl-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--xxl-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xxl-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xxl-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--xxl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xxl-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xxl-0 {
        margin-left: 0
    }
    .row--pad-xl .col--xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--xxl-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--xxl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--xxl-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxl-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .row--pad-xl .col--xxxl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }
    .row--pad-xl .col--xxxl-1 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-1 {
        min-width: 8.33333%;
        max-width: 8.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-1 {
            max-width: 8.33333%
        }
    }
    .row--pad-xl .offset--xxxl-1 {
        margin-left: 8.33333%
    }
    .row--pad-xl .col--xxxl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .row--pad-xl .col--xxxl-2 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-2 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-2 {
            max-width: 16.66667%
        }
    }
    .row--pad-xl .offset--xxxl-2 {
        margin-left: 16.66667%
    }
    .row--pad-xl .col--xxxl-3 {
        flex: 0 1 25%;
        width: 25%
    }
    .row--pad-xl .col--xxxl-3 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-3 {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-3 {
            max-width: 25%
        }
    }
    .row--pad-xl .offset--xxxl-3 {
        margin-left: 25%
    }
    .row--pad-xl .col--xxxl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .row--pad-xl .col--xxxl-4 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-4 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-4 {
            max-width: 33.33333%
        }
    }
    .row--pad-xl .offset--xxxl-4 {
        margin-left: 33.33333%
    }
    .row--pad-xl .col--xxxl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }
    .row--pad-xl .col--xxxl-5 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-5 {
        min-width: 41.66667%;
        max-width: 41.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-5 {
            max-width: 41.66667%
        }
    }
    .row--pad-xl .offset--xxxl-5 {
        margin-left: 41.66667%
    }
    .row--pad-xl .col--xxxl-6 {
        flex: 0 1 50%;
        width: 50%
    }
    .row--pad-xl .col--xxxl-6 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-6 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-6 {
            max-width: 50%
        }
    }
    .row--pad-xl .offset--xxxl-6 {
        margin-left: 50%
    }
    .row--pad-xl .col--xxxl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }
    .row--pad-xl .col--xxxl-7 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-7 {
        min-width: 58.33333%;
        max-width: 58.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-7 {
            max-width: 58.33333%
        }
    }
    .row--pad-xl .offset--xxxl-7 {
        margin-left: 58.33333%
    }
    .row--pad-xl .col--xxxl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .row--pad-xl .col--xxxl-8 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-8 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-8 {
            max-width: 66.66667%
        }
    }
    .row--pad-xl .offset--xxxl-8 {
        margin-left: 66.66667%
    }
    .row--pad-xl .col--xxxl-9 {
        flex: 0 1 75%;
        width: 75%
    }
    .row--pad-xl .col--xxxl-9 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-9 {
        min-width: 75%;
        max-width: 75%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-9 {
            max-width: 75%
        }
    }
    .row--pad-xl .offset--xxxl-9 {
        margin-left: 75%
    }
    .row--pad-xl .col--xxxl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .row--pad-xl .col--xxxl-10 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-10 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-10 {
            max-width: 83.33333%
        }
    }
    .row--pad-xl .offset--xxxl-10 {
        margin-left: 83.33333%
    }
    .row--pad-xl .col--xxxl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }
    .row--pad-xl .col--xxxl-11 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-11 {
        min-width: 91.66667%;
        max-width: 91.66667%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-11 {
            max-width: 91.66667%
        }
    }
    .row--pad-xl .offset--xxxl-11 {
        margin-left: 91.66667%
    }
    .row--pad-xl .col--xxxl-12 {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xxxl-12 _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-12 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-12 {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xxxl-12 {
        margin-left: 100%
    }
    .row--pad-xl .col--xxxl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .row--pad-xl .col--xxxl-full _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-full {
            max-width: 100%
        }
    }
    .row--pad-xl .offset--xxxl-0 {
        margin-left: 0
    }
    .row--pad-xl .col--xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .row--pad-xl .col--xxxl-auto _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-auto {
            max-width: none
        }
    }
    .row--pad-xl .col--xxxl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .row--pad-xl .col--xxxl-fill _:-ms-input-placeholder,
    :root .row--pad-xl .col--xxxl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .row--pad-xl .col--xxxl-fill {
            max-width: none
        }
    }
}

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

.col--xs-1 {
    flex: 0 1 25%;
    width: 25%
}

.col--xs-1 _:-ms-input-placeholder,
:root .col--xs-1 {
    min-width: 25%;
    max-width: 25%
}

@-moz-document url-prefix() {
    .col--xs-1 {
        max-width: 25%
    }
}

.offset--xs-1 {
    margin-left: 25%
}

.col--xs-2 {
    flex: 0 1 50%;
    width: 50%
}

.col--xs-2 _:-ms-input-placeholder,
:root .col--xs-2 {
    min-width: 50%;
    max-width: 50%
}

@-moz-document url-prefix() {
    .col--xs-2 {
        max-width: 50%
    }
}

.offset--xs-2 {
    margin-left: 50%
}

.col--xs-3 {
    flex: 0 1 75%;
    width: 75%
}

.col--xs-3 _:-ms-input-placeholder,
:root .col--xs-3 {
    min-width: 75%;
    max-width: 75%
}

@-moz-document url-prefix() {
    .col--xs-3 {
        max-width: 75%
    }
}

.offset--xs-3 {
    margin-left: 75%
}

.col--xs-4 {
    flex: 0 1 100%;
    width: 100%
}

.col--xs-4 _:-ms-input-placeholder,
:root .col--xs-4 {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-4 {
        max-width: 100%
    }
}

.offset--xs-4 {
    margin-left: 100%
}

.col--xs-full {
    flex: 0 1 100%;
    width: 100%
}

.col--xs-full _:-ms-input-placeholder,
:root .col--xs-full {
    min-width: 100%;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-full {
        max-width: 100%
    }
}

.offset--xs-0 {
    margin-left: 0
}

.col--xs-50\% {
    flex: 0 1 50%;
    width: 50%
}

.col--xs-50\% _:-ms-input-placeholder,
:root .col--xs-50\% {
    min-width: 50%;
    max-width: 50%
}

@-moz-document url-prefix() {
    .col--xs-50\% {
        max-width: 50%
    }
}

.offset--xs-50\% {
    margin-left: 50%
}

.col--xs-33\% {
    flex: 0 1 33.33333%;
    width: 33.33333%
}

.col--xs-33\% _:-ms-input-placeholder,
:root .col--xs-33\% {
    min-width: 33.33333%;
    max-width: 33.33333%
}

@-moz-document url-prefix() {
    .col--xs-33\% {
        max-width: 33.33333%
    }
}

.offset--xs-33\% {
    margin-left: 33.33333%
}

.col--xs-auto {
    flex: 0 0 auto;
    width: auto
}

.col--xs-auto _:-ms-input-placeholder,
:root .col--xs-auto {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-auto {
        max-width: none
    }
}

.col--xs-fill {
    flex: 1 1 auto;
    width: auto
}

.col--xs-fill _:-ms-input-placeholder,
:root .col--xs-fill {
    min-width: 0;
    max-width: 100%
}

@-moz-document url-prefix() {
    .col--xs-fill {
        max-width: none
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .col--sm-1 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--sm-1 _:-ms-input-placeholder,
    :root .col--sm-1 {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .col--sm-1 {
            max-width: 16.66667%
        }
    }
    .offset--sm-1 {
        margin-left: 16.66667%
    }
    .col--sm-2 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--sm-2 _:-ms-input-placeholder,
    :root .col--sm-2 {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .col--sm-2 {
            max-width: 33.33333%
        }
    }
    .offset--sm-2 {
        margin-left: 33.33333%
    }
    .col--sm-3 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--sm-3 _:-ms-input-placeholder,
    :root .col--sm-3 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--sm-3 {
            max-width: 50%
        }
    }
    .offset--sm-3 {
        margin-left: 50%
    }
    .col--sm-4 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }
    .col--sm-4 _:-ms-input-placeholder,
    :root .col--sm-4 {
        min-width: 66.66667%;
        max-width: 66.66667%
    }
    @-moz-document url-prefix() {
        .col--sm-4 {
            max-width: 66.66667%
        }
    }
    .offset--sm-4 {
        margin-left: 66.66667%
    }
    .col--sm-5 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }
    .col--sm-5 _:-ms-input-placeholder,
    :root .col--sm-5 {
        min-width: 83.33333%;
        max-width: 83.33333%
    }
    @-moz-document url-prefix() {
        .col--sm-5 {
            max-width: 83.33333%
        }
    }
    .offset--sm-5 {
        margin-left: 83.33333%
    }
    .col--sm-6 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--sm-6 _:-ms-input-placeholder,
    :root .col--sm-6 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--sm-6 {
            max-width: 100%
        }
    }
    .offset--sm-6 {
        margin-left: 100%
    }
    .col--sm-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--sm-full _:-ms-input-placeholder,
    :root .col--sm-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--sm-full {
            max-width: 100%
        }
    }
    .offset--sm-0 {
        margin-left: 0
    }
    .col--sm-33\% {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--sm-33\% _:-ms-input-placeholder,
    :root .col--sm-33\% {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .col--sm-33\% {
            max-width: 33.33333%
        }
    }
    .offset--sm-33\% {
        margin-left: 33.33333%
    }
    .col--sm-50\% {
        flex: 0 1 50%;
        width: 50%
    }
    .col--sm-50\% _:-ms-input-placeholder,
    :root .col--sm-50\% {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--sm-50\% {
            max-width: 50%
        }
    }
    .offset--sm-50\% {
        margin-left: 50%
    }
    .col--sm-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--sm-auto _:-ms-input-placeholder,
    :root .col--sm-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--sm-auto {
            max-width: none
        }
    }
    .col--sm-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--sm-fill _:-ms-input-placeholder,
    :root .col--sm-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--sm-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .col--md-1 {
        flex: 0 1 10%;
        width: 10%
    }
    .col--md-1 _:-ms-input-placeholder,
    :root .col--md-1 {
        min-width: 10%;
        max-width: 10%
    }
    @-moz-document url-prefix() {
        .col--md-1 {
            max-width: 10%
        }
    }
    .offset--md-1 {
        margin-left: 10%
    }
    .col--md-2 {
        flex: 0 1 20%;
        width: 20%
    }
    .col--md-2 _:-ms-input-placeholder,
    :root .col--md-2 {
        min-width: 20%;
        max-width: 20%
    }
    @-moz-document url-prefix() {
        .col--md-2 {
            max-width: 20%
        }
    }
    .offset--md-2 {
        margin-left: 20%
    }
    .col--md-3 {
        flex: 0 1 30%;
        width: 30%
    }
    .col--md-3 _:-ms-input-placeholder,
    :root .col--md-3 {
        min-width: 30%;
        max-width: 30%
    }
    @-moz-document url-prefix() {
        .col--md-3 {
            max-width: 30%
        }
    }
    .offset--md-3 {
        margin-left: 30%
    }
    .col--md-4 {
        flex: 0 1 40%;
        width: 40%
    }
    .col--md-4 _:-ms-input-placeholder,
    :root .col--md-4 {
        min-width: 40%;
        max-width: 40%
    }
    @-moz-document url-prefix() {
        .col--md-4 {
            max-width: 40%
        }
    }
    .offset--md-4 {
        margin-left: 40%
    }
    .col--md-5 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--md-5 _:-ms-input-placeholder,
    :root .col--md-5 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--md-5 {
            max-width: 50%
        }
    }
    .offset--md-5 {
        margin-left: 50%
    }
    .col--md-6 {
        flex: 0 1 60%;
        width: 60%
    }
    .col--md-6 _:-ms-input-placeholder,
    :root .col--md-6 {
        min-width: 60%;
        max-width: 60%
    }
    @-moz-document url-prefix() {
        .col--md-6 {
            max-width: 60%
        }
    }
    .offset--md-6 {
        margin-left: 60%
    }
    .col--md-7 {
        flex: 0 1 70%;
        width: 70%
    }
    .col--md-7 _:-ms-input-placeholder,
    :root .col--md-7 {
        min-width: 70%;
        max-width: 70%
    }
    @-moz-document url-prefix() {
        .col--md-7 {
            max-width: 70%
        }
    }
    .offset--md-7 {
        margin-left: 70%
    }
    .col--md-8 {
        flex: 0 1 80%;
        width: 80%
    }
    .col--md-8 _:-ms-input-placeholder,
    :root .col--md-8 {
        min-width: 80%;
        max-width: 80%
    }
    @-moz-document url-prefix() {
        .col--md-8 {
            max-width: 80%
        }
    }
    .offset--md-8 {
        margin-left: 80%
    }
    .col--md-9 {
        flex: 0 1 90%;
        width: 90%
    }
    .col--md-9 _:-ms-input-placeholder,
    :root .col--md-9 {
        min-width: 90%;
        max-width: 90%
    }
    @-moz-document url-prefix() {
        .col--md-9 {
            max-width: 90%
        }
    }
    .offset--md-9 {
        margin-left: 90%
    }
    .col--md-10 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--md-10 _:-ms-input-placeholder,
    :root .col--md-10 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--md-10 {
            max-width: 100%
        }
    }
    .offset--md-10 {
        margin-left: 100%
    }
    .col--md-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--md-full _:-ms-input-placeholder,
    :root .col--md-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--md-full {
            max-width: 100%
        }
    }
    .offset--md-0 {
        margin-left: 0
    }
    .col--md-33\% {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--md-33\% _:-ms-input-placeholder,
    :root .col--md-33\% {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .col--md-33\% {
            max-width: 33.33333%
        }
    }
    .offset--md-33\% {
        margin-left: 33.33333%
    }
    .col--md-50\% {
        flex: 0 1 50%;
        width: 50%
    }
    .col--md-50\% _:-ms-input-placeholder,
    :root .col--md-50\% {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--md-50\% {
            max-width: 50%
        }
    }
    .offset--md-50\% {
        margin-left: 50%
    }
    .col--md-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--md-auto _:-ms-input-placeholder,
    :root .col--md-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--md-auto {
            max-width: none
        }
    }
    .col--md-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--md-fill _:-ms-input-placeholder,
    :root .col--md-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--md-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:980px) {
    .col--lg-1 {
        flex: 0 1 10%;
        width: 10%
    }
    .col--lg-1 _:-ms-input-placeholder,
    :root .col--lg-1 {
        min-width: 10%;
        max-width: 10%
    }
    @-moz-document url-prefix() {
        .col--lg-1 {
            max-width: 10%
        }
    }
    .offset--lg-1 {
        margin-left: 10%
    }
    .col--lg-2 {
        flex: 0 1 20%;
        width: 20%
    }
    .col--lg-2 _:-ms-input-placeholder,
    :root .col--lg-2 {
        min-width: 20%;
        max-width: 20%
    }
    @-moz-document url-prefix() {
        .col--lg-2 {
            max-width: 20%
        }
    }
    .offset--lg-2 {
        margin-left: 20%
    }
    .col--lg-3 {
        flex: 0 1 30%;
        width: 30%
    }
    .col--lg-3 _:-ms-input-placeholder,
    :root .col--lg-3 {
        min-width: 30%;
        max-width: 30%
    }
    @-moz-document url-prefix() {
        .col--lg-3 {
            max-width: 30%
        }
    }
    .offset--lg-3 {
        margin-left: 30%
    }
    .col--lg-4 {
        flex: 0 1 40%;
        width: 40%
    }
    .col--lg-4 _:-ms-input-placeholder,
    :root .col--lg-4 {
        min-width: 40%;
        max-width: 40%
    }
    @-moz-document url-prefix() {
        .col--lg-4 {
            max-width: 40%
        }
    }
    .offset--lg-4 {
        margin-left: 40%
    }
    .col--lg-5 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--lg-5 _:-ms-input-placeholder,
    :root .col--lg-5 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--lg-5 {
            max-width: 50%
        }
    }
    .offset--lg-5 {
        margin-left: 50%
    }
    .col--lg-6 {
        flex: 0 1 60%;
        width: 60%
    }
    .col--lg-6 _:-ms-input-placeholder,
    :root .col--lg-6 {
        min-width: 60%;
        max-width: 60%
    }
    @-moz-document url-prefix() {
        .col--lg-6 {
            max-width: 60%
        }
    }
    .offset--lg-6 {
        margin-left: 60%
    }
    .col--lg-7 {
        flex: 0 1 70%;
        width: 70%
    }
    .col--lg-7 _:-ms-input-placeholder,
    :root .col--lg-7 {
        min-width: 70%;
        max-width: 70%
    }
    @-moz-document url-prefix() {
        .col--lg-7 {
            max-width: 70%
        }
    }
    .offset--lg-7 {
        margin-left: 70%
    }
    .col--lg-8 {
        flex: 0 1 80%;
        width: 80%
    }
    .col--lg-8 _:-ms-input-placeholder,
    :root .col--lg-8 {
        min-width: 80%;
        max-width: 80%
    }
    @-moz-document url-prefix() {
        .col--lg-8 {
            max-width: 80%
        }
    }
    .offset--lg-8 {
        margin-left: 80%
    }
    .col--lg-9 {
        flex: 0 1 90%;
        width: 90%
    }
    .col--lg-9 _:-ms-input-placeholder,
    :root .col--lg-9 {
        min-width: 90%;
        max-width: 90%
    }
    @-moz-document url-prefix() {
        .col--lg-9 {
            max-width: 90%
        }
    }
    .offset--lg-9 {
        margin-left: 90%
    }
    .col--lg-10 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--lg-10 _:-ms-input-placeholder,
    :root .col--lg-10 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--lg-10 {
            max-width: 100%
        }
    }
    .offset--lg-10 {
        margin-left: 100%
    }
    .col--lg-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--lg-full _:-ms-input-placeholder,
    :root .col--lg-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--lg-full {
            max-width: 100%
        }
    }
    .offset--lg-0 {
        margin-left: 0
    }
    .col--lg-25\% {
        flex: 0 1 25%;
        width: 25%
    }
    .col--lg-25\% _:-ms-input-placeholder,
    :root .col--lg-25\% {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .col--lg-25\% {
            max-width: 25%
        }
    }
    .offset--lg-25\% {
        margin-left: 25%
    }
    .col--lg-33\% {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--lg-33\% _:-ms-input-placeholder,
    :root .col--lg-33\% {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .col--lg-33\% {
            max-width: 33.33333%
        }
    }
    .offset--lg-33\% {
        margin-left: 33.33333%
    }
    .col--lg-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--lg-auto _:-ms-input-placeholder,
    :root .col--lg-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--lg-auto {
            max-width: none
        }
    }
    .col--lg-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--lg-fill _:-ms-input-placeholder,
    :root .col--lg-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--lg-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .col--xl-1 {
        flex: 0 1 10%;
        width: 10%
    }
    .col--xl-1 _:-ms-input-placeholder,
    :root .col--xl-1 {
        min-width: 10%;
        max-width: 10%
    }
    @-moz-document url-prefix() {
        .col--xl-1 {
            max-width: 10%
        }
    }
    .offset--xl-1 {
        margin-left: 10%
    }
    .col--xl-2 {
        flex: 0 1 20%;
        width: 20%
    }
    .col--xl-2 _:-ms-input-placeholder,
    :root .col--xl-2 {
        min-width: 20%;
        max-width: 20%
    }
    @-moz-document url-prefix() {
        .col--xl-2 {
            max-width: 20%
        }
    }
    .offset--xl-2 {
        margin-left: 20%
    }
    .col--xl-3 {
        flex: 0 1 30%;
        width: 30%
    }
    .col--xl-3 _:-ms-input-placeholder,
    :root .col--xl-3 {
        min-width: 30%;
        max-width: 30%
    }
    @-moz-document url-prefix() {
        .col--xl-3 {
            max-width: 30%
        }
    }
    .offset--xl-3 {
        margin-left: 30%
    }
    .col--xl-4 {
        flex: 0 1 40%;
        width: 40%
    }
    .col--xl-4 _:-ms-input-placeholder,
    :root .col--xl-4 {
        min-width: 40%;
        max-width: 40%
    }
    @-moz-document url-prefix() {
        .col--xl-4 {
            max-width: 40%
        }
    }
    .offset--xl-4 {
        margin-left: 40%
    }
    .col--xl-5 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--xl-5 _:-ms-input-placeholder,
    :root .col--xl-5 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--xl-5 {
            max-width: 50%
        }
    }
    .offset--xl-5 {
        margin-left: 50%
    }
    .col--xl-6 {
        flex: 0 1 60%;
        width: 60%
    }
    .col--xl-6 _:-ms-input-placeholder,
    :root .col--xl-6 {
        min-width: 60%;
        max-width: 60%
    }
    @-moz-document url-prefix() {
        .col--xl-6 {
            max-width: 60%
        }
    }
    .offset--xl-6 {
        margin-left: 60%
    }
    .col--xl-7 {
        flex: 0 1 70%;
        width: 70%
    }
    .col--xl-7 _:-ms-input-placeholder,
    :root .col--xl-7 {
        min-width: 70%;
        max-width: 70%
    }
    @-moz-document url-prefix() {
        .col--xl-7 {
            max-width: 70%
        }
    }
    .offset--xl-7 {
        margin-left: 70%
    }
    .col--xl-8 {
        flex: 0 1 80%;
        width: 80%
    }
    .col--xl-8 _:-ms-input-placeholder,
    :root .col--xl-8 {
        min-width: 80%;
        max-width: 80%
    }
    @-moz-document url-prefix() {
        .col--xl-8 {
            max-width: 80%
        }
    }
    .offset--xl-8 {
        margin-left: 80%
    }
    .col--xl-9 {
        flex: 0 1 90%;
        width: 90%
    }
    .col--xl-9 _:-ms-input-placeholder,
    :root .col--xl-9 {
        min-width: 90%;
        max-width: 90%
    }
    @-moz-document url-prefix() {
        .col--xl-9 {
            max-width: 90%
        }
    }
    .offset--xl-9 {
        margin-left: 90%
    }
    .col--xl-10 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xl-10 _:-ms-input-placeholder,
    :root .col--xl-10 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xl-10 {
            max-width: 100%
        }
    }
    .offset--xl-10 {
        margin-left: 100%
    }
    .col--xl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xl-full _:-ms-input-placeholder,
    :root .col--xl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xl-full {
            max-width: 100%
        }
    }
    .offset--xl-0 {
        margin-left: 0
    }
    .col--xl-16\% {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }
    .col--xl-16\% _:-ms-input-placeholder,
    :root .col--xl-16\% {
        min-width: 16.66667%;
        max-width: 16.66667%
    }
    @-moz-document url-prefix() {
        .col--xl-16\% {
            max-width: 16.66667%
        }
    }
    .offset--xl-16\% {
        margin-left: 16.66667%
    }
    .col--xl-25\% {
        flex: 0 1 25%;
        width: 25%
    }
    .col--xl-25\% _:-ms-input-placeholder,
    :root .col--xl-25\% {
        min-width: 25%;
        max-width: 25%
    }
    @-moz-document url-prefix() {
        .col--xl-25\% {
            max-width: 25%
        }
    }
    .offset--xl-25\% {
        margin-left: 25%
    }
    .col--xl-33\% {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }
    .col--xl-33\% _:-ms-input-placeholder,
    :root .col--xl-33\% {
        min-width: 33.33333%;
        max-width: 33.33333%
    }
    @-moz-document url-prefix() {
        .col--xl-33\% {
            max-width: 33.33333%
        }
    }
    .offset--xl-33\% {
        margin-left: 33.33333%
    }
    .col--xl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--xl-auto _:-ms-input-placeholder,
    :root .col--xl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xl-auto {
            max-width: none
        }
    }
    .col--xl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--xl-fill _:-ms-input-placeholder,
    :root .col--xl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xl-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .col--xxl-1 {
        flex: 0 1 10%;
        width: 10%
    }
    .col--xxl-1 _:-ms-input-placeholder,
    :root .col--xxl-1 {
        min-width: 10%;
        max-width: 10%
    }
    @-moz-document url-prefix() {
        .col--xxl-1 {
            max-width: 10%
        }
    }
    .offset--xxl-1 {
        margin-left: 10%
    }
    .col--xxl-2 {
        flex: 0 1 20%;
        width: 20%
    }
    .col--xxl-2 _:-ms-input-placeholder,
    :root .col--xxl-2 {
        min-width: 20%;
        max-width: 20%
    }
    @-moz-document url-prefix() {
        .col--xxl-2 {
            max-width: 20%
        }
    }
    .offset--xxl-2 {
        margin-left: 20%
    }
    .col--xxl-3 {
        flex: 0 1 30%;
        width: 30%
    }
    .col--xxl-3 _:-ms-input-placeholder,
    :root .col--xxl-3 {
        min-width: 30%;
        max-width: 30%
    }
    @-moz-document url-prefix() {
        .col--xxl-3 {
            max-width: 30%
        }
    }
    .offset--xxl-3 {
        margin-left: 30%
    }
    .col--xxl-4 {
        flex: 0 1 40%;
        width: 40%
    }
    .col--xxl-4 _:-ms-input-placeholder,
    :root .col--xxl-4 {
        min-width: 40%;
        max-width: 40%
    }
    @-moz-document url-prefix() {
        .col--xxl-4 {
            max-width: 40%
        }
    }
    .offset--xxl-4 {
        margin-left: 40%
    }
    .col--xxl-5 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--xxl-5 _:-ms-input-placeholder,
    :root .col--xxl-5 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--xxl-5 {
            max-width: 50%
        }
    }
    .offset--xxl-5 {
        margin-left: 50%
    }
    .col--xxl-6 {
        flex: 0 1 60%;
        width: 60%
    }
    .col--xxl-6 _:-ms-input-placeholder,
    :root .col--xxl-6 {
        min-width: 60%;
        max-width: 60%
    }
    @-moz-document url-prefix() {
        .col--xxl-6 {
            max-width: 60%
        }
    }
    .offset--xxl-6 {
        margin-left: 60%
    }
    .col--xxl-7 {
        flex: 0 1 70%;
        width: 70%
    }
    .col--xxl-7 _:-ms-input-placeholder,
    :root .col--xxl-7 {
        min-width: 70%;
        max-width: 70%
    }
    @-moz-document url-prefix() {
        .col--xxl-7 {
            max-width: 70%
        }
    }
    .offset--xxl-7 {
        margin-left: 70%
    }
    .col--xxl-8 {
        flex: 0 1 80%;
        width: 80%
    }
    .col--xxl-8 _:-ms-input-placeholder,
    :root .col--xxl-8 {
        min-width: 80%;
        max-width: 80%
    }
    @-moz-document url-prefix() {
        .col--xxl-8 {
            max-width: 80%
        }
    }
    .offset--xxl-8 {
        margin-left: 80%
    }
    .col--xxl-9 {
        flex: 0 1 90%;
        width: 90%
    }
    .col--xxl-9 _:-ms-input-placeholder,
    :root .col--xxl-9 {
        min-width: 90%;
        max-width: 90%
    }
    @-moz-document url-prefix() {
        .col--xxl-9 {
            max-width: 90%
        }
    }
    .offset--xxl-9 {
        margin-left: 90%
    }
    .col--xxl-10 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xxl-10 _:-ms-input-placeholder,
    :root .col--xxl-10 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxl-10 {
            max-width: 100%
        }
    }
    .offset--xxl-10 {
        margin-left: 100%
    }
    .col--xxl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xxl-full _:-ms-input-placeholder,
    :root .col--xxl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxl-full {
            max-width: 100%
        }
    }
    .offset--xxl-0 {
        margin-left: 0
    }
    .col--xxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--xxl-auto _:-ms-input-placeholder,
    :root .col--xxl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxl-auto {
            max-width: none
        }
    }
    .col--xxl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--xxl-fill _:-ms-input-placeholder,
    :root .col--xxl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxl-fill {
            max-width: none
        }
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .col--xxxl-1 {
        flex: 0 1 10%;
        width: 10%
    }
    .col--xxxl-1 _:-ms-input-placeholder,
    :root .col--xxxl-1 {
        min-width: 10%;
        max-width: 10%
    }
    @-moz-document url-prefix() {
        .col--xxxl-1 {
            max-width: 10%
        }
    }
    .offset--xxxl-1 {
        margin-left: 10%
    }
    .col--xxxl-2 {
        flex: 0 1 20%;
        width: 20%
    }
    .col--xxxl-2 _:-ms-input-placeholder,
    :root .col--xxxl-2 {
        min-width: 20%;
        max-width: 20%
    }
    @-moz-document url-prefix() {
        .col--xxxl-2 {
            max-width: 20%
        }
    }
    .offset--xxxl-2 {
        margin-left: 20%
    }
    .col--xxxl-3 {
        flex: 0 1 30%;
        width: 30%
    }
    .col--xxxl-3 _:-ms-input-placeholder,
    :root .col--xxxl-3 {
        min-width: 30%;
        max-width: 30%
    }
    @-moz-document url-prefix() {
        .col--xxxl-3 {
            max-width: 30%
        }
    }
    .offset--xxxl-3 {
        margin-left: 30%
    }
    .col--xxxl-4 {
        flex: 0 1 40%;
        width: 40%
    }
    .col--xxxl-4 _:-ms-input-placeholder,
    :root .col--xxxl-4 {
        min-width: 40%;
        max-width: 40%
    }
    @-moz-document url-prefix() {
        .col--xxxl-4 {
            max-width: 40%
        }
    }
    .offset--xxxl-4 {
        margin-left: 40%
    }
    .col--xxxl-5 {
        flex: 0 1 50%;
        width: 50%
    }
    .col--xxxl-5 _:-ms-input-placeholder,
    :root .col--xxxl-5 {
        min-width: 50%;
        max-width: 50%
    }
    @-moz-document url-prefix() {
        .col--xxxl-5 {
            max-width: 50%
        }
    }
    .offset--xxxl-5 {
        margin-left: 50%
    }
    .col--xxxl-6 {
        flex: 0 1 60%;
        width: 60%
    }
    .col--xxxl-6 _:-ms-input-placeholder,
    :root .col--xxxl-6 {
        min-width: 60%;
        max-width: 60%
    }
    @-moz-document url-prefix() {
        .col--xxxl-6 {
            max-width: 60%
        }
    }
    .offset--xxxl-6 {
        margin-left: 60%
    }
    .col--xxxl-7 {
        flex: 0 1 70%;
        width: 70%
    }
    .col--xxxl-7 _:-ms-input-placeholder,
    :root .col--xxxl-7 {
        min-width: 70%;
        max-width: 70%
    }
    @-moz-document url-prefix() {
        .col--xxxl-7 {
            max-width: 70%
        }
    }
    .offset--xxxl-7 {
        margin-left: 70%
    }
    .col--xxxl-8 {
        flex: 0 1 80%;
        width: 80%
    }
    .col--xxxl-8 _:-ms-input-placeholder,
    :root .col--xxxl-8 {
        min-width: 80%;
        max-width: 80%
    }
    @-moz-document url-prefix() {
        .col--xxxl-8 {
            max-width: 80%
        }
    }
    .offset--xxxl-8 {
        margin-left: 80%
    }
    .col--xxxl-9 {
        flex: 0 1 90%;
        width: 90%
    }
    .col--xxxl-9 _:-ms-input-placeholder,
    :root .col--xxxl-9 {
        min-width: 90%;
        max-width: 90%
    }
    @-moz-document url-prefix() {
        .col--xxxl-9 {
            max-width: 90%
        }
    }
    .offset--xxxl-9 {
        margin-left: 90%
    }
    .col--xxxl-10 {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xxxl-10 _:-ms-input-placeholder,
    :root .col--xxxl-10 {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxxl-10 {
            max-width: 100%
        }
    }
    .offset--xxxl-10 {
        margin-left: 100%
    }
    .col--xxxl-full {
        flex: 0 1 100%;
        width: 100%
    }
    .col--xxxl-full _:-ms-input-placeholder,
    :root .col--xxxl-full {
        min-width: 100%;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxxl-full {
            max-width: 100%
        }
    }
    .offset--xxxl-0 {
        margin-left: 0
    }
    .col--xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }
    .col--xxxl-auto _:-ms-input-placeholder,
    :root .col--xxxl-auto {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxxl-auto {
            max-width: none
        }
    }
    .col--xxxl-fill {
        flex: 1 1 auto;
        width: auto
    }
    .col--xxxl-fill _:-ms-input-placeholder,
    :root .col--xxxl-fill {
        min-width: 0;
        max-width: 100%
    }
    @-moz-document url-prefix() {
        .col--xxxl-fill {
            max-width: none
        }
    }
}

.row--start-xs {
    justify-content: flex-start;
    text-align: start
}

.row--center-xs {
    justify-content: center;
    text-align: center
}

.row--end-xs {
    justify-content: flex-end;
    text-align: end
}

.row--top-xs {
    align-items: flex-start
}

.row--middle-xs {
    align-items: center
}

.row--bottom-xs {
    align-items: flex-end
}

.row--around-xs {
    justify-content: space-around
}

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

.row .col--order-first-xs {
    order: -1
}

.row .col--order-normal-xs {
    order: 0
}

.row .col--order-last-xs {
    order: 1
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .row--start-sm {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-sm {
        justify-content: center;
        text-align: center
    }
    .row--end-sm {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-sm {
        align-items: flex-start
    }
    .row--middle-sm {
        align-items: center
    }
    .row--bottom-sm {
        align-items: flex-end
    }
    .row--around-sm {
        justify-content: space-around
    }
    .row--between-sm {
        justify-content: space-between
    }
    .row .col--order-first-sm {
        order: -1
    }
    .row .col--order-normal-sm {
        order: 0
    }
    .row .col--order-last-sm {
        order: 1
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .row--start-md {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-md {
        justify-content: center;
        text-align: center
    }
    .row--end-md {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-md {
        align-items: flex-start
    }
    .row--middle-md {
        align-items: center
    }
    .row--bottom-md {
        align-items: flex-end
    }
    .row--around-md {
        justify-content: space-around
    }
    .row--between-md {
        justify-content: space-between
    }
    .row .col--order-first-md {
        order: -1
    }
    .row .col--order-normal-md {
        order: 0
    }
    .row .col--order-last-md {
        order: 1
    }
}

@media only screen and (min-width:980px) {
    .row--start-lg {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-lg {
        justify-content: center;
        text-align: center
    }
    .row--end-lg {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-lg {
        align-items: flex-start
    }
    .row--middle-lg {
        align-items: center
    }
    .row--bottom-lg {
        align-items: flex-end
    }
    .row--around-lg {
        justify-content: space-around
    }
    .row--between-lg {
        justify-content: space-between
    }
    .row .col--order-first-lg {
        order: -1
    }
    .row .col--order-normal-lg {
        order: 0
    }
    .row .col--order-last-lg {
        order: 1
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .row--start-xl {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-xl {
        justify-content: center;
        text-align: center
    }
    .row--end-xl {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-xl {
        align-items: flex-start
    }
    .row--middle-xl {
        align-items: center
    }
    .row--bottom-xl {
        align-items: flex-end
    }
    .row--around-xl {
        justify-content: space-around
    }
    .row--between-xl {
        justify-content: space-between
    }
    .row .col--order-first-xl {
        order: -1
    }
    .row .col--order-normal-xl {
        order: 0
    }
    .row .col--order-last-xl {
        order: 1
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .row--start-xxl {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-xxl {
        justify-content: center;
        text-align: center
    }
    .row--end-xxl {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-xxl {
        align-items: flex-start
    }
    .row--middle-xxl {
        align-items: center
    }
    .row--bottom-xxl {
        align-items: flex-end
    }
    .row--around-xxl {
        justify-content: space-around
    }
    .row--between-xxl {
        justify-content: space-between
    }
    .row .col--order-first-xxl {
        order: -1
    }
    .row .col--order-normal-xxl {
        order: 0
    }
    .row .col--order-last-xxl {
        order: 1
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .row--start-xxxl {
        justify-content: flex-start;
        text-align: start
    }
    .row--center-xxxl {
        justify-content: center;
        text-align: center
    }
    .row--end-xxxl {
        justify-content: flex-end;
        text-align: end
    }
    .row--top-xxxl {
        align-items: flex-start
    }
    .row--middle-xxxl {
        align-items: center
    }
    .row--bottom-xxxl {
        align-items: flex-end
    }
    .row--around-xxxl {
        justify-content: space-around
    }
    .row--between-xxxl {
        justify-content: space-between
    }
    .row .col--order-first-xxxl {
        order: -1
    }
    .row .col--order-normal-xxxl {
        order: 0
    }
    .row .col--order-last-xxxl {
        order: 1
    }
}

.row--nowrap {
    flex-wrap: nowrap
}

.has-hover .is-hidden--hover,
.is-hidden,
.is-hidden--xs-up,
.is-hidden--xxxl-down,
.js .is-hidden--js,
.no-hover .is-hidden--no-hover,
.no-js .is-hidden--no-js {
    display: none !important
}

.no-js .is-visible--no-js {
    display: block !important
}

@media not print {
    .is-hidden--not-print,
    .is-visible--print-only {
        display: none !important
    }
}

@media print {
    .is-hidden--print {
        display: none !important
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs {
        display: none !important
    }
}

.is-hidden--xs-up {
    display: none !important
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs-down {
        display: none !important
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm {
        display: none !important
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .is-hidden--sm-up {
        display: none !important
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm-down {
        display: none !important
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px) {
    .is-hidden--md {
        display: none !important
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .is-hidden--md-up {
        display: none !important
    }
}

@media only screen and (max-width:979px) {
    .is-hidden--md-down {
        display: none !important
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:980px) and (max-width:1199px) {
    .is-hidden--lg {
        display: none !important
    }
}

@media only screen and (min-width:980px) {
    .is-hidden--lg-up {
        display: none !important
    }
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    .is-hidden--lg-down {
        display: none !important
    }
}

@media (min-width:1200px) and (min-height:500px) and (max-height:599px),
only screen and (min-width:1200px) and (min-height:500px) and (max-width:1439px) {
    .is-hidden--xl {
        display: none !important
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .is-hidden--xl-up {
        display: none !important
    }
}

@media (max-height:499px),
(min-width:1200px) and (max-height:599px),
only screen and (max-width:1439px) {
    .is-hidden--xl-down {
        display: none !important
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) and (max-width:1919px) {
    .is-hidden--xxl {
        display: none !important
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .is-hidden--xxl-up {
        display: none !important
    }
}

@media (max-height:599px),
only screen and (max-width:1919px) {
    .is-hidden--xxl-down {
        display: none !important
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .is-hidden--xxxl,
    .is-hidden--xxxl-up {
        display: none !important
    }
}

.is-hidden--xxxl-down {
    display: none !important
}

:root {
    --is-visible-active: none;
    --is-visible-non-active: block;
    --is-visible--mobile: block;
    --is-visible--non-mobile: block;
    --is-visible--tablet: block;
    --is-visible--non-tablet: block;
    --is-visible--only-mobile: block;
    --is-visible--only-tablet: none;
    --is-visible--only-desktop: none
}

.is-active {
    --is-visible-active: block;
    --is-visible-non-active: none
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    :root {
        --is-visible--mobile: none;
        --is-visible--only-mobile: none
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    :root {
        --is-visible--non-mobile: none
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),
only screen and (min-width:980px) and (max-width:1199px) {
    :root {
        --is-visible--only-tablet: block
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    :root {
        --is-visible--tablet: none;
        --is-visible--only-desktop: block
    }
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    :root {
        --is-visible--non-tablet: none
    }
}

.group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start
}

.group>.col {
    flex-shrink: 0
}

.group,
.group:first-child {
    margin-top: calc(10px * -1);
    margin-left: calc(30px * -1)
}

.group>*,
.group>:first-child {
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 30px;
    max-width: calc(100% - 30px)
}

.group--tiny,
.group--tiny:first-child {
    margin-top: calc(5px * -1);
    margin-left: calc(5px * -1)
}

.group--tiny>*,
.group--tiny>:first-child {
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: 5px;
    max-width: calc(100% - 5px)
}

.group--small,
.group--small:first-child {
    margin-top: calc(10px * -1);
    margin-left: calc(10px * -1)
}

.group--small>*,
.group--small>:first-child {
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 10px;
    max-width: calc(100% - 10px)
}

.group--btn,
.group--btn:first-child {
    margin-top: calc(20px * -1);
    margin-left: calc(20px * -1)
}

.group--btn>*,
.group--btn>:first-child {
    margin-bottom: 0;
    margin-top: 20px;
    margin-left: 20px;
    max-width: calc(100% - 20px)
}

.group--btn-vertical,
.group--btn-vertical:first-child {
    margin-top: calc(12px * -1);
    margin-left: calc(12px * -1)
}

.group--btn-vertical>*,
.group--btn-vertical>:first-child {
    margin-bottom: 0;
    margin-top: 12px;
    margin-left: 12px;
    max-width: calc(100% - 12px)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .group--btn-vertical,
    .group--btn-vertical:first-child {
        margin-top: calc(24px * -1);
        margin-left: calc(24px * -1)
    }
    .group--btn-vertical>*,
    .group--btn-vertical>:first-child {
        margin-bottom: 0;
        margin-top: 24px;
        margin-left: 24px;
        max-width: calc(100% - 24px)
    }
}

.group--features,
.group--features:first-child {
    margin-top: 0;
    margin-left: calc(10px * -1)
}

.group--features>*,
.group--features>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 10px;
    max-width: calc(100% - 10px)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .group--features,
    .group--features:first-child {
        margin-top: 0;
        margin-left: calc(20px * -1)
    }
    .group--features>*,
    .group--features>:first-child {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 20px;
        max-width: calc(100% - 20px)
    }
}

.group--footer,
.group--footer:first-child {
    margin-top: 0;
    margin-left: calc(10px * -1)
}

.group--footer>*,
.group--footer>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 10px;
    max-width: calc(100% - 10px)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .group--footer,
    .group--footer:first-child {
        margin-top: 0;
        margin-left: calc(40px * -1)
    }
    .group--footer>*,
    .group--footer>:first-child {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 40px;
        max-width: calc(100% - 40px)
    }
}

.group--menu-header,
.group--menu-header:first-child {
    margin-top: 0;
    margin-left: calc(80px * -1)
}

.group--menu-header>*,
.group--menu-header>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 80px;
    max-width: calc(100% - 80px)
}

.group--nav,
.group--nav:first-child {
    margin-top: calc(var(--spacing) * -1);
    margin-left: calc(var(--spacing) * -1)
}

.group--nav>*,
.group--nav>:first-child {
    margin-bottom: 0;
    margin-top: var(--spacing);
    margin-left: var(--spacing);
    max-width: calc(100% - var(--spacing))
}

@media only screen and (min-width:980px) {
    .group--nav,
    .group--nav:first-child {
        margin-top: calc(calc(var(--spacing) * 30/40) * -1);
        margin-left: calc(calc(var(--spacing) * 30/40) * -1)
    }
    .group--nav>*,
    .group--nav>:first-child {
        margin-bottom: 0;
        margin-top: calc(var(--spacing) * 30/40);
        margin-left: calc(var(--spacing) * 30/40);
        max-width: calc(100% - calc(var(--spacing) * 30/40))
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .group--nav,
    .group--nav:first-child {
        margin-top: calc(calc(var(--spacing) * 30/50) * -1);
        margin-left: calc(calc(var(--spacing) * 30/50) * -1)
    }
    .group--nav>*,
    .group--nav>:first-child {
        margin-bottom: 0;
        margin-top: calc(var(--spacing) * 30/50);
        margin-left: calc(var(--spacing) * 30/50);
        max-width: calc(100% - calc(var(--spacing) * 30/50))
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .group--nav,
    .group--nav:first-child {
        margin-top: calc(calc(var(--spacing) * 40/60) * -1);
        margin-left: calc(calc(var(--spacing) * 40/60) * -1)
    }
    .group--nav>*,
    .group--nav>:first-child {
        margin-bottom: 0;
        margin-top: calc(var(--spacing) * 40/60);
        margin-left: calc(var(--spacing) * 40/60);
        max-width: calc(100% - calc(var(--spacing) * 40/60))
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .group--nav,
    .group--nav:first-child {
        margin-top: calc(calc(var(--spacing) * 60/80) * -1);
        margin-left: calc(calc(var(--spacing) * 60/80) * -1)
    }
    .group--nav>*,
    .group--nav>:first-child {
        margin-bottom: 0;
        margin-top: calc(var(--spacing) * 60/80);
        margin-left: calc(var(--spacing) * 60/80);
        max-width: calc(100% - calc(var(--spacing) * 60/80))
    }
}

.group--spacing,
.group--spacing:first-child {
    margin-top: 0;
    margin-left: calc(var(--spacing) * -1)
}

.group--spacing>*,
.group--spacing>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: var(--spacing);
    max-width: calc(100% - var(--spacing))
}

.group--icons,
.group--icons:first-child {
    margin-top: 0;
    margin-left: calc(calc(var(--spacing) * 10/60) * -1)
}

.group--icons>*,
.group--icons>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: calc(var(--spacing) * 10/60);
    max-width: calc(100% - calc(var(--spacing) * 10/60))
}

.group--team,
.group--team:first-child {
    margin-top: 0;
    margin-left: calc(var(--spacing-1-5) * -1)
}

.group--team>*,
.group--team>:first-child {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: var(--spacing-1-5);
    max-width: calc(100% - var(--spacing-1-5))
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .group--team,
    .group--team:first-child {
        margin-top: 0;
        margin-left: calc(var(--spacing) * -1)
    }
    .group--team>*,
    .group--team>:first-child {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: var(--spacing);
        max-width: calc(100% - var(--spacing))
    }
}

.group--none,
.group--none:first-child {
    margin-top: calc(-1px * -1);
    margin-left: calc(-1px * -1)
}

.group--none>*,
.group--none>:first-child {
    margin-bottom: 0;
    margin-top: -1px;
    margin-left: -1px;
    max-width: calc(100% - -1px)
}

.group--middle {
    align-items: center
}

.group--bottom {
    align-items: flex-end
}

.group--center {
    justify-content: center
}

.group--right {
    justify-content: flex-end
}

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

.group--column {
    flex-direction: column
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .group--reverse--sm {
        flex-direction: row-reverse
    }
}

.group__fill {
    flex-grow: 1
}

.group__stretch {
    flex: 1
}

.group>.group__right {
    align-self: center;
    margin-left: auto
}

.group--nowrap {
    flex-wrap: nowrap
}

.group--height {
    height: 100%
}

@media only screen and (min-width:980px) {
    .group--right\:lg {
        justify-content: flex-end
    }
}

.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    border: 1px solid rgba(89, 65, 62, .4)
}

.cookie-consent__btn {
    padding-top: 2px
}

.cookie-consent__container {
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 1.5)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .cookie-consent__container {
        padding-top: calc(var(--spacing) * .5);
        padding-bottom: calc(var(--spacing) * .5)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) and (max-height:1100px) {
    .cookie-consent__container {
        padding-top: calc(var(--spacing) * .25);
        padding-bottom: calc(var(--spacing) * .25)
    }
}

.section {
    position: relative
}

.section:not(:first-child) {
    margin-top: -1px
}

.section__content {
    position: relative
}

.section__anchor {
    pointer-events: none;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100px;
    width: 100%;
    margin-top: -70px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .section__anchor {
        margin-top: calc(-40px - var(--spacing) * 75 / 60)
    }
}

.has-scroll-smooth .section {
    will-change: transform;
    perspective: 1px
}

.section--no-overflow,
.section--no-overflow .section__content {
    overflow: hidden;
    contain: content
}

.section--no-overflow-x,
.section--no-overflow-x .section__content {
    overflow-x: hidden;
    contain: content
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .section--overflow-clip-mobile,
    .section--overflow-clip-mobile .section__content {
        overflow: clip;
        contain: content
    }
}

.section--top {
    z-index: 1
}

.section--filters {
    z-index: 9 !important
}

.section--header {
    z-index: 10
}

.section--full-height,
.section--full-height .section__content {
    contain: strict;
    height: 100vh;
    height: var(--viewport-height)
}

.section--no-overflow.section--fixed-height,
.section--no-overflow.section--full-height {
    content-visibility: auto
}

.section--no-overflow.section--fixed-height,
.section--no-overflow.section--fixed-height .section__content {
    contain: strict
}

.background-wrapper {
    position: relative
}

.background,
.background img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.background--top,
.background--top img {
    -o-object-position: 50% 0;
    object-position: 50% 0
}

.background--auto-height,
.background--auto-height img {
    height: auto
}

.deco-title {
    display: flex;
    pointer-events: none;
    max-width: 100%;
    position: relative
}

.deco-title__sizer {
    display: inline-block
}

.deco-title__sizer img {
    display: block;
    width: 100%;
    height: auto
}

.deco-title__text {
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.deco-title--text-relative .deco-title__text {
    display: block;
    width: 100%;
    font-size: 28.2vw
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 15.9vw
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 22.2vw
    }
}

@media only screen and (min-width:980px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 21.5vw
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 17.55vw
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 19.48vw
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .deco-title--text-relative .deco-title__text {
        font-size: 37.4rem
    }
}

.deco-title--text-relative.deco-title--text-small .deco-title__text {
    font-size: 21.2vw
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 11.9vw
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 16.2vw
    }
}

@media only screen and (min-width:980px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 16.5vw
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 13vw
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 14.3vw
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .deco-title--text-relative.deco-title--text-small .deco-title__text {
        font-size: 31rem
    }
}

.deco-title--text-relative.deco-title--text-callback .deco-title__text {
    font-size: 21.2vw
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 11.9vw
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 16.2vw
    }
}

@media only screen and (min-width:980px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 16.5vw
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 13vw
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 14.3vw
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .deco-title--text-relative.deco-title--text-callback .deco-title__text {
        font-size: 15rem
    }
}

.deco-title--center {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.deco-title--center .deco-title__sizer {
    margin: -.1em -.3em
}

.deco-title--center .deco-title__sizer--center .deco-title__text {
    position: relative;
    left: 50%;
    transform: translateX(-50%)
}

.deco-title--center .deco-title__text {
    padding: .1em .3em
}

.deco-title--center.h1,
h1.deco-title--center {
    margin: 0
}

.deco-title--center-adjusted {
    transform: translateY(-65%)
}

.deco-title--above-text {
    top: 18%
}

.deco-title--right {
    justify-content: flex-end
}

.deco-title--left {
    justify-content: flex-start
}

@media only screen and (min-width:980px) {
    .deco-title--left-lg {
        justify-content: flex-start
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .deco-title--landing .deco-title__text>span {
        display: block;
        margin-left: .8em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .deco-title--landing .deco-title__text {
        font-size: 9rem
    }
}

.deco-title--xs {
    display: block;
    position: relative;
    z-index: 1;
    text-align: center
}

.deco-title--xs>span {
    display: block
}

.deco-title--xs-top {
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em;
    margin-bottom: calc(var(--spacing) / 1.8)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .deco-title--xs-top {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .deco-title--xs-top {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .deco-title--xs-top {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .deco-title--xs-top {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em
    }
}

.deco-title--xs-bottom {
    margin-top: 0
}

.deco-title--xs-bottom.deco-title--white {
    color: #fff
}

.deco-title--xl {
    font-size: 3.95rem;
    line-height: 1.01266em;
    letter-spacing: -.02em;
    display: block
}

.deco-title--xl span {
    color: #ac835e
}

.deco-title--xl.deco-title__center {
    text-align: center
}

.gallery__image .parallax-picture,
.parallax-picture {
    overflow: hidden
}

.gallery__image .parallax-picture img,
.parallax-picture img {
    display: block;
    width: 100%;
    height: auto;
    will-change: transform !important
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .gallery__image .parallax-picture img,
    .parallax-picture img {
        margin-bottom: calc(var(--spacing-2) * -1)
    }
}

.gallery__image .parallax-picture--full-height img,
.parallax-picture--full-height img {
    height: 100%
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .gallery__image .parallax-picture--full-height img,
    .parallax-picture--full-height img {
        margin-bottom: 0;
        height: calc(100% + var(--spacing-2))
    }
    .gallery__image .parallax-picture--full-height.parallax-picture--xl img,
    .parallax-picture--full-height.parallax-picture--xl img {
        height: calc(100% + var(--spacing-4))
    }
}

.parallax-block {
    overflow: hidden
}

.parallax-block__content {
    position: relative;
    will-change: transform !important
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .parallax-block__content {
        margin-bottom: calc(var(--spacing) * -1)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .parallax-block--full-height .parallax-block__content {
        margin-bottom: 0;
        height: calc(100% + var(--spacing-4))
    }
}

.animation--card-in.card--hover.is-active .card__hover,
.animation--card-in.card--hover.is-active .card__hover:before,
.animation--card-in .card__animation,
.animation--card-in .card__background,
.animation--card-in .card__background:before,
.animation--card-in .card__background__image,
.animation--card-in .card__content,
.animation--deco-in,
.animation--deco-in>.deco-title__text,
.animation--deco-in>img,
.animation--deco-in>picture,
.animation--fade-in,
.animation--fade-in-slow,
.animation--fade-out,
.animation--fade-out-slow,
.animation--height,
.animation--popover-bottom-in,
.animation--popover-bottom-in .popover__content,
.animation--popover-bottom-in .popover__image,
.animation--popover-bottom-in .popover__shadow,
.animation--popover-bottom-in:before,
.animation--popover-bottom-out,
.animation--popover-bottom-out .popover__content,
.animation--popover-bottom-out .popover__image,
.animation--popover-bottom-out .popover__shadow,
.animation--popover-bottom-out:before,
.animation--popover-in,
.animation--popover-in .popover__content,
.animation--popover-in .popover__image,
.animation--popover-in .popover__shadow,
.animation--popover-in:before,
.animation--popover-out,
.animation--popover-out .popover__content,
.animation--popover-out .popover__image,
.animation--popover-out .popover__shadow,
.animation--popover-out:before,
.animation--popover-slide-in,
.animation--popover-slide-out,
.animation--step-in,
.animation--step-out,
.btn--outline.animation--button-in.is-active>svg rect:last-child,
.btn--outline.animation--button-in>svg rect:first-child,
.btn--outline.animation--button-text-in.is-active>svg rect:last-child,
.btn--outline.animation--button-text-in>svg rect:first-child,
.header__popover.popover--triangle .card--header.card--hover:before {
    pointer-events: none
}

.animation--popover-bottom-in,
.animation--popover-bottom-out,
.animation--popover-in,
.animation--popover-out {
    will-change: opacity;
    transition-property: opacity
}

.animation--popover-bottom-in .popover__content,
.animation--popover-bottom-in .popover__image,
.animation--popover-bottom-in .popover__shadow,
.animation--popover-bottom-in:before,
.animation--popover-bottom-out .popover__content,
.animation--popover-bottom-out .popover__image,
.animation--popover-bottom-out .popover__shadow,
.animation--popover-bottom-out:before,
.animation--popover-in .popover__content,
.animation--popover-in .popover__image,
.animation--popover-in .popover__shadow,
.animation--popover-in:before,
.animation--popover-out .popover__content,
.animation--popover-out .popover__image,
.animation--popover-out .popover__shadow,
.animation--popover-out:before {
    will-change: transform;
    transition-property: transform
}

.animation--popover-slide-in,
.animation--popover-slide-out {
    will-change: opacity;
    transition-property: opacity;
    transition-duration: .2s
}

.animation--popover-in--inactive,
.animation--popover-out--active {
    opacity: 0
}

.animation--popover-in--inactive.popover--ba .popover__content,
.animation--popover-in--inactive.popover--ba .popover__image,
.animation--popover-in--inactive.popover--ba .popover__shadow,
.animation--popover-in--inactive.popover--ba:before,
.animation--popover-in--inactive.popover--be .popover__content,
.animation--popover-in--inactive.popover--be .popover__image,
.animation--popover-in--inactive.popover--be .popover__shadow,
.animation--popover-in--inactive.popover--be:before,
.animation--popover-in--inactive.popover--bm .popover__content,
.animation--popover-in--inactive.popover--bm .popover__image,
.animation--popover-in--inactive.popover--bm .popover__shadow,
.animation--popover-in--inactive.popover--bm:before,
.animation--popover-in--inactive.popover--bs .popover__content,
.animation--popover-in--inactive.popover--bs .popover__image,
.animation--popover-in--inactive.popover--bs .popover__shadow,
.animation--popover-in--inactive.popover--bs:before,
.animation--popover-out--active.popover--ba .popover__content,
.animation--popover-out--active.popover--ba .popover__image,
.animation--popover-out--active.popover--ba .popover__shadow,
.animation--popover-out--active.popover--ba:before,
.animation--popover-out--active.popover--be .popover__content,
.animation--popover-out--active.popover--be .popover__image,
.animation--popover-out--active.popover--be .popover__shadow,
.animation--popover-out--active.popover--be:before,
.animation--popover-out--active.popover--bm .popover__content,
.animation--popover-out--active.popover--bm .popover__image,
.animation--popover-out--active.popover--bm .popover__shadow,
.animation--popover-out--active.popover--bm:before,
.animation--popover-out--active.popover--bs .popover__content,
.animation--popover-out--active.popover--bs .popover__image,
.animation--popover-out--active.popover--bs .popover__shadow,
.animation--popover-out--active.popover--bs:before {
    transform: translateY(40px)
}

.animation--popover-in--inactive.popover--ta .popover__content,
.animation--popover-in--inactive.popover--ta .popover__image,
.animation--popover-in--inactive.popover--ta .popover__shadow,
.animation--popover-in--inactive.popover--ta:before,
.animation--popover-in--inactive.popover--te .popover__content,
.animation--popover-in--inactive.popover--te .popover__image,
.animation--popover-in--inactive.popover--te .popover__shadow,
.animation--popover-in--inactive.popover--te:before,
.animation--popover-in--inactive.popover--tm .popover__content,
.animation--popover-in--inactive.popover--tm .popover__image,
.animation--popover-in--inactive.popover--tm .popover__shadow,
.animation--popover-in--inactive.popover--tm:before,
.animation--popover-in--inactive.popover--ts .popover__content,
.animation--popover-in--inactive.popover--ts .popover__image,
.animation--popover-in--inactive.popover--ts .popover__shadow,
.animation--popover-in--inactive.popover--ts:before,
.animation--popover-out--active.popover--ta .popover__content,
.animation--popover-out--active.popover--ta .popover__image,
.animation--popover-out--active.popover--ta .popover__shadow,
.animation--popover-out--active.popover--ta:before,
.animation--popover-out--active.popover--te .popover__content,
.animation--popover-out--active.popover--te .popover__image,
.animation--popover-out--active.popover--te .popover__shadow,
.animation--popover-out--active.popover--te:before,
.animation--popover-out--active.popover--tm .popover__content,
.animation--popover-out--active.popover--tm .popover__image,
.animation--popover-out--active.popover--tm .popover__shadow,
.animation--popover-out--active.popover--tm:before,
.animation--popover-out--active.popover--ts .popover__content,
.animation--popover-out--active.popover--ts .popover__image,
.animation--popover-out--active.popover--ts .popover__shadow,
.animation--popover-out--active.popover--ts:before {
    transform: translateY(-40px)
}

.animation--popover-in--inactive.popover--la .popover__content,
.animation--popover-in--inactive.popover--la .popover__image,
.animation--popover-in--inactive.popover--la .popover__shadow,
.animation--popover-in--inactive.popover--la:before,
.animation--popover-in--inactive.popover--le .popover__content,
.animation--popover-in--inactive.popover--le .popover__image,
.animation--popover-in--inactive.popover--le .popover__shadow,
.animation--popover-in--inactive.popover--le:before,
.animation--popover-in--inactive.popover--lm .popover__content,
.animation--popover-in--inactive.popover--lm .popover__image,
.animation--popover-in--inactive.popover--lm .popover__shadow,
.animation--popover-in--inactive.popover--lm:before,
.animation--popover-in--inactive.popover--ls .popover__content,
.animation--popover-in--inactive.popover--ls .popover__image,
.animation--popover-in--inactive.popover--ls .popover__shadow,
.animation--popover-in--inactive.popover--ls:before,
.animation--popover-out--active.popover--la .popover__content,
.animation--popover-out--active.popover--la .popover__image,
.animation--popover-out--active.popover--la .popover__shadow,
.animation--popover-out--active.popover--la:before,
.animation--popover-out--active.popover--le .popover__content,
.animation--popover-out--active.popover--le .popover__image,
.animation--popover-out--active.popover--le .popover__shadow,
.animation--popover-out--active.popover--le:before,
.animation--popover-out--active.popover--lm .popover__content,
.animation--popover-out--active.popover--lm .popover__image,
.animation--popover-out--active.popover--lm .popover__shadow,
.animation--popover-out--active.popover--lm:before,
.animation--popover-out--active.popover--ls .popover__content,
.animation--popover-out--active.popover--ls .popover__image,
.animation--popover-out--active.popover--ls .popover__shadow,
.animation--popover-out--active.popover--ls:before {
    transform: translateX(-40px)
}

.animation--popover-in--inactive.popover--ra .popover__content,
.animation--popover-in--inactive.popover--ra .popover__image,
.animation--popover-in--inactive.popover--ra .popover__shadow,
.animation--popover-in--inactive.popover--ra:before,
.animation--popover-in--inactive.popover--re .popover__content,
.animation--popover-in--inactive.popover--re .popover__image,
.animation--popover-in--inactive.popover--re .popover__shadow,
.animation--popover-in--inactive.popover--re:before,
.animation--popover-in--inactive.popover--rm .popover__content,
.animation--popover-in--inactive.popover--rm .popover__image,
.animation--popover-in--inactive.popover--rm .popover__shadow,
.animation--popover-in--inactive.popover--rm:before,
.animation--popover-in--inactive.popover--rs .popover__content,
.animation--popover-in--inactive.popover--rs .popover__image,
.animation--popover-in--inactive.popover--rs .popover__shadow,
.animation--popover-in--inactive.popover--rs:before,
.animation--popover-out--active.popover--ra .popover__content,
.animation--popover-out--active.popover--ra .popover__image,
.animation--popover-out--active.popover--ra .popover__shadow,
.animation--popover-out--active.popover--ra:before,
.animation--popover-out--active.popover--re .popover__content,
.animation--popover-out--active.popover--re .popover__image,
.animation--popover-out--active.popover--re .popover__shadow,
.animation--popover-out--active.popover--re:before,
.animation--popover-out--active.popover--rm .popover__content,
.animation--popover-out--active.popover--rm .popover__image,
.animation--popover-out--active.popover--rm .popover__shadow,
.animation--popover-out--active.popover--rm:before,
.animation--popover-out--active.popover--rs .popover__content,
.animation--popover-out--active.popover--rs .popover__image,
.animation--popover-out--active.popover--rs .popover__shadow,
.animation--popover-out--active.popover--rs:before {
    transform: translateX(40px)
}

.animation--popover-bottom-in--inactive,
.animation--popover-bottom-out--active {
    opacity: 0
}

.animation--popover-bottom-in--inactive .popover__content,
.animation--popover-bottom-in--inactive .popover__image,
.animation--popover-bottom-in--inactive .popover__shadow,
.animation--popover-bottom-in--inactive:before,
.animation--popover-bottom-out--active .popover__content,
.animation--popover-bottom-out--active .popover__image,
.animation--popover-bottom-out--active .popover__shadow,
.animation--popover-bottom-out--active:before {
    transform: translateY(40px)
}

.animation--popover-slide-in--inactive,
.animation--popover-slide-out--active {
    opacity: 0
}

.animation--popover-slide-in--inactive .popover__content {
    transform: translateY(calc(var(--prevY, 0) / 2))
}

.animation--popover-slide-out--active .popover__content {
    transform: translateY(calc(var(--prevY, 0) / -2))
}

.plan .animation--popover-in--inactive.popover--le .popover__content,
.plan .animation--popover-in--inactive.popover--le .popover__image,
.plan .animation--popover-in--inactive.popover--le .popover__shadow,
.plan .animation--popover-out--active.popover--le .popover__content,
.plan .animation--popover-out--active.popover--le .popover__image,
.plan .animation--popover-out--active.popover--le .popover__shadow {
    transform: translate(-40px, -40px)
}

.plan .animation--popover-in--inactive.popover--rs .popover__content,
.plan .animation--popover-in--inactive.popover--rs .popover__image,
.plan .animation--popover-in--inactive.popover--rs .popover__shadow,
.plan .animation--popover-out--active.popover--rs .popover__content,
.plan .animation--popover-out--active.popover--rs .popover__image,
.plan .animation--popover-out--active.popover--rs .popover__shadow {
    transform: translate(40px, 40px)
}

.animation--popover-sync-in,
.animation--popover-sync-out {
    transition: opacity .4s cubic-bezier(.25, .74, .22, .99);
    will-change: opacity
}

.popover--synced {
    transition: opacity .4s cubic-bezier(.25, .74, .22, .99), transform .4s cubic-bezier(.74, 0, .24, .99);
    will-change: opacity, transform
}

.animation--popover-sync-out {
    transition-duration: .8s, .4s
}

.animation--popover-sync-in--inactive,
.animation--popover-sync-out--active {
    opacity: 0
}

.popover-reference.is-active {
    position: relative;
    z-index: 13
}

.popover {
    display: block;
    z-index: 12;
    width: var(--spacing-3);
    height: var(--spacing-3)
}

.popover,
.popover__shadow {
    position: absolute;
    left: 0;
    top: 0
}

.popover__shadow {
    width: 100%;
    height: 100%;
    box-shadow: 0 20px 80px rgba(82, 64, 60, .15)
}

.popover__content {
    position: relative;
    padding: calc(var(--spacing) / 3 * 2)
}

.popover__content--nopadding {
    padding: 0
}

.popover__content--text {
    padding: calc(var(--spacing) * .5)
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .popover__content--text {
        padding: calc(var(--spacing) * .4)
    }
}

.popover--offset.is-active.popover--bs,
.popover--offset.is-active.popover--ts {
    transform: translateX(-25%)
}

.popover--offset.is-active.popover--be,
.popover--offset.is-active.popover--te {
    transform: translateX(25%)
}

.popover--offset.is-active.popover--ls,
.popover--offset.is-active.popover--rs {
    transform: translateY(-25%)
}

.popover--offset.is-active.popover--le,
.popover--offset.is-active.popover--re {
    transform: translateY(25%)
}

.popover--triangle .popover__content:before {
    border-color: transparent
}

.popover--triangle .popover__content.ui-light-background:before {
    border-right-color: #f9f0ec
}

.popover--triangle .popover__content.ui-dark-background:before {
    border-right-color: #181d24
}

.popover--triangle .popover__content.ui-brown-background:before {
    border-right-color: #52403c
}

.popover--triangle .popover__content.ui-white-background:before {
    border-right-color: #fff
}

.popover--triangle .popover__content.ui-gold-dark-background:before {
    border-right-color: #ac835e
}

.popover--triangle .popover__content:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: calc(50% - 6px);
    border-style: solid;
    border-width: 6px
}

.popover--triangle.popover--ba .popover__content:before,
.popover--triangle.popover--be .popover__content:before,
.popover--triangle.popover--bm .popover__content:before,
.popover--triangle.popover--bs .popover__content:before {
    border-color: transparent
}

.popover--triangle.popover--ba .popover__content.ui-light-background:before,
.popover--triangle.popover--be .popover__content.ui-light-background:before,
.popover--triangle.popover--bm .popover__content.ui-light-background:before,
.popover--triangle.popover--bs .popover__content.ui-light-background:before {
    border-bottom-color: #f9f0ec
}

.popover--triangle.popover--ba .popover__content.ui-dark-background:before,
.popover--triangle.popover--be .popover__content.ui-dark-background:before,
.popover--triangle.popover--bm .popover__content.ui-dark-background:before,
.popover--triangle.popover--bs .popover__content.ui-dark-background:before {
    border-bottom-color: #181d24
}

.popover--triangle.popover--ba .popover__content.ui-brown-background:before,
.popover--triangle.popover--be .popover__content.ui-brown-background:before,
.popover--triangle.popover--bm .popover__content.ui-brown-background:before,
.popover--triangle.popover--bs .popover__content.ui-brown-background:before {
    border-bottom-color: #52403c
}

.popover--triangle.popover--ba .popover__content.ui-white-background:before,
.popover--triangle.popover--be .popover__content.ui-white-background:before,
.popover--triangle.popover--bm .popover__content.ui-white-background:before,
.popover--triangle.popover--bs .popover__content.ui-white-background:before {
    border-bottom-color: #fff
}

.popover--triangle.popover--ba .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--be .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--bm .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--bs .popover__content.ui-gold-dark-background:before {
    border-bottom-color: #ac835e
}

.popover--triangle.popover--ba .popover__content:before,
.popover--triangle.popover--be .popover__content:before,
.popover--triangle.popover--bm .popover__content:before,
.popover--triangle.popover--bs .popover__content:before {
    top: auto;
    bottom: 100%;
    right: calc(50% - 6px)
}

.popover--triangle.popover--ta .popover__content:before,
.popover--triangle.popover--te .popover__content:before,
.popover--triangle.popover--tm .popover__content:before,
.popover--triangle.popover--ts .popover__content:before {
    border-color: transparent
}

.popover--triangle.popover--ta .popover__content.ui-light-background:before,
.popover--triangle.popover--te .popover__content.ui-light-background:before,
.popover--triangle.popover--tm .popover__content.ui-light-background:before,
.popover--triangle.popover--ts .popover__content.ui-light-background:before {
    border-top-color: #f9f0ec
}

.popover--triangle.popover--ta .popover__content.ui-dark-background:before,
.popover--triangle.popover--te .popover__content.ui-dark-background:before,
.popover--triangle.popover--tm .popover__content.ui-dark-background:before,
.popover--triangle.popover--ts .popover__content.ui-dark-background:before {
    border-top-color: #181d24
}

.popover--triangle.popover--ta .popover__content.ui-brown-background:before,
.popover--triangle.popover--te .popover__content.ui-brown-background:before,
.popover--triangle.popover--tm .popover__content.ui-brown-background:before,
.popover--triangle.popover--ts .popover__content.ui-brown-background:before {
    border-top-color: #52403c
}

.popover--triangle.popover--ta .popover__content.ui-white-background:before,
.popover--triangle.popover--te .popover__content.ui-white-background:before,
.popover--triangle.popover--tm .popover__content.ui-white-background:before,
.popover--triangle.popover--ts .popover__content.ui-white-background:before {
    border-top-color: #fff
}

.popover--triangle.popover--ta .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--te .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--tm .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--ts .popover__content.ui-gold-dark-background:before {
    border-top-color: #ac835e
}

.popover--triangle.popover--ta .popover__content:before,
.popover--triangle.popover--te .popover__content:before,
.popover--triangle.popover--tm .popover__content:before,
.popover--triangle.popover--ts .popover__content:before {
    top: 100%;
    right: calc(50% - 6px);
    border-color: #181d24 transparent transparent
}

.popover--triangle.popover--la .popover__content:before,
.popover--triangle.popover--le .popover__content:before,
.popover--triangle.popover--lm .popover__content:before,
.popover--triangle.popover--ls .popover__content:before {
    border-color: transparent
}

.popover--triangle.popover--la .popover__content.ui-light-background:before,
.popover--triangle.popover--le .popover__content.ui-light-background:before,
.popover--triangle.popover--lm .popover__content.ui-light-background:before,
.popover--triangle.popover--ls .popover__content.ui-light-background:before {
    border-left-color: #f9f0ec
}

.popover--triangle.popover--la .popover__content.ui-dark-background:before,
.popover--triangle.popover--le .popover__content.ui-dark-background:before,
.popover--triangle.popover--lm .popover__content.ui-dark-background:before,
.popover--triangle.popover--ls .popover__content.ui-dark-background:before {
    border-left-color: #181d24
}

.popover--triangle.popover--la .popover__content.ui-brown-background:before,
.popover--triangle.popover--le .popover__content.ui-brown-background:before,
.popover--triangle.popover--lm .popover__content.ui-brown-background:before,
.popover--triangle.popover--ls .popover__content.ui-brown-background:before {
    border-left-color: #52403c
}

.popover--triangle.popover--la .popover__content.ui-white-background:before,
.popover--triangle.popover--le .popover__content.ui-white-background:before,
.popover--triangle.popover--lm .popover__content.ui-white-background:before,
.popover--triangle.popover--ls .popover__content.ui-white-background:before {
    border-left-color: #fff
}

.popover--triangle.popover--la .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--le .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--lm .popover__content.ui-gold-dark-background:before,
.popover--triangle.popover--ls .popover__content.ui-gold-dark-background:before {
    border-left-color: #ac835e
}

.popover--triangle.popover--la .popover__content:before,
.popover--triangle.popover--le .popover__content:before,
.popover--triangle.popover--lm .popover__content:before,
.popover--triangle.popover--ls .popover__content:before {
    right: auto;
    left: 100%;
    border-color: transparent transparent transparent #181d24
}

.popover--triangle.popover--ba .popover__content:before,
.popover--triangle.popover--be .popover__content:before,
.popover--triangle.popover--bs .popover__content:before,
.popover--triangle.popover--ta .popover__content:before,
.popover--triangle.popover--te .popover__content:before,
.popover--triangle.popover--ts .popover__content:before {
    right: auto;
    left: var(--triangle-left);
    margin-left: -6px
}

.popover--triangle.popover--la .popover__content:before,
.popover--triangle.popover--le .popover__content:before,
.popover--triangle.popover--ls .popover__content:before,
.popover--triangle.popover--ra .popover__content:before,
.popover--triangle.popover--re .popover__content:before,
.popover--triangle.popover--rs .popover__content:before {
    top: var(--triangle-top);
    margin-top: -6px
}

.popover--triangle.is-active.popover--la,
.popover--triangle.is-active.popover--le,
.popover--triangle.is-active.popover--lm,
.popover--triangle.is-active.popover--ls {
    margin-left: calc(var(--spacing) / 3 * -2)
}

.popover--triangle.is-active.popover--ra,
.popover--triangle.is-active.popover--re,
.popover--triangle.is-active.popover--rm,
.popover--triangle.is-active.popover--rs {
    margin-left: calc(var(--spacing) / 3 * 2)
}

.popover--triangle.is-active.popover--ta,
.popover--triangle.is-active.popover--te,
.popover--triangle.is-active.popover--tm,
.popover--triangle.is-active.popover--ts {
    margin-top: calc(var(--spacing) / 3 * -2)
}

.popover--triangle.is-active.popover--ba,
.popover--triangle.is-active.popover--be,
.popover--triangle.is-active.popover--bm,
.popover--triangle.is-active.popover--bs {
    margin-top: calc(var(--spacing) / 3 * 2)
}

.popover--wide .popover__shadow {
    width: 200%
}

.popover--solid-background {
    opacity: 0 !important;
    pointer-events: none !important
}

.popover--size-auto,
.popover--size-sm {
    width: auto;
    height: auto
}

@media only screen and (min-width:980px) {
    .popover--size-sm {
        min-width: 13.5em
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .popover--size-sm {
        min-width: 14.5em
    }
}

.popover--size-sm .popover__content {
    white-space: nowrap
}

.popover--size-lg {
    width: auto;
    height: auto
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .popover--size-lg {
        min-width: calc(var(--spacing) * 8);
        max-width: calc(var(--spacing) * 10)
    }
}

.tooltip {
    display: block;
    z-index: 12;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #181d24;
    color: #f9f0ec;
    padding: calc(var(--spacing) / 3 - 3px) calc(var(--spacing) / 2) calc(var(--spacing) / 3 - 4px);
    max-width: 50vw
}

.ui-dark .tooltip {
    background-color: #ac835e;
    color: #fff
}

.ui-brown .tooltip {
    background-color: #f9f0ec;
    color: #181d24
}

.ui-gold .tooltip {
    background-color: #cfa261;
    color: #fff
}

.tooltip:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 6px);
    border: 6px solid transparent;
    border-bottom-color: #181d24
}

.ui-dark .tooltip:before {
    border-color: transparent transparent #ac835e
}

.ui-brown .tooltip:before {
    border-color: transparent transparent #f9f0ec
}

.ui-gold .tooltip:before {
    border-color: transparent transparent #cfa261
}

.tooltip--te:before,
.tooltip--tm:before,
.tooltip--ts:before {
    bottom: auto;
    top: 100%;
    border-color: #181d24 transparent transparent
}

.ui-brown .tooltip--te:before,
.ui-brown .tooltip--tm:before,
.ui-brown .tooltip--ts:before,
.ui-dark .tooltip--te:before,
.ui-dark .tooltip--tm:before,
.ui-dark .tooltip--ts:before {
    border-color: #f9f0ec transparent transparent
}

.tooltip--le:before,
.tooltip--lm:before,
.tooltip--ls:before {
    left: 100%;
    bottom: calc(50% - 6px);
    border-color: transparent transparent transparent #181d24
}

.ui-brown .tooltip--le:before,
.ui-brown .tooltip--lm:before,
.ui-brown .tooltip--ls:before,
.ui-dark .tooltip--le:before,
.ui-dark .tooltip--lm:before,
.ui-dark .tooltip--ls:before {
    border-color: transparent transparent transparent #f9f0ec
}

.tooltip--re:before,
.tooltip--rm:before,
.tooltip--rs:before {
    left: auto;
    right: 100%;
    bottom: calc(50% - 6px);
    border-color: transparent #181d24 transparent transparent
}

.ui-brown .tooltip--re:before,
.ui-brown .tooltip--rm:before,
.ui-brown .tooltip--rs:before,
.ui-dark .tooltip--re:before,
.ui-dark .tooltip--rm:before,
.ui-dark .tooltip--rs:before {
    border-color: transparent #f9f0ec transparent transparent
}

.tooltip--bs:before,
.tooltip--ts:before {
    left: calc(var(--spacing) / 3)
}

.tooltip--be:before,
.tooltip--te:before {
    left: auto;
    right: calc(var(--spacing) / 3)
}

.tooltip--ls:before,
.tooltip--rs:before {
    bottom: auto;
    top: calc(.5em - 3px)
}

.tooltip--le:before,
.tooltip--re:before {
    bottom: calc(.5em - 3px)
}

.modal {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    outline: none;
    z-index: 12;
    overflow: hidden
}

.modal--under-header {
    z-index: 9
}

.no-js .modal:target {
    display: block !important
}

.modal__close {
    position: fixed;
    z-index: 4;
    top: 0;
    transition-property: color
}

.has-scroll-smooth .modal__close {
    position: absolute;
    left: 0
}

.modal__close .is-hidden--no-hover>.icon.icon-close-menu {
    transform: translateZ(0)
}

.modal__close .is-hidden--hover>.icon.icon-close-menu {
    transform: translate3d(-50%, -50%, 0)
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .modal__close--bottom {
        top: auto;
        bottom: 0
    }
}

.modal__closearea {
    cursor: default
}

.modal--wide .modal__close {
    left: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide .modal__close {
        left: auto;
        transform: translateX(-100%)
    }
    .has-scroll-smooth .modal--wide .modal__close {
        position: absolute;
        left: 0;
        transform: none
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .modal--wide-left .modal__close {
        position: relative;
        left: 0;
        top: 0
    }
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .modal--wide-left .modal__close {
        top: var(--spacing-1-5);
        left: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--wide-left .modal__close {
        left: var(--spacing-1-5);
        top: calc(var(--spacing) * 1.25)
    }
}

@media only screen and (min-width:980px) {
    .modal--wide-left .modal__close {
        left: var(--spacing-2)
    }
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    .modal--wide-left .modal__close {
        width: 40px;
        height: 40px
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide-left .modal__close {
        left: auto;
        right: 0;
        top: 50%;
        position: absolute;
        transform: translateY(-50%)
    }
}

.modal--narrow .modal__close {
    left: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--narrow .modal__close {
        left: auto;
        transform: translateX(-100%)
    }
    .has-scroll-smooth .modal--narrow .modal__close {
        position: absolute;
        left: 0;
        transform: none
    }
}

.modal__scroller {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: var(--viewport-height-actual);
    overflow: hidden
}

.has-scroll-smooth .modal--with-scrollable-content .modal__scroller {
    overflow: hidden
}

.modal__background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: var(--viewport-height-actual);
    cursor: default
}

.modal--overlay .modal__background {
    background: rgba(0, 0, 0, .7)
}

.modal__content-wrapper {
    position: relative;
    margin-left: auto;
    z-index: 1
}

.modal__header {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.modal__header--absolute {
    position: absolute
}

.modal__header__title {
    flex-grow: 1
}

.modal__header__title--button {
    padding-right: calc(var(--spacing) * 3)
}

.modal__header__left,
.modal__header__right {
    width: calc(var(--spacing) * 2);
    max-width: calc(var(--spacing) * 2);
    flex: 0 0 calc(var(--spacing) * 2)
}

.modal__header__back {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.modal__header__back--left {
    left: calc(var(--spacing) * -1)
}

.modal__header--apartment {
    justify-content: space-between;
    margin-top: calc(var(--spacing) * -2) !important
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal__header {
        position: absolute;
        right: var(--spacing);
        top: 0;
        height: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal__header {
        height: 120px
    }
}

.no-back-button .modal__header__back {
    display: none
}

.no-back-button .modal__content {
    min-height: auto
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .no-back-button .modal__content {
        padding-bottom: var(--spacing-2)
    }
}

.no-back-button .modal__content--final {
    padding-top: var(--spacing-14);
    padding-bottom: var(--spacing-14)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .no-back-button .modal__content--final {
        padding-top: var(--spacing-8);
        padding-bottom: var(--spacing-8)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .no-back-button .modal__content--final {
        padding-top: calc(var(--spacing) * 7.5);
        padding-bottom: calc(var(--spacing) * 7.5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .no-back-button .modal__content--final {
        padding-top: calc(var(--spacing) * 6.8);
        padding-bottom: calc(var(--spacing) * 6.8)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .no-back-button .modal__content--final {
        padding-top: calc(var(--spacing) * 5.9);
        padding-bottom: calc(var(--spacing) * 5.9)
    }
}

.js-form-success+div {
    display: none !important
}

.modal__content {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    min-height: var(--viewport-height-actual)
}

.modal--wide .modal__content-wrapper {
    width: 100vw
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide .modal__content-wrapper {
        max-width: calc(1080px + var(--spacing-1-5));
        padding-left: var(--spacing-1-5);
        pointer-events: none
    }
    .modal--wide .modal__content-wrapper>* {
        pointer-events: all
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--wide .modal__content-wrapper {
        max-width: calc(1080px + 120px);
        padding-left: 120px
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide .modal__closearea {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: calc(100vw - 1080px)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--wide-left .modal__content {
        max-width: calc(100vw - var(--spacing-5));
        margin-left: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide-left .modal__content {
        max-width: none
    }
}

.modal--wide-left .modal__content-wrapper {
    width: 100vw;
    margin-left: 0
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal--wide-left .modal__content-wrapper {
        max-width: calc(960 / 1440 * 100vw + var(--spacing-1-5));
        padding-right: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--wide-left .modal__content-wrapper {
        max-width: calc(960 / 1440 * 100vw + 90px);
        padding-right: 90px
    }
}

.modal--narrow .modal__content-wrapper {
    width: 100vw
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--narrow .modal__content-wrapper {
        max-width: calc(540px + var(--spacing-1-5));
        padding-left: var(--spacing-1-5);
        pointer-events: none
    }
    .modal--narrow .modal__content-wrapper>* {
        pointer-events: all
    }
}

@media only screen and (min-width:980px) {
    .modal--narrow .modal__content-wrapper {
        max-width: calc(780px + var(--spacing-1-5));
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--narrow .modal__content-wrapper {
        max-width: calc(780px + 120px);
        padding-left: 120px
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--narrow .modal__closearea {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: calc(100vw - 540px)
    }
}

@media only screen and (min-width:980px) {
    .modal--narrow .modal__closearea {
        width: calc(100vw - 780px)
    }
}

.modal--center .modal__content {
    display: flex;
    align-items: center;
    justify-content: center
}

.modal--choose .modal__content-wrapper {
    width: 100vw
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--choose .modal__content-wrapper {
        max-width: 540px;
        pointer-events: none
    }
    .modal--choose .modal__content-wrapper>* {
        pointer-events: all
    }
}

@media only screen and (min-width:980px) {
    .modal--choose .modal__content-wrapper {
        max-width: max(100vh/900 * 720, 720px);
        padding-left: 0
    }
}

.modal--favourite .modal__content-wrapper {
    width: 100vw
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--favourite .modal__content-wrapper {
        max-width: 540px;
        pointer-events: none
    }
    .modal--favourite .modal__content-wrapper>* {
        pointer-events: all
    }
}

@media only screen and (min-width:980px) {
    .modal--favourite .modal__content-wrapper {
        max-width: calc(780px + var(--spacing-1-5));
        padding-left: var(--spacing-1-5)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--favourite .modal__content-wrapper {
        max-width: calc(780px + 120px);
        padding-left: 120px
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--favourite .modal__closearea {
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        width: calc(100vw - 540px)
    }
}

@media only screen and (min-width:980px) {
    .modal--favourite .modal__closearea {
        width: calc(100vw - 780px)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--favourite .modal__closearea {
        width: calc(100vw - 780px)
    }
}

.modal--banner .modal__close {
    position: absolute;
    top: 5px;
    left: auto;
    right: 5px
}

.modal--banner .modal__content {
    padding: var(--spacing-1-5) 0
}

.modal--banner .modal__content__inner {
    position: relative;
    width: calc(100vw - var(--spacing-3));
    max-width: 960px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal--banner .modal__close {
        top: 20px;
        right: 20px
    }
}

.with-modal {
    overflow: visible;
    scroll-behavior: auto
}

.with-modal body {
    overflow: hidden;
    height: 100vh;
    height: var(--viewport-height-actual)
}

.has-scroll-smooth .modal__scroller,
.with-modal .modal__scroller {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.has-scroll-smooth .modal__scroller--disabled,
.with-modal .modal__scroller--disabled {
    overflow: hidden;
    -webkit-overflow-scrolling: initial
}

.modal__tabs.tabs-contents,
.modal__tabs>.tabs-contents__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modal__content--center {
    display: flex;
    flex-direction: column
}

.modal__content--center .modal__footer,
.modal__content--center .modal__header {
    flex-grow: 0;
    flex-shrink: 0
}

.modal__content--center .modal__content__inner {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: stretch;
    min-height: 200px
}

.modal__content--center .modal__content__inner>* {
    margin: auto 0
}

.animation--modal-in,
.animation--modal-reverse-in {
    transition: transform 1.3s cubic-bezier(.74, 0, .24, .99)
}

.animation--modal-in .modal__background,
.animation--modal-reverse-in .modal__background {
    transition: opacity 1.3s cubic-bezier(.74, 0, .24, .99)
}

.animation--modal-in .modal__content-wrapper,
.animation--modal-reverse-in .modal__content-wrapper {
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animation--modal-in--inactive .modal__background {
    opacity: 0
}

.animation--modal-in--inactive .modal__content-wrapper {
    clip-path: polygon(100% 0, 200% 0, 220% 100%, 120% 100%)
}

.animation--modal-reverse-in--inactive .modal__background {
    opacity: 0
}

.animation--modal-reverse-in--inactive .modal__content-wrapper {
    clip-path: polygon(-100% 0, 0 0, -20% 100%, -120% 100%)
}

.animation--modal-out,
.animation--modal-reverse-out {
    transition: transform .8s cubic-bezier(.74, 0, .24, .99);
    pointer-events: none
}

.animation--modal-out .modal__background,
.animation--modal-reverse-out .modal__background {
    transition: opacity .8s cubic-bezier(.74, 0, .24, .99)
}

.animation--modal-out .modal__content-wrapper,
.animation--modal-reverse-out .modal__content-wrapper {
    transition: clip-path .8s cubic-bezier(.74, 0, .24, .99);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animation--modal-out--active .modal__background {
    opacity: 0
}

.animation--modal-out--active .modal__content-wrapper {
    clip-path: polygon(120% 0, 220% 0, 200% 100%, 100% 100%)
}

.animation--modal-reverse-out--active .modal__background {
    opacity: 0
}

.animation--modal-reverse-out--active .modal__content-wrapper {
    clip-path: polygon(-120% 0, -20% 0, 0 100%, -100% 100%)
}

.animation--tabs-modal-left-in,
.animation--tabs-modal-right-in {
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animation--tabs-modal-right-in--inactive {
    clip-path: polygon(100% 0, 200% 0, 220% 100%, 120% 100%)
}

.animation--tabs-modal-left-in--inactive {
    clip-path: polygon(-100% 0, 0 0, -20% 100%, -120% 100%)
}

.animation--tabs-modal-delay-out {
    transition: border-color 1.3s cubic-bezier(.74, 0, .24, .99)
}

.animation--tabs-modal-delay-out:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 29, 36, .85);
    opacity: 0;
    transition: opacity 1.3s cubic-bezier(.74, 0, .24, .99)
}

.animation--tabs-modal-delay-out--active:after {
    opacity: .5
}

.modal--video,
.modal--video .modal__content {
    height: 100vh;
    max-height: 100vh;
    height: var(--viewport-height-actual);
    max-height: var(--viewport-height-actual)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable,
    .scrollable-sm-down {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }
    .scrollable-sm-down.row,
    .scrollable.row {
        flex-wrap: nowrap
    }
    .scrollable-sm-down.row>.col,
    .scrollable.row>.col {
        flex-shrink: 0
    }
    .scrollable-sm-down.group:after,
    .scrollable-sm-down.row--pad:after,
    .scrollable.group:after,
    .scrollable.row--pad:after {
        content: "";
        display: block;
        height: 1px
    }
    .scrollable-sm-down::-webkit-scrollbar,
    .scrollable::-webkit-scrollbar {
        display: none
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .scrollable,
    .scrollable-sm-down {
        margin-left: calc(var(--spacing-1-5) * -1);
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-left: var(--spacing-1-5);
        padding-right: var(--spacing-1-5)
    }
    .scrollable-sm-down.row--pad,
    .scrollable.row--pad {
        margin-left: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1)
    }
    .scrollable-sm-down.group,
    .scrollable.group {
        margin-right: 0;
        padding-right: 0
    }
    .container-h .scrollable-sm-down.group,
    .container-h .scrollable.group {
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-right: var(--spacing-1-5)
    }
    .scrollable-sm-down.group:after,
    .scrollable-sm-down.row--pad:after,
    .scrollable.group:after,
    .scrollable.row--pad:after {
        flex: 0 0 var(--spacing-1-5);
        width: var(--spacing-1-5)
    }
    .scrollable-sm-down.group:after _:-ms-input-placeholder,
    .scrollable-sm-down.row--pad:after _:-ms-input-placeholder,
    .scrollable.group:after _:-ms-input-placeholder,
    .scrollable.row--pad:after _:-ms-input-placeholder,
    :root .scrollable-sm-down.group:after,
    :root .scrollable-sm-down.row--pad:after,
    :root .scrollable.group:after,
    :root .scrollable.row--pad:after {
        min-width: var(--spacing-1-5);
        max-width: var(--spacing-1-5)
    }
    @-moz-document url-prefix() {
        .scrollable-sm-down.group:after,
        .scrollable-sm-down.row--pad:after,
        .scrollable.group:after,
        .scrollable.row--pad:after {
            max-width: var(--spacing-1-5)
        }
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable,
    .scrollable-sm-down {
        margin-left: calc(var(--spacing-2-5) * -1);
        margin-right: calc(var(--spacing-2-5) * -1);
        padding-left: var(--spacing-2-5);
        padding-right: var(--spacing-2-5)
    }
    .scrollable-sm-down.row--pad,
    .scrollable.row--pad {
        margin-left: calc((var(--spacing-2-5) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-2-5) + var(--spacing) / 2) * -1)
    }
    .scrollable-sm-down.group,
    .scrollable.group {
        margin-right: 0;
        padding-right: 0
    }
    .container-h .scrollable-sm-down.group,
    .container-h .scrollable.group {
        margin-right: calc(var(--spacing-2-5) * -1);
        padding-right: var(--spacing-2-5)
    }
    .scrollable-sm-down.group:after,
    .scrollable-sm-down.row--pad:after,
    .scrollable.group:after,
    .scrollable.row--pad:after {
        flex: 0 0 var(--spacing-2-5);
        width: var(--spacing-2-5)
    }
    .scrollable-sm-down.group:after _:-ms-input-placeholder,
    .scrollable-sm-down.row--pad:after _:-ms-input-placeholder,
    .scrollable.group:after _:-ms-input-placeholder,
    .scrollable.row--pad:after _:-ms-input-placeholder,
    :root .scrollable-sm-down.group:after,
    :root .scrollable-sm-down.row--pad:after,
    :root .scrollable.group:after,
    :root .scrollable.row--pad:after {
        min-width: var(--spacing-2-5);
        max-width: var(--spacing-2-5)
    }
    @-moz-document url-prefix() {
        .scrollable-sm-down.group:after,
        .scrollable-sm-down.row--pad:after,
        .scrollable.group:after,
        .scrollable.row--pad:after {
            max-width: var(--spacing-2-5)
        }
    }
}

.no-hover .scrollable-no-hover,
.no-hover .scrollable-no-js,
.no-js .scrollable-no-hover,
.no-js .scrollable-no-js {
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.no-hover .scrollable-no-hover.row,
.no-hover .scrollable-no-js.row,
.no-js .scrollable-no-hover.row,
.no-js .scrollable-no-js.row {
    flex-wrap: nowrap
}

.no-hover .scrollable-no-hover.row>.col,
.no-hover .scrollable-no-js.row>.col,
.no-js .scrollable-no-hover.row>.col,
.no-js .scrollable-no-js.row>.col {
    flex-shrink: 0
}

.no-hover .scrollable-no-hover.group:after,
.no-hover .scrollable-no-hover.row--pad:after,
.no-hover .scrollable-no-js.group:after,
.no-hover .scrollable-no-js.row--pad:after,
.no-js .scrollable-no-hover.group:after,
.no-js .scrollable-no-hover.row--pad:after,
.no-js .scrollable-no-js.group:after,
.no-js .scrollable-no-js.row--pad:after {
    content: "";
    display: block;
    height: 1px
}

.no-hover .scrollable-no-hover::-webkit-scrollbar,
.no-hover .scrollable-no-js::-webkit-scrollbar,
.no-js .scrollable-no-hover::-webkit-scrollbar,
.no-js .scrollable-no-js::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .scrollable-no-hover,
    .scrollable-no-js {
        margin-left: calc(var(--spacing-1-5) * -1);
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-left: var(--spacing-1-5);
        padding-right: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.row--pad,
    .no-hover .scrollable-no-js.row--pad {
        margin-left: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1)
    }
    .no-hover .scrollable-no-hover.group,
    .no-hover .scrollable-no-js.group {
        margin-right: 0;
        padding-right: 0
    }
    .no-hover .container-h .scrollable-no-hover.group,
    .no-hover .container-h .scrollable-no-js.group {
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-right: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.group:after,
    .no-hover .scrollable-no-hover.row--pad:after,
    .no-hover .scrollable-no-js.group:after,
    .no-hover .scrollable-no-js.row--pad:after {
        flex: 0 0 var(--spacing-1-5);
        width: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-hover.row--pad:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.row--pad:after _:-ms-input-placeholder,
    :root .no-hover .scrollable-no-hover.group:after,
    :root .no-hover .scrollable-no-hover.row--pad:after,
    :root .no-hover .scrollable-no-js.group:after,
    :root .no-hover .scrollable-no-js.row--pad:after {
        min-width: var(--spacing-1-5);
        max-width: var(--spacing-1-5)
    }
    @-moz-document url-prefix() {
        .no-hover .scrollable-no-hover.group:after,
        .no-hover .scrollable-no-hover.row--pad:after,
        .no-hover .scrollable-no-js.group:after,
        .no-hover .scrollable-no-js.row--pad:after {
            max-width: var(--spacing-1-5)
        }
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable-no-hover,
    .scrollable-no-js {
        margin-left: calc(var(--spacing-2-5) * -1);
        margin-right: calc(var(--spacing-2-5) * -1);
        padding-left: var(--spacing-2-5);
        padding-right: var(--spacing-2-5)
    }
    .no-hover .scrollable-no-hover.row--pad,
    .no-hover .scrollable-no-js.row--pad {
        margin-left: calc((var(--spacing-2-5) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-2-5) + var(--spacing) / 2) * -1)
    }
    .no-hover .scrollable-no-hover.group,
    .no-hover .scrollable-no-js.group {
        margin-right: 0;
        padding-right: 0
    }
    .no-hover .container-h .scrollable-no-hover.group,
    .no-hover .container-h .scrollable-no-js.group {
        margin-right: calc(var(--spacing-2-5) * -1);
        padding-right: var(--spacing-2-5)
    }
    .no-hover .scrollable-no-hover.group:after,
    .no-hover .scrollable-no-hover.row--pad:after,
    .no-hover .scrollable-no-js.group:after,
    .no-hover .scrollable-no-js.row--pad:after {
        flex: 0 0 var(--spacing-2-5);
        width: var(--spacing-2-5)
    }
    .no-hover .scrollable-no-hover.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-hover.row--pad:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.row--pad:after _:-ms-input-placeholder,
    :root .no-hover .scrollable-no-hover.group:after,
    :root .no-hover .scrollable-no-hover.row--pad:after,
    :root .no-hover .scrollable-no-js.group:after,
    :root .no-hover .scrollable-no-js.row--pad:after {
        min-width: var(--spacing-2-5);
        max-width: var(--spacing-2-5)
    }
    @-moz-document url-prefix() {
        .no-hover .scrollable-no-hover.group:after,
        .no-hover .scrollable-no-hover.row--pad:after,
        .no-hover .scrollable-no-js.group:after,
        .no-hover .scrollable-no-js.row--pad:after {
            max-width: var(--spacing-2-5)
        }
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px) {
    .scrollable-no-hover,
    .scrollable-no-js {
        margin-left: calc(var(--spacing-1-5) * -1);
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-left: var(--spacing-1-5);
        padding-right: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.row--pad,
    .no-hover .scrollable-no-js.row--pad {
        margin-left: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-1-5) + var(--spacing) / 2) * -1)
    }
    .no-hover .scrollable-no-hover.group,
    .no-hover .scrollable-no-js.group {
        margin-right: 0;
        padding-right: 0
    }
    .no-hover .container-h .scrollable-no-hover.group,
    .no-hover .container-h .scrollable-no-js.group {
        margin-right: calc(var(--spacing-1-5) * -1);
        padding-right: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.group:after,
    .no-hover .scrollable-no-hover.row--pad:after,
    .no-hover .scrollable-no-js.group:after,
    .no-hover .scrollable-no-js.row--pad:after {
        flex: 0 0 var(--spacing-1-5);
        width: var(--spacing-1-5)
    }
    .no-hover .scrollable-no-hover.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-hover.row--pad:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.row--pad:after _:-ms-input-placeholder,
    :root .no-hover .scrollable-no-hover.group:after,
    :root .no-hover .scrollable-no-hover.row--pad:after,
    :root .no-hover .scrollable-no-js.group:after,
    :root .no-hover .scrollable-no-js.row--pad:after {
        min-width: var(--spacing-1-5);
        max-width: var(--spacing-1-5)
    }
    @-moz-document url-prefix() {
        .no-hover .scrollable-no-hover.group:after,
        .no-hover .scrollable-no-hover.row--pad:after,
        .no-hover .scrollable-no-js.group:after,
        .no-hover .scrollable-no-js.row--pad:after {
            max-width: var(--spacing-1-5)
        }
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:980px) and (max-width:1199px) {
    .scrollable-no-hover,
    .scrollable-no-js {
        margin-left: calc(var(--spacing-2) * -1);
        margin-right: calc(var(--spacing-2) * -1);
        padding-left: var(--spacing-2);
        padding-right: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.row--pad,
    .no-hover .scrollable-no-js.row--pad {
        margin-left: calc((var(--spacing-2) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-2) + var(--spacing) / 2) * -1)
    }
    .no-hover .scrollable-no-hover.group,
    .no-hover .scrollable-no-js.group {
        margin-right: 0;
        padding-right: 0
    }
    .no-hover .container-h .scrollable-no-hover.group,
    .no-hover .container-h .scrollable-no-js.group {
        margin-right: calc(var(--spacing-2) * -1);
        padding-right: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.group:after,
    .no-hover .scrollable-no-hover.row--pad:after,
    .no-hover .scrollable-no-js.group:after,
    .no-hover .scrollable-no-js.row--pad:after {
        flex: 0 0 var(--spacing-2);
        width: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-hover.row--pad:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.row--pad:after _:-ms-input-placeholder,
    :root .no-hover .scrollable-no-hover.group:after,
    :root .no-hover .scrollable-no-hover.row--pad:after,
    :root .no-hover .scrollable-no-js.group:after,
    :root .no-hover .scrollable-no-js.row--pad:after {
        min-width: var(--spacing-2);
        max-width: var(--spacing-2)
    }
    @-moz-document url-prefix() {
        .no-hover .scrollable-no-hover.group:after,
        .no-hover .scrollable-no-hover.row--pad:after,
        .no-hover .scrollable-no-js.group:after,
        .no-hover .scrollable-no-js.row--pad:after {
            max-width: var(--spacing-2)
        }
    }
}

@media (min-width:1200px) and (min-height:500px) and (max-height:599px),
only screen and (min-width:1200px) and (min-height:500px) and (max-width:1439px) {
    .scrollable-no-hover,
    .scrollable-no-js {
        margin-left: calc(var(--spacing-2) * -1);
        margin-right: calc(var(--spacing-2) * -1);
        padding-left: var(--spacing-2);
        padding-right: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.row--pad,
    .no-hover .scrollable-no-js.row--pad {
        margin-left: calc((var(--spacing-2) + var(--spacing) / 2) * -1);
        margin-right: calc((var(--spacing-2) + var(--spacing) / 2) * -1)
    }
    .no-hover .scrollable-no-hover.group,
    .no-hover .scrollable-no-js.group {
        margin-right: 0;
        padding-right: 0
    }
    .no-hover .container-h .scrollable-no-hover.group,
    .no-hover .container-h .scrollable-no-js.group {
        margin-right: calc(var(--spacing-2) * -1);
        padding-right: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.group:after,
    .no-hover .scrollable-no-hover.row--pad:after,
    .no-hover .scrollable-no-js.group:after,
    .no-hover .scrollable-no-js.row--pad:after {
        flex: 0 0 var(--spacing-2);
        width: var(--spacing-2)
    }
    .no-hover .scrollable-no-hover.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-hover.row--pad:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.group:after _:-ms-input-placeholder,
    .no-hover .scrollable-no-js.row--pad:after _:-ms-input-placeholder,
    :root .no-hover .scrollable-no-hover.group:after,
    :root .no-hover .scrollable-no-hover.row--pad:after,
    :root .no-hover .scrollable-no-js.group:after,
    :root .no-hover .scrollable-no-js.row--pad:after {
        min-width: var(--spacing-2);
        max-width: var(--spacing-2)
    }
    @-moz-document url-prefix() {
        .no-hover .scrollable-no-hover.group:after,
        .no-hover .scrollable-no-hover.row--pad:after,
        .no-hover .scrollable-no-js.group:after,
        .no-hover .scrollable-no-js.row--pad:after {
            max-width: var(--spacing-2)
        }
    }
}

.tabs-contents {
    position: relative;
    overflow: visible !important
}

.tabs-contents__content[aria-hidden=true] {
    display: none
}

.tabs-contents__content--animating-in {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.tabs-contents__content--animating-top {
    z-index: 2
}

.tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in)~.tabs-contents__content[aria-hidden=false] {
    position: absolute !important;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100%
}

.favourite .icon.icon-favourite,
.favourite .icon.icon-favourite-full {
    transition-property: opacity, color;
    margin-left: 0;
    margin-right: 0
}

.favourite .icon.icon-favourite {
    position: absolute
}

.favourite__active {
    opacity: 0
}

.favourite.is-active .favourite__active,
.favourite__inactive {
    opacity: 1
}

.favourite.is-active .favourite__inactive {
    opacity: 0
}

.favourite.is-active .favourite__active.icon {
    color: #ac835e
}

.ui-gold .favourite.is-active .favourite__active.icon {
    color: #cfa261
}

.sticky {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "sticky_content";
    --sticky-under-previous-distance: 100vh;
    --sticky-under-next-distance: 100vh
}

.sticky__layer {
    grid-area: sticky_content;
    align-self: start;
    position: relative;
    min-width: 0
}

.sticky__layer--top {
    position: relative;
    z-index: 1
}

.sticky__layer--sticky {
    top: 0;
    position: sticky
}

.has-scroll-smooth .sticky__layer--sticky {
    position: relative
}

.sticky__spacer {
    height: 100vh
}

.sticky--under-previous {
    position: relative;
    margin-top: calc(var(--sticky-under-previous-distance) * -1)
}

.sticky--under-previous:after {
    content: "";
    display: block;
    height: var(--sticky-under-previous-distance)
}

.sticky--under-next {
    position: relative;
    margin-bottom: calc(var(--sticky-under-next-distance) * -1)
}

.sticky--under-next:after {
    content: "";
    display: block;
    height: var(--sticky-under-next-distance)
}

.sticky--under-previous.sticky--under-next .sticky__layer--sticky {
    max-height: 200vh
}

.sticky--under-previous.sticky--under-next:after {
    height: calc(var(--sticky-under-previous-distance) + var(--sticky-under-next-distance))
}

.sticky--under-next+.sticky--under-previous {
    margin-top: calc(var(--sticky-under-previous-distance) * -1 + var(--sticky-under-next-distance) * -1);
    clip-path: inset(100vh 0 0)
}

.sticky--under-next+.sticky--under-previous,
.sticky--under-next+.sticky--under-previous _::-webkit-full-page-media,
.sticky--under-next+.sticky--under-previous _:future {
    transform: translateZ(1px)
}

.sticky--full-height,
.sticky--full-height .sticky__layer {
    min-height: 100vh
}

.sticky--full-height .sticky__layer--sticky {
    height: 100vh
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .sticky\:md-up {
        display: block
    }
    .sticky\:md-up .sticky__layer--sticky {
        position: relative
    }
    .sticky\:md-up:where(.sticky--full-height),
    .sticky\:md-up:where(.sticky--full-height) .sticky__layer {
        min-height: 0
    }
    .sticky\:md-up:where(.sticky--full-height) .sticky__layer--sticky {
        height: auto
    }
    :where(.sticky--under-next)+.sticky\:md-up.sticky--under-previous {
        margin-top: 0;
        clip-path: none;
        transform: none
    }
    .sticky\:md-up:where(.sticky--under-previous) {
        margin-top: 0
    }
    .sticky\:md-up:where(.sticky--under-previous):after {
        display: none
    }
    .sticky\:md-up:where(.sticky--under-next) {
        margin-bottom: 0
    }
    .sticky\:md-up:where(.sticky--under-next):after {
        display: none
    }
    .sticky\:md-up:where(.sticky--under-previous.sticky--under-next) .sticky__layer--sticky {
        max-height: none
    }
}

.logo {
    display: block;
    text-align: center
}

.logo svg {
    display: block;
    margin: 0 auto;
    width: 52px;
    height: auto
}

.logo svg+svg {
    width: 63px;
    margin-top: 13px
}

.logo .logo-hover {
    transform-origin: 50% 100%;
    transition-duration: .4s;
    transition-property: transform;
    transform-box: fill-box;
    transform: scaleY(0)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .logo svg {
        width: 64px
    }
    .logo svg+svg {
        width: 79px;
        margin-top: 16px
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .logo svg {
        width: 80px
    }
    .logo svg+svg {
        width: 99px;
        margin-top: 20px
    }
}

.has-hover a.logo:hover {
    color: currentColor
}

.has-hover a.logo:hover .logo-hover {
    transform: scaleY(1)
}

.logo--footer {
    display: inline-block;
    margin-bottom: -6px
}

.logo--footer svg {
    width: calc(100vw / 320 * 40);
    max-width: 52px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .logo--footer svg {
        width: 60px;
        max-width: none
    }
}

:root {
    --header-height: calc(40px + (var(--spacing) * 12 / 20) * 2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    :root {
        --header-height: calc(40px + (var(--spacing) * 25 / 60) * 2)
    }
}

.header {
    z-index: 10;
    contain: paint layout style;
    transition-property: opacity
}

.has-hover .header {
    pointer-events: none !important
}

.has-hover .header[data-scroll-section-inview]:not(.header--collapsed) .header__left,
.has-hover .header[data-scroll-section-inview]:not(.header--collapsed) .header__logo__container,
.has-hover .header[data-scroll-section-inview]:not(.header--collapsed) .header__right {
    pointer-events: all !important
}

.header__logo__container {
    text-align: right
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .header__logo__container {
        text-align: center
    }
}

.header--with-shadow .header__container {
    position: relative
}

.header--with-shadow .header__container:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(180deg, rgba(24, 29, 36, .7), rgba(24, 29, 36, 0))
}

.header--sticky {
    position: absolute;
    left: 0;
    width: 100%
}

.header--sticky+.header__scroll {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    opacity: .5;
    overflow: hidden;
    background-color: #181d24;
    padding-top: calc(var(--spacing) * 12 / 20);
    padding-bottom: calc(var(--spacing) * 12 / 20);
    border-bottom: 1px solid hsla(0, 0%, 100%, .08);
    pointer-events: all !important;
    transition-property: transform, opacity
}

.header--sticky+.header__scroll .row {
    transform: translateY(100%);
    transition-property: transform
}

.header--sticky+.header__scroll .header__sticky {
    display: flex;
    justify-content: center
}

.header--sticky+.header__scroll .header__sticky svg {
    width: 40px;
    height: 40px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .header--sticky+.header__scroll {
        padding-top: calc(var(--spacing) * 25 / 60);
        padding-bottom: calc(var(--spacing) * 25 / 60)
    }
}

.header--housing-transition-ignore {
    transition: none
}

.ui-light.header__scroll {
    background-color: #f9f0ec;
    border: 1px solid rgba(89, 65, 62, .1)
}

.header--sticky.header--collapsed .header__container {
    opacity: 0;
    pointer-events: none
}

.header--sticky.header--collapsed+.header__scroll {
    opacity: 1
}

.header--sticky.header--collapsed+.header__scroll .row {
    transform: translateY(0)
}

.header__container {
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 1.5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .header__container {
        padding-top: calc(var(--spacing) * 1);
        padding-bottom: calc(var(--spacing) * 1)
    }
}

.header__sticky {
    display: none
}

.footer {
    background-color: #181d24;
    color: #f9f0ec
}

.footer__presentation-buttons {
    display: flex;
    flex-direction: column;
    width: 50%
}

.footer__presentation-buttons>:last-child {
    margin-top: 15px
}

@media only screen and (min-width:980px) {
    .footer__presentation-buttons {
        flex-direction: row;
        width: auto
    }
    .footer__presentation-buttons>:last-child {
        margin-top: 0;
        margin-left: var(--spacing)
    }
}

@media only screen and (max-width:979px) {
    .footer hr {
        margin: calc(var(--spacing) * 2) 0
    }
}

.footer__text {
    margin-top: 10px;
    margin-bottom: calc(var(--spacing) * 65 / 100)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .footer__text {
        margin-top: 15px;
        margin-bottom: 35px
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .footer__text {
        margin-top: calc(var(--spacing) / 3);
        margin-bottom: calc(var(--spacing) / 60 * 16)
    }
}

@media screen and (min-width:980px) and (max-width:1200px) {
    .footer__text {
        margin-top: calc(15px + 5 * ((100vw - 980px) / 220))
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    .footer__text {
        margin-top: 16px
    }
}

.footer__tel {
    display: block;
    margin-top: calc(var(--spacing) / 60 * 140);
    margin-bottom: calc(var(--spacing))
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__tel {
        font-size: 20px;
        line-height: 25px
    }
}

@media only screen and (min-width:980px) {
    .footer__tel {
        margin-top: var(--spacing);
        margin-bottom: calc(var(--spacing) / 60 * 50)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .footer__tel {
        margin-top: calc(var(--spacing) / 60 * 55);
        margin-bottom: calc(var(--spacing) / 60 * 46)
    }
}

.footer__investor-link {
    display: inline-block;
    width: 103px;
    margin-top: 21px
}

.footer__investor-link svg.icon:first-child,
.footer__investor-link svg.icon:last-child {
    margin: 0
}

.footer__bottom-row {
    align-items: flex-end
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .footer__bottom-row .text-center {
        margin-bottom: var(--spacing-2)
    }
}

@media only screen and (min-width:980px) {
    .footer__bottom-row .text-center {
        margin-bottom: 0
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__bottom-row .text--small {
        text-align: center
    }
}

.footer__bottom-text {
    display: block
}

.footer__vig {
    display: flex;
    align-items: center;
    justify-content: center
}

.footer__vig__image {
    width: 16px;
    height: 16px
}

.footer__vig__text {
    margin-left: 11px
}

.footer__vig__text span:first-child {
    color: #71677a
}

.footer__lang {
    margin-top: -16px
}

.footer__bottom-link.link--extended-area+.footer__bottom-link.link--extended-area:after {
    top: 0
}

.footer__top-row {
    justify-content: space-between;
    margin-bottom: calc(var(--spacing) * 2);
    position: relative
}

@media only screen and (min-width:980px) {
    .footer__top-row {
        margin-bottom: 0
    }
}

.footer__download-pdf {
    font-size: .8rem;
    line-height: 1.75em;
    letter-spacing: .1em;
    font-weight: 500
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .footer__download-pdf {
        font-size: 1rem;
        line-height: 1.6em;
        letter-spacing: .1em;
        font-weight: 500
    }
}

.footer__download-pdf--gold {
    color: #ca9d75
}

.footer__nav__list,
.footer__nav__list:first-child {
    margin-top: calc(18px * -1);
    margin-left: 0
}

.footer__nav__list>*,
.footer__nav__list>:first-child {
    margin-bottom: 0;
    margin-top: 18px;
    margin-left: 0;
    max-width: calc(100% - 0)
}

@media only screen and (min-width:980px) {
    .footer__nav__list,
    .footer__nav__list:first-child {
        margin-top: 0;
        margin-left: calc(40px * -1)
    }
    .footer__nav__list>*,
    .footer__nav__list>:first-child {
        margin-bottom: 0;
        margin-top: 0;
        margin-left: 40px;
        max-width: calc(100% - 40px)
    }
}

.footer__nav__list li {
    width: 100%
}

.footer__nav+hr {
    border-color: rgba(249, 240, 236, .1);
    margin-top: calc(var(--spacing) * 1.8);
    margin-bottom: calc(var(--spacing) * 2)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__vig {
        margin-top: calc(var(--spacing-2) * .8)
    }
    .footer__vig div {
        display: inline
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .footer__vig {
        flex-direction: row-reverse;
        justify-content: flex-start
    }
    .footer__vig__image {
        width: 30px;
        height: 30px
    }
    .footer__vig__text {
        margin-right: 20px;
        margin-left: 0
    }
    .footer__vig__text span {
        display: block
    }
    .footer__investor-link {
        width: auto
    }
}

@media only screen and (min-width:980px) {
    .footer__tel {
        margin-left: -.5em
    }
    .footer__nav {
        height: 10px
    }
    .footer__nav__list {
        flex-wrap: nowrap;
        white-space: nowrap
    }
    .footer__nav li {
        width: auto
    }
    .footer__nav+hr {
        margin-top: calc(var(--spacing) / 60 * 56);
        margin-bottom: calc(var(--spacing) / 60 * 72)
    }
    .footer__top-item {
        position: absolute;
        top: -10px
    }
    .footer__top-item--left {
        left: 0
    }
    .footer__top-item--right {
        right: 0
    }
    .footer__investor-link {
        width: auto
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .footer__investor-link {
        position: absolute;
        bottom: calc(var(--spacing-1-5) - 5px);
        left: 50%;
        transform: translateX(-50%)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .footer__investor-link {
        bottom: calc(var(--spacing-2) + 5px)
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .footer__investor-link {
        bottom: calc(var(--spacing-1-5) + 5px)
    }
}

.footer-divider {
    background: rgba(89, 65, 62, .4);
    height: 1px
}

@keyframes bounceIn {
    0%,
    20%,
    50%,
    80%,
    to {
        transform: translateY(0);
        opacity: 1
    }
    40% {
        transform: translateY(-6px)
    }
    60% {
        transform: translateY(-3px)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .bounce {
        animation: bounceIn 2s 6s infinite
    }
}

.modal-menu {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing-2)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal-menu {
        padding-bottom: calc(var(--spacing) * 1.25)
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:980px) and (max-width:1199px) {
    .modal-menu {
        padding-top: calc(var(--spacing) * 1.25)
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal-menu {
        padding-bottom: var(--spacing-2)
    }
}

.modal-menu__header {
    flex-grow: 1
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),
only screen and (min-width:980px) and (max-width:1199px) {
    .modal-menu__header {
        position: absolute;
        right: var(--spacing-2);
        top: calc(var(--spacing) * 1)
    }
}

.modal-menu__buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.modal-menu__buttons a.group:not(:last-child) {
    margin-bottom: 10px
}

@media (min-width:980px) and (max-height:499px),
only screen and (max-width:567px) and (max-aspect-ratio:13/9),
only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),
only screen and (min-width:980px) and (max-width:1199px) {
    .modal-menu__buttons {
        width: 100%;
        border-top: 1px solid hsla(0, 0%, 100%, .08)
    }
}

.modal-menu__footer {
    flex-grow: 1
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .modal-menu__footer>.col {
        flex-grow: unset
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal-menu__footer {
        flex-grow: 0
    }
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    .modal-menu__footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal-menu__footer {
        display: flex;
        flex-direction: row;
        align-items: flex-end
    }
}

.modal-menu__content {
    flex-grow: 1
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px) {
    .modal-menu__content {
        flex-grow: unset
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal-menu__content a {
        font-family: Euclid Square, Helvetica, Arial, sans-serif;
        font-weight: 400;
        text-rendering: optimizeLegibility;
        font-feature-settings: "kern" 1;
        font-kerning: normal;
        font-weight: 300
    }
}

.modal-menu__content-menu {
    padding-top: calc(var(--spacing) * 2)
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .modal-menu__content-menu {
        padding-top: 0
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal-menu__content-menu {
        padding-top: calc(var(--spacing) * 170 / 40)
    }
    .modal-menu__content-menu a {
        display: inline-block;
        transition-duration: .4s;
        transition-timing-function: cubic-bezier(.25, .74, .22, .99);
        transition-property: transform
    }
    .has-hover .modal-menu__content-menu a:hover {
        transform: translateX(30px)
    }
    .has-hover .modal-menu__content-menu a:hover:not(.is-active) {
        color: #f9f0ec
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal-menu__content-menu {
        padding-top: var(--spacing-1)
    }
}

.modal-menu__bottom-menu {
    position: relative
}

.modal-menu__bottom-menu__favourites {
    position: absolute;
    right: 0;
    bottom: var(--spacing-2)
}

.modal-menu__bottom-menu a {
    line-height: 2.2em
}

@media (max-height:499px),
only screen and (max-width:1199px) {
    .modal-menu__lang {
        position: absolute;
        bottom: calc(var(--spacing) * 1.25);
        right: calc(var(--spacing) * 2)
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal-menu__lang {
        right: var(--spacing-2-5)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px) {
    .modal-menu__lang {
        margin-bottom: -10px
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:980px) and (max-width:1199px) {
    .modal-menu__lang {
        right: auto;
        left: calc(var(--spacing) * 2);
        margin-bottom: -5px
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal-menu__lang {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin-bottom: -10px;
        margin-right: 80px
    }
}

@media only screen and (max-width:979px) {
    .modal--wide-left .modal-menu__close.modal__close,
    .modal-menu__close.modal__close {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto
    }
}

.modal-secondary-menu {
    position: absolute;
    top: 0;
    right: 0;
    width: var(--spacing-5);
    height: 100vh;
    height: var(--viewport-height-actual);
    display: flex;
    flex-direction: column
}

.modal-secondary-menu__item {
    display: block;
    position: relative;
    flex-grow: 1;
    width: 100%
}

.modal-secondary-menu__item picture {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.modal-secondary-menu__item picture,
.modal-secondary-menu__item picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-secondary-menu__item span {
    text-align: center;
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2
}

.favourites {
    min-height: calc(var(--viewport-height-actual) - var(--spacing-1-5) * 2);
    padding-top: var(--spacing-3);
    display: flex;
    flex-direction: column
}

.favourites__subtitle {
    padding: 15px 0 var(--spacing)
}

.favourites__container {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-top: calc(var(--spacing-1) * 1.15)
}

.favourites__tabs {
    position: relative;
    display: flex;
    gap: var(--spacing-0-5);
    margin-bottom: var(--spacing-1-5)
}

.favourites__tabs:after {
    content: "";
    position: absolute;
    left: calc(var(--spacing) * -1);
    right: calc(var(--spacing) * -1);
    bottom: 0;
    border-top: 1px solid rgba(89, 65, 62, .1)
}

.favourites__tabs-content {
    flex-grow: 1;
    display: flex
}

.favourites__tabs-content .tabs-contents__content {
    width: 100%;
    display: flex
}

.favourites__tabs-content .tabs-contents__content[aria-hidden=true] {
    display: none
}

.favourites__tabs-item {
    display: block;
    padding-bottom: calc(var(--spacing) * .6);
    border-bottom: 1px solid transparent;
    font-weight: 500;
    color: #ac835e
}

.favourites__tabs-item .favourites__count {
    margin-left: 4px
}

.favourites__tabs-item.is-active {
    border-bottom-color: #181d24;
    color: #181d24
}

.favourites__tabs-item.is-active .favourites__count {
    color: #71677a
}

.has-hover .favourites__tabs-item:hover {
    color: #181d24
}

.favourites__count {
    color: #a9a09c
}

.favourites__buttons {
    position: fixed;
    left: var(--spacing-1-5);
    right: var(--spacing-1-5);
    bottom: var(--spacing-1-5);
    z-index: 3
}

.favourites__list {
    width: 100%
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .favourites__list {
        overflow-y: visible !important
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites {
        padding-top: calc(var(--spacing) * .2)
    }
    .favourites__container {
        margin-top: calc(var(--spacing) * 1.15)
    }
    .favourites__tabs {
        margin-bottom: var(--spacing-0-5)
    }
    .favourites__tabs:after {
        left: calc(var(--spacing-2) * -1);
        right: calc(var(--spacing-2) * -1)
    }
    .favourites__tabs-content {
        position: relative
    }
    .favourites__tabs-content .tabs-contents__content:before {
        position: absolute;
        content: "";
        background: inherit;
        top: 0;
        bottom: 0;
        left: calc(var(--spacing-0-5)* -1);
        right: calc(var(--spacing-0-5)* -1);
        pointer-events: none
    }
    .favourites__tabs-item {
        padding-bottom: calc(var(--spacing) / 4)
    }
    .favourites__buttons {
        left: auto;
        right: 0;
        top: calc(100vh - var(--spacing) / 60 * 70);
        bottom: auto;
        width: 540px;
        pointer-events: none
    }
    .favourites__buttons>* {
        pointer-events: all
    }
}

@media only screen and (min-width:980px) {
    .favourites__buttons {
        width: 780px
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .favourites__buttons {
        width: 960px
    }
}

.favourites-item {
    position: relative;
    padding: var(--spacing);
    border: 1px solid #e2d9d5;
    flex-direction: column;
    margin-top: var(--spacing)
}

.favourites-item:first-child {
    margin-top: 0
}

.favourites-item__link {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.favourites-item__type {
    margin-top: calc(var(--spacing) * .6)
}

.favourites-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(var(--spacing) * 8.8)
}

.favourites-item__image img {
    width: var(--spacing-6);
    height: var(--spacing-6);
    -o-object-fit: contain;
    object-fit: contain
}

.favourites-item__title {
    position: absolute;
    left: var(--spacing);
    top: calc(var(--spacing) * 10.25);
    padding: 5px 0 0;
    font-size: 3.95rem;
    line-height: 1.26582em;
    letter-spacing: -.02em
}

.favourites-item__title:before {
    margin-top: -.18291em
}

.favourites-item__title:after {
    margin-bottom: -.27791em
}

.favourites-item__icons {
    position: absolute;
    left: var(--spacing);
    bottom: var(--spacing);
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(50% - var(--spacing) * 2)
}

.favourites-item__icons .tooltip {
    max-width: none
}

.favourites-item__icons,
.favourites-item__icons:first-child {
    margin-top: calc(4px * -1);
    margin-left: calc(4px * -1)
}

.favourites-item__icons>*,
.favourites-item__icons>:first-child {
    margin-bottom: 0;
    margin-top: 4px;
    margin-left: 4px;
    max-width: calc(100% - 4px)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites-item__icons,
    .favourites-item__icons:first-child {
        margin-top: calc(5px * -1);
        margin-left: calc(5px * -1)
    }
    .favourites-item__icons>*,
    .favourites-item__icons>:first-child {
        margin-bottom: 0;
        margin-top: 5px;
        margin-left: 5px;
        max-width: calc(100% - 5px)
    }
}

.favourites-item__icons .btn {
    z-index: 3
}

.animation--height .favourites-item__icons .btn {
    z-index: 1
}

.favourites-item__icons .icon {
    width: 22px;
    height: 22px
}

.favourites-item__column {
    margin-left: 50%
}

.favourites-item__column--building {
    order: 1
}

.favourites-item__info-building {
    padding: 6px 0 0;
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites-item__info-building {
        padding: 0;
        margin-top: auto
    }
}

.favourites-item__info-apartment {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    line-height: 1.66667em;
    letter-spacing: .1em
}

.favourites-item__info-apartment__price {
    order: -1
}

.favourites-item__info-apartment__price--request {
    margin-top: 5px
}

.favourites-item__favourite {
    position: absolute;
    z-index: 3;
    right: var(--spacing);
    top: var(--spacing)
}

.favourites-item__penthouse {
    position: absolute;
    top: var(--spacing);
    left: var(--spacing);
    width: 38px;
    height: auto
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites-item {
        flex-direction: row;
        flex-wrap: nowrap;
        padding: calc(var(--spacing) * 25 / 60) 0 calc(var(--spacing) * 25 / 60);
        margin-top: 0;
        border: 0;
        border-top: 1px solid #e2d9d5
    }
    .favourites-item__image {
        width: 100px;
        height: 100px;
        flex: 0 0 100px
    }
    .favourites-item__image img {
        display: inline-block;
        vertical-align: top;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%
    }
    .favourites-item__title {
        position: relative;
        left: auto;
        top: auto;
        width: 50%;
        margin: 0;
        padding: 3px 0 8px
    }
    .favourites-item__column {
        margin-left: 40px;
        width: 80px;
        flex: 0 0 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .favourites-item__column--apartment {
        width: auto;
        flex: 1 1 auto
    }
    .favourites-item__column--building {
        order: 0
    }
    .favourites-item__icons {
        --is-visible--mobile: block;
        --is-visible--only-tablet: none;
        --is-visible--non-tablet: none;
        position: relative;
        left: auto;
        bottom: auto;
        padding: 8px 0 0;
        max-width: none
    }
    .favourites-item__favourite {
        position: relative;
        right: auto;
        top: auto;
        margin-left: calc(var(--spacing) / 60 * 40);
        text-align: right;
        margin-top: 2px
    }
    .favourites-item.favourites-item--penthouse .favourites-item__favourite.btn {
        min-width: var(--spacing-0-5)
    }
    .favourites-item.favourites-item--penthouse .favourites-item__favourite.btn>.btn__content {
        justify-content: center
    }
    .favourites-item__penthouse {
        left: auto;
        right: 0;
        top: auto;
        bottom: var(--spacing-0-5);
        width: var(--spacing-0-5)
    }
}

@media only screen and (min-width:980px) {
    .favourites-item__title {
        padding: 20px 0 8px
    }
    .favourites-item__info-apartment>* {
        order: 0;
        line-height: 1.25em
    }
    .favourites-item__info-building {
        padding-bottom: 8px
    }
    .favourites-item__info-building>* {
        line-height: 1.25em
    }
    .favourites-item__column {
        margin-left: 50px;
        width: 100px;
        flex: 0 0 100px
    }
    .favourites-item__column--apartment {
        width: auto;
        flex: 1 1 auto
    }
    .favourites-item__icons {
        padding: 8px 0 0
    }
}

.favourites-item--penthouse {
    border: none
}

.favourites-item--penthouse:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #fff
}

.favourites-item--penthouse>* {
    z-index: 1
}

.favourites-item--penthouse .favourites-item__info-apartment,
.favourites-item--penthouse .favourites-item__info-building {
    font-weight: 500
}

.favourites-item--penthouse .favourites-item__info-apartment__price {
    padding: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites-item--penthouse:before {
        left: calc(var(--spacing-0-5) * -1);
        right: calc(var(--spacing-0-5) * -1)
    }
    .favourites-item--penthouse+.favourites-item--penthouse {
        margin-top: 2px
    }
}

.favourites__empty {
    padding-top: var(--spacing-2);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: calc(var(--viewport-height) - var(--spacing-1-5) * 2);
    padding-bottom: var(--spacing-0-5)
}

.favourites__empty__text {
    flex-grow: 1;
    margin: var(--spacing-0-5) 0 var(--spacing-1-5);
    font-size: 1rem;
    line-height: 1.6em;
    letter-spacing: .1em
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites__empty__text {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .1em
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .favourites__empty__text {
        font-size: 1.6rem;
        line-height: 1.625em;
        letter-spacing: .1em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .favourites__empty__text {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .1em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .favourites__empty__text {
        font-size: calc(1rem + 2 * ((100vw - 568px) / 412));
        line-height: calc(1.6em + .66667 * ((100vw - 568px) / 412));
        letter-spacing: .1em
    }
}

.favourites__empty__cards {
    flex-wrap: wrap
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .favourites__empty__cards {
        flex-wrap: nowrap
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .favourites__empty {
        padding-top: 0;
        min-height: calc(var(--viewport-height) - var(--spacing-1-5) - var(--spacing-2))
    }
}

.favourites-container__section-inner {
    width: 100%;
    min-height: var(--viewport-height-actual)
}

.modal-choose__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 50vh;
    padding: calc(var(--spacing) / 3 * 4)
}

.modal-choose__title {
    position: relative;
    font-size: 2rem;
    line-height: 1.25em;
    letter-spacing: -.02em
}

@media (min-aspect-ratio:13/9),
only screen and (min-width:568px) {
    .modal-choose__title {
        font-size: 2rem;
        line-height: 1.25em;
        letter-spacing: -.02em
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .modal-choose__title {
        font-size: 3rem;
        line-height: 1.33333em;
        letter-spacing: -.02em
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .modal-choose__title {
        font-size: 3.95rem;
        line-height: 1.26582em;
        letter-spacing: -.02em
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .modal-choose__title {
        font-size: calc(2rem + 10 * ((100vw - 320px) / 346));
        line-height: calc(1.25em + .83333 * ((100vw - 320px) / 346));
        letter-spacing: -.02em
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal-choose__title {
        font-size: calc(2rem + 10 * ((100vw - 568px) / 412));
        line-height: calc(1.25em + .83333 * ((100vw - 568px) / 412));
        letter-spacing: -.02em
    }
}

.modal-choose__title--bottom {
    margin-bottom: calc(var(--spacing) / 3 * 2.25)
}

.modal-choose__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.modal-choose .header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: all !important
}

.page-top {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-3);
    padding-bottom: var(--spacing-1-5);
    min-height: calc(var(--spacing) * 300 / 20)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top {
        min-height: calc(var(--spacing) * 420 / 60)
    }
}

.page-top--sm {
    min-height: calc(var(--spacing) * 200 / 20);
    padding-bottom: 1.8rem
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--sm {
        padding-bottom: 2.5rem;
        min-height: calc(var(--spacing) * 420 / 60)
    }
}

@media only screen and (min-width:980px) {
    .page-top--sm {
        padding-bottom: 3rem
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .page-top--sm {
        padding-bottom: 3.9rem
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .page-top--md {
        min-height: calc(var(--spacing) * 240 / 20)
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .page-top--md {
        min-height: 60vh;
        max-height: 60vh
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),
only screen and (min-width:980px) and (max-width:1199px) {
    .page-top--md {
        min-height: calc(var(--spacing) * 400 / 40)
    }
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .page-top--lg {
        min-height: calc(var(--spacing) * 270 / 20)
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .page-top--lg {
        min-height: 65vh;
        max-height: 65vh
    }
}

@media (min-width:980px) and (max-height:499px),
only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),
only screen and (min-width:980px) and (max-width:1199px) {
    .page-top--lg {
        min-height: calc(var(--spacing) * 400 / 40)
    }
}

@media only screen and (min-width:980px) {
    .page-top--xl {
        min-height: calc(var(--spacing) * 10);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .page-top--xl {
        min-height: calc(var(--spacing) * 10);
        padding-bottom: calc(var(--spacing) * 2)
    }
}

.page-top__title {
    color: #ac835e;
    transition-property: color
}

.page-top__spacer {
    flex-grow: 1
}

.page-top__separator {
    display: inline-block;
    position: relative;
    padding-left: var(--spacing-0-5);
    margin-left: calc(var(--spacing-0-5) * .2)
}

.page-top__separator:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: calc(var(--spacing) * 10 / 60);
    height: calc(var(--spacing) * 10 / 60);
    border-radius: 50%;
    background-color: #ca9d75
}

.page-top__separator+.page-top__separator {
    margin-left: var(--spacing-0-5)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top__separator {
        margin-left: calc(var(--spacing-0-5) - 15px)
    }
}

.page-top__back {
    position: absolute;
    bottom: 0;
    transform: translateY(50%)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top {
        padding-bottom: var(--spacing-2)
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--housing {
        height: calc(var(--spacing) * 600 / 60);
        max-height: 600px
    }
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--news {
        padding-bottom: calc(var(--spacing) * .66)
    }
}

.ui-dark .page-top__title {
    color: #f9f0ec
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--with-filters {
        padding-bottom: 80px
    }
}

.page-top--floating-title .page-top {
    padding-bottom: 1.5rem;
    min-height: calc(var(--spacing) * 240 / 20)
}

@media screen and (min-width:320px) and (max-width:666px) {
    .page-top--floating-title .page-top {
        padding-bottom: calc(1.5em + 17 * ((100vw - 320px) / 346))
    }
}

@media screen and (min-width:568px) and (max-width:666px) {
    .page-top--floating-title .page-top {
        padding-bottom: calc(1.5em + 17 * ((100vw - 568px) / 98))
    }
}

.page-top--floating-title .page-top__title {
    position: absolute;
    top: calc(100% - .39em)
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--floating-title .page-top {
        padding-bottom: 3.2rem;
        min-height: calc(var(--spacing) * 320 / 40)
    }
}

@media only screen and (min-width:980px) {
    .page-top--floating-title .page-top {
        padding-bottom: 4.3rem
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .page-top--floating-title .page-top {
        padding-bottom: 5.9rem;
        min-height: calc(var(--spacing) * 420 / 60)
    }
}

.animation--title .page-top__separator:before {
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99), opacity 1.6s cubic-bezier(.25, .74, .22, .99);
    transition-delay: .24s;
    will-change: transform, opacity;
    transform-origin: 50% 50%
}

.animation--title .page-top__separator+.page-top__separator:before {
    transition-delay: .48s
}

.animation--title--inactive .page-top__separator:before {
    transform: translateY(121.5px) scale(.1);
    opacity: 0
}

.page-top-image {
    width: 100%;
    height: auto;
    vertical-align: top
}

.page-top-image .parallax-picture {
    max-height: calc(var(--viewport-height) - var(--spacing))
}

.page-top-image img {
    display: block;
    width: 100%;
    height: calc(840 / 1440 * 100vw)
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .page-top-image img {
        height: calc(200 / 320 * 100vw)
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .page-top-image img {
        height: calc(350 / 560 * 100vw)
    }
}

.page-top-image--parallax img {
    height: calc(960 / 1440 * 100vw)
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .page-top-image--parallax img {
        height: calc(200 / 320 * 100vw)
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .page-top-image--parallax img {
        height: calc(350 / 560 * 100vw)
    }
}

.page-top-image--team {
    height: calc(var(--spacing) * 10)
}

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {
    .page-top-image--team img {
        height: 100%
    }
}

@media (max-width:665px) and (min-aspect-ratio:13/9),
only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .page-top-image--team img {
        height: 100%
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .page-top-image--team {
        height: 600px
    }
}

.breadcrumbs {
    position: relative;
    z-index: 1;
    margin: 0 0 calc(var(--spacing) * 1.2) 0
}

.breadcrumbs:first-child {
    margin-top: 0;
    margin-left: 0
}

.breadcrumbs:last-child {
    margin-right: 0;
    margin-bottom: 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .breadcrumbs {
        margin: 0 0 calc(var(--spacing) * .5) 0
    }
    .breadcrumbs:first-child {
        margin-top: 0;
        margin-left: 0
    }
    .breadcrumbs:last-child {
        margin-right: 0;
        margin-bottom: 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .breadcrumbs {
        margin: 0 0 calc(var(--spacing) * .7) 0
    }
    .breadcrumbs:first-child {
        margin-top: 0;
        margin-left: 0
    }
    .breadcrumbs:last-child {
        margin-right: 0;
        margin-bottom: 0
    }
}

.page-top--floating-title .breadcrumbs:last-child {
    margin: 0 0 calc(var(--spacing) * 1.2) 0
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .page-top--floating-title .breadcrumbs:last-child {
        margin: 0 0 calc(var(--spacing) * .5) 0
    }
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .page-top--floating-title .breadcrumbs:last-child {
        margin: 0 0 calc(var(--spacing) * .7) 0
    }
}

.breadcrumbs__item {
    white-space: nowrap;
    max-width: none !important;
    z-index: 1;
    position: relative;
    padding-right: var(--spacing-1);
    cursor: default
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .breadcrumbs__item {
        padding-right: var(--spacing-0-5)
    }
}

.breadcrumbs__item :before {
    content: "/";
    position: absolute;
    right: var(--spacing-0-5);
    transform: translateX(50%);
    color: #a9a09c;
    margin-top: -1px
}

@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),
only screen and (min-width:666px) and (min-height:416px),
only screen and (min-width:980px) {
    .breadcrumbs__item :before {
        right: calc(var(--spacing-0-5) / 2)
    }
}

.breadcrumbs__item:last-child:not(:first-child) :before {
    display: none
}

.breadcrumbs a.breadcrumbs__item {
    cursor: pointer
}

.ui-dark .breadcrumbs__item :before {
    color: #71677a
}

.with-modal #CalltouchWidgetFrame,
html[lang=en] #CalltouchWidgetFrame {
    opacity: 0 !important;
    pointer-events: none !important
}

.has-hover .cursor {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform;
    z-index: 10;
    transition-property: opacity
}

.has-hover .cursor:not(.cursor--clickable) {
    pointer-events: none
}

.has-hover .cursor--fixed {
    position: absolute
}

.has-hover .cursor--clickable .btn {
    cursor: pointer
}

.has-hover .cursor__button {
    transform: translate(-50%, -50%);
    margin: -20px 0 0 -10px
}

.has-hover .cursor__button--left,
.has-hover .cursor__button--right {
    display: none
}

.has-hover .cursor--left .cursor__button--left,
.has-hover .cursor--right .cursor__button--right {
    display: flex
}

.has-hover .cursor--zoom-in .btn:after,
.has-hover .cursor--zoom-in .btn:before {
    transform: scale(2)
}

.has-hover .cursor .btn__deco {
    display: none
}