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

body {
    margin: 0;
}

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

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

figcaption,
figure {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

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

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

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

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

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.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: 0.35em 0.75em 0.625em;
}

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

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

textarea {
    overflow: auto;
}

details {
    display: block;
}

summary {
    display: list-item;
}

menu {
    display: block;
}

canvas {
    display: inline-block;
}

[hidden],
template {
    display: none;
}

.animation--cookie-consent-in,
.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--line,
.animation--modal-out-fake,
.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,
.form-control--float .form-label,
.form-control--input input,
.form-control--select select,
.form-control--textarea textarea,
.form-control-checkbox__icon,
.form-control-checkbox__icon:before,
.form-control-radio__icon,
.form-control-radio__icon:before,
.header--sticky,
.header-dropdown__dropdown,
.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-out,
.modal--full.animation--modal-out .modal__background,
.modal--full.animation--modal-out .modal__scroller,
.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,
.no-hover .btn.btn--dropdown,
a,
button,
input[type="submit"] {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.form-label:before,
.overlay {
    display: block;
    position: absolute;
}

.form-label:before {
    top: -15px;
    right: -15px;
    bottom: -15px;
    left: -15px;
}

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

body,
button,
input,
textarea {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 500;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1.5)) var(--n-xxxxl, calc(var(--scale-text-rem) * 1.3));
    --lh: var(--xxxxl, 1.2em) var(--n-xxxxl, 1.23077em);
    line-height: var(--lh);
    letter-spacing: 0.01em;
}

.is-win body,
.is-win button,
.is-win input,
.is-win textarea {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--smallish {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 500;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1.5)) var( --n-xxxxl, var(--md, calc(var(--scale-text-rem) * 1.3)) var(--n-md, calc(var(--scale-text-rem) * 1.1)) );
    --lh: var(--xxxxl, 1.2em) var(--n-xxxxl, var(--md, 1.23077em) var(--n-md, 1.27273em));
    line-height: var(--lh);
    letter-spacing: var(--md, 0.01em) var(--n-md, 0.02em);
}

.is-win .text--smallish {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--small,
div.error,
label.error,
small {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 500;
    font-size: calc(var(--scale-text-rem) * 1.1);
    --lh: 1.27273em;
    line-height: var(--lh);
    letter-spacing: 0.02em;
}

.is-win .text--small,
.is-win div.error,
.is-win label.error,
.is-win small {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--tiny {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 500;
    font-size: calc(var(--scale-text-rem) * 0.9);
    --lh: 1.11111em;
    line-height: var(--lh);
    letter-spacing: 0.02em;
}

.is-win .text--tiny {
    --fos: -0.16em;
    --foe: -0.125em;
}

.form-control--large .form-label,
.form-control--large input,
.text--lead {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 400;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 2.6)) var( --n-xxxxl, var(--md, calc(var(--scale-text-rem) * 2.2)) var(--n-md, calc(var(--scale-text-rem) * 1.9)) );
    --lh: var(--xxxxl, 1.23077em) var(--n-xxxxl, var(--md, 1.13636em) var(--n-md, 1.15789em));
    line-height: var(--lh);
    letter-spacing: 0;
}

.form-control--large .is-win .form-label,
.form-control--large .is-win input,
.is-win .form-control--large .form-label,
.is-win .form-control--large input,
.is-win .text--lead {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--large-lead {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 400;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 2.6)) var(--n-xxxxl, calc(var(--scale-text-rem) * 2.2));
    --lh: var(--xxxxl, 1.23077em) var(--n-xxxxl, 1.13636em);
    line-height: var(--lh);
    letter-spacing: 0;
}

.is-win .text--large-lead {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--medium-lead {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 400;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 2.6)) var( --n-xxxxl, var(--xxl, calc(var(--scale-text-rem) * 2.2)) var(--n-xxl, calc(var(--scale-text-rem) * 1.9)) );
    --lh: var(--xxxxl, 1.23077em) var(--n-xxxxl, var(--xxl, 1.13636em) var(--n-xxl, 1.15789em));
    line-height: var(--lh);
    letter-spacing: 0;
}

.is-win .text--medium-lead {
    --fos: -0.16em;
    --foe: -0.125em;
}

.text--medium {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: var(--md, 400) var(--n-md, 500);
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 2.6)) var( --n-xxxxl, var(--xxl, calc(var(--scale-text-rem) * 2.2)) var( --n-xxl, var(--md, calc(var(--scale-text-rem) * 1.9)) var(--n-md, calc(var(--scale-text-rem) * 1.3)) ) );
    --lh: var(--xxxxl, 1.23077em) var( --n-xxxxl, var(--xxl, 1.13636em) var(--n-xxl, var(--md, 1.15789em) var(--n-md, 1.23077em)) );
    line-height: var(--lh);
    letter-spacing: var(--md, 0) var(--n-md, 0.01em);
}

.is-win .text--medium {
    --fos: -0.16em;
    --foe: -0.125em;
}

.h1,
h1 {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 300;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 16)) var( --n-xxxxl, var(--xxl, calc(var(--scale-text-rem) * 11.2)) var( --n-xxl, var(--md, calc(var(--scale-text-rem) * 9)) var(--n-md, calc(var(--scale-text-rem) * 4.8)) ) );
    --lh: var(--xxxxl, 0.9875em) var( --n-xxxxl, var(--xxl, 0.98214em) var(--n-xxl, var(--md, 1.04651em) var(--n-md, 1.04167em)) );
    line-height: var(--lh);
    letter-spacing: -0.01em;
}

.is-win .h1,
.is-win h1 {
    --fos: -0.16em;
    --foe: -0.125em;
}

.h2,
h2 {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: var(--xxxxl, 300) var(--n-xxxxl, var(--md, 400) var(--n-md, 300));
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 9)) var( --n-xxxxl, var(--xxl, calc(var(--scale-text-rem) * 5.6)) var( --n-xxl, var(--md, calc(var(--scale-text-rem) * 4.8)) var(--n-md, calc(var(--scale-text-rem) * 3.6)) ) );
    --lh: var(--xxxxl, 1.04651em) var( --n-xxxxl, var(--xxl, 1.07143em) var(--n-xxl, var(--md, 1.08333em) var(--n-md, 1.11111em)) );
    line-height: var(--lh);
    letter-spacing: -0.01em;
}

.is-win .h2,
.is-win h2 {
    --fos: -0.16em;
    --foe: -0.125em;
}

.h3,
h3 {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 300;
    font-size: var(--md, calc(var(--scale-text-rem) * 3.6)) var(--n-md, calc(var(--scale-text-rem) * 2.8));
    --lh: var(--md, 1.11111em) var(--n-md, 1.14286em);
    line-height: var(--lh);
    letter-spacing: -0.01em;
}

.is-win .h3,
.is-win h3 {
    --fos: -0.16em;
    --foe: -0.125em;
}

.h4,
h4 {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 300;
    font-size: calc(var(--scale-text-rem) * 1.6);
    --lh: 1.125em;
    line-height: var(--lh);
    letter-spacing: 0;
}

.is-win .h4,
.is-win h4 {
    --fos: -0.16em;
    --foe: -0.125em;
}

.h5,
h5 {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 300;
    font-size: calc(var(--scale-text-rem) * 1.6);
    --lh: 1.125em;
    line-height: var(--lh);
    letter-spacing: 0;
}

.is-win .h5,
.is-win h5 {
    --fos: -0.16em;
    --foe: -0.125em;
}

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

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

a {
    color: var(--t-link-default-normal);
}

.has-hover a:hover {
    color: var(--t-link-default-hover);
}

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

.link-text {
    color: var(--t-link-text-normal);
}

.has-hover .link-text:hover {
    color: var(--t-link-text-hover);
}

    .has-hover .link-text:hover:active,
    .is-active.link-text {
        color: var(--t-link-text-active);
    }

@font-face {
    font-family: PP Neue Montreal;
    src: url(../fonts/PPNeueMontreal-Book.woff2) format("woff2"), url(../fonts/PPNeueMontreal-Book.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: PP Neue Montreal;
    src: url(../fonts/PPNeueMontreal-Medium.woff2) format("woff2"), url(../fonts/PPNeueMontreal-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

: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) * 60)) var( --n-xxxl, var(--xxl, calc(var(--scale-px) * 40)) var( --n-xxl, var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20)) ) );
    --spacing-title: var(--xxxl, calc(var(--scale-px) * 60)) var( --n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 20)) );
}

@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: 1199px), (min-width: 668px) and (min-height: 416px) and (max-height: 499px), (min-width: 668px) and (min-height: 416px) and (max-width: 1199px), (min-width: 980px) and (max-height: 499px), (min-width: 980px) and (max-width: 1199px) {
    :root {
        --scale-px: max( 0.6px, min(1px, calc(0.6px + 0.4 * ((100vw - 720px) / 480))) );
        --scale-rem: max( 0.6rem, min(1rem, calc(0.6rem + 4 * ((100vw - 720px) / 480))) );
        --scale-text-px: max( 0.84px, min(1px, calc(0.84px + 0.16 * ((100vw - 720px) / 480))) );
        --scale-text-rem: max( 0.84rem, min(1rem, calc(0.84rem + 1.6 * ((100vw - 720px) / 480))) );
    }
}

@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: 1199px), (min-width: 668px) and (min-height: 416px) and (max-height: 499px), (min-width: 668px) and (min-height: 416px) and (max-width: 1199px), (min-width: 980px) and (max-height: 499px), (min-width: 980px) and (max-width: 1199px) {
}

@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 {
    --lvh: 1vh;
    --svh: 1vh;
    --dvh: 1vh;
}

@supports (top: 1dvh) {
    :root {
        --lvh: 1lvh !important;
        --svh: 1svh !important;
        --dvh: 1dvh !important;
    }
}

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

body {
    min-height: 100vh;
    min-height: calc(var(--dvh) * 100);
    width: 100vw;
}

@media print {
    html {
        height: auto;
    }

    body,
    html {
        overflow: visible;
    }

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

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

main {
    display: block;
}

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

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

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

#__bs_notify__ {
    display: none !important;
}

:root {
    --c-black: #04040e;
    --c-black-rgb: 4, 4, 14;
    --c-grey: #72727c;
    --c-grey-rgb: 114, 114, 124;
    --c-mid-grey: #a4a4ae;
    --c-mid-grey-rgb: 164, 164, 174;
    --c-light-grey: #ededee;
    --c-light-grey-rgb: 237, 237, 238;
    --c-super-light: #f2f2f3;
    --c-super-light-rgb: 242, 242, 243;
    --c-white: #fff;
    --c-white-rgb: 255, 255, 255;
    --c-chart-cyan: #37838e;
    --c-chart-cyan-rgb: 55, 131, 142;
    --c-chart-navy: #344674;
    --c-chart-navy-rgb: 52, 70, 116;
    --c-error: #d93131;
    --c-error-rgb: 217, 49, 49;


    --c-blue: #083c5c;
    --c-blue-rgb: 114, 114, 124;
    --c-mid-blue: #a4a4ae;
    --c-mid-blue-rgb: 164, 164, 174;
    --c-light-blue: #ededee;
    --c-light-blue-rgb: 237, 237, 238;
    --c-chart-grey: #c3c5d4;
    --c-chart-grey-rgb: 195, 197, 212;
    --c-chart-blue: #c3c5d4;
    --c-chart-blue-rgb: 195, 197, 212;
    --c-chart-purple: #8a5da5;
    --c-chart-purple-rgb: 138, 93, 165;
}

.ui-dark,
.ui-light,
:root {
    --t-background: var(--c-white);
    --t-background-rgb: var(--c-white-rgb);
    --t-background-alt: var(--c-white);
    --t-background-alt-rgb: var(--c-white-rgb);
    --t-line: rgba(var(--c-black-rgb), 0.1);
    --t-underline: var(--c-mid-blue);
    --t-underline-rgb: var(--c-mid-blue-rgb);
    --t-small: var(--c-mid-blue);
    --t-small-rgb: var(--c-mid-blue-rgb);
    --t-text: var(--c-mid-grey);
    --t-text-rgb: var(--c-mid-grey);
    --t-medium: var(--c-blue);
    --t-medium-rgb: var(--c-blue-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-secondary: var(--c-black);
    --t-secondary-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-heading);
    --t-button-primary-background-rgb: var(--t-heading-rgb);
    --t-button-primary-hover-text: var(--t-background);
    --t-button-primary-hover-text-rgb: var(--t-background-rgb);
    --t-button-secondary-text: var(--t-heading);
    --t-button-secondary-text-rgb: var(--t-heading-rgb);
    --t-button-secondary-background: rgba(var(--c-black-rgb), 0.05);
    --t-button-transparent-text: var(--t-heading);
    --t-button-transparent-text-rgb: var(--t-heading-rgb);
    --t-button-transparent-active-background: rgba(var(--c-white-rgb), 0.15);
    --t-button-inverse-text: var(--t-heading);
    --t-button-inverse-text-rgb: var(--t-heading-rgb);
    --t-button-inverse-background: var(--t-background);
    --t-button-inverse-background-rgb: var(--t-background-rgb);
    --t-button-inverse-hover-text: var(--t-heading);
    --t-button-inverse-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-text: var(--t-heading);
    --t-button-outline-text-rgb: var(--t-heading-rgb);
    --t-button-outline-background: transparent;
    --t-button-outline-border: rgba(var(--t-heading-rgb), 0.15);
    --t-button-outline-hover-text: var(--t-heading);
    --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-background: transparent;
    --t-button-outline-hover-border: var(--t-heading);
    --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
    --t-button-link-text: var(--t-text);
    --t-button-link-text-rgb: var(--t-text-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-underline);
    --t-button-link-hover-border-rgb: var(--t-underline-rgb);
    --t-button-link-active-text: var(--t-small);
    --t-button-link-active-text-rgb: var(--t-small-rgb);
    --t-button-link-heading-text: var(--t-heading);
    --t-button-link-heading-text-rgb: var(--t-heading-rgb);
    --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-underline);
    --t-button-link-heading-hover-border-rgb: var(--t-underline-rgb);
    --t-button-link-heading-active-text: var(--t-heading);
    --t-button-link-heading-active-text-rgb: var(--t-heading-rgb);
    --t-button-link-border-border: var(--t-line);
    --t-button-link-border-border-rgb: var(--t-line-rgb);
    --t-button-link-border-hover-border: var(--t-underline);
    --t-button-link-border-hover-border-rgb: var(--t-underline-rgb);
    --t-button-link-reverse-text: var(--t-heading);
    --t-button-link-reverse-text-rgb: var(--t-heading-rgb);
    --t-button-link-reverse-hover-text: var(--t-text);
    --t-button-link-reverse-hover-text-rgb: var(--t-text-rgb);
    --t-button-link-reverse-hover-border: var(--t-underline);
    --t-button-link-reverse-hover-border-rgb: var(--t-underline-rgb);
    --t-link-default-normal: var(--t-heading);
    --t-link-default-normal-rgb: var(--t-heading-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-heading);
    --t-link-text-hover-rgb: var(--t-heading-rgb);
    --t-link-text-active: var(--t-heading);
    --t-link-text-active-rgb: var(--t-heading-rgb);
}

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

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

