/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    --viewport-height: auto !important;
    --viewport-height-actual: auto !important;
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}
.swiper-button-next{right: auto !important;z-index: 1;}
.swiper-button-prev{left: auto !important;z-index: 1;}
.section--towerwest .luxurious .arrow .btn__content svg use{color: #000000;}
.swiper-button-next, .swiper-button-prev{height: auto !important;}
.swiper-button-next svg, .swiper-button-prev svg{width: auto;height: auto;}
.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-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-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--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: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: DM Sans;
    /* font-family: DM Sans, 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: 'Editor';
    /* font-family: SangBleu Empire, 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;
}

.deco-title__text.custom-text {
    /* font-family: Wonder Garden Script, Helvetica, Arial, sans-serif; */
    font-weight: 400;
    text-transform: none;
    font-family: SangBleu Empire, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.text--size-default,
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
}

.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
}

.deco-title__sizer,
.deco-title__text,
.text--script {
    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: none
}

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

@media only screen and (max-width:567px) and (max-aspect-ratio:13/9) {

    .text--size-default,

    body {
        font-size: calc(1rem + 2 * ((100vw - 320px) / 346));
        line-height: calc(1.6em + .66667 * ((100vw - 320px) / 346));
        letter-spacing: .05em
    }
}

@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: .05em
    }
}

@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: .05em
    }
}

@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) {
    .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) {

    .deco-title__sizer,
    .deco-title__text,
    .text--script {
        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(1.4rem + 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 (min-aspect-ratio:13/9),
only screen and (min-width:568px) {

    .text--card-news,
    .text--default-md,
    .text--size-default,

    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
    }

    .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
    }

    .deco-title--text-small .deco-title__text,
    .deco-title--text-xs .deco-title__text,
    .deco-title__sizer,
    .deco-title__text,
    .text--script {
        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,

    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,
  
    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) {
    .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) {

    .deco-title__sizer,
    .deco-title__text,
    .text--script {
        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,

    body {
        font-size: 1.2rem;
        line-height: 1.66667em;
        letter-spacing: .05em
    }

    .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: 14px;
        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
    }

    .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
    }

    .deco-title--text-small .deco-title__text,
    .deco-title__sizer,
    .deco-title__text,
    .text--script {
        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.8rem;
        line-height: 1.5625em;
        letter-spacing: 0;
        text-transform: none;
    }

    .text--article-title {
        font-size: 3.95rem;
        line-height: 1.26582em;
        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
    }

    .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
    }

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

    .text--article-title {
        font-size: 5.2rem;
        line-height: 1.15385em;
        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
    }
}

@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: 3.6rem;
        line-height: 1.42857em;
        letter-spacing: 0
    }

    .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: 0
    }

    .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
    }

    .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--gallery-title {
        font-size: 10.5rem;
        line-height: 1.04762em;
        letter-spacing: -.05em
    }

    .deco-title__sizer,
    .deco-title__text,
    .text--script {
        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
    }
}

.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,
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 {
    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);
    -webkit-clip-path: inset(100%);
    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(../fonts/wondergardenscript.woff2) format("woff2"), url(../fonts/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(../fonts/sangbleuempire-regular-webxl.woff2) format("woff2"), url(../fonts/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: Euclid Square;
    src: url(../fonts/euclidsquare-regular-webxl.woff2) format("woff2"), url(../fonts/euclidsquare-regular-webxl.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Square;
    src: url(../fonts/euclidsquare-light-webxl.woff2) format("woff2"), url(../fonts/euclidsquare-light-webxl.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Euclid Square;
    src: url(../fonts/euclidsquare-medium-webxl.woff2) format("woff2"), url(../fonts/euclidsquare-medium-webxl.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/DMSans/DMSans-Regular-BF64376d323f095.ttf') format('truetype');
}

@font-face {
  font-family: 'Editor';
  src: url('../fonts/editor/Editor-Regular-BF647813f3bddb5.otf') format('truetype');
}

html {
    font-size: 62.5%
}

.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) * 30 / 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: 9vw
    }
}

@media only screen and (min-width:1920px) and (min-height:600px) {
    .text--h1-relative {
        /*font-size: 21.1rem*/
        /*font-size: 10rem;*/
        font-size: 8rem;
        letter-spacing: 0;
    }
}

.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 .ui-brown .text--color-accent,
html .ui-dark .text--color-accent {
    color: #ca9d75
}

@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: -.435em
}

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

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

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

@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: -.46833em
    }

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

.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: -.41625em
}

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

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

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

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

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

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

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

@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: -.34929em
    }

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

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

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

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

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

@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: -.435em
    }

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

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

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

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

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

@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: -.21192em
    }

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

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

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

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

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

@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: -.26791em
    }

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

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

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

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

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

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

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

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

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

@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: -.46833em
    }

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

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

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

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

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

.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--square>svg rect {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    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.4rem
    }
}

.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--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.8rem;
        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.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-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-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.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-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--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-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
}

@media (prefers-reduced-motion:reduce),
(update:slow) {

    *,
    :after,
    :before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: scroll !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !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
}

.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
}

.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--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
    }
}

@media (prefers-reduced-motion:reduce),
(update:slow) {
    .js [data-reveal]:not([data-reveal-visible]) {
        opacity: 1 !important;
        pointer-events: all !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,
.card__hover-image picture,
.card__hover-image picture img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

.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__hover-image {
    overflow: hidden;
    height: 0
}

.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--hover input:checked~.card__hover,
.card--hover input:checked~.card__hover:before,
.card--hover input:checked~.card__hover__content {
    transform: translateY(0)
}

.card--hover input:checked~.card__hover-image {
    height: 100%
}

.card--hover.focus-visible,
.card--hover.is-active,
.has-hover .card--hover:hover {
    outline: none !important
}

.card--hover.focus-visible .card__hover,
.card--hover.focus-visible .card__hover:before,
.card--hover.focus-visible .card__hover__content,
.card--hover.is-active .card__hover,
.card--hover.is-active .card__hover:before,
.card--hover.is-active .card__hover__content,
.has-hover .card--hover:hover .card__hover,
.has-hover .card--hover:hover .card__hover:before,
.has-hover .card--hover:hover .card__hover__content {
    transform: translateY(0)
}

.card--hover.focus-visible .card__hover-image,
.card--hover.is-active .card__hover-image,
.has-hover .card--hover:hover .card__hover-image {
    height: 100%
}

.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
}

.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,
body,
button,
h1,
h2,
h3,
h4,
h5,
input,
textarea {
    color: #181d24
}

.ui-brown,
.ui-brown button,
.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 {
    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
}

@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-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-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-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
    }
}

.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-0,
.pt-0\:xs,
.py-0,
.py-0\:xs {
    padding-top: var(--spacing-0)
}

.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-0,
.pb-0\:xs,
.py-0,
.py-0\:xs {
    padding-bottom: var(--spacing-0)
}

.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-0,
.pl-0\:xs,
.px-0,
.px-0\:xs {
    padding-left: var(--spacing-0)
}

.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-0,
.pr-0\:xs,
.px-0,
.px-0\:xs {
    padding-right: var(--spacing-0)
}

.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-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-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-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-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-0,
.ml-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-left: var(--spacing-0)
}

.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-0,
.mr-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-right: var(--spacing-0)
}

.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-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-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-0\:sm,
    .py-0\:sm {
        padding-top: var(--spacing-0)
    }

    .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-0\:sm,
    .py-0\:sm {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:sm,
    .px-0\:sm {
        padding-left: var(--spacing-0)
    }

    .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-0\:sm,
    .px-0\:sm {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:sm,
    .mx-0\:sm {
        margin-left: var(--spacing-0)
    }

    .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-0\:sm,
    .mx-0\:sm {
        margin-right: var(--spacing-0)
    }

    .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-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-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-0\:md,
    .py-0\:md {
        padding-top: var(--spacing-0)
    }

    .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-0\:md,
    .py-0\:md {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:md,
    .px-0\:md {
        padding-left: var(--spacing-0)
    }

    .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-0\:md,
    .px-0\:md {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:md,
    .mx-0\:md {
        margin-left: var(--spacing-0)
    }

    .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-0\:md,
    .mx-0\:md {
        margin-right: var(--spacing-0)
    }

    .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-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-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-0\:lg,
    .py-0\:lg {
        padding-top: var(--spacing-0)
    }

    .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-0\:lg,
    .py-0\:lg {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:lg,
    .px-0\:lg {
        padding-left: var(--spacing-0)
    }

    .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-0\:lg,
    .px-0\:lg {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:lg,
    .mx-0\:lg {
        margin-left: var(--spacing-0)
    }

    .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-0\:lg,
    .mx-0\:lg {
        margin-right: var(--spacing-0)
    }

    .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-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-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-0\:xl,
    .py-0\:xl {
        padding-top: var(--spacing-0)
    }

    .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-0\:xl,
    .py-0\:xl {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:xl,
    .px-0\:xl {
        padding-left: var(--spacing-0)
    }

    .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-0\:xl,
    .px-0\:xl {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:xl,
    .mx-0\:xl {
        margin-left: var(--spacing-0)
    }

    .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-0\:xl,
    .mx-0\:xl {
        margin-right: var(--spacing-0)
    }

    .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-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-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-0\:xxl,
    .py-0\:xxl {
        padding-top: var(--spacing-0)
    }

    .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-0\:xxl,
    .py-0\:xxl {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:xxl,
    .px-0\:xxl {
        padding-left: var(--spacing-0)
    }

    .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-0\:xxl,
    .px-0\:xxl {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:xxl,
    .mx-0\:xxl {
        margin-left: var(--spacing-0)
    }

    .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-0\:xxl,
    .mx-0\:xxl {
        margin-right: var(--spacing-0)
    }

    .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-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-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-0\:xxxl,
    .py-0\:xxxl {
        padding-top: var(--spacing-0)
    }

    .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-0\:xxxl,
    .py-0\:xxxl {
        padding-bottom: var(--spacing-0)
    }

    .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-0\:xxxl,
    .px-0\:xxxl {
        padding-left: var(--spacing-0)
    }

    .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-0\:xxxl,
    .px-0\:xxxl {
        padding-right: var(--spacing-0)
    }

    .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-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-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-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-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-0\:xxxl,
    .mx-0\:xxxl {
        margin-left: var(--spacing-0)
    }

    .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-0\:xxxl,
    .mx-0\:xxxl {
        margin-right: var(--spacing-0)
    }

    .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-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-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-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-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-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: 640px
    }
}

@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: 40px;
        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: 25rem;
        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-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: calc(var(--spacing) / -2);
    margin-right: calc(var(--spacing) / -2)
}

.row--pad-xl>.col {
    padding-left: calc(var(--spacing) / 2);
    padding-right: calc(var(--spacing) / 2)
}

@media only screen and (min-width:1200px) and (min-height:500px) {
    .row--pad-xl {
        margin-left: calc(var(--spacing-2) / -2);
        margin-right: calc(var(--spacing-2) / -2)
    }

    .row--pad-xl>.col {
        padding-left: calc(var(--spacing-2) / 2);
        padding-right: calc(var(--spacing-2) / 2)
    }
}

.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: 40%;
    }

    .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: 30px;
    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) * 30/40);
        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%
}

.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
}

.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)
    }
}

.tooltip1 {
    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: #f9f0ec;
    color: #ac835e
}

.ui-brown .tooltip {
    background-color: #f9f0ec;
    color: #181d24
}

.tooltip1:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    left: calc(50% - 6px);
    border: 6px solid transparent;
    border-bottom-color: #181d24
}

.ui-brown .tooltip:before,
.ui-dark .tooltip:before {
    border-color: transparent transparent #f9f0ec
}

.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)
    }
}

@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 - var(--spacing-1-5))
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--wide .modal__closearea {
        width: calc(100vw - 1080px - 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--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)
    }
}

