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

body {
    margin: 0
}

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

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

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

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

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],
[type=reset],
[type=submit],
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;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    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
}

.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--modal-link-transition-in,
.animation--modal-link-transition-in .modal__background,
.animation--modal-link-transition-out,
.animation--modal-link-transition-out .modal__background,
.animation--modal-out-fake,
.animation--swipe-in,
.animation--swipe-in .preloader__subtitle,
.animation--swipe-in .preloader__title .word,
.animation--swipe-in .preloader__title__item,
.animation--swipe-out,
.animation--swipe-out .preloader__subtitle,
.animation--swipe-out .preloader__title .word,
.animation--swipe-out .preloader__title__item,
.animation--tabs-in,
.animation--tabs-out,
.btn,
.btn--outline .btn__outline rect,
.btn--underline .btn__underline:after,
.btn--underline .btn__underline:before,
.btn.icon,
.btn:after,
.btn:before,
.icon,
.modal--center.animation--modal-in,
.modal--center.animation--modal-in .modal__background,
.modal--center.animation--modal-in .modal__scroller,
.modal--center.animation--modal-out,
.modal--center.animation--modal-out .modal__background,
.modal--center.animation--modal-out .modal__scroller,
.modal--full.animation--modal-in,
.modal--full.animation--modal-in .modal__background,
.modal--full.animation--modal-in .modal__scroller,
.modal--full.animation--modal-in .popup__caption,
.modal--full.animation--modal-in .popup__carousel,
.modal--full.animation--modal-out,
.modal--full.animation--modal-out .modal__background,
.modal--full.animation--modal-out .modal__scroller,
.modal--full.animation--modal-out .popup__caption,
.modal--full.animation--modal-out .popup__carousel,
.modal--side--left.animation--modal-in,
.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-in .modal__content,
.modal--side--left.animation--modal-out,
.modal--side--left.animation--modal-out .modal__background,
.modal--side--left.animation--modal-out .modal__content,
.modal--side.animation--modal-in,
.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-in .modal__content,
.modal--side.animation--modal-out,
.modal--side.animation--modal-out .modal__background,
.modal--side.animation--modal-out .modal__content,
a,
button,
input[type=submit] {
    transition-duration: .8s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.header--sticky,
.header--sticky .header__background,
.header--sticky .header__content {
    transition-duration: 1.6s;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

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

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

.btn.btn--text-default,
body,
button,
input,
textarea {
    --fos: -0.143em;
    --foe: -0.142em;
    --lh: var(--xxxl, 1.28571em) var(--n-xxxl, var(--md, 1.31579em) var(--n-md, 1.14286em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 2.1)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 1.9)) var(--n-md, calc(var(--scale-text-rem) * 1.4)));
    font-weight: 400;
    letter-spacing: var(--md, 0) var(--n-md, -.02em);
    line-height: var(--lh);
    text-transform: none
}

.is-win .btn.btn--text-default,
.is-win body,
.is-win button,
.is-win input,
.is-win textarea {
    --fos: -0.143em;
    --foe: -0.142em
}

.btn,
.btn.btn--text-small,
.text-small,
small {
    --fos: -0.143em;
    --foe: -0.142em;
    --lh: var(--xxxl, 1.125em) var(--n-xxxl, 1.14286em);
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 1.6)) var(--n-xxxl, calc(var(--scale-text-rem) * 1.4));
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .btn,
.is-win .text-small,
.is-win small,
.text-lead {
    --fos: -0.143em;
    --foe: -0.142em
}

.text-lead {
    --lh: var(--xxxl, 1.4em) var(--n-xxxl, var(--md, 1.36364em) var(--n-md, 1.44444em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 1.5)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 1.1)) var(--n-md, calc(var(--scale-text-rem) * .9)));
    font-weight: 400;
    letter-spacing: .1em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .text-lead,
.text-preloader-title {
    --fos: -0.143em;
    --foe: -0.142em
}

.text-preloader-title {
    --lh: var(--md, 0.15556em) var(--n-md, 0.23333em);
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 63)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 45)) var(--n-md, calc(var(--scale-text-rem) * 30)));
    font-weight: 400;
    letter-spacing: var(--md, -.05em) var(--n-md, -.09em);
    line-height: var(--lh);
    text-transform: none
}

.h0,
.is-win .text-preloader-title {
    --fos: -0.143em;
    --foe: -0.142em
}

.h0 {
    --lh: var(--xxxl, 0.14433em) var(--n-xxxl, var(--md, 0.20173em) var(--n-md, 0.8em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 48.5)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 34.7)) var(--n-md, calc(var(--scale-text-rem) * 7.5)));
    font-weight: 400;
    letter-spacing: var(--md, -.09em) var(--n-md, -.02em);
    line-height: var(--lh);
    text-transform: none
}

.h1,
.is-win .h0,
h1 {
    --fos: -0.143em;
    --foe: -0.142em
}

.h1,
h1 {
    --lh: var(--xxxl, 0.51515em) var(--n-xxxl, var(--md, 0.51064em) var(--n-md, 1.01695em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 33)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 23.5)) var(--n-md, calc(var(--scale-text-rem) * 5.9)));
    font-weight: 400;
    letter-spacing: var(--md, -.05em) var(--n-md, -.02em);
    line-height: var(--lh);
    text-transform: none
}

.h2,
.is-win .h1,
.is-win h1,
h2 {
    --fos: -0.143em;
    --foe: -0.142em
}

.h2,
h2 {
    --lh: var(--xxxl, 0.7em) var(--n-xxxl, var(--md, 0.68966em) var(--n-md, 0.8em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 12)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 8.7)) var(--n-md, calc(var(--scale-text-rem) * 7.5)));
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.h3,
.is-win .h2,
.is-win h2,
h3 {
    --fos: -0.143em;
    --foe: -0.142em
}

.h3,
h3 {
    --lh: var(--xxxl, 1.02439em) var(--n-xxxl, var(--md, 1.01695em) var(--n-md, 1em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 8.2)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 5.9)) var(--n-md, calc(var(--scale-text-rem) * 3)));
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.h4,
.is-win .h3,
.is-win h3,
h4 {
    --fos: -0.143em;
    --foe: -0.142em
}

.h4,
h4 {
    --lh: var(--xxxl, 1.16667em) var(--n-xxxl, var(--md, 1.11111em) var(--n-md, 1em));
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: var(--xxxl, calc(var(--scale-text-rem) * 6)) var(--n-xxxl, var(--md, calc(var(--scale-text-rem) * 4.5)) var(--n-md, calc(var(--scale-text-rem) * 3)));
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .h4,
.is-win h4 {
    --fos: -0.143em;
    --foe: -0.142em
}

.text-logo {
    --fos: -0.103em;
    --foe: -0.182em;
    --lh: 1.33333em;
    font-family: GraphikLCG, Helvetica, Arial, sans-serif;
    font-size: calc(var(--scale-text-rem) * 1.2);
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: var(--lh);
    text-transform: none
}

.is-win .text-logo {
    --fos: -0.103em;
    --foe: -0.182em
}

code,
kbd,
pre,
samp {
    --lh: 1.38462em;
    font-family: Consolas, Liberation Mono, Menlo, Courier, monospace;
    font-size: calc(var(--scale-text-rem) * 1.3);
    font-weight: 400;
    line-height: var(--lh)
}

a {
    color: var(--t-primary)
}

.has-hover a:hover,
.has-hover a:hover:active,
a.is-active {
    color: var(--t-heading)
}

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

@font-face {
    font-display: swap;
    font-family: GraphikLCG;
    font-style: normal;
    font-weight: 500;
    src: url(/assets/fonts/GraphikLCG-Medium.woff2) format("woff2"), url(/assets/fonts/GraphikLCG-Medium.woff) format("woff"), url(/assets/fonts/GraphikLCG-Medium.otf) format("opentype")
}

:root {
    --scale-px: 1px;
    --scale-rem: 1rem;
    --scale-em: 1em;
    --scale-text-px: 1px;
    --scale-text-rem: 1rem;
    --scale-text-em: 1em;
    --spacing: var(--xxxl, calc(var(--scale-px) * 40)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 15)))
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-height:499px),
(min-width:568px) and (max-aspect-ratio:13/9) and (max-width:1439px),
(min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1200px) and (max-height:699px),
(min-width:668px) and (min-height:416px) and (max-height:499px),
(min-width:668px) and (min-height:416px) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (min-width:1200px) and (max-height:699px),
(min-width:980px) and (max-height:499px),
(min-width:980px) and (max-width:1439px),
(min-width:980px) and (min-width:1200px) and (max-height:699px) {
    :root {
        --scale-px: max(0.5px, min(1px, calc(0.5px + 0.5 * ((var(--vw100) - 720px) / 720))));
        --scale-rem: max(0.5rem, min(1rem, calc(0.5rem + 5 * ((var(--vw100) - 720px) / 720))));
        --scale-text-px: max(0.7px, min(1px, calc(0.7px + 0.3 * ((var(--vw100) - 720px) / 720))));
        --scale-text-rem: max(0.7rem, min(1rem, calc(0.7rem + 3 * ((var(--vw100) - 720px) / 720))))
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-height:499px),
(min-width:568px) and (max-aspect-ratio:13/9) and (max-width:1439px),
(min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1200px) and (max-height:699px),
(min-width:668px) and (min-height:416px) and (max-height:499px),
(min-width:668px) and (min-height:416px) and (max-width:1439px),
(min-width:668px) and (min-height:416px) and (min-width:1200px) and (max-height:699px),
(min-width:980px) and (max-height:499px),
(min-width:980px) and (max-width:1439px),
(min-width:980px) and (min-width:1200px) and (max-height:699px) {}

@media (min-width:1px) {
    :root {
        --sm: ;
        --n-sm: initial;
        --md: ;
        --n-md: initial;
        --lg: ;
        --n-lg: initial;
        --xl: ;
        --n-xl: initial;
        --xxl: ;
        --n-xxl: initial;
        --xxxl: ;
        --n-xxxl: initial;
        --xxxxl: ;
        --n-xxxxl: initial
    }
}

@media (min-aspect-ratio:13/9) and (min-width:1px),
(min-width:568px) and (min-width:1px) {
    :root {
        --n-sm: ;
        --sm: initial
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1px),
(min-width:668px) and (min-height:416px) and (min-width:1px),
(min-width:980px) and (min-width:1px) {
    :root {
        --n-md: ;
        --md: initial
    }
}

@media (min-width:980px) and (min-width:1px) {
    :root {
        --n-lg: ;
        --lg: initial
    }
}

@media (min-width:1200px) and (min-height:500px) and (min-width:1px) {
    :root {
        --n-xl: ;
        --xl: initial
    }
}

@media (min-width:1440px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxl: ;
        --xxl: initial
    }
}

@media (min-width:1920px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxxl: ;
        --xxxl: initial
    }
}

@media (min-width:2400px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xxxxl: ;
        --xxxxl: initial
    }
}

:root {
    --vw: 1vw;
    --vw100: 100vw
}

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

body {
    min-height: 100dvh;
    touch-action: pan-x pan-y;
    width: var(--vw100)
}

@media print {
    html {
        height: auto
    }

    body,
    html {
        overflow: visible
    }

    body {
        min-height: 0;
        width: 100%
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

    html.landing,
    html.landing body {
        overflow: hidden
    }
}

html.no-hover,
html.no-hover body {
    overflow: hidden
}

.page-content {
    min-height: 100svh;
    width: var(--vw100)
}

main {
    display: block
}

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

dialog {
    background: none;
    border: 0;
    display: block;
    padding: 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] {
    -webkit-user-drag: none;
    pointer-events: none
}

iframe,
video {
    --ratio: 16/9;
    --aspect-ratio: 16/9;
    aspect-ratio: var(--aspect-ratio);
    border: 0;
    display: block;
    height: auto;
    width: 100%
}

#__bs_notify__ {
    display: none !important
}

:root {
    --c-black: #000;
    --c-black-rgb: 0, 0, 0;
    --c-white: #fff;
    --c-white-rgb: 255, 255, 255;
    --c-error: #d9534f;
    --c-error-rgb: 217, 83, 79;
    --c-purple: #2b1730;
    --c-purple-rgb: 43, 23, 48
}

.ui-dark,
.ui-light,
:root {
    --t-background: var(--c-white);
    --t-background-rgb: var(--c-white-rgb);
    --t-background-secondary: rgba(var(--c-white-rgb), 0.2);
    --t-line: rgba(var(--c-white-rgb), 0.1);
    --t-text: var(--c-black);
    --t-text-rgb: var(--c-black-rgb);
    --t-heading: var(--c-black);
    --t-heading-rgb: var(--c-black-rgb);
    --t-primary: var(--c-black);
    --t-primary-rgb: var(--c-black-rgb);
    --t-button-primary-text: var(--t-background);
    --t-button-primary-text-rgb: var(--t-background-rgb);
    --t-button-primary-background: var(--t-primary);
    --t-button-primary-background-rgb: var(--t-primary-rgb);
    --t-button-primary-hover-text: var(--t-background);
    --t-button-primary-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-hover-background: var(--t-primary);
    --t-button-primary-hover-background-rgb: var(--t-primary-rgb);
    --t-button-primary-active-text: var(--t-background);
    --t-button-primary-active-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-background: var(--t-primary);
    --t-button-primary-active-background-rgb: var(--t-primary-rgb);
    --t-button-primary-active-hover-text: var(--t-background);
    --t-button-primary-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-hover-background: var(--t-primary);
    --t-button-primary-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-primary-disabled-text: var(--t-background);
    --t-button-primary-disabled-text-rgb: var(--t-background-rgb);
    --t-button-primary-disabled-background: rgba(var(--t-primary-rgb), 0.4);
    --t-button-secondary-text: var(--t-background);
    --t-button-secondary-text-rgb: var(--t-background-rgb);
    --t-button-secondary-background: var(--t-background-secondary);
    --t-button-secondary-background-rgb: var(--t-background-secondary-rgb);
    --t-button-secondary-hover-text: var(--t-background);
    --t-button-secondary-hover-text-rgb: var(--t-background-rgb);
    --t-button-secondary-hover-background: var(--t-background-secondary);
    --t-button-secondary-hover-background-rgb: var(--t-background-secondary-rgb);
    --t-button-white-text: var(--t-text);
    --t-button-white-text-rgb: var(--t-text-rgb);
    --t-button-white-background: var(--t-background);
    --t-button-white-background-rgb: var(--t-background-rgb);
    --t-button-white-hover-text: var(--t-text);
    --t-button-white-hover-text-rgb: var(--t-text-rgb);
    --t-button-white-hover-background: var(--t-background);
    --t-button-white-hover-background-rgb: var(--t-background-rgb);
    --t-button-link-text: var(--t-primary);
    --t-button-link-text-rgb: var(--t-primary-rgb);
    --t-button-link-hover-text: var(--t-heading);
    --t-button-link-hover-text-rgb: var(--t-heading-rgb);
    --t-button-link-hover-border: var(--t-heading);
    --t-button-link-hover-border-rgb: var(--t-heading-rgb);
    --t-button-link-heading-text: var(--t-heading);
    --t-button-link-heading-text-rgb: var(--t-heading-rgb);
    --t-button-link-heading-border: rgba(var(--t-heading-rgb), 0.15);
    --t-button-link-heading-hover-text: var(--t-heading);
    --t-button-link-heading-hover-text-rgb: var(--t-heading-rgb);
    --t-button-link-heading-hover-border: var(--t-heading);
    --t-button-link-heading-hover-border-rgb: var(--t-heading-rgb);
    --t-link-default-normal: var(--t-primary);
    --t-link-default-normal-rgb: var(--t-primary-rgb);
    --t-link-default-hover: var(--t-heading);
    --t-link-default-hover-rgb: var(--t-heading-rgb);
    --t-link-default-active: var(--t-heading);
    --t-link-default-active-rgb: var(--t-heading-rgb);
    --t-link-text-normal: var(--t-text);
    --t-link-text-normal-rgb: var(--t-text-rgb);
    --t-link-text-hover: var(--t-primary);
    --t-link-text-hover-rgb: var(--t-primary-rgb);
    --t-link-text-active: var(--t-primary);
    --t-link-text-active-rgb: var(--t-primary-rgb)
}

.ui-light {
    color: var(--t-text)
}

.ui-light-background {
    background: var(--c-white)
}

.ui-dark {
    --t-background: var(--c-black);
    --t-background-rgb: var(--c-black-rgb);
    --t-background-secondary: rgba(var(--c-white-rgb), 0.15);
    --t-line: rgba(var(--c-white-rgb), 0.1);
    --t-text: var(--c-white);
    --t-text-rgb: var(--c-white-rgb);
    --t-heading: var(--c-white);
    --t-heading-rgb: var(--c-white-rgb);
    --t-primary: var(--c-white);
    --t-primary-rgb: var(--c-white-rgb);
    --t-button-primary-text: var(--t-background);
    --t-button-primary-text-rgb: var(--t-background-rgb);
    --t-button-primary-background: var(--t-primary);
    --t-button-primary-background-rgb: var(--t-primary-rgb);
    --t-button-primary-hover-text: var(--t-background);
    --t-button-primary-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-hover-background: var(--t-primary);
    --t-button-primary-hover-background-rgb: var(--t-primary-rgb);
    --t-button-primary-active-text: var(--t-background);
    --t-button-primary-active-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-background: var(--t-primary);
    --t-button-primary-active-background-rgb: var(--t-primary-rgb);
    --t-button-primary-active-hover-text: var(--t-background);
    --t-button-primary-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-hover-background: var(--t-primary);
    --t-button-primary-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-secondary-text: var(--t-heading);
    --t-button-secondary-text-rgb: var(--t-heading-rgb);
    --t-button-secondary-background: var(--t-background-secondary);
    --t-button-secondary-background-rgb: var(--t-background-secondary-rgb);
    --t-button-secondary-hover-text: var(--t-heading);
    --t-button-secondary-hover-text-rgb: var(--t-heading-rgb);
    --t-button-secondary-hover-background: var(--t-background-secondary);
    --t-button-secondary-hover-background-rgb: var(--t-background-secondary-rgb);
    color: var(--t-text)
}

.ui-dark-background {
    background: var(--c-black)
}

@media print {

    .ui-dark,
    .ui-light,
    :root {
        --t-background: #fff;
        --t-line: #666;
        --t-small: #666;
        --t-text: #000;
        --t-heading: #000;
        --t-primary: var(--t-turquoise);
        --t-primary-rgb: var(--t-turquoise-rgb);
        --t-secondary: #000
    }

    .ui-dark,
    .ui-light,
    body {
        background: #000
    }

    .ui-dark-background,
    .ui-light-background,
    body {
        background: #fff
    }
}

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

.sr-only--focusable:focus-visible {
    clip: unset;
    background: var(--t-background);
    clip-path: none;
    color: var(--t-heading);
    height: auto;
    padding: calc(var(--scale-px) * 10);
    width: auto;
    z-index: 100
}

.is-invisible,
.js .is-invisible--js,
.no-js .is-invisible--no-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
}

.flicker-fix,
.svg-fix img,
.svg-fix svg,
img.svg-fix,
svg.svg-fix {
    backface-visibility: hidden
}

.flicker-fix,
.flicker-fix _::-webkit-full-page-media,
.flicker-fix _:future,
.svg-fix img,
.svg-fix img _::-webkit-full-page-media,
.svg-fix img _:future,
.svg-fix svg,
.svg-fix svg _::-webkit-full-page-media,
.svg-fix svg _:future,
img.svg-fix,
img.svg-fix _::-webkit-full-page-media,
img.svg-fix _:future,
svg.svg-fix,
svg.svg-fix _::-webkit-full-page-media,
svg.svg-fix _:future {
    backface-visibility: unset;
    will-change: transform
}

@-moz-document url-prefix() {

    .flicker-fix,
    .svg-fix img,
    .svg-fix svg,
    img.svg-fix,
    svg.svg-fix {
        backface-visibility: unset;
        transform: rotate(.001deg)
    }
}

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

a {
    text-decoration: none
}

a,
button,
input[type=submit] {
    cursor: pointer;
    transition-property: color
}

a:focus,
button:focus,
input[type=submit]:focus {
    outline-color: transparent
}

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

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