.ui-dark {
    --t-background: var(--c-blue);
    --t-background-rgb: var(--c-blue-rgb);
    --t-background-alt: var(--c-black);
    --t-background-alt-rgb: var(--c-black-rgb);
    --t-line: rgba(var(--c-white-rgb), 0.15);
    --t-underline: var(--c-blue);
    --t-underline-rgb: var(--c-blue-rgb);
    --t-small: rgba(var(--c-white-rgb), 0.5);
    --t-text: var(--c-grey);
    --t-text-rgb: var(--c-grey-rgb);
    --t-medium: var(--c-blue);
    --t-medium-rgb: var(--c-blue-rgb);
    --t-heading: var(--c-white);
    --t-heading-rgb: var(--c-white-rgb);
    --t-primary: var(--c-black);
    --t-primary-rgb: var(--c-black-rgb);
    --t-secondary: var(--c-white);
    --t-secondary-rgb: var(--c-white-rgb);
    --t-button-primary-text: var(--t-background-alt);
    --t-button-primary-text-rgb: var(--t-background-alt-rgb);
    --t-button-primary-background: var(--t-heading);
    --t-button-primary-background-rgb: var(--t-heading-rgb);
    --t-button-primary-hover-text: var(--t-background-alt);
    --t-button-primary-hover-text-rgb: var(--t-background-alt-rgb);
    --t-button-secondary-text: var(--t-heading);
    --t-button-secondary-text-rgb: var(--t-heading-rgb);
    --t-button-secondary-background: rgba(var(--c-white-rgb), 0.15);
    --t-button-outline-text: var(--t-heading);
    --t-button-outline-text-rgb: var(--t-heading-rgb);
    --t-button-outline-background: transparent;
    --t-button-outline-border: rgba(var(--t-heading-rgb), 0.3);
    --t-button-outline-hover-text: var(--t-heading);
    --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
    --t-button-outline-hover-background: transparent;
    --t-button-outline-hover-border: var(--t-heading);
    --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
    color: var(--t-text);
}

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

@media print {
    .ui-dark,
    .ui-light,
    :root {
        --t-background: #fff;
        --t-background-alt: #fff;
        --t-line: #666;
        --t-small: #666;
        --t-text: #000;
        --t-heading: #000;
        --t-primary: #000;
    }

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

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

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

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

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

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .js .is-invisible--md-up-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;
}

.p-relative {
    position: relative;
}

.d-block {
    display: block;
}

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

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

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

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

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

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

.icon--no-scale {
    transform: none;
}

.icon,
.icon--with-margins ~ span {
    vertical-align: middle;
}

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

html {
    font-size: 62.5%;
}

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

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--default {
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    --fos: -0.155em;
    --foe: -0.125em;
    font-weight: 500;
    font-size: var(--xxxxl, calc(var(--scale-text-rem) * 1.5)) var(--n-xxxxl, calc(var(--scale-text-rem) * 1.3));
    --lh: var(--xxxxl, 1.2em) var(--n-xxxxl, 1.23077em);
    line-height: var(--lh);
    letter-spacing: 0.01em;
}

.is-win .text--default {
    --fos: -0.16em;
    --foe: -0.125em;
}

.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--color-medium {
    color: var(--t-medium);
}

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

.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--right\:md {
        text-align: right;
    }

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

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

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

.text--trademark {
    font-size: 0.6em;
}

.text figure {
    position: relative;
}

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

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

.text .h1,
.text .h2,
.text .h3,
.text .h4,
.text .h5,
.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
    margin-top: var(--spacing);
    margin-bottom: 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-top: var(--spacing);
    margin-bottom: 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;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    -webkit-text-decoration-color: var(--t-line);
    text-decoration-color: var(--t-line);
    text-underline-offset: calc(var(--scale-px) * 2);
}

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

.text .btn--link {
    vertical-align: baseline;
}

.text .h1:after,
.text .h1:before,
.text .h2:after,
.text .h2:before,
.text .h3:after,
.text .h3:before,
.text .h4:after,
.text .h4:before,
.text .h5:after,
.text .h5:before,
.text blockquote:after,
.text blockquote:before,
.text h1:after,
.text h1:before,
.text h2:after,
.text h2:before,
.text h3:after,
.text h3:before,
.text h4:after,
.text h4:before,
.text h5:after,
.text h5:before,
.text li:after,
.text li:before,
.text p:after,
.text p:before {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    position: relative;
}

.text .h1:before,
.text .h2:before,
.text .h3:before,
.text .h4:before,
.text .h5:before,
.text blockquote:before,
.text h1:before,
.text h2:before,
.text h3:before,
.text h4:before,
.text h5:before,
.text li:before,
.text p:before {
    margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em));
}

.text .h1:after,
.text .h2:after,
.text .h3:after,
.text .h4:after,
.text .h5:after,
.text blockquote:after,
.text h1:after,
.text h2:after,
.text h3:after,
.text h4:after,
.text h5:after,
.text li:after,
.text p:after {
    margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em));
}

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

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

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

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

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

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

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

code {
    padding: 2px 10px;
}

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

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

.text ul {
    margin-bottom: var(--spacing);
    margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em));
}

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

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

    .text ul > li {
        position: relative;
        padding-left: calc(var(--scale-px) * 30);
        margin-top: calc(var(--scale-px) * 14);
        margin-bottom: calc(var(--scale-px) * 14);
    }

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

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

        .text ul > li:before {
            position: absolute;
            left: 0;
            top: 0.68182em;
            margin-top: calc(var(--scale-px) * -5);
            content: "";
            width: calc(var(--scale-px) * 10);
            height: calc(var(--scale-px) * 10);
            background: url(../images/common/list-checkmark.svg);
            background-size: contain;
        }

.ui-dark .text ul > li:before {
    background: url(../images/common/list-checkmark-dark.svg);
    background-size: contain;
}

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

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

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

    .text ol > li {
        counter-increment: text-ol;
        position: relative;
        padding-left: var(--spacing);
        margin-top: calc(var(--scale-px) * 14);
        margin-bottom: calc(var(--scale-px) * 14);
    }

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

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

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

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

:where(.text table th) {
    text-align: left;
    font-weight: inherit;
    padding: 0 0 calc(var(--scale-px) * 15);
}

.text table td {
    color: var(--t-heading);
    border-top: 1px solid var(--t-line);
    padding: var(--md, calc(var(--scale-px) * 28) 0 calc(var(--scale-px) * 26)) var(--n-md, calc(var(--scale-px) * 28) 0 calc(var(--scale-px) * 30));
}

.text table tr:last-child td {
    padding-bottom: 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 {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition-property: color;
}

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

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

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

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

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

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

.btn-container span.btn:not([role="button"]):not(.btn-ignore-container) {
    cursor: pointer;
}

.btn .btn__icon + .btn__text,
.btn .btn__text + .btn__icon {
    margin-left: var(--md, calc(var(--scale-px) * 37)) var(--n-md, calc(var(--scale-px) * 28));
}

.btn--link .btn__icon + .btn__text,
.btn--link .btn__text + .btn__icon,
.btn--sm .btn__icon + .btn__text,
.btn--sm .btn__text + .btn__icon {
    margin-left: var(--md, calc(var(--scale-px) * 15)) var(--n-md, calc(var(--scale-px) * 10));
}

.btn--xs .btn__icon + .btn__text,
.btn--xs .btn__text + .btn__icon {
    margin-left: calc(var(--scale-px) * 10);
}

.btn__text {
    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 .btn__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

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

.btn {
    height: calc(var(--scale-px) * 50);
    padding: 0 calc(var(--scale-px) * 25);
    --button-height: calc(var(--scale-px) * 50);
}

    .btn,
    .btn:after,
    .btn:before {
        border-radius: calc(var(--scale-px) * 25);
    }

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

            .btn.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 25);
                ry: calc(var(--scale-px) * 25);
            }

        .btn > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            height: calc(var(--scale-px) * 50);
        }

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

        .btn,
        .btn:after,
        .btn:before {
            border-radius: calc(var(--scale-px) * 30);
        }

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

                .btn.btn--outline > svg rect {
                    rx: calc(var(--scale-px) * 30);
                    ry: calc(var(--scale-px) * 30);
                }

            .btn > .btn__content {
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 0;
                padding-bottom: 0;
                height: calc(var(--scale-px) * 60);
            }
}

.btn--lg {
    height: calc(var(--scale-px) * 80);
    --button-height: calc(var(--scale-px) * 80);
}

    .btn--lg,
    .btn--lg:after,
    .btn--lg:before {
        border-radius: calc(var(--scale-px) * 40);
    }

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

            .btn--lg.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 40);
                ry: calc(var(--scale-px) * 40);
            }

        .btn--lg > .btn__content {
            height: calc(var(--scale-px) * 80);
        }

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .btn--lg {
        height: calc(var(--scale-px) * 120);
        --button-height: calc(var(--scale-px) * 120);
    }

        .btn--lg,
        .btn--lg:after,
        .btn--lg:before {
            border-radius: calc(var(--scale-px) * 60);
        }

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

                .btn--lg.btn--outline > svg rect {
                    rx: calc(var(--scale-px) * 60);
                    ry: calc(var(--scale-px) * 60);
                }

            .btn--lg > .btn__content {
                height: calc(var(--scale-px) * 120);
            }
}

.btn--md {
    height: calc(var(--scale-px) * 30);
    padding: 0 calc(var(--scale-px) * 20);
    --button-height: calc(var(--scale-px) * 30);
}

    .btn--md,
    .btn--md:after,
    .btn--md:before {
        border-radius: calc(var(--scale-px) * 20);
    }

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

            .btn--md.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 20);
                ry: calc(var(--scale-px) * 20);
            }

        .btn--md > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            height: calc(var(--scale-px) * 30);
        }

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

        .btn--md,
        .btn--md:after,
        .btn--md:before {
            border-radius: calc(var(--scale-px) * 20);
        }

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

                .btn--md.btn--outline > svg rect {
                    rx: calc(var(--scale-px) * 20);
                    ry: calc(var(--scale-px) * 20);
                }

            .btn--md > .btn__content {
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 0;
                padding-bottom: 0;
                height: calc(var(--scale-px) * 40);
            }
}

.btn--sm {
    height: calc(var(--scale-px) * 30);
    padding: 0 calc(var(--scale-px) * 17);
    --button-height: calc(var(--scale-px) * 30);
}

    .btn--sm,
    .btn--sm:after,
    .btn--sm:before {
        border-radius: calc(var(--scale-px) * 15);
    }

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

            .btn--sm.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 15);
                ry: calc(var(--scale-px) * 15);
            }

        .btn--sm > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            height: calc(var(--scale-px) * 30);
        }

.btn--xs {
    height: calc(var(--scale-px) * 24);
    padding: 0 calc(var(--scale-px) * 10);
    --button-height: calc(var(--scale-px) * 24);
}

    .btn--xs,
    .btn--xs:after,
    .btn--xs:before {
        border-radius: calc(var(--scale-px) * 12);
    }

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

            .btn--xs.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 12);
                ry: calc(var(--scale-px) * 12);
            }

        .btn--xs > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
            height: calc(var(--scale-px) * 24);
        }

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

        .btn--xs,
        .btn--xs:after,
        .btn--xs:before {
            border-radius: calc(var(--scale-px) * 15);
        }

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

                .btn--xs.btn--outline > svg rect {
                    rx: calc(var(--scale-px) * 15);
                    ry: calc(var(--scale-px) * 15);
                }

            .btn--xs > .btn__content {
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 0;
                padding-bottom: 0;
                height: calc(var(--scale-px) * 30);
            }
}

.btn--select {
    height: calc(var(--scale-px) * 24);
    --button-height: calc(var(--scale-px) * 24);
}

    .btn--select,
    .btn--select:after,
    .btn--select:before {
        border-radius: calc(var(--scale-px) * 12);
    }

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

            .btn--select.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 12);
                ry: calc(var(--scale-px) * 12);
            }

        .btn--select > .btn__content {
            height: calc(var(--scale-px) * 24);
        }

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

        .btn--select,
        .btn--select:after,
        .btn--select:before {
            border-radius: calc(var(--scale-px) * 10);
        }

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

                .btn--select.btn--outline > svg rect {
                    rx: calc(var(--scale-px) * 10);
                    ry: calc(var(--scale-px) * 10);
                }

            .btn--select > .btn__content {
                height: calc(var(--scale-px) * 20);
            }
}

