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

body {
    margin: 0
}

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

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

figcaption,figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

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

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

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

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button {
    overflow: visible
}

button,select {
    text-transform: none
}

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

[type=button],[type=reset],[type=submit],button {
}

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

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

input {
    overflow: visible
}

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

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

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

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

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

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

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

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

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],template {
    display: none
}

.animation--fade-in,.animation--fade-out,.animation--height,.animation--modal-link-transition-in,.animation--modal-link-transition-in .modal__background,.animation--modal-link-transition-out,.animation--modal-link-transition-out .modal__background,.animation--modal-out-fake,.animation--tabs-in,.animation--tabs-out,.btn,.btn--dropdown .btn__icon,.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-checkbox__label,.form-control-radio__icon,.form-control-radio__icon:before,.form-control-range__handle__pin,.form-control__error,.form-control__success,.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,a,button,input[type=submit] {
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.animation--preloader-in,.animation--preloader-in .preloader__background,.animation--preloader-in .preloader__content,.animation--preloader-landing-out,.animation--preloader-landing-out .preloader__background,.animation--preloader-landing-out .preloader__block,.animation--preloader-landing-out .preloader__block:after,.animation--preloader-landing-out .preloader__block:before,.animation--preloader-landing-out .preloader__logo,.animation--preloader-out,.header,.header--sticky .header__background,.header--sticky .header__content,.header__background {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

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

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

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

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

.text-default,body,button,input,textarea {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxxl,1.2em) var(--n-xxxxl,var(--xxxl,1.17647em) var(--n-xxxl,var(--xxl,1.28571em) var(--n-xxl,1.36364em)));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 2)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 1.7)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 1.4)) var(--n-xxl,calc(var(--scale-text-rem) * 1.1))));
    font-weight: 450;
    letter-spacing: var(--xxxl,-.01em) var(--n-xxxl,.04em);
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .text-default,.is-win body,.is-win button,.is-win input,.is-win textarea {
    --fos: -0.11em;
    --foe: -0.19em
}

.btn--text-small,.form-control-checkbox__label,.text-small,small {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxl,1.28571em) var(--n-xxxl,var(--xxl,1.27273em) var(--n-xxl,1.33333em));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 1.1)) var(--n-xxl,calc(var(--scale-text-rem) * .9)));
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn--text-small,.is-win .form-control-checkbox__label,.is-win .text-small,.is-win small {
    --fos: -0.11em;
    --foe: -0.19em
}

.form-control-checkbox--callback .form-control-checkbox__label,.form-control-checkbox--small .form-control-checkbox__label {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxl,1.28571em) var(--n-xxxl,var(--xxl,1.27273em) var(--n-xxl,var(--md,1.33333em) var(--n-md,1.27273em)));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 1.1)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * .9)) var(--n-md,calc(var(--scale-text-rem) * 1.1))));
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    text-transform: uppercase
}

.btn--text-lead,.form-control-checkbox--callback .is-win .form-control-checkbox__label,.form-control-checkbox--small .is-win .form-control-checkbox__label,.is-win .form-control-checkbox--callback .form-control-checkbox__label,.is-win .form-control-checkbox--small .form-control-checkbox__label,.text-lead {
    --fos: -0.11em;
    --foe: -0.19em
}

.btn--text-lead,.text-lead {
    --lh: var(--xxxxl,1.21429em) var(--n-xxxxl,var(--xxxl,1.16667em) var(--n-xxxl,var(--xxl,1.2em) var(--n-xxl,1.17647em)));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 2.8)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 2.4)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 2)) var(--n-xxl,calc(var(--scale-text-rem) * 1.7))));
    font-weight: 450;
    letter-spacing: -.01em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn--text-lead,.is-win .text-lead,.text {
    --fos: -0.11em;
    --foe: -0.19em
}

.text {
    --lh: var(--xxxl,1.4em) var(--n-xxxl,var(--xxl,1.33333em) var(--n-xxl,1.42857em));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 2)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 1.8)) var(--n-xxl,calc(var(--scale-text-rem) * 1.4)));
    font-weight: 450;
    letter-spacing: -.02em;
    line-height: var(--lh)
}

.h1,.is-win .text,h1 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h1,h1 {
    --lh: var(--xxxxl,0.55556em) var(--n-xxxxl,var(--xxxl,0.95em) var(--n-xxxl,var(--xxl,1.04895em) var(--n-xxl,var(--md,1.5em) var(--n-md,1.04651em))));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 24.3)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 20)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 14.3)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 11.4)) var(--n-md,calc(var(--scale-text-rem) * 8.6)))));
    font-weight: 400;
    letter-spacing: -.04em;
    line-height: var(--lh);
    text-transform: uppercase
}

.h2,.is-win .h1,.is-win h1,h2 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h2,h2 {
    --lh: var(--xxxxl,1.00775em) var(--n-xxxxl,var(--xxl,1em) var(--n-xxl,var(--md,0.98592em) var(--n-md,1.125em)));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 12.9)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 10)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 8.5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 7.1)) var(--n-md,calc(var(--scale-text-rem) * 4)))));
    font-weight: 400;
    letter-spacing: var(--md,-.01em) var(--n-md,-.02em);
    line-height: var(--lh);
    text-transform: uppercase
}

.h2-small,.is-win .h2,.is-win h2 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h2-small {
    --lh: var(--xxxxl,1.00775em) var(--n-xxxxl,var(--xxl,1em) var(--n-xxl,var(--md,0.98592em) var(--n-md,1.07407em)));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 12.9)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 10)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 8.5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 7.1)) var(--n-md,calc(var(--scale-text-rem) * 2.7)))));
    font-weight: 400;
    letter-spacing: -.01em;
    line-height: var(--lh);
    text-transform: uppercase
}

.h3,.is-win .h2-small,h3 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h3,h3 {
    --lh: var(--xxxxl,1.0625em) var(--n-xxxxl,var(--xxxl,1.07692em) var(--n-xxxl,var(--xxl,1.1em) var(--n-xxl,var(--md,1.11111em) var(--n-md,1.17647em))));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 8)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 6.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 4.5)) var(--n-md,calc(var(--scale-text-rem) * 1.7)))));
    font-weight: 450;
    letter-spacing: var(--md,-.02em) var(--n-md,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.h3-small,.is-win .h3,.is-win h3 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h3-small {
    --lh: var(--xxxxl,1.0625em) var(--n-xxxxl,var(--xxxl,1.07692em) var(--n-xxxl,var(--xxl,1.1em) var(--n-xxl,var(--md,1.125em) var(--n-md,1.17647em))));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 8)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 6.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 4)) var(--n-md,calc(var(--scale-text-rem) * 1.7)))));
    font-weight: 450;
    letter-spacing: var(--md,-.02em) var(--n-md,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.h4,.is-win .h3-small,h4 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h4,h4 {
    --lh: var(--xxxl,1.14286em) var(--n-xxxl,var(--xxl,1.16667em) var(--n-xxl,1.17647em));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 3.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 3)) var(--n-xxl,calc(var(--scale-text-rem) * 1.7)));
    font-weight: 450;
    letter-spacing: var(--xxl,-.02em) var(--n-xxl,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.h5,.is-win .h4,.is-win h4,h5 {
    --fos: -0.11em;
    --foe: -0.19em
}

.h5,h5 {
    --lh: var(--xxl,1.125em) var(--n-xxl,1.17647em);
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxl,calc(var(--scale-text-rem) * 1.6)) var(--n-xxl,calc(var(--scale-text-rem) * 1.7));
    font-weight: 450;
    letter-spacing: var(--xxl,0) var(--n-xxl,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .h5,.is-win h5 {
    --fos: -0.11em;
    --foe: -0.19em
}

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

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

.has-hover a:hover {
    color: rgba(var(--t-primary-rgb),.6)
}

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

@font-face {
    font-display: swap;
    font-family: TT Norms Pro;
    font-style: normal;
    font-weight: 400;
    src: url(/saya-southx/assets/fonts/tt-norms-pro-regular.woff2) format("woff2"),url(/saya-southx/assets/fonts/tt-norms-pro-regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TT Norms Pro;
    font-style: normal;
    font-weight: 450;
    src: url(/saya-southx/assets/fonts/tt-norms-pro-normal.woff2) format("woff2"),url(/saya-southx/assets/fonts/tt-norms-pro-normal.woff) format("woff")
}

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

@media (min-width: 1440px) and (max-aspect-ratio:10/11) and (max-width:1439px),(min-width:1440px) and (max-height:499px) and (min-aspect-ratio:10/11),(min-width:1440px) and (max-width:1199px) and (min-aspect-ratio:10/11),(min-width:1440px) and (max-width:979px),(min-width:980px) and (min-aspect-ratio:10/11) and (max-aspect-ratio:10/11) and (max-width:1439px),(min-width:980px) and (min-aspect-ratio:10/11) and (max-height:499px) and (min-aspect-ratio:10/11),(min-width:980px) and (min-aspect-ratio:10/11) and (max-width:1199px) and (min-aspect-ratio:10/11),(min-width:980px) and (min-aspect-ratio:10/11) and (max-width:979px) {
    :root {
        --scale-px:max(0.5px,min(1px,calc(0.5px + 0.5 * ((var(--vw100) - 980px) / 220))));
        --scale-rem: max(0.5rem,min(1rem,calc(0.5rem + 5 * ((var(--vw100) - 980px) / 220))));
        --scale-text-px: max(0.7px,min(1px,calc(0.7px + 0.3 * ((var(--vw100) - 980px) / 220))));
        --scale-text-rem: max(0.7rem,min(1rem,calc(0.7rem + 3 * ((var(--vw100) - 980px) / 220))))
    }
}

@media (min-width: 1440px) and (max-aspect-ratio:10/11) and (max-width:1439px),(min-width:1440px) and (max-height:499px) and (min-aspect-ratio:10/11),(min-width:1440px) and (max-width:1199px) and (min-aspect-ratio:10/11),(min-width:1440px) and (max-width:979px),(min-width:980px) and (min-aspect-ratio:10/11) and (max-aspect-ratio:10/11) and (max-width:1439px),(min-width:980px) and (min-aspect-ratio:10/11) and (max-height:499px) and (min-aspect-ratio:10/11),(min-width:980px) and (min-aspect-ratio:10/11) and (max-width:1199px) and (min-aspect-ratio:10/11),(min-width:980px) and (min-aspect-ratio:10/11) and (max-width:979px) {
}

@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-width:667px) and (max-aspect-ratio:13/9) and (min-width:1px),(min-width:668px) and (max-aspect-ratio:10/11) 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: 1440px) and (min-width:1px),(min-width:980px) and (min-aspect-ratio:10/11) and (min-width:1px) {
    :root {
        --n-lg: ;
        --lg: initial
    }
}

@media (min-width: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11) and (min-width:1px),(min-width:1440px) and (min-height:700px) and (min-width:1px) {
    :root {
        --n-xl: ;
        --xl: initial
    }
}

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

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

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

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

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

body {
    min-height: 100svh;
    width: var(--vw100)
}

html.no-hover {
    overflow: hidden
}

html.no-hover.is-ios {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.no-scroll-smooth .page-content-wrapper {
    height: 100svh;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0
}

.no-scroll-smooth .page-content-wrapper__inner {
    height: 100svh;
    overflow: clip;
    overflow: hidden;
    overflow-y: scroll;
    overscroll-behavior: none;
    position: relative;
    scroll-behavior: smooth
}

@media print {
    html {
        height: auto
    }

    body,html {
        overflow: visible
    }

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

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

.no-scroll-smooth .page-content__overflow-fix {
    contain: content
}

main {
    display: block
}

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

dialog {
    background: none;
    border: 0;
    display: block;
    padding: 0
}

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

picture {
    display: block
}

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

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

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

#__bs_notify__ {
    display: none!important
}

:root {
    --c-white: #fff;
    --c-white-rgb: 255,255,255;
    --c-blue-gray: #070b20;
    --c-blue-gray-rgb: 7,11,32;
    --c-blue-dark: #232739;
    --c-blue-dark-rgb: 35,39,57;
    --c-blue-deep: #57566a;
    --c-blue-deep-rgb: 87,86,106;
    --c-gray: #bdbec4;
    --c-gray-rgb: 189,190,196;
    --c-gray-light: #e3e6eb;
    --c-gray-light-rgb: 227,230,235;
    --c-border: #393c4d;
    --c-border-rgb: 57,60,77;
    --c-metal: linear-gradient(180deg,#c7cbd4,#5a5f65);
    --c-tap-highlight: rgba(0,0,0,.2);
    --c-tap-highlight-rgb: 0,0,0;
    --c-error: #ce1d20;
    --c-error-rgb: 206,29,32
}

.ui-dark,.ui-light,:root {
    --t-background: var(--c-white);
    --t-background-rgb: var(--c-white-rgb);
    --t-background-alternative: var(--c-gray-light);
    --t-background-alternative-rgb: var(--c-gray-light-rgb);
    --t-line: rgba(var(--c-blue-dark-rgb),0.2);
    --t-line-rgb: var(--c-blue-dark-rgb);
    --t-small: var(--c-blue-deep);
    --t-small-rgb: var(--c-blue-deep-rgb);
    --t-small-transparent: rgba(var(--c-blue-dark-rgb),0.6);
    --t-small-transparent-rgb: var(--c-blue-dark-rgb);
    --t-text: var(--c-blue-gray);
    --t-text-rgb: var(--c-blue-gray-rgb);
    --t-heading: var(--c-blue-dark);
    --t-heading-rgb: var(--c-blue-dark-rgb);
    --t-primary: var(--c-blue-gray);
    --t-primary-rgb: var(--c-blue-gray-rgb);
    --t-secondary: var(--c-blue-gray);
    --t-secondary-rgb: var(--c-blue-gray-rgb);
    --t-button-bitten-corner-text: var(--t-background);
    --t-button-bitten-corner-text-rgb: var(--t-background-rgb);
    --t-button-bitten-corner-background: var(--t-primary);
    --t-button-bitten-corner-background-rgb: var(--t-primary-rgb);
    --t-button-bitten-corner-hover-text: var(--t-background);
    --t-button-bitten-corner-hover-text-rgb: var(--t-background-rgb);
    --t-button-bitten-corner-hover-background: var(--t-primary);
    --t-button-bitten-corner-hover-background-rgb: var(--t-primary-rgb);
    --t-button-bitten-corner-active-text: var(--t-background);
    --t-button-bitten-corner-active-text-rgb: var(--t-background-rgb);
    --t-button-bitten-corner-active-background: var(--t-primary);
    --t-button-bitten-corner-active-background-rgb: var(--t-primary-rgb);
    --t-button-bitten-corner-disabled-text: var(--t-background);
    --t-button-bitten-corner-disabled-text-rgb: var(--t-background-rgb);
    --t-button-bitten-corner-disabled-background: rgba(var(--t-primary-rgb),0.4);
    --t-button-bitten-corner-disabled-background-rgb: var(--t-primary-rgb);
    --t-button-bitten-corner-active-hover-text: var(--t-background);
    --t-button-bitten-corner-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-bitten-corner-active-hover-background: var(--t-primary);
    --t-button-bitten-corner-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-bitten-corner--outline-text: var(--t-text);
    --t-button-bitten-corner--outline-text-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-background: transparent;
    --t-button-bitten-corner--outline-hover-text: var(--t-text);
    --t-button-bitten-corner--outline-hover-text-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-hover-background: transparent;
    --t-button-bitten-corner--outline-active-text: var(--t-text);
    --t-button-bitten-corner--outline-active-text-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-active-background: transparent;
    --t-button-bitten-corner--outline-disabled-text: rgba(var(--t-text-rgb),0.2);
    --t-button-bitten-corner--outline-disabled-text-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-disabled-border: rgba(var(--t-text-rgb),0.2);
    --t-button-bitten-corner--outline-disabled-border-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-disabled-background: transparent;
    --t-button-bitten-corner--outline-active-hover-text: var(--t-text);
    --t-button-bitten-corner--outline-active-hover-text-rgb: var(--t-text-rgb);
    --t-button-bitten-corner--outline-active-hover-background: transparent;
    --t-button-bitten-tab-text: var(--t-text);
    --t-button-bitten-tab-text-rgb: var(--t-text-rgb);
    --t-button-bitten-tab-background: transparent;
    --t-button-bitten-tab-hover-text: var(--t-text);
    --t-button-bitten-tab-hover-text-rgb: var(--t-text-rgb);
    --t-button-bitten-tab-hover-background: var(--t-background);
    --t-button-bitten-tab-hover-background-rgb: var(--t-background-rgb);
    --t-button-bitten-tab-active-text: var(--t-background);
    --t-button-bitten-tab-active-text-rgb: var(--t-background-rgb);
    --t-button-bitten-tab-active-background: var(--t-text);
    --t-button-bitten-tab-active-background-rgb: var(--t-text-rgb);
    --t-button-bitten-tab-disabled-text: var(--t-text);
    --t-button-bitten-tab-disabled-text-rgb: var(--t-text-rgb);
    --t-button-bitten-tab-disabled-background: transparent;
    --t-button-bitten-tab-active-hover-text: var(--t-background);
    --t-button-bitten-tab-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-bitten-tab-active-hover-background: var(--c-white);
    --t-button-bitten-tab-active-hover-background-rgb: var(--c-white-rgb);
    --t-button-tab-text: var(--t-text);
    --t-button-tab-text-rgb: var(--t-text-rgb);
    --t-button-tab-background: var(--t-background);
    --t-button-tab-background-rgb: var(--t-background-rgb);
    --t-button-tab-border: var(--c-border);
    --t-button-tab-border-rgb: var(--c-border-rgb);
    --t-button-tab-hover-text: var(--t-small);
    --t-button-tab-hover-text-rgb: var(--t-small-rgb);
    --t-button-tab-hover-background: var(--t-background);
    --t-button-tab-hover-background-rgb: var(--t-background-rgb);
    --t-button-tab-hover-border: var(--c-border);
    --t-button-tab-hover-border-rgb: var(--c-border-rgb);
    --t-button-tab-active-text: var(--t-background);
    --t-button-tab-active-text-rgb: var(--t-background-rgb);
    --t-button-tab-active-background: var(--t-text);
    --t-button-tab-active-background-rgb: var(--t-text-rgb);
    --t-button-tab-active-border: var(--t-text);
    --t-button-tab-active-border-rgb: var(--t-text-rgb);
    --t-button-tab-active-hover-text: var(--t-background);
    --t-button-tab-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-tab-active-hover-border: var(--t-text);
    --t-button-tab-active-hover-border-rgb: var(--t-text-rgb);
    --t-button-tab-active-hover-background: var(--t-text);
    --t-button-tab-active-hover-background-rgb: var(--t-text-rgb);
    --t-button-lang-text: var(--t-text);
    --t-button-lang-text-rgb: var(--t-text-rgb);
    --t-button-lang-background: transparent;
    --t-button-lang-border: rgba(var(--t-heading-rgb),0.3);
    --t-button-lang-border-rgb: var(--t-heading-rgb);
    --t-button-lang-hover-text: var(--t-text);
    --t-button-lang-hover-text-rgb: var(--t-text-rgb);
    --t-button-lang-hover-background: transparent;
    --t-button-lang-hover-border: var(--t-text);
    --t-button-lang-hover-border-rgb: var(--t-text-rgb);
    --t-button-lang-active-text: var(--t-text);
    --t-button-lang-active-text-rgb: var(--t-text-rgb);
    --t-button-lang-active-background: transparent;
    --t-button-lang-active-border: var(--t-text);
    --t-button-lang-active-border-rgb: var(--t-text-rgb);
    --t-button-primary-text: var(--t-background);
    --t-button-primary-text-rgb: var(--t-background-rgb);
    --t-button-primary-background: var(--t-primary);
    --t-button-primary-background-rgb: var(--t-primary-rgb);
    --t-button-primary-hover-text: var(--t-text);
    --t-button-primary-hover-text-rgb: var(--t-text-rgb);
    --t-button-primary-hover-background: rgba(var(--t-heading-rgb),0.2);
    --t-button-primary-hover-background-rgb: var(--t-heading-rgb);
    --t-button-primary-active-text: var(--t-text);
    --t-button-primary-active-text-rgb: var(--t-text-rgb);
    --t-button-primary-active-background: rgba(var(--t-heading-rgb),0.2);
    --t-button-primary-active-background-rgb: var(--t-heading-rgb);
    --t-button-primary-disabled-text: var(--t-background);
    --t-button-primary-disabled-text-rgb: var(--t-background-rgb);
    --t-button-primary-disabled-background: rgba(var(--t-primary-rgb),0.4);
    --t-button-primary-disabled-background-rgb: var(--t-primary-rgb);
    --t-button-primary-active-hover-text: var(--t-background);
    --t-button-primary-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-primary-active-hover-background: var(--t-primary);
    --t-button-primary-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-card-corner-text: var(--t-text);
    --t-button-card-corner-text-rgb: var(--t-text-rgb);
    --t-button-card-corner-background: var(--t-background);
    --t-button-card-corner-background-rgb: var(--t-background-rgb);
    --t-button-card-corner-hover-text: var(--t-background);
    --t-button-card-corner-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-corner-hover-background: var(--t-text);
    --t-button-card-corner-hover-background-rgb: var(--t-text-rgb);
    --t-button-card-corner-active-text: var(--t-background);
    --t-button-card-corner-active-text-rgb: var(--t-background-rgb);
    --t-button-card-corner-active-background: var(--t-text);
    --t-button-card-corner-active-background-rgb: var(--t-text-rgb);
    --t-button-card-corner-active-hover-text: var(--t-text);
    --t-button-card-corner-active-hover-text-rgb: var(--t-text-rgb);
    --t-button-card-corner-active-hover-background: var(--t-background);
    --t-button-card-corner-active-hover-background-rgb: var(--t-background-rgb);
    --t-button-card-corner--favourite-text: var(--t-text);
    --t-button-card-corner--favourite-text-rgb: var(--t-text-rgb);
    --t-button-card-corner--favourite-background: transparent;
    --t-button-card-corner--favourite-hover-text: var(--t-background);
    --t-button-card-corner--favourite-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-corner--favourite-hover-background: var(--t-text);
    --t-button-card-corner--favourite-hover-background-rgb: var(--t-text-rgb);
    --t-button-card-corner--favourite-active-text: var(--t-text);
    --t-button-card-corner--favourite-active-text-rgb: var(--t-text-rgb);
    --t-button-card-corner--favourite-active-background: transparent;
    --t-button-card-corner--favourite-active-hover-text: var(--t-background);
    --t-button-card-corner--favourite-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-corner--favourite-active-hover-background: var(--t-text);
    --t-button-card-corner--favourite-active-hover-background-rgb: var(--t-text-rgb);
    --t-button-card-icon-text: var(--t-background);
    --t-button-card-icon-text-rgb: var(--t-background-rgb);
    --t-button-card-icon-background: var(--t-text);
    --t-button-card-icon-background-rgb: var(--t-text-rgb);
    --t-button-card-icon-hover-text: var(--t-text);
    --t-button-card-icon-hover-text-rgb: var(--t-text-rgb);
    --t-button-card-icon-hover-background: var(--t-background);
    --t-button-card-icon-hover-background-rgb: var(--t-background-rgb);
    --t-button-card-icon-active-text: var(--t-text);
    --t-button-card-icon-active-text-rgb: var(--t-text-rgb);
    --t-button-card-icon-active-background: var(--t-background);
    --t-button-card-icon-active-background-rgb: var(--t-background-rgb);
    --t-button-card-icon-active-hover-text: var(--t-background);
    --t-button-card-icon-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-icon-active-hover-background: var(--t-text);
    --t-button-card-icon-active-hover-background-rgb: var(--t-text-rgb);
    --t-button-card-icon--favourite-text: var(--t-text);
    --t-button-card-icon--favourite-text-rgb: var(--t-text-rgb);
    --t-button-card-icon--favourite-background: var(--t-transparent);
    --t-button-card-icon--favourite-background-rgb: var(--t-transparent-rgb);
    --t-button-card-icon--favourite-border: rgba(var(--t-heading-rgb),0.3);
    --t-button-card-icon--favourite-border-rgb: var(--t-heading-rgb);
    --t-button-card-icon--favourite-hover-text: var(--t-background);
    --t-button-card-icon--favourite-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-icon--favourite-hover-background: var(--t-transparent);
    --t-button-card-icon--favourite-hover-background-rgb: var(--t-transparent-rgb);
    --t-button-card-icon--favourite-hover-border: rgba(var(--t-background-rgb),0.2);
    --t-button-card-icon--favourite-hover-border-rgb: var(--t-background-rgb);
    --t-button-card-icon--favourite-active-text: var(--t-background);
    --t-button-card-icon--favourite-active-text-rgb: var(--t-background-rgb);
    --t-button-card-icon--favourite-active-background: var(--t-text);
    --t-button-card-icon--favourite-active-background-rgb: var(--t-text-rgb);
    --t-button-card-icon--favourite-active-hover-text: var(--t-text);
    --t-button-card-icon--favourite-active-hover-text-rgb: var(--t-text-rgb);
    --t-button-card-icon--favourite-active-hover-background: var(--t-background);
    --t-button-card-icon--favourite-active-hover-background-rgb: var(--t-background-rgb);
    --t-button-card-doc-icon-text: var(--t-background);
    --t-button-card-doc-icon-text-rgb: var(--t-background-rgb);
    --t-button-card-doc-icon-background: rgba(var(--c-white-rgb),0.2);
    --t-button-card-doc-icon-background-rgb: var(--c-white-rgb);
    --t-button-card-doc-icon-hover-text: var(--t-background);
    --t-button-card-doc-icon-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-doc-icon-hover-background: var(--t-primary);
    --t-button-card-doc-icon-hover-background-rgb: var(--t-primary-rgb);
    --t-button-card-doc-icon-active-text: var(--t-background);
    --t-button-card-doc-icon-active-text-rgb: var(--t-background-rgb);
    --t-button-card-doc-icon-active-background: var(--t-primary);
    --t-button-card-doc-icon-active-background-rgb: var(--t-primary-rgb);
    --t-button-card-doc-icon-active-hover-text: var(--t-background);
    --t-button-card-doc-icon-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-card-doc-icon-active-hover-background: var(--t-primary);
    --t-button-card-doc-icon-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-big-tab-text: var(--t-text);
    --t-button-big-tab-text-rgb: var(--t-text-rgb);
    --t-button-big-tab-background: transparent;
    --t-button-big-tab-hover-text: rgba(var(--t-text-rgb),0.6);
    --t-button-big-tab-hover-text-rgb: var(--t-text-rgb);
    --t-button-big-tab-hover-background: transparent;
    --t-button-big-tab-active-text: var(--t-background);
    --t-button-big-tab-active-text-rgb: var(--t-background-rgb);
    --t-button-big-tab-active-background: var(--t-text);
    --t-button-big-tab-active-background-rgb: var(--t-text-rgb);
    --t-button-big-tab-active-hover-text: var(--t-background);
    --t-button-big-tab-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-big-tab-active-hover-background: var(--t-text);
    --t-button-big-tab-active-hover-background-rgb: var(--t-text-rgb);
    --t-button-secondary-text: var(--t-text);
    --t-button-secondary-text-rgb: var(--t-text-rgb);
    --t-button-secondary-background: rgba(var(--t-heading-rgb),0.2);
    --t-button-secondary-background-rgb: var(--t-heading-rgb);
    --t-button-secondary-hover-text: var(--t-background);
    --t-button-secondary-hover-text-rgb: var(--t-background-rgb);
    --t-button-secondary-hover-background: var(--t-primary);
    --t-button-secondary-hover-background-rgb: var(--t-primary-rgb);
    --t-button-secondary-active-text: var(--t-background);
    --t-button-secondary-active-text-rgb: var(--t-background-rgb);
    --t-button-secondary-active-background: var(--t-primary);
    --t-button-secondary-active-background-rgb: var(--t-primary-rgb);
    --t-button-secondary-disabled-text: var(--t-background);
    --t-button-secondary-disabled-text-rgb: var(--t-background-rgb);
    --t-button-secondary-disabled-background: rgba(var(--t-secondary-rgb),0.4);
    --t-button-secondary-disabled-background-rgb: var(--t-secondary-rgb);
    --t-button-outline-text: var(--t-text);
    --t-button-outline-text-rgb: var(--t-text-rgb);
    --t-button-outline-background: transparent;
    --t-button-outline-border: rgba(var(--t-primary-rgb),0.3);
    --t-button-outline-border-rgb: var(--t-primary-rgb);
    --t-button-outline-hover-text: var(--t-primary);
    --t-button-outline-hover-text-rgb: var(--t-primary-rgb);
    --t-button-outline-hover-background: transparent;
    --t-button-outline-hover-border: var(--t-primary);
    --t-button-outline-hover-border-rgb: var(--t-primary-rgb);
    --t-button-outline-disabled-text: rgba(var(--t-heading-rgb),0.4);
    --t-button-outline-disabled-text-rgb: var(--t-heading-rgb);
    --t-button-outline-disabled-background: transparent;
    --t-button-outline-disabled-border: rgba(var(--t-heading-rgb),0.1);
    --t-button-outline-disabled-border-rgb: var(--t-heading-rgb);
    --t-button-select-text: var(--t-text);
    --t-button-select-text-rgb: var(--t-text-rgb);
    --t-button-select-background: transparent;
    --t-button-select-border: rgba(var(--t-primary-rgb),0.3);
    --t-button-select-border-rgb: var(--t-primary-rgb);
    --t-button-select-hover-text: var(--t-primary);
    --t-button-select-hover-text-rgb: var(--t-primary-rgb);
    --t-button-select-hover-background: transparent;
    --t-button-select-hover-border: var(--t-primary);
    --t-button-select-hover-border-rgb: var(--t-primary-rgb);
    --t-button-select-active-text: var(--t-primary);
    --t-button-select-active-text-rgb: var(--t-primary-rgb);
    --t-button-select-active-background: transparent;
    --t-button-select-active-border: var(--t-primary);
    --t-button-select-active-border-rgb: var(--t-primary-rgb);
    --t-button-select-disabled-text: rgba(var(--t-heading-rgb),0.4);
    --t-button-select-disabled-text-rgb: var(--t-heading-rgb);
    --t-button-select-disabled-background: transparent;
    --t-button-select-disabled-border: rgba(var(--t-heading-rgb),0.1);
    --t-button-select-disabled-border-rgb: var(--t-heading-rgb);
    --t-button-favourite-text: var(--t-text);
    --t-button-favourite-text-rgb: var(--t-text-rgb);
    --t-button-favourite-background: transparent;
    --t-button-favourite-border: rgba(var(--t-primary-rgb),0.3);
    --t-button-favourite-border-rgb: var(--t-primary-rgb);
    --t-button-favourite-hover-text: var(--t-primary);
    --t-button-favourite-hover-text-rgb: var(--t-primary-rgb);
    --t-button-favourite-hover-background: transparent;
    --t-button-favourite-hover-border: var(--t-primary);
    --t-button-favourite-hover-border-rgb: var(--t-primary-rgb);
    --t-button-favourite-active-text: var(--t-background);
    --t-button-favourite-active-text-rgb: var(--t-background-rgb);
    --t-button-favourite-active-background: var(--t-primary);
    --t-button-favourite-active-background-rgb: var(--t-primary-rgb);
    --t-button-favourite-active-border: var(--t-primary);
    --t-button-favourite-active-border-rgb: var(--t-primary-rgb);
    --t-button-favourite-active-hover-text: var(--t-background);
    --t-button-favourite-active-hover-text-rgb: var(--t-background-rgb);
    --t-button-favourite-active-hover-background: var(--t-primary);
    --t-button-favourite-active-hover-background-rgb: var(--t-primary-rgb);
    --t-button-favourite-active-hover-border: var(--t-primary);
    --t-button-favourite-active-hover-border-rgb: var(--t-primary-rgb);
    --t-button-favourite-disabled-text: rgba(var(--t-heading-rgb),0.4);
    --t-button-favourite-disabled-text-rgb: var(--t-heading-rgb);
    --t-button-favourite-disabled-background: transparent;
    --t-button-favourite-disabled-border: rgba(var(--t-heading-rgb),0.1);
    --t-button-favourite-disabled-border-rgb: var(--t-heading-rgb);
    --t-button-dot-background: rgba(var(--t-heading-rgb),0.3);
    --t-button-dot-background-rgb: var(--t-heading-rgb);
    --t-button-dot-hover-background: var(--t-primary);
    --t-button-dot-hover-background-rgb: var(--t-primary-rgb);
    --t-button-dot-active-background: var(--t-primary);
    --t-button-dot-active-background-rgb: var(--t-primary-rgb);
    --t-button-pin-text: var(--c-white);
    --t-button-pin-text-rgb: var(--c-white-rgb);
    --t-button-pin-background: var(--c-blue-dark);
    --t-button-pin-background-rgb: var(--c-blue-dark-rgb);
    --t-button-pin-hover-text: var(--t-background);
    --t-button-pin-hover-text-rgb: var(--t-background-rgb);
    --t-button-pin-hover-background: var(--t-text);
    --t-button-pin-hover-background-rgb: var(--t-text-rgb);
    --t-button-pin-active-text: var(--t-background);
    --t-button-pin-active-text-rgb: var(--t-background-rgb);
    --t-button-pin-active-background: var(--t-text);
    --t-button-pin-active-background-rgb: var(--t-text-rgb);
    --t-button-link-text: var(--t-primary);
    --t-button-link-text-rgb: var(--t-primary-rgb);
    --t-button-link-hover-text: rgba(var(--t-heading-rgb),0.6);
    --t-button-link-hover-text-rgb: var(--t-heading-rgb);
    --t-button-link-hover-border: var(--t-heading);
    --t-button-link-hover-border-rgb: var(--t-heading-rgb);
    --t-button-link-active-text: rgba(var(--t-heading-rgb),0.6);
    --t-button-link-active-text-rgb: var(--t-heading-rgb);
    --t-button-link-active-border: var(--t-heading);
    --t-button-link-active-border-rgb: var(--t-heading-rgb);
    --t-button-link-heading-text: var(--t-small);
    --t-button-link-heading-text-rgb: var(--t-small-rgb);
    --t-button-link-heading-border: var(--t-small);
    --t-button-link-heading-border-rgb: var(--t-small-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-heading);
    --t-button-link-heading-hover-border-rgb: var(--t-heading-rgb);
    --t-button-link-heading-active-text: var(--t-heading);
    --t-button-link-heading-active-text-rgb: var(--t-heading-rgb);
    --t-button-link-heading-active-border: var(--t-heading);
    --t-button-link-heading-active-border-rgb: var(--t-heading-rgb);
    --t-link-default-normal: var(--t-primary);
    --t-link-default-normal-rgb: var(--t-primary-rgb);
    --t-link-default-hover: rgba(var(--t-primary-rgb),0.6);
    --t-link-default-hover-rgb: var(--t-primary-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: rgba(var(--t-text-rgb),0.6);
    --t-link-text-hover-rgb: var(--t-text-rgb);
    --t-link-text-active: var(--t-primary);
    --t-link-text-active-rgb: var(--t-primary-rgb)
}

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

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

.ui-dark {
    --t-background: var(--c-blue-gray);
    --t-background-rgb: var(--c-blue-gray-rgb);
    --t-background-alternative: var(--c-blue-gray);
    --t-background-alternative-rgb: var(--c-blue-gray-rgb);
    --t-line: rgba(var(--c-white-rgb),0.2);
    --t-line-rgb: var(--c-white-rgb);
    --t-small: rgba(var(--c-white-rgb),0.6);
    --t-small-rgb: var(--c-white-rgb);
    --t-small-transparent: rgba(var(--c-white-rgb),0.6);
    --t-small-transparent-rgb: var(--c-white-rgb);
    --t-text: var(--c-white);
    --t-text-rgb: var(--c-white-rgb);
    --t-heading: var(--c-white);
    --t-heading-rgb: var(--c-white-rgb);
    --t-primary: var(--c-white);
    --t-primary-rgb: var(--c-white-rgb);
    --t-secondary: var(--c-white);
    --t-secondary-rgb: var(--c-white-rgb);
    --t-button-card-plus-text: var(--t-primary);
    --t-button-card-plus-text-rgb: var(--t-primary-rgb);
    --t-button-card-plus-background: rgba(var(--t-primary-rgb),0.2);
    --t-button-card-plus-background-rgb: var(--t-primary-rgb);
    --t-button-card-plus-hover-text: var(--t-text);
    --t-button-card-plus-hover-text-rgb: var(--t-text-rgb);
    --t-button-card-plus-hover-background: var(--t-background);
    --t-button-card-plus-hover-background-rgb: var(--t-background-rgb);
    --t-button-card-plus-active-text: var(--t-text);
    --t-button-card-plus-active-text-rgb: var(--t-text-rgb);
    --t-button-card-plus-active-background: var(--t-background);
    --t-button-card-plus-active-background-rgb: var(--t-background-rgb);
    --t-button-card-plus-active-hover-text: var(--t-primary);
    --t-button-card-plus-active-hover-text-rgb: var(--t-primary-rgb);
    --t-button-card-plus-active-hover-background: rgba(var(--t-primary-rgb),0.2);
    --t-button-card-plus-active-hover-background-rgb: var(--t-primary-rgb);
    color: var(--t-text)
}

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

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

@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) {
    .sr-only\:sm-down {
        clip:rect(0 0 0 0);
        border: 0;
        clip-path: inset(100%);
        height: 1px;
        margin: -1px 0 0;
        overflow: hidden;
        padding: 0;
        position: absolute!important;
        white-space: nowrap;
        width: 1px
    }
}

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

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

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

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

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

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

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

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

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

a {
    text-decoration: none
}

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

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

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

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

a:where([href^="mailto:"],[href^="tel:"]) {
    white-space: nowrap
}

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

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

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

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

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

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

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

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

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

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

html {
    font-size: 62.5%
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

cite {
    font-style: inherit
}

sup {
    line-height: 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
}

:is(ul,ol):where([class]) {
    list-style: none;
    margin: 0;
    padding: 0
}

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

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

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

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

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

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

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

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

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

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

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

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

.text-lowercase {
    text-transform: lowercase
}

.text {
    text-transform: none
}

.text figure {
    position: relative
}

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

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

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

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

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

.text .h1+figure,.text .h1+img,.text .h1+ol,.text .h1+p,.text .h1+picture,.text .h1+pre,.text .h1+ul,.text .h2+figure,.text .h2+img,.text .h2+ol,.text .h2+p,.text .h2+picture,.text .h2+pre,.text .h2+ul,.text .h3+figure,.text .h3+img,.text .h3+ol,.text .h3+p,.text .h3+picture,.text .h3+pre,.text .h3+ul,.text .h4+figure,.text .h4+img,.text .h4+ol,.text .h4+p,.text .h4+picture,.text .h4+pre,.text .h4+ul,.text .h5+figure,.text .h5+img,.text .h5+ol,.text .h5+p,.text .h5+picture,.text .h5+pre,.text .h5+ul,.text h1+figure,.text h1+img,.text h1+ol,.text h1+p,.text h1+picture,.text h1+pre,.text h1+ul,.text h2+figure,.text h2+img,.text h2+ol,.text h2+p,.text h2+picture,.text h2+pre,.text h2+ul,.text h3+figure,.text h3+img,.text h3+ol,.text h3+p,.text h3+picture,.text h3+pre,.text h3+ul,.text h4+figure,.text h4+img,.text h4+ol,.text h4+p,.text h4+picture,.text h4+pre,.text h4+ul,.text h5+figure,.text h5+img,.text h5+ol,.text h5+p,.text h5+picture,.text h5+pre,.text h5+ul {
    margin-top: 0
}

.text .h1,.text h1 {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxxl,1.0625em) var(--n-xxxxl,var(--xxxl,1.07692em) var(--n-xxxl,var(--xxl,1.1em) var(--n-xxl,var(--md,1.11111em) var(--n-md,1.07407em))));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 8)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 6.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 4.5)) var(--n-md,calc(var(--scale-text-rem) * 2.7)))));
    font-weight: var(--md,450) var(--n-md,400);
    letter-spacing: var(--md,-.02em) var(--n-md,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .text .h1,.is-win .text h1 {
    --fos: -0.11em;
    --foe: -0.19em
}

.text .h2,.text .h3,.text .h4,.text .h5,.text h2,.text h3,.text h4,.text h5,.text h6 {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxl,1.14286em) var(--n-xxxl,var(--xxl,1.16667em) var(--n-xxl,1.17647em));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 3.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 3)) var(--n-xxl,calc(var(--scale-text-rem) * 1.7)));
    font-weight: 450;
    letter-spacing: var(--xxl,-.02em) var(--n-xxl,-.01em);
    line-height: var(--lh);
    margin: var(--xxxxl,calc(var(--spacing) * 2) 0 calc(var(--spacing) / 3 * 2) 0) var(--n-xxxxl,var(--xxxl,calc(var(--spacing) * 1.5) 0 calc(var(--spacing) * .5) 0) var(--n-xxxl,var(--md,calc(var(--spacing) / 4 * 9) 0 calc(var(--spacing) / 4 * 3) 0) var(--n-md,calc(var(--spacing) * 3) 0 calc(var(--spacing) * 1.5) 0)));
    text-transform: uppercase
}