@media print {

    a[href^="/"]:not(.btn):after,
    a[href^=http]:not(.btn):after {
        content: " [" attr(href) "] "
    }

    a:not(.btn):not(:local-link):after {
        color: inherit;
        content: " [" attr(href) "] "
    }
}

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

:where([data-natural-width], .dev-tools-ratio-placeholder) {
    position: relative
}

.dev-tools-ratio-placeholder:before,
[data-natural-width]:before {
    background: #000;
    color: #fff;
    content: "Natural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio);
    font: 12px/14px Arial;
    left: 50%;
    letter-spacing: 0;
    padding: 10px;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: pre;
    z-index: 9999
}

.dev-tools-ratio-too-large:before {
    background: #bc9400;
    content: "IMAGE TOO LARGE!\aNatural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio)
}

.dev-tools-ratio-too-small:before {
    background: #ce0000;
    content: "IMAGE TOO SMALL!\aNatural: " attr(data-natural-width) " x " attr(data-natural-height) "\aRendered: " attr(data-width) " x " attr(data-height) "\aRatio: " attr(data-ratio)
}

.dev-tools-ratio-placeholder:before {
    background: #ce0000;
    content: "IMAGE PLACEHOLDER SIZE INVALID!\aNatural: " attr(data-placeholder-natural-width) " x " attr(data-placeholder-natural-height) " (" attr(data-placeholder-natural-ratio) ")\aPlaceholder: " attr(data-placeholder-width) " x " attr(data-placeholder-height) " (" attr(data-placeholder-ratio) ")"
}

.icon {
    display: inline-block;
    flex-shrink: 0;
    height: calc(var(--icon-height) * var(--scale-px));
    transition-property: color, transform, opacity;
    vertical-align: middle;
    width: calc(var(--icon-width) * var(--scale-px))
}

.btn .icon,
a .icon,
button .icon {
    pointer-events: none;
    transition: none
}

html {
    font-size: 62.5%
}

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

cite {
    font-style: inherit
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    color: var(--t-heading)
}

.h1,
.h2,
.h3,
.h4,
.h5,
blockquote,
figure,
h1,
h2,
h3,
h4,
h5,
hr,
iframe,
object,
p,
pre,
table {
    margin: 0
}

.text-color-primary {
    color: var(--t-primary)
}

.text-color-secondary {
    color: var(--t-secondary)
}

.text-color-heading {
    color: var(--t-heading)
}

.text-color-small {
    color: var(--t-small)
}

.text-color-text {
    color: var(--t-text)
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .text-left\:md {
        text-align: left
    }

    .text-right\:md {
        text-align: right
    }

    .text-center\:md {
        text-align: center
    }

    .text-color-text\:md {
        color: var(--t-text)
    }
}

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

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

.text figure {
    position: relative
}

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

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

.text .h1,
.text .h2,
.text .h3,
.text .h4,
.text .h5,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

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

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

.text blockquote,
.text hr,
.text iframe,
.text object,
.text p,
.text pre,
.text table {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

.text blockquote:where(:first-child),
.text hr:where(:first-child),
.text iframe:where(:first-child),
.text object:where(:first-child),
.text p:where(:first-child),
.text pre:where(:first-child),
.text table:where(:first-child) {
    margin-top: 0
}

.text blockquote:where(:last-child),
.text hr:where(:last-child),
.text iframe:where(:last-child),
.text object:where(:last-child),
.text p:where(:last-child),
.text pre:where(:last-child),
.text table:where(:last-child) {
    margin-bottom: 0
}

.text a:where(:not(.btn)) {
    text-decoration: underline;
    text-decoration-color: rgba(var(--t-primary-rgb), .3);
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: calc(var(--scale-px) * 2)
}

.has-hover .text a:where(:not(.btn)):hover,
.has-hover .text a:where(:not(.btn)):hover:active,
.text a:where(:not(.btn)).is-active {
    text-decoration: none
}

.text .btn {
    vertical-align: baseline
}

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

.text ul {
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

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

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

.text ul>li {
    list-style-type: none !important;
    margin-bottom: calc(var(--scale-px) * 10);
    margin-top: calc(var(--scale-px) * 10);
    padding-left: var(--spacing);
    position: relative
}

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

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

.text ul>li:before {
    border-top: 1px solid var(--t-primary);
    content: "";
    height: 1px;
    left: calc(var(--scale-px) * 4);
    margin-top: -1px;
    position: absolute;
    top: .8em;
    width: calc(var(--scale-px) * 15)
}

.text ol {
    counter-reset: text-ol;
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

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

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

.text ol>li {
    counter-increment: text-ol;
    list-style-type: none !important;
    margin-bottom: calc(var(--scale-px) * 10);
    margin-top: calc(var(--scale-px) * 10);
    padding-left: var(--spacing);
    position: relative
}

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

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

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

.text table:where(:not(.mobile-table)) {
    border-collapse: collapse;
    width: 100% !important
}

.text table:where(:not(.mobile-table)) th {
    border: 0;
    text-align: left
}

.text table:where(:not(.mobile-table)) td {
    border: 0;
    border-top: 1px solid var(--t-line)
}

code,
kbd,
pre,
samp {
    color: #333
}

code,
pre {
    -webkit-font-smoothing: antialiased;
    background: #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: calc(var(--scale-rem) * 1.2);
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
    vertical-align: top
}

code.simple {
    background: rgba(var(--t-text-rgb), .2);
    border-radius: max(3px, .15em);
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-transform: inherit;
    vertical-align: inherit
}

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

pre,
pre code {
    border-radius: 6px
}

code {
    padding: 2px 10px
}

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

hr {
    border: 0;
    border-bottom: 1px solid var(--t-line)
}

.btn__text:after,
.btn__text:before,
.leading-trim:after,
.leading-trim:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative
}

.btn__text:before,
.leading-trim:before {
    margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em))
}

.btn__text:after,
.leading-trim:after {
    margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em))
}

.btn {
    --btn-icon-spacing: calc(var(--scale-px) * 10);
    align-items: center;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    transition-property: color;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap
}

.btn.is-disabled,
.btn:disabled {
    cursor: default;
    pointer-events: none
}

.btn-container:focus-visible .btn,
.btn:focus-visible,
input:focus-visible+.btn:is(label),
label input:focus-visible+.btn {
    box-shadow: 0 0 0 2px var(--t-text);
    outline: none
}

.btn__content {
    min-width: 100%;
    position: relative;
    z-index: 1
}

.btn__content,
.btn__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.btn__icon--clone~.btn__icon--clone,
.btn__text--clone~.btn__text--clone {
    position: absolute;
    visibility: hidden
}

.btn__icon--clone~.btn__text--clone,
.btn__text--clone~.btn__icon--clone {
    right: 0
}

.btn--secondary:after {
    display: none
}

span.btn:where(:not([role=button])) {
    cursor: default
}

.btn-container span.btn:where(:not([role=button])),
label input:not(:disabled)+span.btn:where(:not([role=button])) {
    cursor: pointer
}

.btn .btn__icon+.btn__text,
.btn .btn__text+.btn__icon {
    margin-left: var(--btn-icon-spacing)
}

.btn__text {
    backface-visibility: hidden;
    position: relative
}

.btn-container {
    cursor: pointer
}

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

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

.btn--full {
    width: 100%
}

.btn--ellipsis {
    min-width: 0
}

.btn--ellipsis .btn__text {
    overflow: hidden;
    padding-bottom: .15em;
    padding-top: .15em;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media print {
    .btn {
        border: 1px solid var(--t-primary) !important;
        color: var(--t-heading) !important
    }
}

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

.btn:before {
    z-index: 1
}

.btn .word,
.btn:after {
    pointer-events: none
}

.btn--cloned .btn__icon--clone,
.btn--cloned .btn__text--clone .char {
    transform: translateY(0);
    transition-duration: .4s;
    transition-property: transform, clip-path;
    transition-timing-function: cubic-bezier(.29, .73, .45, 1);
    visibility: visible;
    will-change: transform, clip-path
}

.btn--cloned .btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned:hover .btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned .btn__text--clone .char {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned:active:hover .btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned .btn__text--clone .char {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:active:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-right .btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__text--clone .char {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__text--clone .char {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-right .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-left .btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__text--clone .char {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__text--clone .char {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%)
}

.btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% -100%, 0 -100%, 0 200%, -100% 200%);
    transform: translate(100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__icon--clone {
    clip-path: polygon(100% -100%, 200% -100%, 200% 200%, 100% 200%);
    transform: translate(-100%)
}

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-left .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-down .btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__text--clone .char {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__text--clone .char {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__text--clone+.btn__text--clone .char,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__text--clone+.btn__text--clone .char {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%)
}

.btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 100%, 200% 100%, 200% 200%, -100% 200%);
    transform: translateY(-100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:hover .btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__icon--clone {
    clip-path: polygon(-100% -100%, 200% -100%, 200% 0, -100% 0);
    transform: translateY(100%)
}

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__icon--clone+.btn__icon--clone,
.has-hover .btn-container:active:hover .btn--cloned.btn--clone-down .btn__icon--clone+.btn__icon--clone {
    clip-path: polygon(-100% 0, 200% 0, 200% 100%, -100% 100%);
    transform: translateY(0)
}

.btn--cloned .btn__text--clone .char {
    display: inline-block;
    transition-delay: calc((var(--char-total) + var(--char-index)) * 4ms)
}

.btn--cloned.btn--clone-multiline .char {
    transition-delay: 0ms
}

.btn--rotation .btn__icon {
    transform: rotate(0deg);
    transition-duration: .8s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
    visibility: visible;
    will-change: transform
}

.has-hover .btn--rotation:active:hover .btn__icon,
.has-hover .btn--rotation:hover .btn__icon,
.has-hover .btn-container:active:hover .btn--rotation .btn__icon,
.has-hover .btn-container:hover .btn--rotation .btn__icon {
    transform: rotate(90deg)
}

.btn--outline {
    border-radius: 0 !important;
    will-change: auto
}

.btn--outline:after,
.btn--outline:before {
    opacity: 0
}

.btn--outline .btn__outline {
    display: block;
    height: 100%;
    left: 0;
    overflow: visible;
    position: absolute;
    top: 0;
    width: 100%
}

.btn--outline .btn__outline rect {
    fill: none;
    stroke-width: 1.25;
    stroke-dasharray: var(--path-length, 1000px) 2000px;
    stroke-dashoffset: 0;
    height: calc(100% - 2px);
    transform-origin: 50% 50%;
    transition-property: stroke-dashoffset, transform;
    transition-timing-function: cubic-bezier(.87, 0, .13, 1);
    width: calc(100% - 2px)
}

.btn--outline .btn__outline rect+rect {
    stroke-dashoffset: var(--path-length, 1000px)
}

.no-hover .btn--outline .btn__outline rect+rect {
    display: none
}

.has-hover .btn--outline:hover>svg rect,
.has-hover .btn-container:hover .btn--outline>svg rect {
    stroke-dashoffset: calc(var(--path-length) * -1)
}

.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:active:hover>svg rect,
.has-hover .btn-container:active:hover .btn--outline>svg rect {
    stroke-dashoffset: calc(var(--path-length) * -1)
}

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

.btn--outline.is-active>svg rect+rect,
.btn-container.is-active .btn--outline>svg rect+rect,
input:checked+.btn--outline:is(label)>svg rect+rect,
label input:checked+.btn--outline>svg rect+rect {
    stroke-dashoffset: 0;
    display: block
}

.btn--underline {
    border-radius: 0 !important;
    will-change: auto
}

.btn--underline .btn__underline:after,
.btn--underline .btn__underline:before {
    border-bottom: 1px solid var(--border);
    bottom: -.307em;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    transform-origin: 100% 0;
    transition-property: transform, opacity;
    width: 100%
}

.btn--underline .btn__underline:before {
    border-bottom: 1px solid var(--hover-border);
    opacity: 0;
    transform: scaleX(0);
    transform-origin: 0 0
}

.has-hover .btn--underline:active:hover .btn__underline:after,
.has-hover .btn--underline:active:hover .btn__underline:before,
.has-hover .btn--underline:hover .btn__underline:after,
.has-hover .btn--underline:hover .btn__underline:before,
.has-hover .btn-container:active:hover .btn--underline .btn__underline:after,
.has-hover .btn-container:active:hover .btn--underline .btn__underline:before,
.has-hover .btn-container:hover .btn--underline .btn__underline:after,
.has-hover .btn-container:hover .btn--underline .btn__underline:before {
    opacity: 1;
    transform: scaleX(1)
}

.btn--underline .btn-container.is-disabled .btn__underline:before,
.btn--underline.is-disabled .btn__underline:before,
.btn--underline:disabled .btn__underline:before {
    display: none
}

.btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)) {
    will-change: transform
}

.btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)):before {
    transform: scale(0)
}

.has-hover .btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)):hover:before,
.has-hover .btn-container:hover .btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)):before {
    transform: scale(1)
}

.has-hover .btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)):active:hover:before,
.has-hover .btn-container:active:hover .btn--square:where(:not(.btn--cloned):not(.btn--rotation):not(.btn--outline)):before {
    transform: scale(1)
}

.btn {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: calc(var(--scale-px) * 20);
    --btn-ry: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15)
}

.btn,
.btn:after,
.btn:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn.btn--outline {
    border-radius: 0
}

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

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

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn {
        --btn-height: calc(var(--scale-px) * 30);
        --btn-rx: calc(var(--scale-px) * 20);
        --btn-ry: calc(var(--scale-px) * 20);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 15)
    }

    .btn,
    .btn:after,
    .btn:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn.btn--outline {
        border-radius: 0
    }

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

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

@media (min-width:1920px) and (min-height:700px) {
    .btn {
        --btn-height: calc(var(--scale-px) * 40);
        --btn-rx: calc(var(--scale-px) * 35);
        --btn-ry: calc(var(--scale-px) * 35);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 15)
    }

    .btn,
    .btn:after,
    .btn:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn.btn--outline {
        border-radius: 0
    }

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

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

.btn--square {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: calc(var(--scale-px) * 20);
    --btn-ry: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15)
}

.btn--square,
.btn--square:after,
.btn--square:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--square.btn--outline {
    border-radius: 0
}

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

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

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--square {
        --btn-height: calc(var(--scale-px) * 30);
        --btn-rx: calc(var(--scale-px) * 20);
        --btn-ry: calc(var(--scale-px) * 20);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 15)
    }

    .btn--square,
    .btn--square:after,
    .btn--square:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--square.btn--outline {
        border-radius: 0
    }

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

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

@media (min-width:1920px) and (min-height:700px) {
    .btn--square {
        --btn-height: calc(var(--scale-px) * 40);
        --btn-rx: calc(var(--scale-px) * 35);
        --btn-ry: calc(var(--scale-px) * 35);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 15)
    }

    .btn--square,
    .btn--square:after,
    .btn--square:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--square.btn--outline {
        border-radius: 0
    }

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

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

.btn--lg {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: calc(var(--scale-px) * 20);
    --btn-ry: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15)
}

.btn--lg,
.btn--lg:after,
.btn--lg:before {
    border-radius: var(--btn-rx) var(--btn-ry)
}

.btn--lg.btn--outline {
    border-radius: 0
}

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

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

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .btn--lg {
        --btn-height: calc(var(--scale-px) * 60);
        --btn-rx: calc(var(--scale-px) * 100);
        --btn-ry: calc(var(--scale-px) * 100);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 75)
    }

    .btn--lg,
    .btn--lg:after,
    .btn--lg:before {
        border-radius: var(--btn-rx) var(--btn-ry)
    }

    .btn--lg.btn--outline {
        border-radius: 0
    }

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

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

.btn--square {
    aspect-ratio: 1;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 0;
    padding-right: 0
}

.btn--primary,
.btn--primary .btn-container.is-disabled,
.btn--primary.is-disabled,
.btn--primary:disabled {
    color: var(--t-button-primary-text)
}

.btn--primary .btn-container.is-disabled:after,
.btn--primary.is-disabled:after,
.btn--primary:after,
.btn--primary:disabled:after {
    background-color: var(--t-button-primary-background)
}

.btn--primary .btn-container.is-disabled:before,
.btn--primary.is-disabled:before,
.btn--primary:before,
.btn--primary:disabled:before {
    background-color: var(--t-button-primary-hover-background)
}

.has-hover .btn--primary:active:hover,
.has-hover .btn--primary:hover,
.has-hover .btn-container:active:hover .btn--primary,
.has-hover .btn-container:hover .btn--primary {
    color: var(--t-button-primary-hover-text)
}

.btn--primary.is-active,
.btn-container.is-active .btn--primary,
input:checked+.btn--primary:is(label),
label input:checked+.btn--primary {
    color: var(--t-button-primary-active-text)
}

.btn--primary.is-active:after,
.btn-container.is-active .btn--primary:after,
input:checked+.btn--primary:is(label):after,
label input:checked+.btn--primary:after {
    background-color: var(--t-button-primary-active-background)
}

.btn--primary.is-active:before,
.btn-container.is-active .btn--primary:before,
input:checked+.btn--primary:is(label):before,
label input:checked+.btn--primary:before {
    background-color: var(--t-button-primary-active-hover-background)
}

.has-hover .btn--primary.is-active:hover,
.has-hover .btn-container.is-active:hover .btn--primary,
.has-hover .btn-container:hover .btn--primary.is-active,
.has-hover input:checked+.btn--primary:is(label):hover,
.has-hover label input:checked+.btn--primary:hover {
    color: var(--t-button-primary-active-hover-text)
}

.has-hover .btn--primary.is-active:active:hover,
.has-hover .btn-container.is-active:active:hover .btn--primary,
.has-hover input:checked+.btn--primary:is(label):active:hover,
.has-hover label input:checked+.btn--primary:active:hover {
    color: var(--t-button-primary-active-hover-text)
}

.btn--primary .btn-container.is-disabled,
.btn--primary.is-disabled,
.btn--primary:disabled {
    color: var(--t-button-primary-disabled-text)
}

.btn--primary .btn-container.is-disabled:after,
.btn--primary.is-disabled:after,
.btn--primary:disabled:after {
    background-color: var(--t-button-primary-disabled-background)
}

.btn--secondary,
.btn--secondary .btn-container.is-disabled,
.btn--secondary.is-disabled,
.btn--secondary:disabled {
    color: var(--t-button-secondary-text)
}

.btn--secondary .btn-container.is-disabled:after,
.btn--secondary.is-disabled:after,
.btn--secondary:after,
.btn--secondary:disabled:after {
    background-color: var(--t-button-secondary-background)
}

.btn--secondary .btn-container.is-disabled:before,
.btn--secondary.is-disabled:before,
.btn--secondary:before,
.btn--secondary:disabled:before {
    background-color: var(--t-button-secondary-hover-background)
}

.has-hover .btn--secondary:active:hover,
.has-hover .btn--secondary:hover,
.has-hover .btn-container:active:hover .btn--secondary,
.has-hover .btn-container:hover .btn--secondary {
    color: var(--t-button-secondary-hover-text)
}

.btn--white,
.btn--white .btn-container.is-disabled,
.btn--white.is-disabled,
.btn--white:disabled {
    color: var(--t-button-white-text)
}

.btn--white .btn-container.is-disabled:after,
.btn--white.is-disabled:after,
.btn--white:after,
.btn--white:disabled:after {
    background-color: var(--t-button-white-background)
}

.btn--white .btn-container.is-disabled:before,
.btn--white.is-disabled:before,
.btn--white:before,
.btn--white:disabled:before {
    background-color: var(--t-button-white-hover-background)
}

.has-hover .btn--white:active:hover,
.has-hover .btn--white:hover,
.has-hover .btn-container:active:hover .btn--white,
.has-hover .btn-container:hover .btn--white {
    color: var(--t-button-white-hover-text)
}

.btn--link,
.btn--link .btn-container.is-disabled,
.btn--link.is-disabled,
.btn--link:disabled {
    --hover-border: var(--t-button-link-hover-border);
    color: var(--t-button-link-text)
}

.btn--link .btn-container.is-disabled>svg rect+rect,
.btn--link.is-disabled>svg rect+rect,
.btn--link:disabled>svg rect+rect,
.btn--link>svg rect+rect {
    stroke: var(--t-button-link-hover-border)
}

.btn--link .btn-container.is-disabled:before,
.btn--link.is-disabled:before,
.btn--link:before,
.btn--link:disabled:before {
    border-color: var(--t-button-link-hover-border)
}