.btn--clone.btn--combined,
.btn--combined {
    padding: 0 calc(var(--scale-px) * 15) 0 calc(var(--scale-px) * 25);
}

    .btn--clone.btn--combined > .btn__content,
    .btn--combined > .btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

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

        .btn--clone.btn--combined > .btn__content,
        .btn--combined > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
}

.btn--clone.btn--combined > .btn__content,
.btn--combined > .btn__content {
    justify-content: space-between;
}

    .btn--clone.btn--combined > .btn__content > .btn__text--clone ~ .btn__text--clone,
    .btn--combined > .btn__content > .btn__text--clone ~ .btn__text--clone {
        left: 0;
    }

    .btn--clone.btn--combined > .btn__content > .btn__icon--clone ~ .btn__icon--clone,
    .btn--combined > .btn__content > .btn__icon--clone ~ .btn__icon--clone {
        right: 0;
    }

    .btn--clone.btn--combined > .btn__content > .btn__icon ~ .btn__text--clone ~ .btn__text--clone,
    .btn--combined > .btn__content > .btn__icon ~ .btn__text--clone ~ .btn__text--clone {
        left: auto;
        right: 0;
    }

.btn--xs.btn--clone.btn--combined,
.btn--xs.btn--combined {
    padding: 0 calc(var(--scale-px) * 10);
}

    .btn--xs.btn--clone.btn--combined > .btn__content,
    .btn--xs.btn--combined > .btn__content {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

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

        .btn--xs.btn--clone.btn--combined > .btn__content,
        .btn--xs.btn--combined > .btn__content {
            margin-top: 0;
            margin-bottom: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
}

.btn--xxs {
    height: calc(var(--scale-px) * 24);
    --button-height: calc(var(--scale-px) * 24);
}

    .btn--xxs,
    .btn--xxs:after,
    .btn--xxs:before {
        border-radius: calc(var(--scale-px) * 12);
    }

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

            .btn--xxs.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 12);
                ry: calc(var(--scale-px) * 12);
            }

        .btn--xxs > .btn__content {
            height: calc(var(--scale-px) * 24);
        }

.btn--xxxs {
    height: calc(var(--scale-px) * 16);
    --button-height: calc(var(--scale-px) * 16);
}

    .btn--xxxs,
    .btn--xxxs:after,
    .btn--xxxs:before {
        border-radius: calc(var(--scale-px) * 8);
    }

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

            .btn--xxxs.btn--outline > svg rect {
                rx: calc(var(--scale-px) * 8);
                ry: calc(var(--scale-px) * 8);
            }

        .btn--xxxs > .btn__content {
            height: calc(var(--scale-px) * 16);
        }

.btn--square {
    width: var(--button-height);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 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);
    }

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

.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--transparent,
.btn--transparent .btn-container.is-disabled,
.btn--transparent.is-disabled,
.btn--transparent:disabled {
    color: var(--t-button-transparent-text);
}

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

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

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

.has-hover .btn--inverse:active:hover,
.has-hover .btn--inverse:hover,
.has-hover .btn-container:active:hover .btn--inverse:not(.btn-ignore-container),
.has-hover .btn-container:hover .btn--inverse:not(.btn-ignore-container) {
    color: var(--t-button-inverse-hover-text);
}

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

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

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

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

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

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

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

.has-hover .btn--outline:active:hover,
.has-hover .btn--outline:hover,
.has-hover .btn-container:active:hover .btn--outline:not(.btn-ignore-container),
.has-hover .btn-container:hover .btn--outline:not(.btn-ignore-container) {
    color: var(--t-button-outline-hover-text);
}

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

    .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:not(.btn-ignore-container),
.has-hover .btn-container:hover .btn--link:not(.btn-ignore-container) {
    color: var(--t-button-link-hover-text);
}

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

.btn--link-heading,
.btn--link-heading .btn-container.is-disabled,
.btn--link-heading.is-disabled,
.btn--link-heading:disabled {
    color: var(--t-button-link-heading-text);
    --hover-border: var(--t-button-link-heading-hover-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:not(.btn-ignore-container),
.has-hover .btn-container:hover .btn--link-heading:not(.btn-ignore-container) {
    color: var(--t-button-link-heading-hover-text);
}

.btn--link-heading.is-active,
.btn-container.is-active .btn--link-heading:not(.btn-ignore-container),
input:checked + .btn--link-heading:is(label) {
    color: var(--t-button-link-heading-active-text);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn.btn--dropdown .btn__icon--clone + .btn__icon--clone {
    transform: translateY(100%) rotate(180deg);
}

.btn.btn--dropdown:not(.btn__icon--clone) .btn__content {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition-property: transform;
}

.has-hover
.btn-container:hover
.btn.btn--dropdown:not(.btn-ignore-container)
.btn__icon--clone + .btn__icon--clone,
.has-hover .btn.btn--dropdown:hover .btn__icon--clone + .btn__icon--clone {
    transform: translate(0) rotate(90deg);
}

.has-hover
.btn-container:hover
.btn.btn--dropdown:not(.btn-ignore-container):not(.btn__icon--clone)
.btn__content,
.has-hover .btn.btn--dropdown:hover:not(.btn__icon--clone) .btn__content {
    transform: translate(0) rotateX(180deg);
}

.has-hover
.btn-container:active:hover
.btn.btn--dropdown:not(.btn-ignore-container)
.btn__icon--clone + .btn__icon--clone,
.has-hover
.btn.btn--dropdown:active:hover
.btn__icon--clone + .btn__icon--clone {
    transform: translate(0) rotate(90deg);
}

.has-hover
.btn-container:active:hover
.btn.btn--dropdown:not(.btn-ignore-container):not(.btn__icon--clone)
.btn__content,
.has-hover
.btn.btn--dropdown:active:hover:not(.btn__icon--clone)
.btn__content {
    transform: translate(0) rotateX(180deg);
}

.no-hover .btn.btn--dropdown {
    transition-property: transform;
}

.no-hover .is-active .btn.btn--dropdown {
    transform: rotate(180deg);
}

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

.btn:before {
    z-index: 1;
}

.btn:after {
    pointer-events: none;
}

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

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

.btn--cloned .btn__icon--clone,
.btn--cloned .btn__text--clone {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition-property: transform, -webkit-clip-path;
    transition-property: transform, clip-path;
    transition-property: transform, clip-path, -webkit-clip-path;
    will-change: transform, clip-path;
    transform: translateY(0);
    visibility: visible;
}

.btn--cloned .btn__text--clone {
    -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
}

    .btn--cloned .btn__text--clone + .btn__text--clone {
        transform: translateY(200%);
        -webkit-clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
        clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
    }

.has-hover .btn--cloned:hover .btn__text--clone,
.has-hover
.btn-container:hover
.btn--cloned:not(.btn-ignore-container)
.btn__text--clone {
    transform: translateY(-200%);
    -webkit-clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
    clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
}

    .has-hover .btn--cloned:hover .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:hover
    .btn--cloned:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
        clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    }

.has-hover .btn--cloned:active:hover .btn__text--clone,
.has-hover
.btn-container:active:hover
.btn--cloned:not(.btn-ignore-container)
.btn__text--clone {
    transform: translateY(-200%);
    -webkit-clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
    clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
}

    .has-hover .btn--cloned:active:hover .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:active:hover
    .btn--cloned:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
        clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    }

.btn--cloned .btn__icon--clone {
    -webkit-clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
    clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
}

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

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

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

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

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

.btn--cloned.btn--clone-right .btn__text--clone {
    -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
}

    .btn--cloned.btn--clone-right .btn__text--clone + .btn__text--clone {
        transform: translate(-200%);
        -webkit-clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
        clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
    }

.has-hover .btn--cloned.btn--clone-right:hover .btn__text--clone,
.has-hover
.btn-container:hover
.btn--cloned.btn--clone-right:not(.btn-ignore-container)
.btn__text--clone {
    transform: translate(200%);
    -webkit-clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
    clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
}

    .has-hover
    .btn--cloned.btn--clone-right:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:hover
    .btn--cloned.btn--clone-right:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
        clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    }

.has-hover .btn--cloned.btn--clone-right:active:hover .btn__text--clone,
.has-hover
.btn-container:active:hover
.btn--cloned.btn--clone-right:not(.btn-ignore-container)
.btn__text--clone {
    transform: translate(200%);
    -webkit-clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
    clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
}

    .has-hover
    .btn--cloned.btn--clone-right:active:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:active:hover
    .btn--cloned.btn--clone-right:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
        clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    }

.btn--cloned.btn--clone-right .btn__icon--clone {
    -webkit-clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
    clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
}

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

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

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

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

    .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:not(.btn-ignore-container)
    .btn__icon--clone + .btn__icon--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
        clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
    }

.btn--cloned.btn--clone-left .btn__text--clone {
    -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
}

    .btn--cloned.btn--clone-left .btn__text--clone + .btn__text--clone {
        transform: translate(200%);
        -webkit-clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
        clip-path: polygon(-250% -25%, -50% -25%, -50% 125%, -250% 125%);
    }

.has-hover .btn--cloned.btn--clone-left:hover .btn__text--clone,
.has-hover
.btn-container:hover
.btn--cloned.btn--clone-left:not(.btn-ignore-container)
.btn__text--clone {
    transform: translate(-200%);
    -webkit-clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
    clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
}

    .has-hover
    .btn--cloned.btn--clone-left:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:hover
    .btn--cloned.btn--clone-left:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
        clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    }

.has-hover .btn--cloned.btn--clone-left:active:hover .btn__text--clone,
.has-hover
.btn-container:active:hover
.btn--cloned.btn--clone-left:not(.btn-ignore-container)
.btn__text--clone {
    transform: translate(-200%);
    -webkit-clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
    clip-path: polygon(150% -25%, 350% -25%, 350% 125%, 150% 125%);
}

    .has-hover
    .btn--cloned.btn--clone-left:active:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:active:hover
    .btn--cloned.btn--clone-left:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
        clip-path: polygon(-50% -25%, 150% -25%, 150% 125%, -50% 125%);
    }

.btn--cloned.btn--clone-left .btn__icon--clone {
    -webkit-clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
    clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
}

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

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

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

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

    .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:not(.btn-ignore-container)
    .btn__icon--clone + .btn__icon--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
        clip-path: polygon(0 -25%, 100% -25%, 100% 125%, 0 125%);
    }

.btn--cloned.btn--clone-down .btn__text--clone {
    -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
}

    .btn--cloned.btn--clone-down .btn__text--clone + .btn__text--clone {
        transform: translateY(-200%);
        -webkit-clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
        clip-path: polygon(-25% 150%, 125% 150%, 125% 350%, -25% 350%);
    }

.has-hover .btn--cloned.btn--clone-down:hover .btn__text--clone,
.has-hover
.btn-container:hover
.btn--cloned.btn--clone-down:not(.btn-ignore-container)
.btn__text--clone {
    transform: translateY(200%);
    -webkit-clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
    clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
}

    .has-hover
    .btn--cloned.btn--clone-down:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:hover
    .btn--cloned.btn--clone-down:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
        clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    }

.has-hover .btn--cloned.btn--clone-down:active:hover .btn__text--clone,
.has-hover
.btn-container:active:hover
.btn--cloned.btn--clone-down:not(.btn-ignore-container)
.btn__text--clone {
    transform: translateY(200%);
    -webkit-clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
    clip-path: polygon(-25% -250%, 125% -250%, 125% -50%, -25% -50%);
}

    .has-hover
    .btn--cloned.btn--clone-down:active:hover
    .btn__text--clone + .btn__text--clone,
    .has-hover
    .btn-container:active:hover
    .btn--cloned.btn--clone-down:not(.btn-ignore-container)
    .btn__text--clone + .btn__text--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
        clip-path: polygon(-25% -50%, 125% -50%, 125% 150%, -25% 150%);
    }

.btn--cloned.btn--clone-down .btn__icon--clone {
    -webkit-clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
    clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
}

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

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

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

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

    .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:not(.btn-ignore-container)
    .btn__icon--clone + .btn__icon--clone {
        transform: translateY(0);
        -webkit-clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
        clip-path: polygon(-25% 0, 125% 0, 125% 100%, -25% 100%);
    }

.btn--rotation .btn__icon {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition-property: transform;
    will-change: transform;
    transform: rotate(0deg);
    visibility: visible;
}

.has-hover .btn--rotation:active:hover .btn__icon,
.has-hover .btn--rotation:hover .btn__icon,
.has-hover
.btn-container:active:hover
.btn--rotation:not(.btn-ignore-container)
.btn__icon,
.has-hover
.btn-container:hover
.btn--rotation:not(.btn-ignore-container)
.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;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: visible;
    }

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

            .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:not(.btn-ignore-container) > svg
rect {
    stroke-dashoffset: calc(var(--path-length) * -1);
}

    .has-hover .btn--outline:hover > svg rect + rect,
    .has-hover
    .btn-container:hover
    .btn--outline:not(.btn-ignore-container) > svg
    rect + rect {
        stroke-dashoffset: 0;
    }