.is-win .text .h2,.is-win .text .h3,.is-win .text .h4,.is-win .text .h5,.is-win .text h2,.is-win .text h3,.is-win .text h4,.is-win .text h5,.is-win .text h6 {
    --fos: -0.11em;
    --foe: -0.19em
}

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

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

.text blockquote,.text iframe,.text object,.text p,.text pre,.text table {
    margin-bottom: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing));
    margin-top: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing))
}

.text blockquote: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 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 hr {
    margin: var(--xxxl,calc(var(--spacing) * 1.5) 0 calc(var(--spacing) * 2) 0) var(--n-xxxl,var(--md,calc(var(--spacing) * 1.5) 0 calc(var(--spacing) / 4 * 9) 0) var(--n-md,calc(var(--spacing) * 2) 0 calc(var(--spacing) * 2.5) 0))
}

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

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

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

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

.text .btn {
    vertical-align: baseline
}

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

.text ol,.text ul {
    margin-bottom: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing));
    margin-top: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing))
}

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

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

.text ol>li,.text ul>li {
    list-style-type: none!important;
    margin-bottom: var(--md,calc(var(--scale-px) * 25)) var(--n-md,calc(var(--scale-px) * 20));
    margin-top: var(--md,calc(var(--scale-px) * 25)) var(--n-md,calc(var(--scale-px) * 20));
    padding-left: var(--md,calc(var(--scale-px) * 40)) var(--n-md,calc(var(--scale-px) * 30));
    position: relative
}

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

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

.text ol>li ol>li,.text ol>li ul>li,.text ul>li ol>li,.text ul>li ul>li {
    padding-left: var(--md,calc(var(--scale-px) * 60)) var(--n-md,calc(var(--scale-px) * 40))
}

.text ul>li:before {
    background: url(/saya-southx/assets/images/common/ul.svg) no-repeat 50%;
    background-size: 9px auto;
    border: 1px solid rgba(var(--c-blue-dark-rgb),.3);
    border-radius: 10px;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 16px
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .text ul>li:before {
        background:url(/saya-southx/assets/images/common/ul-md.svg) no-repeat 50%;
        background-size: 10px auto;
        height: calc(var(--scale-px) * 20);
        width: calc(var(--scale-px) * 20)
    }
}

.text ol {
    counter-reset: text-ol;
    margin-bottom: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing));
    margin-top: var(--md,calc(var(--spacing) * .5)) var(--n-md,var(--spacing))
}

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

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

.text ol>li {
    counter-increment: text-ol
}

.text ol>li:before {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxl,1.27273em) var(--n-xxl,1.33333em);
    align-content: center;
    border: 1px solid rgba(var(--c-blue-dark-rgb),.3);
    border-radius: 10px;
    box-sizing: border-box;
    content: counter(text-ol);
    display: block;
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxl,calc(var(--scale-text-rem) * 1.1)) var(--n-xxl,calc(var(--scale-text-rem) * .9));
    font-weight: 450;
    height: 16px;
    left: 0;
    letter-spacing: .04em;
    line-height: var(--lh);
    min-width: 16px;
    padding: 1px 4px 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 2px
}

.is-win .text ol>li:before {
    --fos: -0.11em;
    --foe: -0.19em
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .text ol>li:before {
        height:calc(var(--scale-px) * 20);
        min-width: calc(var(--scale-px) * 20);
        padding: calc(var(--scale-px) * 1) calc(var(--scale-px) * 5) 0 calc(var(--scale-px) * 5)
    }
}

.text ol>li[data-prefix]:before {
    content: attr(data-prefix) counter(text-ol)
}

.text ol>li>ol {
    counter-reset: text-ol-inner
}

.text ol>li>ol>li {
    counter-increment: text-ol-inner
}

.text ol>li>ol>li:before {
    content: counter(text-ol) "." counter(text-ol-inner)
}

.text ol>li>ol>li>ol {
    counter-reset: text-ol-inner-inner
}

.text ol>li>ol>li>ol>li {
    counter-increment: text-ol-inner-inner
}

.text ol>li>ol>li>ol>li:before {
    content: counter(text-ol) "." counter(text-ol-inner) "." counter(text-ol-inner-inner)
}

.block-image {
    margin: var(--xxxxl,calc(var(--spacing) * 2) 0) var(--n-xxxxl,var(--xxxl,calc(var(--spacing) * 1.5) 0) var(--n-xxxl,var(--md,calc(var(--scale-px) * 90) 0) var(--n-md,calc(var(--scale-px) * 60) 0)));
    position: relative
}

.block-image:where(:first-child) {
    margin-left: 0;
    margin-top: 0
}

.block-image:where(:last-child) {
    margin-bottom: 0;
    margin-right: 0
}

.block-image img,.block-image picture {
    display: block;
    height: auto;
    position: relative;
    width: 100%
}

.block-image__caption {
    margin-top: calc(var(--scale-px) * 20);
    width: var(--md,66%) var(--n-md,75%)
}

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

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

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

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

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

code.reverse,code.simple {
    background: rgba(var(--t-text-rgb),.2);
    color: inherit
}

code.simple {
    border-radius: max(3px,.15em);
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    padding: 0 3px;
    text-transform: inherit;
    vertical-align: inherit
}

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

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

code {
    padding: 2px 5px
}

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

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

@supports not (text-box:trim-both cap alphabetic) {
    .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))
    }
}

@supports (text-box:trim-both cap alphabetic) {
    .btn__text,.leading-trim {
        text-box: trim-both cap alphabetic
    }
}

:is(a,span,i,em,b,strong):where(.leading-trim) {
    display: inline-block
}

.text-baseline {
    --baselines: 1;
    --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
    padding-top: var(--baseline-shift)
}

.text-baseline--2 {
    --baselines: 2
}

.text-baseline--3 {
    --baselines: 3
}

.text-baseline--4 {
    --baselines: 4
}

.text-baseline--5 {
    --baselines: 5
}

.text-baseline--6 {
    --baselines: 6
}

.text-baseline--7 {
    --baselines: 7
}

.text-baseline--8 {
    --baselines: 8
}

.text-baseline\:xs {
    --baselines: 1;
    --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
    padding-top: var(--baseline-shift)
}

.text-baseline--2\:xs {
    --baselines: 2
}

.text-baseline--3\:xs {
    --baselines: 3
}

.text-baseline--4\:xs {
    --baselines: 4
}

.text-baseline--5\:xs {
    --baselines: 5
}

.text-baseline--6\:xs {
    --baselines: 6
}

.text-baseline--7\:xs {
    --baselines: 7
}

.text-baseline--8\:xs {
    --baselines: 8
}

@media (min-aspect-ratio: 13/9),(min-width:568px) {
    .text-baseline\:sm {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:sm {
        --baselines: 2
    }

    .text-baseline--3\:sm {
        --baselines: 3
    }

    .text-baseline--4\:sm {
        --baselines: 4
    }

    .text-baseline--5\:sm {
        --baselines: 5
    }

    .text-baseline--6\:sm {
        --baselines: 6
    }

    .text-baseline--7\:sm {
        --baselines: 7
    }

    .text-baseline--8\:sm {
        --baselines: 8
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .text-baseline\:md {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:md {
        --baselines: 2
    }

    .text-baseline--3\:md {
        --baselines: 3
    }

    .text-baseline--4\:md {
        --baselines: 4
    }

    .text-baseline--5\:md {
        --baselines: 5
    }

    .text-baseline--6\:md {
        --baselines: 6
    }

    .text-baseline--7\:md {
        --baselines: 7
    }

    .text-baseline--8\:md {
        --baselines: 8
    }
}

@media (min-width: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .text-baseline\:lg {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:lg {
        --baselines: 2
    }

    .text-baseline--3\:lg {
        --baselines: 3
    }

    .text-baseline--4\:lg {
        --baselines: 4
    }

    .text-baseline--5\:lg {
        --baselines: 5
    }

    .text-baseline--6\:lg {
        --baselines: 6
    }

    .text-baseline--7\:lg {
        --baselines: 7
    }

    .text-baseline--8\:lg {
        --baselines: 8
    }
}

@media (min-width: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11),(min-width:1440px) and (min-height:700px) {
    .text-baseline\:xl {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:xl {
        --baselines: 2
    }

    .text-baseline--3\:xl {
        --baselines: 3
    }

    .text-baseline--4\:xl {
        --baselines: 4
    }

    .text-baseline--5\:xl {
        --baselines: 5
    }

    .text-baseline--6\:xl {
        --baselines: 6
    }

    .text-baseline--7\:xl {
        --baselines: 7
    }

    .text-baseline--8\:xl {
        --baselines: 8
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .text-baseline\:xxl {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:xxl {
        --baselines: 2
    }

    .text-baseline--3\:xxl {
        --baselines: 3
    }

    .text-baseline--4\:xxl {
        --baselines: 4
    }

    .text-baseline--5\:xxl {
        --baselines: 5
    }

    .text-baseline--6\:xxl {
        --baselines: 6
    }

    .text-baseline--7\:xxl {
        --baselines: 7
    }

    .text-baseline--8\:xxl {
        --baselines: 8
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .text-baseline\:xxxl {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:xxxl {
        --baselines: 2
    }

    .text-baseline--3\:xxxl {
        --baselines: 3
    }

    .text-baseline--4\:xxxl {
        --baselines: 4
    }

    .text-baseline--5\:xxxl {
        --baselines: 5
    }

    .text-baseline--6\:xxxl {
        --baselines: 6
    }

    .text-baseline--7\:xxxl {
        --baselines: 7
    }

    .text-baseline--8\:xxxl {
        --baselines: 8
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .text-baseline\:xxxxl {
        --baselines:1;
        --baseline-shift: calc(var(--baselines) * var(--scale-text-rem) * 0.5 - 1cap);
        padding-top: var(--baseline-shift)
    }

    .text-baseline--2\:xxxxl {
        --baselines: 2
    }

    .text-baseline--3\:xxxxl {
        --baselines: 3
    }

    .text-baseline--4\:xxxxl {
        --baselines: 4
    }

    .text-baseline--5\:xxxxl {
        --baselines: 5
    }

    .text-baseline--6\:xxxxl {
        --baselines: 6
    }

    .text-baseline--7\:xxxxl {
        --baselines: 7
    }

    .text-baseline--8\:xxxxl {
        --baselines: 8
    }
}

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

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

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

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

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

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

.btn__icon~.btn__icon--clone:where(:not(:last-child)),.btn__text~.btn__text--clone:where(:not(:last-child)) {
    left: 0
}

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

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

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

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

.btn__text {
    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 {
    display: flex;
    width: 100%
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .btn--full\:sm {
        display:flex;
        width: 100%
    }
}

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

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

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

@keyframes arrowDown {
    0% {
        transform: translateY(calc(var(--btn-height) * -.75))
    }

    to {
        transform: translateY(calc(var(--btn-height) * .75))
    }
}

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

.btn:before {
    z-index: 1
}

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

.btn:before {
    opacity: 0
}

.has-hover .btn-container:hover .btn:before,.has-hover .btn:hover:before {
    opacity: 1
}

.has-hover .btn-container:hover .btn:after,.has-hover .btn:hover:after {
    opacity: 0
}

.has-hover .btn-container:active:hover .btn:before,.has-hover .btn:active:hover:before {
    opacity: 1
}

.has-hover .btn-container:active:hover .btn:after,.has-hover .btn:active:hover:after {
    opacity: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%,200% -100%,200% 200%,-100% 200%);
    transform: translateY(0)
}

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

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

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

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

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

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

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

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

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

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

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

.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 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%,200% -100%,200% 200%,-100% 200%);
    transform: translateY(0)
}

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

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

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

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

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

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

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

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

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

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

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

.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 .btn__text--clone+.btn__text--clone {
    clip-path: polygon(-100% -100%,200% -100%,200% 200%,-100% 200%);
    transform: translateY(0)
}

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

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

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

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

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

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

.btn--bitten-corner {
    --left: 0%;
    --right: 0%;
    --top: 0%;
    --bottom: 0%
}

.btn--bitten-corner:before {
    display: none
}

.btn--bitten-corner:after {
    clip-path: polygon(var(--left) 100%,var(--left) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),var(--left) var(--top),var(--left) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top),100% var(--top),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%);
    opacity: 1;
    transition-property: clip-path
}

.has-hover .btn--bitten-corner:active:hover:after,.has-hover .btn--bitten-corner:hover:after,.has-hover .btn-container:active:hover .btn--bitten-corner:after,.has-hover .btn-container:hover .btn--bitten-corner:after {
    clip-path: polygon(0 100%,0 calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),0 var(--top),0 0,100% 0,100% var(--top),100% var(--top),100% calc(100% - var(--bottom)),100% calc(100% - var(--bottom)),100% 100%);
    opacity: 1
}

.btn--bitten-corner.is-active:after,.btn-container.is-active .btn--bitten-corner:after,input:checked+.btn--bitten-corner:is(label):after,label input:checked+.btn--bitten-corner:after {
    clip-path: polygon(0 100%,0 calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),0 var(--top),0 0,100% 0,100% var(--top),100% var(--top),100% calc(100% - var(--bottom)),100% calc(100% - var(--bottom)),100% 100%);
    opacity: 1
}

.has-hover .btn--bitten-corner.is-active:hover:after,.has-hover .btn-container.is-active:hover .btn--bitten-corner:after,.has-hover .btn-container:hover .btn--bitten-corner.is-active:after,.has-hover input:checked+.btn--bitten-corner:is(label):hover:after,.has-hover label input:checked+.btn--bitten-corner:hover:after {
    clip-path: polygon(var(--left) 100%,var(--left) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),var(--left) var(--top),var(--left) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top),100% var(--top),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%)
}

.has-hover .btn--bitten-corner.is-active:active:hover:after,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner:after,.has-hover input:checked+.btn--bitten-corner:is(label):active:hover:after,.has-hover label input:checked+.btn--bitten-corner:active:hover:after {
    clip-path: polygon(var(--left) 100%,var(--left) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),var(--left) var(--top),var(--left) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top),100% var(--top),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%)
}

.btn--bitten-corner--outline {
    --left: 0%;
    --right: 0%;
    --top: 0%;
    --bottom: 0%
}

.btn--bitten-corner--outline:before {
    border: 0 solid rgba(var(--t-primary-rgb),.3);
    display: block;
    opacity: 1;
    transition-property: transform,border-color
}

.btn--bitten-corner--outline:after {
    border: 1px solid rgba(var(--t-primary-rgb),.3);
    transition-property: clip-path,border-color
}

.has-hover .btn--bitten-corner--outline:active:hover:after,.has-hover .btn--bitten-corner--outline:active:hover:before,.has-hover .btn--bitten-corner--outline:hover:after,.has-hover .btn--bitten-corner--outline:hover:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline:after,.has-hover .btn-container:active:hover .btn--bitten-corner--outline:before,.has-hover .btn-container:hover .btn--bitten-corner--outline:after,.has-hover .btn-container:hover .btn--bitten-corner--outline:before {
    border-color: var(--t-primary)
}

.btn--bitten-corner--outline .btn-container.is-disabled:after,.btn--bitten-corner--outline .btn-container.is-disabled:before,.btn--bitten-corner--outline.is-disabled:after,.btn--bitten-corner--outline.is-disabled:before,.btn--bitten-corner--outline:disabled:after,.btn--bitten-corner--outline:disabled:before {
    border-color: rgba(var(--t-text-rgb),.2)
}