.has-hover .btn--link:active:hover,
.has-hover .btn--link:hover,
.has-hover .btn-container:active:hover .btn--link,
.has-hover .btn-container:hover .btn--link {
    color: var(--t-button-link-hover-text)
}

.btn--link-heading,
.btn--link-heading .btn-container.is-disabled,
.btn--link-heading.is-disabled,
.btn--link-heading:disabled {
    --border: var(--t-button-link-heading-border);
    --hover-border: var(--t-button-link-heading-hover-border);
    color: var(--t-button-link-heading-text)
}

.btn--link-heading .btn-container.is-disabled>svg rect,
.btn--link-heading.is-disabled>svg rect,
.btn--link-heading:disabled>svg rect,
.btn--link-heading>svg rect {
    stroke: var(--t-button-link-heading-border)
}

.btn--link-heading .btn-container.is-disabled:after,
.btn--link-heading.is-disabled:after,
.btn--link-heading:after,
.btn--link-heading:disabled:after {
    border-color: var(--t-button-link-heading-border)
}

.btn--link-heading .btn-container.is-disabled>svg rect+rect,
.btn--link-heading.is-disabled>svg rect+rect,
.btn--link-heading:disabled>svg rect+rect,
.btn--link-heading>svg rect+rect {
    stroke: var(--t-button-link-heading-hover-border)
}

.btn--link-heading .btn-container.is-disabled:before,
.btn--link-heading.is-disabled:before,
.btn--link-heading:before,
.btn--link-heading:disabled:before {
    border-color: var(--t-button-link-heading-hover-border)
}

.has-hover .btn--link-heading:active:hover,
.has-hover .btn--link-heading:hover,
.has-hover .btn-container:active:hover .btn--link-heading,
.has-hover .btn-container:hover .btn--link-heading {
    color: var(--t-button-link-heading-hover-text)
}

.btn--link {
    border-radius: 0;
    height: auto;
    overflow: visible;
    padding-left: 0;
    padding-right: 0
}

.btn--link:where(:not(.btn--full)) {
    width: auto
}

.btn--link:before {
    display: none
}

.btn--link>.btn__content {
    height: auto;
    justify-content: flex-start;
    text-align: left
}

.btn--link:focus-visible {
    box-shadow: none
}

.btn--link:focus-visible:not(.btn-container) {
    outline-color: currentColor;
    outline-offset: 1px;
    outline-style: auto;
    outline-width: 1px
}

.btn--link:after {
    bottom: calc(var(--scale-px) * -15);
    display: block;
    left: calc(var(--scale-px) * -15);
    pointer-events: inherit;
    right: calc(var(--scale-px) * -15);
    top: calc(var(--scale-px) * -15);
    transition: none
}

.btn--link .btn-container.is-disabled:after,
.btn--link.is-disabled:after,
.btn--link:disabled:after {
    display: none
}

.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--swipe-in,
.animation--swipe-in .preloader__subtitle,
.animation--swipe-in .preloader__title .word,
.animation--swipe-in .preloader__title__item,
.animation--swipe-out,
.animation--swipe-out .preloader__subtitle,
.animation--swipe-out .preloader__title .word,
.animation--swipe-out .preloader__title__item,
.animation--tabs-in,
.animation--tabs-out {
    pointer-events: none
}

.disable-transitions,
.disable-transitions *,
.disable-transitions :after,
.disable-transitions :before,
.disable-transitions:after,
.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-delay: 0s !important;
        transition-duration: 0s !important
    }
}

.animation--fade-in,
.animation--fade-out,
.animation--tabs-in,
.animation--tabs-out {
    will-change: opacity
}

.animation--fade-in--inactive,
.animation--fade-out--active,
.animation--tabs-in--inactive,
.animation--tabs-out--active {
    opacity: 0
}

.animation--title {
    transition: border-color !important;
    transition-duration: calc(var(--char-total) * 10ms + .7s) !important
}

.animation--title .char {
    transition: transform .7s cubic-bezier(.25, .74, .22, .99), opacity .7s cubic-bezier(.25, .74, .22, .99);
    transition-delay: calc(var(--char-index) * 10ms)
}

.animation--title--inactive {
    border-color: #fff
}

.animation--title--inactive .char {
    opacity: 0;
    transform: translateY(110%)
}

.animation--text {
    transition: border-color !important;
    transition-duration: calc(var(--line-total) * 40ms + .7s) !important
}

.animation--text .word-wrap {
    transition: transform .7s cubic-bezier(.25, .74, .22, .99), opacity .7s cubic-bezier(.25, .74, .22, .99);
    transition-delay: calc(var(--line-index) * 40ms)
}

.animation--text--inactive {
    border-color: #fff
}

.animation--text--inactive .word-wrap {
    opacity: 0;
    transform: translateY(110%)
}

.animation-text-acceleration .word-wrap,
.animation-title-acceleration .char {
    will-change: transform
}

.splitting .char,
.splitting .word,
.splitting .word-wrap {
    display: inline-block;
    vertical-align: top
}

.splitting .word,
.splitting .word-wrap {
    margin: -20px -5px -5px;
    overflow: hidden;
    padding: 20px 5px 5px;
    position: relative
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {

    .splitting .word,
    .splitting .word-wrap {
        margin: -40px -5px -15px;
        padding: 40px 5px 15px
    }
}

.word {
    white-space: nowrap
}

.whitespace {
    display: inline-block
}

.whitespace:before {
    content: "\00a0"
}

.words a {
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.words.animation--text--inactive a,
.words.animation--title--inactive a {
    overflow: visible;
    position: static
}

.animation--preloader {
    transition: border-color !important;
    transition-duration: 4s !important
}

.animation--preloader .preloader__subtitle,
.animation--preloader .preloader__swipe {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99) 2.8s
}

.is-scene-loaded .animation--preloader .preloader__subtitle {
    opacity: 1
}

.is-scene-loaded .animation--preloader .preloader__swipe {
    opacity: .6
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .animation--preloader .preloader__tip-wrap {
        transform: translateX(110%);
        transition: transform .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }
}

.animation--swipe-in,
.animation--swipe-in .preloader__title .word,
.animation--swipe-out,
.animation--swipe-out .preloader__title .word {
    will-change: transform
}

.animation--swipe-in .preloader__subtitle,
.animation--swipe-in .preloader__title__item,
.animation--swipe-out .preloader__subtitle,
.animation--swipe-out .preloader__title__item {
    transition: transform .8s cubic-bezier(.25, .74, .22, .99) !important;
    will-change: transform
}

.animation--swipe-in--inactive,
.animation--swipe-out--active {
    transform: translateX(-100vw)
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {

    .animation--swipe-in--inactive,
    .animation--swipe-out--active {
        transform: translateY(-100vh)
    }

    .animation--swipe-in--inactive .preloader__title .word:first-child,
    .animation--swipe-out--active .preloader__title .word:first-child {
        transform: translateX(15vw)
    }

    .animation--swipe-in--inactive .preloader__subtitle,
    .animation--swipe-in--inactive .preloader__title .word:last-child,
    .animation--swipe-out--active .preloader__subtitle,
    .animation--swipe-out--active .preloader__title .word:last-child {
        transform: translateX(-15vw)
    }
}

.animation--tabs-in {
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.animation--tabs-out {
    transition-timing-function: cubic-bezier(.47, .04, .5, -.06)
}

.animation--height {
    overflow: hidden;
    transition-property: height, opacity;
    will-change: height, opacity
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .js:not(.js-no-reveal) [data-reveal]:not([data-reveal-visible]) {
        opacity: .005 !important;
        pointer-events: none !important
    }
}

@media (prefers-reduced-motion:reduce),
(update:slow) {
    .js:not(.js-no-reveal) [data-reveal]:not([data-reveal-visible]) {
        opacity: 1 !important;
        pointer-events: all !important
    }
}

.js:not(.js-no-reveal) [data-reveal-enable-mq=null] [data-reveal]:not([data-reveal-visible]) {
    opacity: .005 !important;
    pointer-events: none !important
}

@media (prefers-reduced-motion:reduce),
(update:slow) {
    .js:not(.js-no-reveal) [data-reveal-enable-mq=null] [data-reveal]:not([data-reveal-visible]) {
        opacity: 1 !important;
        pointer-events: all !important
    }
}

.modal {
    bottom: 0;
    left: 0;
    outline-color: transparent;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 11
}

.modal--under-header {
    z-index: 9
}

.no-js .modal:target {
    display: block !important
}

.modal__close {
    margin-bottom: var(--xxxl, calc(var(--scale-px) * 10)) var(--n-xxxl, calc(var(--scale-px) * 5));
    position: relative;
    z-index: 15
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal__close {
        left: var(--spacing);
        position: fixed;
        top: 20px
    }
}

.modal__share {
    position: relative;
    z-index: 15
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal__share {
        bottom: calc(var(--spacing) * 1.5);
        position: absolute;
        right: calc(var(--spacing) * 1.5)
    }
}

.modal__share-text,
.modal__share.is-copied {
    pointer-events: none
}

.modal__share-text {
    left: var(--xxxl, calc(var(--scale-rem) * -10)) var(--n-xxxl, calc(var(--scale-rem) * -8));
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap
}

.modal__share-text__item {
    display: block;
    transform: translateY(150%);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.is-copied .modal__share-text__item {
    transform: translateY(-100%) !important
}

.modal__share-text__clone {
    display: block;
    position: absolute;
    transform: translateY(100%);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.is-copied .modal__share-text__clone {
    transform: translateY(-100%)
}

.has-hover .modal__share:hover .modal__share-text__item {
    transform: translateY(0)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal__share-text__item {
        opacity: 0
    }

    .modal__share-text__clone {
        padding: 1px 0
    }
}

.modal__scroller {
    -webkit-overflow-scrolling: touch;
    height: 100dvh;
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain;
    position: fixed;
    top: 0;
    width: 100%
}

.has-scroll-smooth .modal--with-scrollable-content .modal__scroller {
    overflow: hidden
}

.modal__background {
    background: var(--c-black);
    height: 100dvh;
    left: 0;
    opacity: .85;
    position: fixed;
    top: 0;
    width: 100%
}

.modal__content-wrapper {
    min-height: 100dvh;
    position: relative;
    width: 100%
}

.no-hover .modal__content-wrapper {
    min-height: calc(100dvh + 1px)
}

.modal__content-wrapper:after,
.modal__content-wrapper:before {
    display: none
}

.modal__content {
    background: var(--t-background);
    margin: 0 auto;
    max-width: 720px;
    position: relative
}

.animation--modal-out {
    pointer-events: none
}

.animation--modal-out-fake {
    transition-property: opacity
}

.modal--full {}

.modal--full .modal__content {
    border-radius: 0;
    margin: 0;
    max-width: none;
    min-height: 100dvh
}

.no-hover .modal--full .modal__content {
    min-height: calc(100dvh + 1px)
}

.modal--full.animation--modal-in,
.modal--full.animation--modal-in .modal__background,
.modal--full.animation--modal-in .modal__scroller,
.modal--full.animation--modal-out,
.modal--full.animation--modal-out .modal__background,
.modal--full.animation--modal-out .modal__scroller {
    transition-duration: .8s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--full.animation--modal-in .popup__caption,
.modal--full.animation--modal-in .popup__carousel,
.modal--full.animation--modal-out .popup__caption,
.modal--full.animation--modal-out .popup__carousel {
    transition-duration: .8s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--full.animation--modal-in--inactive .modal__background,
.modal--full.animation--modal-in--inactive .modal__scroller,
.modal--full.animation--modal-out--active .modal__background,
.modal--full.animation--modal-out--active .modal__scroller {
    opacity: 0
}

.modal--full.animation--modal-in--inactive .popup__caption,
.modal--full.animation--modal-out--active .popup__caption {
    transform: translateX(120%)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

    .modal--full.animation--modal-in--inactive .popup__caption,
    .modal--full.animation--modal-out--active .popup__caption {
        transform: translateY(120%)
    }
}

.modal--full.animation--modal-in--inactive .popup__carousel,
.modal--full.animation--modal-out--active .popup__carousel {
    opacity: 0;
    transform: translateX(-100px)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {

    .modal--full.animation--modal-in--inactive .popup__carousel,
    .modal--full.animation--modal-out--active .popup__carousel {
        transform: translateY(100px)
    }
}

.modal--side {}

.modal--side .modal__content-wrapper {
    padding: var(--spacing)
}

.modal--side .modal__content {
    margin: var(--md, 0 0 0 auto) var(--n-md, 0);
    min-height: calc(100vh - var(--spacing) * 2)
}

.modal--side.animation--modal-in,
.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-in .modal__content,
.modal--side.animation--modal-out,
.modal--side.animation--modal-out .modal__background,
.modal--side.animation--modal-out .modal__content {
    transition-duration: 1.6s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--side.animation--modal-in .modal__background,
.modal--side.animation--modal-out .modal__background {
    transition-property: opacity
}

.modal--side.animation--modal-in--inactive .modal__background,
.modal--side.animation--modal-out--active .modal__background {
    opacity: 0
}

.modal--side.animation--modal-in--inactive .modal__content,
.modal--side.animation--modal-out--active .modal__content {
    transform: translateX(calc(100% + var(--spacing)))
}

.modal--side--left {}

.modal--side--left .modal__content {
    margin: var(--md, 0 auto 0 0) var(--n-md, 0)
}

.modal--side--left.animation--modal-in,
.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-in .modal__content,
.modal--side--left.animation--modal-out,
.modal--side--left.animation--modal-out .modal__background,
.modal--side--left.animation--modal-out .modal__content {
    transition-duration: 1.6s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--side--left.animation--modal-in .modal__background,
.modal--side--left.animation--modal-out .modal__background {
    transition-property: opacity
}

.modal--side--left.animation--modal-in--inactive .modal__background,
.modal--side--left.animation--modal-out--active .modal__background {
    opacity: 0
}

.modal--side--left.animation--modal-in--inactive .modal__content,
.modal--side--left.animation--modal-out--active .modal__content {
    transform: translateX(calc(-100% - var(--spacing)))
}

.modal--center {}

.modal--center .modal__content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal--center.animation--modal-in,
.modal--center.animation--modal-in .modal__background,
.modal--center.animation--modal-in .modal__scroller,
.modal--center.animation--modal-out,
.modal--center.animation--modal-out .modal__background,
.modal--center.animation--modal-out .modal__scroller {
    transition-duration: .8s;
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}

.modal--center.animation--modal-in--inactive .modal__background,
.modal--center.animation--modal-out--active .modal__background {
    opacity: 0
}

.modal--center.animation--modal-in--inactive .modal__scroller,
.modal--center.animation--modal-out--active .modal__scroller {
    opacity: 0;
    transform: scale(.95)
}

.animation--modal-link-transition-in,
.animation--modal-link-transition-out {
    transition-property: border-color
}

.animation--modal-link-transition-in,
.animation--modal-link-transition-in .modal__background,
.animation--modal-link-transition-out,
.animation--modal-link-transition-out .modal__background {
    transition-property: opacity
}

.animation--modal-link-transition-in--active .modal__background,
.animation--modal-link-transition-out--inactive .modal__background {
    opacity: 1
}

.cookie-consent {
    height: 100svh;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99);
    width: 100vw;
    z-index: 16
}

.cookie-consent__container {
    padding-bottom: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10));
    padding-top: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10))
}

.cookie-consent__description .btn {
    vertical-align: baseline
}

.cookie-consent--full .cookie-consent__description {
    padding-bottom: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10))
}

.cookie-consent--simple {
    --end-blur: 17px;
    --duration: 0.3s;
    --easing: ease-in-out;
    align-items: center;
    display: flex;
    justify-content: center;
    pointer-events: none
}

.cookie-consent--simple.is-active {
    pointer-events: all
}

.cookie-consent--simple.is-active .cookie-consent__container,
.cookie-consent--simple.is-active:after {
    opacity: 1;
    pointer-events: all
}

.cookie-consent--simple.is-active:before {
    pointer-events: all
}

@supports (-moz-appearance:none) {
    .cookie-consent--simple.is-active:before {
        -webkit-backdrop-filter: blur(var(--end-blur));
        backdrop-filter: blur(var(--end-blur))
    }
}

@supports not (-moz-appearance:none) {
    .cookie-consent--simple.is-active:before {
        --overlay-blur: var(--end-blur)
    }
}

.cookie-consent--simple:after {
    background: rgba(var(--c-purple-rgb), .7);
    opacity: 0;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99)
}

.cookie-consent--simple:after,
.cookie-consent--simple:before {
    content: "";
    height: 100lvh;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.cookie-consent--simple:before {
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    inset: 0
}

@supports (-moz-appearance:none) {
    .cookie-consent--simple:before {
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        transition: var(--duration) backdrop-filter var(--easing)
    }
}

@property --overlay-blur {
    .cookie-consent--simple:before {
        syntax: "<length>";
        inherits: false;
        initial-value: 0
    }
}

@supports not (-moz-appearance:none) {
    .cookie-consent--simple:before {
        --overlay-blur: 0px;
        -webkit-backdrop-filter: blur(var(--overlay-blur));
        backdrop-filter: blur(var(--overlay-blur));
        transition: var(--duration) --overlay-blur var(--easing) .8s
    }
}

.cookie-consent--simple .cookie-consent__container {
    border-radius: 40px 40px 0 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    opacity: 0;
    padding: calc(var(--spacing) * 1.5);
    pointer-events: none;
    pointer-events: all;
    position: relative;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99);
    width: 100%;
    z-index: 1
}

.cookie-consent--simple .cookie-consent__container p+.btn {
    margin-top: var(--md, calc(var(--spacing) / 60 * 40)) var(--n-md, calc(var(--scale-px) * 30))
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .cookie-consent--simple .cookie-consent__container {
        max-height: 360px
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .cookie-consent--simple .cookie-consent__container {
        border-radius: 40px;
        padding: 28px 20px 20px
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .cookie-consent--simple .cookie-consent__container {
        padding: 30px
    }
}

.cookie-consent--simple .cookie-consent__container .btn__underline:after {
    border-color: rgba(var(--c-white-rgb), .4)
}

.cookie-consent--simple .cookie-consent__title {
    border-bottom: 1px solid var(--t-line)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .cookie-consent--simple {
        flex-direction: column;
        justify-content: flex-end
    }
}

.carousel {
    --item-spacing: var(--spacing);
    position: relative
}

.carousel__list {
    overflow: hidden;
    overflow: clip;
    position: relative;
    z-index: 2
}

.carousel__list__inner {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.carousel__list__inner--grab {
    cursor: grab
}

.carousel__list__inner--grab[data-keen-slider-moves] {
    cursor: grabbing
}

.carousel__list__inner--grab[data-keen-slider-moves] * {
    pointer-events: none
}

.carousel__list__inner:before {
    content: "";
    height: 100%;
    left: -1000px;
    position: absolute;
    right: -1000px
}

.carousel__list__item {
    max-width: 100%;
    min-width: 100%;
    position: relative;
    width: 100%
}

.no-js .carousel__nav {
    opacity: 0;
    pointer-events: none
}

.carousel__counter {
    bottom: var(--spacing);
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

.carousel:not(.carousel--md-up) .carousel__list__inner {
    margin-left: calc(var(--item-spacing) * -1)
}

.carousel:not(.carousel--md-up) .carousel__list__item {
    margin-left: 0;
    padding-left: var(--item-spacing)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .carousel--md-up .carousel__list__inner {
        touch-action: auto
    }

    .carousel--md-up .carousel__list__inner:before {
        display: none
    }

    .carousel--md-up .carousel__list__item {
        min-width: 0
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--md-up .carousel__list__inner {
        margin-left: calc(var(--item-spacing) * -1)
    }

    .carousel--md-up .carousel__list__item {
        margin-left: 0;
        padding-left: var(--item-spacing)
    }
}

.carousel--no-spacing:not(.carousel--md-up) .carousel__list__inner {
    margin-left: 0
}

.carousel--no-spacing:not(.carousel--md-up) .carousel__list__item {
    padding-left: 0
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--no-spacing.carousel--md-up .carousel__list__inner {
        margin-left: 0
    }

    .carousel--no-spacing.carousel--md-up .carousel__list__item {
        padding-left: 0
    }

    .carousel--no-overflow.carousel--md-up .carousel__list {
        overflow: hidden
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {}

.carousel--not-ready:not(.carousel--md-up) .is-hidden--not-ready {
    display: none !important
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .carousel--not-ready.carousel--md-up .is-hidden--not-ready {
        display: none !important
    }
}

.ui-background,
body {
    background: var(--t-background)
}

.container,
.container-h,
.container-v {
    --container-content-width: calc(min(var(--vw100), var(--container-max-width)) - var(--container-h-padding-left) - var(--container-h-padding-right));
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}

.container-h:after,
.container-h:before,
.container-v:after,
.container-v:before,
.container:after,
.container:before {
    content: " ";
    display: table
}

:root {
    --container-max-width: var(--vw100);
    --container-content-width: var(--vw100);
    --container-h-padding-left: 0px;
    --container-h-padding-right: 0px
}

@supports (padding-left:env(safe-area-inset-left)) {
    :root {
        --container-h-padding-left: env(safe-area-inset-left);
        --container-h-padding-right: env(safe-area-inset-right)
    }
}

.container-h {
    --container-h-padding-left-value: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10)));
    --container-h-padding-left: var(--container-h-padding-left-value);
    --container-h-padding-right-value: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10)));
    --container-h-padding-right: var(--container-h-padding-right-value);
    padding-left: var(--container-h-padding-left);
    padding-right: var(--container-h-padding-right)
}

@media (min-width:1440px) and (min-height:700px) {
    .container-h {
        --container-max-width: calc(var(--scale-px) * 1440);
        max-width: calc(var(--scale-px) * 1440)
    }
}

@supports (padding-left:env(safe-area-inset-left)) {
    .container-h {
        --container-h-padding-left: calc(var(--container-h-padding-left-value) + env(safe-area-inset-left));
        --container-h-padding-right: calc(var(--container-h-padding-right-value) + env(safe-area-inset-right))
    }
}

.container-v {
    padding-bottom: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10)));
    padding-top: var(--xl, calc(var(--scale-px) * 30)) var(--n-xl, var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10)))
}

