/*! 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--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--slide-in,
.animation--slide-in-bottom,
.animation--slide-in-bottom>div,
.animation--slide-in-bottom>span,
.animation--slide-in-top,
.animation--slide-in-top>div,
.animation--slide-in-top>span,
.animation--slide-out-bottom,
.animation--slide-out-bottom>div,
.animation--slide-out-bottom>span,
.animation--slide-out-top,
.animation--slide-out-top>div,
.animation--slide-out-top>span,
.animation--tabs-in,
.animation--tabs-out,
.animation--zoom-in,
.animation--zoom-out,
.btn,
.btn.icon,
.btn:after,
.btn:before,
.header--sticky .header__background,
.header--sticky .header__content,
.icon,
.menu__link-sub-title,
.menu__link-title,
.modal--full.animation--modal-in:where(:not(.modal--menu)),
.modal--full.animation--modal-out:where(:not(.modal--menu)),
.modal--full:where(:not(.modal--menu)).animation--modal-in .modal__background,
.modal--full:where(:not(.modal--menu)).animation--modal-in .modal__scroller,
.modal--full:where(:not(.modal--menu)).animation--modal-out .modal__background,
.modal--full:where(:not(.modal--menu)).animation--modal-out .modal__scroller,
a,
button,
input[type=submit] {
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.btn--underline .btn__underline:after,
.btn--underline .btn__underline:before,
.btn--underline-cut .btn__underline:after,
.btn--underline-cut .btn__underline:before,
.header--sticky,
.header__menu-text-close,
.header__menu-text-menu,
.icon--menu:after,
.icon--menu:before,
.modal--menu.animation--modal-in,
.modal--menu.animation--modal-in .modal__background,
.modal--menu.animation--modal-in .modal__scroller,
.modal--menu.animation--modal-out,
.modal--menu.animation--modal-out .modal__background,
.modal--menu.animation--modal-out .modal__scroller {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.animation--gradient {
  transition-duration: 1.6s;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

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

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

body,
button,
input,
textarea {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: var(--xxxl, 1.25em) var(--n-xxxl, 1.23077em);
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: var(--xxxl, calc(var(--scale-text-rem) * 1.6)) var(--n-xxxl, calc(var(--scale-text-rem) * 1.3));
  font-weight: 500;
  letter-spacing: 0;
  line-height: var(--lh)
}

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

.btn--text-small,
.text-small,
small {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: var(--xxxl, 1.38462em) var(--n-xxxl, 1.36364em);
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: var(--xxxl, calc(var(--scale-text-rem) * 1.3)) var(--n-xxxl, calc(var(--scale-text-rem) * 1.1));
  font-weight: 600;
  letter-spacing: .08em;
  line-height: var(--lh);
  text-transform: uppercase
}

.is-win .btn--text-small,
.is-win .text-small,
.is-win small {
  --fos: -0.175em;
  --foe: -0.125em
}

.h0 {
  --fos: -0.145em;
  --foe: -0.155em;
  --lh: var(--xxxl, 1em) var(--n-xxxl, var(--xxl, 0.96491em) var(--n-xxl, var(--md, 1em) var(--n-md, 1.04167em)));
  font-family: TT Ramillas, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 18)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 16)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 11.4)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 9)) var(--n-md, calc(var(--scale-text-rem) * 4.8)))));
  font-weight: 300;
  letter-spacing: .02em;
  line-height: var(--lh);
  text-transform: uppercase
}

.h1,
.is-win .h0,
h1 {
  --fos: -0.145em;
  --foe: -0.155em
}

.h1,
h1 {
  --lh: var(--xxxxl, 1.05469em) var(--n-xxxxl, var(--xxxl, 1.04545em) var(--n-xxxl, var(--xxl, 1.0625em) var(--n-xxl, var(--md, 1.08333em) var(--n-md, 1.11111em))));
  font-family: TT Ramillas, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 12.8)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 11)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 8)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 6)) var(--n-md, calc(var(--scale-text-rem) * 3.6)))));
  font-weight: 300;
  letter-spacing: .02em;
  line-height: var(--lh);
  text-transform: uppercase
}

.h2,
.is-win .h1,
.is-win h1,
h2 {
  --fos: -0.145em;
  --foe: -0.155em
}

.h2,
h2 {
  --lh: var(--xxxxl, 1.0625em) var(--n-xxxxl, var(--xxxl, 1.07143em) var(--n-xxxl, 1em));
  font-family: TT Ramillas, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 8)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 7)) 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) * 2.8)))));
  font-weight: 300;
  letter-spacing: .02em;
  line-height: var(--lh);
  text-transform: uppercase
}

.h3,
.is-win .h2,
.is-win h2,
h3 {
  --fos: -0.145em;
  --foe: -0.155em
}

.h3,
h3 {
  --lh: var(--xxxxl, 1.30952em) var(--n-xxxxl, var(--xxl, 1.25em) var(--n-xxl, var(--md, 1.27273em) var(--n-md, 1.22727em)));
  font-family: TT Ramillas, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 4.2)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 3.6)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 2.8)) var(--n-xxl, calc(var(--scale-text-rem) * 2.2))));
  font-weight: 300;
  letter-spacing: .02em;
  line-height: var(--lh);
  text-transform: uppercase
}

.is-win .h3,
.is-win h3 {
  --fos: -0.145em;
  --foe: -0.155em
}

.text-subtitle {
  --fos: -0.0845em;
  --foe: -0.1935em;
  --lh: var(--md, 1em) var(--n-md, 1.16667em);
  font-family: altesse-std-64pt, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 16)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 14)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 10)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 8)) var(--n-md, calc(var(--scale-text-rem) * 6)))));
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--lh);
  text-transform: none
}

.is-win .text-subtitle,
.text-subtitle-small {
  --fos: -0.0845em;
  --foe: -0.1935em
}

.text-subtitle-small {
  --lh: var(--xxxxl, 1em) var(--n-xxxxl, var(--xxxl, 1.125em) var(--n-xxxl, var(--xxl, 1.16667em) var(--n-xxl, var(--md, 1.2em) var(--n-md, 1.04545em))));
  font-family: altesse-std-64pt, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 10)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 8)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 6)) var(--n-xxl, var(--md, calc(var(--scale-text-rem) * 5)) var(--n-md, calc(var(--scale-text-rem) * 4.4)))));
  font-weight: 400;
  letter-spacing: 0;
  line-height: var(--lh);
  text-transform: none
}

.is-win .text-subtitle-small {
  --fos: -0.0845em;
  --foe: -0.1935em
}

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

.has-hover a:hover {
  color: var(--t-primary)
}

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

@font-face {
  font-display: swap;
  font-family: TT Commons Pro;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/ttcommonspro-md.woff2) format("woff2"), url(../fonts/ttcommonspro-md.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: TT Commons Pro;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/ttcommonspro-db.woff2) format("woff2"), url(../fonts/ttcommonspro-db.woff) format("woff")
}

@font-face {
  font-display: swap;
  font-family: TT Ramillas;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/ttramillas-light.woff2) format("woff2"), url(../fonts/ttramillas-light.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(--xxxxl, calc(var(--scale-px) * 40)) var(--n-xxxxl, var(--xxl, calc(var(--scale-px) * 30)) var(--n-xxl, 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;
  overflow-y: scroll;
  overscroll-behavior: none;
  position: fixed;
  right: 0;
  scroll-behavior: smooth;
  top: 0
}

.no-scroll-smooth:not(.is-ios) .page-content {
  min-height: calc(100svh + 1px)
}

@media print {
  html {
    height: auto
  }

  body,
  html {
    overflow: visible
  }

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

.page-content {
  margin-right: calc(100% - var(--vw100));
  min-height: 100svh;
  position: relative;
  width: var(--vw100)
}

main {
  display: block
}

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

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

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

picture {
  display: block
}

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

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

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

#__bs_notify__ {
  display: none !important
}

:root {
  --c-total-black: #000;
  --c-total-black-rgb: 0, 0, 0;
  --c-brand-black: #1a1919;
  --c-brand-black-rgb: 26, 25, 25;
  --c-gray: #717170;
  --c-gray-rgb: 113, 113, 112;
  --c-white: #fff;
  --c-white-rgb: 255, 255, 255;
  --c-error: #930000;
  --c-error-rgb: 147, 0, 0
}

.ui-dark,
.ui-light,
:root {
  --t-background: var(--c-white);
  --t-background-rgb: var(--c-white-rgb);
  --t-background-alt: var(--c-white);
  --t-background-alt-rgb: var(--c-white-rgb);
  --t-line: rgba(var(--c-brand-black-rgb), 0.2);
  --t-line-rgb: var(--c-brand-black-rgb);
  --t-line-alt: rgba(var(--c-brand-black-rgb), 0.1);
  --t-line-alt-rgb: var(--c-brand-black-rgb);
  --t-small: rgba(var(--c-brand-black-rgb), 0.5);
  --t-small-rgb: var(--c-brand-black-rgb);
  --t-text: var(--c-brand-black);
  --t-text-rgb: var(--c-brand-black-rgb);
  --t-heading: var(--c-brand-black);
  --t-heading-rgb: var(--c-brand-black-rgb);
  --t-primary: var(--c-gray);
  --t-primary-rgb: var(--c-gray-rgb);
  --t-primary-alt: var(--c-gray);
  --t-primary-alt-rgb: var(--c-gray-rgb);
  --t-button-primary-text: var(--t-background);
  --t-button-primary-text-rgb: var(--t-background-rgb);
  --t-button-primary-background: var(--t-heading);
  --t-button-primary-background-rgb: var(--t-heading-rgb);
  --t-button-primary-hover-text: var(--t-background);
  --t-button-primary-hover-text-rgb: var(--t-background-rgb);
  --t-button-primary-hover-background: var(--t-primary);
  --t-button-primary-hover-background-rgb: var(--t-primary-rgb);
  --t-button-primary-active-text: var(--t-background);
  --t-button-primary-active-text-rgb: var(--t-background-rgb);
  --t-button-primary-active-background: var(--t-primary);
  --t-button-primary-active-background-rgb: var(--t-primary-rgb);
  --t-button-primary-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-heading);
  --t-button-primary-active-hover-background-rgb: var(--t-heading-rgb);
  --t-button-outline-text: var(--t-heading);
  --t-button-outline-text-rgb: var(--t-heading-rgb);
  --t-button-outline-background: transparent;
  --t-button-outline-border: var(--t-heading);
  --t-button-outline-border-rgb: var(--t-heading-rgb);
  --t-button-outline-hover-text: var(--t-heading);
  --t-button-outline-hover-text-rgb: var(--t-heading-rgb);
  --t-button-outline-hover-background: transparent;
  --t-button-outline-hover-border: var(--t-heading);
  --t-button-outline-hover-border-rgb: var(--t-heading-rgb);
  --t-button-outline-tag-text: var(--t-heading);
  --t-button-outline-tag-text-rgb: var(--t-heading-rgb);
  --t-button-outline-tag-background: transparent;
  --t-button-outline-tag-border: var(--t-line-alt);
  --t-button-outline-tag-border-rgb: var(--t-line-alt-rgb);
  --t-button-outline-tag-hover-text: var(--t-heading);
  --t-button-outline-tag-hover-text-rgb: var(--t-heading-rgb);
  --t-button-outline-tag-hover-background: transparent;
  --t-button-outline-tag-hover-border: var(--t-line-alt);
  --t-button-outline-tag-hover-border-rgb: var(--t-line-alt-rgb);
  --t-button-outline-plus-text: var(--t-heading);
  --t-button-outline-plus-text-rgb: var(--t-heading-rgb);
  --t-button-outline-plus-background: transparent;
  --t-button-outline-plus-border: rgba(var(--t-heading-rgb), 0.2);
  --t-button-outline-plus-border-rgb: var(--t-heading-rgb);
  --t-button-outline-plus-hover-text: var(--t-heading);
  --t-button-outline-plus-hover-text-rgb: var(--t-heading-rgb);
  --t-button-outline-plus-hover-background: transparent;
  --t-button-outline-plus-hover-border: rgba(var(--t-heading-rgb), 0.5);
  --t-button-outline-plus-hover-border-rgb: var(--t-heading-rgb);
  --t-button-link-text: var(--t-text);
  --t-button-link-text-rgb: var(--t-text-rgb);
  --t-button-link-hover-text: var(--t-heading);
  --t-button-link-hover-text-rgb: var(--t-heading-rgb);
  --t-button-link-hover-border: var(--t-heading);
  --t-button-link-hover-border-rgb: var(--t-heading-rgb);
  --t-button-link-heading-text: var(--t-heading);
  --t-button-link-heading-text-rgb: var(--t-heading-rgb);
  --t-button-link-heading-border: rgba(var(--t-heading-rgb), 0.15);
  --t-button-link-heading-border-rgb: var(--t-heading-rgb);
  --t-button-link-heading-hover-text: var(--t-heading);
  --t-button-link-heading-hover-text-rgb: var(--t-heading-rgb);
  --t-button-link-heading-hover-border: var(--t-heading);
  --t-button-link-heading-hover-border-rgb: var(--t-heading-rgb);
  --t-button-link-text-border: var(--t-heading);
  --t-button-link-text-border-rgb: var(--t-heading-rgb);
  --t-button-link-text-hover-border: var(--t-heading);
  --t-button-link-text-hover-border-rgb: var(--t-heading-rgb);
  --t-button-select-text: var(--t-heading);
  --t-button-select-text-rgb: var(--t-heading-rgb);
  --t-button-select-background: transparent;
  --t-button-select-border: var(--t-line);
  --t-button-select-border-rgb: var(--t-line-rgb);
  --t-button-select-hover-text: var(--t-heading);
  --t-button-select-hover-text-rgb: var(--t-heading-rgb);
  --t-button-select-hover-background: transparent;
  --t-button-select-hover-border: var(--t-heading);
  --t-button-select-hover-border-rgb: var(--t-heading-rgb);
  --t-button-select-active-text: var(--t-heading);
  --t-button-select-active-text-rgb: var(--t-heading-rgb);
  --t-button-select-active-background: transparent;
  --t-button-select-active-border: var(--t-heading);
  --t-button-select-active-border-rgb: var(--t-heading-rgb);
  --t-button-gradient-text: var(--t-text);
  --t-button-gradient-text-rgb: var(--t-text-rgb);
  --t-button-gradient-background: transparent;
  --t-button-gradient-hover-text: var(--t-text);
  --t-button-gradient-hover-text-rgb: var(--t-text-rgb);
  --t-button-gradient-hover-background: transparent;
  --t-button-link-secondary-text: var(--t-primary);
  --t-button-link-secondary-text-rgb: var(--t-primary-rgb);
  --t-button-link-secondary-border: transparent;
  --t-button-link-secondary-hover-text: var(--t-primary);
  --t-button-link-secondary-hover-text-rgb: var(--t-primary-rgb);
  --t-button-link-secondary-hover-border: var(--t-primary);
  --t-button-link-secondary-hover-border-rgb: var(--t-primary-rgb);
  --t-button-tab-text: var(--t-primary);
  --t-button-tab-text-rgb: var(--t-primary-rgb);
  --t-button-tab-hover-text: var(--t-heading);
  --t-button-tab-hover-text-rgb: var(--t-heading-rgb);
  --t-button-tab-hover-border: var(--t-heading);
  --t-button-tab-hover-border-rgb: var(--t-heading-rgb);
  --t-link-default-normal: var(--t-text);
  --t-link-default-normal-rgb: var(--t-text-rgb);
  --t-link-default-hover: var(--t-primary);
  --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: var(--t-primary);
  --t-link-text-hover-rgb: var(--t-primary-rgb);
  --t-link-text-active: var(--t-primary);
  --t-link-text-active-rgb: var(--t-primary-rgb)
}

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

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

.ui-dark {
  --t-background: var(--c-brand-black);
  --t-background-rgb: var(--c-brand-black-rgb);
  --t-background-alt: var(--c-total-black);
  --t-background-alt-rgb: var(--c-total-black-rgb);
  --t-line: rgba(var(--c-white-rgb), 0.1);
  --t-line-rgb: var(--c-white-rgb);
  --t-line-alt: rgba(var(--c-white-rgb), 0.1);
  --t-line-alt-rgb: var(--c-white-rgb);
  --t-small: var(--c-gray);
  --t-small-rgb: var(--c-gray-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-gray);
  --t-primary-rgb: var(--c-gray-rgb);
  --t-primary-alt: rgba(var(--c-white-rgb), 0.5);
  --t-primary-alt-rgb: var(--c-white-rgb);
  color: var(--t-text)
}

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

@media print {

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

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

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

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

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

@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) {
  .sr-only\:md-up {
    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
  }
}

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

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

a {
  text-decoration: none
}

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

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

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

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

@media print {

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

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

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

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

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

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

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

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

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

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

.icon--menu {
  --icon-width: calc(var(--scale-px) * 30);
  --icon-height: calc(var(--scale-px) * 6);
  height: var(--icon-height);
  position: relative;
  width: var(--icon-width)
}

.icon--menu:after,
.icon--menu:before {
  border-top: 1px solid;
  content: "";
  left: 0;
  position: absolute;
  transition-property: transform;
  width: 100%
}

.icon--menu:before {
  top: 0
}

.icon--menu:after {
  bottom: 0
}

.with-modal-menu .icon--menu:before {
  transform: translateY(calc(var(--scale-px) * 3))
}

.with-modal-menu .icon--menu:after {
  transform: translateY(calc(var(--scale-px) * -2))
}

html {
  font-size: 62.5%
}

body {
  -webkit-font-smoothing: antialiased
}

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,
h1,
h2,
h3,
h4,
h5 {
  color: var(--t-heading)
}

.h1,
.h2,
.h3,
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-primary-alt {
  color: var(--t-primary-alt)
}

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

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

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

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

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

@media (min-width:568px) and (max-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 {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: 1.33333em;
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: calc(var(--scale-text-rem) * 1.5);
  font-weight: 500;
  letter-spacing: 0;
  line-height: var(--lh);
  text-transform: none
}

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

.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 h1,
.text h2,
.text h3,
.text h4,
.text h5 {
  margin-bottom: var(--md, calc(var(--spacing) * .66)) var(--n-md, var(--spacing));
  margin-top: calc(var(--spacing) * 1.66)
}

.text .h1:where(:first-child),
.text .h2:where(:first-child),
.text .h3: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 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 .h2,
.text h2 {
  --fos: -0.145em;
  --foe: -0.155em;
  --lh: var(--xxxxl, 1.30952em) var(--n-xxxxl, var(--xxl, 1.25em) var(--n-xxl, var(--md, 1.27273em) var(--n-md, 1.22727em)));
  font-family: TT Ramillas, Helvetica, Arial, sans-serif;
  font-size: var(--xxxxl, calc(var(--scale-text-rem) * 4.2)) var(--n-xxxxl, var(--xxxl, calc(var(--scale-text-rem) * 3.6)) var(--n-xxxl, var(--xxl, calc(var(--scale-text-rem) * 2.8)) var(--n-xxl, calc(var(--scale-text-rem) * 2.2))));
  font-weight: 300;
  letter-spacing: .02em;
  line-height: var(--lh);
  text-transform: uppercase
}

.is-win .text .h2,
.is-win .text h2 {
  --fos: -0.145em;
  --foe: -0.155em
}

.text .h3,
.text h3 {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: 1.36364em;
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: calc(var(--scale-text-rem) * 1.1);
  font-weight: 600;
  letter-spacing: .08em;
  line-height: var(--lh);
  margin-bottom: calc(var(--spacing) * .33);
  margin-top: calc(var(--spacing) * .66);
  text-transform: uppercase
}

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

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

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

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

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

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

.text .h3+p,
.text h3+p {
  margin-bottom: calc(var(--spacing) * .66);
  margin-top: calc(var(--spacing) * .33)
}

.text .h3+p:where(:first-child),
.text h3+p:where(:first-child) {
  margin-top: 0
}

.text .h3+p:where(:last-child),
.text h3+p:where(:last-child) {
  margin-bottom: 0
}

.text a:where(:not(.btn)) {
  text-decoration: underline;
  text-decoration-color: var(--t-primary);
  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) * .66)) var(--n-md, var(--spacing));
  margin-top: var(--md, calc(var(--spacing) * .66)) 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: calc(var(--scale-px) * 7);
  margin-top: calc(var(--scale-px) * 7);
  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 ul>li {
  padding-left: calc(var(--scale-px) * 30)
}

.text ul>li:before {
  border: 1px solid rgba(var(--t-text-rgb), .3);
  border-radius: 50%;
  content: "";
  height: calc(var(--scale-px) * 6);
  left: calc(var(--scale-px) * 2);
  position: absolute;
  top: .4em;
  width: calc(var(--scale-px) * 6)
}

.text ol {
  counter-reset: text-ol
}

.text ol>li {
  counter-increment: text-ol;
  margin-bottom: var(--md, calc(var(--scale-px) * 10)) var(--n-md, calc(var(--scale-px) * 5));
  margin-top: var(--md, calc(var(--scale-px) * 10)) var(--n-md, calc(var(--scale-px) * 5));
  padding-left: calc(var(--scale-px) * 30)
}

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

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

.text ol>li:before {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: 1.23077em;
  color: rgba(var(--t-text-rgb), .3);
  content: counter(text-ol) ".";
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: calc(var(--scale-text-rem) * 1.3);
  font-weight: 500;
  left: 0;
  letter-spacing: 0;
  line-height: var(--lh);
  position: absolute;
  top: var(--md, .1em) var(--n-md, .2em)
}

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

.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: 400;
  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)
}

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

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

.btn {
  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%
}

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

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

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

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

.btn:before {
  z-index: 1
}

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

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

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

.btn--cloned .btn__icon--clone,
.btn--cloned .btn__text--clone {
  transform: translateY(0);
  transition-duration: .4s;
  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--rotation .btn__icon {
  transform: rotate(0deg);
  transition-duration: .4s;
  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 {
  will-change: auto
}

.btn--outline:after {
  border-style: solid;
  border-width: 1px
}

.btn--outline-plus {
  will-change: auto
}

.btn--outline-plus:after,
.btn--outline-plus:before {
  border-style: solid;
  border-width: 1px
}

.btn--outline-plus:before {
  opacity: 0;
  transform: none;
  transition-property: opacity
}

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

.btn--outline-plus.is-active:before,
.btn-container.is-active .btn--outline-plus:before,
input:checked+.btn--outline-plus:is(label):before,
label input:checked+.btn--outline-plus:before {
  opacity: 1
}

.btn--gradient {
  will-change: auto
}

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

.btn--gradient .btn__gradient {
  display: block;
  height: 100%;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  transition-duration: 1s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1);
  width: 100%
}

.has-hover .btn--gradient:active:hover .btn__gradient,
.has-hover .btn--gradient:hover .btn__gradient,
.has-hover .btn-container:active:hover .btn--gradient .btn__gradient,
.has-hover .btn-container:hover .btn--gradient .btn__gradient {
  transform: rotate(180deg)
}

.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: -.46em;
  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);
  transform: scaleX(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);
  transform-origin: 0 0
}

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

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

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

.btn--underline-cut .btn__underline:after {
  border-bottom: 3px solid var(--t-background);
  transform: scaleX(0);
  transform-origin: 0 0;
  z-index: 1
}

.has-hover .btn--underline-cut:active:hover .btn__underline:after,
.has-hover .btn--underline-cut:hover .btn__underline:after,
.has-hover .btn-container:active:hover .btn--underline-cut .btn__underline:after,
.has-hover .btn-container:hover .btn--underline-cut .btn__underline:after {
  transform: scaleX(1) translateX(100%)
}

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

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

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

.btn--arrow .btn__icon {
  overflow: hidden;
  transition-duration: 1s;
  transition-property: width, margin-left;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1);
  width: calc(var(--icon-width) * var(--scale-px))
}

.btn--arrow .btn__icon:first-child {
  justify-content: flex-end;
  overflow: hidden;
  width: 0
}

.btn--arrow .btn__icon:first-child+.btn__text {
  margin-left: 0
}

.btn--arrow .btn__icon:last-child {
  justify-content: flex-start
}

.btn--arrow .btn__text {
  transition-duration: 1s;
  transition-property: margin-left;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.has-hover .btn--arrow:hover .btn__icon:first-child,
.has-hover .btn-container:hover .btn--arrow .btn__icon:first-child {
  width: calc(var(--icon-width) * var(--scale-px))
}

.has-hover .btn--arrow:hover .btn__icon:first-child+.btn__text,
.has-hover .btn-container:hover .btn--arrow .btn__icon:first-child+.btn__text {
  margin-left: var(--btn-icon-spacing)
}

.has-hover .btn--arrow:hover .btn__icon:last-child,
.has-hover .btn-container:hover .btn--arrow .btn__icon:last-child {
  margin-left: 0;
  width: 0
}

.has-hover .btn--arrow:active:hover .btn__icon:first-child,
.has-hover .btn-container:active:hover .btn--arrow .btn__icon:first-child {
  width: calc(var(--icon-width) * var(--scale-px))
}

.has-hover .btn--arrow:active:hover .btn__icon:first-child+.btn__text,
.has-hover .btn-container:active:hover .btn--arrow .btn__icon:first-child+.btn__text {
  margin-left: var(--btn-icon-spacing)
}

.has-hover .btn--arrow:active:hover .btn__icon:last-child,
.has-hover .btn-container:active:hover .btn--arrow .btn__icon:last-child {
  margin-left: 0;
  width: 0
}

.btn--select {
  will-change: auto
}

.btn--select:after,
.btn--select:before {
  border-style: solid;
  border-width: 0 0 1px;
  transform: none
}

.btn--select:before {
  opacity: 0;
  transition-property: opacity
}

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

.btn--select .btn__icon {
  transition-duration: .4s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

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

.btn--select.is-active:before,
.btn-container.is-active .btn--select:before,
input:checked+.btn--select:is(label):before,
label input:checked+.btn--select:before {
  opacity: 1
}

.btn--select.is-active .btn__icon,
.btn-container.is-active .btn--select .btn__icon,
input:checked+.btn--select:is(label) .btn__icon,
label input:checked+.btn--select .btn__icon {
  transform: rotate(180deg)
}

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

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

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

@media (min-width:1920px) and (min-height:700px) {
  .btn {
    --btn-height: calc(var(--scale-px) * 40);
    --btn-rx: 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) * 15)
  }

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

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

.btn--select-size {
  --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--select-size,
.btn--select-size:after,
.btn--select-size:before {
  border-radius: var(--btn-rx) var(--btn-ry)
}

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

.btn--size-vig {
  --btn-height: calc(var(--scale-px) * 24);
  height: var(--btn-height);
  padding: 0 calc(var(--scale-px) * 12)
}

.btn--size-vig>.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--size-vig {
    --btn-height: calc(var(--scale-px) * 20);
    height: var(--btn-height);
    padding: 0 calc(var(--scale-px) * 8)
  }

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

.btn--outline-tag {
  --btn-height: calc(var(--scale-px) * 20);
  height: var(--btn-height);
  padding: 0 calc(var(--scale-px) * 10)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn--link-text .btn-container.is-disabled:before,
.btn--link-text.is-disabled:before,
.btn--link-text:before,
.btn--link-text:disabled:before {
  border-color: var(--t-button-link-text-hover-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--gradient,
.btn--gradient .btn-container.is-disabled,
.btn--gradient.is-disabled,
.btn--gradient:disabled {
  color: var(--t-button-gradient-text)
}

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

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

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

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

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

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

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

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

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

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

.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--link {
  border-radius: 0;
  height: auto;
  overflow: visible;
  padding-left: 0;
  padding-right: 0
}

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

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

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

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

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

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

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

.btn--block {
  display: flex
}

.btn--block:where(:not(.btn--full):not(.btn--square)) {
  width: -moz-fit-content;
  width: fit-content
}

.btn--tab {
  --fos: -0.175em;
  --foe: -0.125em;
  --lh: 1.36364em;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  font-family: TT Commons Pro, Helvetica, Arial, sans-serif;
  font-size: calc(var(--scale-text-rem) * 1.1);
  font-weight: 600;
  height: auto;
  letter-spacing: .08em;
  line-height: var(--lh);
  overflow: visible;
  padding-bottom: var(--spacing);
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase
}

.is-win .btn--tab {
  --fos: -0.175em;
  --foe: -0.125em
}

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

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

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

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

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

.btn--tab.is-active,
.btn-container.is-active .btn--tab,
input:checked+.btn--tab:is(label),
label input:checked+.btn--tab {
  border-bottom-color: currentColor
}

.btn--tab:after {
  bottom: calc(var(--spacing) / -2);
  display: block;
  left: calc(var(--spacing) / -2);
  pointer-events: inherit;
  right: calc(var(--spacing) / -2);
  top: calc(var(--spacing) / -2);
  transition: none
}

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

.animation--fade-in,
.animation--fade-out,
.animation--gradient,
.animation--slide-in,
.animation--slide-in-bottom,
.animation--slide-in-bottom>div,
.animation--slide-in-bottom>span,
.animation--slide-in-top,
.animation--slide-in-top>div,
.animation--slide-in-top>span,
.animation--slide-out-bottom,
.animation--slide-out-bottom>div,
.animation--slide-out-bottom>span,
.animation--slide-out-top,
.animation--slide-out-top>div,
.animation--slide-out-top>span,
.animation--tabs-in,
.animation--tabs-out,
.animation--zoom-in,
.animation--zoom-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--zoom-in,
.animation--zoom-out {
  transform: scale(1);
  will-change: transform
}

.animation--zoom-in--inactive,
.animation--zoom-out--active {
  transform: scale(1.1)
}

.animation--move-left {
  transition-duration: 1.6s
}

.animation--move-left--active {
  animation: move-left 1.6s cubic-bezier(.7, 0, .3, 1);
  animation-fill-mode: both
}

@keyframes move-left {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(-40px)
  }

  to {
    transform: translateX(0)
  }
}

.animation--gradient {
  transition-duration: 2.4s;
  will-change: background-position
}

.animation--gradient--inactive {
  background-position: calc(var(--width) * -1.2px) 50% !important
}

.animation--slide-in-bottom,
.animation--slide-in-top,
.animation--slide-out-bottom,
.animation--slide-out-top {
  overflow: hidden;
  will-change: transform
}

.animation--slide-in-bottom>span,
.animation--slide-in-top>span,
.animation--slide-out-bottom>span,
.animation--slide-out-top>span {
  display: inline-block
}

.animation--slide-in-bottom>div,
.animation--slide-in-bottom>span,
.animation--slide-in-top>div,
.animation--slide-in-top>span,
.animation--slide-out-bottom>div,
.animation--slide-out-bottom>span,
.animation--slide-out-top>div,
.animation--slide-out-top>span {
  will-change: transform
}

.animation--slide-in-bottom.animation--slow>div,
.animation--slide-in-bottom.animation--slow>span,
.animation--slide-in-top.animation--slow>div,
.animation--slide-in-top.animation--slow>span,
.animation--slide-out-bottom.animation--slow>div,
.animation--slide-out-bottom.animation--slow>span,
.animation--slide-out-top.animation--slow>div,
.animation--slide-out-top.animation--slow>span {
  transition-duration: 1s
}

.animation--slide-in-bottom.animation--block>div,
.animation--slide-in-bottom.animation--block>span,
.animation--slide-in-top.animation--block>div,
.animation--slide-in-top.animation--block>span,
.animation--slide-out-bottom.animation--block>div,
.animation--slide-out-bottom.animation--block>span,
.animation--slide-out-top.animation--block>div,
.animation--slide-out-top.animation--block>span {
  transition-duration: 1.6s
}

.animation--slide-in-bottom--inactive>div,
.animation--slide-in-bottom--inactive>span,
.animation--slide-out-bottom--active>div,
.animation--slide-out-bottom--active>span {
  transform: translateY(100%)
}

.animation--slide-in-top--inactive>div,
.animation--slide-in-top--inactive>span,
.animation--slide-out-top--active>div,
.animation--slide-out-top--active>span {
  transform: translateY(-100%)
}

.animation--slide-in {
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.29, .73, .45, 1);
  will-change: opacity, transform
}

.animation--slide-in--inactive {
  opacity: 0 !important;
  transform: translateY(60px)
}

.animation--title {
  --text-scale: 1.25;
  --text-translate-y: 120%;
  --text-rotate: 2deg;
  transition: transform 1.4s cubic-bezier(.29, .52, .5, 1);
  transition-duration: calc(var(--char-total) * 20ms + 1.4s) !important
}

.animation--title .line {
  transform-origin: 0 0;
  transition: transform 1.4s cubic-bezier(.29, .52, .5, 1), filter 1.4s cubic-bezier(.29, .52, .5, 1)
}

.animation--title .char {
  transition: transform 1.4s cubic-bezier(.29, .52, .5, 1), opacity 1.4s cubic-bezier(.29, .52, .5, 1);
  transition-delay: calc(var(--char-index) * 20ms + var(--line-char-offset, 0) * 20ms * 1.85)
}

.animation--title--inactive .line {
  transform: translateY(var(--text-translate-y)) scale(var(--text-scale))
}

.animation--title--inactive .char {
  opacity: 0;
  transform: translateY(calc(var(--char-index) * 10%)) rotate(var(--text-rotate))
}

.animation--subtitle {
  --title-scale: 1.5;
  --title-translate-y: 0;
  --title-rotate: 2deg;
  clip-path: circle(80% at 50% 50%);
  transform: scale(1) rotate(0) translateY(0);
  transform-origin: 0 75%;
  transition: clip-path 1.4s cubic-bezier(.29, .52, .5, 1), transform 1.4s cubic-bezier(.29, .52, .5, 1)
}

.animation--subtitle--inactive {
  clip-path: circle(29.5% at -100% 250%);
  transform: scale(var(--title-scale)) rotate(var(--title-rotate)) translateY(var(--title-translate-y))
}

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

.animation--text .word {
  transition: opacity 1s cubic-bezier(.7, 0, .3, 1);
  transition-delay: calc(var(--line-index) * 40ms)
}

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

.animation--text--inactive .word {
  opacity: 0
}

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

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

.splitting .line-wrap {
  clip-path: polygon(0 -17%, 105% -17%, 105% 110%, 0 110%);
  position: relative
}

.splitting .line {
  transform-origin: 0 0;
  white-space: nowrap
}

.splitting.text-center .line {
  transform-origin: 50% 0
}

.splitting .word,
.splitting .word-wrap {
  margin: -.16em;
  overflow: hidden;
  padding: .16em;
  position: relative
}

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

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

.animation--fast {
  transition-duration: .2s
}

.animation--slow {
  transition-duration: 1s
}

.animation--block {
  transition-duration: 1.6s
}

.card {
  --card-spacing-h: var(--spacing);
  --card-spacing-v: var(--spacing);
  --card-ratio: var(--md, 2.13333) var(--n-md, 1.55556);
  align-items: center;
  aspect-ratio: var(--card-ratio);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  display: flex;
  justify-content: center;
  position: relative
}

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

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

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

.card__rt {
  text-align: right
}

.card__rb {
  bottom: var(--card-spacing-v);
  right: var(--card-spacing-h)
}

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

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

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

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

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

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

.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: calc(var(--scale-px) * 20);
  top: calc(var(--scale-px) * 20);
  z-index: 10
}

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

.disable-smooth-scrolling .modal__scroller,
.has-scroll-smooth .modal__scroller {
  scroll-behavior: auto
}

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

.modal__background {
  background: rgba(var(--t-background-alt-rgb), .8);
  height: 100svh;
  left: 0;
  opacity: .85;
  position: fixed;
  top: 0;
  width: 100%
}

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

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

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

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

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

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

.modal--full {}

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

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

.modal--full:where(:not(.modal--menu)).animation--modal-in,
.modal--full:where(:not(.modal--menu)).animation--modal-in .modal__background,
.modal--full:where(:not(.modal--menu)).animation--modal-in .modal__scroller,
.modal--full:where(:not(.modal--menu)).animation--modal-out,
.modal--full:where(:not(.modal--menu)).animation--modal-out .modal__background,
.modal--full:where(:not(.modal--menu)).animation--modal-out .modal__scroller {
  transition-duration: .4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.modal--full:where(:not(.modal--menu)).animation--modal-in--inactive .modal__background,
.modal--full:where(:not(.modal--menu)).animation--modal-out--active .modal__background {
  opacity: 0
}

.modal--full:where(:not(.modal--menu)).animation--modal-in--inactive .modal__scroller,
.modal--full:where(:not(.modal--menu)).animation--modal-out--active .modal__scroller {
  opacity: 0
}

.modal--menu {}

.modal--menu .modal__content {
  background: var(--t-background-alt)
}

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

.modal--menu.animation--modal-in .modal__scroller,
.modal--menu.animation--modal-out .modal__scroller {
  clip-path: inset(0 0 0 0);
  transition-property: clip-path;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

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

.modal--menu.animation--modal-in--inactive .modal__scroller,
.modal--menu.animation--modal-out--active .modal__scroller {
  clip-path: inset(100% 0 0 0)
}

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

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

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

.cookie-consent {
  bottom: calc(env(safe-area-inset-bottom));
  height: auto;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  width: auto;
  z-index: 13
}

.cookie-consent__container {
  padding: calc(var(--scale-px) * 20)
}

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

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

.cookie-consent--simple {
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none
}

.cookie-consent--simple .cookie-consent__container {
  align-items: center;
  box-shadow: inset 0 0 0 1px rgba(var(--c-total-black-rgb), .1);
  display: flex;
  max-width: var(--md, calc(var(--scale-text-px) * 360)) var(--n-md, 100%);
  pointer-events: all;
  width: 100%
}

.cookie-consent--simple .cookie-consent__container .btn {
  margin-left: auto
}

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

  .cookie-consent--simple .cookie-consent__description .btn,
  .cookie-consent--simple .cookie-consent__description .btn__content {
    display: inline
  }

  .cookie-consent--simple .cookie-consent__description .btn__text:after,
  .cookie-consent--simple .cookie-consent__description .btn__text:before {
    display: none
  }
}

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

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

.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(--spacing);
  padding-right: var(--spacing)
}

.container-v {
  padding-bottom: var(--spacing);
  padding-top: var(--spacing)
}

.container-h,
.container-h-vars {
  --container-h-padding-left-value: var(--spacing);
  --container-h-padding-left: var(--container-h-padding-left-value);
  --container-h-padding-right-value: var(--spacing);
  --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
}

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

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

.offset--xs-1 {
  margin-left: 25vw
}

.col--xs-2 {
  flex: 0 1 50vw;
  width: 50vw
}

.offset--xs-2 {
  margin-left: 50vw
}

.col--xs-3 {
  flex: 0 1 75vw;
  width: 75vw
}

.offset--xs-3 {
  margin-left: 75vw
}

.col--xs-4 {
  flex: 0 1 100vw;
  width: 100vw
}

.offset--xs-4 {
  margin-left: 100vw
}

.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.3333vw;
    width: 8.3333vw
  }

  .offset--md-1 {
    margin-left: 8.3333vw
  }

  .col--md-2 {
    flex: 0 1 16.6666vw;
    width: 16.6666vw
  }

  .offset--md-2 {
    margin-left: 16.6666vw
  }

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

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

  .col--md-4 {
    flex: 0 1 33.3333vw;
    width: 33.3333vw
  }

  .offset--md-4 {
    margin-left: 33.3333vw
  }

  .col--md-5 {
    flex: 0 1 41.6666vw;
    width: 41.6666vw
  }

  .offset--md-5 {
    margin-left: 41.6666vw
  }

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

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

  .col--md-7 {
    flex: 0 1 58.3333vw;
    width: 58.3333vw
  }

  .offset--md-7 {
    margin-left: 58.3333vw
  }

  .col--md-8 {
    flex: 0 1 66.6666vw;
    width: 66.6666vw
  }

  .offset--md-8 {
    margin-left: 66.6666vw
  }

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

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

  .col--md-10 {
    flex: 0 1 83.3333vw;
    width: 83.3333vw
  }

  .offset--md-10 {
    margin-left: 83.3333vw
  }

  .col--md-11 {
    flex: 0 1 91.6666vw;
    width: 91.6666vw
  }

  .offset--md-11 {
    margin-left: 91.6666vw
  }

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

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

  .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.3333vw;
    width: 8.3333vw
  }

  .offset--lg-1 {
    margin-left: 8.3333vw
  }

  .col--lg-2 {
    flex: 0 1 16.6666vw;
    width: 16.6666vw
  }

  .offset--lg-2 {
    margin-left: 16.6666vw
  }

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

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

  .col--lg-4 {
    flex: 0 1 33.3333vw;
    width: 33.3333vw
  }

  .offset--lg-4 {
    margin-left: 33.3333vw
  }

  .col--lg-5 {
    flex: 0 1 41.6666vw;
    width: 41.6666vw
  }

  .offset--lg-5 {
    margin-left: 41.6666vw
  }

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

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

  .col--lg-7 {
    flex: 0 1 58.3333vw;
    width: 58.3333vw
  }

  .offset--lg-7 {
    margin-left: 58.3333vw
  }

  .col--lg-8 {
    flex: 0 1 66.6666vw;
    width: 66.6666vw
  }

  .offset--lg-8 {
    margin-left: 66.6666vw
  }

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

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

  .col--lg-10 {
    flex: 0 1 83.3333vw;
    width: 83.3333vw
  }

  .offset--lg-10 {
    margin-left: 83.3333vw
  }

  .col--lg-11 {
    flex: 0 1 91.6666vw;
    width: 91.6666vw
  }

  .offset--lg-11 {
    margin-left: 91.6666vw
  }

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

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

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

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

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

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

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

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

  .offset--xxl-1 {
    margin-left: 8.3333vw
  }

  .col--xxl-2 {
    flex: 0 1 16.6666vw;
    width: 16.6666vw
  }

  .offset--xxl-2 {
    margin-left: 16.6666vw
  }

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

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

  .col--xxl-4 {
    flex: 0 1 33.3333vw;
    width: 33.3333vw
  }

  .offset--xxl-4 {
    margin-left: 33.3333vw
  }

  .col--xxl-5 {
    flex: 0 1 41.6666vw;
    width: 41.6666vw
  }

  .offset--xxl-5 {
    margin-left: 41.6666vw
  }

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

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

  .col--xxl-7 {
    flex: 0 1 58.3333vw;
    width: 58.3333vw
  }

  .offset--xxl-7 {
    margin-left: 58.3333vw
  }

  .col--xxl-8 {
    flex: 0 1 66.6666vw;
    width: 66.6666vw
  }

  .offset--xxl-8 {
    margin-left: 66.6666vw
  }

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

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

  .col--xxl-10 {
    flex: 0 1 83.3333vw;
    width: 83.3333vw
  }

  .offset--xxl-10 {
    margin-left: 83.3333vw
  }

  .col--xxl-11 {
    flex: 0 1 91.6666vw;
    width: 91.6666vw
  }

  .offset--xxl-11 {
    margin-left: 91.6666vw
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --grid-gutter: 0vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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\.35,
.mt-0\.35\:xs,
.my-0\.35,
.my-0\.35\:xs {
  margin-top: calc(var(--spacing) * .35)
}

.mt-0\.35:where(:first-child),
.mt-0\.35\:xs:where(:first-child),
.my-0\.35:where(:first-child),
.my-0\.35\: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\.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\.25,
.mt-1\.25\:xs,
.my-1\.25,
.my-1\.25\:xs {
  margin-top: calc(var(--spacing) * 1.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-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\.35,
.mb-0\.35\:xs,
.my-0\.35,
.my-0\.35\:xs {
  margin-bottom: calc(var(--spacing) * .35)
}

.mb-0\.35:where(:last-child),
.mb-0\.35\:xs:where(:last-child),
.my-0\.35:where(:last-child),
.my-0\.35\: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\.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\.25,
.mb-1\.25\:xs,
.my-1\.25,
.my-1\.25\:xs {
  margin-bottom: calc(var(--spacing) * 1.25)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:sm,
  .py-1\.25\:sm {
    padding-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:sm,
  .py-1\.25\:sm {
    padding-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:sm,
  .px-1\.25\:sm {
    padding-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:sm,
  .px-1\.25\:sm {
    padding-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

  .mt-0\.35\:sm:where(:first-child),
  .my-0\.35\: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\.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\.25\:sm,
  .my-1\.25\:sm {
    margin-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-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\.35\:sm,
  .my-0\.35\:sm {
    margin-bottom: calc(var(--spacing) * .35)
  }

  .mb-0\.35\:sm:where(:last-child),
  .my-0\.35\: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\.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\.25\:sm,
  .my-1\.25\:sm {
    margin-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:sm,
  .mx-1\.25\:sm {
    margin-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .ml-auto\:sm,
  .mx-auto\:sm {
    margin-left: auto
  }

  .mr-0\:sm,
  .mx-0\:sm {
    margin-right: 0
  }

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

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

  .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\.25\:sm,
  .mx-1\.25\:sm {
    margin-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:md,
  .py-1\.25\:md {
    padding-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:md,
  .py-1\.25\:md {
    padding-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:md,
  .px-1\.25\:md {
    padding-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:md,
  .px-1\.25\:md {
    padding-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .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\.35\:md,
  .my-0\.35\:md {
    margin-top: calc(var(--spacing) * .35)
  }

  .mt-0\.35\:md:where(:first-child),
  .my-0\.35\: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\.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\.25\:md,
  .my-1\.25\:md {
    margin-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-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\.35\:md,
  .my-0\.35\:md {
    margin-bottom: calc(var(--spacing) * .35)
  }

  .mb-0\.35\:md:where(:last-child),
  .my-0\.35\: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\.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\.25\:md,
  .my-1\.25\:md {
    margin-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:md,
  .mx-1\.25\:md {
    margin-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .ml-auto\:md,
  .mx-auto\:md {
    margin-left: auto
  }

  .mr-0\:md,
  .mx-0\:md {
    margin-right: 0
  }

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

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

  .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\.25\:md,
  .mx-1\.25\:md {
    margin-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:lg,
  .py-1\.25\:lg {
    padding-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:lg,
  .py-1\.25\:lg {
    padding-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:lg,
  .px-1\.25\:lg {
    padding-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:lg,
  .px-1\.25\:lg {
    padding-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .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\.35\:lg,
  .my-0\.35\:lg {
    margin-top: calc(var(--spacing) * .35)
  }

  .mt-0\.35\:lg:where(:first-child),
  .my-0\.35\: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\.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\.25\:lg,
  .my-1\.25\:lg {
    margin-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-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\.35\:lg,
  .my-0\.35\:lg {
    margin-bottom: calc(var(--spacing) * .35)
  }

  .mb-0\.35\:lg:where(:last-child),
  .my-0\.35\: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\.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\.25\:lg,
  .my-1\.25\:lg {
    margin-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:lg,
  .mx-1\.25\:lg {
    margin-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .ml-auto\:lg,
  .mx-auto\:lg {
    margin-left: auto
  }

  .mr-0\:lg,
  .mx-0\:lg {
    margin-right: 0
  }

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

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

  .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\.25\:lg,
  .mx-1\.25\:lg {
    margin-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .mr-auto\:lg,
  .mx-auto\:lg {
    margin-right: auto
  }
}

@media (min-width:1440px) and (min-height:700px) {

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

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

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

  .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\.25\:xxl,
  .py-1\.25\:xxl {
    padding-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:xxl,
  .py-1\.25\:xxl {
    padding-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:xxl,
  .px-1\.25\:xxl {
    padding-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:xxl,
  .px-1\.25\:xxl {
    padding-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .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\.35\:xxl,
  .my-0\.35\:xxl {
    margin-top: calc(var(--spacing) * .35)
  }

  .mt-0\.35\:xxl:where(:first-child),
  .my-0\.35\: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\.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\.25\:xxl,
  .my-1\.25\:xxl {
    margin-top: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mt-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\.35\:xxl,
  .my-0\.35\:xxl {
    margin-bottom: calc(var(--spacing) * .35)
  }

  .mb-0\.35\:xxl:where(:last-child),
  .my-0\.35\: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\.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\.25\:xxl,
  .my-1\.25\:xxl {
    margin-bottom: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .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\.25\:xxl,
  .mx-1\.25\:xxl {
    margin-left: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .ml-auto\:xxl,
  .mx-auto\:xxl {
    margin-left: auto
  }

  .mr-0\:xxl,
  .mx-0\:xxl {
    margin-right: 0
  }

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

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

  .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\.25\:xxl,
  .mx-1\.25\:xxl {
    margin-right: calc(var(--spacing) * 1.25)
  }

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

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

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

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

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

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

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

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

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

  .mr-auto\:xxl,
  .mx-auto\:xxl {
    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--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--md-xxl: none;
    --is-visible--xxxl: block
  }
}

.group {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--md, calc(var(--scale-px) * 10) calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 5) calc(var(--scale-px) * 10));
  justify-content: flex-start
}

.group--small {
  gap: calc(var(--scale-px) * 5)
}

.group--spacing-2 {
  gap: var(--lg, calc(var(--spacing) * 2)) var(--n-lg, var(--spacing))
}

.group--middle {
  align-items: center
}

.group--bottom {
  align-items: flex-end
}

.group--center {
  justify-content: center
}

.group--right {
  justify-content: flex-end
}

@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--between {
  justify-content: space-between
}

.group>.btn {
  flex-shrink: 0
}

.group__fill {
  flex-grow: 1
}

.group>.btn.group__shrink,
.group__shrink {
  flex-shrink: 1;
  min-width: 0
}

.group__equal {
  flex: 1
}

.group>.group__right {
  margin-left: auto
}

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

.group--nowrap>* {
  max-width: none
}

.group--nowrap-mobile {
  flex-wrap: var(--md, wrap) var(--n-md, nowrap)
}

.group--nowrap-mobile>* {
  max-width: none
}

html.has-scroll-smooth {
  overflow: hidden
}

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.has-scroll-smooth body {
  overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
  display: inline-block;
  height: 100vh;
  white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  white-space: nowrap
}

.c-scrollbar {
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform-origin: center right;
  transition: transform .3s, opacity .3s;
  width: 11px
}

.c-scrollbar:hover {
  transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
  opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
  bottom: 0;
  height: 10px;
  top: auto;
  transform: scaleY(1);
  width: 100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
  transform: scaleY(1.3)
}

.c-scrollbar_thumb {
  background-color: #000;
  border-radius: 10px;
  cursor: grab;
  margin: 2px;
  opacity: .5;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px
}

.has-scroll-dragging .c-scrollbar_thumb {
  cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  bottom: 0;
  right: auto
}

.has-scroll-smooth {
  scroll-behavior: auto
}

.c-scrollbar {
  z-index: 11
}

.c-scrollbar--disabled {
  opacity: 0 !important;
  pointer-events: none
}

.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
  transform: translate(-200vw) !important
}

html.has-scroll-smooth {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0
}

html.js.has-hover:not(.no-scroll-smooth),
html.js.has-hover:not(.no-scroll-smooth) body {
  -ms-overflow-style: none;
  scrollbar-width: none
}

html.js.has-hover:not(.no-scroll-smooth) 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(--c-brand-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
}

.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;
  contain-intrinsic-size: 100svh;
  content-visibility: auto;
  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
}

.parallax-image-move {
  overflow: hidden
}

.parallax-image-move img {
  display: block;
  margin-bottom: var(--md, -16.66667%) var(--n-md, 0);
  -o-object-fit: cover;
  object-fit: cover;
  position: relative
}

.parallax-image-move.background--cover img {
  height: var(--md, 120%) var(--n-md, 100%);
  margin-bottom: 0
}

.parallax-image-move.background--top-cover img {
  height: var(--md, 120%) var(--n-md, auto);
  margin-bottom: 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) {
  .sticky-slider .parallax-image-move img {
    height: auto;
    margin-bottom: 0;
    margin-right: var(--md, -16.66667%) var(--n-md, 0);
    width: 120%
  }

  .sticky-slider .parallax-image-move.background--cover img,
  .sticky-slider .parallax-image-move.background--top-cover img {
    height: auto;
    width: 120%
  }
}

.background,
.parallax-image-zoom {
  overflow: hidden
}

.background {
  left: 0;
  overflow: clip;
  position: absolute;
  top: 0
}

.background iframe,
.background__placeholder {
  pointer-events: none
}

.background _::-webkit-full-page-media,
.background _:future,
.background:has(iframe):after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.background img,
img.background {
  display: block;
  height: auto;
  width: 100%
}

.background--top {
  width: 100%
}

.background--bottom {
  bottom: 0;
  top: auto;
  width: 100%
}

.background--cover {
  --iframe-width: 100vw;
  --iframe-height: 100svh;
  height: 100%;
  width: 100%
}

.background--cover img,
.background--cover video,
img.background--cover,
video.background--cover {
  aspect-ratio: unset;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%
}

.background--cover iframe,
.background__placeholder {
  aspect-ratio: unset;
  height: max(100%, calc(var(--iframe-width) / var(--iframe-ratio)));
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max(100%, calc(var(--iframe-height) * var(--iframe-ratio)))
}

.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;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 14
}

.preloader__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.preloader__content__cover {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.preloader__logo {
  display: inline-block;
  position: relative;
  transform: translateY(calc((100dvh) / 2 - var(--spacing) - 100%));
  transform-origin: 50% 0;
  vertical-align: middle
}

.preloader__logo-gradient {
  animation: logoGradient 2.6s forwards;
  background: url(../images/media/preloader/mask.webp) 50% 50% no-repeat;
  background-position: 200% 50%;
  background-size: 200% auto;
  height: 200%;
  left: -50%;
  -webkit-mask-image: url(../images/common/logo-text.svg);
  mask-image: url(../images/common/logo-text.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  position: absolute;
  top: -50%;
  transform: scale(1.25);
  width: 200%
}

.preloader__logo-white {
  opacity: 0;
  position: relative;
  transform: scale(2)
}

.preloader__progress {
  bottom: 0;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%
}

.preloader__progress-bar {
  background: linear-gradient(90deg, #1f1e1e, #5f5f5f);
  height: 100%;
  position: relative;
  transform: translateX(calc((1 - var(--progress)) * -100%))
}

.preloader__progress-percent {
  bottom: calc(var(--scale-px) * 17);
  color: var(--t-primary);
  position: absolute;
  right: calc(var(--scale-px) * 5)
}

.preloader__progress-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__logo-gradient {
    -webkit-mask-image: url(../images/common/logo-text-mobile.svg);
    mask-image: url(../images/common/logo-text-mobile.svg)
  }
}

@media (min-width:1920px) and (min-height:700px) {
  .preloader__logo-gradient {
    -webkit-mask-image: url(../images/common/logo-text-large.svg);
    mask-image: url(../images/common/logo-text-large.svg)
  }
}

.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--intro {
  --progress: 0;
  --progress-percent: 0
}

.preloader--intro .preloader__content {
  align-items: flex-start;
  justify-content: flex-start
}

.preloader--intro .preloader__content svg {
  left: 50%;
  margin: -15px 0 0 -30px;
  position: absolute;
  top: 50%
}

.preloader--intro .preloader__gradient-1 {
  transform: translateX(calc((1 - var(--progress-svg, 0)) * -100%))
}

.preloader--intro .preloader__gradient-2 {
  transform: translateY(calc((1 - var(--progress-svg, 0)) * 100%))
}

.preloader--intro .preloader__gradient-3 {
  transform: translateX(calc((1 - var(--progress-svg, 0)) * -100%))
}

.preloader--intro .preloader__gradient-4 {
  transform: translateY(calc((1 - var(--progress-svg, 0)) * -100%))
}

@keyframes logoGradient {
  0% {
    background-position: 200% 50%;
    transform: scale(1.25)
  }

  to {
    background-position: 50% 50%;
    transform: scale(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) {
  .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
}

.breadcrumbs {
  flex-wrap: nowrap
}

.breadcrumbs,
.breadcrumbs__item {
  align-items: center;
  display: flex;
  gap: calc(var(--scale-px) * 10)
}

.breadcrumbs__item {
  flex-shrink: 0
}

.breadcrumbs__item--disabled .breadcrumbs__item__link,
.breadcrumbs__item__text {
  color: var(--t-text)
}

.breadcrumbs__item__divider {
  color: rgba(var(--t-text-rgb), .2);
  margin-top: -2px
}

.breadcrumbs__item--shrink {
  flex-shrink: 1;
  min-width: 0
}

.breadcrumbs__item--shrink .breadcrumbs__item__link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.breadcrumbs__item--disabled {
  pointer-events: none
}

.header {
  z-index: 10
}

.header,
.header__content {
  position: relative
}

.header__content-left {
  padding-top: calc(var(--scale-px) * 2)
}

.header__content-right {
  padding-top: var(--md, calc(var(--scale-px) * 2)) var(--n-md, calc(var(--scale-px) * 1))
}

.header__logo-text {
  display: flex;
  justify-content: center;
  position: relative
}

.header__logo-text-button {
  opacity: 0
}

.header__logo-button,
.header__logo-text-button {
  transition-property: opacity, color;
  transition-timing-function: cubic-bezier(.6, 0, .4, 1), cubic-bezier(.7, 0, .3, 1)
}

.header__logo-button {
  left: 50%;
  opacity: 1;
  position: absolute;
  top: 0;
  transform: translate(-50%, -23%)
}

@media (max-width:567px) and (max-aspect-ratio:13/9),
(max-width:667px) and (min-aspect-ratio:13/9),
(max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .header--background {
    background: var(--t-background);
    box-shadow: inset 0 0 0 1px rgba(var(--c-total-black-rgb), .1)
  }

  .header--background .header__logo-text-button {
    height: 30px;
    transition-duration: .4s;
    transition-property: height;
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
  }

  .header--background.header--top .header__logo-text-button {
    height: 40px
  }
}

.header--top .header__logo-text-button {
  opacity: 1
}

.header--top .header__logo-button {
  opacity: 0
}

.header__menu-text {
  position: relative
}

.header__menu-text-close,
.header__menu-text-menu {
  transition-property: opacity
}

.header__menu-text-close {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0
}

.with-modal-menu .header__menu-text-menu {
  opacity: 0
}

.with-modal-menu .header__menu-text-close {
  opacity: 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) {
  .header__logo {
    display: inline-block;
    position: relative;
    vertical-align: middle
  }

  .has-hover .header__logo:hover .header__logo-hover {
    opacity: 1
  }

  .has-hover .header__logo:hover .header__logo-color,
  .has-hover .header__logo:hover .header__logo-gradient {
    opacity: 0
  }

  .header__logo-color {
    transition-property: color, opacity
  }

  .ui-gradient .header__logo-color {
    opacity: 0
  }

  .header__logo-gradient {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-property: color, opacity
  }

  .ui-gradient .header__logo-gradient {
    opacity: 1
  }

  .header__logo-hover-gradient {
    display: none
  }

  .ui-gradient .header__logo-hover-gradient {
    display: block
  }

  .header__logo-hover-light {
    display: none
  }

  .ui-light .header__logo-hover-light {
    display: block
  }

  .header__logo-hover-dark {
    display: none
  }

  .ui-dark:not(.ui-gradient) .header__logo-hover-dark {
    display: block
  }

  .header__logo-hover {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-duration: .4s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    z-index: 1
  }
}

@media (min-width:1920px) and (min-height:700px) {

  .header__logo-gradient,
  .header__logo-hover {
    transform: scale(1.25);
    transform-origin: 0 0
  }
}

.header--sticky {
  left: 0;
  position: fixed;
  top: 0;
  transition-property: background-color, box-shadow;
  width: 100%
}

.header--sticky .header__background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(-102%);
  width: 100%
}

.header--sticky .header__background,
.header--sticky .header__content {
  transition-property: background-color, box-shadow, transform
}

.header--sticky.header--hidden {
  pointer-events: none
}

.header--sticky.header--hidden .header__background,
.header--sticky.header--hidden .header__content {
  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 {
  height: 62px
}

.has-hover .header__logo-text-button .btn__content {
  transition-duration: 1.6s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.has-hover .header__logo-text-button:before {
  background: url(../images/media/header/logo-text-light-hover.webp) var(--t-text) 50% 50% no-repeat;
  background-position: -200px 20%;
  background-size: 120% auto;
  border-radius: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  -webkit-mask-image: url(../images/common/logo-text.svg);
  mask-image: url(../images/common/logo-text.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: none;
  transition-duration: 1.6s;
  transition-property: background-position, opacity;
  transition-timing-function: cubic-bezier(.7, 0, .3, 1);
  width: 100%;
  z-index: 2
}

.has-hover .header__logo-text-button:hover:before {
  background-position: 120px 30%;
  opacity: 1
}

.has-hover .header__logo-text-button:hover .btn__content {
  opacity: 0
}

@media (min-width:1920px) and (min-height:700px) {
  .has-hover .header__logo-text-button:before {
    -webkit-mask-image: url(../images/common/logo-text-large.svg);
    mask-image: url(../images/common/logo-text-large.svg)
  }
}

.has-hover .ui-gradient .header__logo-text-button:before {
  background-image: url(../images/media/header/logo-text-gradient-hover.webp);
  background-position: -350px 20%;
  background-size: 165% auto
}

.has-hover .ui-gradient .header__logo-text-button:hover:before {
  background-position: 33% 20%
}

.has-hover .ui-light .header__logo-text-button:before {
  background-image: url(../images/media/header/logo-text-dark-hover.webp);
  background-position: -240px 50%;
  background-size: 120% auto
}

.has-hover .ui-light .header__logo-text-button:hover:before {
  background-position: 10% 50%
}

.footer__vig {
  align-items: center;
  display: inline-flex;
  gap: var(--md, calc(var(--scale-px) * 17)) var(--n-md, calc(var(--scale-px) * 10));
  vertical-align: middle
}

.footer__text-container {
  text-align: center
}

.footer__text-wrap {
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.footer__text {
  animation: footerText 30s linear infinite;
  color: transparent;
  padding: 3px 0
}

.is-ready .footer__text {
  background: url(../images/media/footer/gradient.avif) 50% 50%;
  -webkit-background-clip: text;
  background-clip: text;
  background-size: 120% 200%
}

.footer__text .line-wrap {
  clip-path: none;
  overflow: hidden
}

.footer__text .line-wrap,
.footer__text .word {
  position: static
}

.footer__text-mask {
  --x: -9999;
  --y: -9999;
  color: #8c8c8c;
  cursor: default;
  left: 0;
  -webkit-mask-image: radial-gradient(ellipse at center, var(--t-text) 0, rgba(var(--t-text-rgb), 0) 75%);
  mask-image: radial-gradient(ellipse at center, var(--t-text) 0, rgba(var(--t-text-rgb), 0) 75%);
  -webkit-mask-position: calc((var(--x) - 100) * 1px) calc((var(--y) - 100) * 1px);
  mask-position: calc((var(--x) - 100) * 1px) calc((var(--y) - 100) * 1px);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 200px 200px;
  mask-size: 200px 200px;
  padding: 3px 0;
  position: absolute;
  top: 0
}

.footer__text-mask .line-wrap {
  clip-path: none;
  overflow: hidden
}

.footer__text-mask .line-wrap,
.footer__text-mask .word {
  position: static
}

.footer__group {
  align-items: stretch;
  display: flex;
  flex-direction: var(--md, column) var(--n-md, column-reverse)
}

.footer__menu {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: calc(var(--scale-px) * 10)
}

.footer__up {
  position: absolute;
  right: 0;
  top: var(--spacing)
}

.footer--with-breadcrumbs .footer__up {
  top: 75px
}

@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) {
  .footer__up {
    bottom: 0;
    left: 0;
    right: auto;
    top: auto
  }

  .footer--with-breadcrumbs .footer__up {
    top: auto
  }
}

@keyframes footerText {
  0% {
    background-position-y: 0
  }

  to {
    background-position-y: 200%
  }
}

.menu-background {
  --iframe-width: 100vw !important;
  --iframe-height: 100svh !important;
  pointer-events: none;
  position: fixed !important;
  touch-action: none
}

.menu {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100svh;
  position: relative
}

.menu__gradient {
  background: linear-gradient(180deg, #000, transparent);
  height: calc(var(--spacing) * 3 + (var(--scale-px) * 30));
  left: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  touch-action: none;
  width: 100%;
  z-index: 1
}

.has-scroll-smooth .menu__gradient {
  position: absolute
}

.menu__list {
  text-align: center
}

.menu__link {
  display: inline-block;
  padding: var(--md, var(--spacing)) var(--n-md, calc(var(--scale-px) * 15))
}

.menu__link-sub-title {
  color: rgba(var(--t-heading-rgb), .3);
  transition-property: opacity
}

.menu__link-title {
  display: block;
  padding-top: var(--md, var(--spacing)) var(--n-md, calc(var(--scale-px) * 25));
  transition-property: opacity
}

.menu__link.is-active .menu__link-title {
  opacity: .4
}

.menu__footer {
  display: flex;
  justify-content: center
}

.has-hover .menu__list:has(.menu__link:hover) .menu__link:not(:hover) .menu__link-title {
  opacity: .2
}

.has-hover .menu__list:has(.menu__link:hover) .menu__link:not(:hover) .menu__link-sub-title {
  opacity: .666
}

.has-hover .menu {
  height: 100svh;
  overflow: hidden
}

.turn-message {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100dvh;
  justify-content: center;
  left: 0;
  padding: 10px 0 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 15
}

.turn-message__header {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.button-3d {
  aspect-ratio: var(--md, 1.71429) var(--n-md, 1.45455);
  bottom: var(--spacing);
  color: var(--t-text);
  display: block;
  position: absolute;
  right: var(--spacing);
  width: var(--md, calc(var(--grid-col) * 2)) var(--n-md, calc(var(--grid-col) * 2 - var(--spacing)))
}

.button-3d__top {
  left: calc(var(--scale-px) * 10);
  position: absolute;
  top: calc(var(--scale-px) * 10)
}

.button-3d__bottom {
  bottom: calc(var(--scale-px) * 10);
  position: absolute;
  right: calc(var(--scale-px) * 10);
  text-align: right
}

.button-3d__icon {
  --btn-height: var(--md, calc(var(--scale-px) * 60)) var(--n-md, calc(var(--scale-px) * 30));
  --btn-rx: calc(var(--scale-px) * 30);
  --btn-ry: calc(var(--scale-px) * 30);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)
}

.has-hover .button-3d:hover {
  color: var(--t-text)
}

.with-cookie-consent .button-3d {
  bottom: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) + (var(--scale-px) * 50)))
}

@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) {
  .button-3d--menu {
    aspect-ratio: 360/70;
    bottom: auto;
    position: relative;
    right: auto;
    width: 100%
  }

  .button-3d--menu .button-3d__top {
    left: var(--spacing);
    top: 50%;
    transform: translateY(-50%)
  }

  .button-3d--menu .button-3d__bottom {
    bottom: 50%;
    right: calc(var(--scale-px) * 70);
    transform: translateY(50%)
  }

  .button-3d--menu .button-3d__icon {
    left: auto;
    right: var(--spacing);
    transform: translateY(-50%)
  }

  .with-cookie-consent .button-3d--menu {
    bottom: auto;
    margin-bottom: calc(var(--scale-px) * 50)
  }
}

/* Global Non-Selectable Rules (User Requirement) */
*,
*::before,
*::after {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  -webkit-touch-callout: none !important;
}

input,
textarea,
[contenteditable="true"],
.selectable {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* Ensure images cannot be dragged or highlighted */
img,
svg,
picture,
video,
iframe,
canvas {
  -webkit-user-drag: none !important;
  user-drag: none !important;
  pointer-events: auto;
}


/* Hide rotate device overlay on desktops, laptops, and wide screens */
@media (hover: hover) and (pointer: fine) {
  .turn-message {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

@media (min-width: 900px) {
  .turn-message {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }
}

/* Native luxury background video presentation */
.background__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  z-index: 1;
}

/* Smooth scrolling enhancement */
html {
  scroll-behavior: smooth;
}

/* Luxury reveal transition enhancement */
[data-reveal] {
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}