@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 - var(--spacing-1-5))
    }
}

@media only screen and (min-width:980px) {
    .modal--narrow .modal__closearea {
        width: calc(100vw - 780px - var(--spacing-1-5))
    }
}

@media only screen and (min-width:1440px) and (min-height:600px) {
    .modal--narrow .modal__closearea {
        width: calc(100vw - 780px - 120px)
    }
}

.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: -webkit-clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99), -webkit-clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    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 {
    -webkit-clip-path: polygon(100% 0, 200% 0, 220% 100%, 120% 100%);
    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 {
    -webkit-clip-path: polygon(-100% 0, 0 0, -20% 100%, -120% 100%);
    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: -webkit-clip-path .8s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path .8s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path .8s cubic-bezier(.74, 0, .24, .99), -webkit-clip-path .8s cubic-bezier(.74, 0, .24, .99);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    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 {
    -webkit-clip-path: polygon(120% 0, 220% 0, 200% 100%, 100% 100%);
    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 {
    -webkit-clip-path: polygon(-120% 0, -20% 0, 0 100%, -100% 100%);
    clip-path: polygon(-120% 0, -20% 0, 0 100%, -100% 100%)
}

.animation--tabs-modal-left-in,
.animation--tabs-modal-right-in {
    transition: -webkit-clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    transition: clip-path 1.3s cubic-bezier(.74, 0, .24, .99), -webkit-clip-path 1.3s cubic-bezier(.74, 0, .24, .99);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.animation--tabs-modal-right-in--inactive {
    -webkit-clip-path: polygon(100% 0, 200% 0, 220% 100%, 120% 100%);
    clip-path: polygon(100% 0, 200% 0, 220% 100%, 120% 100%)
}

.animation--tabs-modal-left-in--inactive {
    -webkit-clip-path: polygon(-100% 0, 0 0, -20% 100%, -120% 100%);
    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
}

.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
    }
}

.header {
    z-index: 10;
    contain: paint layout style;
    transition-property: opacity;
    pointer-events: none !important
}

.header:not(.header--collapsed) .header__left,
.header:not(.header--collapsed) .header__logo__container,
.header: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) * 5 / 60);
        padding-bottom: calc(var(--spacing) * 5 / 60)
    }
}

.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: 20px;
        padding-bottom: 20px;
    }
}

.header__sticky {
    display: none
}

.footer {
    background-color: #F9F0EC;
    color: #f9f0ec
}

.footer .top-top-btn p {
    color: #181d24;
}

.footer__presentation-buttons {
    display: flex;
    /*flex-direction: column*/
    align-items: center;
}

.footer__presentation-buttons>:last-child {
    margin-left: 15px
}

@media only screen and (min-width:980px) {
    .footer__presentation-buttons {
        flex-direction: row
    }

    .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: 14px;
    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 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) {
    .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:980px) {
    .modal-menu__footer {
        flex-grow: 0
    }
}

@media only screen and (max-width:979px) {
    .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:980px) {
    .modal-menu__content-menu {
        padding-top: 0
    }
}

@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 {
    padding-top: var(--spacing-2)
}

.favourites__subtitle {
    padding: 15px 0 var(--spacing)
}

.favourites__list {
    margin-top: 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) {
    .favourites {
        padding-top: 0
    }

    .favourites__list {
        margin-top: calc(var(--spacing) / 60 * 40)
    }
}

.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__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: calc(var(--spacing) * 9)
}

.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);
    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 {
    width: 100%;
    max-width: 90vw
}

.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(8px * -1);
        margin-left: calc(8px * -1)
    }

    .favourites-item__icons>*,
    .favourites-item__icons>:first-child {
        margin-bottom: 0;
        margin-top: 8px;
        margin-left: 8px;
        max-width: calc(100% - 8px)
    }
}

.favourites-item__icons .btn {
    z-index: 3
}

.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
}

.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;
    padding: 0 0 11px
}

.favourites-item__favourite {
    position: absolute;
    z-index: 3;
    right: var(--spacing);
    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) {
    .favourites-item {
        flex-direction: row;
        flex-wrap: nowrap;
        padding: calc(var(--spacing) * 20 / 60) 0 var(--spacing-0-5);
        margin-top: 0;
        border: 0;
        border-top: 1px solid #e2d9d5
    }

    .favourites-item__image {
        display: block;
        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
    }

    .favourites-item__column--apartment {
        width: auto;
        flex: 1 1 auto
    }

    .favourites-item__column--building {
        order: 0
    }

    .favourites-item__info-apartment {
        display: block
    }

    .favourites-item__info-apartment__price {
        padding: 0
    }

    .favourites-item__icons {
        position: relative;
        left: auto;
        bottom: auto;
        padding: 8px 0 0;
        max-width: none
    }

    .favourites-item__icons .icon {
        width: 26px;
        height: 26px
    }

    .favourites-item__favourite {
        position: relative;
        right: auto;
        top: auto;
        margin-left: calc(var(--spacing) / 60 * 40);
        text-align: right;
        margin-top: 2px
    }
}

@media only screen and (min-width:980px) {
    .favourites-item__title {
        padding: 10px 0 8px
    }

    .favourites-item__column {
        margin-left: 50px;
        width: 100px;
        flex: 0 0 100px
    }

    .favourites-item__column--apartment {
        width: auto;
        flex: 1 1 auto
    }

    .favourites-item__favourite {
        margin-top: 8px
    }

    .favourites-item__icons {
        padding: 8px 0 0
    }

    .favourites-item__icons .icon {
        width: 32px;
        height: 32px
    }
}

.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))
    }
}

.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 {
        padding-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) {
    .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--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
}

@media only screen and (min-width: 1440px) and (min-height: 600px){
	.landing-design-text{
		font-size: 8rem;
		line-height: 1.4;
        letter-spacing: 0;
	}
}
.footer-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 12;
    width: 100vw;
    background-color: rgb(202, 157, 117);
    border-radius: 25px;
}

.footer-nav .box1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer-nav .box1 .item {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    align-items: center;
}

.footer-nav .box1 .item span {
    color: #fff;
}

@media(max-width: 768px) {
    .footer-nav {
        display: block;
    }

    #rec657438873 {
        padding-bottom: 73px;
    }

}

.footer-logo-area {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: 8rem;
}

.contact-us-content {
    color: #181d24;
    font-size: 1.3em;
    line-height: 30px;
    text-align: left;
}

.contact-us-item {
    margin-top: 2rem;
}

.contact-us-item span {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 16px;
}

.contact-us-item a {
    color: #181d24;
}

.contact-us-item svg {
    margin-right: 1rem;
}


.contact-us-content .contact-us-item a:hover {
    color: #ca9d75;
}

.footer-link-custom {
    margin-top: 3rem;
    color: #ca9d75;
}

.footer-link-custom a {
    /* font-size: 1.5em; */
    margin-right: 3rem;
    /* color: #ca9d75; */
}

.footer-link-custom a:last-child {
    margin-right: 0;
}

.footer-link-custom a:hover {
    color: #ca9d75 !important;
}

.contact-us-title {
    color: #ca9d75;
    font-family: SangBleu Empire, Helvetica, Arial, sans-serif;
    font-size: 68px;
    margin-bottom: 50px;
    line-height: 1.2;
}

.modal-menu__bottom-menu a {
    font-size: 2em;
}

.homenavs li .alink-bots {
    width: auto;
    min-width: 17rem;
}

.contact-us-item-address {
    color: #ca9d75;
    font-size: 18px;
}

.img-block {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
    padding-bottom: var(--spacing-3);
    gap: 1.5rem;
}

.img-block img {
    width: 100%;
}

.callback-modal__title .deco-title .deco-title__text.custom-text {
    font-size: 2vw;
}

.footer-content-custom {
    display: flex;
    justify-content: space-between;

}

.center-row {
    justify-content: center;
}

.line-custom-content {
    width: 20%;
}

.line-custom {
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,0.2);
    margin: auto;
}

.custom-background.background img {
    object-fit: unset;
}

.img-not-cover {
    object-fit: unset;
}

.image-list__item .logo-custom-img {
    width: 30vw;
}

.custom-about-us .background,
.custom-about-us .background img {
    object-fit: inherit;
    transform: none;
}

.custom-tab {
    display: flex;
}

.custom-tab-container {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
}

.custom-tab-container .custom-item {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
    height: 100%;
    padding: 14rem 5rem;
    position: relative;
    z-index: 1;
}

.tab-item-custom {
    position: relative;
}


.custom-item-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: opacity 0.5s ease-in-out;
}

.custom-item-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.title-intro-custom {
    font-size: 3rem;
    line-height: 1.5em;
    color: #C99C74;
    margin-bottom: 5rem;
    margin-top: 3.8rem;
    font-family: SangBleu Empire;
}

.custom-item-bg {
    opacity: 1;
}


.icon-hover-show {
    display: none;
}

.hover-show--hidden {
    opacity: 0;
}


.tab-item-custom:hover .icon-hover-show {
    display: block;
}

.tab-item-custom:hover .icon-normal-show {
    display: none;
}

.tab-item-custom:hover .title-intro-custom {
    color: #fff;
    transition: color 0.5s ease-in-out;
}

.tab-item-custom:hover .hover-show--hidden {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    font-size: 1.8rem;
}

.tab-item-custom:hover .custom-item-bg {
    opacity: 0.8;
    -webkit-transition: -webkit-filter .3s;
    transition: -webkit-filter .3s;
    transition: filter .3s;
    transition: filter .3s,-webkit-filter .3s;
    -webkit-filter: blur(30px);
    filter: blur(30px)
}



@media only screen and (min-width: 2560px) {
    .container-h.custom-img-padding.pb-6-5.pb-6-5 {
        padding-bottom: 53.3vw;
    }

}

@media only screen and (min-width: 1800px) {
    .image-list__item .logo-custom-img {
        width: 22vw;
    }

}

@media only screen and (max-width: 1600px) {
    .title-intro-custom {
        font-size: 2rem;
    }

}

@media only screen and (max-width: 1024px) {
    .deco-title--text-xs .deco-title__text.custom-text {
        font-size: 4rem;
        line-height: 1.5em;
        letter-spacing: 0;
    }

    .custom-tab-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }

}

@media only screen and (max-width: 1000px) {
    .img-block {
        display: grid;
        grid-template-columns: repeat(2, minmax(17rem, 1fr));
        gap: 2rem;
        padding-bottom: var(--spacing-3);
    }

}