@media print {

    .container .container,
    .container .container-h,
    .container .container-v {
        margin-left: 0;
        margin-right: 0;
        max-width: none;
        padding-left: 0;
        padding-right: 0
    }
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: var(--vw100)
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row--nowrap {
    flex-wrap: nowrap
}

.row--pad {
    margin-left: 0;
    margin-right: 0
}

.row--pad>.col {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .row--pad {
        margin-left: 0;
        margin-right: 0
    }

    .row--pad>.col {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:980px) {
    .row--pad {
        margin-left: 0;
        margin-right: 0
    }

    .row--pad>.col {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1440px) and (min-height:700px) {
    .row--pad {
        margin-left: 0;
        margin-right: 0
    }

    .row--pad>.col {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .row--pad {
        margin-left: 0;
        margin-right: 0
    }

    .row--pad>.col {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:2400px) and (min-height:700px) {
    .row--pad {
        margin-left: 0;
        margin-right: 0
    }

    .row--pad>.col {
        padding-left: 0;
        padding-right: 0
    }
}

.col {
    flex: 1;
    max-width: 100%
}

.col--xs-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%
}

.offset--xs-1 {
    margin-left: 8.33333%
}

.col--xs-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%
}

.offset--xs-2 {
    margin-left: 16.66667%
}

.col--xs-3 {
    flex: 0 1 25%;
    width: 25%
}

.offset--xs-3 {
    margin-left: 25%
}

.col--xs-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%
}

.offset--xs-4 {
    margin-left: 33.33333%
}

.col--xs-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%
}

.offset--xs-5 {
    margin-left: 41.66667%
}

.col--xs-6 {
    flex: 0 1 50%;
    width: 50%
}

.offset--xs-6 {
    margin-left: 50%
}

.col--xs-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%
}

.offset--xs-7 {
    margin-left: 58.33333%
}

.col--xs-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%
}

.offset--xs-8 {
    margin-left: 66.66667%
}

.col--xs-9 {
    flex: 0 1 75%;
    width: 75%
}

.offset--xs-9 {
    margin-left: 75%
}

.col--xs-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%
}

.offset--xs-10 {
    margin-left: 83.33333%
}

.col--xs-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%
}

.offset--xs-11 {
    margin-left: 91.66667%
}

.col--xs-12 {
    flex: 0 1 100%;
    width: 100%
}

.offset--xs-12 {
    margin-left: 100%
}

.col--xs-full {
    flex: 0 1 100%;
    width: 100%
}

.offset--xs-0 {
    margin-left: 0
}

.col--xs-auto {
    flex: 0 0 auto;
    width: auto
}

.col--xs-fill {
    flex: 1 1 auto;
    width: auto
}

.col--xs-fit {
    flex: 1;
    width: auto
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .col--md-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .offset--md-1 {
        margin-left: 8.33333%
    }

    .col--md-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .offset--md-2 {
        margin-left: 16.66667%
    }

    .col--md-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .offset--md-3 {
        margin-left: 25%
    }

    .col--md-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .offset--md-4 {
        margin-left: 33.33333%
    }

    .col--md-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .offset--md-5 {
        margin-left: 41.66667%
    }

    .col--md-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .offset--md-6 {
        margin-left: 50%
    }

    .col--md-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .offset--md-7 {
        margin-left: 58.33333%
    }

    .col--md-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .offset--md-8 {
        margin-left: 66.66667%
    }

    .col--md-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .offset--md-9 {
        margin-left: 75%
    }

    .col--md-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .offset--md-10 {
        margin-left: 83.33333%
    }

    .col--md-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .offset--md-11 {
        margin-left: 91.66667%
    }

    .col--md-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--md-12 {
        margin-left: 100%
    }

    .col--md-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--md-0 {
        margin-left: 0
    }

    .col--md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--md-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--md-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:980px) {
    .col--lg-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .offset--lg-1 {
        margin-left: 8.33333%
    }

    .col--lg-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .offset--lg-2 {
        margin-left: 16.66667%
    }

    .col--lg-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .offset--lg-3 {
        margin-left: 25%
    }

    .col--lg-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .offset--lg-4 {
        margin-left: 33.33333%
    }

    .col--lg-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .offset--lg-5 {
        margin-left: 41.66667%
    }

    .col--lg-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .offset--lg-6 {
        margin-left: 50%
    }

    .col--lg-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .offset--lg-7 {
        margin-left: 58.33333%
    }

    .col--lg-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .offset--lg-8 {
        margin-left: 66.66667%
    }

    .col--lg-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .offset--lg-9 {
        margin-left: 75%
    }

    .col--lg-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .offset--lg-10 {
        margin-left: 83.33333%
    }

    .col--lg-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .offset--lg-11 {
        margin-left: 91.66667%
    }

    .col--lg-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--lg-12 {
        margin-left: 100%
    }

    .col--lg-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--lg-0 {
        margin-left: 0
    }

    .col--lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--lg-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--lg-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:1440px) and (min-height:700px) {
    .col--xxl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .offset--xxl-1 {
        margin-left: 8.33333%
    }

    .col--xxl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .offset--xxl-2 {
        margin-left: 16.66667%
    }

    .col--xxl-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .offset--xxl-3 {
        margin-left: 25%
    }

    .col--xxl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .offset--xxl-4 {
        margin-left: 33.33333%
    }

    .col--xxl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .offset--xxl-5 {
        margin-left: 41.66667%
    }

    .col--xxl-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .offset--xxl-6 {
        margin-left: 50%
    }

    .col--xxl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .offset--xxl-7 {
        margin-left: 58.33333%
    }

    .col--xxl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .offset--xxl-8 {
        margin-left: 66.66667%
    }

    .col--xxl-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .offset--xxl-9 {
        margin-left: 75%
    }

    .col--xxl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .offset--xxl-10 {
        margin-left: 83.33333%
    }

    .col--xxl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .offset--xxl-11 {
        margin-left: 91.66667%
    }

    .col--xxl-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxl-12 {
        margin-left: 100%
    }

    .col--xxl-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxl-0 {
        margin-left: 0
    }

    .col--xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--xxl-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--xxl-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .col--xxxl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .offset--xxxl-1 {
        margin-left: 8.33333%
    }

    .col--xxxl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .offset--xxxl-2 {
        margin-left: 16.66667%
    }

    .col--xxxl-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .offset--xxxl-3 {
        margin-left: 25%
    }

    .col--xxxl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .offset--xxxl-4 {
        margin-left: 33.33333%
    }

    .col--xxxl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .offset--xxxl-5 {
        margin-left: 41.66667%
    }

    .col--xxxl-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .offset--xxxl-6 {
        margin-left: 50%
    }

    .col--xxxl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .offset--xxxl-7 {
        margin-left: 58.33333%
    }

    .col--xxxl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .offset--xxxl-8 {
        margin-left: 66.66667%
    }

    .col--xxxl-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .offset--xxxl-9 {
        margin-left: 75%
    }

    .col--xxxl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .offset--xxxl-10 {
        margin-left: 83.33333%
    }

    .col--xxxl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .offset--xxxl-11 {
        margin-left: 91.66667%
    }

    .col--xxxl-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxxl-12 {
        margin-left: 100%
    }

    .col--xxxl-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxxl-0 {
        margin-left: 0
    }

    .col--xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--xxxl-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--xxxl-fit {
        flex: 1;
        width: auto
    }
}

@media (min-width:2400px) and (min-height:700px) {
    .col--xxxxl-1 {
        flex: 0 1 8.33333%;
        width: 8.33333%
    }

    .offset--xxxxl-1 {
        margin-left: 8.33333%
    }

    .col--xxxxl-2 {
        flex: 0 1 16.66667%;
        width: 16.66667%
    }

    .offset--xxxxl-2 {
        margin-left: 16.66667%
    }

    .col--xxxxl-3 {
        flex: 0 1 25%;
        width: 25%
    }

    .offset--xxxxl-3 {
        margin-left: 25%
    }

    .col--xxxxl-4 {
        flex: 0 1 33.33333%;
        width: 33.33333%
    }

    .offset--xxxxl-4 {
        margin-left: 33.33333%
    }

    .col--xxxxl-5 {
        flex: 0 1 41.66667%;
        width: 41.66667%
    }

    .offset--xxxxl-5 {
        margin-left: 41.66667%
    }

    .col--xxxxl-6 {
        flex: 0 1 50%;
        width: 50%
    }

    .offset--xxxxl-6 {
        margin-left: 50%
    }

    .col--xxxxl-7 {
        flex: 0 1 58.33333%;
        width: 58.33333%
    }

    .offset--xxxxl-7 {
        margin-left: 58.33333%
    }

    .col--xxxxl-8 {
        flex: 0 1 66.66667%;
        width: 66.66667%
    }

    .offset--xxxxl-8 {
        margin-left: 66.66667%
    }

    .col--xxxxl-9 {
        flex: 0 1 75%;
        width: 75%
    }

    .offset--xxxxl-9 {
        margin-left: 75%
    }

    .col--xxxxl-10 {
        flex: 0 1 83.33333%;
        width: 83.33333%
    }

    .offset--xxxxl-10 {
        margin-left: 83.33333%
    }

    .col--xxxxl-11 {
        flex: 0 1 91.66667%;
        width: 91.66667%
    }

    .offset--xxxxl-11 {
        margin-left: 91.66667%
    }

    .col--xxxxl-12 {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxxxl-12 {
        margin-left: 100%
    }

    .col--xxxxl-full {
        flex: 0 1 100%;
        width: 100%
    }

    .offset--xxxxl-0 {
        margin-left: 0
    }

    .col--xxxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col--xxxxl-fill {
        flex: 1 1 auto;
        width: auto
    }

    .col--xxxxl-fit {
        flex: 1;
        width: auto
    }
}

.row--start-xs {
    justify-content: flex-start
}

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

.row--end-xs {
    justify-content: flex-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-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .row--start-md {
        justify-content: flex-start
    }

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

    .row--end-md {
        justify-content: flex-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 (min-width:980px) {
    .row--start-lg {
        justify-content: flex-start
    }

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

    .row--end-lg {
        justify-content: flex-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 (min-width:1440px) and (min-height:700px) {
    .row--start-xxl {
        justify-content: flex-start
    }

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

    .row--end-xxl {
        justify-content: flex-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 (min-width:1920px) and (min-height:700px) {
    .row--start-xxxl {
        justify-content: flex-start
    }

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

    .row--end-xxxl {
        justify-content: flex-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
    }
}

@media (min-width:2400px) and (min-height:700px) {
    .row--start-xxxxl {
        justify-content: flex-start
    }

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

    .row--end-xxxxl {
        justify-content: flex-end
    }

    .row--top-xxxxl {
        align-items: flex-start
    }

    .row--middle-xxxxl {
        align-items: center
    }

    .row--bottom-xxxxl {
        align-items: flex-end
    }

    .row--around-xxxxl {
        justify-content: space-around
    }

    .row--between-xxxxl {
        justify-content: space-between
    }

    .row .col--order-first-xxxxl {
        order: -1
    }

    .row .col--order-normal-xxxxl {
        order: 0
    }

    .row .col--order-last-xxxxl {
        order: 1
    }
}

.container,
.container-h,
.container-v,
:root {
    --grid-col: calc((var(--container-content-width) - var(--grid-gutter) * 11) / 12)
}

:root {
    --grid-gutter: 0
}

.pt-0,
.pt-0\:xs,
.py-0,
.py-0\:xs {
    padding-top: 0
}

.pt-0\.5,
.pt-0\.5\:xs,
.py-0\.5,
.py-0\.5\:xs {
    padding-top: calc(var(--spacing) * .5)
}

.pt-1,
.pt-1\:xs,
.py-1,
.py-1\:xs {
    padding-top: var(--spacing)
}

.pt-1\.5,
.pt-1\.5\:xs,
.py-1\.5,
.py-1\.5\:xs {
    padding-top: calc(var(--spacing) * 1.5)
}

.pt-2,
.pt-2\:xs,
.py-2,
.py-2\:xs {
    padding-top: calc(var(--spacing) * 2)
}

.pt-3,
.pt-3\:xs,
.py-3,
.py-3\:xs {
    padding-top: calc(var(--spacing) * 3)
}

.pt-4,
.pt-4\:xs,
.py-4,
.py-4\:xs {
    padding-top: calc(var(--spacing) * 4)
}

.pt-5,
.pt-5\:xs,
.py-5,
.py-5\:xs {
    padding-top: calc(var(--spacing) * 5)
}

.pt-6,
.pt-6\:xs,
.py-6,
.py-6\:xs {
    padding-top: calc(var(--spacing) * 6)
}

.pt-6\.5,
.pt-6\.5\:xs,
.py-6\.5,
.py-6\.5\:xs {
    padding-top: calc(var(--spacing) * 6.5)
}

.pt-7,
.pt-7\:xs,
.py-7,
.py-7\:xs {
    padding-top: calc(var(--spacing) * 7)
}

.pt-10,
.pt-10\:xs,
.py-10,
.py-10\:xs {
    padding-top: calc(var(--spacing) * 10)
}

.pt-11,
.pt-11\:xs,
.py-11,
.py-11\:xs {
    padding-top: calc(var(--spacing) * 11)
}

.pb-0,
.pb-0\:xs,
.py-0,
.py-0\:xs {
    padding-bottom: 0
}

.pb-0\.5,
.pb-0\.5\:xs,
.py-0\.5,
.py-0\.5\:xs {
    padding-bottom: calc(var(--spacing) * .5)
}

.pb-1,
.pb-1\:xs,
.py-1,
.py-1\:xs {
    padding-bottom: var(--spacing)
}

.pb-1\.5,
.pb-1\.5\:xs,
.py-1\.5,
.py-1\.5\:xs {
    padding-bottom: calc(var(--spacing) * 1.5)
}

.pb-2,
.pb-2\:xs,
.py-2,
.py-2\:xs {
    padding-bottom: calc(var(--spacing) * 2)
}

.pb-3,
.pb-3\:xs,
.py-3,
.py-3\:xs {
    padding-bottom: calc(var(--spacing) * 3)
}

.pb-4,
.pb-4\:xs,
.py-4,
.py-4\:xs {
    padding-bottom: calc(var(--spacing) * 4)
}

.pb-5,
.pb-5\:xs,
.py-5,
.py-5\:xs {
    padding-bottom: calc(var(--spacing) * 5)
}

.pb-6,
.pb-6\:xs,
.py-6,
.py-6\:xs {
    padding-bottom: calc(var(--spacing) * 6)
}

.pb-6\.5,
.pb-6\.5\:xs,
.py-6\.5,
.py-6\.5\:xs {
    padding-bottom: calc(var(--spacing) * 6.5)
}

.pb-7,
.pb-7\:xs,
.py-7,
.py-7\:xs {
    padding-bottom: calc(var(--spacing) * 7)
}

.pb-10,
.pb-10\:xs,
.py-10,
.py-10\:xs {
    padding-bottom: calc(var(--spacing) * 10)
}

.pb-11,
.pb-11\:xs,
.py-11,
.py-11\:xs {
    padding-bottom: calc(var(--spacing) * 11)
}

.pl-0,
.pl-0\:xs,
.px-0,
.px-0\:xs {
    padding-left: 0
}

.pl-0\.5,
.pl-0\.5\:xs,
.px-0\.5,
.px-0\.5\:xs {
    padding-left: calc(var(--spacing) * .5)
}

.pl-1,
.pl-1\:xs,
.px-1,
.px-1\:xs {
    padding-left: var(--spacing)
}

.pl-1\.5,
.pl-1\.5\:xs,
.px-1\.5,
.px-1\.5\:xs {
    padding-left: calc(var(--spacing) * 1.5)
}

.pl-2,
.pl-2\:xs,
.px-2,
.px-2\:xs {
    padding-left: calc(var(--spacing) * 2)
}

.pl-3,
.pl-3\:xs,
.px-3,
.px-3\:xs {
    padding-left: calc(var(--spacing) * 3)
}

.pl-4,
.pl-4\:xs,
.px-4,
.px-4\:xs {
    padding-left: calc(var(--spacing) * 4)
}

.pl-5,
.pl-5\:xs,
.px-5,
.px-5\:xs {
    padding-left: calc(var(--spacing) * 5)
}

.pl-6,
.pl-6\:xs,
.px-6,
.px-6\:xs {
    padding-left: calc(var(--spacing) * 6)
}

.pl-6\.5,
.pl-6\.5\:xs,
.px-6\.5,
.px-6\.5\:xs {
    padding-left: calc(var(--spacing) * 6.5)
}

.pl-7,
.pl-7\:xs,
.px-7,
.px-7\:xs {
    padding-left: calc(var(--spacing) * 7)
}

.pl-10,
.pl-10\:xs,
.px-10,
.px-10\:xs {
    padding-left: calc(var(--spacing) * 10)
}

.pl-11,
.pl-11\:xs,
.px-11,
.px-11\:xs {
    padding-left: calc(var(--spacing) * 11)
}

.pr-0,
.pr-0\:xs,
.px-0,
.px-0\:xs {
    padding-right: 0
}

.pr-0\.5,
.pr-0\.5\:xs,
.px-0\.5,
.px-0\.5\:xs {
    padding-right: calc(var(--spacing) * .5)
}

.pr-1,
.pr-1\:xs,
.px-1,
.px-1\:xs {
    padding-right: var(--spacing)
}

.pr-1\.5,
.pr-1\.5\:xs,
.px-1\.5,
.px-1\.5\:xs {
    padding-right: calc(var(--spacing) * 1.5)
}

.pr-2,
.pr-2\:xs,
.px-2,
.px-2\:xs {
    padding-right: calc(var(--spacing) * 2)
}

.pr-3,
.pr-3\:xs,
.px-3,
.px-3\:xs {
    padding-right: calc(var(--spacing) * 3)
}

.pr-4,
.pr-4\:xs,
.px-4,
.px-4\:xs {
    padding-right: calc(var(--spacing) * 4)
}

.pr-5,
.pr-5\:xs,
.px-5,
.px-5\:xs {
    padding-right: calc(var(--spacing) * 5)
}

.pr-6,
.pr-6\:xs,
.px-6,
.px-6\:xs {
    padding-right: calc(var(--spacing) * 6)
}

.pr-6\.5,
.pr-6\.5\:xs,
.px-6\.5,
.px-6\.5\:xs {
    padding-right: calc(var(--spacing) * 6.5)
}

.pr-7,
.pr-7\:xs,
.px-7,
.px-7\:xs {
    padding-right: calc(var(--spacing) * 7)
}

.pr-10,
.pr-10\:xs,
.px-10,
.px-10\:xs {
    padding-right: calc(var(--spacing) * 10)
}

.pr-11,
.pr-11\:xs,
.px-11,
.px-11\:xs {
    padding-right: calc(var(--spacing) * 11)
}

.mt-0,
.mt-0\:xs,
.my-0,
.my-0\:xs {
    margin-top: 0
}

.mt-0:where(:first-child),
.mt-0\:xs:where(:first-child),
.my-0:where(:first-child),
.my-0\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.5,
.mt-0\.5\:xs,
.my-0\.5,
.my-0\.5\:xs {
    margin-top: calc(var(--spacing) * .5)
}

.mt-0\.5:where(:first-child),
.mt-0\.5\:xs:where(:first-child),
.my-0\.5:where(:first-child),
.my-0\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1,
.mt-1\:xs,
.my-1,
.my-1\:xs {
    margin-top: var(--spacing)
}

.mt-1:where(:first-child),
.mt-1\:xs:where(:first-child),
.my-1:where(:first-child),
.my-1\:xs:where(:first-child) {
    margin-top: 0
}

.mt-1\.5,
.mt-1\.5\:xs,
.my-1\.5,
.my-1\.5\:xs {
    margin-top: calc(var(--spacing) * 1.5)
}

.mt-1\.5:where(:first-child),
.mt-1\.5\:xs:where(:first-child),
.my-1\.5:where(:first-child),
.my-1\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-2,
.mt-2\:xs,
.my-2,
.my-2\:xs {
    margin-top: calc(var(--spacing) * 2)
}

.mt-2:where(:first-child),
.mt-2\:xs:where(:first-child),
.my-2:where(:first-child),
.my-2\:xs:where(:first-child) {
    margin-top: 0
}

.mt-3,
.mt-3\:xs,
.my-3,
.my-3\:xs {
    margin-top: calc(var(--spacing) * 3)
}

.mt-3:where(:first-child),
.mt-3\:xs:where(:first-child),
.my-3:where(:first-child),
.my-3\:xs:where(:first-child) {
    margin-top: 0
}

.mt-4,
.mt-4\:xs,
.my-4,
.my-4\:xs {
    margin-top: calc(var(--spacing) * 4)
}

.mt-4:where(:first-child),
.mt-4\:xs:where(:first-child),
.my-4:where(:first-child),
.my-4\:xs:where(:first-child) {
    margin-top: 0
}

.mt-5,
.mt-5\:xs,
.my-5,
.my-5\:xs {
    margin-top: calc(var(--spacing) * 5)
}

.mt-5:where(:first-child),
.mt-5\:xs:where(:first-child),
.my-5:where(:first-child),
.my-5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-6,
.mt-6\:xs,
.my-6,
.my-6\:xs {
    margin-top: calc(var(--spacing) * 6)
}

.mt-6:where(:first-child),
.mt-6\:xs:where(:first-child),
.my-6:where(:first-child),
.my-6\:xs:where(:first-child) {
    margin-top: 0
}

.mt-6\.5,
.mt-6\.5\:xs,
.my-6\.5,
.my-6\.5\:xs {
    margin-top: calc(var(--spacing) * 6.5)
}

.mt-6\.5:where(:first-child),
.mt-6\.5\:xs:where(:first-child),
.my-6\.5:where(:first-child),
.my-6\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-7,
.mt-7\:xs,
.my-7,
.my-7\:xs {
    margin-top: calc(var(--spacing) * 7)
}

.mt-7:where(:first-child),
.mt-7\:xs:where(:first-child),
.my-7:where(:first-child),
.my-7\:xs:where(:first-child) {
    margin-top: 0
}

.mt-10,
.mt-10\:xs,
.my-10,
.my-10\:xs {
    margin-top: calc(var(--spacing) * 10)
}

.mt-10:where(:first-child),
.mt-10\:xs:where(:first-child),
.my-10:where(:first-child),
.my-10\:xs:where(:first-child) {
    margin-top: 0
}

.mt-11,
.mt-11\:xs,
.my-11,
.my-11\:xs {
    margin-top: calc(var(--spacing) * 11)
}

.mt-11:where(:first-child),
.mt-11\:xs:where(:first-child),
.my-11:where(:first-child),
.my-11\:xs:where(:first-child) {
    margin-top: 0
}

.mt-auto,
.mt-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-top: auto
}

.mt-auto:where(:first-child),
.mt-auto\:xs:where(:first-child),
.my-auto:where(:first-child),
.my-auto\:xs:where(:first-child) {
    margin-top: 0
}

.mb-0,
.mb-0\:xs,
.my-0,
.my-0\:xs {
    margin-bottom: 0
}

.mb-0:where(:last-child),
.mb-0\:xs:where(:last-child),
.my-0:where(:last-child),
.my-0\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.5,
.mb-0\.5\:xs,
.my-0\.5,
.my-0\.5\:xs {
    margin-bottom: calc(var(--spacing) * .5)
}

.mb-0\.5:where(:last-child),
.mb-0\.5\:xs:where(:last-child),
.my-0\.5:where(:last-child),
.my-0\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1,
.mb-1\:xs,
.my-1,
.my-1\:xs {
    margin-bottom: var(--spacing)
}

.mb-1:where(:last-child),
.mb-1\:xs:where(:last-child),
.my-1:where(:last-child),
.my-1\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-1\.5,
.mb-1\.5\:xs,
.my-1\.5,
.my-1\.5\:xs {
    margin-bottom: calc(var(--spacing) * 1.5)
}

.mb-1\.5:where(:last-child),
.mb-1\.5\:xs:where(:last-child),
.my-1\.5:where(:last-child),
.my-1\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-2,
.mb-2\:xs,
.my-2,
.my-2\:xs {
    margin-bottom: calc(var(--spacing) * 2)
}

.mb-2:where(:last-child),
.mb-2\:xs:where(:last-child),
.my-2:where(:last-child),
.my-2\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-3,
.mb-3\:xs,
.my-3,
.my-3\:xs {
    margin-bottom: calc(var(--spacing) * 3)
}

.mb-3:where(:last-child),
.mb-3\:xs:where(:last-child),
.my-3:where(:last-child),
.my-3\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-4,
.mb-4\:xs,
.my-4,
.my-4\:xs {
    margin-bottom: calc(var(--spacing) * 4)
}

.mb-4:where(:last-child),
.mb-4\:xs:where(:last-child),
.my-4:where(:last-child),
.my-4\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-5,
.mb-5\:xs,
.my-5,
.my-5\:xs {
    margin-bottom: calc(var(--spacing) * 5)
}

.mb-5:where(:last-child),
.mb-5\:xs:where(:last-child),
.my-5:where(:last-child),
.my-5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-6,
.mb-6\:xs,
.my-6,
.my-6\:xs {
    margin-bottom: calc(var(--spacing) * 6)
}

.mb-6:where(:last-child),
.mb-6\:xs:where(:last-child),
.my-6:where(:last-child),
.my-6\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-6\.5,
.mb-6\.5\:xs,
.my-6\.5,
.my-6\.5\:xs {
    margin-bottom: calc(var(--spacing) * 6.5)
}

.mb-6\.5:where(:last-child),
.mb-6\.5\:xs:where(:last-child),
.my-6\.5:where(:last-child),
.my-6\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-7,
.mb-7\:xs,
.my-7,
.my-7\:xs {
    margin-bottom: calc(var(--spacing) * 7)
}

.mb-7:where(:last-child),
.mb-7\:xs:where(:last-child),
.my-7:where(:last-child),
.my-7\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-10,
.mb-10\:xs,
.my-10,
.my-10\:xs {
    margin-bottom: calc(var(--spacing) * 10)
}

.mb-10:where(:last-child),
.mb-10\:xs:where(:last-child),
.my-10:where(:last-child),
.my-10\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-11,
.mb-11\:xs,
.my-11,
.my-11\:xs {
    margin-bottom: calc(var(--spacing) * 11)
}

.mb-11:where(:last-child),
.mb-11\:xs:where(:last-child),
.my-11:where(:last-child),
.my-11\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-auto,
.mb-auto\:xs,
.my-auto,
.my-auto\:xs {
    margin-bottom: auto
}

.mb-auto:where(:last-child),
.mb-auto\:xs:where(:last-child),
.my-auto:where(:last-child),
.my-auto\:xs:where(:last-child) {
    margin-bottom: 0
}

.ml-0,
.ml-0\:xs,
.mx-0,
.mx-0\:xs {
    margin-left: 0
}

.ml-0\.5,
.ml-0\.5\:xs,
.mx-0\.5,
.mx-0\.5\:xs {
    margin-left: calc(var(--spacing) * .5)
}

.ml-1,
.ml-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-left: var(--spacing)
}

.ml-1\.5,
.ml-1\.5\:xs,
.mx-1\.5,
.mx-1\.5\:xs {
    margin-left: calc(var(--spacing) * 1.5)
}

.ml-2,
.ml-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-left: calc(var(--spacing) * 2)
}

.ml-3,
.ml-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-left: calc(var(--spacing) * 3)
}

.ml-4,
.ml-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-left: calc(var(--spacing) * 4)
}

.ml-5,
.ml-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-left: calc(var(--spacing) * 5)
}

.ml-6,
.ml-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-left: calc(var(--spacing) * 6)
}