.has-hover .btn--outline:active:hover > svg rect,
.has-hover
.btn-container:active:hover
.btn--outline:not(.btn-ignore-container) > 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:not(.btn-ignore-container) > svg
    rect + rect {
        stroke-dashoffset: 0;
    }

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

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

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

    .btn--underline .btn__underline:before {
        transform: scaleX(0);
        transform-origin: 0 0;
        border-bottom: 1px solid var(--hover-border);
        opacity: 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:not(.btn-ignore-container)
.btn__underline:after,
.has-hover
.btn-container:active:hover
.btn--underline:not(.btn-ignore-container)
.btn__underline:before,
.has-hover
.btn-container:hover
.btn--underline:not(.btn-ignore-container)
.btn__underline:after,
.has-hover
.btn-container:hover
.btn--underline:not(.btn-ignore-container)
.btn__underline:before {
    transform: scaleX(1);
    opacity: 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;
}

.h3 .btn--underline .btn__underline:after,
.h3 .btn--underline .btn__underline:before {
    bottom: -0.13889em;
}

.animation--cookie-consent-in,
.animation--fade-in,
.animation--fade-out,
.animation--height,
.animation--line,
.animation--tabs-in,
.animation--tabs-out {
    pointer-events: none;
}

.disable-transitions,
.disable-transitions *,
.disable-transitions:after,
.disable-transitions :after,
.disable-transitions:before,
.disable-transitions :before {
    transition: none !important;
}

@media (prefers-reduced-motion: reduce), (update: slow) {
    *,
    :after,
    :before {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: scroll !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}

.animation--fade-in,
.animation--fade-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--text-in {
    transition: transform, opacity;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    will-change: transform;
}

.animation--text-in--inactive {
    transform: translateY(65px);
    opacity: 0;
}

.animation--line {
    transition-property: stroke-dashoffset;
    transition-duration: 1.6s;
    stroke-dasharray: var(--line-length, 1) var(--line-length, 1);
    stroke-dashoffset: calc(var(--line-length, 1) * 0);
}

.animation--line--inactive {
    stroke-dashoffset: var(--line-length, 1);
}

.animation--tabs-in {
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
}

.animation--tabs-out {
    transition-timing-function: cubic-bezier(0.47, 0.04, 0.5, -0.06);
}

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

.js:not(.js-no-reveal) [data-reveal]:not([data-reveal-visible]) {
    opacity: 0 !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;
    }
}

.animation--intro-duration {
    transition-duration: 2s;
}

.animation--line-duration {
    transition-duration: 1.6s;
}

.card {
    display: block;
    position: relative;
    --card-spacing-h: var(--spacing);
    --card-spacing-v: var(--spacing);
    --card-ratio: 0.5;
}

.card__sizer {
    display: block;
    padding-top: calc(var(--card-ratio) * 100%);
}

.card.card--square {
    --card-ratio: 1;
}

.card__b,
.card__lb,
.card__lt,
.card__rb,
.card__rt,
.card__t {
    position: absolute;
    max-width: calc(100% - var(--card-spacing-h) * 2);
}

.card__lt,
.card__t {
    left: var(--card-spacing-h);
    top: var(--card-spacing-v);
}

.card__rt {
    top: var(--card-spacing-v);
    text-align: right;
}

.card__rb,
.card__rt {
    right: var(--card-spacing-h);
}

.card__b,
.card__lb,
.card__rb {
    bottom: var(--card-spacing-v);
}

.card__b,
.card__lb {
    left: var(--card-spacing-h);
}

.card__b,
.card__t {
    width: calc(100% - var(--card-spacing-h) * 2);
}

.card__center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.card__link {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 1;
}

.card[role="button"],
a.card {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

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

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

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

.modal__close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
}

.modal__scroller {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--dvh) * 100);
    overflow: hidden;
}

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

.modal__background {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    height: calc(var(--dvh) * 100);
    background: rgba(var(--c-black-rgb), 0.6);
}

.modal__content-wrapper {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: calc(var(--dvh) * 100);
}

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

.modal__content {
    position: relative;
    width: 100%;
    background: var(--t-background);
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .modal__content {
        width: 36.11111vw;
        min-width: 520px;
        max-width: 780px;
        margin: 0 auto;
    }
}

.with-modal {
    overflow: visible;
    scroll-behavior: auto;
}

    .with-modal body {
        overflow: hidden;
        height: 100vh;
        height: calc(var(--dvh) * 100);
    }

    .has-scroll-smooth .modal__scroller,
    .with-modal .modal__scroller {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

.animation--modal-out,
.animation--modal-out .modal__content-wrapper {
    pointer-events: none !important;
}

.animation--modal-out-fake {
    transition-property: opacity;
    transition-duration: 0.6s;
}

.modal--full {
}

    .modal--full .modal__content {
        min-height: 100vh;
        min-height: calc(var(--dvh) * 100);
        max-width: none;
        margin: 0;
        border-radius: 0;
    }

    .modal--full .modal__close {
        right: var(--spacing);
        top: var(--spacing);
    }

    .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-property: opacity;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.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--side {
}

    .modal--side .modal__content-wrapper {
        padding: 0;
    }

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

    .modal--side .modal__close {
        right: auto;
        left: var(--spacing);
        top: var(--spacing);
    }

    .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-property: transform, opacity;
        transition-duration: 1.2s;
        transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.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--center {
}

    .modal--center .modal__content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: 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-property: transform, opacity;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.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 {
        transform: scale(0.95);
        opacity: 0;
    }

.modal--video .modal__content {
    width: 100%;
    height: 100%;
}

.form-control[readonly],
.readonly.form-control {
    pointer-events: none;
}

.form-control--input input,
.form-control--select select,
.form-control--textarea textarea {
    width: 100%;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--t-line);
    border-radius: 0;
    height: calc(var(--scale-px) * 49);
    min-width: 0;
}

.form-control--input .no-hover input,
.form-control--select .no-hover select,
.form-control--textarea .no-hover textarea,
.no-hover .form-control--input input,
.no-hover .form-control--select select,
.no-hover .form-control--textarea textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

.form-control--input input.readonly,
.form-control--input input[readonly],
.form-control--select select.readonly,
.form-control--select select[readonly],
.form-control--textarea textarea.readonly,
.form-control--textarea textarea[readonly] {
    pointer-events: none;
    box-shadow: none;
}

.form-control--input input,
.form-control--select select,
.form-control--textarea textarea {
    outline: none;
    vertical-align: middle;
}

    .form-control--input input,
    .form-control--input input:-webkit-autofill:first-line,
    .form-control--select select,
    .form-control--select select:-webkit-autofill:first-line,
    .form-control--textarea textarea,
    .form-control--textarea textarea:-webkit-autofill:first-line {
        color: var(--t-medium);
    }

        .form-control--input input:-webkit-autofill,
        .form-control--input input:-webkit-autofill:active,
        .form-control--input input:-webkit-autofill:focus,
        .form-control--input input:-webkit-autofill:hover,
        .form-control--select select:-webkit-autofill,
        .form-control--select select:-webkit-autofill:active,
        .form-control--select select:-webkit-autofill:focus,
        .form-control--select select:-webkit-autofill:hover,
        .form-control--textarea textarea:-webkit-autofill,
        .form-control--textarea textarea:-webkit-autofill:active,
        .form-control--textarea textarea:-webkit-autofill:focus,
        .form-control--textarea textarea:-webkit-autofill:hover {
            -webkit-transition: color 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99), border-color 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99), background-color 1ms ease-in-out 5000s !important;
            transition: color 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99), border-color 0.6s cubic-bezier(0.25, 0.74, 0.22, 0.99), background-color 1ms ease-in-out 5000s !important;
        }

        .form-control--input input:focus,
        .form-control--select select:focus,
        .form-control--textarea textarea:focus {
            color: var(--t-heading);
            border-color: var(--t-heading);
        }

.form-control--input input,
.form-control--select select,
.form-control--textarea textarea {
    transition-property: color, background-color, border-color;
}

    .form-control--input input:invalid,
    .form-control--select select:invalid,
    .form-control--textarea textarea:invalid {
        box-shadow: none;
    }

    .form-control--input input::-ms-clear,
    .form-control--select select::-ms-clear,
    .form-control--textarea textarea::-ms-clear {
        display: none;
    }

::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
}

::-ms-reveal {
    display: none;
}

.form-label {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: var(--t-medium);
}

input[disabled] + .form-label,
select[disabled] + .form-label,
textarea[disabled] + .form-label {
    opacity: 0.5;
}

.form-label:before {
    content: "";
}

.form-label small {
    font-size: inherit;
    line-height: inherit;
    color: var(--t-small);
}

.form-control--large .form-label {
    color: var(--t-heading);
}