@media only screen and (max-width: 800px) {
    .footer-content-custom {
        flex-direction: column;
        gap: 3rem;
    }

    .title-intro-custom {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 1920px) and (min-height: 600px) {
    .deco-title--text-xs .deco-title__text.custom-text {
        font-size: 2vw;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 900px) {
    .custom-footer-bottom {
        flex-direction: column;
        align-items: center;
    }

    .custom-footer-bottom .menu-custom,
    .custom-footer-bottom .footer__vig {
        width: 100%;
        text-align: left;
        justify-content: left;
    }
}

@media only screen and (max-width: 800px) {
    .logo.logo--footer img {
        width: 60vw;
    }

    .logo.logo--footer.main-logo img {
        width: 120px;
    }
}

@media only screen and (max-width: 500px) {
    .footer-link-custom a {
        margin-right: 1rem;
    }

    .custom-about-us {
        padding-top: 25vw;
        padding-bottom: 25vw;
    }
    
    .custom-about-us .hero__description{max-width: 100%;text-transform: none;}
    .custom-about-us .background,
    .custom-about-us .background img {
        object-fit: inherit;
        transform: none;
    }


    .cutom-icon img {
        width: 10vw;
    }

    .custom-tab-container .custom-item {
        padding: 1rem;
    }

    .title-intro-custom {
        font-size: 1.5rem;
    }

    .custom-item-bg picture {
        width: 100%;
        height: 100%;
    }

    .tab-item-custom:hover .custom-item-bg {
        display: block;
        opacity: 0.5;
        width: 100%;
        height: 100%;
    }


}

@media only screen and (max-width: 300px) {
    .custom-tab-container {
        display: grid;
        grid-template-columns: 100%;
    }

}

@media only screen and (min-width: 1440px) and (min-height: 600px) {
    .deco-title--text-xs .deco-title__text.custom-text {
        font-size: 6rem;
        line-height: 1.5em;
    }



}

@media only screen and (min-width: 1200px) and (min-height: 500px) {
    .deco-title--text-xs .deco-title__text.custom-text {
        font-size: 6rem;
        line-height: 1.5em;
    }
}

@media only screen and (min-width: 980px) {
    .deco-title--text-xs .deco-title__text.custom-text {
        font-size: 6rem;
        line-height: 1.5em;
    }
}

@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) {
    .design-image-list.small-not-padding {
        padding-left: 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) {

    .design-image-list.small-not-padding .image-list__after__position,
    .design-image-list.small-not-padding .image-list__before__position {

        display: flex;
        flex-wrap: wrap;
    }
}

@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) {
    .design-image-list.small-not-padding .image-list__item {
        width: 50%;
    }
}


.navigation{margin-bottom: 80px;}
.navigation i{color: #818181 !important;margin: 0 5px;}
.navigation a{color: #818181 !important;font-size: 14px;}
.inner-banner-section{position: relative;overflow: hidden;padding: 220px 0 120px 0;}
.inner-banner-section .h1-title{position: relative;z-index: 2;font-size: 130px;}
.inner-banner-section .hero-img{margin-top: -70px;}
.inner-banner-section .hero-img img{width: 100%;height: 960px;object-fit: cover;}
.section--awards{position: relative;overflow: hidden;background: #F8EEE9;padding: 100px 0px;}
.section--awards .imgsboxcontent{display:flex;justify-content: space-between;flex-wrap: wrap;}
.section--awards .imgsboxcontent .box{line-height: auto; background: #FFFFFF;padding: 60px 20px;text-align: center;width: 49%;margin-bottom: 30px;}
.section--awards .imgsboxcontent .box .imgs{height: 150px; display: flex;align-items: center;justify-content: center; margin: 0px auto 10px auto;}
.section--awards .imgsboxcontent .box .imgs img{max-width:100%;}
.section--awards .imgsboxcontent .box h3{font-size: 24px;color:#A27853;margin: 15px 0;font-family: Euclid Square, Helvetica, Arial, sans-serif;}
.section--awards .imgsboxcontent .box p{font-size: 18px;color:#171B21;margin: 0;} 

.section--contact{position: relative;overflow: hidden;}
.section--contact .contactbox{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 170px 0 270px 0px;}
.section--contact .contactbox .box{width: 46%;}
.section--contact .contactbox .box .text--crop{font-size: 18px;color:#C3926A;margin: 30px 0px;}
.section--contact .contactbox .box .h2-title{font-size: 58px;margin: 0;margin-bottom: 60px;} 
.section--contact .contactbox .box ul li{margin-top: 40px; display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.section--contact .contactbox .box ul li .icos{width: 70px;height:70px;border: 1px solid #C3926A;display:flex;align-items: center;justify-content: center;border-radius: 50%;}
.section--contact .contactbox .box ul li .ricon{width: calc(100% - 100px);font-size: 18px;color: #C3926A;text-transform: capitalize;}
.section--contact .contactbox .box ul li .ricon p span{margin-top: 10px; display: block;color: #fff;}
.section--contact .contactbox .box .gomap{display: inline-block; margin-top: 60px; font-size: 18px; border-radius: 48px;background: #C3926A;padding: 26px 60px;color: #fff;}



.section--enquire{position: relative;overflow: hidden;background: #F8EEE9;padding: 100px 0px;}
.section--enquire .h2-title{font-size: 58px;text-align: center;color:#000;line-height: 1.5;}
.section--enquire .h2-title i{color: #A27853;display: block;font-style: normal;}
.section--enquire form{max-width:1064px;margin: 60px auto auto auto;}
.section--enquire form .formbox{display: flex;justify-content: space-between;flex-wrap: wrap;} 
.section--enquire form .formbox .left,.section--enquire form .formbox .right{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.section--enquire form .layui-form-item{margin-bottom: 25px;width: 49%;}
.section--enquire form .layui-form-item .layui-input-inline{width: 100%;}
.section--enquire form .layui-form-item.layui-form-text{width: 100%;}
.section--enquire form .layui-form-item.wid{width: 100%;}
.layui-input:focus, .layui-textarea:focus{border: none !important;box-shadow: none !important;}
.section--enquire form .layui-form-item .layui-input,.section--enquire form .layui-form-item .layui-textarea{color: #818181;border: none;padding: 2.4rem 3rem;height: auto;font-size: 18px;}
.section--enquire form .layui-form-item .layui-input-inline{background: #fff;}
.section--enquire form .layui-form-item .layui-form-select dl{top: 75px;padding: 0;}
.section--enquire form .layui-form-item .layui-form-select dl dd{padding:0 3rem;}
.section--enquire form .layui-form-item .layui-form-select dl dd.layui-this{color: #C3926A !important;}
.section--enquire form .layui-form-item .layui-form-select .layui-edge{right: 2rem;}
.section--enquire form .layui-form-item.layui-form-item-select{display: flex;justify-content: space-between;}
.section--enquire form .layui-form-item.layui-form-item-select .layui-input-inline{width: 120px;margin-right: 0;}
.section--enquire form .layui-form-item.layui-form-item-select .layui-input-inline:nth-child(2){width: calc(100% - 120px);border-left: 1px solid #efefef;}
.layui-form-pane .layui-form-text .layui-textarea{padding: 2rem; min-height: 228px !important;font-size: 18px;}
.layui-form-item[pane] .layui-form-label{position: relative !important;text-transform: capitalize; border: none;text-align: left;padding: 0; display: block;background: none;color: #A27853;font-size: 18px;width: 100%;}
.layui-form-pane .layui-input-block{margin-left: 0 !important;}
.section--enquire form .layui-form-item button{
    display: inline-block; margin-top: 60px;height: auto; font-size: 18px; border-radius: 48px;background: #C3926A;padding: 16px 80px;color: #fff;text-transform: uppercase;
}
.section--enquire form .layui-form-pane .layui-form-checkbox{margin: 0 !important;}
.section--enquire form .layui-form-checkbox[lay-skin=primary]{top: 0px; position: absolute; min-height: 26px;min-width: 26px;width: 26px; overflow: hidden; margin: 0 !important; border: 1px solid #A27853 !important;border-radius: 5px !important;}
.section--enquire form .layui-form-checkbox[lay-skin=primary]>i{width: 100%;height: 100%;border: none;}
.section--enquire form .layui-form-checkbox[lay-skin=primary]>i::after{
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    width: 6px;
    height: 12px;
    border: solid #A27853;
    border-width: 0 3px 3px 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    border-width: 0 2px 2px 0;
}
.section--enquire form .layui-form-checked[lay-skin=primary]>i{
    background-color: #A27853;
    border-color: #A27853;
}
.section--enquire form .layui-form-checked[lay-skin=primary]>i::after{
    border-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.8);

}
.layui-form-pane .layui-form-radio div{margin-left: 10px;color: #000000;font-size: 18px;}


.section--enquire form .tc{color: #A27853;font-size: 18px;text-transform: capitalize;text-decoration: none;position: relative;display: block;margin-left: 40px;}
.section--enquire form .tc ins{text-decoration: none;}

.section--enquire form .layui-button{display: flex;justify-content: center;width: 100%;}
.section--enquire form .layui-form-item.mb-5{margin-bottom: 5rem !important;}
.section--enquire form .layui-form-item.mb-0{margin-bottom: 0 !important;}
.layui-form-pane .layui-form-radio, .layui-form-pane .layui-form-switch{margin-left: 0 !important;margin-top: 1.5rem !important;}

.layui-anim.layui-icon{
    position: relative;
    min-height: 26px;min-width: 26px;width: 26px; overflow: hidden; margin: 0 !important; border: 1px solid #A27853 !important;border-radius: 5px !important;
    background: #fff;
}
.layui-anim.layui-icon::before{
    content: "";
    position: absolute;
    top: 43%;
    left: 50%;
    width: 6px;
    height: 12px;
    border: solid #A27853;
    border-width: 0 3px 3px 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    border-width: 0 2px 2px 0;
}
.layui-form-radioed .layui-anim.layui-icon{
    background-color: #A27853;
    border-color: #A27853;
}
.layui-form-radioed .layui-anim.layui-icon::before{
    border-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    -ms-transform: translate(-50%, -50%) rotate(45deg) scale(0.8);
    transform: translate(-50%, -50%) rotate(45deg) scale(0.8);

}
.rare-crafted-exquisite{position: relative;overflow: hidden;background: #DDD6CB;}
.rare-crafted-exquisite::before{
    content: '';
    display: block;
    width: 48%;
    height: 60%;
    position: absolute;
    left: 0;
    top: 0;
    background: #DDD6CB;
}
.rare-crafted-exquisite::after{
    content: '';
    display: block;
    width: 52%;
    height: 60%;
    position: absolute;
    right: 0;
    top: 0;
    background: #EBE5D9;
}
.rare-crafted-exquisite .container-h{position: relative;z-index: 2;padding-top: 120px;padding-bottom: 120px;}
.rare-crafted-exquisite .video{position: relative;}
.rare-crafted-exquisite .video img{width: 100%;height: 100%;object-fit: cover;}
.rare-crafted-exquisite .video video{width: 100%;}
.rare-crafted-exquisite .video::after{
    content: '';
    display: block;
    width: 174px;
    height: 174px;
    background: url(../img/video.svg) no-repeat top center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
}
.rare-crafted-exquisite .video:hover::after{box-shadow: 0 3px 6px rgba(202, 157, 117, .4);}
.rare-crafted-exquisite .title-bar{text-transform: uppercase; align-items: center; margin-bottom: 0px;justify-content: space-between;}
.rare-crafted-exquisite .rare__title{font-size: 64px;color: #000000;margin-bottom: 30px; font: normal normal normal 64px / 72px Editor;
    letter-spacing: 0px;}
.rare-crafted-exquisite .rare__desinfo{width: max-content;flex: 0 1 45.5%; line-height: 1.3; font-size: 36px;color: #2C2924;margin-bottom: 30px;}

.exclusive-residences{position: relative;overflow: hidden;background: #B59F7E;}
.exclusive-residences .row .row{align-items: center;height: 100%;}
.exclusive-residences .row .col--lg-5 img{width: 100%;}
.exclusive-residences .row .row .text{width: 58%;box-sizing: border-box;padding: 0 6rem;margin-bottom: ;}
.exclusive-residences .row .row .text h3{font-size: 64px;margin-bottom: 0;text-transform: uppercase;}
.exclusive-residences .row .row .text p{margin-top: 30px;margin-bottom: 0;font-size: 18px;}
.exclusive-residences .row .row .imgs{width: 42%;}
.exclusive-residences .row .row .imgs img{width: 100%;height: 100%;object-fit: cover;}




.section--location{position: relative;overflow: hidden;background: #DDD6CB;padding: 70px 0px 100px 0px;}
.section--location .h2-title{text-align: center;font-size: 64px;color: #000;margin-bottom: 50px;}
.section--location .mapbox{max-width: 85%;margin: 0 auto;}
.section--location .mapbox img,.section--location .mapbox iframe{width: 100%;}
a{transition: .3s;}

.section--downloads{position: relative;overflow: hidden;background: #EBE5D9;display: flex;justify-content: space-between;align-items: center;}
.section--downloads h2{width: 40%; box-sizing: border-box;padding: 0 50px 0px 160px; font-size: 64px;color: #000;margin-bottom: 0;}
.section--downloads .imgtextbox{width: 60%; display: flex; align-items: center;justify-content: space-between;background: #B59F7E;}
.section--downloads .imgtextbox .img{width: 50%;}
.section--downloads .imgtextbox .pdf-btn-a{width: 50%; text-transform: capitalize; font-size: 18px;color: #fff; position: relative;display: flex;align-items: center;justify-content: center;}
.section--downloads .imgtextbox .pdf-btn-a::before{
    content: url('../img/pdf.svg');
    display: inline-block;
    vertical-align: middle;
    display: flex;
    border: 1px solid #FFFFFF;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    filter: invert(50%) brightness(300%);

}
.section--downloads .imgtextbox .pdf-btn-a:hover{color: #fff;text-shadow: 0 3px 6px rgba(0, 0, 0, .4);}
.section--downloads .imgtextbox .pdf-btn-a:hover::before{
    background: #fff;
    filter: none;
    transform: scale(1.1);
}
.section--outlooks {position: relative;overflow: hidden;background: #EBE5D9;}
.section--outlooks .gallery__top-tabs{}
.section--outlooks .gallery__image .parallax-picture--full-height img,.section--outlooks .parallax-picture--full-height img{height: 686px;}

.section--outlooks .gallery.gallery--left .gallery__title{padding-top: 18%; max-width: 94%; top: auto;margin-bottom: 8% !important; padding-left: 0;position: relative;}
@media only screen and (min-width: 1921px) {
    .section--outlooks .gallery.gallery--left .gallery__title{margin-bottom: 2% !important;}
}
.section--outlooks .gallery.gallery--left .h2-title{top:0; font-size: 64px;text-transform: uppercase;padding-left: 0;position: relative; letter-spacing: 0;}
.section--outlooks .gallery.gallery--left .gallery__text{position: relative;left: 0;top: 0;font-size: 18px;max-width: 100%;text-transform: none; letter-spacing: 0;}
.section--outlooks .gallery-box{padding-left: 6%;box-sizing: border-box; position: relative;display: flex;justify-content: space-between;}
.section--outlooks .gallery.gallery--left .gallery__tabs{height: 686px;}
.section--outlooks .gallery.gallery--left .gallery__nav{left: 6%;}
.section--outlooks .gallery.gallery--left .gallery__container{max-width: 94%; height: 100%;position: relative;}
.section--imgs{position: relative;overflow: hidden;background: #B59F7E;}
.section--imgs .imgbox{display: flex;justify-content: space-between;}
.section--imgs .img1{width: 50%;height: 686px;}
.section--imgs .img2{width: 40%;height: 686px;}
.section--imgs img{width: 100%;height: 100%;object-fit: cover;}

.section-apartments{position: relative;overflow: hidden;background: #EBE5D9;}
.section-apartments::before{
    content: '';
    display: block;
    width: 37%;
    height: 100%;
    background: #B59F7E;
    position: absolute;
    left: 0;
    top: 0;
} 
.section-apartments .title-bar{padding-top: 80px;justify-content: space-between;align-items: center;}
.section-apartments .video img{width: 100%;}
.section-apartments .rare__title{text-transform: uppercase;margin-bottom: 30px;font-size: 64px;}
.section-apartments .rare__desinfo{font-size: 18px;color: #000000;margin-bottom: 30px;text-transform: none;}
.section-apartments .swi{position: relative;padding-bottom: 120px;}
.section-apartments .swiper{overflow: visible;}
.section-apartments .swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.section-apartments .arrow{position: relative;z-index: 1; margin: 50px 0px;width: 200px;display: flex;align-items: center;justify-content: space-between;}
.section-apartments .arrow .swiper-button-next,.section-apartments .arrow .swiper-button-prev{position: relative;}



.inner-banner-hero .landing-intro__content{top: 50%;bottom: auto;transform: translateY(-50%);}
.inner-banner-hero .landing-intro__content h3{font-style: italic;color: #fff;font-size: 36px;text-align: center;margin-bottom: 30px;}
.inner-banner-hero .landing-intro__content h1{font-size: 50px;text-align: center;color: #fff;position: relative;margin-top: 15px; letter-spacing: 0;}
.inner-banner-hero .landing-intro__image{height: 100%;}
.tab-item-custom .btn{
    width:auto;
    padding:0 10px;
}
.custom-item-title {
    display: flex;
    border-radius: 40px;
    background-color:#ac835e;
    height:80px;
    padding:0 10px;
    align-items: center;
    margin-bottom: 2rem;
    border:2px solid #fff;
}
.cutom-icon img{
    width: 60px;
    height: 60px;
}
.custom-item-title .title-intro-custom{
    font-size: 2rem;
    margin:0;
    padding-left: 1rem;
    display: flex;
    justify-content:center;
    align-items: center;
    color:#fff!important;
}
.tab-item-custom:hover .custom-item-title{
    background-color:transparent;
}
.tab-item-custom .icon-hover-show{
    display: block!important;
    border: 1px solid #fff;
    border-radius: 50%;
}
.tab-item-custom .icon-normal-show{
    display: none!important;
}
@media(max-width: 960px){
    .custom-tab-container{
        grid-template-columns:1fr!important;
    }
    .custom-tab-container .custom-item{
        padding-top:5rem!important;
    }
    .cutom-icon img{
        width: 60px!important;
        height: 60px;
    }
}

.section--masterplan{position: relative;margin-top: -155px !important;padding-bottom: 150px;}
.section--masterplan .h2-title{font-size: 80px;max-width: 572px;color: #fff;float: right;padding-bottom: 60px;}
.section--masterplan .h2-title i{font-style: normal;color: #C3926A;}
.section--masterplan .p-tit{font-size: 18px;text-align: center;color: #fff;text-transform: none;margin-top: 30px;}
.section--masterplan .chelsea{width: 100%;height:100%;position: static;clear:both;}
.section--masterplan .chelsea a{display:block; position: relative;overflow: scroll;height: 726px;cursor: pointer;}
.section--masterplan .chelsea .image-container{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 70%;
    position: relative;
}
.section--masterplan .chelsea .image-container img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.section--team{position: relative;padding-bottom: 80px;}
.section--team img{width: 100%;}

.section--team .h2-title{font-size: 80px;}
.section--team .p-text{font-size: 18px;color: #fff;width: 90%;text-transform: none;margin: 50px auto 20px auto;}
.section--team .wonder{font-size: 220px;text-align: right; line-height: 1; color: #C3926A;letter-spacing: -.05em;display: block; font-family: Wonder Garden Script, Helvetica, Arial, sans-serif;font-weight: normal; font-style: normal;   text-transform: none;}
.section--team .row .col--lg-5:nth-child(2){flex: 0 1 56%;width: 56%;}
.section--team .row .col--lg-5:nth-child(1){flex: 0 1 44%;width: 44%;}


.section--architect{position: relative;overflow: hidden;background: #F8EEE9;padding: 120px 0px;}
.section--architect h2{font-size: 80px;text-align: center;color: #A27853;}
.section--architect .ui-box-whiteback{background: #FFFFFF;padding: 40px;margin-top: 70px;}
.section--architect .ui-box-whiteback img{display: block;margin: 0 auto;max-width: 100%;}
.section--architect .ui-box-whiteback .row .col--lg-4{min-height: 400px;}
.section--architect .ui-box-whiteback .row .col--lg-4:nth-child(1){border-right: 1px solid rgba(195, 146, 106, .5);display: flex;align-items: center;justify-content: center;}
.section--architect .ui-box-whiteback .row .col--lg-6{box-sizing: border-box;padding-left: 9rem;padding-right: 7rem;}
.section--architect .ui-box-whiteback .row h4{padding-top: 40px; font-family: Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;font-weight: normal;text-decoration: underline;font-size: 28px;color: #000000;margin-bottom: 40px;}
.section--architect .ui-box-whiteback .row p{font-size: 18px;color: #000;text-transform: none;}
.section--architect .ui-box-whiteback .row .row{align-items:center;}

.section--visions--1{position: relative;background: #F8EEE9;padding: 100px 0px;}
.section--visions--1 .row{padding-bottom: 50px;}
.section--visions--1 .row .h2-title{font-size: 80px;color: #171B21;transform: translateY(-130px);margin-bottom: 20px;}
.section--visions--1 .row .h2-title i{font-style: normal;color: #C3926A;}
.section--visions--1 .row p{ font-size: 18px;color: #000000;text-transform: none;margin-bottom: 40px;}
.section--visions--1 .video-title{text-align: center;font-size: 18px;font-weight: bold;color: #A27853;margin-bottom: 20px;}
.section--visions--1 .video{position: relative;}
.section--visions--1 .video video{width: 100%;height: 806px;object-fit: cover;}
.section--visions--1 .video::after{
    content: '';
    display: block;
    width: 88px;
    height: 88px;
    background: url(../img/video.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
}

.section--visions--1 .waterfront-living .row img{width: 100%;height: 827px;object-fit: cover;}
.section--visions--1 .waterfront-living .row .col--lg-4 .pl-1{
  
}
.section--visions--1 .waterfront-living .row h2{font-size: 56px; transform: translate(0);}
.section--visions--1 .waterfront-living .row p{margin-bottom: 0;}
.section--visions--1 .waterfront-living .row .pr-1{
    height: 100%;


}
.section--visions--1 .waterfront-living .row .col--lg-4{
    flex: 0 1 40%;
    width: 40%;
}
.section--visions--1 .waterfront-living .row .col--lg-6{
    flex: 0 1 60%;
    width: 60%;
}
.section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(1) img{height:428px;object-fit: cover;}
.section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(2) img{height:764px;object-fit: cover;}

.section--visions--1 .waterfront-living2 .row .col--lg-4{
    flex: 0 1 46%;
    width: 46%;
}
.section--visions--1 .waterfront-living2 .row .col--lg-6{
    flex: 0 1 54%;
    width: 54%;
}




.section--visions--1 .culture-and-arts .row .pr-1{height: 100%;display: flex;justify-content: space-between;flex-direction: column;}

.section--visions--1 .culture-and-arts .row img{width: 100%;height:885px;object-fit: cover;}
.section--visions--1 .culture-and-arts .row .col--lg-5{display: flex;justify-content: space-between;flex-direction: column;}
.section--visions--1 .culture-and-arts .row h2{font-size: 56px; transform: translate(0);right: 0%;}
.section--visions--1 .culture-and-arts .row p{width: 100%;padding-top: 0; margin-bottom: 50px;padding-right: 0%;}
.section--visions--1 .culture-and-arts .row .col--lg-5{
    flex: 0 1 47%;
    width: 47%;
}
.section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(2){
    flex: 0 1 53%;
    width: 53%;
}


.section--visions--1 .culture-and-arts-2 .row .col--lg-5{
    flex: 0 1 52%;
    width: 52%;
}
.section--visions--1 .culture-and-arts-2 .row .col--lg-5:nth-child(2){
    flex: 0 1 48%;
    width: 48%;
}
.section--visions--1 .culture-and-arts-2 .row .col--lg-5 .pl-1{height: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column;}


.section--visions--1 .big{margin-top: 60px;padding-bottom: 20px;}
.section--visions--1 .big img{width: 100%;height:888px;object-fit: cover;}
.section--visions--1 .big p{text-align: center;font-size: 18px;margin-top: 20px;color: #000;text-transform: none;}






.section--visions--2{position: relative;overflow: hidden;padding: 120px 0px;}
.section--visions--2 .container-h{position: relative;overflow: hidden;}
.section--visions--2 .box{width: 1230px;float: right;}
.section--visions--2 .box img{width: 100%;height: 736px;object-fit: cover;}
.section--visions--2 .box p{max-width: 873px;padding-bottom: 50px; float: right; font-size: 18px;text-transform: none;}
.section--visions--2 .h2-title{line-height: 1.3; font-size: 80px;color:#fff;max-width: 562px;}
.section--visions--2 .first{position: absolute;left: var(--spacing-2);top: 0;}
.section--visions--2 .row-box{margin-top: 120px; position: relative;overflow: hidden;padding-left: var(--spacing-2);;}
.section--visions--2 .row-box .row .col--lg-4:nth-child(1){display: flex;justify-content: space-between;flex-direction: column;}
.section--visions--2 .row-box .p-text{font-size: 18px;text-transform: none;}
.section--visions--2 .row-box img{width: 100%;height: 644px;object-fit: cover;}
.section--visions--3{position: relative;overflow: hidden;background: #4E3936;padding: 100px 0px;}
.section--visions--3 .h2-title{font-size: 80px;color: #fff;margin-bottom: 70px;}
.section--visions--3 .row{align-items: flex-end;}
.section--visions--3 .row img{width: 94%;height: 629px;object-fit: cover;}
.section--visions--3 .row p{font-size: 18px;text-transform: none;}

.section--amenities{position: relative;padding-bottom: 200px;}
.section--amenities .h2-right{display: flex;justify-content: flex-end;transform: translateY(-30px);}
.section--amenities .h2-right h2{max-width: 830px;}
.section--amenities h2{font-size: 80px;}
.section--amenities h2 i{color: #C3926A;font-style: normal;}
.section--amenities .icosbox{max-width: 70%;margin: 6rem auto;}
.section--amenities .row{justify-content: center;}
.section--amenities .col--md-5{width: 25%;flex: 0 1 25%;text-align: center;margin-top: 50px;}
.section--amenities .col--md-5 .icos{margin: 0 auto; width: 149px;height: 149px;border: 1px solid #C3926A;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.section--amenities .col--md-5 p{max-width: 75%;margin: 15px auto;}
.section--amenities .imgs{
    position: relative;
    overflow: hidden;
    height: 0;
    width: 100%;
    padding-bottom: 68.25%;
    position: relative;
    margin-bottom: 10px;
}
.section--amenities .imgs img{
    object-fit: cover;
    transition: all 0.35s ease;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.section--amenities .handf{position: relative;padding-bottom: 130px;}
.section--amenities .handf .row{justify-content: space-between;position: relative;z-index: 2;}
.section--amenities .text p{text-transform: none;}
.section--amenities p{font-size: 18px;}
.section--amenities .handf p{}
.section--amenities .handf .row img{width:100%; margin-bottom: 30px;}
.section--amenities .handf-2{width: 100%;position: relative;right: 0;bottom: 0;margin-top: 50px;}
.section--amenities .handf-2 img{margin-bottom: 30px;}
.section--amenities .handf-2 p{text-align: right;}
.section--amenities .tow-type-box{padding: 160px 0px;}
.section--amenities .retail{justify-content: space-between;}
.section--amenities .retail .col--lg-5{flex: 0 1 49%;width: 49%;}
.section--amenities .retail .boximg{
    height: 635px;
}
.section--amenities .retail .boximg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
   
}







.section--towerwest{position: relative;margin-top: -120px !important;padding-bottom: 150px;background: #F8EEE9;}
.section--towerwest .h2-title{ font-size: 100px;color: #000;padding-bottom: 60px;}
.section--towerwest .h2-title.ht{margin-top: -30px;font-size: 80px;color: #391E08; float: right;max-width: 800px;}
.section--towerwest .h2-title i{font-style: normal;color: #C3926A;}
.section--towerwest .p-tit{font-size: 18px;text-align: center;color: #fff;text-transform: none;margin-top: 30px;}
.section--towerwest .clond {position: relative;}
.section--towerwest .clond img{display: block;margin: 0 auto;max-width: 100%;height: 899px;object-fit: cover;}
.section--towerwest .clond .tw-text{position: absolute;bottom: -50px; left: 50%;line-height: 0.5;white-space: nowrap; transform: translateX(-50%); font-size: 533px;text-transform: none; text-align: center;color: #C3926A;font-family: Wonder Garden Script, Helvetica, Arial, sans-serif;}

.section--towerwest .text p{color: #171B21; font-size: 18px;}
.section--towerwest .text.wid1025{max-width: 1025px;margin: 0 auto;margin-top: 180px;}
.section--towerwest .big-img-box img{display: block;width: 100%;}
.section--towerwest .Majestic{position: relative;}
.section--towerwest .Majestic h2{color: #000;}
.section--towerwest .Majestic img{width: 100%;height:600px;object-fit: cover;}
.section--towerwest .Majestic .text{}
.section--towerwest .Majestic .col--lg-4{}

.section--towerwest .video{position: relative;}
.section--towerwest .video video{width: 100%;height: 838px;object-fit: cover;}
.section--towerwest .video::after{
    content: '';
    display: block;
    width: 156px;
    height: 156px;
    background: url(../img/video.svg) no-repeat top center;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s;
    cursor: pointer;
    border-radius: 50%;
    opacity: 0;
}
.section--towerwest .downloads{display: flex;align-items: center;justify-content: center;}
.section--towerwest .downloads .pdf-btn-a{width: max-content;margin: 1% 5%; text-transform: capitalize; font-size: 18px;color: #000000; position: relative;display: flex;align-items: center;justify-content: center;}
.section--towerwest .downloads .pdf-btn-a::before{
    content: url('../img/pd_w.svg');
    display: inline-block;
    vertical-align: middle;
    display: flex;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    background: #C3926A;
    transition: .3s;

}
.section--towerwest .downloads .pdf-btn-a:hover{color: #000000;text-shadow: 0 3px 6px rgba(0, 0, 0, .4);}
.section--towerwest .downloads .pdf-btn-a:hover::before{
    transform: scale(1.1);
}
.section--towerwest .luxurious{overflow: hidden;}
.section--towerwest .luxurious .big img{width: 100%;height:910px;object-fit: cover;}
.section--towerwest .luxurious .title-bar{justify-content: space-between;}
.section--towerwest .luxurious .swi{position: relative;padding-bottom: 60px;}
.section--towerwest .luxurious .swiper{overflow: visible;}
.section--towerwest .luxurious .swiper .swiper-slide img{width: 100%;height: auto;object-fit: cover;}
.section--towerwest .luxurious .swiper .swiper-slide p{font-size: 24px;color: #C3926A;margin: 20px 0px;}
.section--towerwest .luxurious .arrow{position: relative;margin: 50px 0px;width: 100%;display: flex;justify-content: flex-end;z-index: 1;}
.section--towerwest .luxurious .arrow .swiper-button-next,.section--towerwest .luxurious .arrow .swiper-button-prev{position: relative;}
.section--towerwest .luxurious .arrow .swiper-button-next{margin-left: 15px;}
.section--towerwest .Concierge img{width: 100%;height:1017px;object-fit: cover;}
.section--towerwest.ui-bloackback{background: #171B21;}
.section--towerwest.ui-bloackback .h2-title{color: #fff;}
.section--towerwest.ui-bloackback .luxurious-type{position: relative;overflow: hidden;width: 100%;}
.section--towerwest.ui-bloackback .luxurious-type .luxurious-head{position: relative;z-index: 2;margin-bottom: -100px; display: flex;align-items: center;justify-content: space-between;}
.section--towerwest.ui-bloackback .luxurious-type .luxurious-head .circle-title{width: 465px;height: 465px;border:1px solid #C3926A;border-radius: 50%;font-size: 42px;color: #C3926A;display: flex;align-items: center;justify-content: center;}
.section--towerwest.ui-bloackback .luxurious-type .luxurious-head .btn--flat{background: #C3926A;font-size: 18px;}
.section--towerwest.ui-bloackback .luxurious-type .luxurious-head .btn--flat:hover{background: #F5C6A0;}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg{height: 592px;position: relative;}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .18);
    position: absolute;
    left: 0;
    top: 0;
}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg i{transition: 0.3s; opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 219px;color: #fff;text-transform: none;font-family: Wonder Garden Script, Helvetica, Arial, sans-serif;font-style: normal;}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide p{margin-top: 25px; font-size: 24px;color: #C3926A;}
.section--towerwest.ui-bloackback .luxurious-type .swiper-slide-active:hover .boximg i{opacity: 1;}
.inner-the-rotunda .landing-intro__content{height: 80%;}
.inner-the-rotunda .landing-intro__content .container-h{}
.inner-the-rotunda .landing-intro__content .navigation{margin-bottom: 280px}
.inner-the-rotunda .landing-intro__content .navigation a{color: #fff !important;}
.inner-the-rotunda .landing-intro__content .navigation i{color: #fff !important;}
.inner-the-rotunda .landing-intro__content h1{text-align: left;margin-bottom: 30px;font-family: Euclid Square, Helvetica, Arial, sans-serif;font-weight: 400;}
.inner-the-rotunda .landing-intro__content h3{text-align: left;font-style: normal;margin-top: 0px;padding-top: 0;font-family: Euclid Square, Helvetica, Arial, sans-serif;font-weight: 400;}
.become-fifteen{position: relative;background: #BEC3BE;padding: 100px 0px;}
.become-fifteen .purpleback{background: #44449B;max-width: 100%;padding: 40px;display: flex;justify-content: space-between;align-items: center;}
.become-fifteen .purpleback .video{width: 50%;position: relative;}
.become-fifteen .purpleback .video img{width: 100%;height: 100%;object-fit: cover;}
.become-fifteen .purpleback .video::before{
    content: '';
    display: block;
    width: 88px;
    height: 88px;
    background: url(../img/p.svg) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.font-raleway{font-family: Euclid Square, Helvetica, Arial, sans-serif;font-weight: 400;}
.become-fifteen .purpleback .h3-t{width: 45%; font-size: 36px;color:#fff;line-height: 1.3;}
.become-fifteen .h2-title{position: relative;overflow: hidden;padding-top: 80px; font-size: 129px; color: rgba(0, 0, 0, .4);clear: both; }
.become-fifteen .imgsbox{background: #44449B;display: flex;justify-content: space-between;align-items: center;}
.become-fifteen .imgsbox .left{width: 50%;}
.become-fifteen .imgsbox .left img{width: 100%;height:100%;object-fit: cover;}
.become-fifteen .imgsbox .right{width: 50%;box-sizing: border-box;padding: 30px 70px;color: #FFFFFF;}
.become-fifteen .imgsbox .right h3{font-size: 80px;margin-bottom: 60px;}
.become-fifteen .imgsbox .right .text p{width: 92%; font-size: 20px;margin-bottom: 20px;}
.outlooks-views{position: relative;overflow: hidden;padding: 100px 0px;}
.outlooks-views h2{text-transform: uppercase;font-size: 80px;}
.outlooks-views .row{align-items: flex-end;}
.outlooks-views .text p{font-size: 20px;}
.outlooks-views .outlooks{position: relative;}
.outlooks-views .outlooks .swiper-slide img{width: 100%;}

.outlooks-views .outlooks .swiper-button-prev{
   left: -40px !important;
   right: auto;
   background: #FFFFFF;
   z-index: 1;
}
.outlooks-views .outlooks .swiper-button-next{
    right: -40px !important;
    left: auto;
    background: #FFFFFF;
    z-index: 1;
    
}

.outlooks-views .outlooks .btn.btn--outline>svg rect{stroke: #fff;}
.outlooks-views .outlooks .btn.btn--outline{color: #44449B;}

.outlooks-views .explore{position: relative;}
.outlooks-views .explore .swiper-slide{opacity: 0; position: relative;display: flex;justify-content: space-between;}
.outlooks-views .explore .swiper-slide .boximg{width: 56%;}
.outlooks-views .explore .swiper-slide .boximg img{width: 100%;}
.outlooks-views .explore .swiper-slide .text{width: 38%;}
.outlooks-views::after{
    content: '';
    display: block;
    width: 20%;
    height: 782px;
    background: #44449B;
    position: absolute;
    left: 0;
    bottom: 0;
}
.outlooks-views .explore .swiper-slide.swiper-slide-active{opacity: 1;} 
.outlooks-views .explore .arrow{z-index: 1; position: absolute;bottom: 20px; width: 180px;margin-left: 62%;display: flex;justify-content: space-between;align-items: center;}
.outlooks-views .explore .arrow .swiper-button-next,.outlooks-views .explore .arrow .swiper-button-prev{position: relative;top: 0;margin-top: 0;}

.section--neighbourhood{position: relative;overflow: hidden;background: #BEC3BE;display: flex;justify-content: space-between;align-items: center;}
.section--neighbourhood .text{width: 50%;box-sizing: border-box;padding: 6%;}
.section--neighbourhood .text h2{font-size:80px;}
.section--neighbourhood .text p{font-size: 20px;}
.section--neighbourhood .imgsbox{width: 50%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.section--neighbourhood .imgsbox .imgs{width: 50%;}
.section--neighbourhood .imgsbox .imgs img{width: 100%;height: 100%;object-fit: cover;}
.section--location{background: #212221;position: relative;overflow: hidden;}
.section--location h2{white-space: nowrap;text-align: center;margin-bottom: 70px; font-size: 129px;color: rgba(255, 255, 255, .4)}
.section--location .location img{width: 100%;}


.section-apartments-select{position: relative;overflow: hidden;background: #BEC3BE;padding: 100px 0;}
.section-apartments-select .h2-title{color: #000;margin-bottom: 40px;font-size: 80px;}
.section-apartments-select .layui-form{display: flex;justify-content: space-between;align-items: center;}
.section-apartments-select .layui-form .layui-form-item{width: 17%;margin-bottom: 30px;}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline{width: 100%;}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title{
    border: 1px solid #000000;
    border-radius: 80px;
    background: none;
    position: relative;
    overflow: hidden;
}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title .layui-input{background: none;border: none;height: auto;padding: 2.8rem 3rem;font-size: 18px;color: #000000;}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title .layui-edge{
    display: inline-block;
    border: none !important;
    width: 13px;
    height: 7px;
    overflow: visible;
    margin-top: -10px;
    right: 2rem;
}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title .layui-edge::after{
    content: "";
    display: inline-block;
    width: 13px;
    height: 7px;
    background: url(../img/down.svg) no-repeat top center;
    background-size: cover;
}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-form-selected .layui-select-title .layui-edge{
    margin-top: 0;
}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-form-select dl{top: 90px;border-radius: 30px;padding: 0;}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-form-select dl dd{padding: 1rem 3rem;text-transform: capitalize;color: #000;}
.section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-form-select dl dd.layui-this{color: #44449B;text-transform: capitalize;}
.section-apartments-select .layui-form button{margin-left: 1rem; font-size: 18px;background: none;border: none;color: #000;}
.section-apartments-select .layui-form button img{margin-right: 10px;}


.section-apartments-select .row{justify-content: space-between;}
.section-apartments-select .row .col--lg-2{width: 23%;flex: 0 1 23%;margin-top: 1rem;}
.section-apartments-select .row .col--lg-2 a{display:block;text-align: center;}
.section-apartments-select .row .col--lg-2 a .icos img{width: 100%;height: 100%;object-fit: cover;}
.section-apartments-select .row .col--lg-2 .h-bed{margin-bottom: 0;margin-top: 25px; font-size: 24px;font-weight: bold;}
.section-apartments-select .row .col--lg-2 p{margin-top:15px;font-size: 18px;}
.section-apartments-select .btn--flat{background: #44449B !important;border: 1px solid #44449B;border-radius: 80px !important; font-size: 18px;padding: 8px 70px;height: 72px;}
.section-apartments-select .btn--flat:hover{background: #8080DB !important;box-shadow: 0 3px 6px rgba(0, 0, 0, .18);}




.section--downloads-img{padding: 200px 0px; position: relative;overflow: hidden;background: url(../img/downloads.jpg) no-repeat top center;background-size: cover;}
.section--downloads-img::after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .62);
    position: absolute;
    left: 0;
    top: 0;
    
}
.section--downloads-img .container-h{position: relative;z-index: 2;}
.section--downloads-img h2{color: #fff;margin-bottom: 50px;font-size: 80px;}
.section--downloads-img .download-btn-box{display: flex;justify-content: center;}
.section--downloads-img .download-btn-box .pdf-btn-a{width: max-content;margin: 2% 8%; text-transform: capitalize; font-size: 18px;color: #fff; position: relative;display: flex;align-items: center;justify-content: center;}
.section--downloads-img .download-btn-box .pdf-btn-a::before{
    content: url('../img/pd_w.svg');
    display: inline-block;
    vertical-align: middle;
    display: flex;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    background: #44449B;
    transition: .3s;

}
.section--downloads-img .download-btn-box .pdf-btn-a:hover{color: #000000;text-shadow: 0 3px 6px rgba(0, 0, 0, .4);}
.section--downloads-img .download-btn-box .pdf-btn-a:hover::before{
    transform: scale(1.1);
}

.section--location2{position: relative;}
.section--location2 .location img{width: 100%;}
.section--location2 .location .location-ul{padding: 100px 60px; position: absolute;right: var(--spacing-2); top: 50%;transform: translateY(-50%);border-radius: 20px;background: rgba(0, 0, 0, .8);}
.section--location2 .location .location-ul h2{font-size: 60px;margin-bottom: 100px;}
.section--location2 .location .location-ul>ul>li>a{font-size: 20px;color: #fff; display: block;border-top: 1px solid #FFFFFF;padding: 20px 0px;}
.section--location2 .location .location-ul>ul>li:nth-last-child(1){border-bottom: 1px solid #FFFFFF;}
.section--location2 .location .location-ul ul li ul{padding-bottom: 30px;display: none;max-height: 160px;overflow-y: scroll;}
.section--location2 .location .location-ul ul li ul li{
    line-height: 1.2;
    counter-increment: my-awesome-counter;
    padding: 0 0 15px 30px;
    position: relative;
    cursor: pointer;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
}
.section--location2 .location .location-ul ul li ul li::before{
    content: counter(my-awesome-counter);
    position: absolute;
    left: 0;
    top: 0px;
    background-color: #ac835e;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    line-height: 1;
    padding: 5px;
}
.section--lifestyle{position: relative;overflow: hidden;background: #4E3936;padding: 120px 0px;}
.section--lifestyle img{width: 100%;}

.section--lifestyle .video{width: 100%;height: 806px; position: relative;}
.section--lifestyle .video video{width: 100%;height: 100%;object-fit: cover;}
.section--lifestyle .video::before{
    content: '';
    display: block;
    width: 88px;
    height: 88px;
    background: url(../img/video.svg) no-repeat top center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
}
.section--location-s2{background: #DDD6CB;}
.modern-slavery-text p{margin-bottom: 40px;}
.modern-slavery-text ul{padding-left: 1.5rem;margin-bottom: 40px;}
.modern-slavery-text ul li{list-style-type: disc;margin-bottom: 10px;}
.intro-west .landing-intro__image img{height: 1080px;}
@media only screen and (max-width: 1680px){
    .section--visions--2 .box p{max-width: 65%;}
    .outlooks-views .explore .swiper-slide .text{width: 39%;}
    .outlooks-views .explore .arrow{margin-left: 60%;}
    .outlooks-views .explore .swiper-slide .boximg {height: 600px;}
    .outlooks-views .explore .swiper-slide .boximg img{width: 100%;height: 100%;object-fit: cover;}
}
@media only screen and (max-width: 1440px){
    .custom-tab-container .custom-item{padding: 8rem 1.5rem;}
    .custom-item-title .title-intro-custom{font-size: 1.7rem;}
    .section--downloads h2,.rare-crafted-exquisite .rare__title,.exclusive-residences .row .row .text h3,.section--outlooks .gallery.gallery--left .h2-title,.section--location .h2-title,.section-apartments .rare__title{font-size: 54px;}
    .rare-crafted-exquisite .rare__desinfo{font-size: 24px;}
    .section--downloads h2{padding-left: 100px;}
    .section--visions--2 .box{width: 80%;}
    .section--visions--2 .h2-title{font-size: 60px;}
    .section--visions--3 .h2-title{font-size: 60px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg{height: 400px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg i{font-size: 100px;}
    .become-fifteen .h2-title,.section--location h2{font-size: 80px;}
    .become-fifteen .imgsbox .right h3,.outlooks-views h2,.section--neighbourhood .text h2,.section-apartments-select .h2-title,.section--downloads-img h2{font-size: 60px;}
    .inner-banner-section .h1-title{font-size: 100px;}
    .section--amenities .retail .boximg{height: 435px;}
    
}
@media only screen and (max-width: 1366px){
    .inner-banner-section .hero-img{margin-top: -55px;}
    .section--masterplan{}
    .become-fifteen .imgsbox .right .text p{width: 100%;}
    .section--location2 .location .location-ul h2{margin-bottom: 60px;}
}
@media only screen and (max-width: 1280px){
    .exclusive-residences .row .col--lg-5{flex: 0 1 100%; width: 100%;}
    .section--amenities .icosbox{max-width: 100%;}
    .section--amenities .handf-2{}
    .section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title .layui-input{font-size: 14px;}
    .section-apartments-select .layui-form button{font-size: 14px;}
    .section-apartments-select .row .col--lg-2 .h-bed{font-size: 20px;}
    .section-apartments-select .row .col--lg-2 p{font-size: 14px;}
    .inner-banner-section .hero-img img{height: 560px;}

}
@media only screen and (max-width: 1024px){
    .section--contact .contactbox .box .h2-title{font-size: 36px;}
    .section--contact .contactbox .box ul li .ricon{font-size: 16px;}
    .section--contact .contactbox .box .text--crop{font-size: 16px;}
    .section--contact .contactbox .box .gomap{font-size: 16px;}
    .section--enquire form .formbox .left, .section--enquire form .formbox .right{width: 100%;}
    .section--enquire .h2-title{font-size: 36px;}
    .contact-us-title{font-size: 36px;}
    .text--small, small{font-size: 12px;}
    .container-h{padding-right: 20px;padding-left: 20px;}
    .section--downloads{flex-wrap: wrap;}
    .section--downloads h2{width: 100%;text-align: center;padding: 50px 0px;}
    .section--downloads .imgtextbox{width: 100%;}
    .section--outlooks .gallery-box{flex-wrap: wrap;flex-direction: column-reverse;padding-left: 0;}
    .gallery__image .parallax-picture, .parallax-picture{width: 100%;}
    .section--outlooks .gallery.gallery--left .gallery__tabs{}
    .section--outlooks .gallery-box{padding-bottom: 100px;}
    .section--outlooks .gallery.gallery--left .gallery__nav{left: 20px;}
    .section--outlooks .gallery.gallery--left .gallery__tabs{height: 500px;width: 100%;}
    .section--outlooks .gallery.gallery--left .gallery__title{padding-top: 2%;}
    .section--outlooks .gallery__image .parallax-picture--full-height img, .section--outlooks .parallax-picture--full-height img{height: 500px;}
    .section--outlooks .gallery__top-tabs{padding: 40px 20px;}
    .section--masterplan .h2-title{font-size: 60px;}
    .section--team .h2-title{font-size: 60px;}
    .section--architect h2{font-size: 60px;}
    .section--visions--2 .first{position: relative;left: 0;}
    .section--visions--2 .box{width: 100%;}
    .section--visions--2 .box p{max-width: 100%;}
    .section--visions--2 .h2-title{max-width: 100%;margin-bottom: 30px;}
    .section--visions--1 .row .h2-title{font-size: 60px;}

    .section--visions--2 .row-box .row .col--lg-4:nth-child(1),.section--visions--2 .row-box .col--lg-6{width: 100%;flex: 0 1 100%;}
    .section--visions--2 .row-box{padding-left: 20px;padding-right: 20px;}
    .section--visions--2 .row-box img{margin-top: 40px;}
    .section--visions--3 .row p{font-size: 16px;}
    .section--visions--2 .row-box .p-text{font-size: 16px;}
    .section--visions--2 .box p{font-size: 16px;}
    .section--amenities h2{font-size: 60px;}
    .section--towerwest .h2-title{font-size: 60px;}
    .section--towerwest .clond .tw-text{font-size: 333px;}
    .section--towerwest .h2-title.ht{font-size: 60px;max-width: 630px;}
    .section--towerwest .luxurious .title-bar .col--md-8{flex: 0 1 100%;width: 100%;display: flex;flex-direction: column-reverse;}
    .section--towerwest .luxurious .title-bar .col--md-4{flex: 0 1 100%;width: 100%;}
    .section--towerwest .h2-title{text-align: center;}
    .section--towerwest .text{text-align: center;}
    .section--towerwest .Majestic .col--md-5{flex: 0 1 100%;width: 100%;}
    .section--towerwest .Majestic .col--md-5.offset--md-1{margin-left: 0;margin-top: 30px;}
    .section--towerwest .h2-title.ht{text-align: left;}
    .inner-banner-section .h1-title{font-size: 80px;}
    .section--towerwest.ui-bloackback .luxurious-type .luxurious-head{margin-bottom: -50px;}
    .section--towerwest.ui-bloackback .luxurious-type .luxurious-head .circle-title{width: 265px;height: 265px;font-size: 24px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide p{font-size: 20px;}
    .become-fifteen .purpleback .h3-t{font-size: 24px;}
    .become-fifteen .imgsbox{flex-wrap: wrap;}
    .become-fifteen .imgsbox .left{width: 100%;}
    .become-fifteen .imgsbox .right{width: 100%;}
    .outlooks-views .explore .swiper-slide{flex-wrap: wrap;}
    .outlooks-views .explore .swiper-slide .boximg{width: 100%;}
    .outlooks-views .explore .swiper-slide .text{width: 100%;margin-top: 30px;}
    .outlooks-views .explore .arrow{position: relative;margin-left: 0;margin-top: 80px;}
    .section--neighbourhood{flex-wrap: wrap;flex-direction: column-reverse;}
    .section--neighbourhood .text{width: 100%;}
    .section--neighbourhood .imgsbox{width: 100%;}
    .become-fifteen .h2-title, .section--location h2{font-size: 60px;}
    .become-fifteen .imgsbox .right h3, .outlooks-views h2, .section--neighbourhood .text h2, .section-apartments-select .h2-title, .section--downloads-img h2{font-size: 40px;}
    .outlooks-views .text p{font-size: 16px;}
    .section--location2 .location .location-ul{padding: 40px 40px;}
    .section--location2 .location img{height: 800px;object-fit: cover;}
    .section--visions--1 .waterfront-living .row h2,.section--visions--1 .culture-and-arts .row h2,.section--location2 .location .location-ul h2,.section--lifestyle h2{font-size: 36px;}
    .outlooks-views .outlooks .swiper-button-next{right: -20px !important;}
    .outlooks-views .outlooks .swiper-button-prev{left: -20px !important;}
    .section--architect .ui-box-whiteback .row .col--lg-6{padding-right: 0;}
    .culturalMap .col_1_1 .col_30{width: 30% !important;}
    .culturalMap .textWrapper :last-child{font-size: 30px !important;padding-bottom: 30px !important;}
    .section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(2) img{height: 364px;}
    .section--lifestyle .video{height: 606px;}
    /* .culturalMap .col_1_1 .col_66 .mapimg img{height: 757px;} */
    .section--visions--1 .big img{height: 666px;}

    .section--towerwest .luxurious .big img{height: 710px;}
    .section--towerwest .luxurious .swiper .swiper-slide img{height: auto;}
    .section--towerwest .Majestic img{}
    .section--towerwest .Concierge img{height: 700px;}
    .section--towerwest .video video{height: 638px;}

}
@media only screen and (max-width: 996px){
    .footer-content-custom{flex-wrap: wrap;}
    .footer-logo-area{width: 100%;}
    .contact-us-content{width: 100%;text-align: center;margin-top: 40px;}
    .custom-footer-bottom .menu-custom, .custom-footer-bottom .footer__vig{text-align: center;justify-content: center;}
    .section--downloads h2,.rare-crafted-exquisite .rare__title,.exclusive-residences .row .row .text h3,.section--outlooks .gallery.gallery--left .h2-title,.section--location .h2-title,.section-apartments .rare__title{font-size: 44px;}
    .rare-crafted-exquisite .rare__desinfo{font-size: 20px;}
    .exclusive-residences .row .row .text p{font-size: 16px;}
    .inner-banner-hero .landing-intro__content h3{font-size: 24px;}
    .inner-banner-hero .landing-intro__content h1{font-size: 40px;}
    .exclusive-residences .row .row .text{padding: 4rem 20px;}
    .section-apartments .title-bar{justify-content: center;}
    .section-apartments .rare__desinfo{text-align: center;color: #fff;}
    .section--location .mapbox{max-width: 100%;}
    .rare-crafted-exquisite .video::after{width: 80px;height: 80px;background-size: contain;}
    .section--architect .ui-box-whiteback .row .col--lg-4:nth-child(2){padding-left: 3rem;padding-right: 3rem;}
    .section--team .row .col--lg-5{flex: 0 1 100% !important;width: 100% !important;}
    .section--team .p-text{width: 100%;}
    .section--team .wonder{margin-bottom: 30px;display: block;}
    .section--visions--1 .row .col--md-5{width: 100%;flex: 0 1 100%;}
    .section--visions--1 .row .h2-title{transform: none;}
    .section--visions--1 .row p{padding-top: 40px;}
    .section--visions--3 .row{flex-direction: column-reverse;}
    .section--visions--3 .row .col--md-5{flex: 0 1 100%;width: 100%;}
    .section--visions--3 .row img{width: 100%;margin-top: 30px;}
    .section--visions--3 .h2-title{margin-bottom: 40px;}
    .section--amenities .handf-2{max-width: 100%;position: relative;margin-top: 30px;}
    .section--towerwest .video::after{width: 80px;height: 80px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg{height: 300px;}
    .section-apartments-select .layui-form{flex-wrap: wrap;}
    .section-apartments-select .layui-form .layui-form-item{width: 32%;}
    .section-apartments-select .layui-form button{width: 32%;margin-left: 0;}
    .section-apartments-select .row .col--lg-2{width: 32%;flex: 0 1 32%;margin-bottom: 30px;}
    .section--downloads-img .download-btn-box .pdf-btn-a{margin: 2% 5%;}
    .section--visions--1 .waterfront-living .row .col--lg-6{
        flex: 0 1 100%;
        width: 100%;
    }
    .section--visions--1 .waterfront-living .row .col--lg-4{
        flex: 0 1 100%;
        width: 100%;
    }
    .section--visions--1 .waterfront-living .row .col--lg-4 .pl-1{padding-left: 0;padding-top: 50px;}
    .section--visions--1 .row .col--md-5{margin-left: 0;}

    .section--visions--1 .culture-and-arts .row .col--lg-5{
        flex: 0 1 100%;
        width: 100%;
        margin-top: 50px;
    }
    .section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(2){
        flex: 0 1 100%;
        width: 100%;
    }
    .section--visions--1 .culture-and-arts .row{flex-direction: column-reverse;}
    .section--visions--1 .culture-and-arts-2 .row .col--lg-5 .pl-1{padding-left: 0;}
    .section--visions--1 .culture-and-arts-2 .row {flex-direction: column;}
    .section--visions--1 .waterfront-living2 .row{flex-direction: column-reverse;}
    .section--visions--1 .waterfront-living2 .row .col--lg-6{margin-top: 50px;}
    .section--visions--1 .culture-and-arts-2 .row .col--lg-5:nth-child(2){

    }
    .section--visions--1 .waterfront-living2 .row .col--lg-4{margin-top: 50px;}
    .inner-banner-section .h1-title{font-size: 70px;}
    .section--visions--1 .row p{padding-top: 0;}
    .section--amenities .handf-2 p{text-align: left;}
    .tow-type-box .offset--md-1{margin-left: 0;padding-top: 30px;width: 100%;}
    .tow-type-box .col--lg-5{margin-bottom: 80px;}
    .section--architect .ui-box-whiteback .row .col--lg-6{padding-left: 0;}
    .dglIIf{width: 90% !important;}
    .section--amenities .retail .boximg{height: 335px;}
    .bkNaJQ{height: 343px !important;}
    .cRiQiw{margin-bottom: 0 !important;}

}
@media only screen and (max-width: 790px){
    .jVyvnV{width: 295px !important;}
    .section--amenities .handf .col--lg-5 {
        width: 100%;
    }
    .section--amenities .handf .row img {
        width: 100%;
        margin-bottom: 30px;
    }
    .section--amenities .tow-type-box{padding-top: 0px;}
}
@media only screen and (max-width: 700px){
    .addpartnew  .gallery.gallery--left{
        min-height: 570px;
        display: flex;
        flex-direction: column;
    }
    .addpartnew .is-hidden--sm-up{
        display: block !important;
    }
    .addpartnew .is-hidden--xs {
        display: none !important;
    }
    .addpartnew .gallery.gallery--left .gallery__container{
        position: relative;
        height: 190px;
    }
    .addpartnew .gallery.gallery--left .gallery__title{padding-left: 0;top: 0;margin-left: 0 !important; padding: 30px;position: relative;padding-bottom: 50px;transform:none !important;}
    .addpartnew .gallery.gallery--left .gallery__title.gallery__title--single .offset--md-6{margin-left: 0;}
    .addpartnew .gallery.gallery--left .gallery__text{left: 0;width: 100%;padding: 30px;}
    .addpartnew .gallery__nav{flex-direction: column-reverse;bottom: auto !important;top: 0 !important;}
    .addpartnew .gallery__nav .btn{margin-bottom: 15px;}
    .section--location h2{white-space: wrap;}
    .section--outlooks .gallery.gallery--left .gallery__text{max-width: 100%;width: 100%;}
    
   
}
@media only screen and (max-width: 630px) {
    .jVyvnV {
        width: 225px !important;
    }
    
}

@media only screen and (max-width: 600px){
    .landing-intro__image video{height: 500px !important;}
}
@media only screen and (max-width: 568px){
    .navigation{margin-bottom: 40px;}
    .inner-banner-section{padding: 150px 0 60px 0px;}
    .section--awards .imgsboxcontent .box{width: 100%;padding: 20px;}
    .section--awards .imgsboxcontent .box .imgs{height: auto;}
    .section--awards .imgsboxcontent .box h3{font-size: 18px;}
    .section--awards .imgsboxcontent .box p{font-size: 14px;}
    .section--contact .contactbox{padding: 100px 0 100px 0px;}
    .section--contact .contactbox .box{width: 100%;margin-bottom: 70px;}
    .section--contact .contactbox .box ul li .icos{width: 60px;height:60px;}
    .section--contact .contactbox .box ul li .ricon{width: calc(100% - 75px);}
    .section--contact .contactbox .box .gomap{padding: 20px 40px;}
    .section--enquire form .layui-form-item .layui-input-inline{margin-left: 0;}
    .inner-banner-hero .landing-intro__content h1{font-size: 30px;margin-top: 70px;}
    .inner-banner-hero .landing-intro__content h3{font-size: 18px;}
    .rare-crafted-exquisite .title-bar{justify-content: center;text-align: center;}
    .section-apartments .swi{padding-bottom: 0px;}
    .rare-crafted-exquisite .container-h{padding-top: 50px;padding-bottom: 50px;}
    .rare-crafted-exquisite .rare__desinfo{flex: auto;}
    .rare-crafted-exquisite .rare__desinfo{font-size: 20px;}
    .section--downloads h2,.rare-crafted-exquisite .rare__title,.exclusive-residences .row .row .text h3,.section--outlooks .gallery.gallery--left .h2-title,.section--location .h2-title,.section-apartments .rare__title{font-size: 28px;}
    .exclusive-residences .row .row .text{width: 100%;}
    .exclusive-residences .row .row .imgs{width: 100%;}
    .section-apartments .rare__title{color: #000000;}
    .section-apartments .rare__desinfo{color: #000;}
    .section--downloads .imgtextbox{flex-wrap: wrap;flex-direction: column-reverse;}
    .section--downloads .imgtextbox .pdf-btn-a{width: 100%;padding: 5rem 1rem;}
    .section--downloads .imgtextbox .img{width: 100%;}
    .section--outlooks .gallery.gallery--left .gallery__nav{flex-direction: row !important;}
    .section--outlooks .gallery.gallery--left .gallery__text{padding-left: 0;padding-right: 0;}
    .section--outlooks .gallery__image{width: 100%;}
    .section--outlooks .gallery.gallery--left .gallery__nav{top: auto;bottom: 30px;}
    .section--outlooks .gallery__nav .btn{margin-right: 10px;}
    .section--imgs .imgbox{flex-wrap: wrap;}
    .section--imgs .img1{height: 200px;}
    .section--imgs .img2{height: 200px;}
    .section-apartments .arrow{width: 100px;}
    .section--masterplan .h2-title{font-size: 30px;}
    .section--masterplan{margin-top: 0 !important;padding-bottom: 80px;}
    .inner-banner-section .hero-img{transform: none !important;margin-top: 30px;}
    .section--masterplan .h2-title{text-align: center;padding-bottom: 40px;}
    .section--team .h2-title{font-size: 30px;}
    .section--team .p-text{font-size: 16px;margin-top: 30px;}
    .section--architect h2{font-size: 30px;}
    .section--architect .ui-box-whiteback .row .col--lg-4{min-height: auto;}
    .section--architect .ui-box-whiteback .row .col--lg-4:nth-child(1){border-right: none;border-bottom: 1px solid rgba(195, 146, 106, .5);padding-bottom: 30px;}
    .section--architect .ui-box-whiteback .row h4{font-size: 20px;}
    .section--architect .ui-box-whiteback .row p{font-size: 16px;}
    .section--architect .ui-box-whiteback .row .col--lg-6{padding-left: 0;padding-right: 0;}

    .section--visions--1 .row .h2-title{font-size: 30px;}
    .section--visions--1 .row p{font-size: 16px;padding-top: 0;}
    .section--visions--1 .video-title{font-size: 16px;}
    .section--visions--2 .h2-title{font-size: 30px;}
    .section--visions--3 .h2-title{font-size: 30px;}
    .section--towerwest .h2-title.ht{font-size: 36px;margin-top: 60px;text-align: center;}
    .section--towerwest .clond .tw-text{font-size: 133px;}
    .section--towerwest .h2-title{font-size: 30px;}
    .section--towerwest .text p{font-size: 16px;}
    .section--towerwest .luxurious .arrow .swiper-button-next{margin-left: 35px;}
    .section--towerwest .luxurious .swiper .swiper-slide p{font-size: 18px;}
    .section--towerwest .h2-title{padding-bottom: 30px;}
    .inner-banner-section .h1-title{font-size: 34px;}
    .section--towerwest .h2-title{padding-top: 20px;}
    .section--towerwest .h2-title.ht{padding-top: 0;}
    .section--towerwest .downloads{flex-wrap: wrap;}
    .section--towerwest .downloads .pdf-btn-a{width: 100%;margin-top: 20px;}
    .section--towerwest{padding-bottom: 100px;}
    .section--towerwest.ui-bloackback .luxurious-type .luxurious-head{margin-bottom: 30px;margin-top: 50px; display: flex;flex-wrap: wrap;justify-content: center;}
    .section--towerwest.ui-bloackback .luxurious-type .luxurious-head .circle-title{width: 100%;height: auto;text-align: center;border: none;font-size: 30px;margin-bottom: 30px;}
    .section--towerwest.ui-bloackback .luxurious-type .luxurious-head .btn--flat{font-size: 14px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide p{font-size: 16px;text-align: center;}
    .section--towerwest.ui-bloackback .luxurious-type .swi{padding-left: 20px;padding-right: 20px;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-button-next,.section--towerwest.ui-bloackback .luxurious-type .swiper-button-prev{top: 70%;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-button-next{right: 20px !important;left:auto;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-button-prev{left:20px !important;right:auto;}
    .inner-the-rotunda .landing-intro__content .navigation{margin-bottom: 180px;}
    .inner-the-rotunda .landing-intro__content{height: 50%;}
    .become-fifteen .purpleback{flex-wrap: wrap;padding: 20px;}
    .become-fifteen .purpleback .video{width: 100%;}
    
    .become-fifteen .purpleback .h3-t{width: 100%;margin-top: 20px;font-size: 20px;}
    .become-fifteen .h2-title, .section--location h2{font-size: 40px;}
    .become-fifteen .imgsbox .right h3, .outlooks-views h2, .section--neighbourhood .text h2, .section-apartments-select .h2-title, .section--downloads-img h2{font-size: 28px;}
    .become-fifteen .imgsbox .right{padding: 30px;}
    .become-fifteen .imgsbox .right h3{margin-bottom: 30px;}
    .become-fifteen .imgsbox .right .text p,.section--neighbourhood .text p{font-size: 16px;}
    .outlooks-views h2{margin-bottom: 30px;}
    .section--neighbourhood .text{padding-bottom: 50px;}
    .section-apartments-select .layui-form .layui-form-item{width: 48%;margin-left: 0 !important;margin-bottom: 5px;}
    .section-apartments-select .layui-form .layui-form-item .layui-input-inline{margin-left: 0 !important;}
    .section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-select-title .layui-input{padding: 1.8rem 2rem;}
    .section-apartments-select .layui-form .layui-form-item .layui-input-inline .layui-form-select dl{top: 60px;}
    .section-apartments-select .row .col--lg-2{width: 49%;flex: 0 1 49%;}
    .section-apartments-select .row .col--lg-2 .h-bed{font-size: 16px;}
    .section--downloads-img .download-btn-box{flex-wrap: wrap;}
    .section--downloads-img{padding: 100px 0px;}
    .section-apartments-select .btn--flat{padding: 8px 40px;height: 62px;font-size: 16px;}
    .section--amenities h2{font-size: 40px;text-align: center;}
    .section--amenities .col--md-5{width: 50%; flex: 0 1 50%;}
    .section--amenities p{font-size: 16px;}
    .section--amenities .handf .col--lg-3{margin-top: 30px;}
    .section--amenities .tow-type-box{padding-top: 0;padding-bottom: 100px;}
    .section--amenities .text p{margin-bottom: 40px;}
    .section--amenities .retail .col--lg-5{    flex: 0 1 100%;width: 100%;margin-bottom: 15px;}
    .section--amenities{padding-bottom: 100px;}
    .section--visions--1 .row p{font-size: 14px;}
    .section--location2 .location .location-ul{right: 20px;}
    .section--location2 .location .location-ul ul li a{font-size: 16px;padding: 10px 0px;}
    .section--visions--1 .waterfront-living .row h2, .section--visions--1 .culture-and-arts .row h2, .section--location2 .location .location-ul h2, .section--lifestyle h2{font-size: 24px;}
    .section--lifestyle{padding: 60px 0px;}
    .section--location2 .location img{height: 600px;}
    .section--downloads h2{width: 100%;}
    .section-apartments .rare__desinfo,.exclusive-residences .row .row .text p,.section--outlooks .gallery.gallery--left .gallery__text{font-size: 14px;}
    .outlooks-views .explore .arrow{width: 100px;}
    .outlooks-views .explore .swiper-slide .boximg{height: 250px;}
    .inner-banner-section .hero-img img{height: 300px;}
    .section--architect .ui-box-whiteback .row .row{justify-content: center;}
    .section--enquire form .layui-form-item{width: 100%;}
    .section--enquire form .layui-form-item.layui-form-item-select .layui-input-inline:nth-child(1){width:110px !important}
    .section--enquire form .layui-form-item.layui-form-item-select .layui-input-inline:nth-child(2){width: calc(100% - 110px) !important;}
    .section--enquire form .layui-form-item{margin-bottom: 5px;}
    .section--enquire form .layui-form-item.layui-form-text{margin-bottom: 15px;}
    .custom-tab-container .custom-item{padding-bottom: 40rem !important;padding-top: 20rem !important;}
    #about_us_title span.text--color-accent{color: #fff !important;}
    .header__container{padding-top: 0 !important;}
    .header__container .logo img{width: 120px !important;}
    .jVyvnV{margin-top: 0 !important;}
    .section--towerwest .Majestic .col--md-5.offset--md-1{margin-top: 0;}
    .section--towerwest .h2-title{width: 100%;}
    .section--visions--1 .waterfront-living .row img{height: 327px;}
    .section--visions--1 .big img{height: 344px;}
    .section--visions--1 .culture-and-arts .row .col--lg-5:nth-child(1) img{height: 328px;}
    .section--lifestyle .video {height: 306px;}
    .section--towerwest .clond img{height: 459px;}
    .section--towerwest .luxurious .big img{height: 210px;}
    .section--towerwest .Majestic img{height: 200px;}
    .section--towerwest .Concierge img{height: 200px;}
    .section--towerwest .video video{height: 238px;}
    .section--amenities .handf .col--lg-5{width: 100%;}
    .section--amenities .handf .col--lg-5 p{margin-top: 20px;}
    .section--visions--1 .video video{height: 350px;}
    .section--visions--2 .box img{height: 350px;}
    .section--visions--2 .row-box img{height: 350px;}
    .section--visions--3 .row img{height: 350px;}
    .gallery.gallery--left .gallery__title{margin-left: 0px !important;}
    .section--towerwest .luxurious .swiper .swiper-slide img{height: auto;}
    .landing-intro__content{bottom: 0px;}
    .landing-intro__image video{height: 460px !important;}
    .landing-intro__content{bottom: calc(var(--spacing) * 0) !important;}
    .icos-center img{max-width: 120px !important;}
    .inner-banner-hero .landing-intro__content{top: 130px;}
    .section--outlooks .gallery__image .parallax-picture--full-height img, .section--outlooks .parallax-picture--full-height img{height: 300px;}
    .section--outlooks{margin-top: 80px !important;}
    .section--outlooks .gallery-box{padding-bottom: 0 !important;}
    .section--outlooks .gallery.gallery--left .gallery__tabs{height: 320px;}
    .section--outlooks .gallery.gallery--left .gallery__title{margin-left: 0 !important;margin-bottom: 0 !important;}
    .section--outlooks .gallery__top-tabs{padding: 0;margin: 25px;}
    .addpartnew .gallery.gallery--left .gallery__title{margin-bottom: 0;}
    .addpartnew .gallery.gallery--left .gallery__text{padding-top: 0;}
    .addpartnew .gallery.gallery--left .gallery__title{margin-bottom: 0 !important;}
    .section--towerwest.ui-bloackback .luxurious-type .swiper-slide .boximg{height: 220px;}
    .section--towerwest{margin-top: -60px !important;}
    .intro-west.landing-intro{min-height: 400px;}
    .rare-crafted-exquisite .rare__title{line-height: 1.4;}
    .group--nav .js-calltouch-phone-number{background-image: linear-gradient(to right, #a0866e, #c5a68a);}
    .group--nav .btn--outline>svg{display: none;}
    .intro-west .landing-intro__image img{height: auto;}
    
    
}