.ml-6\.5,
.ml-6\.5\:xs,
.mx-6\.5,
.mx-6\.5\:xs {
    margin-left: calc(var(--spacing) * 6.5)
}

.ml-7,
.ml-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-left: calc(var(--spacing) * 7)
}

.ml-10,
.ml-10\:xs,
.mx-10,
.mx-10\:xs {
    margin-left: calc(var(--spacing) * 10)
}

.ml-11,
.ml-11\:xs,
.mx-11,
.mx-11\:xs {
    margin-left: calc(var(--spacing) * 11)
}

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

.mr-0\.5,
.mr-0\.5\:xs,
.mx-0\.5,
.mx-0\.5\:xs {
    margin-right: calc(var(--spacing) * .5)
}

.mr-1,
.mr-1\:xs,
.mx-1,
.mx-1\:xs {
    margin-right: var(--spacing)
}

.mr-1\.5,
.mr-1\.5\:xs,
.mx-1\.5,
.mx-1\.5\:xs {
    margin-right: calc(var(--spacing) * 1.5)
}

.mr-2,
.mr-2\:xs,
.mx-2,
.mx-2\:xs {
    margin-right: calc(var(--spacing) * 2)
}

.mr-3,
.mr-3\:xs,
.mx-3,
.mx-3\:xs {
    margin-right: calc(var(--spacing) * 3)
}

.mr-4,
.mr-4\:xs,
.mx-4,
.mx-4\:xs {
    margin-right: calc(var(--spacing) * 4)
}

.mr-5,
.mr-5\:xs,
.mx-5,
.mx-5\:xs {
    margin-right: calc(var(--spacing) * 5)
}

.mr-6,
.mr-6\:xs,
.mx-6,
.mx-6\:xs {
    margin-right: calc(var(--spacing) * 6)
}

.mr-6\.5,
.mr-6\.5\:xs,
.mx-6\.5,
.mx-6\.5\:xs {
    margin-right: calc(var(--spacing) * 6.5)
}

.mr-7,
.mr-7\:xs,
.mx-7,
.mx-7\:xs {
    margin-right: calc(var(--spacing) * 7)
}

.mr-10,
.mr-10\:xs,
.mx-10,
.mx-10\:xs {
    margin-right: calc(var(--spacing) * 10)
}

.mr-11,
.mr-11\:xs,
.mx-11,
.mx-11\:xs {
    margin-right: calc(var(--spacing) * 11)
}

.mr-auto,
.mr-auto\:xs,
.mx-auto,
.mx-auto\:xs {
    margin-right: auto
}