.form-control--float {
    position: relative;
}

    .form-control--float .form-label {
        position: absolute;
        padding: 0;
        width: auto;
        left: 0;
        top: calc(var(--scale-px) * 16);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        pointer-events: none;
        transform-origin: 0 0;
        transition-property: transform, color;
    }

    .form-control--float.form-control--textarea {
        padding-top: calc(var(--scale-px) * 18);
    }

    .form-control--float input::-webkit-input-placeholder,
    .form-control--float textarea::-webkit-input-placeholder {
        color: transparent !important;
    }

    .form-control--float input::-moz-placeholder,
    .form-control--float textarea::-moz-placeholder {
        color: transparent !important;
    }

    .form-control--float input:-ms-input-placeholder,
    .form-control--float textarea:-ms-input-placeholder {
        color: transparent !important;
    }

    .form-control--float.is-focused:not(.form-control--select) input ~ .form-label,
    .form-control--float.is-not-empty input ~ .form-label,
    .form-control--float input:focus ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    input:not(:-moz-placeholder-shown) ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    input:not(:placeholder-shown) ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float input:-webkit-autofill ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float.is-focused:not(.form-control--select) select ~ .form-label,
    .form-control--float.is-not-empty select ~ .form-label,
    .form-control--float select:focus ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    select:not(:-moz-placeholder-shown) ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    select:not(:placeholder-shown) ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float select:-webkit-autofill ~ .form-label {
        transform: translateY(-18px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float.is-focused:not(.form-control--select)
    textarea ~ .form-label,
    .form-control--float.is-not-empty textarea ~ .form-label,
    .form-control--float textarea:focus ~ .form-label {
        transform: translateY(-16px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    textarea:not(:-moz-placeholder-shown) ~ .form-label {
        transform: translateY(-16px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float:not(.form-control--select)
    textarea:not(:placeholder-shown) ~ .form-label {
        transform: translateY(-16px) scale(0.84615);
        color: var(--t-text);
    }

    .form-control--float textarea:-webkit-autofill ~ .form-label {
        transform: translateY(-16px) scale(0.84615);
        color: var(--t-text);
    }

.form-control--large.form-control--float .form-label {
    top: var(--md, calc(var(--scale-px) * 21)) var(--n-md, calc(var(--scale-px) * 17));
}

.form-control--large.form-control--float.is-focused:not(.form-control--select)
input ~ .form-label,
.form-control--large.form-control--float.is-not-empty input ~ .form-label,
.form-control--large.form-control--float input:focus ~ .form-label {
    transform: translateY(-21px) scale(0.5);
}

.form-control--large.form-control--float:not(.form-control--select)
input:not(:-moz-placeholder-shown) ~ .form-label {
    transform: translateY(-21px) scale(0.5);
}

.form-control--large.form-control--float:not(.form-control--select)
input:not(:placeholder-shown) ~ .form-label {
    transform: translateY(-21px) scale(0.5);
}

.form-control--large.form-control--float input:-webkit-autofill ~ .form-label {
    transform: translateY(-21px) scale(0.5);
}

.form-group {
    margin-top: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
    margin-bottom: var(--md, calc(var(--scale-px) * 30)) var(--n-md, calc(var(--scale-px) * 20));
}

    .form-group:where(:first-child) {
        margin-top: 0;
    }

    .form-group:where(:last-child) {
        margin-bottom: 0;
    }

.form-control--input input[type="number"]::-webkit-inner-spin-button,
.form-control--input input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-control--input[data-type="password"] input,
.form-control--input input[type="password"] {
    text-transform: none !important;
}

.form-control--textarea textarea {
    height: calc(var(--scale-px) * 31);
    resize: vertical;
}

.form-control--large input {
    height: var(--md, calc(var(--scale-px) * 67)) var(--n-md, calc(var(--scale-px) * 54));
    padding-right: var( --md, calc(calc(var(--scale-px) * 30) + calc(var(--scale-text-px) * 59)) ) var(--n-md, calc(var(--scale-px) * 79));
}

    .form-control--large input,
    .form-control--large input:-webkit-autofill:first-line {
        color: var(--t-heading);
    }

.form-control--select select {
    width: 100%;
    -webkit-appearance: menulist-button;
}

.form-control-checkbox {
    display: flex;
    align-items: center;
}

    .form-control-checkbox input {
        position: absolute;
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }

.form-control-checkbox__icon,
.form-control-checkbox__label {
    position: relative;
    min-height: 20px;
    cursor: pointer;
}

    .form-control-checkbox__icon:after,
    .form-control-checkbox__label:after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        right: -5px;
        bottom: -10px;
        left: -5px;
    }

.form-control-checkbox__icon {
    background: transparent;
    border: 1px solid var(--t-primary);
    flex-shrink: 0;
    transition-property: border-color;
}

    .form-control-checkbox__icon,
    .form-control-checkbox__icon:before {
        height: calc(var(--scale-px) * 20);
        width: calc(var(--scale-px) * 20);
    }

        .form-control-checkbox__icon:before {
            content: "";
            display: block;
            position: absolute;
            left: -1px;
            top: -1px;
            background: url(../images/common/checkbox.svg);
            background-size: cover;
            transition-property: opacity;
            opacity: 0;
        }

.form-control-checkbox__label {
    flex-grow: 1;
    padding: 0 0 0 10px;
}

input[disabled] ~ .form-control-checkbox__icon,
input[disabled] ~ .form-control-checkbox__label {
    opacity: 0.5;
    pointer-events: none;
}

input:checked ~ .form-control-checkbox__icon:before {
    opacity: 1;
}

input.focus-visible ~ .form-control-checkbox__icon {
    box-shadow: 0 0 0 2px var(--t-text);
}

.form-control-checkbox a {
    position: relative;
    z-index: 1;
}

.is-ie .form-control-checkbox a {
    vertical-align: top;
}

.has-error .form-control-checkbox__icon {
    border-color: var(--c-error);
}

.has-error .form-control-checkbox__label {
    color: var(--c-error);
}

.form-control-radio {
    display: flex;
    align-items: center;
}

    .form-control-radio input {
        position: absolute;
        -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
        clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    }

.form-control-radio__icon,
.form-control-radio__label {
    position: relative;
    min-height: 20px;
    cursor: pointer;
}

    .form-control-radio__icon:after,
    .form-control-radio__label:after {
        content: "";
        display: block;
        position: absolute;
        top: -10px;
        right: -5px;
        bottom: -10px;
        left: -5px;
    }

.form-control-radio__icon {
    background: transparent;
    border: 1px solid var(--t-line);
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: calc(var(--scale-px) * 10);
    overflow: hidden;
    transition-property: border-color, color;
}

    .form-control-radio__icon,
    .form-control-radio__icon:before {
        height: calc(var(--scale-px) * 20);
        width: calc(var(--scale-px) * 20);
    }

        .form-control-radio__icon:before {
            content: "";
            display: block;
            position: absolute;
            left: -1px;
            top: -1px;
            border: 7px solid var(--t-primary);
            border-radius: 50%;
            transition-property: opacity;
            opacity: 0;
        }

input:checked ~ .form-control-radio__icon:before {
    opacity: 1;
}

.form-control__password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
}

.form-control__password-toggle__active {
    display: none;
}

.form-control__password-toggle .icon.icon-example-password,
.form-control__password-toggle .icon.icon-example-password-hide {
    margin: 0;
}

.form-control__password-toggle--active
.form-control__password-toggle__inactive {
    display: none;
}

.form-control__password-toggle--active .form-control__password-toggle__active {
    display: block;
}

.grecaptcha-badge {
    display: none !important;
}

.form-footer {
    margin-top: var(--spacing);
    margin-bottom: var(--spacing);
}

    .form-footer:where(:first-child) {
        margin-top: 0;
    }

    .form-footer:where(:last-child) {
        margin-bottom: 0;
    }

.error-message {
    color: var(--c-error);
}

div.error,
label.error {
    display: block;
    padding-top: calc(var(--scale-px) * 3);
    color: var(--c-error);
}

.form-control--error input,
.form-control--error textarea {
    border-color: var(--c-error);
}

.cookie-consent {
    position: fixed;
    z-index: 13;
    overflow: hidden;
    left: auto;
    right: 0;
    bottom: 0;
    bottom: env(safe-area-inset-bottom, 0);
    height: auto;
    width: var( --md, calc( var(--grid-col) * 4 + var(--grid-gutter) * 3 + var(--container-h-padding-right) ) ) var(--n-md, 100%);
}

.cookie-consent__container {
    padding: var(--spacing-title);
}

.cookie-consent__text {
    max-width: var(--md, calc(var(--scale-text-px) * 232)) var(--n-md, calc(var(--scale-text-px) * 215));
}

.cookie-consent__button {
    text-align: right;
    padding-top: var(--md, calc(var(--spacing) * 6.5)) var(--n-md, calc(var(--scale-px) * 60));
}

.animation--cookie-consent-in {
    will-change: transform;
    transition-property: transform;
}

.animation--cookie-consent-in--inactive {
    transform: translateY(100%);
}

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

.ui-background-alt {
    background: var(--t-background-alt);
}

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

.container,
.container-h,
.container-h-mobile,
.container-v {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
}

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

:root {
    --container-max-width: 100vw;
    --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(--spacing-title);
    --container-h-padding-left: var(--container-h-padding-left-value);
    padding-left: var(--container-h-padding-left);
    --container-h-padding-right-value: var(--spacing-title);
    --container-h-padding-right: var(--container-h-padding-right-value);
    padding-right: var(--container-h-padding-right);
}

@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-h-mobile {
    --container-h-padding-left-value: var(--md, 0) var(--n-md, var(--spacing-title));
    --container-h-padding-left: var(--container-h-padding-left-value);
    padding-left: var(--container-h-padding-left);
    --container-h-padding-right-value: var(--md, 0) var(--n-md, var(--spacing-title));
    --container-h-padding-right: var(--container-h-padding-right-value);
    padding-right: var(--container-h-padding-right);
}

@supports (padding-left: env(safe-area-inset-left)) {
    .container-h-mobile {
        --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-top: var(--xxxl, calc(var(--scale-px) * 50)) var( --n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 20)) );
    padding-bottom: var(--xxxl, calc(var(--scale-px) * 50)) var( --n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, calc(var(--scale-px) * 20)) );
}

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

.full-width {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

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

.row--pad {
    margin-left: calc(calc(var(--scale-px) * 10) / -2);
    margin-right: calc(calc(var(--scale-px) * 10) / -2);
}

    .row--pad > .col {
        padding-left: calc(calc(var(--scale-px) * 10) / 2);
        padding-right: calc(calc(var(--scale-px) * 10) / 2);
    }

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

        .row--pad > .col {
            padding-left: calc(calc(var(--scale-px) * 20) / 2);
            padding-right: calc(calc(var(--scale-px) * 20) / 2);
        }
}

@media (min-width: 980px) {
    .row--pad {
        margin-left: calc(calc(var(--scale-px) * 20) / -2);
        margin-right: calc(calc(var(--scale-px) * 20) / -2);
    }

        .row--pad > .col {
            padding-left: calc(calc(var(--scale-px) * 20) / 2);
            padding-right: calc(calc(var(--scale-px) * 20) / 2);
        }
}

@media (min-width: 1440px) and (min-height: 700px) {
    .row--pad {
        margin-left: calc(calc(var(--scale-px) * 20) / -2);
        margin-right: calc(calc(var(--scale-px) * 20) / -2);
    }

        .row--pad > .col {
            padding-left: calc(calc(var(--scale-px) * 20) / 2);
            padding-right: calc(calc(var(--scale-px) * 20) / 2);
        }
}

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

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

@-moz-document url-prefix() {
    .col--xs-1 {
        max-width: 16.66667%;
    }
}

.offset--xs-1 {
    margin-left: 16.66667%;
}

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

@-moz-document url-prefix() {
    .col--xs-2 {
        max-width: 33.33333%;
    }
}

.offset--xs-2 {
    margin-left: 33.33333%;
}

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

@-moz-document url-prefix() {
    .col--xs-3 {
        max-width: 50%;
    }
}

.offset--xs-3 {
    margin-left: 50%;
}

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

@-moz-document url-prefix() {
    .col--xs-4 {
        max-width: 66.66667%;
    }
}

.offset--xs-4 {
    margin-left: 66.66667%;
}

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

@-moz-document url-prefix() {
    .col--xs-5 {
        max-width: 83.33333%;
    }
}

.offset--xs-5 {
    margin-left: 83.33333%;
}

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

@-moz-document url-prefix() {
    .col--xs-6 {
        max-width: 100%;
    }
}

.offset--xs-6 {
    margin-left: 100%;
}

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

@-moz-document url-prefix() {
    .col--xs-full {
        max-width: 100%;
    }
}

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

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

@-moz-document url-prefix() {
    .col--xs-auto {
        max-width: none;
    }
}

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

@-moz-document url-prefix() {
    .col--xs-fill {
        max-width: none;
    }
}

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

@-moz-document url-prefix() {
    .col--xs-fit {
        max-width: none;
    }
}

@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 16.66667%;
        width: 16.66667%;
    }

    @-moz-document url-prefix() {
        .col--md-1 {
            max-width: 16.66667%;
        }
    }

    .offset--md-1 {
        margin-left: 16.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--md-2 {
            max-width: 33.33333%;
        }
    }

    .offset--md-2 {
        margin-left: 33.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--md-3 {
            max-width: 50%;
        }
    }

    .offset--md-3 {
        margin-left: 50%;
    }

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

    @-moz-document url-prefix() {
        .col--md-4 {
            max-width: 66.66667%;
        }
    }

    .offset--md-4 {
        margin-left: 66.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--md-5 {
            max-width: 83.33333%;
        }
    }

    .offset--md-5 {
        margin-left: 83.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--md-6 {
            max-width: 100%;
        }
    }

    .offset--md-6 {
        margin-left: 100%;
    }

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

    @-moz-document url-prefix() {
        .col--md-full {
            max-width: 100%;
        }
    }

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

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

    @-moz-document url-prefix() {
        .col--md-auto {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--md-fill {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--md-fit {
            max-width: none;
        }
    }
}

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

    @-moz-document url-prefix() {
        .col--lg-1 {
            max-width: 16.66667%;
        }
    }

    .offset--lg-1 {
        margin-left: 16.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-2 {
            max-width: 33.33333%;
        }
    }

    .offset--lg-2 {
        margin-left: 33.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-3 {
            max-width: 50%;
        }
    }

    .offset--lg-3 {
        margin-left: 50%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-4 {
            max-width: 66.66667%;
        }
    }

    .offset--lg-4 {
        margin-left: 66.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-5 {
            max-width: 83.33333%;
        }
    }

    .offset--lg-5 {
        margin-left: 83.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-6 {
            max-width: 100%;
        }
    }

    .offset--lg-6 {
        margin-left: 100%;
    }

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

    @-moz-document url-prefix() {
        .col--lg-full {
            max-width: 100%;
        }
    }

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

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

    @-moz-document url-prefix() {
        .col--lg-auto {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--lg-fill {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--lg-fit {
            max-width: none;
        }
    }
}

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

    @-moz-document url-prefix() {
        .col--xxl-1 {
            max-width: 16.66667%;
        }
    }

    .offset--xxl-1 {
        margin-left: 16.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-2 {
            max-width: 33.33333%;
        }
    }

    .offset--xxl-2 {
        margin-left: 33.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-3 {
            max-width: 50%;
        }
    }

    .offset--xxl-3 {
        margin-left: 50%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-4 {
            max-width: 66.66667%;
        }
    }

    .offset--xxl-4 {
        margin-left: 66.66667%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-5 {
            max-width: 83.33333%;
        }
    }

    .offset--xxl-5 {
        margin-left: 83.33333%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-6 {
            max-width: 100%;
        }
    }

    .offset--xxl-6 {
        margin-left: 100%;
    }

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

    @-moz-document url-prefix() {
        .col--xxl-full {
            max-width: 100%;
        }
    }

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

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

    @-moz-document url-prefix() {
        .col--xxl-auto {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--xxl-fill {
            max-width: none;
        }
    }

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

    @-moz-document url-prefix() {
        .col--xxl-fit {
            max-width: none;
        }
    }
}

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

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

.container,
.container-h,
.container-h-mobile,
.container-v,
:root {
    --grid-col: calc( (
        min(100vw, var(--container-max-width)) - var(--container-h-padding-left) -
          var(--container-h-padding-right) - var(--grid-gutter) * 5
      ) / 4 );
}

:root {
    --grid-gutter: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 10));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-0,
.mt-0:where(:first-child),
.mt-0\:xs,
.mt-0\:xs:where(:first-child),
.my-0,
.my-0:where(:first-child),
.my-0\:xs,
.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) * 0.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-2\.5,
.mt-2\.5\:xs,
.my-2\.5,
.my-2\.5\:xs {
    margin-top: calc(var(--spacing) * 2.5);
}

    .mt-2\.5:where(:first-child),
    .mt-2\.5\:xs:where(:first-child),
    .my-2\.5:where(:first-child),
    .my-2\.5\: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-3\.5,
.mt-3\.5\:xs,
.my-3\.5,
.my-3\.5\:xs {
    margin-top: calc(var(--spacing) * 3.5);
}

    .mt-3\.5:where(:first-child),
    .mt-3\.5\:xs:where(:first-child),
    .my-3\.5:where(:first-child),
    .my-3\.5\: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-4\.5,
.mt-4\.5\:xs,
.my-4\.5,
.my-4\.5\:xs {
    margin-top: calc(var(--spacing) * 4.5);
}

    .mt-4\.5:where(:first-child),
    .mt-4\.5\:xs:where(:first-child),
    .my-4\.5:where(:first-child),
    .my-4\.5\: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-5\.5,
.mt-5\.5\:xs,
.my-5\.5,
.my-5\.5\:xs {
    margin-top: calc(var(--spacing) * 5.5);
}

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

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

    .mt-8:where(:first-child),
    .mt-8\:xs:where(:first-child),
    .my-8:where(:first-child),
    .my-8\: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-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-title-1,
.mt-title-1\:xs,
.my-title-1,
.my-title-1\:xs {
    margin-top: var(--spacing-title);
}

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

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

    .mt-title-2:where(:first-child),
    .mt-title-2\:xs:where(:first-child),
    .my-title-2:where(:first-child),
    .my-title-2\: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:where(:last-child),
.mb-0\:xs,
.mb-0\:xs:where(:last-child),
.my-0,
.my-0:where(:last-child),
.my-0\:xs,
.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) * 0.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-2\.5,
.mb-2\.5\:xs,
.my-2\.5,
.my-2\.5\:xs {
    margin-bottom: calc(var(--spacing) * 2.5);
}

    .mb-2\.5:where(:last-child),
    .mb-2\.5\:xs:where(:last-child),
    .my-2\.5:where(:last-child),
    .my-2\.5\: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-3\.5,