.btn--bitten-corner--outline.btn--bitten-corner--rb:before,.btn--bitten-corner--outline.btn--bitten-corner--rt:before {
    border-left-width: 1px;
    left: auto;
    right: 0;
    width: var(--right)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rb:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rb:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rt:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rt:hover:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner--rb:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner--rt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--rb:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--rt:before {
    transform: translateX(100%)
}

.btn--bitten-corner--outline.btn--bitten-corner--rb.is-active:before,.btn--bitten-corner--outline.btn--bitten-corner--rt.is-active:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner--rb:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner--rt:before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:is(label):before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:is(label):before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:before {
    transform: translateX(100%)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rb.is-active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rt.is-active:hover:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner--rb:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner--rt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--rb.is-active:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--rt.is-active:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:is(label):hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:is(label):hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:hover:before {
    transform: translateX(0)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rb.is-active:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--rt.is-active:active:hover:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner--rb:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner--rt:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:is(label):active:hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:is(label):active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rb:active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--rt:active:hover:before {
    transform: translateX(0)
}

.btn--bitten-corner--outline.btn--bitten-corner--rb:before {
    border-top-width: 1px;
    bottom: 0;
    height: var(--bottom);
    top: auto
}

.btn--bitten-corner--outline.btn--bitten-corner--rt:before {
    border-bottom-width: 1px;
    height: var(--top);
    top: 0
}

.btn--bitten-corner--outline.btn--bitten-corner--lb:before,.btn--bitten-corner--outline.btn--bitten-corner--lt:before,.btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    border-right-width: 1px;
    left: 0;
    width: var(--left)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lb:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lb:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:hover:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lb:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lb:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    transform: translateX(-100%)
}

.btn--bitten-corner--outline.btn--bitten-corner--lb.is-active:before,.btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:before,.btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner--lb:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:is(label):before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    transform: translateX(-100%)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lb.is-active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:hover:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner--lb:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lb.is-active:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:is(label):hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:hover:before {
    transform: translateX(0)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lb.is-active:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:active:hover:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lb:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:is(label):active:hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):active:hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lb:active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:active:hover:before {
    transform: translateX(0)
}

.btn--bitten-corner--outline.btn--bitten-corner--lt:before,.btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    border-bottom-width: 1px;
    height: var(--top);
    top: 0
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:hover:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container:active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    transform: translateX(-100%)
}

.btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:before,.btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.btn-container.is-active .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):before,input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:before,label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:before {
    transform: translateX(-100%)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:hover:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container.is-active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:before,.has-hover .btn-container:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:hover:before {
    transform: translateX(0)
}

.has-hover .btn--bitten-corner--outline.btn--bitten-corner--lt.is-active:active:hover:before,.has-hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt.is-active:active:hover:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner--lt:before,.has-hover .btn-container.is-active:active:hover .btn--bitten-corner--outline.btn--bitten-corner-md--lt:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:is(label):active:hover:before,.has-hover input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:is(label):active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner--lt:active:hover:before,.has-hover label input:checked+.btn--bitten-corner--outline.btn--bitten-corner-md--lt:active:hover:before {
    transform: translateX(0)
}

.btn--bitten-corner--outline.btn--bitten-corner--lb:before {
    border-top-width: 1px;
    bottom: 0;
    height: var(--bottom);
    top: auto
}

.btn--bitten-tab {
    --left: 0%;
    --right: 0%;
    --top: 0%;
    --bottom: 0%;
    --left-c: calc(var(--left) - 1px);
    --top-c: calc(var(--top) - 1px)
}

.btn--bitten-tab:before {
    border: 0 solid rgba(var(--t-primary-rgb),.3);
    display: block;
    opacity: 1;
    transform: translateX(-100%);
    transition-property: transform,border-color
}

.btn--bitten-tab:after {
    border: 1px solid rgba(var(--t-primary-rgb),.3);
    clip-path: polygon(0 100%,0 calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top),0 var(--top),0 0,100% 0,100% var(--top),100% var(--top),100% calc(100% - var(--bottom)),100% calc(100% - var(--bottom)),100% 100%);
    transition-property: clip-path,border-color,background-color
}

.btn--bitten-tab.is-active:before,.btn-container.is-active .btn--bitten-tab:before,input:checked+.btn--bitten-tab:is(label):before,label input:checked+.btn--bitten-tab:before {
    border-color: var(--t-primary)
}

.btn--bitten-tab.is-active:after,.btn-container.is-active .btn--bitten-tab:after,input:checked+.btn--bitten-tab:is(label):after,label input:checked+.btn--bitten-tab:after {
    clip-path: polygon(var(--left-c) 100%,var(--left-c) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top-c),var(--left-c) var(--top-c),var(--left-c) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top-c),100% var(--top-c),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%)
}

.has-hover .btn--bitten-tab:hover:after,.has-hover .btn--bitten-tab:hover:before,.has-hover .btn-container:hover .btn--bitten-tab:after,.has-hover .btn-container:hover .btn--bitten-tab:before {
    border-color: var(--t-primary);
    opacity: 1
}

.has-hover .btn--bitten-tab:hover:after,.has-hover .btn-container:hover .btn--bitten-tab:after {
    clip-path: polygon(var(--left-c) 100%,var(--left-c) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top-c),var(--left-c) var(--top-c),var(--left-c) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top-c),100% var(--top-c),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%)
}

.has-hover .btn--bitten-tab:active:hover:after,.has-hover .btn--bitten-tab:active:hover:before,.has-hover .btn-container:active:hover .btn--bitten-tab:after,.has-hover .btn-container:active:hover .btn--bitten-tab:before {
    border-color: var(--t-primary);
    opacity: 1
}

.has-hover .btn--bitten-tab:active:hover:after,.has-hover .btn-container:active:hover .btn--bitten-tab:after {
    clip-path: polygon(var(--left-c) 100%,var(--left-c) calc(100% - var(--bottom)),0 calc(100% - var(--bottom)),0 var(--top-c),var(--left-c) var(--top-c),var(--left-c) 0,calc(100% - var(--right)) 0,calc(100% - var(--right)) var(--top-c),100% var(--top-c),100% calc(100% - var(--bottom)),calc(100% - var(--right)) calc(100% - var(--bottom)),calc(100% - var(--right)) 100%)
}

.btn--bitten-tab.btn--bitten-corner--lt:before,.btn--bitten-tab.btn--bitten-corner-md--lt:before {
    border-bottom-width: 1px;
    border-right-width: 1px;
    height: var(--top);
    left: 0;
    top: 0;
    width: var(--left)
}

.has-hover .btn--bitten-tab.btn--bitten-corner--lt:active:hover:before,.has-hover .btn--bitten-tab.btn--bitten-corner--lt:hover:before,.has-hover .btn--bitten-tab.btn--bitten-corner-md--lt:active:hover:before,.has-hover .btn--bitten-tab.btn--bitten-corner-md--lt:hover:before,.has-hover .btn-container:active:hover .btn--bitten-tab.btn--bitten-corner--lt:before,.has-hover .btn-container:active:hover .btn--bitten-tab.btn--bitten-corner-md--lt:before,.has-hover .btn-container:hover .btn--bitten-tab.btn--bitten-corner--lt:before,.has-hover .btn-container:hover .btn--bitten-tab.btn--bitten-corner-md--lt:before {
    transform: translateX(0)
}

.btn--bitten-tab.btn--bitten-corner--lt.is-active:before,.btn--bitten-tab.btn--bitten-corner-md--lt.is-active:before,.btn-container.is-active .btn--bitten-tab.btn--bitten-corner--lt:before,.btn-container.is-active .btn--bitten-tab.btn--bitten-corner-md--lt:before,input:checked+.btn--bitten-tab.btn--bitten-corner--lt:is(label):before,input:checked+.btn--bitten-tab.btn--bitten-corner-md--lt:is(label):before,label input:checked+.btn--bitten-tab.btn--bitten-corner--lt:before,label input:checked+.btn--bitten-tab.btn--bitten-corner-md--lt:before {
    transform: translateX(0)
}

.btn--card-corner:before {
    opacity: 1;
    transform: translateX(101%)
}

.has-hover .btn--card-corner:hover:before,.has-hover .btn-container:hover .btn--card-corner:before {
    transform: translateX(0)
}

.has-hover .btn--card-corner:hover:after,.has-hover .btn-container:hover .btn--card-corner:after {
    opacity: 1
}

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

.has-hover .btn--card-corner:active:hover:after,.has-hover .btn-container:active:hover .btn--card-corner:after {
    opacity: 1
}

.btn--rotation .btn__icon {
    transform: rotate(0deg);
    transition-duration: .5s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.7,0,.3,1);
    visibility: visible;
    will-change: transform
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-hover .btn--border:active:hover:after,.has-hover .btn--border:active:hover:before,.has-hover .btn--border:hover:after,.has-hover .btn--border:hover:before,.has-hover .btn-container:active:hover .btn--border:after,.has-hover .btn-container:active:hover .btn--border:before,.has-hover .btn-container:hover .btn--border:after,.has-hover .btn-container:hover .btn--border:before {
    opacity: 1
}

.btn--border.is-active:after,.btn--border.is-active:before,.btn-container.is-active .btn--border:after,.btn-container.is-active .btn--border:before,input:checked+.btn--border:is(label):after,input:checked+.btn--border:is(label):before,label input:checked+.btn--border:after,label input:checked+.btn--border:before {
    border-color: var(--active-border)
}

.btn--arrow-down .btn__icon {
    animation: arrowDown 1.5s linear infinite
}

.btn {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15)
}

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

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

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

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

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

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

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn {
        --btn-height:calc(var(--scale-px) * 60);
        --btn-rx: min(calc(var(--scale-px) * 30),calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 30),calc(var(--btn-height, 1000px) / 2));
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 30)
    }

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

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

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

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

.btn--xxs {
    --btn-height: calc(var(--scale-px) * 15);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 8)
}

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

.btn--xs {
    --btn-height: calc(var(--scale-px) * 16);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 8)
}

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

.btn--sm {
    --btn-height: calc(var(--scale-px) * 16);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 5)
}

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--sm {
        --btn-height:calc(var(--scale-px) * 30);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 12)
    }

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

.btn--sm-static {
    --btn-height: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 8)
}

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--sm-static {
        --btn-height:calc(var(--scale-px) * 30);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 12)
    }

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

.btn--md {
    --btn-height: calc(var(--scale-px) * 40);
    --btn-rx: min(calc(var(--scale-px) * 20),calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 20),calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 10)
}

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

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--md {
        --btn-height:calc(var(--scale-px) * 60);
        --btn-rx: min(calc(var(--scale-px) * 30),calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 30),calc(var(--btn-height, 1000px) / 2));
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 15)
    }

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

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

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

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

.btn--lg {
    --btn-height: calc(var(--scale-px) * 36);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 8)
}

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--lg {
        --btn-height:calc(var(--scale-px) * 64);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 22)
    }

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

.btn--text-small-static {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: 1.33333em;
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: calc(var(--scale-text-rem) * .9);
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn--text-small-static {
    --fos: -0.11em;
    --foe: -0.19em
}

.btn {
    --btn-icon-spacing: calc(var(--scale-px) * 10)
}

.btn--bitten-corner {
    --btn-height: calc(var(--scale-px) * 40);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 21)
}

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

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

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

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

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

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

@media (min-width: 1440px) and (min-height:700px) {
    .btn--bitten-corner {
        --btn-height:calc(var(--scale-px) * 60);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 40)
    }

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner {
        --btn-height:calc(var(--scale-px) * 70);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 52)
    }

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

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner {
        --btn-height:calc(var(--scale-px) * 90);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 60)
    }

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

.btn--bitten-corner--rb {
    --right: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 21)
}

.btn--bitten-corner--rb>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner--rb {
        --right:calc(var(--scale-px) * 20);
        --bottom: calc(var(--scale-px) * 20);
        padding: 0 calc(var(--scale-px) * 42) 0 calc(var(--scale-px) * 30)
    }

    .btn--bitten-corner--rb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .btn--bitten-corner--rb {
        --right:calc(var(--scale-px) * 21);
        --bottom: calc(var(--scale-px) * 21);
        padding: 0 calc(var(--scale-px) * 48) 0 calc(var(--scale-px) * 40)
    }

    .btn--bitten-corner--rb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner--rb {
        --right:calc(var(--scale-px) * 30);
        --bottom: calc(var(--scale-px) * 30);
        padding: 0 calc(var(--scale-px) * 70) 0 calc(var(--scale-px) * 52)
    }

    .btn--bitten-corner--rb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner--rb {
        padding:0 calc(var(--scale-px) * 72) 0 calc(var(--scale-px) * 60)
    }

    .btn--bitten-corner--rb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner--rt {
    --right: calc(var(--scale-px) * 10);
    --top: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 21)
}

.btn--bitten-corner--rt>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner--rt {
        --right:calc(var(--scale-px) * 20);
        --top: calc(var(--scale-px) * 20);
        padding: 0 calc(var(--scale-px) * 42) 0 calc(var(--scale-px) * 30)
    }

    .btn--bitten-corner--rt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .btn--bitten-corner--rt {
        --right:calc(var(--scale-px) * 21);
        --top: calc(var(--scale-px) * 21);
        padding: 0 calc(var(--scale-px) * 48) 0 calc(var(--scale-px) * 40)
    }

    .btn--bitten-corner--rt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner--rt {
        --right:calc(var(--scale-px) * 30);
        --top: calc(var(--scale-px) * 30);
        padding: 0 calc(var(--scale-px) * 70) 0 calc(var(--scale-px) * 52)
    }

    .btn--bitten-corner--rt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner--rt {
        padding:0 calc(var(--scale-px) * 72) 0 calc(var(--scale-px) * 60)
    }

    .btn--bitten-corner--rt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner--lt {
    --left: calc(var(--scale-px) * 10);
    --top: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 21)
}

.btn--bitten-corner--lt>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner--lt {
        --left:calc(var(--scale-px) * 20);
        --top: calc(var(--scale-px) * 20);
        padding: 0 calc(var(--scale-px) * 30) 0 calc(var(--scale-px) * 42)
    }

    .btn--bitten-corner--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .btn--bitten-corner--lt {
        --left:calc(var(--scale-px) * 21);
        --top: calc(var(--scale-px) * 21);
        padding: 0 calc(var(--scale-px) * 40) 0 calc(var(--scale-px) * 48)
    }

    .btn--bitten-corner--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner--lt {
        --left:calc(var(--scale-px) * 30);
        --top: calc(var(--scale-px) * 30);
        padding: 0 calc(var(--scale-px) * 52) 0 calc(var(--scale-px) * 70)
    }

    .btn--bitten-corner--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner--lt {
        padding:0 calc(var(--scale-px) * 60) 0 calc(var(--scale-px) * 72)
    }

    .btn--bitten-corner--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner--lb {
    --left: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 21)
}

.btn--bitten-corner--lb>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner--lb {
        --left:calc(var(--scale-px) * 20);
        --bottom: calc(var(--scale-px) * 20);
        padding: 0 calc(var(--scale-px) * 30) 0 calc(var(--scale-px) * 42)
    }

    .btn--bitten-corner--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .btn--bitten-corner--lb {
        --left:calc(var(--scale-px) * 21);
        --bottom: calc(var(--scale-px) * 21);
        padding: 0 calc(var(--scale-px) * 40) 0 calc(var(--scale-px) * 48)
    }

    .btn--bitten-corner--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner--lb {
        --left:calc(var(--scale-px) * 30);
        --bottom: calc(var(--scale-px) * 30);
        padding: 0 calc(var(--scale-px) * 52) 0 calc(var(--scale-px) * 70)
    }

    .btn--bitten-corner--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner--lb {
        padding:0 calc(var(--scale-px) * 60) 0 calc(var(--scale-px) * 72)
    }

    .btn--bitten-corner--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner-md {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 21)
}

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

.btn--bitten-corner-md.btn--outline {
    border-radius: 0
}

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

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-md {
        --btn-height:calc(var(--scale-px) * 50)
    }

    .btn--bitten-corner-md,.btn--bitten-corner-md>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-corner-md {
        --btn-height:calc(var(--scale-px) * 60)
    }

    .btn--bitten-corner-md,.btn--bitten-corner-md>.btn__content {
        height: var(--btn-height)
    }
}

.btn--bitten-corner-md--lt {
    --left: calc(var(--scale-px) * 10);
    --top: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 16) 0 calc(var(--scale-px) * 16)
}

.btn--bitten-corner-md--lt>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-md--lt {
        --left:calc(var(--scale-px) * 13);
        --top: calc(var(--scale-px) * 13);
        padding: 0 calc(var(--scale-px) * 20) 0 calc(var(--scale-px) * 20)
    }

    .btn--bitten-corner-md--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner-md--lt {
        padding:0 calc(var(--scale-px) * 18) 0 calc(var(--scale-px) * 18)
    }

    .btn--bitten-corner-md--lt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner-md--lb {
    --left: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 16) 0 calc(var(--scale-px) * 16)
}

.btn--bitten-corner-md--lb>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-md--lb {
        --left:calc(var(--scale-px) * 13);
        --bottom: calc(var(--scale-px) * 13);
        padding: 0 calc(var(--scale-px) * 20) 0 calc(var(--scale-px) * 20)
    }

    .btn--bitten-corner-md--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner-md--lb {
        padding:0 calc(var(--scale-px) * 18) 0 calc(var(--scale-px) * 18)
    }

    .btn--bitten-corner-md--lb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner-md--rt {
    --right: calc(var(--scale-px) * 10);
    --top: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 18) 0 calc(var(--scale-px) * 23)
}

.btn--bitten-corner-md--rt>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-md--rt {
        --right:calc(var(--scale-px) * 13);
        --top: calc(var(--scale-px) * 13);
        padding: 0 calc(var(--scale-px) * 20) 0 calc(var(--scale-px) * 26)
    }

    .btn--bitten-corner-md--rt>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner-xl {
    --btn-height: calc(var(--scale-px) * 40);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 21)
}

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

.btn--bitten-corner-xl.btn--outline {
    border-radius: 0
}

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

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner-xl {
        --btn-height:calc(var(--scale-px) * 50);
        height: var(--btn-height);
        padding: 0 calc(var(--scale-px) * 30)
    }

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-xl {
        --btn-height:calc(var(--scale-px) * 60)
    }

    .btn--bitten-corner-xl,.btn--bitten-corner-xl>.btn__content {
        height: var(--btn-height)
    }
}

.btn--bitten-corner-xl--rb {
    --right: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 10);
    padding: 0 calc(var(--scale-px) * 18) 0 calc(var(--scale-px) * 23)
}

.btn--bitten-corner-xl--rb>.btn__content {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner-xl--rb {
        --right:calc(var(--scale-px) * 20);
        --bottom: calc(var(--scale-px) * 20);
        padding: 0 calc(var(--scale-px) * 34) 0 calc(var(--scale-px) * 25)
    }

    .btn--bitten-corner-xl--rb>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

.btn--bitten-corner-back {
    --right: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 13);
    --btn-height: calc(var(--scale-px) * 40);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 25) 0 calc(var(--scale-px) * 15)
}

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-corner-back {
        padding:0 calc(var(--scale-px) * 31) 0 calc(var(--scale-px) * 21)
    }

    .btn--bitten-corner-back>.btn__content {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 0
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-back {
        --btn-height:calc(var(--scale-px) * 60);
        height: var(--btn-height)
    }

    .btn--bitten-corner-back>.btn__content {
        height: var(--btn-height)
    }
}

.btn--bitten-corner-share {
    --right: calc(var(--scale-px) * 10);
    --bottom: calc(var(--scale-px) * 10);
    --btn-height: calc(var(--scale-px) * 40);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 20)
}

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--bitten-corner-share {
        --btn-height:calc(var(--scale-px) * 60);
        height: var(--btn-height)
    }

    .btn--bitten-corner-share>.btn__content {
        height: var(--btn-height)
    }
}

.btn--card-corner {
    --btn-height: calc(var(--scale-px) * 60);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0
}

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

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--card-corner {
        --btn-height:calc(var(--scale-px) * 90)
    }

    .btn--card-corner,.btn--card-corner>.btn__content {
        height: var(--btn-height)
    }
}

.btn--card-corner--favourite {
    --btn-height: calc(var(--scale-px) * 80);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0
}

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

.btn--card-corner--favourite.btn--outline {
    border-radius: 0
}

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--card-corner--favourite {
        --btn-height:calc(var(--scale-px) * 110);
        height: var(--btn-height)
    }

    .btn--card-corner--favourite>.btn__content {
        height: var(--btn-height)
    }
}

.btn--card-icon {
    --btn-height: calc(var(--scale-px) * 20);
    --btn-rx: min(calc(var(--scale-px) * 10),calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 10),calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0
}

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

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

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--card-icon {
        --btn-height:calc(var(--scale-px) * 30);
        --btn-rx: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
        --btn-ry: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
        height: var(--btn-height)
    }

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

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

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

    .btn--card-icon>.btn__content {
        height: var(--btn-height)
    }
}

.btn--card-icon--favourite {
    --btn-height: calc(var(--scale-px) * 40);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0
}

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

.btn--card-icon--favourite.btn--outline {
    border-radius: 0
}

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--card-icon--favourite {
        --btn-height:calc(var(--scale-px) * 50);
        height: var(--btn-height)
    }

    .btn--card-icon--favourite>.btn__content {
        height: var(--btn-height)
    }
}

.btn--tab {
    --btn-height: calc(var(--scale-px) * 50);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    border: var(--c-border);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 21)
}

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

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

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

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

@media (min-width: 2400px) and (min-height:700px) {
    .btn--tab {
        --btn-height:calc(var(--scale-px) * 90)
    }

    .btn--tab,.btn--tab>.btn__content {
        height: var(--btn-height)
    }
}

.btn--lang {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0;
    width: calc(var(--scale-px) * 34)
}

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

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

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

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--lang {
        width:calc(var(--scale-px) * 37)
    }
}

.btn--select {
    --btn-height: calc(var(--scale-px) * 30);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 15)
}

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

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

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

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

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

    .btn--select,.btn--select>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--select {
        --btn-height:calc(var(--scale-px) * 60)
    }

    .btn--select,.btn--select>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .btn--select {
        padding:0 calc(var(--scale-px) * 20)
    }

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

.btn--text-between .btn__content {
    justify-content: space-between
}

.btn--text-center .btn__content {
    justify-content: center
}

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