@media (min-aspect-ratio:13/9),
(min-width:568px) {

    .pt-0\:sm,
    .py-0\:sm {
        padding-top: 0
    }

    .pt-0\.5\:sm,
    .py-0\.5\:sm {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:sm,
    .py-1\:sm {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:sm,
    .py-1\.5\:sm {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:sm,
    .py-2\:sm {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:sm,
    .py-3\:sm {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:sm,
    .py-4\:sm {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:sm,
    .py-5\:sm {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:sm,
    .py-6\:sm {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:sm,
    .py-6\.5\:sm {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:sm,
    .py-7\:sm {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:sm,
    .py-10\:sm {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:sm,
    .py-11\:sm {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:sm,
    .py-0\:sm {
        padding-bottom: 0
    }

    .pb-0\.5\:sm,
    .py-0\.5\:sm {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:sm,
    .py-1\:sm {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:sm,
    .py-1\.5\:sm {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:sm,
    .py-2\:sm {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:sm,
    .py-3\:sm {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:sm,
    .py-4\:sm {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:sm,
    .py-5\:sm {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:sm,
    .py-6\:sm {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:sm,
    .py-6\.5\:sm {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:sm,
    .py-7\:sm {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:sm,
    .py-10\:sm {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:sm,
    .py-11\:sm {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:sm,
    .px-0\:sm {
        padding-left: 0
    }

    .pl-0\.5\:sm,
    .px-0\.5\:sm {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:sm,
    .px-1\:sm {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:sm,
    .px-1\.5\:sm {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:sm,
    .px-2\:sm {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:sm,
    .px-3\:sm {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:sm,
    .px-4\:sm {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:sm,
    .px-5\:sm {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:sm,
    .px-6\:sm {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:sm,
    .px-6\.5\:sm {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:sm,
    .px-7\:sm {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:sm,
    .px-10\:sm {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:sm,
    .px-11\:sm {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:sm,
    .px-0\:sm {
        padding-right: 0
    }

    .pr-0\.5\:sm,
    .px-0\.5\:sm {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:sm,
    .px-1\:sm {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:sm,
    .px-1\.5\:sm {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:sm,
    .px-2\:sm {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:sm,
    .px-3\:sm {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:sm,
    .px-4\:sm {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:sm,
    .px-5\:sm {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:sm,
    .px-6\:sm {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:sm,
    .px-6\.5\:sm {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:sm,
    .px-7\:sm {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:sm,
    .px-10\:sm {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:sm,
    .px-11\:sm {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:sm,
    .my-0\:sm {
        margin-top: 0
    }

    .mt-0\:sm:where(:first-child),
    .my-0\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:sm,
    .my-0\.5\:sm {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:sm:where(:first-child),
    .my-0\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:sm,
    .my-1\:sm {
        margin-top: var(--spacing)
    }

    .mt-1\:sm:where(:first-child),
    .my-1\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:sm,
    .my-1\.5\:sm {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:sm:where(:first-child),
    .my-1\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:sm,
    .my-2\:sm {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:sm:where(:first-child),
    .my-2\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:sm,
    .my-3\:sm {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:sm:where(:first-child),
    .my-3\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:sm,
    .my-4\:sm {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:sm:where(:first-child),
    .my-4\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:sm,
    .my-5\:sm {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:sm:where(:first-child),
    .my-5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:sm,
    .my-6\:sm {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:sm:where(:first-child),
    .my-6\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:sm,
    .my-6\.5\:sm {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:sm:where(:first-child),
    .my-6\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:sm,
    .my-7\:sm {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:sm:where(:first-child),
    .my-7\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:sm,
    .my-10\:sm {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:sm:where(:first-child),
    .my-10\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:sm,
    .my-11\:sm {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:sm:where(:first-child),
    .my-11\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:sm,
    .my-auto\:sm {
        margin-top: auto
    }

    .mt-auto\:sm:where(:first-child),
    .my-auto\:sm:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:sm,
    .my-0\:sm {
        margin-bottom: 0
    }

    .mb-0\:sm:where(:last-child),
    .my-0\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:sm,
    .my-0\.5\:sm {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:sm:where(:last-child),
    .my-0\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:sm,
    .my-1\:sm {
        margin-bottom: var(--spacing)
    }

    .mb-1\:sm:where(:last-child),
    .my-1\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:sm,
    .my-1\.5\:sm {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:sm:where(:last-child),
    .my-1\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:sm,
    .my-2\:sm {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:sm:where(:last-child),
    .my-2\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:sm,
    .my-3\:sm {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:sm:where(:last-child),
    .my-3\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:sm,
    .my-4\:sm {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:sm:where(:last-child),
    .my-4\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:sm,
    .my-5\:sm {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:sm:where(:last-child),
    .my-5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:sm,
    .my-6\:sm {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:sm:where(:last-child),
    .my-6\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:sm,
    .my-6\.5\:sm {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:sm:where(:last-child),
    .my-6\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:sm,
    .my-7\:sm {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:sm:where(:last-child),
    .my-7\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:sm,
    .my-10\:sm {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:sm:where(:last-child),
    .my-10\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:sm,
    .my-11\:sm {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:sm:where(:last-child),
    .my-11\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:sm,
    .my-auto\:sm {
        margin-bottom: auto
    }

    .mb-auto\:sm:where(:last-child),
    .my-auto\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:sm,
    .mx-0\:sm {
        margin-left: 0
    }

    .ml-0\.5\:sm,
    .mx-0\.5\:sm {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:sm,
    .mx-1\:sm {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:sm,
    .mx-1\.5\:sm {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:sm,
    .mx-2\:sm {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:sm,
    .mx-3\:sm {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:sm,
    .mx-4\:sm {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:sm,
    .mx-5\:sm {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:sm,
    .mx-6\:sm {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:sm,
    .mx-6\.5\:sm {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:sm,
    .mx-7\:sm {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:sm,
    .mx-10\:sm {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:sm,
    .mx-11\:sm {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:sm,
    .mx-auto\:sm {
        margin-left: auto
    }

    .mr-0\:sm,
    .mx-0\:sm {
        margin-right: 0
    }

    .mr-0\.5\:sm,
    .mx-0\.5\:sm {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:sm,
    .mx-1\:sm {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:sm,
    .mx-1\.5\:sm {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:sm,
    .mx-2\:sm {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:sm,
    .mx-3\:sm {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:sm,
    .mx-4\:sm {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:sm,
    .mx-5\:sm {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:sm,
    .mx-6\:sm {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:sm,
    .mx-6\.5\:sm {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:sm,
    .mx-7\:sm {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:sm,
    .mx-10\:sm {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:sm,
    .mx-11\:sm {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:sm,
    .mx-auto\:sm {
        margin-right: auto
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {

    .pt-0\:md,
    .py-0\:md {
        padding-top: 0
    }

    .pt-0\.5\:md,
    .py-0\.5\:md {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:md,
    .py-1\:md {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:md,
    .py-1\.5\:md {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:md,
    .py-2\:md {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:md,
    .py-3\:md {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:md,
    .py-4\:md {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:md,
    .py-5\:md {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:md,
    .py-6\:md {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:md,
    .py-6\.5\:md {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:md,
    .py-7\:md {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:md,
    .py-10\:md {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:md,
    .py-11\:md {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:md,
    .py-0\:md {
        padding-bottom: 0
    }

    .pb-0\.5\:md,
    .py-0\.5\:md {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:md,
    .py-1\:md {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:md,
    .py-1\.5\:md {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:md,
    .py-2\:md {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:md,
    .py-3\:md {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:md,
    .py-4\:md {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:md,
    .py-5\:md {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:md,
    .py-6\:md {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:md,
    .py-6\.5\:md {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:md,
    .py-7\:md {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:md,
    .py-10\:md {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:md,
    .py-11\:md {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:md,
    .px-0\:md {
        padding-left: 0
    }

    .pl-0\.5\:md,
    .px-0\.5\:md {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:md,
    .px-1\:md {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:md,
    .px-1\.5\:md {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:md,
    .px-2\:md {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:md,
    .px-3\:md {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:md,
    .px-4\:md {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:md,
    .px-5\:md {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:md,
    .px-6\:md {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:md,
    .px-6\.5\:md {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:md,
    .px-7\:md {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:md,
    .px-10\:md {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:md,
    .px-11\:md {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:md,
    .px-0\:md {
        padding-right: 0
    }

    .pr-0\.5\:md,
    .px-0\.5\:md {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:md,
    .px-1\:md {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:md,
    .px-1\.5\:md {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:md,
    .px-2\:md {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:md,
    .px-3\:md {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:md,
    .px-4\:md {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:md,
    .px-5\:md {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:md,
    .px-6\:md {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:md,
    .px-6\.5\:md {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:md,
    .px-7\:md {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:md,
    .px-10\:md {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:md,
    .px-11\:md {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:md,
    .my-0\:md {
        margin-top: 0
    }

    .mt-0\:md:where(:first-child),
    .my-0\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:md,
    .my-0\.5\:md {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:md:where(:first-child),
    .my-0\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:md,
    .my-1\:md {
        margin-top: var(--spacing)
    }

    .mt-1\:md:where(:first-child),
    .my-1\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:md,
    .my-1\.5\:md {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:md:where(:first-child),
    .my-1\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:md,
    .my-2\:md {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:md:where(:first-child),
    .my-2\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:md,
    .my-3\:md {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:md:where(:first-child),
    .my-3\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:md,
    .my-4\:md {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:md:where(:first-child),
    .my-4\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:md,
    .my-5\:md {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:md:where(:first-child),
    .my-5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:md,
    .my-6\:md {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:md:where(:first-child),
    .my-6\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:md,
    .my-6\.5\:md {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:md:where(:first-child),
    .my-6\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:md,
    .my-7\:md {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:md:where(:first-child),
    .my-7\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:md,
    .my-10\:md {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:md:where(:first-child),
    .my-10\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:md,
    .my-11\:md {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:md:where(:first-child),
    .my-11\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:md,
    .my-auto\:md {
        margin-top: auto
    }

    .mt-auto\:md:where(:first-child),
    .my-auto\:md:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:md,
    .my-0\:md {
        margin-bottom: 0
    }

    .mb-0\:md:where(:last-child),
    .my-0\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:md,
    .my-0\.5\:md {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:md:where(:last-child),
    .my-0\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:md,
    .my-1\:md {
        margin-bottom: var(--spacing)
    }

    .mb-1\:md:where(:last-child),
    .my-1\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:md,
    .my-1\.5\:md {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:md:where(:last-child),
    .my-1\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:md,
    .my-2\:md {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:md:where(:last-child),
    .my-2\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:md,
    .my-3\:md {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:md:where(:last-child),
    .my-3\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:md,
    .my-4\:md {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:md:where(:last-child),
    .my-4\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:md,
    .my-5\:md {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:md:where(:last-child),
    .my-5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:md,
    .my-6\:md {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:md:where(:last-child),
    .my-6\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:md,
    .my-6\.5\:md {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:md:where(:last-child),
    .my-6\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:md,
    .my-7\:md {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:md:where(:last-child),
    .my-7\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:md,
    .my-10\:md {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:md:where(:last-child),
    .my-10\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:md,
    .my-11\:md {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:md:where(:last-child),
    .my-11\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:md,
    .my-auto\:md {
        margin-bottom: auto
    }

    .mb-auto\:md:where(:last-child),
    .my-auto\:md:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:md,
    .mx-0\:md {
        margin-left: 0
    }

    .ml-0\.5\:md,
    .mx-0\.5\:md {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:md,
    .mx-1\:md {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:md,
    .mx-1\.5\:md {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:md,
    .mx-2\:md {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:md,
    .mx-3\:md {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:md,
    .mx-4\:md {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:md,
    .mx-5\:md {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:md,
    .mx-6\:md {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:md,
    .mx-6\.5\:md {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:md,
    .mx-7\:md {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:md,
    .mx-10\:md {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:md,
    .mx-11\:md {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:md,
    .mx-auto\:md {
        margin-left: auto
    }

    .mr-0\:md,
    .mx-0\:md {
        margin-right: 0
    }

    .mr-0\.5\:md,
    .mx-0\.5\:md {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:md,
    .mx-1\:md {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:md,
    .mx-1\.5\:md {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:md,
    .mx-2\:md {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:md,
    .mx-3\:md {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:md,
    .mx-4\:md {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:md,
    .mx-5\:md {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:md,
    .mx-6\:md {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:md,
    .mx-6\.5\:md {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:md,
    .mx-7\:md {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:md,
    .mx-10\:md {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:md,
    .mx-11\:md {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:md,
    .mx-auto\:md {
        margin-right: auto
    }
}

@media (min-width:980px) {

    .pt-0\:lg,
    .py-0\:lg {
        padding-top: 0
    }

    .pt-0\.5\:lg,
    .py-0\.5\:lg {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:lg,
    .py-1\:lg {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:lg,
    .py-1\.5\:lg {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:lg,
    .py-2\:lg {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:lg,
    .py-3\:lg {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:lg,
    .py-4\:lg {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:lg,
    .py-5\:lg {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:lg,
    .py-6\:lg {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:lg,
    .py-6\.5\:lg {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:lg,
    .py-7\:lg {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:lg,
    .py-10\:lg {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:lg,
    .py-11\:lg {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:lg,
    .py-0\:lg {
        padding-bottom: 0
    }

    .pb-0\.5\:lg,
    .py-0\.5\:lg {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:lg,
    .py-1\:lg {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:lg,
    .py-1\.5\:lg {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:lg,
    .py-2\:lg {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:lg,
    .py-3\:lg {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:lg,
    .py-4\:lg {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:lg,
    .py-5\:lg {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:lg,
    .py-6\:lg {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:lg,
    .py-6\.5\:lg {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:lg,
    .py-7\:lg {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:lg,
    .py-10\:lg {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:lg,
    .py-11\:lg {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:lg,
    .px-0\:lg {
        padding-left: 0
    }

    .pl-0\.5\:lg,
    .px-0\.5\:lg {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:lg,
    .px-1\:lg {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:lg,
    .px-1\.5\:lg {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:lg,
    .px-2\:lg {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:lg,
    .px-3\:lg {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:lg,
    .px-4\:lg {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:lg,
    .px-5\:lg {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:lg,
    .px-6\:lg {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:lg,
    .px-6\.5\:lg {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:lg,
    .px-7\:lg {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:lg,
    .px-10\:lg {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:lg,
    .px-11\:lg {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:lg,
    .px-0\:lg {
        padding-right: 0
    }

    .pr-0\.5\:lg,
    .px-0\.5\:lg {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:lg,
    .px-1\:lg {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:lg,
    .px-1\.5\:lg {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:lg,
    .px-2\:lg {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:lg,
    .px-3\:lg {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:lg,
    .px-4\:lg {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:lg,
    .px-5\:lg {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:lg,
    .px-6\:lg {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:lg,
    .px-6\.5\:lg {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:lg,
    .px-7\:lg {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:lg,
    .px-10\:lg {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:lg,
    .px-11\:lg {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:lg,
    .my-0\:lg {
        margin-top: 0
    }

    .mt-0\:lg:where(:first-child),
    .my-0\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:lg,
    .my-0\.5\:lg {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:lg:where(:first-child),
    .my-0\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:lg,
    .my-1\:lg {
        margin-top: var(--spacing)
    }

    .mt-1\:lg:where(:first-child),
    .my-1\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:lg,
    .my-1\.5\:lg {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:lg:where(:first-child),
    .my-1\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:lg,
    .my-2\:lg {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:lg:where(:first-child),
    .my-2\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:lg,
    .my-3\:lg {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:lg:where(:first-child),
    .my-3\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:lg,
    .my-4\:lg {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:lg:where(:first-child),
    .my-4\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:lg,
    .my-5\:lg {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:lg:where(:first-child),
    .my-5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:lg,
    .my-6\:lg {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:lg:where(:first-child),
    .my-6\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:lg,
    .my-6\.5\:lg {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:lg:where(:first-child),
    .my-6\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:lg,
    .my-7\:lg {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:lg:where(:first-child),
    .my-7\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:lg,
    .my-10\:lg {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:lg:where(:first-child),
    .my-10\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:lg,
    .my-11\:lg {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:lg:where(:first-child),
    .my-11\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:lg,
    .my-auto\:lg {
        margin-top: auto
    }

    .mt-auto\:lg:where(:first-child),
    .my-auto\:lg:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:lg,
    .my-0\:lg {
        margin-bottom: 0
    }

    .mb-0\:lg:where(:last-child),
    .my-0\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:lg,
    .my-0\.5\:lg {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:lg:where(:last-child),
    .my-0\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:lg,
    .my-1\:lg {
        margin-bottom: var(--spacing)
    }

    .mb-1\:lg:where(:last-child),
    .my-1\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:lg,
    .my-1\.5\:lg {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:lg:where(:last-child),
    .my-1\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:lg,
    .my-2\:lg {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:lg:where(:last-child),
    .my-2\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:lg,
    .my-3\:lg {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:lg:where(:last-child),
    .my-3\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:lg,
    .my-4\:lg {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:lg:where(:last-child),
    .my-4\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:lg,
    .my-5\:lg {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:lg:where(:last-child),
    .my-5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:lg,
    .my-6\:lg {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:lg:where(:last-child),
    .my-6\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:lg,
    .my-6\.5\:lg {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:lg:where(:last-child),
    .my-6\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:lg,
    .my-7\:lg {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:lg:where(:last-child),
    .my-7\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:lg,
    .my-10\:lg {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:lg:where(:last-child),
    .my-10\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:lg,
    .my-11\:lg {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:lg:where(:last-child),
    .my-11\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:lg,
    .my-auto\:lg {
        margin-bottom: auto
    }

    .mb-auto\:lg:where(:last-child),
    .my-auto\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:lg,
    .mx-0\:lg {
        margin-left: 0
    }

    .ml-0\.5\:lg,
    .mx-0\.5\:lg {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:lg,
    .mx-1\:lg {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:lg,
    .mx-1\.5\:lg {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:lg,
    .mx-2\:lg {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:lg,
    .mx-3\:lg {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:lg,
    .mx-4\:lg {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:lg,
    .mx-5\:lg {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:lg,
    .mx-6\:lg {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:lg,
    .mx-6\.5\:lg {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:lg,
    .mx-7\:lg {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:lg,
    .mx-10\:lg {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:lg,
    .mx-11\:lg {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:lg,
    .mx-auto\:lg {
        margin-left: auto
    }

    .mr-0\:lg,
    .mx-0\:lg {
        margin-right: 0
    }

    .mr-0\.5\:lg,
    .mx-0\.5\:lg {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:lg,
    .mx-1\:lg {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:lg,
    .mx-1\.5\:lg {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:lg,
    .mx-2\:lg {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:lg,
    .mx-3\:lg {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:lg,
    .mx-4\:lg {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:lg,
    .mx-5\:lg {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:lg,
    .mx-6\:lg {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:lg,
    .mx-6\.5\:lg {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:lg,
    .mx-7\:lg {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:lg,
    .mx-10\:lg {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:lg,
    .mx-11\:lg {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:lg,
    .mx-auto\:lg {
        margin-right: auto
    }
}

@media (min-width:1200px) and (min-height:500px) {

    .pt-0\:xl,
    .py-0\:xl {
        padding-top: 0
    }

    .pt-0\.5\:xl,
    .py-0\.5\:xl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:xl,
    .py-1\:xl {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:xl,
    .py-1\.5\:xl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xl,
    .py-2\:xl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:xl,
    .py-3\:xl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:xl,
    .py-4\:xl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xl,
    .py-5\:xl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xl,
    .py-6\:xl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xl,
    .py-6\.5\:xl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xl,
    .py-7\:xl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:xl,
    .py-10\:xl {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:xl,
    .py-11\:xl {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:xl,
    .py-0\:xl {
        padding-bottom: 0
    }

    .pb-0\.5\:xl,
    .py-0\.5\:xl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:xl,
    .py-1\:xl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:xl,
    .py-1\.5\:xl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xl,
    .py-2\:xl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:xl,
    .py-3\:xl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:xl,
    .py-4\:xl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xl,
    .py-5\:xl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xl,
    .py-6\:xl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xl,
    .py-6\.5\:xl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xl,
    .py-7\:xl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:xl,
    .py-10\:xl {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:xl,
    .py-11\:xl {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:xl,
    .px-0\:xl {
        padding-left: 0
    }

    .pl-0\.5\:xl,
    .px-0\.5\:xl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:xl,
    .px-1\:xl {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:xl,
    .px-1\.5\:xl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xl,
    .px-2\:xl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:xl,
    .px-3\:xl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:xl,
    .px-4\:xl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xl,
    .px-5\:xl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xl,
    .px-6\:xl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xl,
    .px-6\.5\:xl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xl,
    .px-7\:xl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:xl,
    .px-10\:xl {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:xl,
    .px-11\:xl {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:xl,
    .px-0\:xl {
        padding-right: 0
    }

    .pr-0\.5\:xl,
    .px-0\.5\:xl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:xl,
    .px-1\:xl {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:xl,
    .px-1\.5\:xl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xl,
    .px-2\:xl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:xl,
    .px-3\:xl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:xl,
    .px-4\:xl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xl,
    .px-5\:xl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xl,
    .px-6\:xl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xl,
    .px-6\.5\:xl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xl,
    .px-7\:xl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:xl,
    .px-10\:xl {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:xl,
    .px-11\:xl {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:xl,
    .my-0\:xl {
        margin-top: 0
    }

    .mt-0\:xl:where(:first-child),
    .my-0\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xl,
    .my-0\.5\:xl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xl:where(:first-child),
    .my-0\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xl,
    .my-1\:xl {
        margin-top: var(--spacing)
    }

    .mt-1\:xl:where(:first-child),
    .my-1\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xl,
    .my-1\.5\:xl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xl:where(:first-child),
    .my-1\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xl,
    .my-2\:xl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xl:where(:first-child),
    .my-2\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xl,
    .my-3\:xl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xl:where(:first-child),
    .my-3\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xl,
    .my-4\:xl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xl:where(:first-child),
    .my-4\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xl,
    .my-5\:xl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xl:where(:first-child),
    .my-5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xl,
    .my-6\:xl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xl:where(:first-child),
    .my-6\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xl,
    .my-6\.5\:xl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xl:where(:first-child),
    .my-6\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xl,
    .my-7\:xl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xl:where(:first-child),
    .my-7\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:xl,
    .my-10\:xl {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:xl:where(:first-child),
    .my-10\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:xl,
    .my-11\:xl {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:xl:where(:first-child),
    .my-11\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xl,
    .my-auto\:xl {
        margin-top: auto
    }

    .mt-auto\:xl:where(:first-child),
    .my-auto\:xl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xl,
    .my-0\:xl {
        margin-bottom: 0
    }

    .mb-0\:xl:where(:last-child),
    .my-0\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xl,
    .my-0\.5\:xl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xl:where(:last-child),
    .my-0\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xl,
    .my-1\:xl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xl:where(:last-child),
    .my-1\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xl,
    .my-1\.5\:xl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xl:where(:last-child),
    .my-1\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xl,
    .my-2\:xl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xl:where(:last-child),
    .my-2\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xl,
    .my-3\:xl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xl:where(:last-child),
    .my-3\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xl,
    .my-4\:xl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xl:where(:last-child),
    .my-4\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xl,
    .my-5\:xl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xl:where(:last-child),
    .my-5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xl,
    .my-6\:xl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xl:where(:last-child),
    .my-6\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xl,
    .my-6\.5\:xl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xl:where(:last-child),
    .my-6\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xl,
    .my-7\:xl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xl:where(:last-child),
    .my-7\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:xl,
    .my-10\:xl {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:xl:where(:last-child),
    .my-10\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:xl,
    .my-11\:xl {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:xl:where(:last-child),
    .my-11\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xl,
    .my-auto\:xl {
        margin-bottom: auto
    }

    .mb-auto\:xl:where(:last-child),
    .my-auto\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xl,
    .mx-0\:xl {
        margin-left: 0
    }

    .ml-0\.5\:xl,
    .mx-0\.5\:xl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:xl,
    .mx-1\:xl {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:xl,
    .mx-1\.5\:xl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xl,
    .mx-2\:xl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:xl,
    .mx-3\:xl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:xl,
    .mx-4\:xl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xl,
    .mx-5\:xl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xl,
    .mx-6\:xl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xl,
    .mx-6\.5\:xl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xl,
    .mx-7\:xl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:xl,
    .mx-10\:xl {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:xl,
    .mx-11\:xl {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:xl,
    .mx-auto\:xl {
        margin-left: auto
    }

    .mr-0\:xl,
    .mx-0\:xl {
        margin-right: 0
    }

    .mr-0\.5\:xl,
    .mx-0\.5\:xl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:xl,
    .mx-1\:xl {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:xl,
    .mx-1\.5\:xl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xl,
    .mx-2\:xl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:xl,
    .mx-3\:xl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:xl,
    .mx-4\:xl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xl,
    .mx-5\:xl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xl,
    .mx-6\:xl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xl,
    .mx-6\.5\:xl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xl,
    .mx-7\:xl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:xl,
    .mx-10\:xl {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:xl,
    .mx-11\:xl {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:xl,
    .mx-auto\:xl {
        margin-right: auto
    }
}

@media (min-width:1440px) and (min-height:700px) {

    .pt-0\:xxl,
    .py-0\:xxl {
        padding-top: 0
    }

    .pt-0\.5\:xxl,
    .py-0\.5\:xxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:xxl,
    .py-1\:xxl {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:xxl,
    .py-1\.5\:xxl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xxl,
    .py-2\:xxl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:xxl,
    .py-3\:xxl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:xxl,
    .py-4\:xxl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xxl,
    .py-5\:xxl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xxl,
    .py-6\:xxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxl,
    .py-6\.5\:xxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxl,
    .py-7\:xxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:xxl,
    .py-10\:xxl {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:xxl,
    .py-11\:xxl {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:xxl,
    .py-0\:xxl {
        padding-bottom: 0
    }

    .pb-0\.5\:xxl,
    .py-0\.5\:xxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:xxl,
    .py-1\:xxl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:xxl,
    .py-1\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xxl,
    .py-2\:xxl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:xxl,
    .py-3\:xxl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:xxl,
    .py-4\:xxl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xxl,
    .py-5\:xxl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xxl,
    .py-6\:xxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxl,
    .py-6\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxl,
    .py-7\:xxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:xxl,
    .py-10\:xxl {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:xxl,
    .py-11\:xxl {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:xxl,
    .px-0\:xxl {
        padding-left: 0
    }

    .pl-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:xxl,
    .px-1\:xxl {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:xxl,
    .px-1\.5\:xxl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xxl,
    .px-2\:xxl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:xxl,
    .px-3\:xxl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:xxl,
    .px-4\:xxl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xxl,
    .px-5\:xxl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xxl,
    .px-6\:xxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxl,
    .px-6\.5\:xxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxl,
    .px-7\:xxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:xxl,
    .px-10\:xxl {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:xxl,
    .px-11\:xxl {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:xxl,
    .px-0\:xxl {
        padding-right: 0
    }

    .pr-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:xxl,
    .px-1\:xxl {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:xxl,
    .px-1\.5\:xxl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xxl,
    .px-2\:xxl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:xxl,
    .px-3\:xxl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:xxl,
    .px-4\:xxl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xxl,
    .px-5\:xxl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xxl,
    .px-6\:xxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxl,
    .px-6\.5\:xxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxl,
    .px-7\:xxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:xxl,
    .px-10\:xxl {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:xxl,
    .px-11\:xxl {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:xxl,
    .my-0\:xxl {
        margin-top: 0
    }

    .mt-0\:xxl:where(:first-child),
    .my-0\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxl:where(:first-child),
    .my-0\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xxl,
    .my-1\:xxl {
        margin-top: var(--spacing)
    }

    .mt-1\:xxl:where(:first-child),
    .my-1\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xxl,
    .my-1\.5\:xxl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xxl:where(:first-child),
    .my-1\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xxl,
    .my-2\:xxl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xxl:where(:first-child),
    .my-2\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xxl,
    .my-3\:xxl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xxl:where(:first-child),
    .my-3\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xxl,
    .my-4\:xxl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xxl:where(:first-child),
    .my-4\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xxl,
    .my-5\:xxl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xxl:where(:first-child),
    .my-5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xxl,
    .my-6\:xxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxl:where(:first-child),
    .my-6\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxl,
    .my-6\.5\:xxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxl:where(:first-child),
    .my-6\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxl,
    .my-7\:xxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxl:where(:first-child),
    .my-7\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:xxl,
    .my-10\:xxl {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:xxl:where(:first-child),
    .my-10\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:xxl,
    .my-11\:xxl {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:xxl:where(:first-child),
    .my-11\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxl,
    .my-auto\:xxl {
        margin-top: auto
    }

    .mt-auto\:xxl:where(:first-child),
    .my-auto\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxl,
    .my-0\:xxl {
        margin-bottom: 0
    }

    .mb-0\:xxl:where(:last-child),
    .my-0\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxl:where(:last-child),
    .my-0\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xxl,
    .my-1\:xxl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xxl:where(:last-child),
    .my-1\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xxl,
    .my-1\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xxl:where(:last-child),
    .my-1\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xxl,
    .my-2\:xxl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xxl:where(:last-child),
    .my-2\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xxl,
    .my-3\:xxl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xxl:where(:last-child),
    .my-3\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xxl,
    .my-4\:xxl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xxl:where(:last-child),
    .my-4\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xxl,
    .my-5\:xxl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xxl:where(:last-child),
    .my-5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xxl,
    .my-6\:xxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxl:where(:last-child),
    .my-6\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxl,
    .my-6\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxl:where(:last-child),
    .my-6\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxl,
    .my-7\:xxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxl:where(:last-child),
    .my-7\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:xxl,
    .my-10\:xxl {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:xxl:where(:last-child),
    .my-10\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:xxl,
    .my-11\:xxl {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:xxl:where(:last-child),
    .my-11\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xxl,
    .my-auto\:xxl {
        margin-bottom: auto
    }

    .mb-auto\:xxl:where(:last-child),
    .my-auto\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xxl,
    .mx-0\:xxl {
        margin-left: 0
    }

    .ml-0\.5\:xxl,
    .mx-0\.5\:xxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:xxl,
    .mx-1\:xxl {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:xxl,
    .mx-1\.5\:xxl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xxl,
    .mx-2\:xxl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:xxl,
    .mx-3\:xxl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:xxl,
    .mx-4\:xxl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xxl,
    .mx-5\:xxl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xxl,
    .mx-6\:xxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxl,
    .mx-6\.5\:xxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxl,
    .mx-7\:xxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:xxl,
    .mx-10\:xxl {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:xxl,
    .mx-11\:xxl {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:xxl,
    .mx-auto\:xxl {
        margin-left: auto
    }

    .mr-0\:xxl,
    .mx-0\:xxl {
        margin-right: 0
    }

    .mr-0\.5\:xxl,
    .mx-0\.5\:xxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:xxl,
    .mx-1\:xxl {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:xxl,
    .mx-1\.5\:xxl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xxl,
    .mx-2\:xxl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:xxl,
    .mx-3\:xxl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:xxl,
    .mx-4\:xxl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xxl,
    .mx-5\:xxl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xxl,
    .mx-6\:xxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxl,
    .mx-6\.5\:xxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxl,
    .mx-7\:xxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:xxl,
    .mx-10\:xxl {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:xxl,
    .mx-11\:xxl {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:xxl,
    .mx-auto\:xxl {
        margin-right: auto
    }
}

@media (min-width:1920px) and (min-height:700px) {

    .pt-0\:xxxl,
    .py-0\:xxxl {
        padding-top: 0
    }

    .pt-0\.5\:xxxl,
    .py-0\.5\:xxxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-1\:xxxl,
    .py-1\:xxxl {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:xxxl,
    .py-1\.5\:xxxl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-2\:xxxl,
    .py-2\:xxxl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-3\:xxxl,
    .py-3\:xxxl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-4\:xxxl,
    .py-4\:xxxl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-5\:xxxl,
    .py-5\:xxxl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xxxl,
    .py-6\:xxxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxxl,
    .py-6\.5\:xxxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxxl,
    .py-7\:xxxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-10\:xxxl,
    .py-10\:xxxl {
        padding-top: calc(var(--spacing) * 10)
    }

    .pt-11\:xxxl,
    .py-11\:xxxl {
        padding-top: calc(var(--spacing) * 11)
    }

    .pb-0\:xxxl,
    .py-0\:xxxl {
        padding-bottom: 0
    }

    .pb-0\.5\:xxxl,
    .py-0\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-1\:xxxl,
    .py-1\:xxxl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:xxxl,
    .py-1\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-2\:xxxl,
    .py-2\:xxxl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-3\:xxxl,
    .py-3\:xxxl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-4\:xxxl,
    .py-4\:xxxl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-5\:xxxl,
    .py-5\:xxxl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xxxl,
    .py-6\:xxxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxxl,
    .py-6\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxxl,
    .py-7\:xxxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-10\:xxxl,
    .py-10\:xxxl {
        padding-bottom: calc(var(--spacing) * 10)
    }

    .pb-11\:xxxl,
    .py-11\:xxxl {
        padding-bottom: calc(var(--spacing) * 11)
    }

    .pl-0\:xxxl,
    .px-0\:xxxl {
        padding-left: 0
    }

    .pl-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-1\:xxxl,
    .px-1\:xxxl {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:xxxl,
    .px-1\.5\:xxxl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-2\:xxxl,
    .px-2\:xxxl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-3\:xxxl,
    .px-3\:xxxl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-4\:xxxl,
    .px-4\:xxxl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-5\:xxxl,
    .px-5\:xxxl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xxxl,
    .px-6\:xxxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxxl,
    .px-6\.5\:xxxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxxl,
    .px-7\:xxxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-10\:xxxl,
    .px-10\:xxxl {
        padding-left: calc(var(--spacing) * 10)
    }

    .pl-11\:xxxl,
    .px-11\:xxxl {
        padding-left: calc(var(--spacing) * 11)
    }

    .pr-0\:xxxl,
    .px-0\:xxxl {
        padding-right: 0
    }

    .pr-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-1\:xxxl,
    .px-1\:xxxl {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:xxxl,
    .px-1\.5\:xxxl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-2\:xxxl,
    .px-2\:xxxl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-3\:xxxl,
    .px-3\:xxxl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-4\:xxxl,
    .px-4\:xxxl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-5\:xxxl,
    .px-5\:xxxl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xxxl,
    .px-6\:xxxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxxl,
    .px-6\.5\:xxxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxxl,
    .px-7\:xxxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-10\:xxxl,
    .px-10\:xxxl {
        padding-right: calc(var(--spacing) * 10)
    }

    .pr-11\:xxxl,
    .px-11\:xxxl {
        padding-right: calc(var(--spacing) * 11)
    }

    .mt-0\:xxxl,
    .my-0\:xxxl {
        margin-top: 0
    }

    .mt-0\:xxxl:where(:first-child),
    .my-0\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxxl:where(:first-child),
    .my-0\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xxxl,
    .my-1\:xxxl {
        margin-top: var(--spacing)
    }

    .mt-1\:xxxl:where(:first-child),
    .my-1\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xxxl,
    .my-1\.5\:xxxl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xxxl:where(:first-child),
    .my-1\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xxxl,
    .my-2\:xxxl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xxxl:where(:first-child),
    .my-2\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xxxl,
    .my-3\:xxxl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xxxl:where(:first-child),
    .my-3\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xxxl,
    .my-4\:xxxl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xxxl:where(:first-child),
    .my-4\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xxxl,
    .my-5\:xxxl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xxxl:where(:first-child),
    .my-5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xxxl,
    .my-6\:xxxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxxl:where(:first-child),
    .my-6\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxxl,
    .my-6\.5\:xxxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxxl:where(:first-child),
    .my-6\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxxl,
    .my-7\:xxxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxxl:where(:first-child),
    .my-7\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-10\:xxxl,
    .my-10\:xxxl {
        margin-top: calc(var(--spacing) * 10)
    }

    .mt-10\:xxxl:where(:first-child),
    .my-10\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-11\:xxxl,
    .my-11\:xxxl {
        margin-top: calc(var(--spacing) * 11)
    }

    .mt-11\:xxxl:where(:first-child),
    .my-11\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxxl,
    .my-auto\:xxxl {
        margin-top: auto
    }

    .mt-auto\:xxxl:where(:first-child),
    .my-auto\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxxl,
    .my-0\:xxxl {
        margin-bottom: 0
    }

    .mb-0\:xxxl:where(:last-child),
    .my-0\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxxl:where(:last-child),
    .my-0\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xxxl,
    .my-1\:xxxl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xxxl:where(:last-child),
    .my-1\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xxxl,
    .my-1\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xxxl:where(:last-child),
    .my-1\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xxxl,
    .my-2\:xxxl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xxxl:where(:last-child),
    .my-2\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xxxl,
    .my-3\:xxxl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xxxl:where(:last-child),
    .my-3\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xxxl,
    .my-4\:xxxl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xxxl:where(:last-child),
    .my-4\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xxxl,
    .my-5\:xxxl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xxxl:where(:last-child),
    .my-5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xxxl,
    .my-6\:xxxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxxl:where(:last-child),
    .my-6\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxxl,
    .my-6\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxxl:where(:last-child),
    .my-6\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxxl,
    .my-7\:xxxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxxl:where(:last-child),
    .my-7\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-10\:xxxl,
    .my-10\:xxxl {
        margin-bottom: calc(var(--spacing) * 10)
    }

    .mb-10\:xxxl:where(:last-child),
    .my-10\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-11\:xxxl,
    .my-11\:xxxl {
        margin-bottom: calc(var(--spacing) * 11)
    }

    .mb-11\:xxxl:where(:last-child),
    .my-11\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xxxl,
    .my-auto\:xxxl {
        margin-bottom: auto
    }

    .mb-auto\:xxxl:where(:last-child),
    .my-auto\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xxxl,
    .mx-0\:xxxl {
        margin-left: 0
    }

    .ml-0\.5\:xxxl,
    .mx-0\.5\:xxxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-1\:xxxl,
    .mx-1\:xxxl {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:xxxl,
    .mx-1\.5\:xxxl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-2\:xxxl,
    .mx-2\:xxxl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-3\:xxxl,
    .mx-3\:xxxl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-4\:xxxl,
    .mx-4\:xxxl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-5\:xxxl,
    .mx-5\:xxxl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xxxl,
    .mx-6\:xxxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxxl,
    .mx-6\.5\:xxxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxxl,
    .mx-7\:xxxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-10\:xxxl,
    .mx-10\:xxxl {
        margin-left: calc(var(--spacing) * 10)
    }

    .ml-11\:xxxl,
    .mx-11\:xxxl {
        margin-left: calc(var(--spacing) * 11)
    }

    .ml-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-left: auto
    }

    .mr-0\:xxxl,
    .mx-0\:xxxl {
        margin-right: 0
    }

    .mr-0\.5\:xxxl,
    .mx-0\.5\:xxxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-1\:xxxl,
    .mx-1\:xxxl {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:xxxl,
    .mx-1\.5\:xxxl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-2\:xxxl,
    .mx-2\:xxxl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-3\:xxxl,
    .mx-3\:xxxl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-4\:xxxl,
    .mx-4\:xxxl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-5\:xxxl,
    .mx-5\:xxxl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xxxl,
    .mx-6\:xxxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxxl,
    .mx-6\.5\:xxxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxxl,
    .mx-7\:xxxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-10\:xxxl,
    .mx-10\:xxxl {
        margin-right: calc(var(--spacing) * 10)
    }

    .mr-11\:xxxl,
    .mx-11\:xxxl {
        margin-right: calc(var(--spacing) * 11)
    }

    .mr-auto\:xxxl,
    .mx-auto\:xxxl {
        margin-right: auto
    }
}

.has-hover .is-hidden--hover,
.is-hidden,
.is-hidden--xs-up,
.is-hidden--xxxxl-down,
.js .is-hidden--js,
.no-hover .is-hidden--no-hover,
.no-js .is-hidden--no-js {
    display: none !important
}

@media not print {

    .is-hidden--not-print,
    .is-visible--print-only {
        display: none !important
    }
}

@media print {
    .is-hidden--print {
        display: none !important
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs {
        display: none !important
    }
}

.is-hidden--xs-up {
    display: none !important
}

@media (max-width:567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs-down {
        display: none !important
    }
}

@media (max-width:667px) and (min-aspect-ratio:13/9),
(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),
(min-width:568px) {
    .is-hidden--sm-up {
        display: none !important
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm-down {
        display: none !important
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),
(min-width:668px) and (min-height:416px) and (max-width:979px) {
    .is-hidden--md {
        display: none !important
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .is-hidden--md-up {
        display: none !important
    }
}

@media (max-width:979px) {
    .is-hidden--md-down {
        display: none !important
    }
}

@media (min-width:980px) and (max-height:499px),
(min-width:980px) and (max-width:1199px) {
    .is-hidden--lg {
        display: none !important
    }
}

@media (min-width:980px) {
    .is-hidden--lg-up {
        display: none !important
    }
}

@media (max-height:499px),
(max-width:1199px) {
    .is-hidden--lg-down {
        display: none !important
    }
}

@media (min-width:1200px) and (min-height:500px) and (max-height:699px),
(min-width:1200px) and (min-height:500px) and (max-width:1439px) {
    .is-hidden--xl {
        display: none !important
    }
}

@media (min-width:1200px) and (min-height:500px) {
    .is-hidden--xl-up {
        display: none !important
    }
}

@media (max-height:499px),
(max-width:1439px),
(min-width:1200px) and (max-height:699px) {
    .is-hidden--xl-down {
        display: none !important
    }
}

@media (min-width:1440px) and (min-height:700px) and (max-width:1919px) {
    .is-hidden--xxl {
        display: none !important
    }
}

@media (min-width:1440px) and (min-height:700px) {
    .is-hidden--xxl-up {
        display: none !important
    }
}

@media (max-height:699px),
(max-width:1919px) {
    .is-hidden--xxl-down {
        display: none !important
    }
}

@media (min-width:1920px) and (min-height:700px) and (max-width:2399px) {
    .is-hidden--xxxl {
        display: none !important
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .is-hidden--xxxl-up {
        display: none !important
    }
}

@media (max-height:699px),
(max-width:2399px) {
    .is-hidden--xxxl-down {
        display: none !important
    }
}

@media (min-width:2400px) and (min-height:700px) {

    .is-hidden--xxxxl,
    .is-hidden--xxxxl-up {
        display: none !important
    }
}

@media (min-width:2400px) and (min-height:700px) {}

.is-hidden--xxxxl-down {
    display: none !important
}

:root {
    --is-visible--sm-down: block;
    --is-visible--md-xxl: none;
    --is-visible--md-up: none;
    --is-visible--xl-down: block;
    --is-visible--xxl-up: none;
    --is-visible--xxxl: none
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    :root {
        --is-visible--sm-down: none;
        --is-visible--md-xxl: block;
        --is-visible--md-up: block
    }
}

@media (min-width:1440px) and (min-height:700px) {
    :root {
        --is-visible--xl-down: none;
        --is-visible--xxl-up: block
    }
}

@media (min-width:1920px) and (min-height:700px) {
    :root {
        --is-visible--md-xxl: none;
        --is-visible--xxxl: block
    }
}

.group {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--scale-px) * 10) calc(var(--scale-px) * 30);
    justify-content: flex-start
}

.group--small {
    gap: calc(var(--scale-px) * 5)
}

.group--middle {
    align-items: center
}

.group--center {
    justify-content: center
}

.group--right {
    justify-content: flex-end
}

.group>.btn {
    flex-shrink: 0
}

.group__fill {
    flex-grow: 1
}

.group>.btn.group__shrink,
.group__shrink {
    flex-shrink: 1;
    min-width: 0
}

.group__equal {
    flex: 1
}

.group>.group__right {
    margin-left: auto
}

.group--nowrap {
    flex-wrap: nowrap
}

.group--nowrap>* {
    max-width: none
}

.group--nowrap-mobile {
    flex-wrap: var(--md, wrap) var(--n-md, nowrap)
}

.group--nowrap-mobile>* {
    max-width: none
}

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
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s, opacity .3s;
    width: 11px
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
}

.has-scroll-smooth {
    scroll-behavior: auto
}

.c-scrollbar {
    z-index: 11
}

.c-scrollbar--disabled {
    opacity: 0 !important;
    pointer-events: none
}

.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
    transform: translate(-200vw) !important
}

html.has-scroll-smooth {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

html.js.has-hover:not(.no-scroll-smooth),
html.js.has-hover:not(.no-scroll-smooth) body {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html.js.has-hover:not(.no-scroll-smooth) ::-webkit-scrollbar,
html.js.has-hover:not(.no-scroll-smooth) body ::-webkit-scrollbar {
    display: none
}

.with-modal .c-scrollbar {
    opacity: 0
}

@media print {
    html.has-scroll-smooth {
        position: static
    }

    html.js.has-hover:not(.no-scroll-smooth),
    html.js.has-hover:not(.no-scroll-smooth) body {
        overflow: visible
    }

    .has-scroll-smooth .page-content-wrapper,
    .has-scroll-smooth [data-scroll-section],
    .has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
        opacity: 1 !important;
        pointer-events: all !important;
        transform: none !important
    }

    .has-scroll-smooth [data-scroll-container] {
        min-height: 0
    }

    .c-scrollbar {
        display: none !important
    }
}

.page-overlay {
    background: var(--c-black);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12
}

.section {
    position: relative
}

.section:where(:not(:first-child)) {
    margin-top: -1px
}

.section__content {
    height: 100%;
    position: relative
}

.section--top {
    z-index: 1
}

.section--no-overflow,
.section--no-overflow .section__content {
    contain: content;
    overflow: hidden
}

.section--full-height,
.section--full-height .section__content {
    contain: strict;
    height: 100vh;
    width: 100%
}

.section--full-height:where(:first-child:not(:last-child)) {
    height: calc(100vh + 1px)
}

.has-scroll-smooth [data-scroll] {
    will-change: transform
}

.background {
    left: 0;
    overflow: hidden;
    overflow: clip;
    position: absolute;
    top: 0
}

.background iframe {
    pointer-events: none
}

.background _::-webkit-full-page-media,
.background _:future,
.background:has(iframe):after {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.background img,
img.background {
    display: block;
    height: auto;
    width: 100%
}

.background--top {
    width: 100%
}

.background--bottom {
    bottom: 0;
    top: auto;
    width: 100%
}

.background--cover {
    --iframe-width: 100vw;
    --iframe-height: 100vh;
    height: 100%;
    width: 100%
}

.background--cover img,
.background--cover video,
img.background--cover,
video.background--cover {
    aspect-ratio: unset;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%
}

.background--cover iframe {
    aspect-ratio: unset;
    height: max(100%, calc(var(--iframe-width) / var(--ratio)));
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, calc(var(--iframe-height) * var(--ratio)))
}

.preloader {
    --progress: 0.01;
    background-color: var(--c-black);
    height: 100svh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 13
}

.preloader__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__content__cover {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__content__inner {
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
    z-index: 1
}

.preloader__content__inner,
.preloader__title {
    display: flex;
    flex-direction: column
}

.preloader__title span {
    display: inline-block;
    width: 100%
}

.preloader__title>span:first-child {
    margin-bottom: var(--md, calc(var(--scale-px) * 12)) var(--n-md, unset)
}

.preloader__title__item {
    padding-bottom: var(--md, calc(var(--scale-px) * 4)) var(--n-md, unset)
}

.preloader__number {
    display: block
}

.preloader__number__inner {
    overflow: hidden;
    padding-bottom: 10px;
    position: relative
}

.preloader__number__item {
    display: block
}

.preloader__number__item:not(:first-child) {
    margin-top: var(--md, calc(var(--scale-px) * 10)) var(--n-md, unset);
    position: absolute;
    top: var(--md, unset) var(--n-md, 0)
}

.preloader__skip {
    bottom: var(--xxxl, calc(var(--scale-px) * 30)) var(--n-xxxl, var(--spacing));
    left: var(--xxxl, calc(var(--scale-px) * 30)) var(--n-xxxl, var(--spacing));
    opacity: 0;
    position: absolute;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99) 2.8s;
    z-index: 2
}

.is-scene-loaded .preloader__skip {
    opacity: 1
}

.preloader__swipe {
    opacity: .6
}

.preloader__swipe p {
    margin-right: 10px
}

.preloader__swipe__icons {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 9px
}

.preloader__swipe__icons svg {
    animation: arrowMove 1.6s cubic-bezier(.47, .04, .5, -.06) infinite
}

.preloader__swipe__icons svg:last-child {
    animation: arrowMove2 1.6s cubic-bezier(.47, .04, .5, -.06) infinite;
    margin-left: 5px
}

.preloader__tip {
    pointer-events: none
}

.preloader__tip-wrap {
    overflow: hidden;
    position: absolute;
    right: var(--md, auto) var(--n-md, var(--spacing));
    top: 220px;
    z-index: 2
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .preloader__tip-wrap {
        top: 180px
    }
}

@media (min-width:1920px) and (min-height:700px) {
    .preloader__tip-wrap {
        top: 250px
    }
}

.preloader__tip .tip__text {
    color: #a5a5a5
}

.preloader__tip .tip__text span {
    color: var(--t-primary)
}

.preloader__indicator {
    bottom: var(--spacing);
    opacity: 1;
    position: absolute;
    right: var(--spacing);
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99) 2.8s
}

.is-scene-loaded .preloader__indicator {
    opacity: 0
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .preloader__indicator {
        left: var(--spacing);
        right: auto
    }
}

.preloader__number {
    transform: var(--md, translateY(calc(100vh * (1 - var(--progress))))) var(--n-md, translateX(0));
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.preloader__number__item {
    transition: transform 1.6s cubic-bezier(.215, .61, .355, 1)
}

.preloader__number__item[data-index="1"] {
    transform: var(--md, translateY(calc(10% - (var(--progress) - 0) * (10% - -300%) / (.2 - 0)))) var(--n-md, translateX(calc(110% - (var(--progress) - 0) * (110% - -50%) / (.2 - 0))))
}

.preloader__number__item[data-index="2"] {
    transform: var(--md, translateY(calc(10% - (var(--progress) - .2) * (10% - -300%) / (.4 - .2)))) var(--n-md, translateX(calc(110% - (var(--progress) - .2) * (110% - -50%) / (.4 - .2))))
}

.preloader__number__item[data-index="3"] {
    transform: var(--md, translateY(calc(10% - (var(--progress) - .4) * (10% - -300%) / (.6 - .4)))) var(--n-md, translateX(calc(110% - (var(--progress) - .4) * (110% - -50%) / (.6 - .4))))
}

.preloader__number__item[data-index="4"] {
    transform: var(--md, translateY(calc(10% - (var(--progress) - .6) * (10% - -300%) / (.8 - .6)))) var(--n-md, translateX(calc(110% - (var(--progress) - .6) * (110% - -50%) / (.8 - .6))))
}

.preloader__number__item[data-index="5"] {
    transform: var(--md, translateY(calc(110% * (1 - (var(--progress) - .8) / (1 - .8))))) var(--n-md, translateX(calc(110% * (1 - (var(--progress) - .8) / (1 - .8)))))
}

.preloader .preloader__subtitle,
.preloader .preloader__swipe {
    opacity: 0;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99) 2.8s
}

.is-scene-loaded .preloader .preloader__subtitle {
    opacity: 1
}

.is-scene-loaded .preloader .preloader__swipe {
    opacity: .6
}

@media screen and (min-width:568px) and (max-width:666px) {
    .preloader__title__item {
        font-size: 23vw
    }
}

@media (min-width:568px) and (max-aspect-ratio:13/9),
(min-width:668px) and (min-height:416px),
(min-width:980px) {
    .preloader__background {
        clip-path: polygon(0 calc(100% * (1 - var(--progress))), 100% calc(100% * (1 - var(--progress))), 100% 100%, 0 100%);
        transition: all .8s cubic-bezier(.25, .74, .22, .99)
    }

    .preloader__subtitle {
        bottom: 9.6em;
        flex-basis: 0;
        position: absolute
    }

    .preloader__title {
        display: block
    }

    .preloader__title .word {
        overflow: hidden
    }

    .preloader__title-wrap {
        bottom: var(--xxxl, calc(var(--scale-px) * 30)) var(--n-xxxl, var(--spacing));
        position: absolute
    }

    .preloader .preloader__title__item {
        transform: translateY(200%);
        transition: transform .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }

    .preloader .preloader__tip {
        transform: translateY(102%);
        transition: transform .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }

    .is-scene-loaded .preloader .preloader__tip,
    .is-scene-loaded .preloader .preloader__title__item {
        transform: translateY(0)
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .preloader__title {
        font-size: 16.5vw
    }

    .preloader__dim {
        background: var(--c-black);
        height: 100vh;
        opacity: 1;
        position: absolute;
        transform: translateX(100vw);
        transform: translateX(calc(100vw * (var(--progress))));
        transition: all .8s cubic-bezier(.25, .74, .22, .99);
        width: 100vw;
        z-index: 5
    }

    .preloader__content__inner {
        transition: opacity 0s;
        transition-delay: .15s
    }

    .preloader__content.animation--preloader--inactive .preloader__content__inner {
        opacity: 0
    }

    .preloader .preloader__tip-wrap {
        transform: translateX(110%);
        transition: transform .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }

    .preloader .preloader__title>.word:first-of-type .preloader__title__item {
        opacity: 0;
        transform: translateX(30%);
        transition: all .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }

    .preloader .preloader__title>.word:last-of-type .preloader__title__item {
        opacity: 0;
        transform: translateX(-30%);
        transition: all .8s cubic-bezier(.25, .74, .22, .99) 2.8s
    }

    .is-scene-loaded .preloader .preloader__tip-wrap {
        transform: translateX(0)
    }

    .is-scene-loaded .preloader .preloader__title>.word:first-of-type .preloader__title__item,
    .is-scene-loaded .preloader .preloader__title>.word:last-of-type .preloader__title__item {
        opacity: 1;
        transform: translateX(0)
    }
}

.no-js .preloader {
    display: none !important
}

.modal .preloader {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9
}

.modal .preloader__content {
    max-height: 100dvh;
    position: sticky
}

@keyframes arrowMove {

    0%,
    30% {
        transform: translateX(-100%)
    }

    70%,
    to {
        transform: translateX(0)
    }
}

@keyframes arrowMove2 {

    0%,
    30% {
        transform: translateX(calc(-100% - 5px))
    }

    70%,
    to {
        transform: translateX(0)
    }
}

.dots-loader {
    display: block;
    height: 16px;
    position: relative;
    width: 16px
}

.dots-loader span {
    animation: move 2.5s linear infinite;
    background-color: #fff;
    border-radius: 1000px;
    display: inline-block;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    width: 2px
}

.dots-loader span:nth-child(2) {
    animation: move 2.5s linear .8s infinite
}

.dots-loader span:nth-child(3) {
    animation: move 2.5s linear 1.6s infinite
}

@keyframes move {
    0% {
        left: 0;
        opacity: 0
    }

    25%,
    75% {
        opacity: 1
    }

    to {
        left: 100%;
        opacity: 0
    }
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable {
        -ms-overflow-style: none;
        display: flex;
        flex-wrap: nowrap;
        margin-left: calc(var(--container-h-padding-left) * -1);
        margin-right: calc(var(--container-h-padding-right) * -1);
        overflow-x: auto;
        overflow-y: hidden;
        overflow-y: clip;
        padding-left: var(--container-h-padding-left);
        position: relative;
        scrollbar-width: none;
        touch-action: auto
    }

    .scrollable:after {
        content: "";
        display: block;
        flex: 0 0 var(--container-h-padding-right);
        height: 1px;
        width: var(--container-h-padding-right)
    }

    .scrollable::-webkit-scrollbar {
        display: none
    }
}

.no-hover .scrollable-no-hover {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    margin-left: calc(var(--container-h-padding-left) * -1);
    margin-right: calc(var(--container-h-padding-right) * -1);
    overflow-x: auto;
    overflow-y: hidden;
    overflow-y: clip;
    padding-left: var(--container-h-padding-left);
    position: relative;
    scrollbar-width: none;
    touch-action: auto
}

.no-hover .scrollable-no-hover:after {
    content: "";
    display: block;
    flex: 0 0 var(--container-h-padding-right);
    height: 1px;
    width: var(--container-h-padding-right)
}

.no-hover .scrollable-no-hover::-webkit-scrollbar {
    display: none
}

.header {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99) 2.8s !important;
    width: 100%;
    z-index: 15
}

.is-scene-loaded .header {
    opacity: 1;
    pointer-events: all
}

.header__content {
    padding: var(--xxxl, calc(var(--scale-px) * 30)) var(--n-xxxl, var(--spacing));
    position: relative
}

.header__top {
    transform: var(--md, unset) var(--n-md, rotate(-90deg));
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99)
}

.is-menu-opened .header__top {
    opacity: 0;
    pointer-events: none
}

.header .btn {
    z-index: 16
}

.header__logo {
    align-items: baseline;
    padding-top: var(--xxxl, calc(var(--scale-px) * 13)) var(--n-xxxl, calc(var(--scale-px) * 8))
}

.header__logo span:first-child {
    font-size: 8px;
    margin-right: 6px
}

.header__logo span:last-child {
    position: relative
}

.header__logo span:last-child:before {
    background: var(--t-primary);
    bottom: -5px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transition: width .8s cubic-bezier(.25, .74, .22, .99);
    width: 0
}

.has-hover .header__logo:hover span:last-child:before {
    width: 100%
}

.header__menu {
    cursor: pointer;
    left: var(--md, 50%) var(--n-md, var(--spacing));
    opacity: 1;
    position: absolute;
    transform: var(--md, translateX(-50%)) var(--n-md, translate(0, 0));
    transition: all .8s cubic-bezier(.25, .74, .22, .99);
    z-index: 16
}

.is-footer-visible .header__menu {
    opacity: 0;
    pointer-events: none
}

.is-menu-opened .header__menu {
    opacity: 0;
    pointer-events: none;
    transform: var(--md, translate(-50%, 20px)) var(--n-md, translate(20px, 20px))
}

.is-menu-opened .header__menu.btn--primary {
    color: var(--c-black)
}

.is-menu-opened .header__menu.btn--primary:after,
.is-menu-opened .header__menu.btn--primary:before {
    background-color: var(--c-white)
}

.is-menu-opened .header__menu.btn--primary:hover {
    color: var(--c-black)
}

.header__menu--close {
    opacity: 0;
    pointer-events: none
}

.is-menu-opened .header__menu--close {
    opacity: 1;
    pointer-events: all
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .header {
        transform: translate(0);
        transition: transform 1.6s cubic-bezier(.25, .74, .22, .99), opacity .8s cubic-bezier(.25, .74, .22, .99) !important
    }

    .header .header__logo {
        position: absolute;
        right: 0;
        transition: opacity .8s cubic-bezier(.25, .74, .22, .99)
    }

    .header .header__logo,
    .header .header__top {
        opacity: 0;
        pointer-events: none
    }

    .header .header__read,
    .header .header__right {
        opacity: 1;
        transition: opacity .8s cubic-bezier(.25, .74, .22, .99)
    }

    .header .header__content.is-menu-opened .header__right {
        opacity: 0
    }

    .header.is-footer-visible {
        transform: translateX(-100vw)
    }
}

.header--sticky {
    left: 0;
    position: fixed;
    top: 0;
    transition-property: background-color, box-shadow;
    width: 100%
}

.header--sticky .header__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-102%);
    width: 100%
}

.header--sticky .header__background,
.header--sticky .header__content {
    transition-property: background-color, box-shadow, transform
}

.header--sticky.header--collapsed .header__background {
    background: var(--t-background);
    box-shadow: 0 0 0 1px var(--t-line);
    transform: translateY(0)
}

.header--sticky.header--collapsed.header--hidden {
    pointer-events: none
}

.header--sticky.header--collapsed.header--hidden .header__background,
.header--sticky.header--collapsed.header--hidden .header__content {
    transform: translateY(-102%)
}

.header-sticky-placeholder {
    height: 62px
}

.header-menu {
    height: var(--md, calc(100svh - (var(--spacing) * 2))) var(--n-md, calc(100svh - (var(--spacing) * 1.5)));
    left: 50%;
    max-width: 480px;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99);
    width: var(--md, 100%) var(--n-md, calc(100% - var(--spacing) * 2));
    z-index: 15
}

@media (min-width:1920px) and (min-height:700px) {
    .header-menu {
        max-width: 780px
    }
}

.is-last-slide .header-menu {
    opacity: 0;
    pointer-events: none
}

.is-menu-opened .header-menu {
    pointer-events: all;
    transform: var(--md, translateX(-50%)) var(--n-md, translate(-50%, calc(var(--spacing) * -.5)))
}

.header-menu__background {
    background: var(--c-black);
    border-radius: 40px;
    height: 15px;
    left: var(--md, 50%) var(--n-md, calc(var(--scale-px) * 10));
    position: absolute;
    top: 0;
    transform: var(--md, translateX(-50%)) var(--n-md, calc(100% - var(--spacing) * 2));
    transition: all .8s cubic-bezier(.25, .74, .22, .99);
    width: 5%
}

.is-menu-opened .header-menu__background {
    height: 100%;
    width: 100%
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-menu-opened .header-menu__background {
        left: 0
    }
}

.header-menu__content {
    border-radius: 40px;
    clip-path: polygon(49% 0, 51% 0, 49% 0, 51% 0);
    height: 100%;
    padding: var(--xxxl, calc(var(--scale-px) * 47)) var(--n-xxxl, var(--md, calc(var(--scale-px) * 28)) var(--n-md, calc(var(--scale-px) * 79))) var(--md, calc(var(--scale-px) * 30)) var(--n-md, var(--spacing));
    transition: clip-path .8s cubic-bezier(.25, .74, .22, .99)
}

.no-hover .header-menu__content {
    overflow: scroll
}

.has-hover .header-menu__content {
    overflow: hidden
}

.is-menu-opened .header-menu__content {
    clip-path: polygon(0 0, 100% 0, 100% calc(100vh - (var(--spacing) * 2)), 0 calc(100vh - (var(--spacing) * 2)));
    transition-delay: .05s
}

.header-menu__item {
    border-bottom: 1px solid var(--t-line);
    cursor: pointer;
    margin-bottom: calc(var(--scale-px) * 17)
}

.header-menu__item__caption {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.header-menu__item__caption .header-menu__item__number {
    color: rgba(var(--c-white-rgb), .2);
    transition: color .8s cubic-bezier(.25, .74, .22, .99)
}

.is-active .header-menu__item__caption .header-menu__item__number {
    color: var(--c-white)
}

.header-menu__item__caption .header-menu__item__text {
    overflow: hidden;
    position: relative
}

.header-menu__item__caption .header-menu__item__text-main {
    transform: translateY(0);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.header-menu__item__caption .header-menu__item__text-copy {
    position: absolute;
    top: 0;
    transform: translateY(150%);
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.header-menu__item__illu {
    max-width: 280px;
    position: relative
}

.header-menu__item__illu .header-menu__item__button {
    bottom: calc(var(--scale-px) * 47);
    left: 20px;
    opacity: 0;
    position: absolute;
    transform: translateX(calc(var(--scale-px) * -20));
    transition: all .8s cubic-bezier(.25, .74, .22, .99)
}

.has-hover .header-menu__item:hover .header-menu__item__number {
    color: var(--c-white)
}

.has-hover .header-menu__item:hover .header-menu__item__button {
    opacity: 1;
    transform: translateX(0)
}

.has-hover .header-menu__item:hover .header-menu__item__text-main {
    transform: translateY(-150%)
}

.has-hover .header-menu__item:hover .header-menu__item__text-copy {
    transform: translateY(0)
}

.header-menu__item:focus-visible {
    outline: none
}

.header-menu__item:focus-visible .header-menu__item__number {
    color: var(--c-white)
}

.header-menu__item:focus-visible .header-menu__item__button {
    opacity: 1;
    transform: translateX(0)
}

.header-menu__item:focus-visible .header-menu__item__text-main {
    transform: translateY(-150%)
}

.header-menu__item:focus-visible .header-menu__item__text-copy {
    transform: translateY(0)
}

.header-menu__item.is-active {
    pointer-events: none
}

.header-menu__canvas {
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .8s cubic-bezier(.25, .74, .22, .99);
    width: 100%;
    z-index: 14
}

.is-menu-opened .header-menu__canvas {
    opacity: 1;
    pointer-events: auto
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .header-menu .header-menu__content {
        clip-path: polygon(0 0, 0 0, 0 0, 0 0)
    }

    .is-menu-opened .header-menu .header-menu__content {
        clip-path: polygon(0 0, 100% 0, 100% calc(100vh - (var(--spacing) * 2)), 0 calc(100vh - (var(--spacing) * 2)))
    }
}

.footer {
    border-top-left-radius: var(--md, calc(var(--scale-px) * 80)) var(--n-md, 0);
    border-top-right-radius: var(--md, calc(var(--scale-px) * 80)) var(--n-md, 0);
    bottom: 0;
    height: 100dvh;
    overflow: hidden;
    position: fixed;
    transform: var(--md, translateY(100vh)) var(--n-md, translateX(100vw));
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99), border-radius 1.6s cubic-bezier(.25, .74, .22, .99);
    width: 100vw;
    z-index: 14
}

.footer.is-active {
    border-radius: 0;
    transform: translate(0);
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99), border-radius 1.6s cubic-bezier(.25, .74, .22, .99) .3s
}

.footer__vig span {
    color: var(--t-text)
}

.footer__vig b {
    font-weight: inherit
}

.footer__caption {
    position: relative;
    transform: translateY(40%);
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99);
    z-index: 1
}

.is-active .footer__caption {
    transform: translateY(0)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__caption {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    .footer__caption .tip {
        width: 140px
    }
}

.footer__illu,
.footer__title {
    pointer-events: none;
    position: absolute
}

.footer__title {
    display: block;
    left: 0;
    width: 100%
}

.footer__title span {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-image: url(/assets/images/footer-title-grad-2.jpg);
    background-position: calc(var(--mouse-x) * var(--spacing) * 100);
    background-repeat: repeat;
    background-size: cover;
    display: block;
    overflow: visible;
    transform: translateX(20%);
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99)
}

.footer__title span:first-child {
    padding-bottom: .02em
}

.footer__title span:last-child {
    padding-bottom: .2em;
    padding-top: 1.2rem;
    transform: translateX(-20%)
}

.is-active .footer__title span {
    transform: translateX(0)
}

.footer__illu {
    bottom: 0;
    left: 0;
    max-width: 960px;
    transform: scale(.6);
    transition: transform 1.6s cubic-bezier(.25, .74, .22, .99)
}

.is-active .footer__illu {
    transform: scale(1)
}

.footer__illu picture {
    transform: translateX(calc(var(--mouse-x) * var(--spacing) * -2));
    transition: transform .8s cubic-bezier(.25, .74, .22, .99)
}

.footer__privacy {
    bottom: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 200));
    position: absolute;
    right: var(--spacing);
    z-index: 1
}

.footer__privacy span:before {
    background: var(--t-primary);
    bottom: -5px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transition: width .8s cubic-bezier(.25, .74, .22, .99);
    width: 0
}

.has-hover .footer__privacy:hover span:before {
    width: 100%
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .footer__top {
        left: var(--spacing);
        position: absolute;
        top: 15px;
        z-index: 3
    }

    .footer__top--right {
        left: auto;
        right: var(--spacing);
        top: 22px
    }

    .footer__title span {
        font-size: 16vw
    }
}

@media screen and (min-width:1920px) and (min-height:700px) and (max-height:970px) {
    .footer__title {
        padding-top: 50px
    }

    .footer__caption {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 150px
    }

    .footer__caption p {
        flex-basis: 0;
        margin-top: 80px
    }
}

@media screen and (max-height:685px) {
    .footer__title {
        padding-top: 50px
    }

    .footer__caption {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding-top: 150px
    }

    .footer__caption p {
        flex-basis: 0;
        margin-top: 0
    }
}

.turn-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    justify-content: center;
    left: 0;
    padding: calc(var(--scale-px) * 20);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 17
}

.turn-message:before {
    background: var(--t-background);
    content: "";
    height: 200vh;
    left: 0;
    position: absolute;
    right: 0;
    top: -50vh
}

.turn-message__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    height: 100dvh;
    justify-content: center;
    left: 0;
    padding-top: 40px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1
}

.turn-message__content p {
    --fos: -0.143em;
    --foe: -0.142em;
    --lh: 1.31579em;
    font-family: PPNeueMontreal, Helvetica, Arial, sans-serif;
    font-size: calc(var(--scale-text-rem) * 1.9);
    font-weight: 400;
    letter-spacing: 0;
    line-height: var(--lh);
    text-transform: none
}

.is-win .turn-message__content p {
    --fos: -0.143em;
    --foe: -0.142em
}

.turn-message__icon {
    height: 110px;
    width: 110px
}