.mb-3\.5\:xs,
.my-3\.5,
.my-3\.5\:xs {
    margin-bottom: calc(var(--spacing) * 3.5);
}

    .mb-3\.5:where(:last-child),
    .mb-3\.5\:xs:where(:last-child),
    .my-3\.5:where(:last-child),
    .my-3\.5\: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-4\.5,
.mb-4\.5\:xs,
.my-4\.5,
.my-4\.5\:xs {
    margin-bottom: calc(var(--spacing) * 4.5);
}

    .mb-4\.5:where(:last-child),
    .mb-4\.5\:xs:where(:last-child),
    .my-4\.5:where(:last-child),
    .my-4\.5\: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-5\.5,
.mb-5\.5\:xs,
.my-5\.5,
.my-5\.5\:xs {
    margin-bottom: calc(var(--spacing) * 5.5);
}

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

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

    .mb-8:where(:last-child),
    .mb-8\:xs:where(:last-child),
    .my-8:where(:last-child),
    .my-8\: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-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-title-1,
.mb-title-1\:xs,
.my-title-1,
.my-title-1\:xs {
    margin-bottom: var(--spacing-title);
}

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

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

    .mb-title-2:where(:last-child),
    .mb-title-2\:xs:where(:last-child),
    .my-title-2:where(:last-child),
    .my-title-2\: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) * 0.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-2\.5,