.btn--card-doc-icon {
    --btn-height: calc(var(--scale-px) * 20);
    --btn-rx: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(calc(var(--scale-px) * 15),calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: 0
}

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

.btn--card-doc-icon.btn--outline {
    border-radius: 0
}

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

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

@media (min-width: 1920px) and (min-height:700px) {
    .btn--card-doc-icon {
        --btn-height:calc(var(--scale-px) * 30)
    }

    .btn--card-doc-icon,.btn--card-doc-icon>.btn__content {
        height: var(--btn-height)
    }
}

.btn--feature {
    --btn-height: calc(var(--scale-px) * 30)
}

.btn--feature,.btn--feature>.btn__content {
    height: var(--btn-height)
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--feature {
        --btn-height:calc(var(--scale-px) * 40)
    }

    .btn--feature,.btn--feature>.btn__content {
        height: var(--btn-height)
    }
}

.btn--big-tab {
    --btn-height: calc(var(--scale-px) * 60);
    --btn-rx: min(0,calc(var(--btn-height, 1000px) / 2));
    --btn-ry: min(0,calc(var(--btn-height, 1000px) / 2));
    height: var(--btn-height);
    padding: calc(var(--scale-px) * 20) var(--spacing-layout) 0 var(--spacing-layout)
}

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

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

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

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--big-tab {
        --btn-height:calc(var(--scale-px) * 80)
    }

    .btn--big-tab,.btn--big-tab>.btn__content {
        height: var(--btn-height)
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .btn--big-tab {
        --btn-height:calc(var(--scale-px) * 90);
        height: var(--btn-height);
        padding: calc(var(--scale-px) * 22) var(--spacing-layout) 0 var(--spacing-layout)
    }

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

@media (min-width: 2400px) and (min-height:700px) {
    .btn--big-tab {
        --btn-height:calc(var(--scale-px) * 100)
    }

    .btn--big-tab,.btn--big-tab>.btn__content {
        height: var(--btn-height)
    }
}

.btn--bitten-tab {
    padding: 0 calc(var(--scale-px) * 15)
}

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .btn--bitten-tab {
        padding:0 calc(var(--scale-px) * 20)
    }

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

@media (min-width: 2400px) and (min-height:700px) {
    .btn--bitten-tab {
        padding:0 calc(var(--scale-px) * 30)
    }

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

.btn--favourites-button {
    padding: 0 calc(var(--scale-px) * 15)
}

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

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

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

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

.btn--square .btn__content {
    justify-content: center!important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--tab.is-active>svg rect,.btn-container.is-active .btn--tab>svg rect,input:checked+.btn--tab:is(label)>svg rect,label input:checked+.btn--tab>svg rect {
    stroke: var(--t-button-tab-active-border)
}

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

.btn--tab.is-active>svg rect+rect,.btn-container.is-active .btn--tab>svg rect+rect,input:checked+.btn--tab:is(label)>svg rect+rect,label input:checked+.btn--tab>svg rect+rect {
    stroke: var(--t-button-tab-active-hover-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--lang.is-active>svg rect,.btn-container.is-active .btn--lang>svg rect,input:checked+.btn--lang:is(label)>svg rect,label input:checked+.btn--lang>svg rect {
    stroke: var(--t-button-lang-active-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--card-icon--favourite .btn-container.is-disabled:after,.btn--card-icon--favourite.is-disabled:after,.btn--card-icon--favourite:after,.btn--card-icon--favourite:disabled:after {
    border-color: var(--t-button-card-icon--favourite-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-hover .btn--big-tab.is-active:active:hover,.has-hover .btn-container.is-active:active:hover .btn--big-tab,.has-hover input:checked+.btn--big-tab:is(label):active:hover,.has-hover label input:checked+.btn--big-tab:active:hover {
    color: var(--t-button-big-tab-active-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--secondary .btn-container.is-disabled:before,.btn--secondary.is-disabled:before,.btn--secondary:before,.btn--secondary:disabled:before {
    background-color: var(--t-button-secondary-hover-background)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--select.is-active>svg rect,.btn-container.is-active .btn--select>svg rect,input:checked+.btn--select:is(label)>svg rect,label input:checked+.btn--select>svg rect {
    stroke: var(--t-button-select-active-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--favourite.is-active>svg rect,.btn-container.is-active .btn--favourite>svg rect,input:checked+.btn--favourite:is(label)>svg rect,label input:checked+.btn--favourite>svg rect {
    stroke: var(--t-button-favourite-active-border)
}

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

.btn--favourite.is-active>svg rect+rect,.btn-container.is-active .btn--favourite>svg rect+rect,input:checked+.btn--favourite:is(label)>svg rect+rect,label input:checked+.btn--favourite>svg rect+rect {
    stroke: var(--t-button-favourite-active-hover-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--link.is-active>svg rect,.btn-container.is-active .btn--link>svg rect,input:checked+.btn--link:is(label)>svg rect,label input:checked+.btn--link>svg rect {
    stroke: var(--t-button-link-active-border)
}

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

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

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

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

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

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

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

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

.btn--link-heading.is-active>svg rect,.btn-container.is-active .btn--link-heading>svg rect,input:checked+.btn--link-heading:is(label)>svg rect,label input:checked+.btn--link-heading>svg rect {
    stroke: var(--t-button-link-heading-active-border)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--link-inline {
    display: inline;
    white-space: normal
}

.btn--link-inline span {
    display: inline
}

.btn--block {
    display: flex
}

.btn--block:where(:not(.btn--full):not(.btn--square)) {
    width: -moz-fit-content;
    width: fit-content
}

.btn--dot {
    border-radius: 0;
    display: block;
    height: 1px;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.btn--dot>.btn__content {
    bottom: -5px;
    height: auto;
    left: -5px;
    position: absolute;
    right: -5px;
    top: -5px
}

.btn--border:after,.btn--border:before {
    border-style: solid;
    border-width: 1px
}

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

.btn--dropdown.is-active .btn__icon,.btn-container.is-active .btn--dropdown .btn__icon,input:checked+.btn--dropdown:is(label) .btn__icon,label input:checked+.btn--dropdown .btn__icon {
    transform: scaleY(-1)
}

.btn--select:after {
    border: 1px solid var(--border)
}

.btn--select:before {
    border: 1px solid var(--hover-border)
}

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

.btn--card-icon--favourite:after {
    border: 1px solid var(--border)
}

.btn--card-icon--favourite:before {
    border: 1px solid var(--hover-border)
}

.btn--big-tab {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxxl,1.0625em) var(--n-xxxxl,var(--xxxl,1.07692em) var(--n-xxxl,var(--xxl,1.1em) var(--n-xxl,var(--md,1.11111em) var(--n-md,1.17647em))));
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxxl,calc(var(--scale-text-rem) * 8)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-text-rem) * 6.5)) var(--n-xxxl,var(--xxl,calc(var(--scale-text-rem) * 5)) var(--n-xxl,var(--md,calc(var(--scale-text-rem) * 4.5)) var(--n-md,calc(var(--scale-text-rem) * 1.7)))));
    font-weight: 450;
    letter-spacing: var(--md,-.02em) var(--n-md,-.01em);
    line-height: var(--lh);
    text-transform: uppercase
}

.is-win .btn--big-tab {
    --fos: -0.11em;
    --foe: -0.19em
}

.btn--big-tab:after,.btn--big-tab:before {
    opacity: 1
}

.btn--big-tab>.btn__content {
    align-items: flex-start;
    justify-content: flex-start
}

.animation--fade-in,.animation--fade-out,.animation--height,.animation--tabs-in,.animation--tabs-out {
    pointer-events: none
}

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

.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--preloader-out {
    clip-path: polygon(0 0,100% 0,100% 133svh,50% 133svh,50% 100%,0 100%)
}

.animation--preloader-out--active {
    clip-path: polygon(0 0,100% 0,100% 0svh,50% 0svh,50% 0,0 0)
}

.animation--preloader-in {
    transition-delay: 1s
}

.animation--preloader-in .preloader__background {
    opacity: .6
}

.animation--preloader-in .preloader__content {
    clip-path: polygon(0 0,50% 0,50% 0svh,100% 0svh,100% 100%,0 100%);
    transition-delay: 1s
}

.animation--preloader-in--inactive .preloader__background {
    opacity: 0
}

.animation--preloader-in--inactive .preloader__content {
    clip-path: polygon(0 100%,50% 100%,50% 133svh,100% 133svh,100% 100%,0 100%)
}

.animation--preloader-landing-out {
    transition-delay: 2s;
    transition-duration: 1s;
    transition-property: opacity;
    will-change: opacity
}

.animation--preloader-landing-out .preloader__background {
    transition-property: opacity
}

.animation--preloader-landing-out .preloader__block,.animation--preloader-landing-out .preloader__block:after,.animation--preloader-landing-out .preloader__block:before,.animation--preloader-landing-out .preloader__logo {
    transition-delay: 1s;
    transition-duration: 1s!important;
    transition-property: transform,width,height!important
}

.animation--preloader-landing-out--active,.animation--preloader-landing-out--active .preloader__background,.animation--preloader-landing-out--active.preloader--landing,.animation--preloader-landing-out--active.preloader--landing .preloader__background {
    opacity: 0
}

.animation--preloader-landing-out--active .preloader__block,.animation--preloader-landing-out--active.preloader--landing .preloader__block {
    height: calc(var(--block-height) + var(--block-bookmark-height));
    transform: translate(0);
    width: var(--block-width)
}

.animation--preloader-landing-out--active .preloader__block:after,.animation--preloader-landing-out--active .preloader__block:before,.animation--preloader-landing-out--active.preloader--landing .preloader__block:after,.animation--preloader-landing-out--active.preloader--landing .preloader__block:before {
    height: var(--block-height);
    transform: translate(0) scaleX(1) scaleY(1)!important;
    width: 100vw
}

.animation--preloader-landing-out--active .preloader__logo,.animation--preloader-landing-out--active.preloader--landing .preloader__logo {
    transform: translate(var(--spacing-layout),var(--logo-offset-y))
}

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

.animation--title .char {
    transition: transform .7s cubic-bezier(.7,0,.3,1),opacity .7s cubic-bezier(.7,0,.3,1);
    transition-delay: calc(var(--char-index) * 10ms)
}

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

.animation--title--inactive .char {
    opacity: 0;
    transform: translateY(calc(110% + var(--word-margin)))
}

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

.animation--text .word-wrap {
    transition: transform 1.2s cubic-bezier(.7,0,.3,1);
    transition-delay: calc(var(--line-index) * 0ms)
}

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

.animation--text--inactive .word-wrap {
    transform: translateY(calc(110% + var(--word-margin)))
}

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

.splitting .char,.splitting .word,.splitting .word-wrap {
    display: inline-block
}

.splitting .word {
    --word-margin: 0.16em;
    clip-path: inset(calc(var(--word-margin) * -1) calc(var(--word-margin) * -1) calc(var(--word-margin) * -1) calc(var(--word-margin) * -1))
}

.word {
    white-space: nowrap
}

.word--shy {
    white-space: normal
}

.whitespace,.word-nowrap-spacer {
    display: inline-block
}

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

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

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

.is-splitting sup {
    line-height: inherit;
    position: static;
    top: inherit;
    vertical-align: inherit
}

.animation--tabs-in {
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

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

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

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

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

.animation--fast {
    transition-duration: .25s
}

.animation--slow {
    transition-duration: 1s
}

.animation--block {
    transition-duration: 2s
}

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

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

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

.modal__close {
    position: absolute;
    right: var(--spacing-layout);
    top: var(--spacing-layout);
    z-index: 10
}

.modal__scroller {
    height: 100svh;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}

.modal__scroller__scrollable {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    height: 100svh;
    overflow: hidden;
    overflow-y: scroll;
    overscroll-behavior: none;
    scroll-behavior: smooth;
    scrollbar-width: none
}

.modal__scroller__scrollable::-webkit-scrollbar {
    display: none
}

.disable-smooth-scrolling .modal__scroller,.has-scroll-smooth .modal__scroller {
    scroll-behavior: auto
}

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

.modal__background {
    background: var(--c-blue-gray);
    height: 100svh;
    left: 0;
    opacity: .6;
    position: fixed;
    top: 0;
    width: 100%
}

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

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

.modal__content {
    background: var(--t-background);
    margin: 0 auto;
    max-width: var(--md,calc(var(--grid-col-custom) * 6 + var(--grid-gutter) * 5 + var(--spacing-layout) * 2)) var(--n-md,100%);
    position: relative
}

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

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

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

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

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal--full.animation--modal-in,.modal--full.animation--modal-in .modal__background,.modal--full.animation--modal-in .modal__content,.modal--full.animation--modal-out,.modal--full.animation--modal-out .modal__background,.modal--full.animation--modal-out .modal__content {
        transition-duration:1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

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

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .modal--full .modal__content {
        background:transparent
    }

    .modal--full .modal__content:before {
        background: var(--t-background);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .modal--full .modal__animation {
        clip-path: polygon(100% 0,0 0,0 133svh,50% 133svh,50% 100%,100% 100%);
        height: 100svh;
        left: 0;
        position: fixed;
        top: 0;
        width: 100%
    }

    .modal--full.animation--modal-in,.modal--full.animation--modal-out {
        transition-duration: 1s;
        transition-duration: 2s;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

    .modal--full.animation--modal-in .modal__animation,.modal--full.animation--modal-in .modal__background,.modal--full.animation--modal-in .modal__content:before,.modal--full.animation--modal-out .modal__animation,.modal--full.animation--modal-out .modal__background,.modal--full.animation--modal-out .modal__content:before {
        transition-duration: 1s;
        transition-property: clip-path,opacity;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

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

    .modal--full.animation--modal-in .modal__animation,.modal--full.animation--modal-out .modal__animation {
        clip-path: polygon(100% 0,50% 0,50% 0svh,0 0svh,0 100%,100% 100%)
    }

    .modal--full.animation--modal-in .modal__content>*,.modal--full.animation--modal-out .modal__content>* {
        transition-duration: 1s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

    .modal--full.animation--modal-in .modal__content>*,.modal--full.animation--modal-out .modal__animation,.modal--full.animation--modal-out .modal__background,.modal--full.animation--modal-out .modal__content:before {
        transition-delay: .25s
    }

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

    .modal--full.animation--modal-in--inactive .modal__animation,.modal--full.animation--modal-out--active .modal__animation {
        clip-path: polygon(100% 100%,50% 100%,50% 133svh,0 133svh,0 100%,100% 100%)
    }

    .modal--full.animation--modal-in--inactive .modal__content>*,.modal--full.animation--modal-out--active .modal__content>* {
        opacity: 0
    }
}

.modal--side .modal__content {
    margin: var(--md,0 0 0 auto) var(--n-md,0);
    max-width: 100%;
    min-height: 100svh;
    width: 100%
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .modal--side.animation--modal-in,.modal--side.animation--modal-in .modal__background,.modal--side.animation--modal-in .modal__content,.modal--side.animation--modal-out,.modal--side.animation--modal-out .modal__background,.modal--side.animation--modal-out .modal__content {
        transition-duration:1s;
        transition-property: transform;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

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

    .modal--side.animation--modal-in--inactive .modal__content,.modal--side.animation--modal-out--active .modal__content {
        transform: translateY(100%)
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .modal--side .modal__content {
        background:transparent;
        padding-left: var(--grid-col-custom);
        width: calc(var(--grid-col-custom) * 7 + var(--grid-gutter) * 5 + var(--spacing-layout) * 2)
    }

    .modal--side .modal__content:before {
        background: var(--t-background);
        clip-path: polygon(0 0,100% 0,100% 100%,var(--grid-col-custom) 100%,var(--grid-col-custom) 71.79487svh,0 71.79487svh);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .modal--side.animation--modal-in,.modal--side.animation--modal-out {
        transition-duration: 1s;
        transition-duration: 2s;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

    .modal--side.animation--modal-in .modal__background,.modal--side.animation--modal-in .modal__content:before,.modal--side.animation--modal-out .modal__background,.modal--side.animation--modal-out .modal__content:before {
        transition-duration: 1s;
        transition-property: clip-path,opacity;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

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

    .modal--side.animation--modal-in .modal__content:before,.modal--side.animation--modal-out .modal__content:before {
        clip-path: polygon(0 0,100% 0,100% 100%,calc(var(--grid-col-custom) + 0%) 100%,calc(var(--grid-col-custom) + 0%) 71.79487svh,0 71.79487svh)
    }

    .modal--side.animation--modal-in .modal__content>*,.modal--side.animation--modal-out .modal__content>* {
        transition-duration: 1s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.7,0,.3,1)
    }

    .modal--side.animation--modal-in .modal__content>*,.modal--side.animation--modal-out .modal__background,.modal--side.animation--modal-out .modal__content:before {
        transition-delay: .25s
    }

    .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:before,.modal--side.animation--modal-out--active .modal__content:before {
        clip-path: polygon(100% 0,100% 0,100% 100%,calc(var(--grid-col-custom) + 133%) 100%,calc(var(--grid-col-custom) + 133%) 71.79487svh,100% 71.79487svh)
    }

    .modal--side.animation--modal-in--inactive .modal__content>*,.modal--side.animation--modal-out--active .modal__content>* {
        opacity: 0
    }
}

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .modal--side--left .modal__content {
        padding-left:0;
        padding-right: var(--grid-col-custom)
    }

    .modal--side--left .modal__content:before,.modal--side--left.animation--modal-in .modal__content:before,.modal--side--left.animation--modal-out .modal__content:before {
        clip-path: polygon(0 0,100% 0,100% 71.79487svh,calc(100% - var(--grid-col-custom)) 71.79487svh,calc(100% - var(--grid-col-custom)) 100%,0 100%)
    }

    .modal--side--left.animation--modal-in--inactive .modal__content:before,.modal--side--left.animation--modal-out--active .modal__content:before {
        clip-path: polygon(0 0,0 0,0 71.79487svh,calc(-33% - var(--grid-col-custom)) 71.79487svh,calc(-33% - var(--grid-col-custom)) 100%,0 100%)
    }
}

.modal--center {
}

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

.modal--center.animation--modal-in,.modal--center.animation--modal-in .modal__background,.modal--center.animation--modal-in .modal__scroller,.modal--center.animation--modal-out,.modal--center.animation--modal-out .modal__background,.modal--center.animation--modal-out .modal__scroller {
    transition-duration: .5s;
    transition-property: transform,opacity;
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

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

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

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

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

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

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

.form-control--input input,.form-control--select select,.form-control--textarea textarea {
    background: transparent;
    border: 0;
    border: 1px solid var(--c-gray);
    border-radius: 0;
    display: block;
    height: calc(var(--scale-px) * 60);
    min-width: 0;
    padding: 0;
    padding: var(--md,calc(var(--scale-px) * 14) var(--spacing-layout) 0) var(--n-md,calc(var(--scale-px) * 16) var(--spacing-layout) 0);
    width: 100%
}

.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;
    -moz-appearance: none;
    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] {
    box-shadow: none;
    pointer-events: none
}

.form-control--input input,.form-control--select select,.form-control--textarea textarea {
    outline-color: transparent;
    position: relative;
    vertical-align: middle;
    z-index: var(--index)
}

.form-control--input input:-webkit-autofill,.form-control--select select:-webkit-autofill,.form-control--textarea textarea:-webkit-autofill {
    -webkit-transition: color .5s cubic-bezier(.7,0,.3,1),border-color .5s cubic-bezier(.7,0,.3,1),background-color 1ms ease-in-out 5000s!important;
    transition: color .5s cubic-bezier(.7,0,.3,1),border-color .5s cubic-bezier(.7,0,.3,1),background-color 1ms ease-in-out 5000s!important
}

.form-control--input input:autofill,.form-control--select select:autofill,.form-control--textarea textarea:autofill {
    transition: color .5s cubic-bezier(.7,0,.3,1),border-color .5s cubic-bezier(.7,0,.3,1),background-color 1ms ease-in-out 5000s!important
}

.form-control--input .has-hover input:hover,.form-control--select .has-hover select:hover,.form-control--textarea .has-hover textarea:hover,.has-hover .form-control--input input:hover,.has-hover .form-control--select select:hover,.has-hover .form-control--textarea textarea:hover {
    border: 1px solid rgba(var(--t-text-rgb),.6);
    z-index: 1
}

.form-control--input .has-hover input:hover:focus,.form-control--input input:focus,.form-control--select .has-hover select:hover:focus,.form-control--select select:focus,.form-control--textarea .has-hover textarea:hover:focus,.form-control--textarea textarea:focus,.has-hover .form-control--input input:hover:focus,.has-hover .form-control--select select:hover:focus,.has-hover .form-control--textarea textarea:hover:focus {
    border: 1px solid var(--t-text);
    outline: none;
    z-index: 1
}

.form-control--input input:disabled,.form-control--input input[readonly],.form-control--select select:disabled,.form-control--select select[readonly],.form-control--textarea textarea:disabled,.form-control--textarea textarea[readonly] {
    color: var(--t-small-transparent)
}

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

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

::-ms-reveal {
    display: none
}

.form-label {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxl,1.28571em) var(--n-xxxl,1.27273em);
    color: var(--t-small);
    display: block;
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl,calc(var(--scale-text-rem) * 1.1));
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.is-win .form-label {
    --fos: -0.11em;
    --foe: -0.19em
}

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

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

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

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

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

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

.form-control--float :is(input,textarea):is(:focus,:not(:-moz-placeholder-shown),:autofill)~.form-label {
    transform: var(--md,translate(0,-10px) scale(.81818)) var(--n-md,translate(0,-7px) scale(.81818))
}

.form-control--float :is(input,textarea):is(:focus,:not(:placeholder-shown),:-webkit-autofill)~.form-label {
    transform: var(--md,translate(0,-10px) scale(.81818)) var(--n-md,translate(0,-7px) scale(.81818))
}

.form-control--float :is(input,textarea):is(:focus,:not(:placeholder-shown),:autofill)~.form-label,.form-control--float.is-focused:not(.form-control--select) .form-label,.form-control--float.is-not-empty .form-label {
    transform: var(--md,translate(0,-10px) scale(.81818)) var(--n-md,translate(0,-7px) scale(.81818))
}

@media (min-width: 1920px) and (min-height:700px) {
    .form-control--float.form-control--big .form-label {
        top:calc(var(--scale-px) * 32)
    }

    .form-control--float.form-control--big input,.form-control--float.form-control--big textarea {
        height: calc(var(--scale-px) * 80);
        padding-top: calc(var(--scale-px) * 24)
    }

    .form-control--float.form-control--big :is(input,textarea):is(:focus,:not(:-moz-placeholder-shown),:autofill)~.form-label {
        transform: translateY(-14px) scale(.78571)
    }

    .form-control--float.form-control--big :is(input,textarea):is(:focus,:not(:placeholder-shown),:-webkit-autofill)~.form-label {
        transform: translateY(-14px) scale(.78571)
    }

    .form-control--float.form-control--big :is(input,textarea):is(:focus,:not(:placeholder-shown),:autofill)~.form-label,.form-control--float.form-control--big.is-focused:not(.form-control--select) .form-label,.form-control--float.form-control--big.is-not-empty .form-label {
        transform: translateY(-14px) scale(.78571)
    }
}

.form-group {
    position: relative
}

.form-group+.form-group {
    margin-top: -1px
}

:is(.sr-only,input[hidden])+.form-group {
    margin-top: 0
}

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

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

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

.form-control__error,.form-control__success {
    color: var(--t-heading);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: calc(var(--scale-px) * 5);
    transform: translateY(-50%);
    transition-property: opacity
}

.form-control--error .form-control__error,.is-not-empty:not(.form-control--error) .form-control__success {
    opacity: 1
}

.form-control.is-not-empty:not(.form-control--error) input:not(:disabled):not([readonly]),.form-control.is-not-empty:not(.form-control--error) textarea:not(:disabled):not([readonly]) {
    border-color: var(--t-text);
    z-index: 2
}

.form-control--input input {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: var(--xxxl,1.28571em) var(--n-xxxl,1.36364em);
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: var(--xxxl,calc(var(--scale-text-rem) * 1.4)) var(--n-xxxl,calc(var(--scale-text-rem) * 1.1));
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    text-transform: none!important;
    text-transform: uppercase
}

.is-win .form-control--input input {
    --fos: -0.11em;
    --foe: -0.19em
}

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

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

.form-control--textarea textarea {
    resize: vertical;
    text-transform: none!important
}

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

.form-control-checkbox {
    --checkbox-height: var(--md,calc(var(--scale-px) * 20)) var(--n-md,calc(var(--scale-px) * 15));
    align-items: center;
    display: flex
}

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

.form-control-checkbox__icon,.form-control-checkbox__label {
    cursor: pointer;
    position: relative
}

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

.form-control-checkbox__label-text {
    display: inline-block;
    vertical-align: top
}

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

.form-control-checkbox__icon:before {
    background-color: var(--t-background);
    content: "";
    display: block;
    height: var(--checkbox-height);
    left: -1px;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4L5 8L12 1' stroke='black'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1 4L5 8L12 1' stroke='black'/></svg>");
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: var(--md,calc(var(--scale-px) * 13) calc(var(--scale-px) * 9)) var(--n-md,calc(var(--scale-px) * 10) calc(var(--scale-px) * 7));
    mask-size: var(--md,calc(var(--scale-px) * 13) calc(var(--scale-px) * 9)) var(--n-md,calc(var(--scale-px) * 10) calc(var(--scale-px) * 7));
    opacity: 0;
    position: absolute;
    top: -1px;
    transition-property: opacity;
    width: var(--checkbox-height)
}

.form-control-checkbox__label {
    display: flex;
    flex-grow: 1;
    padding: var(--xxxxl,0 0 0 calc(var(--scale-px) * 13)) var(--n-xxxxl,0 0 0 calc(var(--scale-px) * 10));
    transition-property: opacity
}

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

input:checked~.form-control-checkbox__icon {
    background: var(--t-text)
}

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

.has-hover .form-control-checkbox:hover .form-control-checkbox__label {
    opacity: .6
}

.form-control-checkbox--callback,.form-control-checkbox--small {
    --checkbox-height: var(--xxxxl,calc(var(--scale-px) * 20)) var(--n-xxxxl,calc(var(--scale-px) * 12))
}

.form-control-checkbox--callback .form-control-checkbox__icon:before,.form-control-checkbox--small .form-control-checkbox__icon:before {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.785156 2.21429L3 5L7.07087 0.5' stroke='black'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.785156 2.21429L3 5L7.07087 0.5' stroke='black'/></svg>");
    -webkit-mask-size: 8px 6px;
    mask-size: 8px 6px
}

.form-control-checkbox--callback {
    align-items: flex-start
}

.form-control-checkbox--callback .form-control-checkbox__icon {
    margin-top: var(--xxxxl,calc(var(--scale-px) * -5)) var(--n-xxxxl,var(--lg,calc(var(--scale-px) * -2)) var(--n-lg,calc(var(--scale-px) * -3)))
}

.form-control-checkbox--callback .form-control-checkbox__label {
    font-size: inherit
}

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

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

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

.form-control-radio {
    --radio-height: calc(var(--scale-px) * 20);
    align-items: center;
    display: flex
}

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

.form-control-radio__icon,.form-control-radio__label {
    cursor: pointer;
    min-height: var(--radio-height);
    position: relative
}

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

.form-control-radio__label-text {
    display: inline-block
}

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

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

input[disabled]~.form-control-radio__icon,input[disabled]~.form-control-radio__label {
    opacity: .5;
    pointer-events: none
}

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

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

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

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

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

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

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

.form-control-range-label {
    padding-bottom: 1em
}

.form-control-range {
    --range-line-height: 1px;
    --range-size: calc(var(--scale-px) * 20);
    --range-size-width: var(--xxxl,calc(var(--scale-px) * 11)) var(--n-xxxl,calc(var(--scale-px) * 7));
    --range-size-height: var(--xxxl,calc(var(--scale-px) * 11)) var(--n-xxxl,calc(var(--scale-px) * 7));
    --range-color: var(--t-text);
    --range-color-focused: var(--t-primary);
    height: 1px;
    margin-left: 0;
    margin-right: var(--range-size-width);
    margin-top: calc(var(--scale-px) * 10);
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-control-range__connector,.form-control-range__handle {
    height: 100%
}

.form-control-range__connector {
    height: var(--range-line-height);
    left: 0;
    position: absolute;
    top: calc(50% - var(--range-line-height) / 2);
    transform-origin: left top;
    width: 100%
}

.form-control-range__connector~.form-control-range__connector {
    background: var(--range-color);
    height: var(--range-line-height);
    opacity: 1;
    top: calc(50% - var(--range-line-height))
}

.form-control-range__handle {
    bottom: 0;
    left: 0;
    outline: none;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 1
}

.form-control-range__handle__pin {
    background: var(--range-color);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    height: var(--range-size-height);
    pointer-events: all;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition-property: transform,border-color;
    width: var(--range-size-width)
}

.form-control-range__handle__pin:before {
    border-radius: 50%;
    content: "";
    height: 400%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 400%
}

.has-hover .form-control-range__handle__pin:hover {
    transform: translateY(-50%) scale(1.2)
}

.form-control-range__handle.is-focused .form-control-range__handle__pin {
    border-color: var(--range-color-focused)
}

.form-control-range--single .form-control-range__connector {
    background: var(--range-color);
    height: var(--range-line-height);
    opacity: 1;
    top: calc(50% - var(--range-line-height))
}

.grecaptcha-badge {
    display: none!important
}

.form-agreement {
    color: rgba(var(--t-text-rgb),.6);
    margin-bottom: var(--spacing);
    margin-top: var(--spacing)
}

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

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

.form-agreement .btn {
    vertical-align: baseline
}

.form-agreement label.error {
    padding-top: var(--md,calc(var(--scale-px) * 10)) var(--n-md,calc(var(--scale-px) * 5));
    position: relative;
    right: auto;
    top: auto
}

.form-agreement .form-group:not(:last-child) {
    margin-bottom: var(--xxxl,calc(var(--scale-px) * 30)) var(--n-xxxl,calc(var(--scale-px) * 16))
}

.form-footer {
    align-items: center;
    display: flex;
    gap: var(--md,calc(var(--scale-px) * 50)) var(--n-md,calc(var(--scale-px) * 40));
    margin-bottom: var(--md,var(--spacing)) var(--n-md,calc(var(--spacing) * 2));
    margin-top: var(--md,var(--spacing)) var(--n-md,calc(var(--spacing) * 2))
}

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

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

.form-footer>.btn {
    flex-shrink: 0;
    min-width: var(--xxl,calc(var(--scale-px) * 220)) var(--n-xxl,calc(var(--scale-px) * 150))
}

@media (min-width: 1920px) and (min-height:700px) {
    .form-footer>.btn {
        height:calc(var(--scale-px) * 80)
    }
}

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

div.error,label.error {
    --fos: -0.11em;
    --foe: -0.19em;
    --lh: 1.33333em;
    color: var(--c-error);
    display: block;
    font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
    font-size: calc(var(--scale-text-rem) * .9);
    font-weight: 450;
    letter-spacing: .04em;
    line-height: var(--lh);
    position: absolute;
    right: var(--spacing-layout);
    text-transform: uppercase;
    top: var(--md,calc(var(--scale-px) * 16)) var(--n-md,calc(var(--scale-px) * 18))
}

.is-win div.error,.is-win label.error {
    --fos: -0.11em;
    --foe: -0.19em
}

@supports not (text-box:trim-both cap alphabetic) {
    div.error:after,div.error:before,label.error:after,label.error:before {
        content: "";
        display: block;
        height: 0;
        overflow: hidden;
        position: relative
    }

    div.error:before,label.error:before {
        margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em))
    }

    div.error:after,label.error:after {
        margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em))
    }
}

@supports (text-box:trim-both cap alphabetic) {
    div.error,label.error {
        text-box: trim-both cap alphabetic
    }
}

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

.cookie-consent {
    bottom: calc((var(--scale-px) * 10) + env(safe-area-inset-bottom));
    height: auto;
    left: calc(var(--scale-px) * 10);
    overflow: hidden;
    position: fixed;
    right: calc(var(--scale-px) * 10);
    width: auto;
    z-index: 10
}

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

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

.cookie-consent--simple {
    align-items: center;
    bottom: env(safe-area-inset-bottom);
    display: flex;
    height: auto;
    justify-content: center;
    left: 0;
    overflow: visible;
    pointer-events: none;
    right: 0;
    width: auto
}

.cookie-consent--simple .cookie-consent__inner {
    width: 100%
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .cookie-consent--simple .cookie-consent__inner.container-h {
        margin-left:0;
        margin-right: 0
    }
}

.cookie-consent--simple .cookie-consent__container {
    align-items: center;
    border-top: 1px solid rgba(var(--c-blue-dark-rgb),.2);
    box-sizing: border-box;
    display: flex;
    gap: var(--spacing);
    justify-content: space-between;
    min-width: var(--xxxl,calc(var(--scale-px) * 400)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 280)) var(--n-md,100%));
    padding: var(--md,calc(var(--scale-px) * 19)) var(--n-md,calc(var(--scale-px) * 9) calc(var(--scale-px) * 10) calc(var(--scale-px) * 10) calc(var(--scale-px) * 20));
    pointer-events: all
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .cookie-consent--simple .cookie-consent__container {
        margin-left:calc(var(--scale-px) * -20);
        margin-right: calc(var(--scale-px) * -20);
        width: unset
    }
}

.cookie-consent--simple .cookie-consent__description {
    min-width: var(--xxxl,calc(var(--scale-px) * 300)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 200)) var(--n-md,unset));
    position: relative;
    z-index: 1
}

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

.cookie-consent--simple .cookie-consent__accept {
    position: relative;
    z-index: 2
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .cookie-consent--simple .cookie-consent__accept {
        padding-left:calc(var(--scale-px) * 24);
        padding-right: calc(var(--scale-px) * 20)
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .cookie-consent--simple {
        bottom:calc(var(--spacing) * .5);
        right: unset
    }

    .cookie-consent--simple .cookie-consent__container {
        border: 1px solid rgba(var(--c-blue-dark-rgb),.2);
        justify-content: flex-end;
        position: relative
    }

    .cookie-consent--simple .cookie-consent__description {
        background: var(--c-white);
        border-color: rgba(var(--c-blue-dark-rgb),.2);
        border-style: solid;
        border-width: 1px 1px 0;
        bottom: 100%;
        box-sizing: border-box;
        left: -1px;
        padding: calc(var(--scale-px) * 19) calc(var(--scale-px) * 19) 0 calc(var(--scale-px) * 19);
        position: absolute;
        z-index: 2
    }

    .cookie-consent--simple .cookie-consent__description:after {
        background: var(--c-white);
        bottom: -1px;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }
}

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

.ui-background-alternative {
    background: var(--t-background-alternative)
}

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

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

.container,.container-h,.container-h-vars,.container-v,.container-v-vars,.container-vars {
    --container-content-width: calc(min(var(--vw100), var(--container-max-width)) - var(--container-h-padding-left) - var(--container-h-padding-right))
}

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

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

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

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

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

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

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

.row--pad {
    margin-left: calc(var(--grid-gutter) * -.5);
    margin-right: calc(var(--grid-gutter) * -.5)
}

.row--pad>.col {
    padding-left: calc(var(--grid-gutter) * .5);
    padding-right: calc(var(--grid-gutter) * .5)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .col--lg-1 {
        flex:0 1 8.33333%;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11),(min-width:1440px) and (min-height:700px) {
    .col--xl-1 {
        flex:0 1 8.33333%;
        width: 8.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(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: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .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: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11),(min-width:1440px) and (min-height:700px) {
    .row--start-xl {
        justify-content:flex-start
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .row--bottom-xxxxl {
        align-items: flex-end
    }

    .row--around-xxxxl {
        justify-content: space-around
    }

    .row--between-xxxxl {
        justify-content: space-between
    }

    .row .col--order-first-xxxxl {
        order: -1
    }

    .row .col--order-normal-xxxxl {
        order: 0
    }

    .row .col--order-last-xxxxl {
        order: 1
    }
}

.container,.container-h,.container-h-vars,.container-v,.container-v-vars,.container-vars,:root {
    --grid-col: calc((var(--container-content-width) - var(--grid-gutter) * 11) / 12)
}

:root {
    --grid-gutter: var(--xxxl,calc(var(--scale-px) * 30)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 20)) var(--n-md,calc(var(--scale-px) * 10)));
    --grid-col-custom: calc((var(--container-content-width) - var(--spacing-layout) * 2 - var(--grid-gutter) * 11) / 12)
}

.p-relative {
    position: relative
}

.pt-0,.pt-0\:xs,.py-0,.py-0\:xs {
    padding-top: 0
}

.pt-0\.25,.pt-0\.25\:xs,.py-0\.25,.py-0\.25\:xs {
    padding-top: calc(var(--spacing) * .25)
}

.pt-0\.5,.pt-0\.5\:xs,.py-0\.5,.py-0\.5\:xs {
    padding-top: calc(var(--spacing) * .5)
}

.pt-0\.66,.pt-0\.66\:xs,.py-0\.66,.py-0\.66\:xs {
    padding-top: calc(var(--spacing) * .66)
}

.pt-0\.75,.pt-0\.75\:xs,.py-0\.75,.py-0\.75\:xs {
    padding-top: calc(var(--spacing) * .75)
}

.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-1\.33,.pt-1\.33\:xs,.py-1\.33,.py-1\.33\:xs {
    padding-top: calc(var(--spacing) * 1.33)
}

.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-2\.33,.pt-2\.33\:xs,.py-2\.33,.py-2\.33\:xs {
    padding-top: calc(var(--spacing) * 2.33)
}

.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-6,.pt-6\:xs,.py-6,.py-6\:xs {
    padding-top: calc(var(--spacing) * 6)
}

.pt-6\.5,.pt-6\.5\:xs,.py-6\.5,.py-6\.5\:xs {
    padding-top: calc(var(--spacing) * 6.5)
}

.pt-7,.pt-7\:xs,.py-7,.py-7\:xs {
    padding-top: calc(var(--spacing) * 7)
}

.pt-layout,.pt-layout\:xs,.py-layout,.py-layout\:xs {
    padding-top: var(--spacing-layout)
}

.pb-0,.pb-0\:xs,.py-0,.py-0\:xs {
    padding-bottom: 0
}

.pb-0\.25,.pb-0\.25\:xs,.py-0\.25,.py-0\.25\:xs {
    padding-bottom: calc(var(--spacing) * .25)
}

.pb-0\.5,.pb-0\.5\:xs,.py-0\.5,.py-0\.5\:xs {
    padding-bottom: calc(var(--spacing) * .5)
}

.pb-0\.66,.pb-0\.66\:xs,.py-0\.66,.py-0\.66\:xs {
    padding-bottom: calc(var(--spacing) * .66)
}

.pb-0\.75,.pb-0\.75\:xs,.py-0\.75,.py-0\.75\:xs {
    padding-bottom: calc(var(--spacing) * .75)
}

.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-1\.33,.pb-1\.33\:xs,.py-1\.33,.py-1\.33\:xs {
    padding-bottom: calc(var(--spacing) * 1.33)
}

.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-2\.33,.pb-2\.33\:xs,.py-2\.33,.py-2\.33\:xs {
    padding-bottom: calc(var(--spacing) * 2.33)
}

.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-6,.pb-6\:xs,.py-6,.py-6\:xs {
    padding-bottom: calc(var(--spacing) * 6)
}

.pb-6\.5,.pb-6\.5\:xs,.py-6\.5,.py-6\.5\:xs {
    padding-bottom: calc(var(--spacing) * 6.5)
}

.pb-7,.pb-7\:xs,.py-7,.py-7\:xs {
    padding-bottom: calc(var(--spacing) * 7)
}

.pb-layout,.pb-layout\:xs,.py-layout,.py-layout\:xs {
    padding-bottom: var(--spacing-layout)
}

.pl-0,.pl-0\:xs,.px-0,.px-0\:xs {
    padding-left: 0
}

.pl-0\.25,.pl-0\.25\:xs,.px-0\.25,.px-0\.25\:xs {
    padding-left: calc(var(--spacing) * .25)
}

.pl-0\.5,.pl-0\.5\:xs,.px-0\.5,.px-0\.5\:xs {
    padding-left: calc(var(--spacing) * .5)
}

.pl-0\.66,.pl-0\.66\:xs,.px-0\.66,.px-0\.66\:xs {
    padding-left: calc(var(--spacing) * .66)
}

.pl-0\.75,.pl-0\.75\:xs,.px-0\.75,.px-0\.75\:xs {
    padding-left: calc(var(--spacing) * .75)
}

.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-1\.33,.pl-1\.33\:xs,.px-1\.33,.px-1\.33\:xs {
    padding-left: calc(var(--spacing) * 1.33)
}

.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-2\.33,.pl-2\.33\:xs,.px-2\.33,.px-2\.33\:xs {
    padding-left: calc(var(--spacing) * 2.33)
}

.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-6,.pl-6\:xs,.px-6,.px-6\:xs {
    padding-left: calc(var(--spacing) * 6)
}

.pl-6\.5,.pl-6\.5\:xs,.px-6\.5,.px-6\.5\:xs {
    padding-left: calc(var(--spacing) * 6.5)
}

.pl-7,.pl-7\:xs,.px-7,.px-7\:xs {
    padding-left: calc(var(--spacing) * 7)
}

.pl-layout,.pl-layout\:xs,.px-layout,.px-layout\:xs {
    padding-left: var(--spacing-layout)
}

.pr-0,.pr-0\:xs,.px-0,.px-0\:xs {
    padding-right: 0
}

.pr-0\.25,.pr-0\.25\:xs,.px-0\.25,.px-0\.25\:xs {
    padding-right: calc(var(--spacing) * .25)
}

.pr-0\.5,.pr-0\.5\:xs,.px-0\.5,.px-0\.5\:xs {
    padding-right: calc(var(--spacing) * .5)
}

.pr-0\.66,.pr-0\.66\:xs,.px-0\.66,.px-0\.66\:xs {
    padding-right: calc(var(--spacing) * .66)
}

.pr-0\.75,.pr-0\.75\:xs,.px-0\.75,.px-0\.75\:xs {
    padding-right: calc(var(--spacing) * .75)
}

.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-1\.33,.pr-1\.33\:xs,.px-1\.33,.px-1\.33\:xs {
    padding-right: calc(var(--spacing) * 1.33)
}

.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-2\.33,.pr-2\.33\:xs,.px-2\.33,.px-2\.33\:xs {
    padding-right: calc(var(--spacing) * 2.33)
}

.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-6,.pr-6\:xs,.px-6,.px-6\:xs {
    padding-right: calc(var(--spacing) * 6)
}

.pr-6\.5,.pr-6\.5\:xs,.px-6\.5,.px-6\.5\:xs {
    padding-right: calc(var(--spacing) * 6.5)
}

.pr-7,.pr-7\:xs,.px-7,.px-7\:xs {
    padding-right: calc(var(--spacing) * 7)
}

.pr-layout,.pr-layout\:xs,.px-layout,.px-layout\:xs {
    padding-right: var(--spacing-layout)
}

.mt-0,.mt-0\:xs,.my-0,.my-0\:xs {
    margin-top: 0
}

.mt-0:where(:first-child),.mt-0\:xs:where(:first-child),.my-0:where(:first-child),.my-0\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.25,.mt-0\.25\:xs,.my-0\.25,.my-0\.25\:xs {
    margin-top: calc(var(--spacing) * .25)
}

.mt-0\.25:where(:first-child),.mt-0\.25\:xs:where(:first-child),.my-0\.25:where(:first-child),.my-0\.25\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.5,.mt-0\.5\:xs,.my-0\.5,.my-0\.5\:xs {
    margin-top: calc(var(--spacing) * .5)
}

.mt-0\.5:where(:first-child),.mt-0\.5\:xs:where(:first-child),.my-0\.5:where(:first-child),.my-0\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.66,.mt-0\.66\:xs,.my-0\.66,.my-0\.66\:xs {
    margin-top: calc(var(--spacing) * .66)
}

.mt-0\.66:where(:first-child),.mt-0\.66\:xs:where(:first-child),.my-0\.66:where(:first-child),.my-0\.66\:xs:where(:first-child) {
    margin-top: 0
}

.mt-0\.75,.mt-0\.75\:xs,.my-0\.75,.my-0\.75\:xs {
    margin-top: calc(var(--spacing) * .75)
}

.mt-0\.75:where(:first-child),.mt-0\.75\:xs:where(:first-child),.my-0\.75:where(:first-child),.my-0\.75\: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-1\.33,.mt-1\.33\:xs,.my-1\.33,.my-1\.33\:xs {
    margin-top: calc(var(--spacing) * 1.33)
}

.mt-1\.33:where(:first-child),.mt-1\.33\:xs:where(:first-child),.my-1\.33:where(:first-child),.my-1\.33\: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-2\.33,.mt-2\.33\:xs,.my-2\.33,.my-2\.33\:xs {
    margin-top: calc(var(--spacing) * 2.33)
}

.mt-2\.33:where(:first-child),.mt-2\.33\:xs:where(:first-child),.my-2\.33:where(:first-child),.my-2\.33\: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-6,.mt-6\:xs,.my-6,.my-6\:xs {
    margin-top: calc(var(--spacing) * 6)
}

.mt-6:where(:first-child),.mt-6\:xs:where(:first-child),.my-6:where(:first-child),.my-6\:xs:where(:first-child) {
    margin-top: 0
}

.mt-6\.5,.mt-6\.5\:xs,.my-6\.5,.my-6\.5\:xs {
    margin-top: calc(var(--spacing) * 6.5)
}

.mt-6\.5:where(:first-child),.mt-6\.5\:xs:where(:first-child),.my-6\.5:where(:first-child),.my-6\.5\:xs:where(:first-child) {
    margin-top: 0
}

.mt-7,.mt-7\:xs,.my-7,.my-7\:xs {
    margin-top: calc(var(--spacing) * 7)
}

.mt-7:where(:first-child),.mt-7\:xs:where(:first-child),.my-7:where(:first-child),.my-7\:xs:where(:first-child) {
    margin-top: 0
}

.mt-layout,.mt-layout\:xs,.my-layout,.my-layout\:xs {
    margin-top: var(--spacing-layout)
}

.mt-layout:where(:first-child),.mt-layout\:xs:where(:first-child),.my-layout:where(:first-child),.my-layout\:xs:where(:first-child) {
    margin-top: 0
}

.mt-auto,.mt-auto\:xs,.my-auto,.my-auto\:xs {
    margin-top: auto
}

.mt-auto:where(:first-child),.mt-auto\:xs:where(:first-child),.my-auto:where(:first-child),.my-auto\:xs:where(:first-child) {
    margin-top: 0
}

.mb-0,.mb-0\:xs,.my-0,.my-0\:xs {
    margin-bottom: 0
}

.mb-0:where(:last-child),.mb-0\:xs:where(:last-child),.my-0:where(:last-child),.my-0\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.25,.mb-0\.25\:xs,.my-0\.25,.my-0\.25\:xs {
    margin-bottom: calc(var(--spacing) * .25)
}

.mb-0\.25:where(:last-child),.mb-0\.25\:xs:where(:last-child),.my-0\.25:where(:last-child),.my-0\.25\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.5,.mb-0\.5\:xs,.my-0\.5,.my-0\.5\:xs {
    margin-bottom: calc(var(--spacing) * .5)
}

.mb-0\.5:where(:last-child),.mb-0\.5\:xs:where(:last-child),.my-0\.5:where(:last-child),.my-0\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.66,.mb-0\.66\:xs,.my-0\.66,.my-0\.66\:xs {
    margin-bottom: calc(var(--spacing) * .66)
}

.mb-0\.66:where(:last-child),.mb-0\.66\:xs:where(:last-child),.my-0\.66:where(:last-child),.my-0\.66\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-0\.75,.mb-0\.75\:xs,.my-0\.75,.my-0\.75\:xs {
    margin-bottom: calc(var(--spacing) * .75)
}

.mb-0\.75:where(:last-child),.mb-0\.75\:xs:where(:last-child),.my-0\.75:where(:last-child),.my-0\.75\: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-1\.33,.mb-1\.33\:xs,.my-1\.33,.my-1\.33\:xs {
    margin-bottom: calc(var(--spacing) * 1.33)
}

.mb-1\.33:where(:last-child),.mb-1\.33\:xs:where(:last-child),.my-1\.33:where(:last-child),.my-1\.33\: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-2\.33,.mb-2\.33\:xs,.my-2\.33,.my-2\.33\:xs {
    margin-bottom: calc(var(--spacing) * 2.33)
}

.mb-2\.33:where(:last-child),.mb-2\.33\:xs:where(:last-child),.my-2\.33:where(:last-child),.my-2\.33\: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-6,.mb-6\:xs,.my-6,.my-6\:xs {
    margin-bottom: calc(var(--spacing) * 6)
}

.mb-6:where(:last-child),.mb-6\:xs:where(:last-child),.my-6:where(:last-child),.my-6\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-6\.5,.mb-6\.5\:xs,.my-6\.5,.my-6\.5\:xs {
    margin-bottom: calc(var(--spacing) * 6.5)
}

.mb-6\.5:where(:last-child),.mb-6\.5\:xs:where(:last-child),.my-6\.5:where(:last-child),.my-6\.5\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-7,.mb-7\:xs,.my-7,.my-7\:xs {
    margin-bottom: calc(var(--spacing) * 7)
}

.mb-7:where(:last-child),.mb-7\:xs:where(:last-child),.my-7:where(:last-child),.my-7\:xs:where(:last-child) {
    margin-bottom: 0
}

.mb-layout,.mb-layout\:xs,.my-layout,.my-layout\:xs {
    margin-bottom: var(--spacing-layout)
}

.mb-layout:where(:last-child),.mb-layout\:xs:where(:last-child),.my-layout:where(:last-child),.my-layout\: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\.25,.ml-0\.25\:xs,.mx-0\.25,.mx-0\.25\:xs {
    margin-left: calc(var(--spacing) * .25)
}

.ml-0\.5,.ml-0\.5\:xs,.mx-0\.5,.mx-0\.5\:xs {
    margin-left: calc(var(--spacing) * .5)
}

.ml-0\.66,.ml-0\.66\:xs,.mx-0\.66,.mx-0\.66\:xs {
    margin-left: calc(var(--spacing) * .66)
}

.ml-0\.75,.ml-0\.75\:xs,.mx-0\.75,.mx-0\.75\:xs {
    margin-left: calc(var(--spacing) * .75)
}

.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-1\.33,.ml-1\.33\:xs,.mx-1\.33,.mx-1\.33\:xs {
    margin-left: calc(var(--spacing) * 1.33)
}

.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-2\.33,.ml-2\.33\:xs,.mx-2\.33,.mx-2\.33\:xs {
    margin-left: calc(var(--spacing) * 2.33)
}

.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-6,.ml-6\:xs,.mx-6,.mx-6\:xs {
    margin-left: calc(var(--spacing) * 6)
}

.ml-6\.5,.ml-6\.5\:xs,.mx-6\.5,.mx-6\.5\:xs {
    margin-left: calc(var(--spacing) * 6.5)
}

.ml-7,.ml-7\:xs,.mx-7,.mx-7\:xs {
    margin-left: calc(var(--spacing) * 7)
}

.ml-layout,.ml-layout\:xs,.mx-layout,.mx-layout\:xs {
    margin-left: var(--spacing-layout)
}

.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\.25,.mr-0\.25\:xs,.mx-0\.25,.mx-0\.25\:xs {
    margin-right: calc(var(--spacing) * .25)
}

.mr-0\.5,.mr-0\.5\:xs,.mx-0\.5,.mx-0\.5\:xs {
    margin-right: calc(var(--spacing) * .5)
}

.mr-0\.66,.mr-0\.66\:xs,.mx-0\.66,.mx-0\.66\:xs {
    margin-right: calc(var(--spacing) * .66)
}

.mr-0\.75,.mr-0\.75\:xs,.mx-0\.75,.mx-0\.75\:xs {
    margin-right: calc(var(--spacing) * .75)
}

.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-1\.33,.mr-1\.33\:xs,.mx-1\.33,.mx-1\.33\:xs {
    margin-right: calc(var(--spacing) * 1.33)
}

.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-2\.33,.mr-2\.33\:xs,.mx-2\.33,.mx-2\.33\:xs {
    margin-right: calc(var(--spacing) * 2.33)
}

.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-6,.mr-6\:xs,.mx-6,.mx-6\:xs {
    margin-right: calc(var(--spacing) * 6)
}

.mr-6\.5,.mr-6\.5\:xs,.mx-6\.5,.mx-6\.5\:xs {
    margin-right: calc(var(--spacing) * 6.5)
}

.mr-7,.mr-7\:xs,.mx-7,.mx-7\:xs {
    margin-right: calc(var(--spacing) * 7)
}

.mr-layout,.mr-layout\:xs,.mx-layout,.mx-layout\:xs {
    margin-right: var(--spacing-layout)
}

.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\.25\:sm,.py-0\.25\:sm {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:sm,.py-0\.5\:sm {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:sm,.py-0\.66\:sm {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:sm,.py-0\.75\:sm {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.py-1\.33\:sm {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.py-2\.33\:sm {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.py-6\:sm {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:sm,.py-6\.5\:sm {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:sm,.py-7\:sm {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:sm,.py-layout\:sm {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:sm,.py-0\:sm {
        padding-bottom: 0
    }

    .pb-0\.25\:sm,.py-0\.25\:sm {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:sm,.py-0\.5\:sm {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:sm,.py-0\.66\:sm {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:sm,.py-0\.75\:sm {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.py-1\.33\:sm {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.py-2\.33\:sm {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.py-6\:sm {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:sm,.py-6\.5\:sm {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:sm,.py-7\:sm {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:sm,.py-layout\:sm {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:sm,.px-0\:sm {
        padding-left: 0
    }

    .pl-0\.25\:sm,.px-0\.25\:sm {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:sm,.px-0\.5\:sm {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:sm,.px-0\.66\:sm {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:sm,.px-0\.75\:sm {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.px-1\.33\:sm {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.px-2\.33\:sm {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.px-6\:sm {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:sm,.px-6\.5\:sm {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:sm,.px-7\:sm {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:sm,.px-layout\:sm {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:sm,.px-0\:sm {
        padding-right: 0
    }

    .pr-0\.25\:sm,.px-0\.25\:sm {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:sm,.px-0\.5\:sm {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:sm,.px-0\.66\:sm {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:sm,.px-0\.75\:sm {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.px-1\.33\:sm {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.px-2\.33\:sm {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.px-6\:sm {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:sm,.px-6\.5\:sm {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:sm,.px-7\:sm {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:sm,.px-layout\:sm {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:sm,.my-0\:sm {
        margin-top: 0
    }

    .mt-0\:sm:where(:first-child),.my-0\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:sm,.my-0\.25\:sm {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:sm:where(:first-child),.my-0\.25\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:sm,.my-0\.5\:sm {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:sm:where(:first-child),.my-0\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:sm,.my-0\.66\:sm {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:sm:where(:first-child),.my-0\.66\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:sm,.my-0\.75\:sm {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:sm:where(:first-child),.my-0\.75\: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-1\.33\:sm,.my-1\.33\:sm {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:sm:where(:first-child),.my-1\.33\: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-2\.33\:sm,.my-2\.33\:sm {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:sm:where(:first-child),.my-2\.33\: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-6\:sm,.my-6\:sm {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:sm:where(:first-child),.my-6\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:sm,.my-6\.5\:sm {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:sm:where(:first-child),.my-6\.5\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:sm,.my-7\:sm {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:sm:where(:first-child),.my-7\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:sm,.my-layout\:sm {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:sm:where(:first-child),.my-layout\:sm:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:sm,.my-auto\:sm {
        margin-top: auto
    }

    .mt-auto\:sm:where(:first-child),.my-auto\:sm:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:sm,.my-0\:sm {
        margin-bottom: 0
    }

    .mb-0\:sm:where(:last-child),.my-0\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:sm,.my-0\.25\:sm {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:sm:where(:last-child),.my-0\.25\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:sm,.my-0\.5\:sm {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:sm:where(:last-child),.my-0\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:sm,.my-0\.66\:sm {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:sm:where(:last-child),.my-0\.66\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:sm,.my-0\.75\:sm {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:sm:where(:last-child),.my-0\.75\: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-1\.33\:sm,.my-1\.33\:sm {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:sm:where(:last-child),.my-1\.33\: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-2\.33\:sm,.my-2\.33\:sm {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:sm:where(:last-child),.my-2\.33\: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-6\:sm,.my-6\:sm {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:sm:where(:last-child),.my-6\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:sm,.my-6\.5\:sm {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:sm:where(:last-child),.my-6\.5\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:sm,.my-7\:sm {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:sm:where(:last-child),.my-7\:sm:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:sm,.my-layout\:sm {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:sm:where(:last-child),.my-layout\: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\.25\:sm,.mx-0\.25\:sm {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:sm,.mx-0\.5\:sm {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:sm,.mx-0\.66\:sm {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:sm,.mx-0\.75\:sm {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.mx-1\.33\:sm {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.mx-2\.33\:sm {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.mx-6\:sm {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:sm,.mx-6\.5\:sm {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:sm,.mx-7\:sm {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:sm,.mx-layout\:sm {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:sm,.mx-auto\:sm {
        margin-left: auto
    }

    .mr-0\:sm,.mx-0\:sm {
        margin-right: 0
    }

    .mr-0\.25\:sm,.mx-0\.25\:sm {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:sm,.mx-0\.5\:sm {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:sm,.mx-0\.66\:sm {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:sm,.mx-0\.75\:sm {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:sm,.mx-1\.33\:sm {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:sm,.mx-2\.33\:sm {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:sm,.mx-6\:sm {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:sm,.mx-6\.5\:sm {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:sm,.mx-7\:sm {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:sm,.mx-layout\:sm {
        margin-right: var(--spacing-layout)
    }

    .mr-auto\:sm,.mx-auto\:sm {
        margin-right: auto
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .pt-0\:md,.py-0\:md {
        padding-top:0
    }

    .pt-0\.25\:md,.py-0\.25\:md {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:md,.py-0\.5\:md {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:md,.py-0\.66\:md {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:md,.py-0\.75\:md {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.py-1\.33\:md {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.py-2\.33\:md {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.py-6\:md {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:md,.py-6\.5\:md {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:md,.py-7\:md {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:md,.py-layout\:md {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:md,.py-0\:md {
        padding-bottom: 0
    }

    .pb-0\.25\:md,.py-0\.25\:md {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:md,.py-0\.5\:md {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:md,.py-0\.66\:md {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:md,.py-0\.75\:md {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.py-1\.33\:md {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.py-2\.33\:md {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.py-6\:md {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:md,.py-6\.5\:md {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:md,.py-7\:md {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:md,.py-layout\:md {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:md,.px-0\:md {
        padding-left: 0
    }

    .pl-0\.25\:md,.px-0\.25\:md {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:md,.px-0\.5\:md {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:md,.px-0\.66\:md {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:md,.px-0\.75\:md {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.px-1\.33\:md {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.px-2\.33\:md {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.px-6\:md {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:md,.px-6\.5\:md {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:md,.px-7\:md {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:md,.px-layout\:md {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:md,.px-0\:md {
        padding-right: 0
    }

    .pr-0\.25\:md,.px-0\.25\:md {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:md,.px-0\.5\:md {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:md,.px-0\.66\:md {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:md,.px-0\.75\:md {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.px-1\.33\:md {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.px-2\.33\:md {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.px-6\:md {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:md,.px-6\.5\:md {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:md,.px-7\:md {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:md,.px-layout\:md {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:md,.my-0\:md {
        margin-top: 0
    }

    .mt-0\:md:where(:first-child),.my-0\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:md,.my-0\.25\:md {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:md:where(:first-child),.my-0\.25\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:md,.my-0\.5\:md {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:md:where(:first-child),.my-0\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:md,.my-0\.66\:md {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:md:where(:first-child),.my-0\.66\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:md,.my-0\.75\:md {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:md:where(:first-child),.my-0\.75\: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-1\.33\:md,.my-1\.33\:md {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:md:where(:first-child),.my-1\.33\: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-2\.33\:md,.my-2\.33\:md {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:md:where(:first-child),.my-2\.33\: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-6\:md,.my-6\:md {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:md:where(:first-child),.my-6\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:md,.my-6\.5\:md {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:md:where(:first-child),.my-6\.5\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:md,.my-7\:md {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:md:where(:first-child),.my-7\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:md,.my-layout\:md {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:md:where(:first-child),.my-layout\:md:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:md,.my-auto\:md {
        margin-top: auto
    }

    .mt-auto\:md:where(:first-child),.my-auto\:md:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:md,.my-0\:md {
        margin-bottom: 0
    }

    .mb-0\:md:where(:last-child),.my-0\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:md,.my-0\.25\:md {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:md:where(:last-child),.my-0\.25\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:md,.my-0\.5\:md {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:md:where(:last-child),.my-0\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:md,.my-0\.66\:md {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:md:where(:last-child),.my-0\.66\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:md,.my-0\.75\:md {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:md:where(:last-child),.my-0\.75\: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-1\.33\:md,.my-1\.33\:md {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:md:where(:last-child),.my-1\.33\: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-2\.33\:md,.my-2\.33\:md {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:md:where(:last-child),.my-2\.33\: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-6\:md,.my-6\:md {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:md:where(:last-child),.my-6\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:md,.my-6\.5\:md {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:md:where(:last-child),.my-6\.5\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:md,.my-7\:md {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:md:where(:last-child),.my-7\:md:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:md,.my-layout\:md {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:md:where(:last-child),.my-layout\: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\.25\:md,.mx-0\.25\:md {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:md,.mx-0\.5\:md {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:md,.mx-0\.66\:md {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:md,.mx-0\.75\:md {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.mx-1\.33\:md {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.mx-2\.33\:md {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.mx-6\:md {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:md,.mx-6\.5\:md {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:md,.mx-7\:md {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:md,.mx-layout\:md {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:md,.mx-auto\:md {
        margin-left: auto
    }

    .mr-0\:md,.mx-0\:md {
        margin-right: 0
    }

    .mr-0\.25\:md,.mx-0\.25\:md {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:md,.mx-0\.5\:md {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:md,.mx-0\.66\:md {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:md,.mx-0\.75\:md {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:md,.mx-1\.33\:md {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:md,.mx-2\.33\:md {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:md,.mx-6\:md {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:md,.mx-6\.5\:md {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:md,.mx-7\:md {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:md,.mx-layout\:md {
        margin-right: var(--spacing-layout)
    }

    .mr-auto\:md,.mx-auto\:md {
        margin-right: auto
    }
}

@media (min-width: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .pt-0\:lg,.py-0\:lg {
        padding-top:0
    }

    .pt-0\.25\:lg,.py-0\.25\:lg {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:lg,.py-0\.5\:lg {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:lg,.py-0\.66\:lg {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:lg,.py-0\.75\:lg {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.py-1\.33\:lg {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.py-2\.33\:lg {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.py-6\:lg {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:lg,.py-6\.5\:lg {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:lg,.py-7\:lg {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:lg,.py-layout\:lg {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:lg,.py-0\:lg {
        padding-bottom: 0
    }

    .pb-0\.25\:lg,.py-0\.25\:lg {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:lg,.py-0\.5\:lg {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:lg,.py-0\.66\:lg {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:lg,.py-0\.75\:lg {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.py-1\.33\:lg {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.py-2\.33\:lg {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.py-6\:lg {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:lg,.py-6\.5\:lg {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:lg,.py-7\:lg {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:lg,.py-layout\:lg {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:lg,.px-0\:lg {
        padding-left: 0
    }

    .pl-0\.25\:lg,.px-0\.25\:lg {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:lg,.px-0\.5\:lg {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:lg,.px-0\.66\:lg {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:lg,.px-0\.75\:lg {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.px-1\.33\:lg {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.px-2\.33\:lg {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.px-6\:lg {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:lg,.px-6\.5\:lg {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:lg,.px-7\:lg {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:lg,.px-layout\:lg {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:lg,.px-0\:lg {
        padding-right: 0
    }

    .pr-0\.25\:lg,.px-0\.25\:lg {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:lg,.px-0\.5\:lg {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:lg,.px-0\.66\:lg {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:lg,.px-0\.75\:lg {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.px-1\.33\:lg {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.px-2\.33\:lg {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.px-6\:lg {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:lg,.px-6\.5\:lg {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:lg,.px-7\:lg {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:lg,.px-layout\:lg {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:lg,.my-0\:lg {
        margin-top: 0
    }

    .mt-0\:lg:where(:first-child),.my-0\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:lg,.my-0\.25\:lg {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:lg:where(:first-child),.my-0\.25\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:lg,.my-0\.5\:lg {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:lg:where(:first-child),.my-0\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:lg,.my-0\.66\:lg {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:lg:where(:first-child),.my-0\.66\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:lg,.my-0\.75\:lg {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:lg:where(:first-child),.my-0\.75\: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-1\.33\:lg,.my-1\.33\:lg {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:lg:where(:first-child),.my-1\.33\: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-2\.33\:lg,.my-2\.33\:lg {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:lg:where(:first-child),.my-2\.33\: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-6\:lg,.my-6\:lg {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:lg:where(:first-child),.my-6\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:lg,.my-6\.5\:lg {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:lg:where(:first-child),.my-6\.5\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:lg,.my-7\:lg {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:lg:where(:first-child),.my-7\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:lg,.my-layout\:lg {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:lg:where(:first-child),.my-layout\:lg:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:lg,.my-auto\:lg {
        margin-top: auto
    }

    .mt-auto\:lg:where(:first-child),.my-auto\:lg:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:lg,.my-0\:lg {
        margin-bottom: 0
    }

    .mb-0\:lg:where(:last-child),.my-0\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:lg,.my-0\.25\:lg {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:lg:where(:last-child),.my-0\.25\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:lg,.my-0\.5\:lg {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:lg:where(:last-child),.my-0\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:lg,.my-0\.66\:lg {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:lg:where(:last-child),.my-0\.66\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:lg,.my-0\.75\:lg {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:lg:where(:last-child),.my-0\.75\: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-1\.33\:lg,.my-1\.33\:lg {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:lg:where(:last-child),.my-1\.33\: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-2\.33\:lg,.my-2\.33\:lg {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:lg:where(:last-child),.my-2\.33\: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-6\:lg,.my-6\:lg {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:lg:where(:last-child),.my-6\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:lg,.my-6\.5\:lg {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:lg:where(:last-child),.my-6\.5\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:lg,.my-7\:lg {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:lg:where(:last-child),.my-7\:lg:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:lg,.my-layout\:lg {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:lg:where(:last-child),.my-layout\: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\.25\:lg,.mx-0\.25\:lg {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:lg,.mx-0\.5\:lg {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:lg,.mx-0\.66\:lg {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:lg,.mx-0\.75\:lg {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.mx-1\.33\:lg {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.mx-2\.33\:lg {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.mx-6\:lg {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:lg,.mx-6\.5\:lg {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:lg,.mx-7\:lg {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:lg,.mx-layout\:lg {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:lg,.mx-auto\:lg {
        margin-left: auto
    }

    .mr-0\:lg,.mx-0\:lg {
        margin-right: 0
    }

    .mr-0\.25\:lg,.mx-0\.25\:lg {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:lg,.mx-0\.5\:lg {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:lg,.mx-0\.66\:lg {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:lg,.mx-0\.75\:lg {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:lg,.mx-1\.33\:lg {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:lg,.mx-2\.33\:lg {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:lg,.mx-6\:lg {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:lg,.mx-6\.5\:lg {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:lg,.mx-7\:lg {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:lg,.mx-layout\:lg {
        margin-right: var(--spacing-layout)
    }

    .mr-auto\:lg,.mx-auto\:lg {
        margin-right: auto
    }
}

@media (min-width: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11),(min-width:1440px) and (min-height:700px) {
    .pt-0\:xl,.py-0\:xl {
        padding-top:0
    }

    .pt-0\.25\:xl,.py-0\.25\:xl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:xl,.py-0\.5\:xl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:xl,.py-0\.66\:xl {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:xl,.py-0\.75\:xl {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.py-1\.33\:xl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.py-2\.33\:xl {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.py-6\:xl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xl,.py-6\.5\:xl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xl,.py-7\:xl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:xl,.py-layout\:xl {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:xl,.py-0\:xl {
        padding-bottom: 0
    }

    .pb-0\.25\:xl,.py-0\.25\:xl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:xl,.py-0\.5\:xl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:xl,.py-0\.66\:xl {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:xl,.py-0\.75\:xl {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.py-1\.33\:xl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.py-2\.33\:xl {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.py-6\:xl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xl,.py-6\.5\:xl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xl,.py-7\:xl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:xl,.py-layout\:xl {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:xl,.px-0\:xl {
        padding-left: 0
    }

    .pl-0\.25\:xl,.px-0\.25\:xl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:xl,.px-0\.5\:xl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:xl,.px-0\.66\:xl {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:xl,.px-0\.75\:xl {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.px-1\.33\:xl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.px-2\.33\:xl {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.px-6\:xl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xl,.px-6\.5\:xl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xl,.px-7\:xl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:xl,.px-layout\:xl {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:xl,.px-0\:xl {
        padding-right: 0
    }

    .pr-0\.25\:xl,.px-0\.25\:xl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:xl,.px-0\.5\:xl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:xl,.px-0\.66\:xl {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:xl,.px-0\.75\:xl {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.px-1\.33\:xl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.px-2\.33\:xl {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.px-6\:xl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xl,.px-6\.5\:xl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xl,.px-7\:xl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:xl,.px-layout\:xl {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:xl,.my-0\:xl {
        margin-top: 0
    }

    .mt-0\:xl:where(:first-child),.my-0\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xl,.my-0\.25\:xl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xl:where(:first-child),.my-0\.25\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xl,.my-0\.5\:xl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xl:where(:first-child),.my-0\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:xl,.my-0\.66\:xl {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:xl:where(:first-child),.my-0\.66\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:xl,.my-0\.75\:xl {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:xl:where(:first-child),.my-0\.75\: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-1\.33\:xl,.my-1\.33\:xl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xl:where(:first-child),.my-1\.33\: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-2\.33\:xl,.my-2\.33\:xl {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:xl:where(:first-child),.my-2\.33\: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-6\:xl,.my-6\:xl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xl:where(:first-child),.my-6\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xl,.my-6\.5\:xl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xl:where(:first-child),.my-6\.5\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xl,.my-7\:xl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xl:where(:first-child),.my-7\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xl,.my-layout\:xl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xl:where(:first-child),.my-layout\:xl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xl,.my-auto\:xl {
        margin-top: auto
    }

    .mt-auto\:xl:where(:first-child),.my-auto\:xl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xl,.my-0\:xl {
        margin-bottom: 0
    }

    .mb-0\:xl:where(:last-child),.my-0\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xl,.my-0\.25\:xl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xl:where(:last-child),.my-0\.25\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xl,.my-0\.5\:xl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xl:where(:last-child),.my-0\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:xl,.my-0\.66\:xl {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:xl:where(:last-child),.my-0\.66\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:xl,.my-0\.75\:xl {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:xl:where(:last-child),.my-0\.75\: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-1\.33\:xl,.my-1\.33\:xl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xl:where(:last-child),.my-1\.33\: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-2\.33\:xl,.my-2\.33\:xl {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:xl:where(:last-child),.my-2\.33\: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-6\:xl,.my-6\:xl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xl:where(:last-child),.my-6\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xl,.my-6\.5\:xl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xl:where(:last-child),.my-6\.5\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xl,.my-7\:xl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xl:where(:last-child),.my-7\:xl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xl,.my-layout\:xl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xl:where(:last-child),.my-layout\: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\.25\:xl,.mx-0\.25\:xl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:xl,.mx-0\.5\:xl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:xl,.mx-0\.66\:xl {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:xl,.mx-0\.75\:xl {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.mx-1\.33\:xl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.mx-2\.33\:xl {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.mx-6\:xl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xl,.mx-6\.5\:xl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xl,.mx-7\:xl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:xl,.mx-layout\:xl {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:xl,.mx-auto\:xl {
        margin-left: auto
    }

    .mr-0\:xl,.mx-0\:xl {
        margin-right: 0
    }

    .mr-0\.25\:xl,.mx-0\.25\:xl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:xl,.mx-0\.5\:xl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:xl,.mx-0\.66\:xl {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:xl,.mx-0\.75\:xl {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xl,.mx-1\.33\:xl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xl,.mx-2\.33\:xl {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xl,.mx-6\:xl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xl,.mx-6\.5\:xl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xl,.mx-7\:xl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:xl,.mx-layout\:xl {
        margin-right: var(--spacing-layout)
    }

    .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\.25\:xxl,.py-0\.25\:xxl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:xxl,.py-0\.5\:xxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:xxl,.py-0\.66\:xxl {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:xxl,.py-0\.75\:xxl {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.py-1\.33\:xxl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.py-2\.33\:xxl {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.py-6\:xxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxl,.py-6\.5\:xxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxl,.py-7\:xxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:xxl,.py-layout\:xxl {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:xxl,.py-0\:xxl {
        padding-bottom: 0
    }

    .pb-0\.25\:xxl,.py-0\.25\:xxl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:xxl,.py-0\.5\:xxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:xxl,.py-0\.66\:xxl {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:xxl,.py-0\.75\:xxl {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.py-1\.33\:xxl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.py-2\.33\:xxl {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.py-6\:xxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxl,.py-6\.5\:xxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxl,.py-7\:xxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:xxl,.py-layout\:xxl {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:xxl,.px-0\:xxl {
        padding-left: 0
    }

    .pl-0\.25\:xxl,.px-0\.25\:xxl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:xxl,.px-0\.5\:xxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:xxl,.px-0\.66\:xxl {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:xxl,.px-0\.75\:xxl {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.px-1\.33\:xxl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.px-2\.33\:xxl {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.px-6\:xxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxl,.px-6\.5\:xxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxl,.px-7\:xxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:xxl,.px-layout\:xxl {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:xxl,.px-0\:xxl {
        padding-right: 0
    }

    .pr-0\.25\:xxl,.px-0\.25\:xxl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:xxl,.px-0\.5\:xxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:xxl,.px-0\.66\:xxl {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:xxl,.px-0\.75\:xxl {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.px-1\.33\:xxl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.px-2\.33\:xxl {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.px-6\:xxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxl,.px-6\.5\:xxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxl,.px-7\:xxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:xxl,.px-layout\:xxl {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:xxl,.my-0\:xxl {
        margin-top: 0
    }

    .mt-0\:xxl:where(:first-child),.my-0\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xxl,.my-0\.25\:xxl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xxl:where(:first-child),.my-0\.25\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxl,.my-0\.5\:xxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxl:where(:first-child),.my-0\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:xxl,.my-0\.66\:xxl {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:xxl:where(:first-child),.my-0\.66\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:xxl,.my-0\.75\:xxl {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:xxl:where(:first-child),.my-0\.75\: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-1\.33\:xxl,.my-1\.33\:xxl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xxl:where(:first-child),.my-1\.33\: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-2\.33\:xxl,.my-2\.33\:xxl {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:xxl:where(:first-child),.my-2\.33\: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-6\:xxl,.my-6\:xxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxl:where(:first-child),.my-6\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxl,.my-6\.5\:xxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxl:where(:first-child),.my-6\.5\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxl,.my-7\:xxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxl:where(:first-child),.my-7\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xxl,.my-layout\:xxl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xxl:where(:first-child),.my-layout\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxl,.my-auto\:xxl {
        margin-top: auto
    }

    .mt-auto\:xxl:where(:first-child),.my-auto\:xxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxl,.my-0\:xxl {
        margin-bottom: 0
    }

    .mb-0\:xxl:where(:last-child),.my-0\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xxl,.my-0\.25\:xxl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xxl:where(:last-child),.my-0\.25\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxl,.my-0\.5\:xxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxl:where(:last-child),.my-0\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:xxl,.my-0\.66\:xxl {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:xxl:where(:last-child),.my-0\.66\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:xxl,.my-0\.75\:xxl {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:xxl:where(:last-child),.my-0\.75\: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-1\.33\:xxl,.my-1\.33\:xxl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xxl:where(:last-child),.my-1\.33\: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-2\.33\:xxl,.my-2\.33\:xxl {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:xxl:where(:last-child),.my-2\.33\: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-6\:xxl,.my-6\:xxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxl:where(:last-child),.my-6\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxl,.my-6\.5\:xxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxl:where(:last-child),.my-6\.5\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxl,.my-7\:xxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxl:where(:last-child),.my-7\:xxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xxl,.my-layout\:xxl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xxl:where(:last-child),.my-layout\: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\.25\:xxl,.mx-0\.25\:xxl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:xxl,.mx-0\.5\:xxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:xxl,.mx-0\.66\:xxl {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:xxl,.mx-0\.75\:xxl {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.mx-1\.33\:xxl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.mx-2\.33\:xxl {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.mx-6\:xxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxl,.mx-6\.5\:xxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxl,.mx-7\:xxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:xxl,.mx-layout\:xxl {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:xxl,.mx-auto\:xxl {
        margin-left: auto
    }

    .mr-0\:xxl,.mx-0\:xxl {
        margin-right: 0
    }

    .mr-0\.25\:xxl,.mx-0\.25\:xxl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:xxl,.mx-0\.5\:xxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:xxl,.mx-0\.66\:xxl {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:xxl,.mx-0\.75\:xxl {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxl,.mx-1\.33\:xxl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxl,.mx-2\.33\:xxl {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxl,.mx-6\:xxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxl,.mx-6\.5\:xxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxl,.mx-7\:xxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:xxl,.mx-layout\:xxl {
        margin-right: var(--spacing-layout)
    }

    .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\.25\:xxxl,.py-0\.25\:xxxl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:xxxl,.py-0\.5\:xxxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:xxxl,.py-0\.66\:xxxl {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:xxxl,.py-0\.75\:xxxl {
        padding-top: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.py-1\.33\:xxxl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.py-2\.33\:xxxl {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.py-6\:xxxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxxl,.py-6\.5\:xxxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxxl,.py-7\:xxxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:xxxl,.py-layout\:xxxl {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:xxxl,.py-0\:xxxl {
        padding-bottom: 0
    }

    .pb-0\.25\:xxxl,.py-0\.25\:xxxl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:xxxl,.py-0\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:xxxl,.py-0\.66\:xxxl {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:xxxl,.py-0\.75\:xxxl {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.py-1\.33\:xxxl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.py-2\.33\:xxxl {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.py-6\:xxxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxxl,.py-6\.5\:xxxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxxl,.py-7\:xxxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:xxxl,.py-layout\:xxxl {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:xxxl,.px-0\:xxxl {
        padding-left: 0
    }

    .pl-0\.25\:xxxl,.px-0\.25\:xxxl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:xxxl,.px-0\.5\:xxxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:xxxl,.px-0\.66\:xxxl {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:xxxl,.px-0\.75\:xxxl {
        padding-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.px-1\.33\:xxxl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.px-2\.33\:xxxl {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.px-6\:xxxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxxl,.px-6\.5\:xxxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxxl,.px-7\:xxxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:xxxl,.px-layout\:xxxl {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:xxxl,.px-0\:xxxl {
        padding-right: 0
    }

    .pr-0\.25\:xxxl,.px-0\.25\:xxxl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:xxxl,.px-0\.5\:xxxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:xxxl,.px-0\.66\:xxxl {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:xxxl,.px-0\.75\:xxxl {
        padding-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.px-1\.33\:xxxl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.px-2\.33\:xxxl {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.px-6\:xxxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxxl,.px-6\.5\:xxxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxxl,.px-7\:xxxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:xxxl,.px-layout\:xxxl {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:xxxl,.my-0\:xxxl {
        margin-top: 0
    }

    .mt-0\:xxxl:where(:first-child),.my-0\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xxxl,.my-0\.25\:xxxl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xxxl:where(:first-child),.my-0\.25\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxxl,.my-0\.5\:xxxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxxl:where(:first-child),.my-0\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:xxxl,.my-0\.66\:xxxl {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:xxxl:where(:first-child),.my-0\.66\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:xxxl,.my-0\.75\:xxxl {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:xxxl:where(:first-child),.my-0\.75\: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-1\.33\:xxxl,.my-1\.33\:xxxl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xxxl:where(:first-child),.my-1\.33\: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-2\.33\:xxxl,.my-2\.33\:xxxl {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:xxxl:where(:first-child),.my-2\.33\: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-6\:xxxl,.my-6\:xxxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxxl:where(:first-child),.my-6\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxxl,.my-6\.5\:xxxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxxl:where(:first-child),.my-6\.5\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxxl,.my-7\:xxxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxxl:where(:first-child),.my-7\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xxxl,.my-layout\:xxxl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xxxl:where(:first-child),.my-layout\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxxl,.my-auto\:xxxl {
        margin-top: auto
    }

    .mt-auto\:xxxl:where(:first-child),.my-auto\:xxxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxxl,.my-0\:xxxl {
        margin-bottom: 0
    }

    .mb-0\:xxxl:where(:last-child),.my-0\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xxxl,.my-0\.25\:xxxl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xxxl:where(:last-child),.my-0\.25\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxxl,.my-0\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxxl:where(:last-child),.my-0\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:xxxl,.my-0\.66\:xxxl {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:xxxl:where(:last-child),.my-0\.66\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:xxxl,.my-0\.75\:xxxl {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:xxxl:where(:last-child),.my-0\.75\: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-1\.33\:xxxl,.my-1\.33\:xxxl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xxxl:where(:last-child),.my-1\.33\: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-2\.33\:xxxl,.my-2\.33\:xxxl {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:xxxl:where(:last-child),.my-2\.33\: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-6\:xxxl,.my-6\:xxxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxxl:where(:last-child),.my-6\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxxl,.my-6\.5\:xxxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxxl:where(:last-child),.my-6\.5\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxxl,.my-7\:xxxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxxl:where(:last-child),.my-7\:xxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xxxl,.my-layout\:xxxl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xxxl:where(:last-child),.my-layout\: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\.25\:xxxl,.mx-0\.25\:xxxl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:xxxl,.mx-0\.5\:xxxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:xxxl,.mx-0\.66\:xxxl {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:xxxl,.mx-0\.75\:xxxl {
        margin-left: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.mx-1\.33\:xxxl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.mx-2\.33\:xxxl {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.mx-6\:xxxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxxl,.mx-6\.5\:xxxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxxl,.mx-7\:xxxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:xxxl,.mx-layout\:xxxl {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:xxxl,.mx-auto\:xxxl {
        margin-left: auto
    }

    .mr-0\:xxxl,.mx-0\:xxxl {
        margin-right: 0
    }

    .mr-0\.25\:xxxl,.mx-0\.25\:xxxl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:xxxl,.mx-0\.5\:xxxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:xxxl,.mx-0\.66\:xxxl {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:xxxl,.mx-0\.75\:xxxl {
        margin-right: calc(var(--spacing) * .75)
    }

    .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-1\.33\:xxxl,.mx-1\.33\:xxxl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .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-2\.33\:xxxl,.mx-2\.33\:xxxl {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .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-6\:xxxl,.mx-6\:xxxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxxl,.mx-6\.5\:xxxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxxl,.mx-7\:xxxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:xxxl,.mx-layout\:xxxl {
        margin-right: var(--spacing-layout)
    }

    .mr-auto\:xxxl,.mx-auto\:xxxl {
        margin-right: auto
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .pt-0\:xxxxl,.py-0\:xxxxl {
        padding-top:0
    }

    .pt-0\.25\:xxxxl,.py-0\.25\:xxxxl {
        padding-top: calc(var(--spacing) * .25)
    }

    .pt-0\.5\:xxxxl,.py-0\.5\:xxxxl {
        padding-top: calc(var(--spacing) * .5)
    }

    .pt-0\.66\:xxxxl,.py-0\.66\:xxxxl {
        padding-top: calc(var(--spacing) * .66)
    }

    .pt-0\.75\:xxxxl,.py-0\.75\:xxxxl {
        padding-top: calc(var(--spacing) * .75)
    }

    .pt-1\:xxxxl,.py-1\:xxxxl {
        padding-top: var(--spacing)
    }

    .pt-1\.5\:xxxxl,.py-1\.5\:xxxxl {
        padding-top: calc(var(--spacing) * 1.5)
    }

    .pt-1\.33\:xxxxl,.py-1\.33\:xxxxl {
        padding-top: calc(var(--spacing) * 1.33)
    }

    .pt-2\:xxxxl,.py-2\:xxxxl {
        padding-top: calc(var(--spacing) * 2)
    }

    .pt-2\.5\:xxxxl,.py-2\.5\:xxxxl {
        padding-top: calc(var(--spacing) * 2.5)
    }

    .pt-2\.33\:xxxxl,.py-2\.33\:xxxxl {
        padding-top: calc(var(--spacing) * 2.33)
    }

    .pt-3\:xxxxl,.py-3\:xxxxl {
        padding-top: calc(var(--spacing) * 3)
    }

    .pt-3\.5\:xxxxl,.py-3\.5\:xxxxl {
        padding-top: calc(var(--spacing) * 3.5)
    }

    .pt-4\:xxxxl,.py-4\:xxxxl {
        padding-top: calc(var(--spacing) * 4)
    }

    .pt-4\.5\:xxxxl,.py-4\.5\:xxxxl {
        padding-top: calc(var(--spacing) * 4.5)
    }

    .pt-5\:xxxxl,.py-5\:xxxxl {
        padding-top: calc(var(--spacing) * 5)
    }

    .pt-6\:xxxxl,.py-6\:xxxxl {
        padding-top: calc(var(--spacing) * 6)
    }

    .pt-6\.5\:xxxxl,.py-6\.5\:xxxxl {
        padding-top: calc(var(--spacing) * 6.5)
    }

    .pt-7\:xxxxl,.py-7\:xxxxl {
        padding-top: calc(var(--spacing) * 7)
    }

    .pt-layout\:xxxxl,.py-layout\:xxxxl {
        padding-top: var(--spacing-layout)
    }

    .pb-0\:xxxxl,.py-0\:xxxxl {
        padding-bottom: 0
    }

    .pb-0\.25\:xxxxl,.py-0\.25\:xxxxl {
        padding-bottom: calc(var(--spacing) * .25)
    }

    .pb-0\.5\:xxxxl,.py-0\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * .5)
    }

    .pb-0\.66\:xxxxl,.py-0\.66\:xxxxl {
        padding-bottom: calc(var(--spacing) * .66)
    }

    .pb-0\.75\:xxxxl,.py-0\.75\:xxxxl {
        padding-bottom: calc(var(--spacing) * .75)
    }

    .pb-1\:xxxxl,.py-1\:xxxxl {
        padding-bottom: var(--spacing)
    }

    .pb-1\.5\:xxxxl,.py-1\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 1.5)
    }

    .pb-1\.33\:xxxxl,.py-1\.33\:xxxxl {
        padding-bottom: calc(var(--spacing) * 1.33)
    }

    .pb-2\:xxxxl,.py-2\:xxxxl {
        padding-bottom: calc(var(--spacing) * 2)
    }

    .pb-2\.5\:xxxxl,.py-2\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 2.5)
    }

    .pb-2\.33\:xxxxl,.py-2\.33\:xxxxl {
        padding-bottom: calc(var(--spacing) * 2.33)
    }

    .pb-3\:xxxxl,.py-3\:xxxxl {
        padding-bottom: calc(var(--spacing) * 3)
    }

    .pb-3\.5\:xxxxl,.py-3\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 3.5)
    }

    .pb-4\:xxxxl,.py-4\:xxxxl {
        padding-bottom: calc(var(--spacing) * 4)
    }

    .pb-4\.5\:xxxxl,.py-4\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 4.5)
    }

    .pb-5\:xxxxl,.py-5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 5)
    }

    .pb-6\:xxxxl,.py-6\:xxxxl {
        padding-bottom: calc(var(--spacing) * 6)
    }

    .pb-6\.5\:xxxxl,.py-6\.5\:xxxxl {
        padding-bottom: calc(var(--spacing) * 6.5)
    }

    .pb-7\:xxxxl,.py-7\:xxxxl {
        padding-bottom: calc(var(--spacing) * 7)
    }

    .pb-layout\:xxxxl,.py-layout\:xxxxl {
        padding-bottom: var(--spacing-layout)
    }

    .pl-0\:xxxxl,.px-0\:xxxxl {
        padding-left: 0
    }

    .pl-0\.25\:xxxxl,.px-0\.25\:xxxxl {
        padding-left: calc(var(--spacing) * .25)
    }

    .pl-0\.5\:xxxxl,.px-0\.5\:xxxxl {
        padding-left: calc(var(--spacing) * .5)
    }

    .pl-0\.66\:xxxxl,.px-0\.66\:xxxxl {
        padding-left: calc(var(--spacing) * .66)
    }

    .pl-0\.75\:xxxxl,.px-0\.75\:xxxxl {
        padding-left: calc(var(--spacing) * .75)
    }

    .pl-1\:xxxxl,.px-1\:xxxxl {
        padding-left: var(--spacing)
    }

    .pl-1\.5\:xxxxl,.px-1\.5\:xxxxl {
        padding-left: calc(var(--spacing) * 1.5)
    }

    .pl-1\.33\:xxxxl,.px-1\.33\:xxxxl {
        padding-left: calc(var(--spacing) * 1.33)
    }

    .pl-2\:xxxxl,.px-2\:xxxxl {
        padding-left: calc(var(--spacing) * 2)
    }

    .pl-2\.5\:xxxxl,.px-2\.5\:xxxxl {
        padding-left: calc(var(--spacing) * 2.5)
    }

    .pl-2\.33\:xxxxl,.px-2\.33\:xxxxl {
        padding-left: calc(var(--spacing) * 2.33)
    }

    .pl-3\:xxxxl,.px-3\:xxxxl {
        padding-left: calc(var(--spacing) * 3)
    }

    .pl-3\.5\:xxxxl,.px-3\.5\:xxxxl {
        padding-left: calc(var(--spacing) * 3.5)
    }

    .pl-4\:xxxxl,.px-4\:xxxxl {
        padding-left: calc(var(--spacing) * 4)
    }

    .pl-4\.5\:xxxxl,.px-4\.5\:xxxxl {
        padding-left: calc(var(--spacing) * 4.5)
    }

    .pl-5\:xxxxl,.px-5\:xxxxl {
        padding-left: calc(var(--spacing) * 5)
    }

    .pl-6\:xxxxl,.px-6\:xxxxl {
        padding-left: calc(var(--spacing) * 6)
    }

    .pl-6\.5\:xxxxl,.px-6\.5\:xxxxl {
        padding-left: calc(var(--spacing) * 6.5)
    }

    .pl-7\:xxxxl,.px-7\:xxxxl {
        padding-left: calc(var(--spacing) * 7)
    }

    .pl-layout\:xxxxl,.px-layout\:xxxxl {
        padding-left: var(--spacing-layout)
    }

    .pr-0\:xxxxl,.px-0\:xxxxl {
        padding-right: 0
    }

    .pr-0\.25\:xxxxl,.px-0\.25\:xxxxl {
        padding-right: calc(var(--spacing) * .25)
    }

    .pr-0\.5\:xxxxl,.px-0\.5\:xxxxl {
        padding-right: calc(var(--spacing) * .5)
    }

    .pr-0\.66\:xxxxl,.px-0\.66\:xxxxl {
        padding-right: calc(var(--spacing) * .66)
    }

    .pr-0\.75\:xxxxl,.px-0\.75\:xxxxl {
        padding-right: calc(var(--spacing) * .75)
    }

    .pr-1\:xxxxl,.px-1\:xxxxl {
        padding-right: var(--spacing)
    }

    .pr-1\.5\:xxxxl,.px-1\.5\:xxxxl {
        padding-right: calc(var(--spacing) * 1.5)
    }

    .pr-1\.33\:xxxxl,.px-1\.33\:xxxxl {
        padding-right: calc(var(--spacing) * 1.33)
    }

    .pr-2\:xxxxl,.px-2\:xxxxl {
        padding-right: calc(var(--spacing) * 2)
    }

    .pr-2\.5\:xxxxl,.px-2\.5\:xxxxl {
        padding-right: calc(var(--spacing) * 2.5)
    }

    .pr-2\.33\:xxxxl,.px-2\.33\:xxxxl {
        padding-right: calc(var(--spacing) * 2.33)
    }

    .pr-3\:xxxxl,.px-3\:xxxxl {
        padding-right: calc(var(--spacing) * 3)
    }

    .pr-3\.5\:xxxxl,.px-3\.5\:xxxxl {
        padding-right: calc(var(--spacing) * 3.5)
    }

    .pr-4\:xxxxl,.px-4\:xxxxl {
        padding-right: calc(var(--spacing) * 4)
    }

    .pr-4\.5\:xxxxl,.px-4\.5\:xxxxl {
        padding-right: calc(var(--spacing) * 4.5)
    }

    .pr-5\:xxxxl,.px-5\:xxxxl {
        padding-right: calc(var(--spacing) * 5)
    }

    .pr-6\:xxxxl,.px-6\:xxxxl {
        padding-right: calc(var(--spacing) * 6)
    }

    .pr-6\.5\:xxxxl,.px-6\.5\:xxxxl {
        padding-right: calc(var(--spacing) * 6.5)
    }

    .pr-7\:xxxxl,.px-7\:xxxxl {
        padding-right: calc(var(--spacing) * 7)
    }

    .pr-layout\:xxxxl,.px-layout\:xxxxl {
        padding-right: var(--spacing-layout)
    }

    .mt-0\:xxxxl,.my-0\:xxxxl {
        margin-top: 0
    }

    .mt-0\:xxxxl:where(:first-child),.my-0\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.25\:xxxxl,.my-0\.25\:xxxxl {
        margin-top: calc(var(--spacing) * .25)
    }

    .mt-0\.25\:xxxxl:where(:first-child),.my-0\.25\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.5\:xxxxl,.my-0\.5\:xxxxl {
        margin-top: calc(var(--spacing) * .5)
    }

    .mt-0\.5\:xxxxl:where(:first-child),.my-0\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.66\:xxxxl,.my-0\.66\:xxxxl {
        margin-top: calc(var(--spacing) * .66)
    }

    .mt-0\.66\:xxxxl:where(:first-child),.my-0\.66\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-0\.75\:xxxxl,.my-0\.75\:xxxxl {
        margin-top: calc(var(--spacing) * .75)
    }

    .mt-0\.75\:xxxxl:where(:first-child),.my-0\.75\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\:xxxxl,.my-1\:xxxxl {
        margin-top: var(--spacing)
    }

    .mt-1\:xxxxl:where(:first-child),.my-1\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.5\:xxxxl,.my-1\.5\:xxxxl {
        margin-top: calc(var(--spacing) * 1.5)
    }

    .mt-1\.5\:xxxxl:where(:first-child),.my-1\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-1\.33\:xxxxl,.my-1\.33\:xxxxl {
        margin-top: calc(var(--spacing) * 1.33)
    }

    .mt-1\.33\:xxxxl:where(:first-child),.my-1\.33\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\:xxxxl,.my-2\:xxxxl {
        margin-top: calc(var(--spacing) * 2)
    }

    .mt-2\:xxxxl:where(:first-child),.my-2\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.5\:xxxxl,.my-2\.5\:xxxxl {
        margin-top: calc(var(--spacing) * 2.5)
    }

    .mt-2\.5\:xxxxl:where(:first-child),.my-2\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-2\.33\:xxxxl,.my-2\.33\:xxxxl {
        margin-top: calc(var(--spacing) * 2.33)
    }

    .mt-2\.33\:xxxxl:where(:first-child),.my-2\.33\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\:xxxxl,.my-3\:xxxxl {
        margin-top: calc(var(--spacing) * 3)
    }

    .mt-3\:xxxxl:where(:first-child),.my-3\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-3\.5\:xxxxl,.my-3\.5\:xxxxl {
        margin-top: calc(var(--spacing) * 3.5)
    }

    .mt-3\.5\:xxxxl:where(:first-child),.my-3\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\:xxxxl,.my-4\:xxxxl {
        margin-top: calc(var(--spacing) * 4)
    }

    .mt-4\:xxxxl:where(:first-child),.my-4\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-4\.5\:xxxxl,.my-4\.5\:xxxxl {
        margin-top: calc(var(--spacing) * 4.5)
    }

    .mt-4\.5\:xxxxl:where(:first-child),.my-4\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-5\:xxxxl,.my-5\:xxxxl {
        margin-top: calc(var(--spacing) * 5)
    }

    .mt-5\:xxxxl:where(:first-child),.my-5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\:xxxxl,.my-6\:xxxxl {
        margin-top: calc(var(--spacing) * 6)
    }

    .mt-6\:xxxxl:where(:first-child),.my-6\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-6\.5\:xxxxl,.my-6\.5\:xxxxl {
        margin-top: calc(var(--spacing) * 6.5)
    }

    .mt-6\.5\:xxxxl:where(:first-child),.my-6\.5\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-7\:xxxxl,.my-7\:xxxxl {
        margin-top: calc(var(--spacing) * 7)
    }

    .mt-7\:xxxxl:where(:first-child),.my-7\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-layout\:xxxxl,.my-layout\:xxxxl {
        margin-top: var(--spacing-layout)
    }

    .mt-layout\:xxxxl:where(:first-child),.my-layout\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mt-auto\:xxxxl,.my-auto\:xxxxl {
        margin-top: auto
    }

    .mt-auto\:xxxxl:where(:first-child),.my-auto\:xxxxl:where(:first-child) {
        margin-top: 0
    }

    .mb-0\:xxxxl,.my-0\:xxxxl {
        margin-bottom: 0
    }

    .mb-0\:xxxxl:where(:last-child),.my-0\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.25\:xxxxl,.my-0\.25\:xxxxl {
        margin-bottom: calc(var(--spacing) * .25)
    }

    .mb-0\.25\:xxxxl:where(:last-child),.my-0\.25\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.5\:xxxxl,.my-0\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * .5)
    }

    .mb-0\.5\:xxxxl:where(:last-child),.my-0\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.66\:xxxxl,.my-0\.66\:xxxxl {
        margin-bottom: calc(var(--spacing) * .66)
    }

    .mb-0\.66\:xxxxl:where(:last-child),.my-0\.66\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-0\.75\:xxxxl,.my-0\.75\:xxxxl {
        margin-bottom: calc(var(--spacing) * .75)
    }

    .mb-0\.75\:xxxxl:where(:last-child),.my-0\.75\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\:xxxxl,.my-1\:xxxxl {
        margin-bottom: var(--spacing)
    }

    .mb-1\:xxxxl:where(:last-child),.my-1\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.5\:xxxxl,.my-1\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 1.5)
    }

    .mb-1\.5\:xxxxl:where(:last-child),.my-1\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-1\.33\:xxxxl,.my-1\.33\:xxxxl {
        margin-bottom: calc(var(--spacing) * 1.33)
    }

    .mb-1\.33\:xxxxl:where(:last-child),.my-1\.33\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\:xxxxl,.my-2\:xxxxl {
        margin-bottom: calc(var(--spacing) * 2)
    }

    .mb-2\:xxxxl:where(:last-child),.my-2\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.5\:xxxxl,.my-2\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 2.5)
    }

    .mb-2\.5\:xxxxl:where(:last-child),.my-2\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-2\.33\:xxxxl,.my-2\.33\:xxxxl {
        margin-bottom: calc(var(--spacing) * 2.33)
    }

    .mb-2\.33\:xxxxl:where(:last-child),.my-2\.33\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\:xxxxl,.my-3\:xxxxl {
        margin-bottom: calc(var(--spacing) * 3)
    }

    .mb-3\:xxxxl:where(:last-child),.my-3\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-3\.5\:xxxxl,.my-3\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 3.5)
    }

    .mb-3\.5\:xxxxl:where(:last-child),.my-3\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\:xxxxl,.my-4\:xxxxl {
        margin-bottom: calc(var(--spacing) * 4)
    }

    .mb-4\:xxxxl:where(:last-child),.my-4\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-4\.5\:xxxxl,.my-4\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 4.5)
    }

    .mb-4\.5\:xxxxl:where(:last-child),.my-4\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-5\:xxxxl,.my-5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 5)
    }

    .mb-5\:xxxxl:where(:last-child),.my-5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\:xxxxl,.my-6\:xxxxl {
        margin-bottom: calc(var(--spacing) * 6)
    }

    .mb-6\:xxxxl:where(:last-child),.my-6\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-6\.5\:xxxxl,.my-6\.5\:xxxxl {
        margin-bottom: calc(var(--spacing) * 6.5)
    }

    .mb-6\.5\:xxxxl:where(:last-child),.my-6\.5\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-7\:xxxxl,.my-7\:xxxxl {
        margin-bottom: calc(var(--spacing) * 7)
    }

    .mb-7\:xxxxl:where(:last-child),.my-7\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-layout\:xxxxl,.my-layout\:xxxxl {
        margin-bottom: var(--spacing-layout)
    }

    .mb-layout\:xxxxl:where(:last-child),.my-layout\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .mb-auto\:xxxxl,.my-auto\:xxxxl {
        margin-bottom: auto
    }

    .mb-auto\:xxxxl:where(:last-child),.my-auto\:xxxxl:where(:last-child) {
        margin-bottom: 0
    }

    .ml-0\:xxxxl,.mx-0\:xxxxl {
        margin-left: 0
    }

    .ml-0\.25\:xxxxl,.mx-0\.25\:xxxxl {
        margin-left: calc(var(--spacing) * .25)
    }

    .ml-0\.5\:xxxxl,.mx-0\.5\:xxxxl {
        margin-left: calc(var(--spacing) * .5)
    }

    .ml-0\.66\:xxxxl,.mx-0\.66\:xxxxl {
        margin-left: calc(var(--spacing) * .66)
    }

    .ml-0\.75\:xxxxl,.mx-0\.75\:xxxxl {
        margin-left: calc(var(--spacing) * .75)
    }

    .ml-1\:xxxxl,.mx-1\:xxxxl {
        margin-left: var(--spacing)
    }

    .ml-1\.5\:xxxxl,.mx-1\.5\:xxxxl {
        margin-left: calc(var(--spacing) * 1.5)
    }

    .ml-1\.33\:xxxxl,.mx-1\.33\:xxxxl {
        margin-left: calc(var(--spacing) * 1.33)
    }

    .ml-2\:xxxxl,.mx-2\:xxxxl {
        margin-left: calc(var(--spacing) * 2)
    }

    .ml-2\.5\:xxxxl,.mx-2\.5\:xxxxl {
        margin-left: calc(var(--spacing) * 2.5)
    }

    .ml-2\.33\:xxxxl,.mx-2\.33\:xxxxl {
        margin-left: calc(var(--spacing) * 2.33)
    }

    .ml-3\:xxxxl,.mx-3\:xxxxl {
        margin-left: calc(var(--spacing) * 3)
    }

    .ml-3\.5\:xxxxl,.mx-3\.5\:xxxxl {
        margin-left: calc(var(--spacing) * 3.5)
    }

    .ml-4\:xxxxl,.mx-4\:xxxxl {
        margin-left: calc(var(--spacing) * 4)
    }

    .ml-4\.5\:xxxxl,.mx-4\.5\:xxxxl {
        margin-left: calc(var(--spacing) * 4.5)
    }

    .ml-5\:xxxxl,.mx-5\:xxxxl {
        margin-left: calc(var(--spacing) * 5)
    }

    .ml-6\:xxxxl,.mx-6\:xxxxl {
        margin-left: calc(var(--spacing) * 6)
    }

    .ml-6\.5\:xxxxl,.mx-6\.5\:xxxxl {
        margin-left: calc(var(--spacing) * 6.5)
    }

    .ml-7\:xxxxl,.mx-7\:xxxxl {
        margin-left: calc(var(--spacing) * 7)
    }

    .ml-layout\:xxxxl,.mx-layout\:xxxxl {
        margin-left: var(--spacing-layout)
    }

    .ml-auto\:xxxxl,.mx-auto\:xxxxl {
        margin-left: auto
    }

    .mr-0\:xxxxl,.mx-0\:xxxxl {
        margin-right: 0
    }

    .mr-0\.25\:xxxxl,.mx-0\.25\:xxxxl {
        margin-right: calc(var(--spacing) * .25)
    }

    .mr-0\.5\:xxxxl,.mx-0\.5\:xxxxl {
        margin-right: calc(var(--spacing) * .5)
    }

    .mr-0\.66\:xxxxl,.mx-0\.66\:xxxxl {
        margin-right: calc(var(--spacing) * .66)
    }

    .mr-0\.75\:xxxxl,.mx-0\.75\:xxxxl {
        margin-right: calc(var(--spacing) * .75)
    }

    .mr-1\:xxxxl,.mx-1\:xxxxl {
        margin-right: var(--spacing)
    }

    .mr-1\.5\:xxxxl,.mx-1\.5\:xxxxl {
        margin-right: calc(var(--spacing) * 1.5)
    }

    .mr-1\.33\:xxxxl,.mx-1\.33\:xxxxl {
        margin-right: calc(var(--spacing) * 1.33)
    }

    .mr-2\:xxxxl,.mx-2\:xxxxl {
        margin-right: calc(var(--spacing) * 2)
    }

    .mr-2\.5\:xxxxl,.mx-2\.5\:xxxxl {
        margin-right: calc(var(--spacing) * 2.5)
    }

    .mr-2\.33\:xxxxl,.mx-2\.33\:xxxxl {
        margin-right: calc(var(--spacing) * 2.33)
    }

    .mr-3\:xxxxl,.mx-3\:xxxxl {
        margin-right: calc(var(--spacing) * 3)
    }

    .mr-3\.5\:xxxxl,.mx-3\.5\:xxxxl {
        margin-right: calc(var(--spacing) * 3.5)
    }

    .mr-4\:xxxxl,.mx-4\:xxxxl {
        margin-right: calc(var(--spacing) * 4)
    }

    .mr-4\.5\:xxxxl,.mx-4\.5\:xxxxl {
        margin-right: calc(var(--spacing) * 4.5)
    }

    .mr-5\:xxxxl,.mx-5\:xxxxl {
        margin-right: calc(var(--spacing) * 5)
    }

    .mr-6\:xxxxl,.mx-6\:xxxxl {
        margin-right: calc(var(--spacing) * 6)
    }

    .mr-6\.5\:xxxxl,.mx-6\.5\:xxxxl {
        margin-right: calc(var(--spacing) * 6.5)
    }

    .mr-7\:xxxxl,.mx-7\:xxxxl {
        margin-right: calc(var(--spacing) * 7)
    }

    .mr-layout\:xxxxl,.mx-layout\:xxxxl {
        margin-right: var(--spacing-layout)
    }

    .mr-auto\:xxxxl,.mx-auto\:xxxxl {
        margin-right: auto
    }
}

.has-hover .is-hidden--hover,.is-hidden,.is-hidden--xs-up,.is-hidden--xxxxl-down,.js .is-hidden--js,.no-hover .is-hidden--no-hover,.no-js .is-hidden--no-js {
    display: none!important
}

@media (min-aspect-ratio: 10/11) and (min-width:668px),(min-aspect-ratio:13/9) and (max-width:667px) {
    .is-hidden--landscape {
        display:none!important
    }
}

@media (max-aspect-ratio: 10/11) and (min-width:668px),(max-aspect-ratio:13/9) and (max-width:667px) {
    .is-hidden--portrait {
        display:none!important
    }
}

@media not print {
    .is-hidden--not-print,.is-visible--print-only {
        display: none!important
    }
}

@media print {
    .is-hidden--print {
        display: none!important
    }
}

@media (max-width: 567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs {
        display:none!important
    }
}

.is-hidden--xs-up {
    display: none!important
}

@media (max-width: 567px) and (max-aspect-ratio:13/9) {
    .is-hidden--xs-down {
        display:none!important
    }
}

@media (max-width: 667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm {
        display:none!important
    }
}

@media (min-aspect-ratio: 13/9),(min-width:568px) {
    .is-hidden--sm-up {
        display:none!important
    }
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .is-hidden--sm-down {
        display:none!important
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11) and (max-width:1439px),(min-width:668px) and (min-height:416px) and (max-width:979px) {
    .is-hidden--md {
        display:none!important
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .is-hidden--md-up {
        display:none!important
    }
}

@media (max-aspect-ratio: 10/11) and (max-width:1439px),(max-aspect-ratio:13/9) and (max-width:667px),(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) and (min-aspect-ratio:10/11) {
    .is-hidden--lg {
        display:none!important
    }
}

@media (min-width: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .is-hidden--lg-up {
        display:none!important
    }
}

@media (max-aspect-ratio: 10/11) and (max-width:1439px),(max-height:499px) and (min-aspect-ratio:10/11),(max-width:1199px) and (min-aspect-ratio:10/11),(max-width:979px) {
    .is-hidden--lg-down {
        display:none!important
    }
}

@media (min-width: 1200px) and (min-height:500px) and (max-height:699px) and (min-aspect-ratio:10/11),(min-width:1200px) and (min-height:500px) and (max-width:1439px) and (min-aspect-ratio:10/11) {
    .is-hidden--xl {
        display:none!important
    }
}

@media (min-width: 1200px) and (min-height:500px) and (min-aspect-ratio:10/11),(min-width:1440px) and (min-height:700px) {
    .is-hidden--xl-up {
        display:none!important
    }
}

@media (max-height: 499px),(max-width:1439px),(min-width:1200px) and (max-height:699px) {
    .is-hidden--xl-down {
        display:none!important
    }
}

@media (min-width: 1440px) and (min-height:700px) and (max-width:1919px) {
    .is-hidden--xxl {
        display:none!important
    }
}

@media (min-width: 1440px) and (min-height:700px) {
    .is-hidden--xxl-up {
        display:none!important
    }
}

@media (max-height: 699px),(max-width:1919px) {
    .is-hidden--xxl-down {
        display:none!important
    }
}

@media (min-width: 1920px) and (min-height:700px) and (max-width:2399px) {
    .is-hidden--xxxl {
        display:none!important
    }
}

@media (min-width: 1920px) and (min-height:700px) {
    .is-hidden--xxxl-up {
        display:none!important
    }
}

@media (max-height: 699px),(max-width:2399px) {
    .is-hidden--xxxl-down {
        display:none!important
    }
}

@media (min-width: 2400px) and (min-height:700px) {
    .is-hidden--xxxxl,.is-hidden--xxxxl-up {
        display:none!important
    }
}

@media (min-width: 2400px) and (min-height:700px) {
}

.is-hidden--xxxxl-down {
    display: none!important
}

:root {
    --is-visible--sm-down: block;
    --is-visible--md-xxl: none;
    --is-visible--md-up: none;
    --is-visible--xl-down: block;
    --is-visible--xxl-up: none;
    --is-visible--xxl-down: block;
    --is-visible--xxxl: none
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(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--xxl-down:none;
        --is-visible--md-xxl: none;
        --is-visible--xxxl: block
    }
}

.group {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: calc(var(--scale-px) * 10) calc(var(--scale-px) * 30);
    justify-content: flex-start
}

.group--none {
    gap: 0
}

.group--small {
    gap: var(--xxxl,calc(var(--scale-px) * 10)) var(--n-xxxl,calc(var(--scale-px) * 5))
}

.group--medium {
    gap: var(--md,calc(var(--scale-px) * 20)) var(--n-md,calc(var(--scale-px) * 10))
}

.group--dot {
    gap: calc(var(--scale-px) * 10)
}

.group--nav {
    gap: calc(var(--scale-px) * 15)
}

.group--choices {
    padding-left: 1px
}

.group--choices>.btn {
    margin-left: -1px
}

.group--middle {
    align-items: center
}

.group--bottom {
    align-items: flex-end
}

.group--center {
    justify-content: center
}

.group--right {
    justify-content: flex-end
}

.group--between {
    justify-content: space-between
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .group--right\:md {
        justify-content:flex-end
    }
}

.group>.btn:not(.btn--dot) {
    flex-shrink: 0
}

.group__fill {
    flex-grow: 1
}

.group>.btn.group__shrink,.group__shrink {
    flex-shrink: 1;
    min-width: 0
}

.group__equal {
    flex: 1
}

.group>.group__right {
    margin-left: auto
}

.group--nowrap {
    flex-wrap: nowrap
}

.group--nowrap>* {
    max-width: none
}

.group--nowrap-mobile {
    flex-wrap: var(--md,wrap) var(--n-md,nowrap)
}

.group--nowrap-mobile>* {
    max-width: none
}

.text-offset {
    float: left;
    height: 10px;
    width: var(--grid-col)
}

.text-offset--2 {
    width: calc(var(--grid-col) * 2)
}

.text-offset--3 {
    width: calc(var(--grid-col) * 3)
}

.text-offset--4 {
    width: calc(var(--grid-col) * 4)
}

.text-offset--6 {
    width: calc(var(--grid-col) * 6 + var(--grid-gutter) * 5)
}

.text-offset--2-layout {
    width: calc(var(--grid-col) * 2 - var(--spacing-layout-x))
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .text-offset\:md {
        float:left;
        height: 1px;
        width: var(--grid-col)
    }

    .text-offset--1\.5\:md {
        width: calc(var(--grid-col) * 1.5)
    }

    .text-offset--2\:md {
        width: calc(var(--grid-col) * 2)
    }

    .text-offset--3\:md {
        width: calc(var(--grid-col) * 3)
    }

    .text-offset--2-layout\:md {
        width: calc(var(--grid-col) * 2 - var(--spacing-layout-x))
    }

    .text-offset-none\:md {
        float: none;
        width: auto
    }
}

html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center right;
    transition: transform .3s,opacity .3s;
    width: 11px
}

.c-scrollbar:hover {
    transform: scaleX(1.45)
}

.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    transform: scaleY(1);
    width: 100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    background-color: #000;
    border-radius: 10px;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
}

.has-scroll-smooth {
    scroll-behavior: auto
}

.c-scrollbar {
    z-index: 11
}

.c-scrollbar--disabled {
    opacity: 0!important;
    pointer-events: none
}

.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
    transform: translate(-200vw)!important
}

html.has-scroll-smooth {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

html.js.has-hover:not(.no-scroll-smooth),html.js.has-hover:not(.no-scroll-smooth) body {
    -ms-overflow-style: none;
    scrollbar-width: none
}

html.js.has-hover:not(.no-scroll-smooth) body::-webkit-scrollbar,html.js.has-hover:not(.no-scroll-smooth)::-webkit-scrollbar {
    display: none
}

.with-modal .c-scrollbar {
    opacity: 0
}

@media print {
    html.has-scroll-smooth {
        position: static
    }

    html.js.has-hover:not(.no-scroll-smooth),html.js.has-hover:not(.no-scroll-smooth) body {
        overflow: visible
    }

    .has-scroll-smooth .page-content-wrapper,.has-scroll-smooth [data-scroll-section],.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
        opacity: 1!important;
        pointer-events: all!important;
        transform: none!important
    }

    .has-scroll-smooth [data-scroll-container] {
        min-height: 0
    }

    .c-scrollbar {
        display: none!important
    }
}

.page-overlay {
    background: var(--t-black);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12
}

.section {
    position: relative
}

.section:where(:not(:first-child)) {
    margin-top: -1px
}

.section__content {
    height: 100%;
    position: relative
}

.section--top {
    z-index: 1
}

.section--top-2 {
    z-index: 2
}

.no-scroll-smooth .section--no-overflow-clip {
    clip-path: inset(0 0 0 0)
}

.no-scroll-smooth .section--no-overflow-clip:after,.no-scroll-smooth .section--no-overflow-clip:before {
    content: "";
    display: block;
    overflow: hidden
}

.has-scroll-smooth .section--no-overflow-clip,.has-scroll-smooth .section--no-overflow-clip .section__content,.section--no-overflow,.section--no-overflow .section__content {
    contain: content;
    overflow: hidden
}

.section--full-height,.section--full-height .section__content {
    contain: strict;
    height: 100svh;
    width: 100%
}

.section--full-height:where(:first-child:not(:last-child)) {
    height: calc(100svh + 1px)
}

.has-scroll-smooth [data-scroll] {
    will-change: transform
}

.page-transition-content {
    left: 0!important;
    min-height: 100svh!important;
    position: fixed!important;
    top: 0!important;
    width: 100vw!important;
    z-index: 12!important
}

.preloader {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 14
}

.preloader__background,.preloader__content {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__content {
    align-items: center;
    display: flex;
    justify-content: center
}

.preloader__content__cover {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.preloader__logo img {
    display: block;
    width: calc(var(--scale-px) * 106)
}

.saya-southx-logo {
    display: block;
    height: auto;
    max-width: 100%;
    object-fit: contain
}

.icon-logo-eng {
    display: none
}

.preloader__logo:has(.icon-logo-eng),.header__logo .btn__icon:has(.icon-logo-eng),.turn-message__logo:has(.icon-logo-eng) {
    background: url("../images/media/landing/logo/Saya_SouthX.png") no-repeat center;
    background-size: contain
}

.no-js .preloader {
    display: none!important
}

.modal .preloader {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 9
}

.modal .preloader__content {
    max-height: 100svh;
    position: sticky
}

.preloader--landing {
    --block-height: var(--xxxxl,calc(var(--scale-px) * 370)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 310)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 250)) var(--n-md,36svh)));
    --block-width: var(--md,calc(var(--grid-col-custom) * 6 + var(--grid-gutter) * 6 + var(--spacing-layout))) var(--n-md,calc(var(--grid-col-custom) * 10 + var(--grid-gutter) * 10 + var(--spacing-layout)));
    --block-bookmark-height: var(--xxxxl,calc(var(--scale-px) * 150)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 130)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 100)) var(--n-xxl,var(--md,calc(var(--scale-px) * 90)) var(--n-md,calc(var(--scale-px) * 50)))));
    --block-height-static: var(--xxxxl,calc(var(--scale-px) * 480)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 400)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 320)) var(--n-md,calc(var(--scale-px) * 120))));
    --logo-offset-y: var(--xxxxl,calc(var(--scale-px) * 370)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 310)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 251)) var(--n-xxl,var(--md,calc(var(--scale-px) * 250)) var(--n-md,36svh))));
    --logo-scaled: var(--xxxxl,0.34167) var(--n-xxxxl,var(--xxxl,0.41) var(--n-xxxl,var(--xxl,0.5125) var(--n-xxl,var(--md,0.58571) var(--n-md,0.49213))))
}

.preloader--landing .preloader__background img {
    -o-object-fit: contain;
    object-fit: contain
}

.preloader--landing .preloader__block {
    height: var(--block-height-static);
    left: 0;
    position: absolute;
    top: 0;
    transform: var(--md,translate(calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 4 + var(--spacing-layout)),calc(50svh - 50%))) var(--n-md,translate(calc(var(--grid-col-custom) * 3 + var(--grid-gutter) * 3 + var(--spacing-layout)),calc(50svh - 50%)));
    width: var(--md,calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 3)) var(--n-md,calc(var(--grid-col-custom) * 6 + var(--grid-gutter) * 5))
}

.preloader--landing .preloader__block:before {
    transform: translate(47.82609%,-9.375%) scaleX(.65217) scaleY(.4375);
    transform-origin: 0 0
}

.preloader--landing .preloader__block:after,.preloader--landing .preloader__block:before {
    background: var(--t-background);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition-duration: .5s;
    transition-duration: .75s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.7,0,.3,1);
    width: 100%
}

.preloader--landing .preloader__block:after {
    transform: translateY(21.875%) scaleX(1.06522) scaleY(.4375);
    transform-origin: 0 0
}

.preloader--landing .preloader__logo {
    color: var(--t-background);
    left: 0;
    position: absolute;
    top: 0;
    transform: var(--md,translate(calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 4 + var(--spacing-layout) * 2),calc(50svh - var(--block-height-static) / 2 + var(--spacing-layout))) scale(var(--logo-scaled))) var(--n-md,translate(calc(var(--grid-col-custom) * 3 + var(--grid-gutter) * 3 + var(--spacing-layout) + var(--spacing-layout) / 2),calc(50svh - var(--block-height-static) / 2 + var(--spacing-layout) / 2)) scale(var(--logo-scaled)));
    transform-origin: 0 0
}

.preloader--landing .preloader__logo svg {
    height: var(--xxxxl,calc(var(--scale-px) * 120)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 100)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 80)) var(--n-xxl,var(--md,calc(var(--scale-px) * 70)) var(--n-md,calc(var(--scale-px) * 30.48)))));
    width: auto
}

.preloader--landing .preloader__logo:has(.icon-logo-eng) {
    height: var(--xxxxl,calc(var(--scale-px) * 120)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 100)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 80)) var(--n-xxl,var(--md,calc(var(--scale-px) * 70)) var(--n-md,calc(var(--scale-px) * 30.48)))));
    width: calc(var(--scale-px) * 320)
}

.preloader--landing .preloader__percent {
    left: var(--md,calc(var(--grid-col-custom) * 6 + var(--grid-gutter) * 6 + var(--spacing-layout))) var(--n-md,calc(var(--grid-col-custom) * 7 + var(--grid-gutter) * 7 + var(--spacing-layout) * 1.5));
    padding-right: var(--spacing-layout);
    position: absolute;
    text-align: right;
    top: var(--md,calc(50svh + var(--block-height-static) / 2 - var(--spacing-layout))) var(--n-md,calc(50svh + var(--block-height-static) / 2 - var(--spacing-layout) / 2));
    transform: translateY(-100%);
    width: calc(var(--grid-col-custom) * 2 + var(--grid-gutter) * 1)
}

.preloader--landing .preloader__percent:before {
    content: counter(percent) "%";
    counter-reset: percent var(--progress-percent)
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .preloader--landing .preloader__percent {
        --fos:-0.11em;
        --foe: -0.19em;
        --lh: 1.36364em;
        font-family: TT Norms Pro,Helvetica,Arial,sans-serif;
        font-size: calc(var(--scale-text-rem) * 1.1);
        font-weight: 450;
        letter-spacing: .04em;
        line-height: var(--lh);
        text-transform: uppercase
    }

    .is-win .preloader--landing .preloader__percent {
        --fos: -0.11em;
        --foe: -0.19em
    }
}

.preloader--landing.preloader--state-2 .preloader__block:before {
    transform: translateY(-18.75%) scaleX(.3913) scaleY(.53125)
}

.preloader--landing.preloader--state-2 .preloader__block:after {
    transform: translateY(-9.375%) scaleX(.73913) scaleY(.75)
}

.preloader--landing.preloader--state-3 .preloader__block:before {
    transform: translateY(15.625%) scaleX(.3913) scaleY(.53125)
}

.preloader--landing.preloader--state-3 .preloader__block:after {
    transform: translateY(-12.5%) scaleX(.6087) scaleY(.875)
}

.preloader--landing.preloader--state-4 .preloader__block:before {
    transform: translateY(15.625%) scaleX(1.06522) scaleY(.59375)
}

.preloader--landing.preloader--state-4 .preloader__block:after {
    transform: translate(34.78261%,-12.5%) scaleX(.78261) scaleY(.59375)
}

.preloader--landing.preloader--state-5 .preloader__block:before {
    transform: translate(0) scaleX(1.13043) scaleY(.75)
}

.preloader--landing.preloader--state-5 .preloader__block:after {
    transform: translate(47.82609%,-12.5%) scaleX(.5) scaleY(.59375)
}

@media (max-width: 567px) and (max-aspect-ratio:13/9),(max-width:667px) and (min-aspect-ratio:13/9),(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
    .scrollable {
        -ms-overflow-style:none;
        display: flex;
        flex-wrap: nowrap;
        margin-left: calc(var(--container-h-padding-left) * -1);
        margin-right: calc(var(--container-h-padding-right) * -1);
        overflow-x: auto;
        overflow-y: hidden;
        overflow-y: clip;
        padding-left: var(--container-h-padding-left);
        position: relative;
        scrollbar-width: none;
        touch-action: auto
    }

    .scrollable:after {
        content: "";
        display: block;
        flex: 0 0 var(--container-h-padding-right);
        height: 1px;
        width: var(--container-h-padding-right)
    }

    .scrollable::-webkit-scrollbar {
        display: none
    }
}

.no-hover .scrollable-no-hover {
    -ms-overflow-style: none;
    display: flex;
    flex-wrap: nowrap;
    margin-left: calc(var(--container-h-padding-left) * -1);
    margin-right: calc(var(--container-h-padding-right) * -1);
    overflow-x: auto;
    overflow-y: hidden;
    overflow-y: clip;
    padding-left: var(--container-h-padding-left);
    position: relative;
    scrollbar-width: none;
    touch-action: auto
}

.no-hover .scrollable-no-hover:after {
    content: "";
    display: block;
    flex: 0 0 var(--container-h-padding-right);
    height: 1px;
    width: var(--container-h-padding-right)
}

.no-hover .scrollable-no-hover::-webkit-scrollbar {
    display: none
}

.turn-message {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100svh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 16
}

.turn-message__logo {
    text-align: center;
    width: 100%
}

.turn-message__logo svg {
    height: auto;
    vertical-align: top;
    width: 106px
}

.turn-message__logo:has(.icon-logo-eng) {
    height: 64px
}

@media (max-width: 567px) and (max-aspect-ratio:13/9) {
    .turn-message {
        display:none
    }
}

@media (min-width: 1440px),(min-width:980px) and (min-aspect-ratio:10/11) {
    .turn-message {
        display:none
    }
}

.header {
    position: relative;
    z-index: 10
}

.header,.header__background {
    transition-property: background-color,box-shadow
}

.header__background {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header__content {
    height: var(--xxxl,calc(var(--scale-px) * 70)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 50)) var(--n-md,calc(var(--scale-px) * 40)));
    justify-content: center;
    position: relative
}

.header__burger,.header__content {
    display: flex;
    flex-direction: column
}

.header__burger {
    gap: 3px;
    width: var(--xxxl,calc(var(--scale-px) * 60)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 40)) var(--n-md,calc(var(--scale-px) * 30)))
}

.header__burger:after,.header__burger:before {
    background: currentColor;
    content: "";
    display: block;
    height: 1px
}

.header__close-col {
    height: 100%
}

.header__close {
    left: calc(var(--spacing-layout) - 3px);
    position: absolute
}

.header__logo svg {
    height: var(--xxxl,calc(var(--scale-px) * 20)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 16)) var(--n-md,calc(var(--scale-px) * 14)));
    width: auto
}

.header__logo .btn__icon:has(.icon-logo-eng) {
    height: var(--xxxl,calc(var(--scale-px) * 20)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 16)) var(--n-md,calc(var(--scale-px) * 14)));
    width: calc(var(--scale-px) * 90)
}

.with-plan-modal .header__background,.with-plan-modal .header__content {
    transform: translateY(-101%)!important
}

.header--landing {
    --offset-x: var(--md,calc(var(--grid-col-custom) * -1 - var(--grid-gutter))) var(--n-md,calc(var(--grid-col-custom) * -2 - var(--grid-gutter) * 2));
    --offset-y: var(--xxxxl,calc(var(--scale-px) * 444)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 364)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 297)) var(--n-xxl,var(--md,calc(var(--scale-px) * 287)) var(--n-md,36.5svh))));
    --scaled: var(--xxxxl,6) var(--n-xxxxl,var(--xxl,5) var(--n-xxl,var(--md,4.375) var(--n-md,2.17714)))
}

.header--landing .header__logo {
    transform-origin: 0 100%
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .header--landing:not(.ui-header-solid) {
        mix-blend-mode:difference
    }

    .header--landing .header__background {
        display: none
    }
}

.header--modal {
    pointer-events: none;
    width: 100vw
}

.header--modal a,.header--modal button {
    pointer-events: all
}

.header--sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.header--sticky .header__background,.header--sticky .header__content {
    transition-property: background-color,box-shadow,transform
}

.header--sticky .header__background {
    transform: translateY(-102%)
}

.header--sticky.header--collapsed .header__background {
    background: var(--t-background);
    box-shadow: 0 0 0 1px var(--t-line);
    transform: translateY(0)
}

.header--sticky.header--collapsed.header--hidden {
    pointer-events: none
}

.header--sticky.header--collapsed.header--hidden .header__background,.header--sticky.header--collapsed.header--hidden .header__content {
    transform: translateY(-102%)
}

.header-sticky-placeholder {
    flex-shrink: 0;
    height: var(--xxxl,calc(var(--scale-px) * 70)) var(--n-xxxl,var(--md,calc(var(--scale-px) * 50)) var(--n-md,calc(var(--scale-px) * 40)))
}

.header--fixed {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.footer {
    z-index: 1
}

.footer__bookmark {
    --offset-top: var(--xxxxl,calc(var(--scale-px) * 120)) var(--n-xxxxl,var(--xxxl,calc(var(--scale-px) * 100)) var(--n-xxxl,var(--xxl,calc(var(--scale-px) * 80)) var(--n-xxl,var(--md,calc(var(--scale-px) * 70)) var(--n-md,calc(var(--scale-px) * 60)))));
    align-items: var(--md,flex-end) var(--n-md,flex-start);
    display: flex;
    height: var(--offset-top);
    justify-content: space-between;
    margin-bottom: 1px;
    margin-left: calc(var(--spacing-layout) * -1);
    margin-right: calc(var(--grid-gutter) * -1);
    margin-top: calc(var(--offset-top) * -1 + 1px)
}

.footer__bookmark .btn {
    min-width: var(--md,calc(var(--scale-px) * 220)) var(--n-md,0)
}

.footer__agency {
    align-items: center;
    display: flex;
    flex-direction: var(--md,row-reverse) var(--n-md,row);
    gap: calc(var(--scale-px) * 6);
    justify-content: var(--md,flex-start) var(--n-md,flex-end)
}

.footer__agency-icon {
    margin: calc(var(--scale-px) * -5) 0
}

.footer__footnote {
    color: rgba(var(--t-text-rgb),.3)
}

.callback-modal {
    position: relative
}

.callback-modal__title {
    left: var(--spacing-layout);
    max-width: var(--md,calc(var(--grid-col-custom) * 5+ var(--grid-gutter) * 4)) var(--n-md,calc(var(--scale-px) * 120));
    position: absolute;
    top: var(--xxxxl,calc(var(--spacing-layout) + (var(--scale-px) * 2))) var(--n-xxxxl,var(--xxxl,calc(var(--spacing-layout) + (var(--scale-px) * 7))) var(--n-xxxl,var(--xxl,calc(var(--spacing-layout) + (var(--scale-px) * 2))) var(--n-xxl,var(--md,calc(var(--spacing-layout) + (var(--scale-px) * 4))) var(--n-md,calc(var(--spacing-layout) + (var(--scale-px) * 2))))))
}

.callback-modal__container {
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    position: relative
}

.callback-modal__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--md,calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 3)) var(--n-md,100%);
    width: 100%
}

.callback-modal__form {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding-top: var(--md,34.5svh) var(--n-md,0)
}

.callback-modal__fields {
    margin-bottom: var(--md,auto) var(--n-md,0)
}

.callback-modal__message {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: var(--md,flex-start) var(--n-md,center);
    padding-right: var(--md,var(--grid-col-custom)) var(--n-md,0);
    padding-top: var(--md,34.5svh) var(--n-md,0)
}

.callback-modal__number {
    display: flex
}

.callback-modal__number-value {
    position: relative
}

.callback-modal__picture {
    bottom: var(--md,calc(var(--spacing) / 40 * -24)) var(--n-md,calc(var(--spacing) / 20 * -16));
    position: absolute;
    right: var(--md,calc(var(--spacing) / 40 * -133)) var(--n-md,calc(var(--spacing) / 20 * -89));
    width: var(--md,calc(var(--spacing) / 40 * 180)) var(--n-md,calc(var(--spacing) / 20 * 122))
}

.callback-modal__price {
    align-items: center;
    display: flex;
    gap: calc(var(--scale-px) * 10);
    margin-top: var(--md,calc(var(--scale-px) * 10)) var(--n-md,calc(var(--scale-px) * 6))
}

.callback-modal__price-old {
    background: rgba(var(--t-heading-rgb),.2);
    padding: var(--md,calc(var(--scale-px) * 4) calc(var(--scale-px) * 6)) var(--n-md,calc(var(--scale-px) * 5) calc(var(--scale-px) * 6));
    position: relative
}

.callback-modal__price-old:before {
    border-top: 1px solid var(--t-text);
    content: "";
    left: calc(var(--scale-px) * 6);
    position: absolute;
    right: calc(var(--scale-px) * 6);
    top: 50%
}

.callback-modal--parking .callback-modal__title {
    max-width: var(--md,calc(var(--grid-col-custom) * 5 + var(--grid-gutter) * 4)) var(--n-md,calc(var(--scale-px) * 180))
}

.callback-modal--parking .callback-modal__form {
    padding-top: var(--md,10svh) var(--n-md,0)
}

.menu-background {
    bottom: var(--md,auto) var(--n-md,0);
    left: var(--md,auto) var(--n-md,0);
    position: absolute;
    right: var(--md,0) var(--n-md,auto);
    top: var(--md,0) var(--n-md,auto);
    width: var(--md,calc(var(--spacing) / 40 * 420)) var(--n-md,calc(var(--scale-px) * 256))
}

.menu-background img {
    height: auto;
    width: 100%
}

.menu {
    display: flex;
    flex-direction: column;
    min-height: 100svh
}

.menu .header {
    margin-bottom: var(--md,calc(var(--spacing) * 2)) var(--n-md,0);
    margin-left: calc(var(--spacing-layout) * -1);
    margin-right: calc(var(--spacing-layout) * -1)
}

.menu__links {
    border-top: var(--md,none) var(--n-md,solid calc(var(--scale-px) * 1) var(--t-line));
    margin: var(--md,auto 0) var(--n-md,calc(var(--spacing) * 5) 0 auto);
    padding-top: var(--md,0) var(--n-md,var(--spacing))
}

.menu__links .btn--link:after {
    display: none
}

.menu__links-lead {
    display: flex;
    flex-direction: column;
    gap: var(--md,.55em) var(--n-md,.7em)
}

.menu__links-lead li {
    display: flex
}

.menu__links-small {
    display: flex;
    flex-direction: column;
    gap: var(--md,.65em) var(--n-md,1.1em);
    margin-top: var(--md,0) var(--n-md,calc(var(--spacing) * 3))
}

.menu__links-small li {
    display: flex
}

.menu__buttons {
    margin-top: calc(var(--spacing) * 2)
}

.menu__buttons .btn {
    width: 100%
}

.menu__lang {
    align-self: flex-end
}

.menu__lang a,.menu__lang button {
    margin-left: -1px
}

.has-hover .menu__lang a:hover,.has-hover .menu__lang button:hover,.menu__lang a.is-active,.menu__lang button.is-active {
    z-index: 1
}

@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) {
    .with-cookie-consent .menu {
        padding-bottom:calc(var(--spacing-layout) + 50px)
    }
}

@media (min-width: 568px) and (max-width:667px) and (max-aspect-ratio:13/9),(min-width:668px) and (max-aspect-ratio:10/11),(min-width:668px) and (min-height:416px),(min-width:980px) {
    .menu__buttons,.menu__links {
        margin-left:auto;
        margin-right: auto;
        width: calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 3)
    }

    .menu__lang {
        position: absolute;
        right: calc(var(--spacing-layout) - var(--grid-gutter) / 2);
        top: var(--spacing-layout)
    }
}

.selector-modal .modal__background {
    background-color: var(--t-heading)
}

.selector-modal .modal__content {
    background: none;
    margin-right: 0;
    width: calc(var(--grid-col-custom) * 4 + var(--grid-gutter) * 3 + var(--spacing-layout) * 2)
}

.selector-modal .header--modal {
    position: absolute;
    right: 0;
    top: 0
}

.selector-modal__item {
    aspect-ratio: 500/270;
    display: block;
    position: relative
}

.selector-modal__item:not(:first-child):before {
    background: var(--t-line);
    content: "";
    height: 1px;
    left: var(--spacing-layout);
    position: absolute;
    right: var(--spacing-layout);
    top: 0;
    z-index: 1
}

.selector-modal__item-image {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 48.8%
}

.selector-modal__item-image img {
    height: auto;
    width: 100%
}

.selector-modal__item-content {
    bottom: 0;
    left: 0;
    padding: var(--spacing-layout);
    position: absolute;
    width: 100%
}

.selector-modal__animation {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.selector-modal.animation--modal-in,.selector-modal.animation--modal-out {
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.selector-modal.animation--modal-in .header--modal,.selector-modal.animation--modal-in .modal__background,.selector-modal.animation--modal-in .selector-modal__animation,.selector-modal.animation--modal-out .header--modal,.selector-modal.animation--modal-out .modal__background,.selector-modal.animation--modal-out .selector-modal__animation {
    transition-duration: 1s;
    transition-property: clip-path,opacity;
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.selector-modal.animation--modal-in .header--modal,.selector-modal.animation--modal-in .modal__background,.selector-modal.animation--modal-out .header--modal,.selector-modal.animation--modal-out .modal__background {
    transition-property: opacity
}

.selector-modal.animation--modal-in .selector-modal__animation,.selector-modal.animation--modal-out .selector-modal__animation {
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}

.selector-modal.animation--modal-in--inactive .header--modal,.selector-modal.animation--modal-in--inactive .modal__background,.selector-modal.animation--modal-out--active .header--modal,.selector-modal.animation--modal-out--active .modal__background {
    opacity: 0
}

.selector-modal.animation--modal-in--inactive .selector-modal__animation,.selector-modal.animation--modal-out--active .selector-modal__animation {
    clip-path: polygon(0 0,100% 0,100% 0,0 0)
}

/* Saya South X branding overrides */
.header__logo .btn__icon { display:flex; align-items:center; justify-content:center; }
.header__logo .saya-southx-logo { display:block; width:133px; max-width:100%; height:auto; object-fit:contain; }
.preloader__logo .saya-southx-logo { display:block; width:133px; max-width:100%; height:auto; object-fit:contain; }
.turn-message__logo .saya-southx-logo { display:block; width:133px; max-width:100%; height:auto; object-fit:contain; margin:0 auto; }
.intro__background { width:100%; height:100%; object-fit:cover; }


/* Saya South X branding fixes */
.saya-southx-logo {
    filter: none !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

/* Keep the real PNG logo colors unchanged while scrolling. */
.header--landing:not(.ui-header-solid) {
    mix-blend-mode: normal !important;
}

.header__logo,
.header__logo .btn__content,
.header__logo .btn__icon {
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
}




/* =========================================================
   FIX ONLY LARGE INITIAL LANDING HEADER STATE
   Other header positions remain unchanged
========================================================= */

/*
   Original value desktop par around 4.375 hai.
   Isliye logo bahut bada ho raha tha.
*/
.header--landing:not(.ui-header-solid) {
    --scaled: 1.45 !important;

    /* white initial background ke liye */
    color: #070b20 !important;

    /* do NOT use difference blend here */
    mix-blend-mode: normal !important;
}


/* Initial large-position logo only */
.header--landing:not(.ui-header-solid)
.header__logo .saya-southx-logo {
    width: 120px !important;
    max-width: 120px !important;
    height: auto !important;
}


/* =========================================================
   HAMBURGER — INITIAL WHITE AREA ONLY
========================================================= */

.header--landing:not(.ui-header-solid)
.header__burger {
    color: #070b20 !important;
}

.header--landing:not(.ui-header-solid)
.header__burger::before,
.header--landing:not(.ui-header-solid)
.header__burger::after {
    background-color: #070b20 !important;
}


/* =========================================================
   OTHER HEADER ICONS / TEXT
   INITIAL WHITE AREA ONLY
========================================================= */

.header--landing:not(.ui-header-solid) .btn,
.header--landing:not(.ui-header-solid) .btn__icon,
.header--landing:not(.ui-header-solid) .btn__text,
.header--landing:not(.ui-header-solid) svg {
    color: #070b20 !important;
}


/* SVG icons using currentColor */
.header--landing:not(.ui-header-solid) svg {
    fill: currentColor;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 567px) {

    .header--landing:not(.ui-header-solid) {
        --scaled: 1.15 !important;
    }

    .header--landing:not(.ui-header-solid)
    .header__logo .saya-southx-logo {
        width: 100px !important;
        max-width: 100px !important;
    }
}

/* =========================================================
   REDUCE HERO WHITE PANEL HEIGHT
========================================================= */

.intro__head {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* white panel ke andar row */
.intro__head > .row,
.intro__head .row {
    height: 100% !important;
    min-height: 0 !important;
}


/* left white bookmark area */
.intro__bookmark {
    height: 75% !important;
    min-height: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;
    align-items: flex-end !important;
}


/* keep logo position balanced */
.header--landing:not(.ui-header-solid) {
    --offset-y: 105px !important;
    --scaled: 1.25 !important;
}


/* logo */
.header--landing:not(.ui-header-solid)
.header__logo .saya-southx-logo {
    width: 115px !important;
    max-width: 115px !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 979px) {

    .intro__head {
        height: 180px !important;
        min-height: 180px !important;
        max-height: 180px !important;
    }

    .header--landing:not(.ui-header-solid) {
        --offset-y: 85px !important;
        --scaled: 1.15 !important;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 567px) {

    .intro__head {
        height: 145px !important;
        min-height: 145px !important;
        max-height: 145px !important;
    }

    .header--landing:not(.ui-header-solid) {
        --offset-y: 65px !important;
        --scaled: 1 !important;
    }

    .header--landing:not(.ui-header-solid)
    .header__logo .saya-southx-logo {
        width: 95px !important;
        max-width: 95px !important;
    }
}



/* =========================================================
   SAYA SOUTH X ABOUT
   FULL WIDTH / CLEAN EDITORIAL LAYOUT
========================================================= */

.southx-about {
    position: relative;

    background: #070b20;
    color: #fff;

    overflow: hidden;
}


/* remove old idea spacing that belonged to bookmark layout */

.southx-about__wrapper {
    position: relative;

    padding-top: 0 !important;
}


/* =========================================================
   CONTENT
========================================================= */

.southx-about-content {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;

    padding-top: 75px !important;
    padding-bottom: 85px !important;

    overflow: visible !important;
}


/* FULL WIDTH */

.southx-about-column {
    width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

    margin-left: 0 !important;
}


/* =========================================================
   HEADING
========================================================= */

.southx-about-title {
    display: block;

    width: 100% !important;

    max-width: 1500px !important;

    margin:
        0 0 42px 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-family:
        "TT Norms Pro",
        Helvetica,
        Arial,
        sans-serif;

    font-size:
        clamp(50px, 5vw, 86px) !important;

    font-weight: 400 !important;

    line-height: .96 !important;

    letter-spacing: -.045em !important;

    text-align: left !important;

    text-transform: uppercase !important;

    opacity: 1 !important;

    transform: none !important;
}


/* =========================================================
   COPY
========================================================= */

.southx-about-copy {
    width: 100% !important;

    max-width: 1450px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.southx-about-copy p {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: 1450px !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(255,255,255,.68) !important;

    font-family:
        "TT Norms Pro",
        Helvetica,
        Arial,
        sans-serif;

    font-size: 17px !important;

    font-weight: 400 !important;

    line-height: 1.55 !important;

    letter-spacing: 0 !important;

    text-align: left !important;

    text-transform: none !important;

    opacity: 1 !important;

    transform: none !important;
}


/* paragraph spacing */

.southx-about-copy p + p {
    margin-top: 22px !important;
}


/* SEO highlight */

.southx-about-copy strong {
    color: #fff !important;

    font-weight: 500 !important;
}


/* =========================================================
   REMOVE OLD IDEA ANIMATION OVERLAY
========================================================= */

.southx-about .idea__text-overlay {
    display: none !important;
}


/* =========================================================
   IMAGES
========================================================= */

.southx-about-images {
    position: relative;

    margin-top: 0;
}


/* =========================================================
   LARGE DESKTOP
========================================================= */

@media (min-width: 1440px) {

    .southx-about-content {
        padding-top: 90px !important;
        padding-bottom: 95px !important;
    }

    .southx-about-title {
        max-width: 1550px !important;

        font-size:
            clamp(60px, 4.8vw, 92px) !important;
    }

    .southx-about-copy {
        max-width: 1500px !important;
    }

    .southx-about-copy p {
        max-width: 1500px !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 979px) {

    .southx-about-content {
        padding-top: 55px !important;
        padding-bottom: 65px !important;
    }

    .southx-about-title {
        max-width: 100% !important;

        margin-bottom: 30px !important;

        font-size: 46px !important;

        line-height: .99 !important;
    }

    .southx-about-copy,
    .southx-about-copy p {
        max-width: 100% !important;
    }

    .southx-about-copy p {
        font-size: 16px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 567px) {

    .southx-about-content {
        padding-top: 38px !important;
        padding-bottom: 45px !important;
    }

    .southx-about-title {
        margin-bottom: 24px !important;

        font-size: 32px !important;

        line-height: 1.03 !important;

        letter-spacing: -.03em !important;
    }

    .southx-about-copy p {
        font-size: 14px !important;

        line-height: 1.55 !important;
    }

    .southx-about-copy p + p {
        margin-top: 18px !important;
    }

}
/* =========================================================
   FINAL HERO HEADER FIX — transparent overlay on hero
   Removes the white intro/header panel completely.
========================================================= */
.intro__head {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    width: 100% !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    z-index: 20 !important;
    pointer-events: none !important;
}
.intro__head > .row,
.intro__head .row,
.intro__bookmark {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
.header--landing:not(.ui-header-solid) {
    --offset-y: 0px !important;
    --scaled: 1 !important;
    background: transparent !important;
}
.header--landing:not(.ui-header-solid) .header__background,
.header--landing .header__background {
    display: none !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.header--landing {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
    background: transparent !important;
    pointer-events: none !important;
}
.header--landing .header__content,
.header--landing .header__logo,
.header--landing .header__burger,
.header--landing button,
.header--landing a {
    pointer-events: auto !important;
}
.header--landing:not(.ui-header-solid) .header__logo .saya-southx-logo {
    width: 115px !important;
    max-width: 115px !important;
}