.ml-2\.5\:xs,
.mx-2\.5,
.mx-2\.5\:xs {
    margin-left: calc(var(--spacing) * 2.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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) * 0.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-2\.5\:sm,
    .py-2\.5\:sm {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:sm,
    .py-3\.5\:sm {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:sm,
    .py-4\.5\:sm {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:sm,
    .py-8\:sm {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:sm,
    .py-0\.5\:sm {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:sm,
    .py-2\.5\:sm {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:sm,
    .py-3\.5\:sm {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:sm,
    .py-4\.5\:sm {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:sm,
    .py-8\:sm {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:sm,
    .px-0\.5\:sm {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:sm,
    .px-2\.5\:sm {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:sm,
    .px-3\.5\:sm {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:sm,
    .px-4\.5\:sm {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:sm,
    .px-8\:sm {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:sm,
    .px-0\.5\:sm {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:sm,
    .px-2\.5\:sm {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:sm,
    .px-3\.5\:sm {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:sm,
    .px-4\.5\:sm {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:sm,
    .px-8\:sm {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:sm,
    .my-0\.5\:sm {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:sm,
    .my-2\.5\:sm {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:sm:where(:first-child),
        .my-2\.5\: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-3\.5\:sm,
    .my-3\.5\:sm {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:sm:where(:first-child),
        .my-3\.5\: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-4\.5\:sm,
    .my-4\.5\:sm {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:sm:where(:first-child),
        .my-4\.5\: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-5\.5\:sm,
    .my-5\.5\:sm {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:sm,
    .my-8\:sm {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:sm:where(:first-child),
        .my-8\: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-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-title-1\:sm,
    .my-title-1\:sm {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:sm:where(:first-child),
        .my-title-2\: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,
    .mb-0\:sm:where(:last-child),
    .my-0\:sm,
    .my-0\:sm:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:sm,
    .my-0\.5\:sm {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:sm,
    .my-2\.5\:sm {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:sm:where(:last-child),
        .my-2\.5\: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-3\.5\:sm,
    .my-3\.5\:sm {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:sm:where(:last-child),
        .my-3\.5\: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-4\.5\:sm,
    .my-4\.5\:sm {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:sm:where(:last-child),
        .my-4\.5\: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-5\.5\:sm,
    .my-5\.5\:sm {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:sm,
    .my-8\:sm {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:sm:where(:last-child),
        .my-8\: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-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-title-1\:sm,
    .my-title-1\:sm {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:sm:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:sm,
    .mx-2\.5\:sm {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:sm,
    .mx-3\.5\:sm {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:sm,
    .mx-4\.5\:sm {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:sm,
    .mx-8\:sm {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:sm,
    .mx-2\.5\:sm {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:sm,
    .mx-3\.5\:sm {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:sm,
    .mx-4\:sm {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:sm,
    .mx-4\.5\:sm {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:sm,
    .mx-5\.5\:sm {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:sm,
    .mx-8\:sm {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:sm,
    .mx-6\:sm {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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) * 0.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-2\.5\:md,
    .py-2\.5\:md {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:md,
    .py-3\.5\:md {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:md,
    .py-4\.5\:md {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:md,
    .py-8\:md {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:md,
    .py-0\.5\:md {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:md,
    .py-2\.5\:md {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:md,
    .py-3\.5\:md {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:md,
    .py-4\.5\:md {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:md,
    .py-8\:md {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:md,
    .px-0\.5\:md {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:md,
    .px-2\.5\:md {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:md,
    .px-3\.5\:md {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:md,
    .px-4\.5\:md {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:md,
    .px-8\:md {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:md,
    .px-0\.5\:md {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:md,
    .px-2\.5\:md {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:md,
    .px-3\.5\:md {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:md,
    .px-4\.5\:md {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:md,
    .px-8\:md {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:md,
    .my-0\.5\:md {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:md,
    .my-2\.5\:md {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:md:where(:first-child),
        .my-2\.5\: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-3\.5\:md,
    .my-3\.5\:md {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:md:where(:first-child),
        .my-3\.5\: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-4\.5\:md,
    .my-4\.5\:md {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:md:where(:first-child),
        .my-4\.5\: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-5\.5\:md,
    .my-5\.5\:md {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:md,
    .my-8\:md {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:md:where(:first-child),
        .my-8\: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-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-title-1\:md,
    .my-title-1\:md {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:md:where(:first-child),
        .my-title-2\: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,
    .mb-0\:md:where(:last-child),
    .my-0\:md,
    .my-0\:md:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:md,
    .my-0\.5\:md {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:md,
    .my-2\.5\:md {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:md:where(:last-child),
        .my-2\.5\: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-3\.5\:md,
    .my-3\.5\:md {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:md:where(:last-child),
        .my-3\.5\: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-4\.5\:md,
    .my-4\.5\:md {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:md:where(:last-child),
        .my-4\.5\: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-5\.5\:md,
    .my-5\.5\:md {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:md,
    .my-8\:md {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:md:where(:last-child),
        .my-8\: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-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-title-1\:md,
    .my-title-1\:md {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:md:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:md,
    .mx-2\.5\:md {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:md,
    .mx-3\.5\:md {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:md,
    .mx-4\.5\:md {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:md,
    .mx-8\:md {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:md,
    .mx-2\.5\:md {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:md,
    .mx-3\.5\:md {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:md,
    .mx-4\:md {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:md,
    .mx-4\.5\:md {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:md,
    .mx-5\.5\:md {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:md,
    .mx-8\:md {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:md,
    .mx-6\:md {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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) * 0.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-2\.5\:lg,
    .py-2\.5\:lg {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:lg,
    .py-3\.5\:lg {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:lg,
    .py-4\.5\:lg {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:lg,
    .py-8\:lg {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:lg,
    .py-0\.5\:lg {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:lg,
    .py-2\.5\:lg {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:lg,
    .py-3\.5\:lg {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:lg,
    .py-4\.5\:lg {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:lg,
    .py-8\:lg {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:lg,
    .px-0\.5\:lg {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:lg,
    .px-2\.5\:lg {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:lg,
    .px-3\.5\:lg {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:lg,
    .px-4\.5\:lg {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:lg,
    .px-8\:lg {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:lg,
    .px-0\.5\:lg {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:lg,
    .px-2\.5\:lg {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:lg,
    .px-3\.5\:lg {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:lg,
    .px-4\.5\:lg {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:lg,
    .px-8\:lg {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:lg,
    .my-0\.5\:lg {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:lg,
    .my-2\.5\:lg {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:lg:where(:first-child),
        .my-2\.5\: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-3\.5\:lg,
    .my-3\.5\:lg {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:lg:where(:first-child),
        .my-3\.5\: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-4\.5\:lg,
    .my-4\.5\:lg {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:lg:where(:first-child),
        .my-4\.5\: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-5\.5\:lg,
    .my-5\.5\:lg {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:lg,
    .my-8\:lg {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:lg:where(:first-child),
        .my-8\: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-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-title-1\:lg,
    .my-title-1\:lg {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:lg:where(:first-child),
        .my-title-2\: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,
    .mb-0\:lg:where(:last-child),
    .my-0\:lg,
    .my-0\:lg:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:lg,
    .my-0\.5\:lg {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:lg,
    .my-2\.5\:lg {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:lg:where(:last-child),
        .my-2\.5\: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-3\.5\:lg,
    .my-3\.5\:lg {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:lg:where(:last-child),
        .my-3\.5\: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-4\.5\:lg,
    .my-4\.5\:lg {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:lg:where(:last-child),
        .my-4\.5\: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-5\.5\:lg,
    .my-5\.5\:lg {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:lg,
    .my-8\:lg {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:lg:where(:last-child),
        .my-8\: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-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-title-1\:lg,
    .my-title-1\:lg {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:lg:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:lg,
    .mx-2\.5\:lg {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:lg,
    .mx-3\.5\:lg {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:lg,
    .mx-4\.5\:lg {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:lg,
    .mx-8\:lg {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:lg,
    .mx-2\.5\:lg {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:lg,
    .mx-3\.5\:lg {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:lg,
    .mx-4\:lg {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:lg,
    .mx-4\.5\:lg {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:lg,
    .mx-5\.5\:lg {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:lg,
    .mx-8\:lg {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:lg,
    .mx-6\:lg {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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) * 0.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-2\.5\:xl,
    .py-2\.5\:xl {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:xl,
    .py-3\.5\:xl {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:xl,
    .py-4\.5\:xl {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:xl,
    .py-8\:xl {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:xl,
    .py-0\.5\:xl {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:xl,
    .py-2\.5\:xl {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:xl,
    .py-3\.5\:xl {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:xl,
    .py-4\.5\:xl {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:xl,
    .py-8\:xl {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:xl,
    .px-0\.5\:xl {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:xl,
    .px-2\.5\:xl {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:xl,
    .px-3\.5\:xl {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:xl,
    .px-4\.5\:xl {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:xl,
    .px-8\:xl {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:xl,
    .px-0\.5\:xl {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:xl,
    .px-2\.5\:xl {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:xl,
    .px-3\.5\:xl {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:xl,
    .px-4\.5\:xl {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:xl,
    .px-8\:xl {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:xl,
    .my-0\.5\:xl {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:xl,
    .my-2\.5\:xl {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:xl:where(:first-child),
        .my-2\.5\: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-3\.5\:xl,
    .my-3\.5\:xl {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:xl:where(:first-child),
        .my-3\.5\: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-4\.5\:xl,
    .my-4\.5\:xl {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:xl:where(:first-child),
        .my-4\.5\: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-5\.5\:xl,
    .my-5\.5\:xl {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:xl,
    .my-8\:xl {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:xl:where(:first-child),
        .my-8\: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-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-title-1\:xl,
    .my-title-1\:xl {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:xl:where(:first-child),
        .my-title-2\: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,
    .mb-0\:xl:where(:last-child),
    .my-0\:xl,
    .my-0\:xl:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:xl,
    .my-0\.5\:xl {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:xl,
    .my-2\.5\:xl {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:xl:where(:last-child),
        .my-2\.5\: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-3\.5\:xl,
    .my-3\.5\:xl {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:xl:where(:last-child),
        .my-3\.5\: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-4\.5\:xl,
    .my-4\.5\:xl {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:xl:where(:last-child),
        .my-4\.5\: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-5\.5\:xl,
    .my-5\.5\:xl {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:xl,
    .my-8\:xl {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:xl:where(:last-child),
        .my-8\: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-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-title-1\:xl,
    .my-title-1\:xl {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:xl:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:xl,
    .mx-2\.5\:xl {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:xl,
    .mx-3\.5\:xl {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:xl,
    .mx-4\.5\:xl {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:xl,
    .mx-8\:xl {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:xl,
    .mx-2\.5\:xl {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:xl,
    .mx-3\.5\:xl {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:xl,
    .mx-4\:xl {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:xl,
    .mx-4\.5\:xl {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:xl,
    .mx-5\.5\:xl {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:xl,
    .mx-8\:xl {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:xl,
    .mx-6\:xl {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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) * 0.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-2\.5\:xxl,
    .py-2\.5\:xxl {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:xxl,
    .py-3\.5\:xxl {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:xxl,
    .py-4\.5\:xxl {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:xxl,
    .py-8\:xxl {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:xxl,
    .py-0\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:xxl,
    .py-2\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:xxl,
    .py-3\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:xxl,
    .py-4\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:xxl,
    .py-8\:xxl {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:xxl,
    .px-2\.5\:xxl {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:xxl,
    .px-3\.5\:xxl {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:xxl,
    .px-4\.5\:xxl {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:xxl,
    .px-8\:xxl {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:xxl,
    .px-0\.5\:xxl {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:xxl,
    .px-2\.5\:xxl {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:xxl,
    .px-3\.5\:xxl {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:xxl,
    .px-4\.5\:xxl {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:xxl,
    .px-8\:xxl {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:xxl,
    .my-2\.5\:xxl {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:xxl:where(:first-child),
        .my-2\.5\: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-3\.5\:xxl,
    .my-3\.5\:xxl {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:xxl:where(:first-child),
        .my-3\.5\: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-4\.5\:xxl,
    .my-4\.5\:xxl {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:xxl:where(:first-child),
        .my-4\.5\: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-5\.5\:xxl,
    .my-5\.5\:xxl {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:xxl,
    .my-8\:xxl {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:xxl:where(:first-child),
        .my-8\: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-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-title-1\:xxl,
    .my-title-1\:xxl {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:xxl:where(:first-child),
        .my-title-2\: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,
    .mb-0\:xxl:where(:last-child),
    .my-0\:xxl,
    .my-0\:xxl:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:xxl,
    .my-0\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:xxl,
    .my-2\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:xxl:where(:last-child),
        .my-2\.5\: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-3\.5\:xxl,
    .my-3\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:xxl:where(:last-child),
        .my-3\.5\: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-4\.5\:xxl,
    .my-4\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:xxl:where(:last-child),
        .my-4\.5\: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-5\.5\:xxl,
    .my-5\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:xxl,
    .my-8\:xxl {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:xxl:where(:last-child),
        .my-8\: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-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-title-1\:xxl,
    .my-title-1\:xxl {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:xxl:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:xxl,
    .mx-2\.5\:xxl {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:xxl,
    .mx-3\.5\:xxl {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:xxl,
    .mx-4\.5\:xxl {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:xxl,
    .mx-8\:xxl {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:xxl,
    .mx-2\.5\:xxl {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:xxl,
    .mx-3\.5\:xxl {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:xxl,
    .mx-4\:xxl {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:xxl,
    .mx-4\.5\:xxl {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:xxl,
    .mx-5\.5\:xxl {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:xxl,
    .mx-8\:xxl {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:xxl,
    .mx-6\:xxl {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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) * 0.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-2\.5\:xxxl,
    .py-2\.5\:xxxl {
        padding-top: calc(var(--spacing) * 2.5);
    }

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

    .pt-3\.5\:xxxl,
    .py-3\.5\:xxxl {
        padding-top: calc(var(--spacing) * 3.5);
    }

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

    .pt-4\.5\:xxxl,
    .py-4\.5\:xxxl {
        padding-top: calc(var(--spacing) * 4.5);
    }

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

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

    .pt-8\:xxxl,
    .py-8\:xxxl {
        padding-top: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pb-0\.5\:xxxl,
    .py-0\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 0.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-2\.5\:xxxl,
    .py-2\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 2.5);
    }

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

    .pb-3\.5\:xxxl,
    .py-3\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 3.5);
    }

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

    .pb-4\.5\:xxxl,
    .py-4\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 4.5);
    }

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

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

    .pb-8\:xxxl,
    .py-8\:xxxl {
        padding-bottom: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pl-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-left: calc(var(--spacing) * 0.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-2\.5\:xxxl,
    .px-2\.5\:xxxl {
        padding-left: calc(var(--spacing) * 2.5);
    }

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

    .pl-3\.5\:xxxl,
    .px-3\.5\:xxxl {
        padding-left: calc(var(--spacing) * 3.5);
    }

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

    .pl-4\.5\:xxxl,
    .px-4\.5\:xxxl {
        padding-left: calc(var(--spacing) * 4.5);
    }

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

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

    .pl-8\:xxxl,
    .px-8\:xxxl {
        padding-left: calc(var(--spacing) * 8);
    }

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

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

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

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

    .pr-0\.5\:xxxl,
    .px-0\.5\:xxxl {
        padding-right: calc(var(--spacing) * 0.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-2\.5\:xxxl,
    .px-2\.5\:xxxl {
        padding-right: calc(var(--spacing) * 2.5);
    }

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

    .pr-3\.5\:xxxl,
    .px-3\.5\:xxxl {
        padding-right: calc(var(--spacing) * 3.5);
    }

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

    .pr-4\.5\:xxxl,
    .px-4\.5\:xxxl {
        padding-right: calc(var(--spacing) * 4.5);
    }

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

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

    .pr-8\:xxxl,
    .px-8\:xxxl {
        padding-right: calc(var(--spacing) * 8);
    }

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

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

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

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

    .mt-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-top: calc(var(--spacing) * 0.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-2\.5\:xxxl,
    .my-2\.5\:xxxl {
        margin-top: calc(var(--spacing) * 2.5);
    }

        .mt-2\.5\:xxxl:where(:first-child),
        .my-2\.5\: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-3\.5\:xxxl,
    .my-3\.5\:xxxl {
        margin-top: calc(var(--spacing) * 3.5);
    }

        .mt-3\.5\:xxxl:where(:first-child),
        .my-3\.5\: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-4\.5\:xxxl,
    .my-4\.5\:xxxl {
        margin-top: calc(var(--spacing) * 4.5);
    }

        .mt-4\.5\:xxxl:where(:first-child),
        .my-4\.5\: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-5\.5\:xxxl,
    .my-5\.5\:xxxl {
        margin-top: calc(var(--spacing) * 5.5);
    }

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

    .mt-8\:xxxl,
    .my-8\:xxxl {
        margin-top: calc(var(--spacing) * 8);
    }

        .mt-8\:xxxl:where(:first-child),
        .my-8\: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-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-title-1\:xxxl,
    .my-title-1\:xxxl {
        margin-top: var(--spacing-title);
    }

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

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

        .mt-title-2\:xxxl:where(:first-child),
        .my-title-2\: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,
    .mb-0\:xxxl:where(:last-child),
    .my-0\:xxxl,
    .my-0\:xxxl:where(:last-child) {
        margin-bottom: 0;
    }

    .mb-0\.5\:xxxl,
    .my-0\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 0.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-2\.5\:xxxl,
    .my-2\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 2.5);
    }

        .mb-2\.5\:xxxl:where(:last-child),
        .my-2\.5\: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-3\.5\:xxxl,
    .my-3\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 3.5);
    }

        .mb-3\.5\:xxxl:where(:last-child),
        .my-3\.5\: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-4\.5\:xxxl,
    .my-4\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 4.5);
    }

        .mb-4\.5\:xxxl:where(:last-child),
        .my-4\.5\: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-5\.5\:xxxl,
    .my-5\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 5.5);
    }

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

    .mb-8\:xxxl,
    .my-8\:xxxl {
        margin-bottom: calc(var(--spacing) * 8);
    }

        .mb-8\:xxxl:where(:last-child),
        .my-8\: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-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-title-1\:xxxl,
    .my-title-1\:xxxl {
        margin-bottom: var(--spacing-title);
    }

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

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

        .mb-title-2\:xxxl:where(:last-child),
        .my-title-2\: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) * 0.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-2\.5\:xxxl,
    .mx-2\.5\:xxxl {
        margin-left: calc(var(--spacing) * 2.5);
    }

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

    .ml-3\.5\:xxxl,
    .mx-3\.5\:xxxl {
        margin-left: calc(var(--spacing) * 3.5);
    }

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

    .ml-4\.5\:xxxl,
    .mx-4\.5\:xxxl {
        margin-left: calc(var(--spacing) * 4.5);
    }

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

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

    .ml-8\:xxxl,
    .mx-8\:xxxl {
        margin-left: calc(var(--spacing) * 8);
    }

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

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

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

    .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) * 0.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-2\.5\:xxxl,
    .mx-2\.5\:xxxl {
        margin-right: calc(var(--spacing) * 2.5);
    }

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

    .mr-3\.5\:xxxl,
    .mx-3\.5\:xxxl {
        margin-right: calc(var(--spacing) * 3.5);
    }

    .mr-4\:xxxl,
    .mx-4\:xxxl {
        margin-right: calc(var(--spacing) * 4);
    }

    .mr-4\.5\:xxxl,
    .mx-4\.5\:xxxl {
        margin-right: calc(var(--spacing) * 4.5);
    }

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

    .mr-5\.5\:xxxl,
    .mx-5\.5\:xxxl {
        margin-right: calc(var(--spacing) * 5.5);
    }

    .mr-8\:xxxl,
    .mx-8\:xxxl {
        margin-right: calc(var(--spacing) * 8);
    }

    .mr-6\:xxxl,
    .mx-6\:xxxl {
        margin-right: calc(var(--spacing) * 6);
    }

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

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

    .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,
.js .is-hidden--md-up-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,
.js .is-hidden--xs-up-js {
    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,
    .js .is-hidden--sm-up-js {
        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,
    .js .is-hidden--md-up-js {
        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,
    .js .is-hidden--lg-up-js {
        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,
    .js .is-hidden--xl-up-js {
        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,
    .js .is-hidden--xxl-up-js {
        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,
    .js .is-hidden--xxxl-up-js {
        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) {
}

@media (min-width: 2400px) and (min-height: 700px) {
    .is-hidden--xxxxl,
    .is-hidden--xxxxl-up,
    .js .is-hidden--xxxxl-up-js {
        display: none !important;
    }
}

.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 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--scale-px) * 10) calc(var(--scale-px) * 30);
}

.group--small {
    gap: calc(var(--scale-px) * 10);
}

.group--tiny {
    gap: calc(var(--scale-px) * 5);
}

.group--spacing {
    gap: var(--spacing);
}

.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 {
    align-self: center;
    margin-left: auto;
}

.group--nowrap {
    flex-wrap: nowrap;
}

    .group--nowrap > *,
    .group--nowrap > :first-child {
        max-width: none;
    }

.group--nowrap-mobile {
    flex-wrap: var(--md, wrap) var(--n-md, nowrap);
}

    .group--nowrap-mobile > *,
    .group--nowrap-mobile > :first-child {
        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] {
    height: 100vh;
    display: inline-block;
    white-space: nowrap;
}

[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    height: 100%;
}

.c-scrollbar {
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    height: 100%;
    transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s;
    opacity: 0;
}

    .c-scrollbar:hover {
        transform: scaleX(1.45);
    }

    .c-scrollbar:hover,
    .has-scroll-dragging .c-scrollbar,
    .has-scroll-scrolling .c-scrollbar {
        opacity: 1;
    }

[data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1);
}

    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
        transform: scaleY(1.3);
    }

.c-scrollbar_thumb {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    opacity: 0.5;
    width: 7px;
    border-radius: 10px;
    margin: 2px;
    cursor: grab;
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing;
}

[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0;
}

.has-scroll-smooth {
    scroll-behavior: auto;
}

.c-scrollbar {
    z-index: 11;
}

.has-scroll-smooth
[data-scroll-section][data-scroll-section-id]:not( [data-scroll-section-inview] ) {
    transform: translateX(-200vw) !important;
}

html.has-scroll-smooth {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html.js.has-hover:not(.no-scroll-smooth):not(.has-scroll-smooth),
html.js.has-hover:not(.no-scroll-smooth):not(.has-scroll-smooth) body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    html.js.has-hover:not(.no-scroll-smooth):not(.has-scroll-smooth)
    ::-webkit-scrollbar,
    html.js.has-hover:not(.no-scroll-smooth):not(.has-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] ) {
        transform: none !important;
        opacity: 1 !important;
        pointer-events: all !important;
    }

    .has-scroll-smooth [data-scroll-container] {
        min-height: 0;
    }

    .c-scrollbar {
        display: none !important;
    }
}

.section {
    position: relative;
}

    .section:where(:not(:first-child)) {
        margin-top: -1px;
    }

.section__content {
    position: relative;
    height: 100%;
}

.section--top {
    z-index: 1;
}

.section--top-2 {
    z-index: 2;
}

.section--no-overflow,
.section--no-overflow .section__content {
    overflow: hidden;
    contain: content;
}

@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) {
    .section--no-overflow\:xs,
    .section--no-overflow\:xs .section__content {
        overflow: hidden;
        contain: content;
    }
}

.section--full-height,
.section--full-height .section__content {
    contain: strict;
    width: 100%;
    height: 100vh;
    height: calc(var(--lvh) * 100);
}

    .section--full-height:where(:first-child:not(:last-child)) {
        height: calc(var(--lvh) * 100 + 1px);
    }

.content-animation {
    position: relative;
}

    .content-animation [data-content-animation-item] {
        position: relative;
        left: 0;
        top: 0;
        min-width: 100%;
    }

    .content-animation.content-animation--ready [data-content-animation-item] {
        position: absolute;
    }

    .content-animation.content-animation--ready [data-content-animation-top] {
        position: relative;
    }

        .content-animation.content-animation--ready
        [data-content-animation-top] ~ [data-content-animation-top] {
            position: absolute;
        }

.content-animation--bottom [data-content-animation-item] {
    top: auto;
    bottom: 0;
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .content-animation--bottom\:md [data-content-animation-item] {
        top: auto;
        bottom: 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) {
    .content-animation--bottom\:xs [data-content-animation-item] {
        top: auto;
        bottom: 0;
    }
}

.background {
    position: absolute;
    overflow: hidden;
    overflow: clip;
    left: 0;
    top: 0;
}

    .background iframe {
        pointer-events: none;
    }

    .background:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .background img,
    img.background {
        display: block;
        width: 100%;
        height: auto;
    }

.background--top {
    width: 100%;
}

.background--bottom {
    width: 100%;
    top: auto;
    bottom: 0;
}

.background--cover {
    --iframe-width: 100vw;
    --iframe-height: 100vh;
    width: 100%;
    height: 100%;
}

    .background--cover img,
    .background--cover video,
    img.background--cover,
    video.background--cover {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        aspect-ratio: unset;
    }

    .background--cover iframe {
        position: absolute;
        width: max(100%, calc(var(--iframe-height) * var(--ratio)));
        height: max(100%, calc(var(--iframe-width) / var(--ratio)));
        aspect-ratio: unset;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

.page-transition-content {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    min-height: 100vh !important;
    z-index: 12 !important;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 14;
}

.preloader__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preloader__content__cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
}

.no-js .preloader {
    display: none !important;
}

.modal .preloader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.modal .preloader__content {
    position: sticky;
    max-height: calc(var(--dvh) * 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) {
    .scrollable {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        overflow-y: clip;
        touch-action: auto;
        margin-left: calc(var(--container-h-padding-left) * -1);
        margin-right: calc(var(--container-h-padding-right) * -1);
        padding-left: var(--container-h-padding-left);
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .scrollable:after {
            content: "";
            display: block;
            flex: 0 0 var(--container-h-padding-right);
            width: var(--container-h-padding-right);
            height: 1px;
        }

        .scrollable::-webkit-scrollbar {
            display: none;
        }
}

.no-hover .scrollable-no-hover {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overflow-y: clip;
    touch-action: auto;
    margin-left: calc(var(--container-h-padding-left) * -1);
    margin-right: calc(var(--container-h-padding-right) * -1);
    padding-left: var(--container-h-padding-left);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .no-hover .scrollable-no-hover:after {
        content: "";
        display: block;
        flex: 0 0 var(--container-h-padding-right);
        width: var(--container-h-padding-right);
        height: 1px;
    }

    .no-hover .scrollable-no-hover::-webkit-scrollbar {
        display: none;
    }

.scroll-disabled {
    overflow: hidden;
}

.browser-message {
    position: fixed;
    z-index: 15;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #04040e;
    color: #fff;
    padding-bottom: 40px;
}

    .browser-message .browser-message__browsers--android,
    .browser-message .browser-message__browsers--ios,
    .browser-message.is-android .browser-message__browsers--desktop,
    .browser-message.is-android .browser-message__browsers--ios,
    .browser-message.is-ios .browser-message__browsers--android,
    .browser-message.is-ios .browser-message__browsers--desktop,
    .browser-message[aria-hidden="true"] {
        display: none;
    }

    .browser-message.is-android .browser-message__browsers--android,
    .browser-message.is-ios .browser-message__browsers--ios {
        display: block;
    }

.browser-message__content {
    position: relative;
    width: 100%;
    font-family: PP Neue Montreal, Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: auto 0;
    padding-top: 50px;
}

.browser-message__text p {
    margin-top: 20px;
}

    .browser-message__text p:first-child {
        margin-top: 0;
    }

.browser-message__title {
    font-weight: 300;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: #fff;
    max-width: 433px;
}

.browser-message__subtitle {
    font-weight: 500;
    font-size: 19px;
    line-height: 116%;
    color: #a4a4ae;
    max-width: 333px;
}

.browser-message__close {
    display: flex;
    align-items: center;
    padding: 13px 15px 13px 25px;
    background: #04040e;
    border: 1px solid hsla(0, 0%, 100%, 0.3);
    border-radius: 60px;
    max-width: 142px;
}

    .browser-message__close span {
        font-weight: 500;
        font-size: 13px;
        line-height: 123%;
        letter-spacing: 0.01em;
        color: #fff;
    }

    .browser-message__close svg {
        margin-left: 27px;
    }

.browser-message__browsers {
    margin-top: 50px;
}

    .browser-message__browsers .group {
        justify-content: space-between;
        margin-bottom: 30px;
        gap: 0;
    }

    .browser-message__browsers a {
        width: calc(50% - 5px);
        margin-bottom: 10px;
        border: 1px solid hsla(0, 0%, 100%, 0.15);
        padding: 17px 20px 20px;
        display: flex;
        flex-direction: column;
    }

        .browser-message__browsers a span {
            font-weight: 500;
            font-size: 13px;
            line-height: 123%;
            letter-spacing: 0.01em;
            color: #a4a4ae;
        }

        .browser-message__browsers a picture {
            max-width: -moz-max-content;
            max-width: max-content;
            align-self: flex-end;
            margin-top: 35px;
        }

.browser-message__header {
    padding: 20px;
}

.browser-message__content {
    padding: 0 20px;
}

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .browser-message {
        padding-bottom: 60px;
    }

    .browser-message__title {
        margin-top: -10px;
        padding-right: 20px;
    }

    .browser-message__subtitle {
        margin-top: 20px;
        padding-right: 20px;
    }

    .browser-message__close {
        margin-top: 60px;
    }

    .browser-message__header {
        padding: 30px;
    }

    .browser-message__content {
        padding: 0 30px;
    }
}

@media (min-width: 1440px) and (min-height: 700px) {
    .browser-message {
        padding-bottom: 80px;
    }

    .browser-message__title {
        margin-top: -10px;
        padding-right: 20px;
    }

    .browser-message__subtitle {
        margin-top: 30px;
        padding-right: 20px;
    }

    .browser-message__close {
        margin-top: 80px;
    }

    .browser-message__header {
        padding: 40px;
    }

    .browser-message__content {
        padding: 0 40px;
    }
}

@media (min-width: 1920px) and (min-height: 700px) {
    .browser-message {
        padding-bottom: 120px;
    }

    .browser-message__title {
        margin-top: -10px;
        padding-right: 20px;
    }

    .browser-message__subtitle {
        margin-top: 50px;
        padding-right: 20px;
    }

    .browser-message__close {
        margin-top: 120px;
    }

    .browser-message__header {
        padding: 60px;
    }

    .browser-message__content {
        padding: 0 60px;
    }
}

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

    .browser-message__content {
        padding-bottom: 0;
    }

    .browser-message__browsers {
        margin-top: 0;
        width: 100%;
    }

        .browser-message__browsers .group {
            margin-bottom: 0;
        }

        .browser-message__browsers a {
            width: calc(50% - 10px);
            margin-bottom: 20px;
            padding: 27px 30px 30px;
            transition: border 0.3s ease;
        }

            .browser-message__browsers a:hover {
                border-color: #fff;
            }

            .browser-message__browsers a picture {
                margin-top: 100px;
            }

            .browser-message__browsers a img {
                width: 60px;
                height: 60px;
            }

    .browser-message__title {
        font-weight: 500;
        font-size: 56px;
        line-height: 107%;
        max-width: 460px;
    }

    .browser-message__subtitle {
        font-size: 22px;
        line-height: 116%;
        max-width: 410px;
    }

    .browser-message__close {
        padding: 15px 15px 15px 30px;
        max-width: 163px;
        transition: border 0.3s ease;
    }

        .browser-message__close svg {
            width: 30px;
            height: 30px;
            margin-left: 37px;
        }

        .browser-message__close:hover {
            border-color: #fff;
        }
}

.browser-message[aria-hidden="true"] _:-ms-input-placeholder,
:root .browser-message[aria-hidden="true"] {
    display: block;
}

.breadcrumbs {
    flex-wrap: no-wrap;
}

.breadcrumbs,
.breadcrumbs__item {
    display: flex;
    align-items: center;
    gap: var(--md, calc(var(--scale-px) * 8)) var(--n-md, calc(var(--scale-px) * 6));
}

.breadcrumbs__item {
    flex-shrink: 0;
}

.breadcrumbs__item--disabled .breadcrumbs__item__link,
.breadcrumbs__item__text {
    color: var(--t-text);
}

.breadcrumbs__item__divider {
    flex-shrink: 0;
}

.breadcrumbs__item--shrink,
.breadcrumbs__item--shrink .breadcrumbs__item__link {
    flex-shrink: 1;
    min-width: 0;
}

.breadcrumbs__item--disabled {
    pointer-events: none;
}

@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) {
    .mobile-scrollable {
        --item-gutter: 10px;
        --item-width: calc(var(--grid-gutter) * 4 + var(--grid-col) * 5);
        display: flex;
        flex-wrap: nowrap;
        gap: var(--item-gutter);
        padding: 0 0 0 var(--container-h-padding-left);
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

        .mobile-scrollable::-webkit-scrollbar {
            display: none;
        }

        .mobile-scrollable:after {
            content: "";
            display: block;
            height: 1px;
            width: var(--item-gutter);
            flex: 0 0 var(--item-gutter);
        }

    .container-h .mobile-scrollable {
        margin-left: calc(var(--container-h-padding-left) * -1);
        margin-right: calc(var(--container-h-padding-right) * -1);
        width: calc( 100% + var(--container-h-padding-left) + var(--container-h-padding-right) );
    }

    .mobile-scrollable .mobile-scrollable__item {
        scroll-snap-align: center;
        flex: 0 0 var(--item-width);
        width: var(--item-width);
    }

    .js .mobile-scrollable.mobile-scrollable--disabled-js {
        pointer-events: none;
    }

        .js
        .mobile-scrollable.mobile-scrollable--disabled-js
        .mobile-scrollable__item {
            scroll-snap-align: none;
        }

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

    .mobile-scrollable--1\.5 {
        --item-width: calc(var(--grid-gutter) * 3 + var(--grid-col) * 3.666);
    }
}

.accordion__heading .icon-arrow-dropdown {
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25, 0.74, 0.22, 0.99);
    transition-property: transform;
}

.accordion__heading a.is-active .icon-arrow-dropdown {
    transform: rotate(180deg);
}

.js .accordion__content[aria-hidden="true"] {
    display: none;
}

@media print {
    .js .accordion__content[aria-hidden="true"] {
        display: unset !important;
    }
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header__content {
    padding-top: var(--spacing-title);
    padding-bottom: var(--spacing-title);
}

.header--sticky {
    position: fixed;
    transition-property: opacity;
    opacity: 0;
    pointer-events: none;
}

.header-sticky-placeholder {
    height: 62px;
}

.header--sticky.header--collapsed {
    opacity: 1;
}

    .header--sticky.header--collapsed .btn {
        pointer-events: all;
    }

.header-dropdown {
    position: relative;
}

    .header-dropdown > .btn--link:after {
        bottom: calc(var(--scale-px) * -30);
    }

.header-dropdown__dropdown {
    position: absolute;
    left: 50%;
    top: calc(100% + calc(var(--scale-px) * 30));
    transform: translateX(-50%);
    padding: var(--spacing);
    cursor: default;
    transition-property: pointer-events, -webkit-clip-path;
    transition-property: clip-path, pointer-events;
    transition-property: clip-path, pointer-events, -webkit-clip-path;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    pointer-events: none;
}

    .header-dropdown__dropdown li {
        margin-top: calc(var(--scale-px) * -3);
    }

        .header-dropdown__dropdown li + li {
            border-top: 1px solid var(--t-line);
            margin-top: calc(var(--scale-px) * 18);
            padding-top: calc(var(--scale-px) * 15);
        }

.has-hover .header-dropdown:hover .header-dropdown__dropdown,
.has-hover .header-dropdown:hover:active .header-dropdown__dropdown,
.header-dropdown.focus-visible .header-dropdown__dropdown,
.header-dropdown.is-active .header-dropdown__dropdown,
.header-dropdown:focus-visible .header-dropdown__dropdown {
    pointer-events: all;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.header-dropdown:focus-within .header-dropdown__dropdown {
    pointer-events: all;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.footer {
    padding-top: var(--md, calc(var(--spacing) / 40 * 30)) var(--n-md, calc(var(--scale-px) * 25));
    padding-bottom: var(--md, calc(var(--spacing) / 40 * 30)) var(--n-md, calc(var(--scale-px) * 20));
}

.footer__bottom {
    margin-top: var(--md, calc(var(--scale-px) * 210)) var(--n-md, calc(var(--scale-px) * 140));
}

.footer__terms {
    margin-bottom: var(--md, 0) var(--n-md, calc(var(--scale-px) * 4));
}

.menu-modal .modal__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.menu-modal__header,
.menu-modal__list {
    padding: var(--spacing-title);
}

.menu-modal__list {
    padding-top: var(--md, calc(var(--scale-px) * 28)) var(--n-md, calc(var(--scale-px) * 38));
    padding-bottom: 0;
}

    .menu-modal__list > li + li {
        border-top: 1px solid var(--t-line);
    }

.menu-modal__link {
    --button-height: calc(var(--scale-px) * 64);
}

    .menu-modal__link,
    .menu-modal__link > .btn__content {
        height: calc(var(--scale-px) * 64);
    }

@media (min-width: 568px) and (max-aspect-ratio: 13/9), (min-width: 668px) and (min-height: 416px), (min-width: 980px) {
    .menu-modal__link {
        --button-height: calc(var(--scale-px) * 79);
    }

        .menu-modal__link,
        .menu-modal__link > .btn__content {
            height: calc(var(--scale-px) * 79);
        }
}

.menu-modal__sub-link {
    --button-height: calc(var(--scale-px) * 30);
}

    .menu-modal__sub-link,
    .menu-modal__sub-link > .btn__content {
        height: calc(var(--scale-px) * 30);
    }

.menu-modal__sub-list {
    border-top: 1px solid var(--t-line);
    padding-top: var(--md, calc(var(--scale-px) * 22)) var(--n-md, calc(var(--scale-px) * 16));
    padding-bottom: var(--md, calc(var(--scale-px) * 48)) var(--n-md, calc(var(--scale-px) * 32));
}

.menu-modal__bottom {
    padding: var(--spacing-title);
    padding-bottom: var(--md, var(--spacing-title)) var(--n-md, calc(var(--spacing) * 2));
    margin-top: auto;
}

.contact-modal__form,
.contact-modal__results {
    min-height: calc(var(--dvh) * 100);
    padding: var( --md, calc(var(--spacing) * 4) var(--spacing-title) var(--spacing-title) ) var( --n-md, calc(var(--scale-px) * 130) var(--spacing-title) calc(var(--scale-px) * 40) );
}

.contact-modal__form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}