@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}
body {
  margin: 0
}
article, aside, footer, header, nav, section {
  display: block
}
.h1, h1 {
  font-size: 2em;
  margin: .67em 0
}
figcaption, figure {
  display: block
}
figure {
  margin: 1em 40px
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: 1em
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: inherit;
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
audio, video {
  display: inline-block
}
audio:not([controls]) {
  display: none;
  height: 0
}
img {
  border-style: none
}
svg:not(:root) {
  overflow: hidden
}
button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}
button {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button], [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;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal
}
progress {
  display: inline-block;
  vertical-align: baseline
}
textarea {
  overflow: auto
}
details {
  display: block
}
summary {
  display: list-item
}
menu {
  display: block
}
canvas {
  display: inline-block
}
[hidden], template {
  display: none
}
.form-control--filter .form-control__icon, .form-control--filter .form-control__input, .form-control--float .form-label, .form-control--input input, .form-control--select select, .form-control--textarea textarea, .form-control-checkbox__icon, .form-control-checkbox__icon:before, .form-control-radio__label, .form-control-radio__label:before, .icon, .video-embed__button, .video-embed__mute, .video-embed__pause, .video-embed__play, .video-embed__progress-bar__hover:after, .video-embed__progress-bar__inner, a, a .icon-logo__item, button, html[lang=en] .choose-apartments__top, input[type=submit] {
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}
.form-label:before, .overlay {
  display: block;
  position: absolute
}
.form-label:before {
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px
}
.overflow-fix:after, .overflow-fix:before {
  content: "";
  display: block;
  overflow: hidden;
  position: relative;
  padding-top: 1px;
  margin-top: -1px
}
.text--default, body, button, input, textarea {
  font-family: "Inter", sans-serif;
  --fos: -0.174em;
  --foe: -0.159em;  
}
.is-win .text--default, .is-win body, .is-win button, .is-win input, .is-win textarea {
  --fos: -0.124em;
  --foe: -0.209em
}
.carousel-cards--text-big .carousel-cards__content__text, .carousel-cards__content__title, .footer__phone-number, .h1, .h2, .h3, .h4, .h5, .menu-modal__list--1, .text--g0, .text--g1, .text--g1-md, .text--g1-sm, .text--g1-xs, .text--g1-xsl, .text--g2, .text--g3, .text--g3-sm, .text--h1-xs, .text--h2-sm, .text--h2-xs, .text--h2-xxs, .text--h3-md, .text--h3-mob, .text--h3-mob-limit, .text--h3-sm, .text--h3-xs, .text--h4-md, .text--h4-p, .text--heading, .text--pdf-h3, .text blockquote, h1, h2, h3, h4, h5 {
  font-family: Kiona-Bold;
  font-weight: 500;
  --fos: -0.15em;
  --foe: -0.15em;
  text-transform: uppercase
}
.carousel-cards--text-big .is-win .carousel-cards__content__text, .is-win .carousel-cards--text-big .carousel-cards__content__text, .is-win .carousel-cards__content__title, .is-win .footer__phone-number, .is-win .h1, .is-win .h2, .is-win .h3, .is-win .h4, .is-win .h5, .is-win .menu-modal__list--1, .is-win .text--g0, .is-win .text--g1, .is-win .text--g1-md, .is-win .text--g1-sm, .is-win .text--g1-xs, .is-win .text--g1-xsl, .is-win .text--g2, .is-win .text--g3, .is-win .text--g3-sm, .is-win .text--h1-xs, .is-win .text--h2-sm, .is-win .text--h2-xs, .is-win .text--h2-xxs, .is-win .text--h3-md, .is-win .text--h3-mob, .is-win .text--h3-mob-limit, .is-win .text--h3-sm, .is-win .text--h3-xs, .is-win .text--h4-md, .is-win .text--h4-p, .is-win .text--heading, .is-win .text--pdf-h3, .is-win .text blockquote, .is-win h1, .is-win h2, .is-win h3, .is-win h4, .is-win h5, .text .is-win blockquote {
  --fos: -0.15em;
  --foe: -0.15em
}
.text--wysiwyg {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  --fos: -0.174em;
  --foe: -0.159em;
  text-transform: none
}
.is-win .text--wysiwyg {
  --fos: -0.124em;
  --foe: -0.209em
}
code, kbd, pre, samp {
  font-family: Consolas, Liberation Mono, Menlo, Courier, monospace
}
body {
  line-height: 1.66667em;
  --lh: 1.66667em
}
.text--default-xs, body {
  font-size: calc(var(--scale-rem) * 1.2);
  letter-spacing: .1em
}
.text--default-xs {
  line-height: 1.33333em;
  --lh: 1.33333em
}
.form-control-radio__label, .text--small, small {
  font-size: calc(var(--scale-rem) * 1);
  line-height: 1.4em;
  --lh: 1.4em;
  letter-spacing: .1em
}
.text--lead {
  font-size: calc(var(--scale-rem) * 1.5);
  line-height: 1.66667em;
  --lh: 1.66667em;
  letter-spacing: .1em
}
.text table td:before, .text table th {
  font-size: calc(var(--scale-rem) * 1.05);
  line-height: 1.85em;
  --lh: 1.85em;
  letter-spacing: .07em;
  font-weight: 100
}
.text--carousel {
  font-size: calc(var(--scale-rem) * 1.2);
  line-height: 1.33333em;
  --lh: 1.33333em;
  letter-spacing: .1em
}
.text--g0 {
  font-size: calc(var(--scale-rem) * 5.8);
  line-height: .94828em;
  --lh: 0.94828em;
  letter-spacing: 0
}
.text--g1 {
  font-size: calc(var(--scale-rem) * 8.7);
  line-height: .91954em;
  --lh: 0.91954em;
  letter-spacing: 0
}
.text--g1-sm, .text--g1-xs {
  font-size: calc(var(--scale-rem) * 5.8);
  line-height: .94828em;
  --lh: 0.94828em;
  letter-spacing: 0
}
.text--g1-xsl {
  font-size: calc(var(--scale-rem) * 5.8);
  line-height: 1.03448em;
  --lh: 1.03448em;
  letter-spacing: .05em
}
.text--g2 {
  font-size: calc(var(--scale-rem) * 4.5);
  line-height: .6em;
  --lh: 0.6em;
  letter-spacing: .036em
}
.text--g3 {
  font-size: calc(var(--scale-rem) * 5.8);
  line-height: .94828em;
  --lh: 0.94828em;
  letter-spacing: 0
}
.h1, .text--g3-sm, h1 {
  font-size: calc(var(--scale-rem) * 4.35);
  line-height: 1.03448em;
  --lh: 1.03448em;
  letter-spacing: .05em
}
.text--h1-xs {
  font-size: calc(var(--scale-rem) * 2.9);
  line-height: 1.2069em;
  --lh: 1.2069em;
  letter-spacing: .1em
}
.h2, h2 {
  font-size: calc(var(--scale-rem) * 5.8);
  line-height: .94828em;
  --lh: 0.94828em;
  letter-spacing: 0
}
.text--h2-sm {
  font-size: calc(var(--scale-rem) * 4.35);
  line-height: 1.03448em;
  --lh: 1.03448em;
  letter-spacing: .05em
}
.text--h2-xs {
  font-size: calc(var(--scale-rem) * 2.9);
  line-height: 1.2069em;
  --lh: 1.2069em;
  letter-spacing: .1em
}
.h3, .text--h2-xxs, .text--pdf-h3, h3 {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
.text--h3-sm {
  font-size: calc(var(--scale-rem) * 1.9);
  line-height: 1.33333em;
  --lh: 1.33333em;
  letter-spacing: .07em
}
.menu-modal__list--1, .text--h3-md {
  font-size: calc(var(--scale-rem) * 2.9);
  line-height: 1.2069em;
  --lh: 1.2069em;
  letter-spacing: .1em
}
.text--h3-mob, .text--h3-mob-limit {
  font-size: calc(var(--scale-rem) * 4.35);
  line-height: 1.03448em;
  --lh: 1.03448em;
  letter-spacing: .05em
}
.h4, .text--h3-xs, .text .h2, .text blockquote, .text h2, h4 {
  font-size: calc(var(--scale-rem) * 1.8);
  line-height: 1.22222em;
  --lh: 1.22222em;
  letter-spacing: .1em
}
.text--h4-md {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
.h5, .text--h4-p, h5 {
  font-size: calc(var(--scale-rem) * 1.8);
  line-height: 1.38889em;
  --lh: 1.38889em;
  letter-spacing: .1em
}
.btn, .btn--xxs, .form-control--filter .form-control__input, .form-control--input input, .form-control--select select, .form-control--textarea textarea, .text--c2, .text--c3, .text--c3-limit, .text--c3-mob, .video-embed__progress-bar__text {
  font-size: calc(var(--scale-rem) * 1.2);
  line-height: 1.33333em;
  --lh: 1.33333em;
  letter-spacing: .1em
}
.btn--text-xs, .form-control-checkbox__label, .text--c4, .text--c4-xs, .text--c4-xs-limit {
  font-size: calc(var(--scale-rem) * 1);
  line-height: 1.4em;
  --lh: 1.4em;
  letter-spacing: .1em
}
.text--c4-alt {
  font-size: calc(var(--scale-rem) * 1.1);
  line-height: 1.27273em;
  --lh: 1.27273em;
  letter-spacing: .1em
}
.text--c4-mob {
  font-size: calc(var(--scale-rem) * .8);
  line-height: 1.4em;
  --lh: 1.4em;
  letter-spacing: .1em
}
.text--t0 {
  font-size: calc(var(--scale-rem) * 2);
  line-height: 1.25em;
  --lh: 1.25em;
  letter-spacing: .02em
}
.btn--text-lg, .text--t2 {
  line-height: 1.33333em;
  --lh: 1.33333em
}
.btn--text-lg, .text--t2, .text--t2-sm {
  font-size: calc(var(--scale-rem) * 1.2);
  letter-spacing: .1em
}
.text--t2-sm {
  line-height: 1.66667em;
  --lh: 1.66667em
}
.text--t2-mob, .text--t2-mob-limit {
  font-size: calc(var(--scale-rem) * 1.5);
  line-height: 1.33333em;
  --lh: 1.33333em;
  letter-spacing: .1em
}
.text--p1, .text--p3-static {
  font-size: calc(var(--scale-rem) * 1.2);
  line-height: 1.66667em;
  --lh: 1.66667em;
  letter-spacing: .1em
}
.text--pdf {
  font-size: calc(var(--scale-rem) * 1.32);
  line-height: 1.6em;
  --lh: 1.6em;
  letter-spacing: .09em
}
.text--wysiwyg {
  font-size: calc(var(--scale-rem) * 1.8);
  line-height: 1.35em;
  --lh: 1.35em;
  letter-spacing: 0;
  font-weight: 400
}
code, kbd, pre, samp {
  font-size: calc(var(--scale-rem) * 1.3);
  line-height: 1.38462em;
  --lh: 1.38462em
}
.text--lh.text--c3-mob {
  line-height: 1em;
  --lh: 1em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .text--default-xs, body {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .form-control-radio__label, .text--small, small {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .text--lead {
    font-size: calc(var(--scale-rem) * 1.8);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .text table td:before, .text table th {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.85em;
    --lh: 1.85em;
    letter-spacing: .05em;
    font-weight: 100
  }
  .text--carousel {
    font-size: 1vw;
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em;
    font-weight: 500
  }
  .text--g0 {
    font-size: calc(var(--scale-rem) * 35.2);
    line-height: 1em;
    --lh: 1em;
    letter-spacing: 0
  }
  .text--g1, .text--g1-md, .text--g1-sm, .text--g1-xs, .text--g1-xsl {
    font-size: calc(var(--scale-rem) * 23.4);
    line-height: .8547em;
    --lh: 0.8547em;
    letter-spacing: 0
  }
  .text--g2 {
    font-size: calc(var(--scale-rem) * 20);
    line-height: .6em;
    --lh: 0.6em;
    letter-spacing: -.02em
  }
  .text--g3, .text--g3-sm {
    font-size: calc(var(--scale-rem) * 17.6);
    line-height: .90909em;
    --lh: 0.90909em;
    letter-spacing: .03em
  }
  .h1, .text--h1-xs, h1 {
    font-size: calc(var(--scale-rem) * 8.7);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
  .h2, .text--h2-sm, .text--h2-xs, .text--h2-xxs, h2 {
/*    font-size: calc(var(--scale-rem) * 5.8);*/
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
  .h3, .menu-modal__list--1, .text--h3-md, .text--h3-sm, .text--h3-xs, .text--pdf-h3, h3 {
    font-size: calc(var(--scale-rem) * 4.35);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
  .h4, .text--h4-md, .text--h4-p, .text .h2, .text blockquote, .text h2, h4 {
    font-size: calc(var(--scale-rem) * 2.9);
    line-height: 1.2069em;
    --lh: 1.2069em;
    letter-spacing: .1em
  }
  .h5, h5 {
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: .05em
  }
  .form-control--filter .form-control__input, .form-control--input input, .form-control--select select, .form-control--textarea textarea, .text--c2 {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
  .btn, .btn--text-xs, .btn--xxs, .form-control-checkbox__label, .text--c3, .text--c3-limit, .text--c3-mob, .text--c4, .text--c4-alt, .video-embed__progress-bar__text {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
  .text--c4-mob {
    font-size: calc(var(--scale-rem) * 1);
    line-height: 1.4em;
    --lh: 1.4em;
    letter-spacing: .1em
  }
  .text--t0 {
    font-size: calc(var(--scale-rem) * 2.4);
    line-height: 1.04167em;
    --lh: 1.04167em;
    letter-spacing: 0;
    font-weight: 400
  }
  .btn--text-lg, .text--t2, .text--t2-sm {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
  .text--p1 {
    font-size: calc(var(--scale-rem) * 1.8);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .text--wysiwyg {
    font-size: calc(var(--scale-rem) * 2.2);
    line-height: 1.36364em;
    --lh: 1.36364em;
    letter-spacing: 0;
    font-weight: 400
  }
  .text--lh.text--c3-mob {
    line-height: 1em;
    --lh: 1em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .text--default-xs, body {
    font-size: calc(var(--scale-rem) * 1.8);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .form-control-radio__label, .text--small, small {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
  .text--g0 {
    font-size: calc(var(--scale-rem) * 42.2)
  }
  .text--g0, .text--g1 {
    line-height: 1em;
    --lh: 1em;
    letter-spacing: 0
  }
  .text--g1 {
    font-size: calc(var(--scale-rem) * 35.2)
  }
  .text--g1-md {
    font-size: calc(var(--scale-rem) * 23.4);
    line-height: .8547em;
    --lh: 0.8547em;
    letter-spacing: 0
  }
  .text--g1-sm, .text--g1-xs, .text--g1-xsl {
    font-size: calc(var(--scale-rem) * 35.2);
    line-height: 1em;
    --lh: 1em;
    letter-spacing: 0
  }
  .text--g2, .text--g3 {
    font-size: calc(var(--scale-rem) * 23.4);
    line-height: .8547em;
    --lh: 0.8547em;
    letter-spacing: 0
  }
  .h1, .text--h1-xs, h1 {
    font-size: calc(var(--scale-rem) * 11.7);
    line-height: 1.02564em;
    --lh: 1.02564em;
    letter-spacing: .04em
  }
/*
  .h2, .text--h2-sm, .text--h2-xs, .text--h2-xxs, h2 {
    font-size: calc(var(--scale-rem) * 8.7);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
*/
  .h3, .menu-modal__list--1, .text--h3-md, .text--h3-mob, .text--h3-xs, .text--pdf-h3, h3 {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
  .h4, .text .h2, .text blockquote, .text h2, h4 {
    line-height: 1.03448em;
    --lh: 1.03448em
  }
  .h4, .text--h4-p, .text .h2, .text blockquote, .text h2, h4 {
    font-size: calc(var(--scale-rem) * 4.35);
    letter-spacing: .05em
  }
  .text--h4-p {
    line-height: 1.14943em;
    --lh: 1.14943em
  }
  .h5, h5 {
    font-size: calc(var(--scale-rem) * 2.9);
    line-height: 1.2069em;
    --lh: 1.2069em;
    letter-spacing: .1em
  }
  .btn, .btn--text-xs, .btn--xxs, .form-control-checkbox__label, .text--c3, .text--c3-mob, .text--c4, .video-embed__progress-bar__text {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
  .text--c4-xs {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
  .btn--text-lg, .text--t2, .text--t2-mob {
    font-size: calc(var(--scale-rem) * 1.8);
    line-height: 1.38889em;
    --lh: 1.38889em;
    letter-spacing: .1em
  }
  .text--lh.text--c3-mob {
    line-height: 1em;
    --lh: 1em
  }
  .text--p3-static {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
}
.btn, .has-hover .btn:hover, .has-hover .btn:hover:active, .has-hover a:hover, .has-hover a:hover:active, .is-active.btn, a, a.is-active {
  text-decoration: none
}
a {
  color: var(--t-link-normal)
}
.has-hover a:hover, .has-hover a:hover:active, a.is-active {
  color: var(--t-link-hover)
}
.apartment-item__inner, .has-hover .apartment-item__inner:hover, .has-hover .apartment-item__inner:hover:active, .has-hover .link--static:hover, .has-hover .link--static:hover:active, .is-active.apartment-item__inner, .is-active.link--static, .link--static {
  color: var(--t-link-normal)
}
:root {
  --scale-px: 1px;
  --scale-rem: 1rem;
  --scale-em: 1em;
  --spacing: var(--xxxl, 80px) var(--n-xxxl, var(--md, calc(var(--scale-px) * 60)) var(--n-md, 20px));
  --spacing-sm: var(--xxxl, 60px) var(--n-xxxl, var(--md, calc(var(--scale-px) * 40)) var(--n-md, 20px))
}
@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-height:499px), (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:1439px), (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1200px) and (max-height:599px), (min-width:668px) and (min-height:416px) and (max-height:499px), (min-width:668px) and (min-height:416px) and (max-width:1439px), (min-width:668px) and (min-height:416px) and (min-width:1200px) and (max-height:599px), (min-width:980px) and (max-height:499px), (min-width:980px) and (max-width:1439px), (min-width:980px) and (min-width:1200px) and (max-height:599px) {
  :root {
    --scale-px: calc(0.5px + 0.5 * ((100vw - 720px) / 720));
    --scale-em: calc(0.5em + 5 * ((100vw - 720px) / 720));
    --scale-rem: calc(0.5rem + 5 * ((100vw - 720px) / 720))
  }
}
@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;
  }
}
@media (min-aspect-ratio:13/9) and (min-width:1px), (min-width:568px) and (min-width:1px) {
  :root {
    --n-sm: ;
    --sm: initial;
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1px), (min-width:668px) and (min-height:416px) and (min-width:1px), (min-width:980px) and (min-width:1px) {
  :root {
    --n-md: ;
    --md: initial;
  }
}
@media (min-width:980px) and (min-width:1px) {
  :root {
    --n-lg: ;
    --lg: initial;
  }
}
@media (min-width:1200px) and (min-height:500px) and (min-width:1px) {
  :root {
    --n-xl: ;
    --xl: initial;
  }
}
@media (min-width:1440px) and (min-height:600px) and (min-width:1px) {
  :root {
    --n-xxl: ;
    --xxl: initial;
  }
}
@media (min-width:1920px) and (min-height:600px) and (min-width:1px) {
  :root {
    --n-xxxl: ;
    --xxxl: initial;
  }
}
:root {
  --viewport-height: 100vh;
  --viewport-height-actual: 100vh;
  --header-height: 60px
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  :root {
    --header-height: calc(var(--scale-px) * 100)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  :root {
    --header-height: 110px
  }
}
html {
  height: 100%;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth
}
@media print {
  html {
    height: auto;
    overflow: visible
  }
}
body {
  min-height: 100vh;
  min-height: var(--viewport-height);
  width: 100vw;
  cursor: default
}
@media print {
  body {
    overflow: visible;
    min-height: 0;
    width: 100%
  }
}
.page-content {
  min-height: 100vh;
  min-height: var(--viewport-height);
  width: 100vw
}
main {
  display: block
}
blockquote, dd, dl, dt {
  margin: 0
}
*, :after, :before {
  box-sizing: border-box
}
picture {
  display: block
}
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top
}
img[draggable=false] {
  pointer-events: none;
  -webkit-user-drag: none
}
iframe {
  display: block;
  border: 0
}
#__bs_notify__ {
  display: none !important
}
:root {
  --c-orange: #586373;
  --c-orange-rgb: 255, 110, 0;
  --c-white: #fff;
  --c-white-rgb: 255, 255, 255;
  --c-black: #000;
  --c-black-rgb: 0, 0, 0;
  --c-gray: grey;
  --c-gray-rgb: 128, 128, 128;
  --c-dark-lines: #262626;
  --c-dark-lines-rgb: 38, 38, 38;
  --c-dark-gray: #1e1e1e;
  --c-dark-gray-rgb: 30, 30, 30;
  --c-disabled: #c5c5c5;
  --c-disabled-rgb: 197, 197, 197;
  --c-print: #000;
  --c-print-rgb: 0, 0, 0;
  --c-error: #d9534f;
  --c-error-rgb: 217, 83, 79
}
.ui-light, :root {
  --t-background: var(--c-white);
  --t-background-rgb: var(--c-white-rgb);
  --t-line: rgba(var(--c-black-rgb), 0.15);
  --t-line-gray: rgba(var(--c-black-rgb), 0.2);
  --t-line-orange: rgba(var(--c-orange-rgb), 0.3);
  --t-small: var(--c-gray);
  --t-small-rgb: var(--c-gray-rgb);
  --t-smallish: rgba(var(--c-black-rgb), 0.3);
  --t-text: var(--c-black);
  --t-text-rgb: var(--c-black-rgb);
  --t-heading: var(--c-black);
  --t-heading-rgb: var(--c-black-rgb);
  --t-primary: var(--c-orange);
  --t-primary-rgb: var(--c-orange-rgb);
  --t-lighter: var(--c-disabled);
  --t-lighter-rgb: var(--c-disabled-rgb);
  --t-tetriary: var(--c-black);
  --t-tetriary-rgb: var(--c-black-rgb);
  --t-link-normal: var(--c-black);
  --t-link-normal-rgb: var(--c-black-rgb);
  --t-link-small: var(--c-gray);
  --t-link-small-rgb: var(--c-gray-rgb);
  --t-link-hover: var(--c-orange);
  --t-link-hover-rgb: var(--c-orange-rgb);
  --t-link-heading: var(--c-orange);
  --t-link-heading-rgb: var(--c-orange-rgb)
}
.ui-light {
  color: var(--t-text)
}
.ui-light-background {
  background: var(--c-white)
}
.ui-dark {
  --t-background: var(--c-black);
  --t-background-rgb: var(--c-black-rgb);
  --t-line: rgba(var(--c-white-rgb), 0.15);
  --t-line-gray: rgba(var(--c-white-rgb), 0.2);
  --t-line-orange: rgba(var(--c-orange-rgb), 0.3);
  --t-small: var(--c-gray);
  --t-small-rgb: var(--c-gray-rgb);
  --t-smallish: rgba(var(--c-white-rgb), 0.3);
  --t-text: var(--c-white);
  --t-text-rgb: var(--c-white-rgb);
  --t-heading: var(--c-orange);
  --t-heading-rgb: var(--c-orange-rgb);
  --t-primary: var(--c-orange);
  --t-primary-rgb: var(--c-orange-rgb);
  --t-lighter: var(--c-disabled);
  --t-lighter-rgb: var(--c-disabled-rgb);
  --t-tetriary: var(--c-black);
  --t-tetriary-rgb: var(--c-black-rgb);
  --t-link-normal: var(--c-white);
  --t-link-normal-rgb: var(--c-white-rgb);
  --t-link-small: var(--c-gray);
  --t-link-small-rgb: var(--c-gray-rgb);
  --t-link-hover: var(--c-orange);
  --t-link-hover-rgb: var(--c-orange-rgb);
  --t-link-heading: var(--c-orange);
  --t-link-heading-rgb: var(--c-orange-rgb);
  color: var(--t-text)
}
.ui-dark-background {
  background: var(--c-black)
}
.ui-orange {
  --t-background: var(--c-orange);
  --t-background-rgb: var(--c-orange-rgb);
  --t-line: var(--c-black);
  --t-line-rgb: var(--c-black-rgb);
  --t-small: var(--c-black);
  --t-small-rgb: var(--c-black-rgb);
  --t-smallish: rgba(var(--c-black-rgb), 0.4);
  --t-text: var(--c-black);
  --t-text-rgb: var(--c-black-rgb);
  --t-heading: var(--c-black);
  --t-heading-rgb: var(--c-black-rgb);
  --t-primary: var(--c-black);
  --t-primary-rgb: var(--c-black-rgb);
  --t-lighter: var(--c-disabled);
  --t-lighter-rgb: var(--c-disabled-rgb);
  --t-tetriary: var(--c-white);
  --t-tetriary-rgb: var(--c-white-rgb);
  --t-link-normal: var(--c-black);
  --t-link-normal-rgb: var(--c-black-rgb);
  --t-link-hover: var(--c-white);
  --t-link-hover-rgb: var(--c-white-rgb);
  color: var(--t-text)
}
.ui-orange-background {
  background: var(--c-orange)
}
.is-visually-hidden, .sr-only {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
  margin-top: -1px
}
.is-invisible, .js .is-invisible--js {
  opacity: 0;
  pointer-events: all
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .js .is-invisible--md-up-js {
    opacity: 0;
    pointer-events: all
  }
}
.is-decorative {
  pointer-events: none
}
.is-not-decorative {
  pointer-events: all
}
.js .is-decorative--js {
  pointer-events: none
}
.overlay {
  background: #fff;
  opacity: 0
}
.disable-smooth-scrolling {
  scroll-behavior: auto
}
a, button, input[type=submit] {
  cursor: pointer;
  transition-property: color
}
a:focus, button:focus, input[type=submit]:focus {
  outline: none
}
::-moz-focus-inner {
  border: 0;
  padding: 0
}
a:not(.btn):not(.btn-container).focus-visible, button:not(.btn).focus-visible {
  outline: 3px auto currentColor
}
.is-disabled, :disabled, [disabled] {
  pointer-events: none
}
.icon {
  transition-property: color, transform, opacity;
  display: inline-block;
  width: calc(var(--icon-width) * var(--scale-px));
  height: calc(var(--icon-height) * var(--scale-px));
  flex-shrink: 0
}
.btn .icon, .icon--with-margins, a .icon, button .icon {
  transition: none
}
.btn .icon:not(:last-child), .icon--with-margins:not(:last-child), a .icon:not(:last-child), button .icon:not(:last-child) {
  margin-right: calc(var(--scale-px) * 10)
}
.btn .icon:not(:first-child), .icon--with-margins:not(:first-child), a .icon:not(:first-child), button .icon:not(:first-child) {
  margin-left: calc(var(--scale-px) * 10)
}
.icon--with-lg-margins.icon {
  transition: none
}
.icon--with-lg-margins.icon:not(:last-child) {
  margin-right: calc(var(--scale-px) * 20)
}
.icon--with-lg-margins.icon:not(:first-child) {
  margin-left: calc(var(--scale-px) * 20)
}
.btn .icon--no-margins:not(:first-child), .btn .icon--no-margins:not(:last-child), .icon--no-margins:not(:first-child), .icon--no-margins:not(:last-child), a .icon--no-margins:not(:first-child), a .icon--no-margins:not(:last-child), button .icon--no-margins:not(:first-child), button .icon--no-margins:not(:last-child) {
  margin-right: 0;
  margin-left: 0
}
.icon--no-scale {
  transform: none
}
.icon, .icon--with-margins ~ span {
  vertical-align: middle
}
.btn .icon, a .icon, button .icon {
  pointer-events: none
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .icon-logo {
    height: 20px;
    width: auto
  }
}
a .icon-logo__item {
  transition-property: transform
}
.has-hover a:hover .icon-logo__item {
  transform: translateY(-36px)
}
.icon-star {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: .24138em;
  height: .22989em;
  top: .13793em;
  padding-left: .03448em;
  background: url(assets/images/common/icon-star-primary.svg) 0 0 no-repeat;
  background-size: contain
}
html {
  font-size: 62.5%
}
body, button, input, textarea {
  color: var(--t-text);
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern"1;
  font-kerning: normal
}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  color: var(--t-heading)
}
.h1, .h2, .h3, .h4, .h5, blockquote, figure, h1, h2, h3, h4, h5, hr, iframe, object, p, pre, table {
  margin: 0
}
.text--color-primary {
  color: var(--t-primary)
}
.text--color-heading {
  color: var(--t-heading)
}
.text--color-small {
  color: var(--t-small)
}
.text--color-smallish {
  color: var(--t-smallish)
}
.text--color-text {
  color: var(--t-text)
}
.text--color-primary-bold b {
  color: var(--t-primary);
  font-weight: inherit
}
@media print {
  .text--color-heading, .text--color-primary, .text--color-secondary, .text--color-small, .text--color-text {
    color: var(--c-print)
  }
}
.text--left {
  text-align: left
}
.text--right {
  text-align: right
}
.text--center {
  text-align: center
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .text--left\:md {
    text-align: left
  }
  .text--right\:md {
    text-align: right
  }
  .text--center\:md {
    text-align: center
  }
}
.text--nowrap {
  white-space: nowrap !important
}
.text--wrap {
  white-space: normal !important
}
.text--truncate {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important
}
.text figure {
  position: relative
}
.text figure, .text picture {
  display: block
}
.text img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}
.text .h1, .text .h2, .text .h3, .text .h4, .text .h5, .text h1, .text h2, .text h3, .text h4, .text h5 {
  margin-top: var(--md, calc(var(--spacing) * 108/60)) var(--n-md, calc(var(--spacing) * 144/60));
  margin-bottom: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, var(--spacing));
  color: var(--t-primary)
}
.text .h1:first-child, .text .h2:first-child, .text .h3:first-child, .text .h4:first-child, .text .h5:first-child, .text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child {
  margin-top: 0
}
.text .h1:last-child, .text .h2:last-child, .text .h3:last-child, .text .h4:last-child, .text .h5:last-child, .text h1:last-child, .text h2:last-child, .text h3:last-child, .text h4:last-child, .text h5:last-child {
  margin-bottom: 0
}
.text blockquote, .text hr, .text iframe, .text object, .text p, .text pre, .text table {
  margin-top: var(--md, calc(var(--spacing) * 10/60)) var(--n-md, var(--spacing));
  margin-bottom: var(--md, calc(var(--spacing) * 10/60)) var(--n-md, var(--spacing))
}
.text blockquote:first-child, .text hr:first-child, .text iframe:first-child, .text object:first-child, .text p:first-child, .text pre:first-child, .text table:first-child {
  margin-top: 0
}
.text blockquote:last-child, .text hr:last-child, .text iframe:last-child, .text object:last-child, .text p:last-child, .text pre:last-child, .text table:last-child {
  margin-bottom: 0
}
.text blockquote {
  margin-top: var(--md, calc(var(--spacing) * 108/60)) var(--n-md, calc(var(--spacing) * 150/60));
  margin-bottom: var(--md, calc(var(--spacing) * 96/60)) var(--n-md, calc(var(--spacing) * 150/60));
  padding-left: .5em;
  color: var(--t-primary);
  border-left: 1px solid
}
.text blockquote:first-child {
  margin-top: 0
}
.text blockquote:last-child {
  margin-bottom: 0
}
.img-full, .img-full img {
  width: 100%;
  height: auto;
  vertical-align: top
}
@media print {
  .text a[href^=http]:after {
    content: " ["attr(href) "] "
  }
  .text a:not(:local-link):after {
    content: " ["attr(href) "] ";
    color: inherit
  }
}
code, kbd, pre, samp {
  color: #333
}
code, pre {
  display: inline-block;
  border-radius: 3px;
  background: #000;
  color: #fff;
  font-size: calc(var(--scale-rem) * 1.2);
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: top;
  -webkit-font-smoothing: antialiased
}
pre {
  display: block;
  padding: 10px;
  border: 0
}
pre, pre code {
  border-radius: 6px
}
code {
  padding: 2px 10px
}
code pre, pre code {
  font-size: inherit;
  padding: 0;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0
}
ol, ul {
  list-style: none;
  padding: 0;
  margin: 0
}
.text ul {
  margin-top: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, calc(var(--spacing) * 40/60));
  margin-bottom: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, calc(var(--spacing) * 40/60))
}
.text ul:first-child {
  margin-top: 0
}
.text ul:last-child {
  margin-bottom: 0
}
.text ul > li {
  position: relative;
  padding-left: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, calc(var(--spacing) * 70/60));
  margin-top: var(--md, 0) var(--n-md, 5px);
  margin-bottom: var(--md, 0) var(--n-md, 5px)
}
.text ul > li:first-child {
  margin-top: 0
}
.text ul > li:last-child {
  margin-bottom: 0
}
.text ul > li:before {
  left: 0;
  position: absolute;
  top: var(--md, .45em) var(--n-md, .4em);
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid var(--t-primary)
}
.text ol {
  margin-top: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, calc(var(--spacing) * 40/60));
  margin-bottom: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, calc(var(--spacing) * 40/60));
  counter-reset: text-ol
}
.text ol:first-child {
  margin-top: 0
}
.text ol:last-child {
  margin-bottom: 0
}
.text ol > li {
  counter-increment: text-ol;
  position: relative;
  padding-left: var(--md, calc(var(--spacing) * 40/60)) var(--n-md, var(--spacing));
  margin-top: var(--md, 0) var(--n-md, 5px);
  margin-bottom: var(--md, 0) var(--n-md, 5px)
}
.text ol > li:first-child {
  margin-top: 0
}
.text ol > li:last-child {
  margin-bottom: 0
}
.text ol > li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: counter(text-ol) ".";
  color: var(--t-primary)
}
.text table {
  width: 100%;
  border-collapse: collapse
}
.text table th {
  padding-bottom: calc(var(--spacing)* 16/60)
}
.text table td {
  padding-top: calc(var(--spacing)* 22/60);
  padding-bottom: calc(var(--spacing)* 23/60)
}
.text table td:before, .text table th {
  color: var(--t-small);
  text-align: left;
  white-space: nowrap
}
.text table td {
  border-top: 1px solid var(--t-line)
}
hr {
  border: 0;
  border-bottom: 1px solid var(--t-line)
}
.leading-trim:after, .leading-trim:before {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  position: relative
}
.leading-trim:before {
  margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em))
}
.leading-trim:after {
  margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em))
}
.side-trim {
  display: block;
  position: relative
}
.side-trim[data-side-trim-start=н] {
  margin-left: -.06em
}
.side-trim[data-side-trim-start=о], .side-trim[data-side-trim-start=с] {
  margin-left: -.02em
}
.side-trim[data-side-trim-start=и], .side-trim[data-side-trim-start=м] {
  margin-left: -.06em
}
.side-trim[data-side-trim-start=ф] {
  margin-left: -.02em
}
.side-trim[data-side-trim-start=я] {
  margin-left: -.03em
}
.btn {
  border: 0;
  box-shadow: none;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  overflow: clip;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition-property: color, transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn.is-disabled, .btn:disabled {
  cursor: default
}
.btn__content {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  position: relative;
  z-index: 1
}
.btn__content--reverse {
  flex-direction: row-reverse
}
.btn__content, .btn__content _::-webkit-full-page-media, .btn__content _:future {
  margin-left: auto;
  margin-right: auto
}
.btn__text {
  position: relative;
  display: block
}
.btn__text:after, .btn__text:before {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  position: relative
}
.btn__text:before {
  margin-bottom: calc((var(--lh) - 1em) / -2 + var(--fos, 0em))
}
.btn__text:after {
  margin-top: calc((var(--lh) - 1em) / -2 + var(--foe, 0em))
}
.btn__text--center {
  display: flex;
  align-items: center
}
.btn-container {
  cursor: pointer
}
.btn-container.is-disabled, .btn-container:disabled {
  cursor: default
}
.btn.icon {
  display: inline-flex;
  transition-property: all;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn.btn--full {
  width: 100%
}
.btn.btn--full > .btn__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between
}
.btn-container.focus-visible .btn, .btn.focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--t-background), 0 0 0 4px var(--t-accent)
}
.btn--icon-left .btn__content {
  flex-direction: row-reverse
}
.btn--icon-left .icon:not(:last-child) {
  margin-right: 0
}
.btn--icon-left .icon:not(:first-child) {
  margin-left: 0
}
.btn--icon-left .icon:last-child {
  margin-right: calc(var(--scale-px) * 10)
}
.btn--icon-left .icon:first-child {
  margin-left: calc(var(--scale-px) * 10)
}
.btn--text-invisible .btn__text {
  opacity: 0
}
.btn--border:after {
  border: 1px solid var(--t-background);
  border-radius: calc(var(--button-height) / 2)
}
.btn--border.btn--rect:after {
  border-radius: 0
}
.btn:after, .btn:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  --transition-duration: 0.5s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: box-shadow;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn:before {
  transition-property: transform
}
.btn {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn:before {
  display: none
}
.btn--outline, .has-hover .btn-container:active:hover .btn, .has-hover .btn-container:hover .btn, .has-hover .btn:active:hover, .has-hover .btn:hover {
  --button-background-size: 1px
}
.btn--outline {
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.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 {
  --button-background-size: 1px
}
.btn--square.btn--outline, .btn--text-left.btn--outline, .btn--text-right.btn--outline {
  --button-background-size: 1px;
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.btn--link--underline, .has-hover .btn--square.btn--outline:active:hover, .has-hover .btn--square.btn--outline:hover, .has-hover .btn--text-left.btn--outline:active:hover, .has-hover .btn--text-left.btn--outline:hover, .has-hover .btn--text-right.btn--outline:active:hover, .has-hover .btn--text-right.btn--outline:hover, .has-hover .btn-container:active:hover .btn--square.btn--outline, .has-hover .btn-container:active:hover .btn--text-left.btn--outline, .has-hover .btn-container:active:hover .btn--text-right.btn--outline, .has-hover .btn-container:hover .btn--square.btn--outline, .has-hover .btn-container:hover .btn--text-left.btn--outline, .has-hover .btn-container:hover .btn--text-right.btn--outline {
  --button-background-size: 1px
}
.btn--link--underline:after, .btn--link--underline:before {
  top: auto;
  height: 1px
}
.btn--link--underline:before {
  display: block;
  transform: scaleX(0);
  transform-origin: 0 0;
  z-index: 1
}
.has-hover .btn--link--underline:hover, .has-hover .btn-container:hover .btn--link--underline {
  --button-background-size: 1px
}
.has-hover .btn--link--underline:hover:before, .has-hover .btn-container:hover .btn--link--underline:before {
  transform: scaleX(1)
}
.has-hover .btn--link--underline:active:hover, .has-hover .btn-container:active:hover .btn--link--underline {
  --button-background-size: 1px
}
.has-hover .btn--link--underline:active:hover:before, .has-hover .btn-container:active:hover .btn--link--underline:before {
  transform: scaleX(1)
}
.btn--inverse:before {
  display: block;
  transform: scale(0);
  z-index: 1
}
.btn--inverse:after {
  transition-property: box-shadow, transform;
  transition-duration: var(--transition-duration), 0ms
}
.has-hover .btn--inverse:hover, .has-hover .btn-container:hover .btn--inverse {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--inverse:hover:after, .has-hover .btn-container:hover .btn--inverse:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--inverse:hover:before, .has-hover .btn-container:hover .btn--inverse:before {
  transform: scale(1)
}
.has-hover .btn--inverse:active:hover, .has-hover .btn-container:active:hover .btn--inverse {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--inverse:active:hover:after, .has-hover .btn-container:active:hover .btn--inverse:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--inverse:active:hover:before, .has-hover .btn-container:active:hover .btn--inverse:before {
  transform: scale(1)
}
.btn--zoom {
  overflow: visible
}
.btn--zoom:before {
  display: none
}
.btn--zoom:after {
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.has-hover .btn--zoom:hover, .has-hover .btn-container:hover .btn--zoom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--zoom:hover:after, .has-hover .btn-container:hover .btn--zoom:after {
  transform: scale(1.1)
}
.has-hover .btn--zoom:active:hover, .has-hover .btn-container:active:hover .btn--zoom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--zoom:active:hover:after, .has-hover .btn-container:active:hover .btn--zoom:after {
  transform: scale(1.1)
}
.btn--fill-bottom {
  --button-background-size: calc(var(--button-height) / 2);
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.btn--fill-bottom:before {
  z-index: 1;
  display: block;
  transform: translateY(100%)
}
.has-hover .btn--fill-bottom:hover, .has-hover .btn-container:hover .btn--fill-bottom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--fill-bottom:hover:before, .has-hover .btn-container:hover .btn--fill-bottom:before {
  transform: translateY(0)
}
.has-hover .btn--fill-bottom:active:hover, .has-hover .btn-container:active:hover .btn--fill-bottom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--fill-bottom:active:hover:before, .has-hover .btn-container:active:hover .btn--fill-bottom:before {
  transform: translateY(0)
}
.btn {
  height: calc(var(--scale-px) * 60);
  padding: 0 calc(var(--scale-px) * 42);
  --button-height: calc(var(--scale-px) * 60)
}
.btn, .btn:after, .btn:before {
  border-radius: calc(var(--scale-px) * 30)
}
.btn > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 60)
}
.btn.btn--square {
  width: calc(var(--scale-px) * 60);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--auto {
  --button-height: auto
}
.btn--auto, .btn--auto > .btn__content {
  height: auto
}
.btn--no-padding {
  padding: 0
}
.btn--no-padding > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}
.btn--xxs {
  height: calc(var(--scale-px) * 20);
  --button-height: calc(var(--scale-px) * 20)
}
.btn--xxs, .btn--xxs:after, .btn--xxs:before {
  border-radius: calc(var(--scale-px) * 10)
}
.btn--xxs > .btn__content {
  height: calc(var(--scale-px) * 20)
}
.btn--xxs.btn--square {
  width: calc(var(--scale-px) * 20);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--xs {
  height: calc(var(--scale-px) * 30);
  padding: 0 calc(var(--scale-px) * 15);
  --button-height: calc(var(--scale-px) * 32)
}
.btn--xs, .btn--xs:after, .btn--xs:before {
  border-radius: calc(var(--scale-px) * 15)
}
.btn--xs > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 30)
}
.btn--xs.btn--square {
  width: calc(var(--scale-px) * 30);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--xsm {
  height: calc(var(--scale-px) * 30);
  padding: 0 calc(var(--scale-px) * 20);
  --button-height: calc(var(--scale-px) * 30)
}
.btn--xsm, .btn--xsm:after, .btn--xsm:before {
  border-radius: calc(var(--scale-px) * 15)
}
.btn--xsm > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 30)
}
.btn--xsm.btn--square {
  width: calc(var(--scale-px) * 30);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--xsl {
  height: calc(var(--scale-px) * 30);
  padding: 0 calc(var(--scale-px) * 15);
  --button-height: calc(var(--scale-px) * 30)
}
.btn--xsl, .btn--xsl:after, .btn--xsl:before {
  border-radius: calc(var(--scale-px) * 15)
}
.btn--xsl > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 30)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--xsl {
    height: calc(var(--scale-px) * 40);
    padding: 0 calc(var(--scale-px) * 20);
    --button-height: calc(var(--scale-px) * 40)
  }
  .btn--xsl, .btn--xsl:after, .btn--xsl:before {
    border-radius: calc(var(--scale-px) * 20)
  }
  .btn--xsl > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 40)
  }
}
.btn--xsl.btn--square {
  width: calc(var(--scale-px) * 30);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--xsl.btn--square {
    width: calc(var(--scale-px) * 40);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--xsxl {
  height: calc(var(--scale-px) * 30);
  padding: 0 calc(var(--scale-px) * 15);
  --button-height: calc(var(--scale-px) * 30)
}
.btn--xsxl, .btn--xsxl:after, .btn--xsxl:before {
  border-radius: calc(var(--scale-px) * 15)
}
.btn--xsxl > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 30)
}
@media (min-width:1920px) and (min-height:600px) {
  .btn--xsxl {
    height: calc(var(--scale-px) * 40);
    padding: 0 calc(var(--scale-px) * 20);
    --button-height: calc(var(--scale-px) * 40)
  }
  .btn--xsxl, .btn--xsxl:after, .btn--xsxl:before {
    border-radius: calc(var(--scale-px) * 20)
  }
  .btn--xsxl > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 40)
  }
}
.btn--xsxl.btn--square {
  width: calc(var(--scale-px) * 30);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:1920px) and (min-height:600px) {
  .btn--xsxl.btn--square {
    width: calc(var(--scale-px) * 40);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--sm {
  height: calc(var(--scale-px) * 40);
  padding: 0 calc(var(--scale-px) * 20);
  --button-height: calc(var(--scale-px) * 40)
}
.btn--sm, .btn--sm:after, .btn--sm:before {
  border-radius: calc(var(--scale-px) * 20)
}
.btn--sm > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 40)
}
.btn--sm.btn--square {
  width: calc(var(--scale-px) * 40);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--sml {
  height: calc(var(--scale-px) * 40);
  padding: 0 calc(var(--scale-px) * 30);
  --button-height: calc(var(--scale-px) * 40)
}
.btn--sml, .btn--sml:after, .btn--sml:before {
  border-radius: calc(var(--scale-px) * 20)
}
.btn--sml > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 40)
}
.btn--sml.btn--square {
  width: calc(var(--scale-px) * 40);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
.btn--sm-md {
  height: calc(var(--scale-px) * 40);
  padding: 0 calc(var(--scale-px) * 20);
  --button-height: calc(var(--scale-px) * 40)
}
.btn--sm-md, .btn--sm-md:after, .btn--sm-md:before {
  border-radius: calc(var(--scale-px) * 20)
}
.btn--sm-md > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 40)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--sm-md {
    height: calc(var(--scale-px) * 60);
    padding: 0 calc(var(--scale-px) * 30);
    --button-height: calc(var(--scale-px) * 60)
  }
  .btn--sm-md, .btn--sm-md:after, .btn--sm-md:before {
    border-radius: calc(var(--scale-px) * 30)
  }
  .btn--sm-md > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 60)
  }
}
.btn--sm-md.btn--square {
  width: calc(var(--scale-px) * 40);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--sm-md.btn--square {
    width: calc(var(--scale-px) * 60);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--sm-xs {
  height: calc(var(--scale-px) * 30);
  padding: 0 calc(var(--scale-px) * 30);
  --button-height: calc(var(--scale-px) * 30)
}
.btn--sm-xs, .btn--sm-xs:after, .btn--sm-xs:before {
  border-radius: calc(var(--scale-px) * 15)
}
.btn--sm-xs > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 30)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--sm-xs {
    height: calc(var(--scale-px) * 60);
    padding: 0 calc(var(--scale-px) * 60);
    --button-height: calc(var(--scale-px) * 60)
  }
  .btn--sm-xs, .btn--sm-xs:after, .btn--sm-xs:before {
    border-radius: calc(var(--scale-px) * 30)
  }
  .btn--sm-xs > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 60)
  }
}
.btn--sm-xs.btn--square {
  width: calc(var(--scale-px) * 30);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--sm-xs.btn--square {
    width: calc(var(--scale-px) * 60);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--md {
  height: calc(var(--scale-px) * 40);
  padding: 0 calc(var(--scale-px) * 30);
  --button-height: calc(var(--scale-px) * 40)
}
.btn--md, .btn--md:after, .btn--md:before {
  border-radius: calc(var(--scale-px) * 20)
}
.btn--md > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 40)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md {
    height: calc(var(--scale-px) * 80);
    padding: 0 calc(var(--scale-px) * 60);
    --button-height: calc(var(--scale-px) * 80)
  }
  .btn--md, .btn--md:after, .btn--md:before {
    border-radius: calc(var(--scale-px) * 40)
  }
  .btn--md > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 80)
  }
}
.btn--md.btn--square {
  width: calc(var(--scale-px) * 40);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md.btn--square {
    width: calc(var(--scale-px) * 80);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--md-xs {
  height: calc(var(--scale-px) * 40);
  padding: 0 calc(var(--scale-px) * 20);
  --button-height: calc(var(--scale-px) * 40)
}
.btn--md-xs, .btn--md-xs:after, .btn--md-xs:before {
  border-radius: calc(var(--scale-px) * 20)
}
.btn--md-xs > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 40)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md-xs {
    height: calc(var(--scale-px) * 60);
    padding: 0 calc(var(--scale-px) * 40);
    --button-height: calc(var(--scale-px) * 60)
  }
  .btn--md-xs, .btn--md-xs:after, .btn--md-xs:before {
    border-radius: calc(var(--scale-px) * 30)
  }
  .btn--md-xs > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 60)
  }
}
.btn--md-xs.btn--square {
  width: calc(var(--scale-px) * 40);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md-xs.btn--square {
    width: calc(var(--scale-px) * 60);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--md-lg {
  height: calc(var(--scale-px) * 60);
  padding: 0 calc(var(--scale-px) * 30);
  --button-height: calc(var(--scale-px) * 60)
}
.btn--md-lg, .btn--md-lg:after, .btn--md-lg:before {
  border-radius: calc(var(--scale-px) * 30)
}
.btn--md-lg > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 60)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md-lg {
    height: calc(var(--scale-px) * 80);
    padding: 0 calc(var(--scale-px) * 60);
    --button-height: calc(var(--scale-px) * 80)
  }
  .btn--md-lg, .btn--md-lg:after, .btn--md-lg:before {
    border-radius: calc(var(--scale-px) * 40)
  }
  .btn--md-lg > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 80)
  }
}
.btn--md-lg.btn--square {
  width: calc(var(--scale-px) * 60);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--md-lg.btn--square {
    width: calc(var(--scale-px) * 80);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--lg {
  height: calc(var(--scale-px) * 60);
  padding: 0 calc(var(--scale-px) * 60);
  --button-height: calc(var(--scale-px) * 60)
}
.btn--lg, .btn--lg:after, .btn--lg:before {
  border-radius: calc(var(--scale-px) * 30)
}
.btn--lg > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 60)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--lg {
    height: calc(var(--scale-px) * 120);
    padding: 0 calc(var(--scale-px) * 60);
    --button-height: calc(var(--scale-px) * 120)
  }
  .btn--lg, .btn--lg:after, .btn--lg:before {
    border-radius: calc(var(--scale-px) * 60)
  }
  .btn--lg > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 120)
  }
}
.btn--lg.btn--square {
  width: calc(var(--scale-px) * 60);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--lg.btn--square {
    width: calc(var(--scale-px) * 120);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--xl {
  height: calc(var(--scale-px) * 80);
  padding: 0 calc(var(--scale-px) * 60);
  --button-height: calc(var(--scale-px) * 80)
}
.btn--xl, .btn--xl:after, .btn--xl:before {
  border-radius: calc(var(--scale-px) * 40)
}
.btn--xl > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: calc(var(--scale-px) * 80)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--xl {
    height: calc(var(--scale-px) * 180);
    padding: 0 calc(var(--scale-px) * 60);
    --button-height: calc(var(--scale-px) * 180)
  }
  .btn--xl, .btn--xl:after, .btn--xl:before {
    border-radius: calc(var(--scale-px) * 90)
  }
  .btn--xl > .btn__content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    height: calc(var(--scale-px) * 180)
  }
}
.btn--xl.btn--square {
  width: calc(var(--scale-px) * 80);
  padding-left: 0;
  padding-right: 0;
  flex-grow: 0;
  flex-shrink: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--xl.btn--square {
    width: calc(var(--scale-px) * 180);
    padding-left: 0;
    padding-right: 0;
    flex-grow: 0;
    flex-shrink: 0
  }
}
.btn--narrow {
  padding: 0 calc(var(--scale-px) * 30)
}
.btn--narrow > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}
.btn--rect, .btn--rect:after, .btn--rect:before {
  border-radius: 0
}
.btn--text-c4 {
  font-size: calc(var(--scale-rem) * 1);
  line-height: 1.6em;
  --lh: 1.6em;
  letter-spacing: -.02em
}
.btn--text-p2 {
  font-size: calc(var(--scale-rem) * 1.5);
  line-height: 1.66667em;
  --lh: 1.66667em;
  letter-spacing: .1em
}
.btn--filter {
  padding: 0 calc(var(--scale-px) * 55)
}
.btn--filter > .btn__content {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0
}
.btn--primary, .btn--primary .btn-container.is-disabled, .btn--primary.is-disabled, .btn--primary:disabled {
  color: var(--t-background)
}
.btn--primary .btn-container.is-disabled:after, .btn--primary.is-disabled:after, .btn--primary:after, .btn--primary:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary .btn-container.is-disabled:before, .btn--primary.is-disabled:before, .btn--primary:before, .btn--primary:disabled:before {
  background: var(--t-background)
}
.btn--primary.btn--outline, .btn--primary.btn--outline .btn-container.is-disabled, .btn--primary.btn--outline.is-disabled, .btn--primary.btn--outline:disabled, .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-primary)
}
.btn--primary.btn--outline .btn-container.is-disabled:after, .btn--primary.btn--outline.is-disabled:after, .btn--primary.btn--outline:after, .btn--primary.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--primary.btn--outline:hover, .has-hover .btn-container:hover .btn--primary.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--primary.btn--outline:hover:after, .has-hover .btn-container:hover .btn--primary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn--primary.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--primary.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--primary.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--primary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--primary.btn--outline.is-active, .btn-container.is-active .btn--primary.btn--outline {
  color: var(--t-text)
}
.btn--primary.btn--outline.is-active:after, .btn-container.is-active .btn--primary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--primary--inverse.btn--outline, .btn--primary--inverse.btn--outline .btn-container.is-disabled, .btn--primary--inverse.btn--outline.is-disabled, .btn--primary--inverse.btn--outline:disabled {
  color: var(--t-text)
}
.btn--primary--inverse.btn--outline .btn-container.is-disabled:after, .btn--primary--inverse.btn--outline.is-disabled:after, .btn--primary--inverse.btn--outline:after, .btn--primary--inverse.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn--primary--inverse.btn--outline:hover, .has-hover .btn-container:hover .btn--primary--inverse.btn--outline {
  color: var(--t-primary)
}
.has-hover .btn--primary--inverse.btn--outline:hover:after, .has-hover .btn-container:hover .btn--primary--inverse.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--primary--inverse.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--primary--inverse.btn--outline {
  color: var(--t-primary)
}
.has-hover .btn--primary--inverse.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--primary--inverse.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary--light.btn--outline, .btn--primary--light.btn--outline .btn-container.is-disabled, .btn--primary--light.btn--outline.is-disabled, .btn--primary--light.btn--outline:disabled, .has-hover .btn--primary--light.btn--outline:active:hover, .has-hover .btn--primary--light.btn--outline:hover, .has-hover .btn-container:active:hover .btn--primary--light.btn--outline, .has-hover .btn-container:hover .btn--primary--light.btn--outline {
  color: var(--t-text)
}
.btn--primary--light.btn--outline.is-active, .btn-container.is-active .btn--primary--light.btn--outline {
  color: var(--t-background)
}
.btn--primary--light.btn--outline.is-active:after, .btn-container.is-active .btn--primary--light.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--primary--light.btn--outline.is-active:hover, .has-hover .btn-container.is-active:hover .btn--primary--light.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--primary--light.btn--outline.is-active:hover:after, .has-hover .btn-container.is-active:hover .btn--primary--light.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn--primary--light.btn--outline.is-active:active:hover, .has-hover .btn-container.is-active:active:hover .btn--primary--light.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--primary--light.btn--outline.is-active:active:hover:after, .has-hover .btn-container.is-active:active:hover .btn--primary--light.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--primary.btn--fill-bottom, .btn--primary.btn--fill-bottom .btn-container.is-disabled, .btn--primary.btn--fill-bottom.is-disabled, .btn--primary.btn--fill-bottom:disabled {
  color: var(--t-background)
}
.btn--primary.btn--fill-bottom .btn-container.is-disabled:after, .btn--primary.btn--fill-bottom.is-disabled:after, .btn--primary.btn--fill-bottom:after, .btn--primary.btn--fill-bottom:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary.btn--fill-bottom .btn-container.is-disabled:before, .btn--primary.btn--fill-bottom.is-disabled:before, .btn--primary.btn--fill-bottom:before, .btn--primary.btn--fill-bottom:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--primary.btn--fill-bottom:active:hover, .has-hover .btn--primary.btn--fill-bottom:hover, .has-hover .btn-container:active:hover .btn--primary.btn--fill-bottom, .has-hover .btn-container:hover .btn--primary.btn--fill-bottom {
  color: var(--t-background)
}
.btn.btn--primary--choice {
  --button-background-size: 1px;
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.has-hover .btn-container:hover .btn.btn--primary--choice:after, .has-hover .btn.btn--primary--choice:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:hover .btn.btn--primary--choice:before, .has-hover .btn.btn--primary--choice:hover:before {
  transform: translateY(100%)
}
.has-hover .btn-container:active:hover .btn.btn--primary--choice:after, .has-hover .btn.btn--primary--choice:active:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:active:hover .btn.btn--primary--choice:before, .has-hover .btn.btn--primary--choice:active:hover:before {
  transform: translateY(100%)
}
.btn.btn--primary--choice.is-active:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn-container:active:hover .btn.btn--primary--choice.is-active:after, .has-hover .btn-container:hover .btn.btn--primary--choice.is-active:after, .has-hover .btn.btn--primary--choice.is-active:active:hover:after, .has-hover .btn.btn--primary--choice.is-active:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--primary--choice:before {
  display: block;
  transform: translateY(100%)
}
.btn.btn--primary--choice.is-active {
  --button-background-size: 1px
}
.btn.btn--primary--choice.is-active:before, .has-hover .btn-container:active:hover .btn.btn--primary--choice.is-active:before, .has-hover .btn-container:hover .btn.btn--primary--choice.is-active:before, .has-hover .btn.btn--primary--choice.is-active:active:hover:before, .has-hover .btn.btn--primary--choice.is-active:hover:before {
  transform: translateY(0)
}
.btn.btn--primary--choice .btn-container.is-disabled:after, .btn.btn--primary--choice.is-disabled:after, .btn.btn--primary--choice:after, .btn.btn--primary--choice:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--primary--choice .btn-container.is-disabled:before, .btn.btn--primary--choice.is-disabled:before, .btn.btn--primary--choice:before, .btn.btn--primary--choice:disabled:before {
  background: var(--t-primary)
}
.has-hover .btn-container:active:hover .btn.btn--primary--choice, .has-hover .btn-container:hover .btn.btn--primary--choice, .has-hover .btn.btn--primary--choice:active:hover, .has-hover .btn.btn--primary--choice:hover {
  color: var(--t-text)
}
.btn-container.is-active .btn.btn--primary--choice, .btn.btn--primary--choice.is-active, .has-hover .btn-container.is-active:hover .btn.btn--primary--choice, .has-hover .btn.btn--primary--choice.is-active:hover {
  color: var(--t-background)
}
.btn.btn--secondary--choice {
  --button-background-size: 1px;
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.has-hover .btn-container:hover .btn.btn--secondary--choice:after, .has-hover .btn.btn--secondary--choice:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:hover .btn.btn--secondary--choice:before, .has-hover .btn.btn--secondary--choice:hover:before {
  transform: translateY(100%)
}
.has-hover .btn-container:active:hover .btn.btn--secondary--choice:after, .has-hover .btn.btn--secondary--choice:active:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:active:hover .btn.btn--secondary--choice:before, .has-hover .btn.btn--secondary--choice:active:hover:before {
  transform: translateY(100%)
}
.btn.btn--secondary--choice.is-active:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-tetriary)
}
.has-hover .btn-container:active:hover .btn.btn--secondary--choice.is-active:after, .has-hover .btn-container:hover .btn.btn--secondary--choice.is-active:after, .has-hover .btn.btn--secondary--choice.is-active:active:hover:after, .has-hover .btn.btn--secondary--choice.is-active:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-tetriary)
}
.btn.btn--secondary--choice:before {
  display: block;
  transform: translateY(100%)
}
.btn.btn--secondary--choice.is-active {
  --button-background-size: 1px
}
.btn.btn--secondary--choice.is-active:before, .has-hover .btn-container:active:hover .btn.btn--secondary--choice.is-active:before, .has-hover .btn-container:hover .btn.btn--secondary--choice.is-active:before, .has-hover .btn.btn--secondary--choice.is-active:active:hover:before, .has-hover .btn.btn--secondary--choice.is-active:hover:before {
  transform: translateY(0)
}
.btn.btn--secondary--choice .btn-container.is-disabled:after, .btn.btn--secondary--choice.is-disabled:after, .btn.btn--secondary--choice:after, .btn.btn--secondary--choice:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--secondary--choice .btn-container.is-disabled:before, .btn.btn--secondary--choice.is-disabled:before, .btn.btn--secondary--choice:before, .btn.btn--secondary--choice:disabled:before {
  background: var(--t-tetriary)
}
.has-hover .btn-container:active:hover .btn.btn--secondary--choice, .has-hover .btn-container:hover .btn.btn--secondary--choice, .has-hover .btn.btn--secondary--choice:active:hover, .has-hover .btn.btn--secondary--choice:hover {
  color: var(--t-text)
}
.btn-container.is-active .btn.btn--secondary--choice, .btn.btn--secondary--choice.is-active, .has-hover .btn-container.is-active:hover .btn.btn--secondary--choice, .has-hover .btn.btn--secondary--choice.is-active:hover {
  color: var(--t-background)
}
.btn.btn--primary--filter {
  --button-background-size: 1px;
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.has-hover .btn-container:hover .btn.btn--primary--filter:after, .has-hover .btn.btn--primary--filter:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:hover .btn.btn--primary--filter:before, .has-hover .btn.btn--primary--filter:hover:before {
  transform: translateY(100%)
}
.has-hover .btn-container:active:hover .btn.btn--primary--filter:after, .has-hover .btn.btn--primary--filter:active:hover:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn-container:active:hover .btn.btn--primary--filter:before, .has-hover .btn.btn--primary--filter:active:hover:before {
  transform: translateY(100%)
}
.btn.btn--primary--filter.is-active:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn.btn--primary--filter:before {
  display: block;
  transform: translateY(100%)
}
.btn.btn--primary--filter.is-active {
  --button-background-size: 1px
}
.btn.btn--primary--filter.is-active:before, .has-hover .btn-container:active:hover .btn.btn--primary--filter.is-active:before, .has-hover .btn-container:hover .btn.btn--primary--filter.is-active:before, .has-hover .btn.btn--primary--filter.is-active:active:hover:before, .has-hover .btn.btn--primary--filter.is-active:hover:before {
  transform: translateY(0)
}
.btn.btn--primary--filter, .btn.btn--primary--filter .btn-container.is-disabled, .btn.btn--primary--filter.is-disabled, .btn.btn--primary--filter:disabled {
  color: var(--t-text)
}
.btn.btn--primary--filter .btn-container.is-disabled .icon, .btn.btn--primary--filter .icon, .btn.btn--primary--filter.is-disabled .icon, .btn.btn--primary--filter:disabled .icon {
  color: var(--t-primary)
}
.btn.btn--primary--filter .btn-container.is-disabled:after, .btn.btn--primary--filter.is-disabled:after, .btn.btn--primary--filter:after, .btn.btn--primary--filter:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--primary--filter .btn-container.is-disabled:before, .btn.btn--primary--filter.is-disabled:before, .btn.btn--primary--filter:before, .btn.btn--primary--filter:disabled:before {
  background: var(--t-primary)
}
.has-hover .btn-container:active:hover .btn.btn--primary--filter, .has-hover .btn-container:active:hover .btn.btn--primary--filter .icon, .has-hover .btn-container:hover .btn.btn--primary--filter, .has-hover .btn-container:hover .btn.btn--primary--filter .icon, .has-hover .btn.btn--primary--filter:active:hover, .has-hover .btn.btn--primary--filter:active:hover .icon, .has-hover .btn.btn--primary--filter:hover, .has-hover .btn.btn--primary--filter:hover .icon {
  color: var(--t-text)
}
.btn-container.is-active .btn.btn--primary--filter, .btn-container.is-active .btn.btn--primary--filter .icon, .btn.btn--primary--filter.is-active, .btn.btn--primary--filter.is-active .icon {
  color: var(--t-background)
}
.btn-container.is-active .btn.btn--primary--filter:after, .btn.btn--primary--filter.is-active:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn-container.is-active:hover .btn.btn--primary--filter, .has-hover .btn-container.is-active:hover .btn.btn--primary--filter .icon, .has-hover .btn.btn--primary--filter.is-active:hover, .has-hover .btn.btn--primary--filter.is-active:hover .icon {
  color: var(--t-background)
}
.has-hover .btn-container.is-active:hover .btn.btn--primary--filter:after, .has-hover .btn.btn--primary--filter.is-active:hover:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--primary--filter .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn.btn--primary--toggle:not(.btn--outline):after {
  z-index: 0
}
.btn.btn--primary--toggle:not(.btn--outline):before {
  display: block;
  transform: scale(0);
  z-index: 1
}
.btn.btn--primary--toggle:not(.btn--outline):after {
  transition-property: box-shadow, transform;
  transition-duration: var(--transition-duration), 0ms
}
.has-hover .btn-container:hover .btn.btn--primary--toggle:not(.btn--outline), .has-hover .btn.btn--primary--toggle:not(.btn--outline):hover {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn-container:hover .btn.btn--primary--toggle:not(.btn--outline):after, .has-hover .btn.btn--primary--toggle:not(.btn--outline):hover:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn-container:hover .btn.btn--primary--toggle:not(.btn--outline):before, .has-hover .btn.btn--primary--toggle:not(.btn--outline):hover:before {
  transform: scale(1)
}
.has-hover .btn-container:active:hover .btn.btn--primary--toggle:not(.btn--outline), .has-hover .btn.btn--primary--toggle:not(.btn--outline):active:hover {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn-container:active:hover .btn.btn--primary--toggle:not(.btn--outline):after, .has-hover .btn.btn--primary--toggle:not(.btn--outline):active:hover:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn-container:active:hover .btn.btn--primary--toggle:not(.btn--outline):before, .has-hover .btn.btn--primary--toggle:not(.btn--outline):active:hover:before {
  transform: scale(1)
}
.btn.btn--primary--toggle:not(.btn--outline), .btn.btn--primary--toggle:not(.btn--outline) .btn-container.is-disabled, .btn.btn--primary--toggle:not(.btn--outline).is-disabled, .btn.btn--primary--toggle:not(.btn--outline):disabled {
  color: var(--t-background)
}
.btn.btn--primary--toggle:not(.btn--outline) .btn-container.is-disabled:after, .btn.btn--primary--toggle:not(.btn--outline).is-disabled:after, .btn.btn--primary--toggle:not(.btn--outline):after, .btn.btn--primary--toggle:not(.btn--outline):disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn.btn--primary--toggle:not(.btn--outline) .btn-container.is-disabled:before, .btn.btn--primary--toggle:not(.btn--outline).is-disabled:before, .btn.btn--primary--toggle:not(.btn--outline):before, .btn.btn--primary--toggle:not(.btn--outline):disabled:before {
  background: var(--t-text)
}
.btn--primary.btn--learn--more, .btn--primary.btn--learn--more .btn-container.is-disabled, .btn--primary.btn--learn--more.is-disabled, .btn--primary.btn--learn--more:disabled, .has-hover .btn-container:active:hover .btn.btn--primary--toggle:not(.btn--outline), .has-hover .btn-container:hover .btn.btn--primary--toggle:not(.btn--outline), .has-hover .btn.btn--primary--toggle:not(.btn--outline):active:hover, .has-hover .btn.btn--primary--toggle:not(.btn--outline):hover {
  color: var(--t-background)
}
.btn--primary.btn--learn--more .btn-container.is-disabled:after, .btn--primary.btn--learn--more.is-disabled:after, .btn--primary.btn--learn--more:after, .btn--primary.btn--learn--more:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary.btn--learn--more .btn-container.is-disabled:before, .btn--primary.btn--learn--more.is-disabled:before, .btn--primary.btn--learn--more:before, .btn--primary.btn--learn--more:disabled:before {
  background: var(--t-primary)
}
.has-hover .btn--primary.btn--learn--more:hover, .has-hover .btn-container:hover .btn--primary.btn--learn--more {
  color: var(--t-secondary)
}
.has-hover .btn--primary.btn--learn--more:hover:after, .has-hover .btn-container:hover .btn--primary.btn--learn--more:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--primary.btn--learn--more:active:hover, .has-hover .btn-container:active:hover .btn--primary.btn--learn--more {
  color: var(--t-secondary)
}
.has-hover .btn--primary.btn--learn--more:active:hover:after, .has-hover .btn-container:active:hover .btn--primary.btn--learn--more:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary.btn--favourites, .btn--primary.btn--favourites .btn-container.is-disabled, .btn--primary.btn--favourites.is-disabled, .btn--primary.btn--favourites:disabled {
  color: var(--t-tetriary)
}
.btn--primary.btn--favourites .btn-container.is-disabled:after, .btn--primary.btn--favourites.is-disabled:after, .btn--primary.btn--favourites:after, .btn--primary.btn--favourites:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--primary.btn--favourites .btn-container.is-disabled:before, .btn--primary.btn--favourites.is-disabled:before, .btn--primary.btn--favourites:before, .btn--primary.btn--favourites:disabled:before {
  background: var(--t-tetriary)
}
.has-hover .btn--primary.btn--favourites:hover, .has-hover .btn-container:hover .btn--primary.btn--favourites {
  color: var(--t-primary)
}
.has-hover .btn--primary.btn--favourites:hover:after, .has-hover .btn-container:hover .btn--primary.btn--favourites:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--primary.btn--favourites:active:hover, .has-hover .btn-container:active:hover .btn--primary.btn--favourites {
  color: var(--t-primary)
}
.has-hover .btn--primary.btn--favourites:active:hover:after, .has-hover .btn-container:active:hover .btn--primary.btn--favourites:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--secondary, .btn--secondary .btn-container.is-disabled, .btn--secondary.is-disabled, .btn--secondary:disabled {
  color: var(--t-background)
}
.btn--secondary .btn-container.is-disabled:after, .btn--secondary.is-disabled:after, .btn--secondary:after, .btn--secondary:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.btn--secondary .btn-container.is-disabled:before, .btn--secondary.is-disabled:before, .btn--secondary:before, .btn--secondary:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--secondary:active:hover, .has-hover .btn--secondary:hover, .has-hover .btn-container:active:hover .btn--secondary, .has-hover .btn-container:hover .btn--secondary {
  color: var(--t-heading)
}
.btn--secondary--accent, .btn--secondary--accent .btn-container.is-disabled, .btn--secondary--accent.is-disabled, .btn--secondary--accent:disabled {
  color: var(--t-primary)
}
.btn--secondary--accent .btn-container.is-disabled:after, .btn--secondary--accent.is-disabled:after, .btn--secondary--accent:after, .btn--secondary--accent:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.btn--secondary--accent .btn-container.is-disabled:before, .btn--secondary--accent.is-disabled:before, .btn--secondary--accent:before, .btn--secondary--accent:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--secondary--accent:active:hover, .has-hover .btn--secondary--accent:hover, .has-hover .btn-container:active:hover .btn--secondary--accent, .has-hover .btn-container:hover .btn--secondary--accent {
  color: var(--t-primary)
}
.btn--secondary.btn--outline, .btn--secondary.btn--outline .btn-container.is-disabled, .btn--secondary.btn--outline.is-disabled, .btn--secondary.btn--outline:disabled {
  color: var(--t-heading)
}
.btn--secondary.btn--outline .btn-container.is-disabled:after, .btn--secondary.btn--outline.is-disabled:after, .btn--secondary.btn--outline:after, .btn--secondary.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.has-hover .btn--secondary.btn--outline:hover, .has-hover .btn-container:hover .btn--secondary.btn--outline {
  color: var(--t-primary)
}
.has-hover .btn--secondary.btn--outline:hover:after, .has-hover .btn-container:hover .btn--secondary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--secondary.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--secondary.btn--outline {
  color: var(--t-primary)
}
.has-hover .btn--secondary.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--secondary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--secondary--static:active:hover, .has-hover .btn--secondary--static:hover, .has-hover .btn-container:active:hover .btn--secondary--static, .has-hover .btn-container:hover .btn--secondary--static {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--secondary--static, .btn--secondary--static .btn-container.is-disabled, .btn--secondary--static.is-disabled, .btn--secondary--static:disabled {
  color: var(--t-background)
}
.btn--secondary--static .btn-container.is-disabled:after, .btn--secondary--static.is-disabled:after, .btn--secondary--static:after, .btn--secondary--static:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.btn--secondary--static .btn-container.is-disabled:before, .btn--secondary--static.is-disabled:before, .btn--secondary--static:before, .btn--secondary--static:disabled:before {
  background: var(--t-heading)
}
.has-hover .btn--secondary--static:active:hover, .has-hover .btn--secondary--static:hover, .has-hover .btn-container:active:hover .btn--secondary--static, .has-hover .btn-container:hover .btn--secondary--static {
  color: var(--t-background)
}
.ui-orange .btn--secondary--static, .ui-orange .btn--secondary--static .btn-container.is-disabled, .ui-orange .btn--secondary--static.is-disabled, .ui-orange .btn--secondary--static:disabled {
  color: var(--t-tetriary)
}
.ui-orange .btn--secondary--static .btn-container.is-disabled:after, .ui-orange .btn--secondary--static.is-disabled:after, .ui-orange .btn--secondary--static:after, .ui-orange .btn--secondary--static:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.ui-orange .btn--secondary--static .btn-container.is-disabled:before, .ui-orange .btn--secondary--static.is-disabled:before, .ui-orange .btn--secondary--static:before, .ui-orange .btn--secondary--static:disabled:before {
  background: var(--t-heading)
}
.has-hover .btn-container:active:hover .ui-orange .btn--secondary--static, .has-hover .btn-container:hover .ui-orange .btn--secondary--static, .has-hover .ui-orange .btn--secondary--static:active:hover, .has-hover .ui-orange .btn--secondary--static:hover {
  color: var(--t-tetriary)
}
.btn--secondary-static.btn--outline, .btn--secondary-static.btn--outline .btn-container.is-disabled, .btn--secondary-static.btn--outline.is-disabled, .btn--secondary-static.btn--outline:disabled {
  color: var(--t-heading)
}
.btn--secondary-static.btn--outline .btn-container.is-disabled:after, .btn--secondary-static.btn--outline.is-disabled:after, .btn--secondary-static.btn--outline:after, .btn--secondary-static.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.has-hover .btn--secondary-static.btn--outline:hover, .has-hover .btn-container:hover .btn--secondary-static.btn--outline {
  color: var(--t-heading)
}
.has-hover .btn--secondary-static.btn--outline:hover:after, .has-hover .btn-container:hover .btn--secondary-static.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.has-hover .btn--secondary-static.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--secondary-static.btn--outline {
  color: var(--t-heading)
}
.has-hover .btn--secondary-static.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--secondary-static.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-heading)
}
.btn--tetriary, .btn--tetriary .btn-container.is-disabled, .btn--tetriary.is-disabled, .btn--tetriary:disabled {
  color: var(--t-tetriary)
}
.btn--tetriary .btn-container.is-disabled:after, .btn--tetriary.is-disabled:after, .btn--tetriary:after, .btn--tetriary:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--tetriary .btn-container.is-disabled:before, .btn--tetriary.is-disabled:before, .btn--tetriary:before, .btn--tetriary:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--tetriary:active:hover, .has-hover .btn--tetriary:hover, .has-hover .btn-container:active:hover .btn--tetriary, .has-hover .btn-container:hover .btn--tetriary {
  color: var(--t-primary)
}
.btn--tetriary.btn--outline, .btn--tetriary.btn--outline .btn-container.is-disabled, .btn--tetriary.btn--outline.is-disabled, .btn--tetriary.btn--outline:disabled {
  color: var(--t-text)
}
.btn--tetriary.btn--outline .btn-container.is-disabled:after, .btn--tetriary.btn--outline.is-disabled:after, .btn--tetriary.btn--outline:after, .btn--tetriary.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.has-hover .btn--tetriary.btn--outline:hover, .has-hover .btn-container:hover .btn--tetriary.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--tetriary.btn--outline:hover:after, .has-hover .btn-container:hover .btn--tetriary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn--tetriary.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--tetriary.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--tetriary.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--tetriary.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary--inverse {
  --button-background-size: 1px;
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.has-hover .btn--tetriary--inverse:active:hover, .has-hover .btn--tetriary--inverse:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse, .has-hover .btn-container:hover .btn--tetriary--inverse {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--tetriary--inverse:before {
  display: block;
  transform: translateY(100%)
}
.btn--tetriary--inverse.is-active {
  --button-background-size: 1px
}
.btn--tetriary--inverse.is-active:before, .has-hover .btn--tetriary--inverse.is-active:active:hover:before, .has-hover .btn--tetriary--inverse.is-active:hover:before, .has-hover .btn-container:active:hover .btn--tetriary--inverse.is-active:before, .has-hover .btn-container:hover .btn--tetriary--inverse.is-active:before {
  transform: translateY(0)
}
.btn--tetriary--inverse.is-active {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--tetriary--inverse.is-active:active:hover, .has-hover .btn--tetriary--inverse.is-active:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse.is-active, .has-hover .btn-container:hover .btn--tetriary--inverse.is-active {
  --button-background-size: 1px
}
.btn--tetriary--inverse.is-disabled {
  color: var(--t-lighter) !important
}
.btn--tetriary--inverse.is-disabled:after {
  --button-background-size: 1px;
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-lighter) !important
}
.btn--tetriary--inverse, .btn--tetriary--inverse .btn-container.is-disabled, .btn--tetriary--inverse.is-disabled, .btn--tetriary--inverse:disabled {
  color: var(--t-text)
}
.btn--tetriary--inverse .btn-container.is-disabled:after, .btn--tetriary--inverse.is-disabled:after, .btn--tetriary--inverse:after, .btn--tetriary--inverse:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary--inverse .btn-container.is-disabled:before, .btn--tetriary--inverse.is-disabled:before, .btn--tetriary--inverse:before, .btn--tetriary--inverse:disabled:before {
  background: var(--t-background)
}
.btn--tetriary--inverse.is-active, .btn-container.is-active .btn--tetriary--inverse, .has-hover .btn--tetriary--inverse:active:hover, .has-hover .btn--tetriary--inverse:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse, .has-hover .btn-container:hover .btn--tetriary--inverse {
  color: var(--t-background)
}
.btn--tetriary--inverse.is-active:after, .btn-container.is-active .btn--tetriary--inverse:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary--inverse.is-active:before, .btn-container.is-active .btn--tetriary--inverse:before {
  background: var(--t-background)
}
.has-hover .btn--tetriary--inverse.is-active:active:hover, .has-hover .btn--tetriary--inverse.is-active:hover, .has-hover .btn-container.is-active:active:hover .btn--tetriary--inverse, .has-hover .btn-container.is-active:hover .btn--tetriary--inverse {
  color: var(--t-text)
}
.btn--tetriary--inverse--bottom {
  border: 1px solid var(--t-text);
  --button-background-size: calc(var(--button-height) / 2);
  overflow: hidden;
  overflow: clip;
  z-index: 1
}
.btn--tetriary--inverse--bottom:before {
  z-index: 1;
  display: block;
  transform: translateY(100%)
}
.has-hover .btn--tetriary--inverse--bottom:hover, .has-hover .btn-container:hover .btn--tetriary--inverse--bottom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--tetriary--inverse--bottom:hover:before, .has-hover .btn-container:hover .btn--tetriary--inverse--bottom:before {
  transform: translateY(0)
}
.has-hover .btn--tetriary--inverse--bottom:active:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--bottom {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--tetriary--inverse--bottom:active:hover:before, .has-hover .btn-container:active:hover .btn--tetriary--inverse--bottom:before {
  transform: translateY(0)
}
.btn--tetriary--inverse--bottom, .btn--tetriary--inverse--bottom .btn-container.is-disabled, .btn--tetriary--inverse--bottom.is-disabled, .btn--tetriary--inverse--bottom:disabled {
  color: var(--t-text)
}
.btn--tetriary--inverse--bottom .btn-container.is-disabled:after, .btn--tetriary--inverse--bottom.is-disabled:after, .btn--tetriary--inverse--bottom:after, .btn--tetriary--inverse--bottom:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--tetriary--inverse--bottom .btn-container.is-disabled:before, .btn--tetriary--inverse--bottom.is-disabled:before, .btn--tetriary--inverse--bottom:before, .btn--tetriary--inverse--bottom:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--tetriary--inverse--bottom:active:hover, .has-hover .btn--tetriary--inverse--bottom:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--bottom, .has-hover .btn-container:hover .btn--tetriary--inverse--bottom {
  color: var(--t-background)
}
.btn--tetriary--inverse--static.btn--border:after {
  border-color: var(--t-primary)
}
.has-hover .btn--tetriary--inverse--static:active:hover, .has-hover .btn--tetriary--inverse--static:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--static, .has-hover .btn-container:hover .btn--tetriary--inverse--static {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--tetriary--inverse--static, .btn--tetriary--inverse--static .btn-container.is-disabled, .btn--tetriary--inverse--static.is-disabled, .btn--tetriary--inverse--static:disabled {
  color: var(--t-background)
}
.btn--tetriary--inverse--static .btn-container.is-disabled:after, .btn--tetriary--inverse--static.is-disabled:after, .btn--tetriary--inverse--static:after, .btn--tetriary--inverse--static:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary--inverse--static .btn-container.is-disabled:before, .btn--tetriary--inverse--static.is-disabled:before, .btn--tetriary--inverse--static:before, .btn--tetriary--inverse--static:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--tetriary--inverse--static:active:hover, .has-hover .btn--tetriary--inverse--static:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--static, .has-hover .btn-container:hover .btn--tetriary--inverse--static {
  color: var(--t-background)
}
.has-hover .btn--tetriary--inverse--disabled:active:hover, .has-hover .btn--tetriary--inverse--disabled:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--disabled, .has-hover .btn-container:hover .btn--tetriary--inverse--disabled {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--tetriary--inverse--disabled, .btn--tetriary--inverse--disabled .btn-container.is-disabled, .btn--tetriary--inverse--disabled.is-disabled, .btn--tetriary--inverse--disabled:disabled {
  color: var(--t-lighter)
}
.btn--tetriary--inverse--disabled .btn-container.is-disabled:after, .btn--tetriary--inverse--disabled.is-disabled:after, .btn--tetriary--inverse--disabled:after, .btn--tetriary--inverse--disabled:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary--inverse--disabled .btn-container.is-disabled:before, .btn--tetriary--inverse--disabled.is-disabled:before, .btn--tetriary--inverse--disabled:before, .btn--tetriary--inverse--disabled:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--tetriary--inverse--disabled:active:hover, .has-hover .btn--tetriary--inverse--disabled:hover, .has-hover .btn-container:active:hover .btn--tetriary--inverse--disabled, .has-hover .btn-container:hover .btn--tetriary--inverse--disabled {
  color: var(--t-lighter)
}
.btn--tetriary--inverse--disabled.btn--border:after {
  border-color: var(--c-disabled)
}
.btn--tetriary-light.btn--outline, .btn--tetriary-light.btn--outline .btn-container.is-disabled, .btn--tetriary-light.btn--outline.is-disabled, .btn--tetriary-light.btn--outline:disabled {
  color: var(--t-text)
}
.btn--tetriary-light.btn--outline .btn-container.is-disabled:after, .btn--tetriary-light.btn--outline.is-disabled:after, .btn--tetriary-light.btn--outline:after, .btn--tetriary-light.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-line)
}
.has-hover .btn--tetriary-light.btn--outline:hover, .has-hover .btn-container:hover .btn--tetriary-light.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--tetriary-light.btn--outline:hover:after, .has-hover .btn-container:hover .btn--tetriary-light.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.has-hover .btn--tetriary-light.btn--outline:active:hover, .has-hover .btn-container:active:hover .btn--tetriary-light.btn--outline {
  color: var(--t-text)
}
.has-hover .btn--tetriary-light.btn--outline:active:hover:after, .has-hover .btn-container:active:hover .btn--tetriary-light.btn--outline:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--tetriary-header, .btn--tetriary-header .btn-container.is-disabled, .btn--tetriary-header.is-disabled, .btn--tetriary-header:disabled {
  color: var(--c-black)
}
.btn--tetriary-header .btn-container.is-disabled:after, .btn--tetriary-header.is-disabled:after, .btn--tetriary-header:after, .btn--tetriary-header:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--tetriary-header .btn-container.is-disabled:before, .btn--tetriary-header.is-disabled:before, .btn--tetriary-header:before, .btn--tetriary-header:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--tetriary-header:active:hover, .has-hover .btn--tetriary-header:hover, .has-hover .btn-container:active:hover .btn--tetriary-header, .has-hover .btn-container:hover .btn--tetriary-header {
  color: var(--c-black)
}
.btn--link {
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
  overflow: visible
}
.btn--link:after, .btn--link:before {
  display: none
}
.btn--link > .btn__content {
  justify-content: flex-start;
  text-align: left
}
.btn--link.btn--square > .btn__content {
  justify-content: center;
  text-align: center
}
.btn--link, .btn--link .btn-container.is-disabled, .btn--link.is-disabled, .btn--link:disabled {
  color: var(--t-link-normal)
}
.btn--link .btn-container.is-disabled .icon, .btn--link .icon, .btn--link.is-disabled .icon, .btn--link:disabled .icon {
  color: var(--t-primary)
}
.has-hover .btn--link:active:hover, .has-hover .btn--link:active:hover .icon, .has-hover .btn--link:hover, .has-hover .btn--link:hover .icon, .has-hover .btn-container:active:hover .btn--link, .has-hover .btn-container:active:hover .btn--link .icon, .has-hover .btn-container:hover .btn--link, .has-hover .btn-container:hover .btn--link .icon {
  color: var(--t-link-hover)
}
.btn--link .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--link.btn--with-icon-text, .btn--link.btn--with-icon-text .btn-container.is-disabled, .btn--link.btn--with-icon-text.is-disabled, .btn--link.btn--with-icon-text:disabled {
  color: var(--t-link-normal)
}
.btn--link.btn--with-icon-text .btn-container.is-disabled .icon, .btn--link.btn--with-icon-text .icon, .btn--link.btn--with-icon-text.is-disabled .icon, .btn--link.btn--with-icon-text:disabled .icon {
  color: var(--t-primary)
}
.has-hover .btn--link.btn--with-icon-text:active:hover, .has-hover .btn--link.btn--with-icon-text:active:hover .icon, .has-hover .btn--link.btn--with-icon-text:hover, .has-hover .btn--link.btn--with-icon-text:hover .icon, .has-hover .btn-container:active:hover .btn--link.btn--with-icon-text, .has-hover .btn-container:active:hover .btn--link.btn--with-icon-text .icon, .has-hover .btn-container:hover .btn--link.btn--with-icon-text, .has-hover .btn-container:hover .btn--link.btn--with-icon-text .icon {
  color: var(--t-link-normal)
}
.btn--link.btn--with-icon-text .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--link--text, .btn--link--text .btn-container.is-disabled, .btn--link--text.is-disabled, .btn--link--text:disabled {
  color: var(--t-link-normal)
}
.btn--link--text .btn-container.is-disabled .icon, .btn--link--text .icon, .btn--link--text.is-disabled .icon, .btn--link--text:disabled .icon {
  color: currentColor
}
.has-hover .btn--link--text:hover, .has-hover .btn-container:hover .btn--link--text {
  color: var(--t-link-hover)
}
.has-hover .btn--link--text:hover .icon, .has-hover .btn-container:hover .btn--link--text .icon {
  color: currentColor
}
.has-hover .btn--link--text:active:hover, .has-hover .btn-container:active:hover .btn--link--text {
  color: var(--t-link-hover)
}
.has-hover .btn--link--text:active:hover .icon, .has-hover .btn-container:active:hover .btn--link--text .icon {
  color: currentColor
}
.btn--link--text .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--link--small, .btn--link--small .btn-container.is-disabled, .btn--link--small.is-disabled, .btn--link--small:disabled {
  color: var(--t-link-small)
}
.btn--link--small .btn-container.is-disabled .icon, .btn--link--small .icon, .btn--link--small.is-disabled .icon, .btn--link--small:disabled .icon {
  color: currentColor
}
.has-hover .btn--link--small:hover, .has-hover .btn-container:hover .btn--link--small {
  color: var(--t-link-normal)
}
.has-hover .btn--link--small:hover .icon, .has-hover .btn-container:hover .btn--link--small .icon {
  color: currentColor
}
.has-hover .btn--link--small:active:hover, .has-hover .btn-container:active:hover .btn--link--small {
  color: var(--t-link-normal)
}
.has-hover .btn--link--small:active:hover .icon, .has-hover .btn-container:active:hover .btn--link--small .icon {
  color: currentColor
}
.btn--link--small.is-active, .btn-container.is-active .btn--link--small {
  color: var(--t-link-normal)
}
.btn--link--small.is-active .icon, .btn-container.is-active .btn--link--small .icon {
  color: currentColor
}
.btn--link--small .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--link--inverse, .btn--link--inverse .btn-container.is-disabled, .btn--link--inverse.is-disabled, .btn--link--inverse:disabled {
  color: var(--t-link-hover)
}
.btn--link--inverse .btn-container.is-disabled .icon, .btn--link--inverse .icon, .btn--link--inverse.is-disabled .icon, .btn--link--inverse:disabled .icon {
  color: currentColor
}
.has-hover .btn--link--inverse:hover, .has-hover .btn-container:hover .btn--link--inverse {
  color: var(--t-link-normal)
}
.has-hover .btn--link--inverse:hover .icon, .has-hover .btn-container:hover .btn--link--inverse .icon {
  color: currentColor
}
.has-hover .btn--link--inverse:active:hover, .has-hover .btn-container:active:hover .btn--link--inverse {
  color: var(--t-link-normal)
}
.has-hover .btn--link--inverse:active:hover .icon, .has-hover .btn-container:active:hover .btn--link--inverse .icon {
  color: currentColor
}
.btn--link--inverse.is-active, .btn-container.is-active .btn--link--inverse {
  color: var(--t-link-normal)
}
.btn--link--inverse.is-active .icon, .btn-container.is-active .btn--link--inverse .icon {
  color: currentColor
}
.btn--link--inverse .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--link--static {
  font-size: calc(var(--scale-rem) * 1);
  line-height: 1.4em;
  --lh: 1.4em;
  letter-spacing: .1em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .btn--link--static {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 1.33333em;
    --lh: 1.33333em;
    letter-spacing: .1em
  }
}
.btn--link--static, .btn--link--static .btn-container.is-disabled, .btn--link--static.is-disabled, .btn--link--static:disabled {
  color: var(--t-link-heading)
}
.btn--link--static .btn-container.is-disabled .icon, .btn--link--static .icon, .btn--link--static.is-disabled .icon, .btn--link--static:disabled .icon {
  color: currentColor
}
.has-hover .btn--link--static:hover, .has-hover .btn-container:hover .btn--link--static {
  color: var(--t-link-heading)
}
.has-hover .btn--link--static:hover .icon, .has-hover .btn-container:hover .btn--link--static .icon {
  color: currentColor
}
.has-hover .btn--link--static:active:hover, .has-hover .btn-container:active:hover .btn--link--static {
  color: var(--t-link-heading)
}
.has-hover .btn--link--static:active:hover .icon, .has-hover .btn-container:active:hover .btn--link--static .icon {
  color: currentColor
}
.btn--link--static .icon {
  transition-property: color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.btn--gray, .btn--gray .btn-container.is-disabled, .btn--gray.is-disabled, .btn--gray:disabled {
  color: var(--t-background)
}
.btn--gray .btn-container.is-disabled:after, .btn--gray.is-disabled:after, .btn--gray:after, .btn--gray:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-small)
}
.btn--gray .btn-container.is-disabled:before, .btn--gray.is-disabled:before, .btn--gray:before, .btn--gray:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--gray:active:hover, .has-hover .btn--gray:hover, .has-hover .btn-container:active:hover .btn--gray, .has-hover .btn-container:hover .btn--gray {
  color: var(--t-primary)
}
.btn--gray.btn--outline.is-active {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--gray.btn--outline, .btn--gray.btn--outline .btn-container.is-disabled, .btn--gray.btn--outline.is-disabled, .btn--gray.btn--outline:disabled {
  color: var(--t-text)
}
.btn--gray.btn--outline .btn-container.is-disabled:after, .btn--gray.btn--outline.is-disabled:after, .btn--gray.btn--outline:after, .btn--gray.btn--outline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-line-gray)
}
.btn--gray.btn--outline .btn-container.is-disabled:before, .btn--gray.btn--outline.is-disabled:before, .btn--gray.btn--outline:before, .btn--gray.btn--outline:disabled:before {
  background: var(--t-primary)
}
.btn--gray.btn--outline.is-active, .btn-container.is-active .btn--gray.btn--outline, .has-hover .btn--gray.btn--outline:active:hover, .has-hover .btn--gray.btn--outline:hover, .has-hover .btn-container:active:hover .btn--gray.btn--outline, .has-hover .btn-container:hover .btn--gray.btn--outline {
  color: var(--t-background)
}
.btn--link--underline, .btn--link--underline .btn-container.is-disabled, .btn--link--underline.is-disabled, .btn--link--underline:disabled {
  color: var(--t-text)
}
.btn--link--underline .btn-container.is-disabled:after, .btn--link--underline.is-disabled:after, .btn--link--underline:after, .btn--link--underline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-primary)
}
.btn--link--underline .btn-container.is-disabled:before, .btn--link--underline.is-disabled:before, .btn--link--underline:before, .btn--link--underline:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--link--underline:active:hover, .has-hover .btn--link--underline:hover, .has-hover .btn-container:active:hover .btn--link--underline, .has-hover .btn-container:hover .btn--link--underline {
  color: var(--t-text)
}
.btn--link--underline:after, .btn--link--underline:before {
  display: block
}
.btn--link--inverse.btn--link--underline, .btn--link--inverse.btn--link--underline .btn-container.is-disabled, .btn--link--inverse.btn--link--underline.is-disabled, .btn--link--inverse.btn--link--underline:disabled {
  color: var(--t-link-hover)
}
.btn--link--inverse.btn--link--underline .btn-container.is-disabled:after, .btn--link--inverse.btn--link--underline.is-disabled:after, .btn--link--inverse.btn--link--underline:after, .btn--link--inverse.btn--link--underline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-link-hover)
}
.btn--link--inverse.btn--link--underline .btn-container.is-disabled:before, .btn--link--inverse.btn--link--underline.is-disabled:before, .btn--link--inverse.btn--link--underline:before, .btn--link--inverse.btn--link--underline:disabled:before {
  background: var(--t-link-normal)
}
.has-hover .btn--link--inverse.btn--link--underline:active:hover, .has-hover .btn--link--inverse.btn--link--underline:hover, .has-hover .btn-container:active:hover .btn--link--inverse.btn--link--underline, .has-hover .btn-container:hover .btn--link--inverse.btn--link--underline {
  color: var(--t-link-normal)
}
.btn--link--inverse.btn--link--underline:after, .btn--link--inverse.btn--link--underline:before {
  display: block
}
.btn--link--regular.btn--link--underline, .btn--link--regular.btn--link--underline .btn-container.is-disabled, .btn--link--regular.btn--link--underline.is-disabled, .btn--link--regular.btn--link--underline:disabled {
  color: var(--t-link-normal)
}
.btn--link--regular.btn--link--underline .btn-container.is-disabled:after, .btn--link--regular.btn--link--underline.is-disabled:after, .btn--link--regular.btn--link--underline:after, .btn--link--regular.btn--link--underline:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-link-normal)
}
.btn--link--regular.btn--link--underline .btn-container.is-disabled:before, .btn--link--regular.btn--link--underline.is-disabled:before, .btn--link--regular.btn--link--underline:before, .btn--link--regular.btn--link--underline:disabled:before {
  background: var(--t-link-hover)
}
.has-hover .btn--link--regular.btn--link--underline:active:hover, .has-hover .btn--link--regular.btn--link--underline:hover, .has-hover .btn-container:active:hover .btn--link--regular.btn--link--underline, .has-hover .btn-container:hover .btn--link--regular.btn--link--underline {
  color: var(--t-link-hover)
}
.btn--link--regular.btn--link--underline:after, .btn--link--regular.btn--link--underline:before {
  display: block
}
.btn--text-right {
  overflow: visible;
  padding-left: calc(var(--button-height) / 2);
  padding-right: 0
}
.btn--text-right:after, .btn--text-right:before {
  right: auto;
  width: var(--button-height)
}
.btn--text-right .btn__text {
  color: var(--t-text)
}
.btn--text-left {
  overflow: visible;
  padding-left: 0;
  padding-right: calc(var(--button-height) / 2)
}
.btn--text-left:after, .btn--text-left:before {
  left: auto;
  width: var(--button-height)
}
.btn--text-left .btn__text {
  color: var(--t-text)
}
.btn--text-left-with-icon {
  padding-right: calc(var(--button-height) / 4)
}
.btn--text-left.btn--halo, .btn--text-right.btn--halo {
  overflow: visible
}
.btn--text-left.btn--halo:after, .btn--text-left.btn--halo:before, .btn--text-right.btn--halo:after, .btn--text-right.btn--halo:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: calc(var(--scale-px) * 40);
  width: calc(var(--scale-px) * 40);
  border-radius: 20px;
  box-shadow: 0 0 0 1px var(--t-primary);
  background: none;
  --transition-duration: 0.5s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: box-shadow, transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing);
  -webkit-animation: button-halo-animation 4.5s infinite;
  animation: button-halo-animation 4.5s infinite
}
.btn--text-left.btn--halo:before, .btn--text-right.btn--halo:before {
  -webkit-animation-delay: -2.25s;
  animation-delay: -2.25s
}
.has-hover .btn--text-left.btn--halo:hover:after, .has-hover .btn--text-left.btn--halo:hover:before, .has-hover .btn--text-right.btn--halo:hover:after, .has-hover .btn--text-right.btn--halo:hover:before, .has-hover .btn-container:hover .btn--text-left.btn--halo:after, .has-hover .btn-container:hover .btn--text-left.btn--halo:before, .has-hover .btn-container:hover .btn--text-right.btn--halo:after, .has-hover .btn-container:hover .btn--text-right.btn--halo:before {
  box-shadow: 0 0 0 1px var(--t-text);
  transform: scale(1) !important;
  -webkit-animation: none;
  animation: none
}
@-webkit-keyframes button-halo-animation {
  0% {
    transform: scale(1);
    opacity: 0
  }
  50% {
    transform: scale(1);
    opacity: 1
  }
  to {
    transform: scale(1.5);
    opacity: 0
  }
}
@keyframes button-halo-animation {
  0% {
    transform: scale(1);
    opacity: 0
  }
  50% {
    transform: scale(1);
    opacity: 1
  }
  to {
    transform: scale(1.5);
    opacity: 0
  }
}
.btn--inverse, .btn--inverse .btn-container.is-disabled, .btn--inverse.is-disabled, .btn--inverse:disabled {
  color: var(--t-heading)
}
.btn--inverse .btn-container.is-disabled:after, .btn--inverse.is-disabled:after, .btn--inverse:after, .btn--inverse:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--inverse .btn-container.is-disabled:before, .btn--inverse.is-disabled:before, .btn--inverse:before, .btn--inverse:disabled:before {
  background: var(--t-text)
}
.btn--inverse.is-active, .btn-container.is-active .btn--inverse, .has-hover .btn--inverse:active:hover, .has-hover .btn--inverse:hover, .has-hover .btn-container:active:hover .btn--inverse, .has-hover .btn-container:hover .btn--inverse {
  color: var(--t-background)
}
.btn--inverse.is-active:after, .btn-container.is-active .btn--inverse:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--inverse.is-active:before, .btn-container.is-active .btn--inverse:before {
  background: var(--t-text)
}
.has-hover .btn--inverse.is-active:active:hover, .has-hover .btn--inverse.is-active:hover, .has-hover .btn-container.is-active:active:hover .btn--inverse, .has-hover .btn-container.is-active:hover .btn--inverse {
  color: var(--t-background)
}
.has-hover .btn--inverse--static:active:hover, .has-hover .btn--inverse--static:hover, .has-hover .btn-container:active:hover .btn--inverse--static, .has-hover .btn-container:hover .btn--inverse--static {
  --button-background-size: calc(var(--button-height) / 2)
}
.btn--inverse--static, .btn--inverse--static .btn-container.is-disabled, .btn--inverse--static.is-disabled, .btn--inverse--static:disabled {
  color: var(--t-heading)
}
.btn--inverse--static .btn-container.is-disabled:after, .btn--inverse--static.is-disabled:after, .btn--inverse--static:after, .btn--inverse--static:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--inverse--static .btn-container.is-disabled:before, .btn--inverse--static.is-disabled:before, .btn--inverse--static:before, .btn--inverse--static:disabled:before {
  background: var(--t-background)
}
.btn--inverse.btn--zoom, .btn--inverse.btn--zoom .btn-container.is-disabled, .btn--inverse.btn--zoom.is-disabled, .btn--inverse.btn--zoom:disabled, .has-hover .btn--inverse--static:active:hover, .has-hover .btn--inverse--static:hover, .has-hover .btn-container:active:hover .btn--inverse--static, .has-hover .btn-container:hover .btn--inverse--static {
  color: var(--t-heading)
}
.btn--inverse.btn--zoom .btn-container.is-disabled:after, .btn--inverse.btn--zoom.is-disabled:after, .btn--inverse.btn--zoom:after, .btn--inverse.btn--zoom:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.has-hover .btn--inverse.btn--zoom:hover, .has-hover .btn-container:hover .btn--inverse.btn--zoom {
  color: var(--t-text)
}
.has-hover .btn--inverse.btn--zoom:hover:after, .has-hover .btn-container:hover .btn--inverse.btn--zoom:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.has-hover .btn--inverse.btn--zoom:active:hover, .has-hover .btn-container:active:hover .btn--inverse.btn--zoom {
  color: var(--t-text)
}
.has-hover .btn--inverse.btn--zoom:active:hover:after, .has-hover .btn-container:active:hover .btn--inverse.btn--zoom:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--inverse.btn--zoom.is-active, .btn-container.is-active .btn--inverse.btn--zoom {
  color: var(--t-background)
}
.btn--inverse.btn--zoom.is-active:after, .btn-container.is-active .btn--inverse.btn--zoom:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.btn--inverse.btn--zoom.is-active:before, .btn-container.is-active .btn--inverse.btn--zoom:before {
  background: var(--t-text)
}
.has-hover .btn--inverse.btn--zoom.is-active:active:hover, .has-hover .btn--inverse.btn--zoom.is-active:hover, .has-hover .btn-container.is-active:active:hover .btn--inverse.btn--zoom, .has-hover .btn-container.is-active:hover .btn--inverse.btn--zoom {
  color: var(--t-background)
}
.btn--marker, .btn--marker .btn-container.is-disabled, .btn--marker.is-disabled, .btn--marker:disabled {
  color: var(--t-heading)
}
.btn--marker .btn-container.is-disabled:after, .btn--marker.is-disabled:after, .btn--marker:after, .btn--marker:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--marker .btn-container.is-disabled:before, .btn--marker.is-disabled:before, .btn--marker:before, .btn--marker:disabled:before {
  background: var(--t-background)
}
.has-hover .btn--marker:active:hover, .has-hover .btn--marker:hover, .has-hover .btn-container:active:hover .btn--marker, .has-hover .btn-container:hover .btn--marker {
  color: var(--t-heading)
}
.btn--marker:before {
  display: block;
  transform: scale(0);
  z-index: 1
}
.btn--marker:after {
  transition-property: box-shadow, transform;
  transition-duration: var(--transition-duration), 0ms
}
.has-hover .btn--marker:hover, .has-hover .btn-container:hover .btn--marker {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--marker:hover:after, .has-hover .btn-container:hover .btn--marker:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--marker:hover:before, .has-hover .btn-container:hover .btn--marker:before {
  transform: scale(1)
}
.has-hover .btn--marker:active:hover, .has-hover .btn-container:active:hover .btn--marker {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--marker:active:hover:after, .has-hover .btn-container:active:hover .btn--marker:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--marker:active:hover:before, .has-hover .btn-container:active:hover .btn--marker:before {
  transform: scale(1)
}
.no-hover .is-active .btn--marker, .no-hover .is-active .btn--marker .btn-container.is-disabled, .no-hover .is-active .btn--marker.is-disabled, .no-hover .is-active .btn--marker:disabled {
  color: var(--t-background)
}
.no-hover .is-active .btn--marker .btn-container.is-disabled:after, .no-hover .is-active .btn--marker.is-disabled:after, .no-hover .is-active .btn--marker:after, .no-hover .is-active .btn--marker:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.no-hover .is-active .btn--marker .btn-container.is-disabled:before, .no-hover .is-active .btn--marker.is-disabled:before, .no-hover .is-active .btn--marker:before, .no-hover .is-active .btn--marker:disabled:before {
  background: var(--t-text)
}
.btn--marker-inverse, .btn--marker-inverse .btn-container.is-disabled, .btn--marker-inverse.is-disabled, .btn--marker-inverse:disabled {
  color: var(--t-heading)
}
.btn--marker-inverse .btn-container.is-disabled:after, .btn--marker-inverse.is-disabled:after, .btn--marker-inverse:after, .btn--marker-inverse:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-background)
}
.btn--marker-inverse .btn-container.is-disabled:before, .btn--marker-inverse.is-disabled:before, .btn--marker-inverse:before, .btn--marker-inverse:disabled:before {
  background: var(--t-text)
}
.has-hover .btn--marker-inverse:active:hover, .has-hover .btn--marker-inverse:hover, .has-hover .btn-container:active:hover .btn--marker-inverse, .has-hover .btn-container:hover .btn--marker-inverse {
  color: var(--t-background)
}
.btn--marker-inverse:before {
  display: block;
  transform: scale(0);
  z-index: 1
}
.btn--marker-inverse:after {
  transition-property: box-shadow, transform;
  transition-duration: var(--transition-duration), 0ms
}
.has-hover .btn--marker-inverse:hover, .has-hover .btn-container:hover .btn--marker-inverse {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--marker-inverse:hover:after, .has-hover .btn-container:hover .btn--marker-inverse:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--marker-inverse:hover:before, .has-hover .btn-container:hover .btn--marker-inverse:before {
  transform: scale(1)
}
.has-hover .btn--marker-inverse:active:hover, .has-hover .btn-container:active:hover .btn--marker-inverse {
  --button-background-size: calc(var(--button-height) / 2)
}
.has-hover .btn--marker-inverse:active:hover:after, .has-hover .btn-container:active:hover .btn--marker-inverse:after {
  transition-delay: 0ms, var(--transition-duration);
  transform: scale(.95)
}
.has-hover .btn--marker-inverse:active:hover:before, .has-hover .btn-container:active:hover .btn--marker-inverse:before {
  transform: scale(1)
}
.no-hover .is-active .btn--marker-inverse, .no-hover .is-active .btn--marker-inverse .btn-container.is-disabled, .no-hover .is-active .btn--marker-inverse.is-disabled, .no-hover .is-active .btn--marker-inverse:disabled {
  color: var(--t-background)
}
.no-hover .is-active .btn--marker-inverse .btn-container.is-disabled:after, .no-hover .is-active .btn--marker-inverse.is-disabled:after, .no-hover .is-active .btn--marker-inverse:after, .no-hover .is-active .btn--marker-inverse:disabled:after {
  box-shadow: inset 0 0 0 var(--button-background-size) var(--t-text)
}
.no-hover .is-active .btn--marker-inverse .btn-container.is-disabled:before, .no-hover .is-active .btn--marker-inverse.is-disabled:before, .no-hover .is-active .btn--marker-inverse:before, .no-hover .is-active .btn--marker-inverse:disabled:before {
  background: var(--t-text)
}
:root {
  --transition-duration: 0.5s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  --transition-delay: 0s
}
.disable-transitions, .disable-transitions *, .disable-transitions:after, .disable-transitions :after, .disable-transitions:before, .disable-transitions :before {
  transition: none !important
}
@media (prefers-reduced-motion:reduce), (update:slow) {
  *, :after, :before {
    -webkit-animation-delay: -1ms !important;
    animation-delay: -1ms !important;
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    background-attachment: scroll !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important
  }
}
.animation--fade-in, .animation--fade-out, .animation--tabs-in, .animation--tabs-out {
  pointer-events: none;
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--fade-in--inactive, .animation--fade-out--active, .animation--tabs-in--inactive, .animation--tabs-out--active {
  opacity: 0
}
.animation--fade-down-in, .animation--fade-down-out, .animation--fade-up-in, .animation--fade-up-out {
  pointer-events: none;
  transition-property: transform, opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--fade-up-in--inactive, .animation--fade-up-out--active {
  transform: translateY(calc(var(--spacing) * -1));
  opacity: 0
}
.animation--fade-down-in--inactive, .animation--fade-down-out--active {
  transform: translateY(var(--spacing));
  opacity: 0
}
.animation--image-in {
  pointer-events: none;
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--image-in--inactive {
  opacity: 0
}
.animation--image-in-clip-bottom, .animation--image-in-move-top, .animation--image-out-clip-top {
  pointer-events: none;
  overflow: hidden;
  overflow: clip
}
.animation--image-in-clip-bottom, .animation--image-in-clip-bottom img, .animation--image-in-move-top, .animation--image-in-move-top img, .animation--image-out-clip-top, .animation--image-out-clip-top img {
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--image-out-clip-top--active {
  transform: translateY(-100%)
}
.animation--image-in-clip-bottom--inactive, .animation--image-out-clip-top--active img {
  transform: translateY(100%)
}
.animation--image-in-clip-bottom--inactive img, .animation--image-in-move-top--inactive {
  transform: translateY(-100%)
}
.animation--image-in-move-top--inactive img {
  transform: translateY(50%)
}
.animation--slide-in-bottom, .animation--slide-in-bottom-medium, .animation--slide-in-bottom-small, .animation--slide-in-top, .animation--slide-out-bottom, .animation--slide-out-top {
  transition-property: transform, opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing);
  overflow: hidden;
  overflow: clip
}
.animation--slide-in-bottom-medium {
  --transition-duration: 0.375s;
  --transition-easing: cubic-bezier(0.47, 0.04, 0.5, -0.06);
  transition-property: transform, opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--slide-in-bottom--inactive, .animation--slide-out-bottom--active {
  transform: translateY(100%);
  opacity: 0
}
.animation--slide-in-top--inactive, .animation--slide-out-top--active {
  transform: translateY(-100%);
  opacity: 0
}
.animation--slide-in-bottom-small--inactive {
  transform: translateY(25px);
  opacity: 0
}
.animation--slide-in-bottom-medium--inactive {
  transform: translateY(25%);
  opacity: 0
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .animation--slide-in-bottom-medium--inactive {
    transform: translateY(10%)
  }
}
.animation--title {
  --line-stagger: 30ms;
  transition: border-color !important;
  transition-duration: calc(var(--line-total) * var(--line-stagger) + 1.5s) !important
}
.is-edge .animation--title, .is-ie .animation--title {
  transition-duration: 1.5s !important
}
.animation--title .icon, .animation--title .word-wrap {
  transition: transform 1.5s cubic-bezier(.25, .74, .22, .99), opacity 1.5s cubic-bezier(.25, .74, .22, .99);
  transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}
.is-edge .animation--title .icon, .is-edge .animation--title .word-wrap, .is-ie .animation--title .icon, .is-ie .animation--title .word-wrap {
  transition-delay: 0
}
.animation--title--inactive {
  border-color: #fff
}
.animation--title--inactive .word-wrap {
  transform: translateY(30%);
  opacity: 0
}
.animation--title--inactive .icon {
  transform: translateY(220%);
  opacity: 0
}
.animation--title.splitting .word, .animation--title.splitting .word-wrap {
  overflow: visible
}
.animation--title.text--g0, .animation--title.text--g1, .animation--title.text--g1-md, .animation--title.text--g1-sm, .animation--title.text--g1-xs, .animation--title.text--g1-xsl, .animation--title.text--g2, .animation--title.text--g3, .animation--title.text--g3-sm {
  --line-stagger: 160ms
}
.animation--title.h1, .animation--title.h2 {
  --line-stagger: 100ms
}
.animation--title.h3 {
  --line-stagger: 80ms
}
.animation--text, .animation--title.h4, .animation--title.text--h4-p {
  --line-stagger: 60ms
}
.animation--text {
  transition: border-color !important;
  transition-duration: calc(var(--line-total) * var(--line-stagger) + 2s) !important
}
.is-edge .animation--text, .is-ie .animation--text {
  transition-duration: 2s !important
}
.animation--text .icon, .animation--text .word-wrap {
  transition: transform 2s cubic-bezier(.25, .74, .22, .99), opacity 2s cubic-bezier(.25, .74, .22, .99);
  transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}
.is-edge .animation--text .icon, .is-edge .animation--text .word-wrap, .is-ie .animation--text .icon, .is-ie .animation--text .word-wrap {
  transition-delay: 0
}
.animation--text--inactive {
  border-color: #fff
}
.animation--text--inactive .word-wrap {
  transform: translateY(110%);
  opacity: 0
}
.animation--text--inactive .icon {
  transform: translateY(220%);
  opacity: 0
}
.animation--text.animation--fast {
  --line-stagger: 30ms;
  transition: border-color !important;
  transition-duration: calc(var(--line-total) * var(--line-stagger) + 1s) !important
}
.is-edge .animation--text.animation--fast, .is-ie .animation--text.animation--fast {
  transition-duration: 1s !important
}
.animation--text.animation--fast .icon, .animation--text.animation--fast .word-wrap {
  transition: transform 1s cubic-bezier(.25, .74, .22, .99), opacity 1s cubic-bezier(.25, .74, .22, .99);
  transition-delay: calc(var(--line-index, 0) * var(--line-stagger))
}
.is-edge .animation--text.animation--fast .icon, .is-edge .animation--text.animation--fast .word-wrap, .is-ie .animation--text.animation--fast .icon, .is-ie .animation--text.animation--fast .word-wrap {
  transition-delay: 0
}
.animation--text.animation--fast--inactive {
  border-color: #fff
}
.animation--text.animation--fast--inactive .word-wrap {
  transform: translateY(110%);
  opacity: 0
}
.animation--text.animation--fast--inactive .icon {
  transform: translateY(220%);
  opacity: 0
}
.animation--text-out--inactive .word-wrap {
  opacity: 1;
  transform: none
}
.animation--text-out--active .word-wrap {
  transform: translateY(-110%);
  opacity: 0
}
.animation-text-acceleration .word-wrap {
  will-change: transform
}
.splitting .char, .splitting .word, .splitting .word-wrap {
  vertical-align: top;
  display: inline-block
}
.splitting .word, .splitting .word-wrap {
  overflow: hidden;
  position: relative;
  margin: -20px -5px -5px;
  padding: 20px 5px 5px
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .splitting .word, .splitting .word-wrap {
    margin: -40px -5px -15px;
    padding: 40px 5px 15px
  }
}
.splitting--text .word, .splitting--text .word-wrap {
  margin: -5px;
  padding: 5px
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .splitting--text .word, .splitting--text .word-wrap {
    margin: -15px -5px;
    padding: 15px 5px
  }
}
.word {
  white-space: nowrap
}
.words a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  overflow: hidden;
  z-index: 1
}
.words.animation--text--inactive a, .words.animation--title--inactive a {
  position: static;
  overflow: visible
}
.animation--tabs-in {
  transition-timing-function: cubic-bezier(.25, .74, .22, .99)
}
.animation--tabs-out {
  transition-timing-function: cubic-bezier(.47, .04, .5, -.06)
}
.animation--tabs-text-in-bottom, .animation--tabs-text-out-top {
  overflow: hidden;
  overflow: clip
}
.animation--tabs-text-in-bottom, .animation--tabs-text-in-bottom > div, .animation--tabs-text-out-top, .animation--tabs-text-out-top > div {
  --transition-duration: 1000ms;
  --transition-easing: cubic-bezier(0.6, 0, 0.1, 1);
  transition-property: transform, opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--tabs-text-in-bottom--inactive > div {
  opacity: 0;
  transform: translateY(100%)
}
.animation--tabs-text-out-top--active > div {
  opacity: 0;
  transform: translateY(-120%)
}
.animation--height {
  pointer-events: none;
  overflow: hidden;
  overflow: clip;
  transition-property: height, opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.js [data-reveal]:not([data-reveal-visible]) {
  pointer-events: all !important
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .js [data-reveal]:not([data-reveal-visible]) {
    opacity: 0 !important;
    pointer-events: none !important
  }
}
@media (prefers-reduced-motion:reduce), (update:slow) {
  .js [data-reveal]:not([data-reveal-visible]) {
    opacity: 1 !important;
    pointer-events: all !important
  }
}
.animation--fast {
  --transition-duration: 0.25s
}
.animation--medium {
  --transition-duration: 1.5s
}
.animation--slow {
  --transition-duration: 1s
}
.animation--block {
  --transition-duration: 2s
}
.animation--delay {
  --transition-delay: 0.5s
}
.animation--delay-fast {
  --transition-delay: 0.25s
}
.animation--delay-medium {
  --transition-delay: 1.5s
}
.animation--delay-slow {
  --transition-delay: 1s
}
.animation--delay-block {
  --transition-delay: 2s
}
.animation--easing-out {
  --transition-easing: $easing-out
}
.animation--easing-in {
  --transition-easing: $easing-in
}
.animation--image-hover__image {
  --transition-duration: 1s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.has-hover .animation--image-hover:hover .animation--image-hover__image {
  transform: scale(1.05)
}
.animation--modal-menu-in {
  --transition-duration: 1.8s;
  transition-timing-function: var(--transition-easing)
}
.animation--modal-menu-in, .animation--modal-menu-in .modal__background, .animation--modal-menu-in .modal__scroller {
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration)
}
.animation--modal-menu-in .modal__background, .animation--modal-menu-in .modal__scroller {
  --transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: var(--transition-easing)
}
.animation--modal-menu-in .modal__scroller {
  transition-delay: var(--transition-duration)
}
.animation--modal-menu-in--inactive .modal__background, .animation--modal-menu-in--inactive .modal__scroller {
  opacity: 0
}
.animation--modal-image {
  --transition-duration: 1.8s;
  transition-timing-function: cubic-bezier(.25, .74, .22, .99), linear
}
.animation--menu-in, .animation--menu-out {
  transition-property: border-color;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--menu-in .menu-dropdown__backdrop, .animation--menu-out .menu-dropdown__backdrop {
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing);
  will-change: opacity
}
.animation--menu-in .menu-dropdown__animation, .animation--menu-in .menu-dropdown__animation-inner, .animation--menu-out .menu-dropdown__animation, .animation--menu-out .menu-dropdown__animation-inner {
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing);
  will-change: transform
}
.animation--menu-in, .animation--menu-in .menu-dropdown__animation, .animation--menu-in .menu-dropdown__animation-inner, .animation--menu-in .menu-dropdown__backdrop {
  transition-duration: 1s
}
.animation--menu-in--inactive .menu-dropdown__backdrop, .animation--menu-out--active .menu-dropdown__backdrop {
  opacity: 0
}
.animation--menu-in--inactive .menu-dropdown__animation, .animation--menu-out--active .menu-dropdown__animation {
  transform: translateY(-101%) !important
}
.animation--menu-in--inactive .menu-dropdown__animation-inner, .animation--menu-out--active .menu-dropdown__animation-inner {
  transform: translateY(101%) !important
}
.card {
  display: block;
  position: relative;
  --card-spacing-h: var(--spacing-sm);
  --card-spacing-v: var(--spacing-sm)
}
.card--md {
  --card-spacing-h: var(--spacing);
  --card-spacing-v: var(--spacing)
}
.card--height {
  height: 100%
}
.card__sizer {
  display: block
}
.card--square .card__sizer {
  padding-top: 100%
}
.card__overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.card__background {
  overflow: hidden;
  overflow: clip
}
.card__background, .card__background img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.card__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.card__lb, .card__lt, .card__rb, .card__rt {
  display: block;
  position: absolute;
  left: var(--card-spacing-h);
  right: var(--card-spacing-h);
  top: var(--card-spacing-v)
}
.card__rb, .card__rt {
  text-align: right
}
.card__lb, .card__rb {
  top: auto;
  bottom: var(--card-spacing-v)
}
.card--text-narrow {
  --card-spacing-h: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 1.5));
  --card-spacing-v: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 1.5))
}
.card--image .card__background, .card--image .card__background img {
  position: static;
  height: auto
}
.card--image--full {
  height: 100%
}
.card--image--full .card__background, .card--image--full .card__background img {
  position: absolute;
  height: 100%
}
.no-hover .card--image .card__button {
  left: auto;
  top: auto;
  right: var(--card-spacing-h);
  bottom: var(--card-spacing-v);
  transform: none
}
.has-hover .card--image .card__button {
  transition-property: color, transform, opacity;
  opacity: 0;
  pointer-events: none
}
.has-hover .card--image:hover .card__button {
  opacity: 1
}
.card.card--hover-text {
  position: relative;
  contain: layout paint
}
.card.card--hover-text .card__background, .card.card--hover-text .card__background img {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: auto;
  height: var(--sticky-content-height);
  will-change: transform
}
.card.card--hover-text .card__background--auto, .card.card--hover-text .card__background--auto img {
  width: 100%;
  height: auto
}
.card.card--hover-text--full {
  height: 100%
}
.card.card--hover-text--full .card__background, .card.card--hover-text--full .card__background img {
  height: 100%;
  width: 100%
}
.card.card--hover-text--full .card__background img {
  -o-object-fit: cover;
  object-fit: cover
}
.card.card--hover-text .card__hover, .card.card--hover-text .card__title {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: calc(var(--spacing) * 1.5) var(--spacing);
  transition-property: opacity, transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .card.card--hover-text .card__hover, .card.card--hover-text .card__title {
    padding: var(--spacing)
  }
}
.card.card--hover-text .card__button {
  transition-property: opacity, transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.card.card--hover-text .card__hover {
  transform: translateY(25%);
  opacity: 0
}
.card.card--hover-text .card__hover > p {
  z-index: 1;
  max-width: 500px;
  position: relative
}
.card.card--hover-text .card__hover > p + p {
  padding-top: var(--md, calc(var(--spacing) / 60 * 25)) var(--n-md, 25px)
}
.card.card--hover-text .card__hover:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
  opacity: 0;
  z-index: 0;
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
@media (min-width:1920px) and (min-height:600px) {
  .card.card--hover-text .card__hover > p {
    max-width: calc(var(--spacing) * 10)
  }
}
.card.card--hover-text.is-active, .has-hover .card.card--hover-text:hover, .has-hover .card.card--hover-text:hover:active {
  z-index: 3
}
.card.card--hover-text.is-active .card__title, .has-hover .card.card--hover-text:hover .card__title, .has-hover .card.card--hover-text:hover:active .card__title {
  opacity: 0;
  transform: translateY(-25%)
}
.card.card--hover-text.is-active .card__hover, .has-hover .card.card--hover-text:hover .card__hover, .has-hover .card.card--hover-text:hover:active .card__hover {
  opacity: 1;
  transform: translateY(0)
}
.card.card--hover-text.is-active .card__hover:after, .has-hover .card.card--hover-text:hover .card__hover:after, .has-hover .card.card--hover-text:hover:active .card__hover:after {
  opacity: 1
}
.card.card--hover-text.is-active .card__button, .has-hover .card.card--hover-text:hover .card__button, .has-hover .card.card--hover-text:hover:active .card__button {
  transform: translate(-50%, -50%) scale(0)
}
.card--dropdown {
  height: 100%
}
.page-transition-content {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  min-height: 100vh !important;
  z-index: 12 !important
}
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 13
}
.preloader__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}
.preloader__content__animation {
  width: 39.58333vmax;
  height: 100%
}
.no-js .preloader {
  display: none !important
}
.modal .preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 9
}
.modal .preloader__content {
  position: -webkit-sticky;
  position: sticky;
  max-height: var(--viewport-height)
}
.preloader--intro .preloader__content, .preloader--webgl .preloader__content {
  align-items: flex-start
}
.preloader--intro .preloader__content__animation, .preloader--webgl .preloader__content__animation {
  position: absolute;
  height: auto;
  width: auto;
  left: var(--spacing);
  right: var(--spacing);
  top: var(--md, calc(100vh / 900 * 300)) var(--n-md, calc(var(--spacing) / 20 * 155))
}
.preloader--webgl .preloader__content {
  align-items: flex-start
}
.preloader--webgl .preloader__content__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.preloader--webgl .preloader__content__background img {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover
}
.preloader--webgl .preloader__content__background canvas {
  position: relative
}
html.has-scroll-smooth {
  overflow: hidden
}
html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
.has-scroll-smooth body {
  overflow: hidden
}
.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh
}
[data-scroll-direction=horizontal] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap
}
[data-scroll-direction=horizontal] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%
}
.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform .3s, opacity .3s;
  opacity: 0
}
.c-scrollbar:hover {
  transform: scaleX(1.45)
}
.c-scrollbar:hover, .has-scroll-dragging .c-scrollbar, .has-scroll-scrolling .c-scrollbar {
  opacity: 1
}
[data-scroll-direction=horizontal] .c-scrollbar {
  width: 100%;
  height: 10px;
  top: auto;
  bottom: 0;
  transform: scaleY(1)
}
[data-scroll-direction=horizontal] .c-scrollbar:hover {
  transform: scaleY(1.3)
}
.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  opacity: .5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab
}
.has-scroll-dragging .c-scrollbar_thumb {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
[data-scroll-direction=horizontal] .c-scrollbar_thumb {
  right: auto;
  bottom: 0
}
.has-scroll-smooth {
  scroll-behavior: auto
}
.c-scrollbar {
  z-index: 11
}
.has-scroll-smooth [data-scroll-section][data-scroll-section-id]:not([data-scroll-section-inview]) {
  transform: translateX(-200vw) !important
}
html.has-scroll-smooth {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}
.with-modal .c-scrollbar {
  opacity: 0
}
@media print {
  .has-scroll-smooth body, html.has-scroll-smooth {
    overflow: visible
  }
  html.has-scroll-smooth {
    position: static
  }
  .has-scroll-smooth .page-content-wrapper, .has-scroll-smooth [data-scroll-section], .has-scroll-smooth [data-scroll-section]:not([data-scroll-section-inview]) {
    transform: none !important;
    opacity: 1 !important;
    pointer-events: all !important
  }
  .has-scroll-smooth [data-scroll-container] {
    min-height: 0
  }
  .c-scrollbar {
    display: none !important
  }
}
.ui-background, body {
  background: var(--t-background)
}
@media print {
  .ui-background, body {
    background: var(--c-white)
  }
  body, body .h1, body .h2, body .h3, body .h4, body .h5, body button, body h1, body h2, body h3, body h4, body h5, body input, body textarea {
    color: var(--c-print)
  }
}
body {
  position: relative
}
.container-h, .container-h-desktop, .container-h-mob, .container-v, .container-v-lg, .container-v-lg-bottom, .container-v-lg-top, .container-v-md, .container-v-md-top, .container-v-sm-bottom, .container-v-xs-bottom-desktop {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 100%
}
.container-h-desktop:after, .container-h-desktop:before, .container-h-mob:after, .container-h-mob:before, .container-h:after, .container-h:before, .container-v-lg-bottom:after, .container-v-lg-bottom:before, .container-v-lg-top:after, .container-v-lg-top:before, .container-v-lg:after, .container-v-lg:before, .container-v-md-top:after, .container-v-md-top:before, .container-v-md:after, .container-v-md:before, .container-v-sm-bottom:after, .container-v-sm-bottom:before, .container-v-xs-bottom-desktop:after, .container-v-xs-bottom-desktop:before, .container-v:after, .container-v:before {
  content: " ";
  display: table
}
.container-h {
  padding-right: var(--spacing);
  padding-left: var(--spacing)
}
.container-h-mob {
  padding-right: var(--md, 0) var(--n-md, var(--spacing));
  padding-left: var(--md, 0) var(--n-md, var(--spacing))
}
.container-h-desktop {
  padding-right: var(--md, var(--spacing)) var(--n-md, 0);
  padding-left: var(--md, var(--spacing)) var(--n-md, 0)
}
.container-v {
  padding-top: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 1.5));
  padding-bottom: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 1.5))
}
.container-v-xs-bottom-desktop {
  padding-bottom: var(--md, calc(var(--spacing) / 8)) var(--n-md, 0)
}
.container-v-sm-bottom {
  padding-bottom: calc(var(--spacing) * 1)
}
.container-v-md {
  padding-bottom: calc(var(--spacing) * 3)
}
.container-v-md, .container-v-md-top {
  padding-top: calc(var(--spacing) * 3)
}
.container-v-lg {
  padding-bottom: var(--md, calc(var(--spacing) * 4)) var(--n-md, calc(var(--spacing) * 6))
}
.container-v-lg, .container-v-lg-top {
  padding-top: var(--md, calc(var(--spacing) * 4)) var(--n-md, calc(var(--spacing) * 6))
}
.container-v-lg-bottom {
  padding-bottom: var(--md, calc(var(--spacing) * 4)) var(--n-md, calc(var(--spacing) * 6))
}
@media print {
  .container .container-h, .container .container-h-desktop, .container .container-h-mob, .container .container-v, .container .container-v-lg, .container .container-v-lg-bottom, .container .container-v-lg-top, .container .container-v-md, .container .container-v-md-top, .container .container-v-sm-bottom, .container .container-v-xs-bottom-desktop {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
  }
}
.full-width {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw
}
.row {
  display: flex;
  flex-wrap: wrap
}
.row--pad {
  margin-left: calc(calc(var(--scale-px) * 20) / -2);
  margin-right: calc(calc(var(--scale-px) * 20) / -2)
}
.row--pad > .col {
  padding-left: calc(calc(var(--scale-px) * 20) / 2);
  padding-right: calc(calc(var(--scale-px) * 20) / 2)
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .row--pad {
    margin-left: calc(calc(var(--scale-px) * 20) / -2);
    margin-right: calc(calc(var(--scale-px) * 20) / -2)
  }
  .row--pad > .col {
    padding-left: calc(calc(var(--scale-px) * 20) / 2);
    padding-right: calc(calc(var(--scale-px) * 20) / 2)
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .row--pad {
    margin-left: calc(calc(var(--scale-px) * 20) / -2);
    margin-right: calc(calc(var(--scale-px) * 20) / -2)
  }
  .row--pad > .col {
    padding-left: calc(calc(var(--scale-px) * 20) / 2);
    padding-right: calc(calc(var(--scale-px) * 20) / 2)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .row--pad {
    margin-left: calc(calc(var(--scale-px) * 20) / -2);
    margin-right: calc(calc(var(--scale-px) * 20) / -2)
  }
  .row--pad > .col {
    padding-left: calc(calc(var(--scale-px) * 20) / 2);
    padding-right: calc(calc(var(--scale-px) * 20) / 2)
  }
}
.col {
  flex: 1;
  max-width: 100%
}
.col--xs-1 {
  flex: 0 1 16.66667%;
  width: 16.66667%
}
@-moz-document url-prefix() {
  .col--xs-1 {
    max-width: 16.66667%
  }
}
.offset--xs-1 {
  margin-left: 16.66667%
}
.col--xs-2 {
  flex: 0 1 33.33333%;
  width: 33.33333%
}
@-moz-document url-prefix() {
  .col--xs-2 {
    max-width: 33.33333%
  }
}
.offset--xs-2 {
  margin-left: 33.33333%
}
.col--xs-3 {
  flex: 0 1 50%;
  width: 50%
}
@-moz-document url-prefix() {
  .col--xs-3 {
    max-width: 50%
  }
}
.offset--xs-3 {
  margin-left: 50%
}
.col--xs-4 {
  flex: 0 1 66.66667%;
  width: 66.66667%
}
@-moz-document url-prefix() {
  .col--xs-4 {
    max-width: 66.66667%
  }
}
.offset--xs-4 {
  margin-left: 66.66667%
}
.col--xs-5 {
  flex: 0 1 83.33333%;
  width: 83.33333%
}
@-moz-document url-prefix() {
  .col--xs-5 {
    max-width: 83.33333%
  }
}
.offset--xs-5 {
  margin-left: 83.33333%
}
.col--xs-6 {
  flex: 0 1 100%;
  width: 100%
}
@-moz-document url-prefix() {
  .col--xs-6 {
    max-width: 100%
  }
}
.offset--xs-6 {
  margin-left: 100%
}
.col--xs-full {
  flex: 0 1 100%;
  width: 100%
}
@-moz-document url-prefix() {
  .col--xs-full {
    max-width: 100%
  }
}
.offset--xs-0 {
  margin-left: 0
}
.col--xs-auto {
  flex: 0 0 auto;
  width: auto
}
@-moz-document url-prefix() {
  .col--xs-auto {
    max-width: none
  }
}
.col--xs-fill {
  flex: 1 1 auto;
  width: auto
}
@-moz-document url-prefix() {
  .col--xs-fill {
    max-width: none
  }
}
.col--xs-fit {
  flex: 1;
  width: auto
}
@-moz-document url-prefix() {
  .col--xs-fit {
    max-width: none
  }
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .col--sm-1 {
    flex: 0 1 16.66667%;
    width: 16.66667%
  }
  @-moz-document url-prefix() {
    .col--sm-1 {
      max-width: 16.66667%
    }
  }
  .offset--sm-1 {
    margin-left: 16.66667%
  }
  .col--sm-2 {
    flex: 0 1 33.33333%;
    width: 33.33333%
  }
  @-moz-document url-prefix() {
    .col--sm-2 {
      max-width: 33.33333%
    }
  }
  .offset--sm-2 {
    margin-left: 33.33333%
  }
  .col--sm-3 {
    flex: 0 1 50%;
    width: 50%
  }
  @-moz-document url-prefix() {
    .col--sm-3 {
      max-width: 50%
    }
  }
  .offset--sm-3 {
    margin-left: 50%
  }
  .col--sm-4 {
    flex: 0 1 66.66667%;
    width: 66.66667%
  }
  @-moz-document url-prefix() {
    .col--sm-4 {
      max-width: 66.66667%
    }
  }
  .offset--sm-4 {
    margin-left: 66.66667%
  }
  .col--sm-5 {
    flex: 0 1 83.33333%;
    width: 83.33333%
  }
  @-moz-document url-prefix() {
    .col--sm-5 {
      max-width: 83.33333%
    }
  }
  .offset--sm-5 {
    margin-left: 83.33333%
  }
  .col--sm-6 {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--sm-6 {
      max-width: 100%
    }
  }
  .offset--sm-6 {
    margin-left: 100%
  }
  .col--sm-full {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--sm-full {
      max-width: 100%
    }
  }
  .offset--sm-0 {
    margin-left: 0
  }
  .col--sm-auto {
    flex: 0 0 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--sm-auto {
      max-width: none
    }
  }
  .col--sm-fill {
    flex: 1 1 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--sm-fill {
      max-width: none
    }
  }
  .col--sm-fit {
    flex: 1;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--sm-fit {
      max-width: none
    }
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .col--md-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%
  }
  @-moz-document url-prefix() {
    .col--md-1 {
      max-width: 8.33333%
    }
  }
  .offset--md-1 {
    margin-left: 8.33333%
  }
  .col--md-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%
  }
  @-moz-document url-prefix() {
    .col--md-2 {
      max-width: 16.66667%
    }
  }
  .offset--md-2 {
    margin-left: 16.66667%
  }
  .col--md-3 {
    flex: 0 1 25%;
    width: 25%
  }
  @-moz-document url-prefix() {
    .col--md-3 {
      max-width: 25%
    }
  }
  .offset--md-3 {
    margin-left: 25%
  }
  .col--md-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%
  }
  @-moz-document url-prefix() {
    .col--md-4 {
      max-width: 33.33333%
    }
  }
  .offset--md-4 {
    margin-left: 33.33333%
  }
  .col--md-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%
  }
  @-moz-document url-prefix() {
    .col--md-5 {
      max-width: 41.66667%
    }
  }
  .offset--md-5 {
    margin-left: 41.66667%
  }
  .col--md-6 {
    flex: 0 1 50%;
    width: 50%
  }
  @-moz-document url-prefix() {
    .col--md-6 {
      max-width: 50%
    }
  }
  .offset--md-6 {
    margin-left: 50%
  }
  .col--md-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%
  }
  @-moz-document url-prefix() {
    .col--md-7 {
      max-width: 58.33333%
    }
  }
  .offset--md-7 {
    margin-left: 58.33333%
  }
  .col--md-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%
  }
  @-moz-document url-prefix() {
    .col--md-8 {
      max-width: 66.66667%
    }
  }
  .offset--md-8 {
    margin-left: 66.66667%
  }
  .col--md-9 {
    flex: 0 1 75%;
    width: 75%
  }
  @-moz-document url-prefix() {
    .col--md-9 {
      max-width: 75%
    }
  }
  .offset--md-9 {
    margin-left: 75%
  }
  .col--md-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%
  }
  @-moz-document url-prefix() {
    .col--md-10 {
      max-width: 83.33333%
    }
  }
  .offset--md-10 {
    margin-left: 83.33333%
  }
  .col--md-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%
  }
  @-moz-document url-prefix() {
    .col--md-11 {
      max-width: 91.66667%
    }
  }
  .offset--md-11 {
    margin-left: 91.66667%
  }
  .col--md-12 {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--md-12 {
      max-width: 100%
    }
  }
  .offset--md-12 {
    margin-left: 100%
  }
  .col--md-full {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--md-full {
      max-width: 100%
    }
  }
  .offset--md-0 {
    margin-left: 0
  }
  .col--md-auto {
    flex: 0 0 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--md-auto {
      max-width: none
    }
  }
  .col--md-fill {
    flex: 1 1 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--md-fill {
      max-width: none
    }
  }
  .col--md-fit {
    flex: 1;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--md-fit {
      max-width: none
    }
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .col--xxxl-1 {
    flex: 0 1 8.33333%;
    width: 8.33333%
  }
  @-moz-document url-prefix() {
    .col--xxxl-1 {
      max-width: 8.33333%
    }
  }
  .offset--xxxl-1 {
    margin-left: 8.33333%
  }
  .col--xxxl-2 {
    flex: 0 1 16.66667%;
    width: 16.66667%
  }
  @-moz-document url-prefix() {
    .col--xxxl-2 {
      max-width: 16.66667%
    }
  }
  .offset--xxxl-2 {
    margin-left: 16.66667%
  }
  .col--xxxl-3 {
    flex: 0 1 25%;
    width: 25%
  }
  @-moz-document url-prefix() {
    .col--xxxl-3 {
      max-width: 25%
    }
  }
  .offset--xxxl-3 {
    margin-left: 25%
  }
  .col--xxxl-4 {
    flex: 0 1 33.33333%;
    width: 33.33333%
  }
  @-moz-document url-prefix() {
    .col--xxxl-4 {
      max-width: 33.33333%
    }
  }
  .offset--xxxl-4 {
    margin-left: 33.33333%
  }
  .col--xxxl-5 {
    flex: 0 1 41.66667%;
    width: 41.66667%
  }
  @-moz-document url-prefix() {
    .col--xxxl-5 {
      max-width: 41.66667%
    }
  }
  .offset--xxxl-5 {
    margin-left: 41.66667%
  }
  .col--xxxl-6 {
    flex: 0 1 50%;
    width: 50%
  }
  @-moz-document url-prefix() {
    .col--xxxl-6 {
      max-width: 50%
    }
  }
  .offset--xxxl-6 {
    margin-left: 50%
  }
  .col--xxxl-7 {
    flex: 0 1 58.33333%;
    width: 58.33333%
  }
  @-moz-document url-prefix() {
    .col--xxxl-7 {
      max-width: 58.33333%
    }
  }
  .offset--xxxl-7 {
    margin-left: 58.33333%
  }
  .col--xxxl-8 {
    flex: 0 1 66.66667%;
    width: 66.66667%
  }
  @-moz-document url-prefix() {
    .col--xxxl-8 {
      max-width: 66.66667%
    }
  }
  .offset--xxxl-8 {
    margin-left: 66.66667%
  }
  .col--xxxl-9 {
    flex: 0 1 75%;
    width: 75%
  }
  @-moz-document url-prefix() {
    .col--xxxl-9 {
      max-width: 75%
    }
  }
  .offset--xxxl-9 {
    margin-left: 75%
  }
  .col--xxxl-10 {
    flex: 0 1 83.33333%;
    width: 83.33333%
  }
  @-moz-document url-prefix() {
    .col--xxxl-10 {
      max-width: 83.33333%
    }
  }
  .offset--xxxl-10 {
    margin-left: 83.33333%
  }
  .col--xxxl-11 {
    flex: 0 1 91.66667%;
    width: 91.66667%
  }
  @-moz-document url-prefix() {
    .col--xxxl-11 {
      max-width: 91.66667%
    }
  }
  .offset--xxxl-11 {
    margin-left: 91.66667%
  }
  .col--xxxl-12 {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--xxxl-12 {
      max-width: 100%
    }
  }
  .offset--xxxl-12 {
    margin-left: 100%
  }
  .col--xxxl-full {
    flex: 0 1 100%;
    width: 100%
  }
  @-moz-document url-prefix() {
    .col--xxxl-full {
      max-width: 100%
    }
  }
  .offset--xxxl-0 {
    margin-left: 0
  }
  .col--xxxl-auto {
    flex: 0 0 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--xxxl-auto {
      max-width: none
    }
  }
  .col--xxxl-fill {
    flex: 1 1 auto;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--xxxl-fill {
      max-width: none
    }
  }
  .col--xxxl-fit {
    flex: 1;
    width: auto
  }
  @-moz-document url-prefix() {
    .col--xxxl-fit {
      max-width: none
    }
  }
}
.row--top-xs {
  align-items: flex-start
}
.row--middle-xs {
  align-items: center
}
.row--bottom-xs {
  align-items: flex-end
}
.row .col--order-first-xs {
  order: -1
}
.row .col--order-normal-xs {
  order: 0
}
.row .col--order-last-xs {
  order: 1
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .row--top-sm {
    align-items: flex-start
  }
  .row--middle-sm {
    align-items: center
  }
  .row--bottom-sm {
    align-items: flex-end
  }
  .row .col--order-first-sm {
    order: -1
  }
  .row .col--order-normal-sm {
    order: 0
  }
  .row .col--order-last-sm {
    order: 1
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .row--top-md {
    align-items: flex-start
  }
  .row--middle-md {
    align-items: center
  }
  .row--bottom-md {
    align-items: flex-end
  }
  .row .col--order-first-md {
    order: -1
  }
  .row .col--order-normal-md {
    order: 0
  }
  .row .col--order-last-md {
    order: 1
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .row--top-xxxl {
    align-items: flex-start
  }
  .row--middle-xxxl {
    align-items: center
  }
  .row--bottom-xxxl {
    align-items: flex-end
  }
  .row .col--order-first-xxxl {
    order: -1
  }
  .row .col--order-normal-xxxl {
    order: 0
  }
  .row .col--order-last-xxxl {
    order: 1
  }
}
.p-relative {
  position: relative
}
.o-hidden {
  overflow: hidden
}
.pt-0, .pt-0\:xs, .py-0, .py-0\:xs {
  padding-top: 0
}
.pt-0\.5, .pt-0\.5\:xs, .py-0\.5, .py-0\.5\:xs {
  padding-top: calc(var(--spacing) * .5)
}
.pt-1, .pt-1\:xs, .py-1, .py-1\:xs {
  padding-top: var(--spacing)
}
.pt-1\.5, .pt-1\.5\:xs, .py-1\.5, .py-1\.5\:xs {
  padding-top: calc(var(--spacing) * 1.5)
}
.pt-2, .pt-2\:xs, .py-2, .py-2\:xs {
  padding-top: calc(var(--spacing) * 2)
}
.pt-2\.5, .pt-2\.5\:xs, .py-2\.5, .py-2\.5\:xs {
  padding-top: calc(var(--spacing) * 2.5)
}
.pt-2\.6, .pt-2\.6\:xs, .py-2\.6, .py-2\.6\:xs {
  padding-top: calc(var(--spacing) * 2.666)
}
.pt-3, .pt-3\:xs, .py-3, .py-3\:xs {
  padding-top: calc(var(--spacing) * 3)
}
.pt-3\.5, .pt-3\.5\:xs, .py-3\.5, .py-3\.5\:xs {
  padding-top: calc(var(--spacing) * 3.5)
}
.pt-4, .pt-4\:xs, .py-4, .py-4\:xs {
  padding-top: calc(var(--spacing) * 4)
}
.pt-4\.5, .pt-4\.5\:xs, .py-4\.5, .py-4\.5\:xs {
  padding-top: calc(var(--spacing) * 4.5)
}
.pt-5, .pt-5\:xs, .py-5, .py-5\:xs {
  padding-top: calc(var(--spacing) * 5)
}
.pt-5\.5, .pt-5\.5\:xs, .py-5\.5, .py-5\.5\:xs {
  padding-top: calc(var(--spacing) * 5.5)
}
.pt-6, .pt-6\:xs, .py-6, .py-6\:xs {
  padding-top: calc(var(--spacing) * 6)
}
.pt-6\.5, .pt-6\.5\:xs, .py-6\.5, .py-6\.5\:xs {
  padding-top: calc(var(--spacing) * 6.5)
}
.pt-7, .pt-7\:xs, .py-7, .py-7\:xs {
  padding-top: calc(var(--spacing) * 7)
}
.pt-8, .pt-8\:xs, .py-8, .py-8\:xs {
  padding-top: calc(var(--spacing) * 8)
}
.pt-9, .pt-9\:xs, .py-9, .py-9\:xs {
  padding-top: calc(var(--spacing) * 9)
}
.pt-15, .pt-15\:xs, .py-15, .py-15\:xs {
  padding-top: calc(var(--spacing) * 15)
}
.pt-sm-0\.5, .pt-sm-0\.5\:xs, .py-sm-0\.5, .py-sm-0\.5\:xs {
  padding-top: calc(var(--spacing-sm) * .5)
}
.pt-sm-1, .pt-sm-1\:xs, .py-sm-1, .py-sm-1\:xs {
  padding-top: var(--spacing-sm)
}
.pt-sm-1\.5, .pt-sm-1\.5\:xs, .py-sm-1\.5, .py-sm-1\.5\:xs {
  padding-top: calc(var(--spacing-sm) * 1.5)
}
.pt-sm-2, .pt-sm-2\:xs, .py-sm-2, .py-sm-2\:xs {
  padding-top: calc(var(--spacing-sm) * 2)
}
.pt-sm-3, .pt-sm-3\:xs, .py-sm-3, .py-sm-3\:xs {
  padding-top: calc(var(--spacing-sm) * 3)
}
.pt-sm-4, .pt-sm-4\:xs, .py-sm-4, .py-sm-4\:xs {
  padding-top: calc(var(--spacing-sm) * 4)
}
.pt-sm-5, .pt-sm-5\:xs, .py-sm-5, .py-sm-5\:xs {
  padding-top: calc(var(--spacing-sm) * 5)
}
.pb-0, .pb-0\:xs, .py-0, .py-0\:xs {
  padding-bottom: 0
}
.pb-0\.5, .pb-0\.5\:xs, .py-0\.5, .py-0\.5\:xs {
  padding-bottom: calc(var(--spacing) * .5)
}
.pb-1, .pb-1\:xs, .py-1, .py-1\:xs {
  padding-bottom: var(--spacing)
}
.pb-1\.5, .pb-1\.5\:xs, .py-1\.5, .py-1\.5\:xs {
  padding-bottom: calc(var(--spacing) * 1.5)
}
.pb-2, .pb-2\:xs, .py-2, .py-2\:xs {
  padding-bottom: calc(var(--spacing) * 2)
}
.pb-2\.5, .pb-2\.5\:xs, .py-2\.5, .py-2\.5\:xs {
  padding-bottom: calc(var(--spacing) * 2.5)
}
.pb-2\.6, .pb-2\.6\:xs, .py-2\.6, .py-2\.6\:xs {
  padding-bottom: calc(var(--spacing) * 2.666)
}
.pb-3, .pb-3\:xs, .py-3, .py-3\:xs {
  padding-bottom: calc(var(--spacing) * 3)
}
.pb-3\.5, .pb-3\.5\:xs, .py-3\.5, .py-3\.5\:xs {
  padding-bottom: calc(var(--spacing) * 3.5)
}
.pb-4, .pb-4\:xs, .py-4, .py-4\:xs {
  padding-bottom: calc(var(--spacing) * 4)
}
.pb-4\.5, .pb-4\.5\:xs, .py-4\.5, .py-4\.5\:xs {
  padding-bottom: calc(var(--spacing) * 4.5)
}
.pb-5, .pb-5\:xs, .py-5, .py-5\:xs {
  padding-bottom: calc(var(--spacing) * 5)
}
.pb-5\.5, .pb-5\.5\:xs, .py-5\.5, .py-5\.5\:xs {
  padding-bottom: calc(var(--spacing) * 5.5)
}
.pb-6, .pb-6\:xs, .py-6, .py-6\:xs {
  padding-bottom: calc(var(--spacing) * 6)
}
.pb-6\.5, .pb-6\.5\:xs, .py-6\.5, .py-6\.5\:xs {
  padding-bottom: calc(var(--spacing) * 6.5)
}
.pb-7, .pb-7\:xs, .py-7, .py-7\:xs {
  padding-bottom: calc(var(--spacing) * 7)
}
.pb-8, .pb-8\:xs, .py-8, .py-8\:xs {
  padding-bottom: calc(var(--spacing) * 8)
}
.pb-9, .pb-9\:xs, .py-9, .py-9\:xs {
  padding-bottom: calc(var(--spacing) * 9)
}
.pb-15, .pb-15\:xs, .py-15, .py-15\:xs {
  padding-bottom: calc(var(--spacing) * 15)
}
.pb-sm-0\.5, .pb-sm-0\.5\:xs, .py-sm-0\.5, .py-sm-0\.5\:xs {
  padding-bottom: calc(var(--spacing-sm) * .5)
}
.pb-sm-1, .pb-sm-1\:xs, .py-sm-1, .py-sm-1\:xs {
  padding-bottom: var(--spacing-sm)
}
.pb-sm-1\.5, .pb-sm-1\.5\:xs, .py-sm-1\.5, .py-sm-1\.5\:xs {
  padding-bottom: calc(var(--spacing-sm) * 1.5)
}
.pb-sm-2, .pb-sm-2\:xs, .py-sm-2, .py-sm-2\:xs {
  padding-bottom: calc(var(--spacing-sm) * 2)
}
.pb-sm-3, .pb-sm-3\:xs, .py-sm-3, .py-sm-3\:xs {
  padding-bottom: calc(var(--spacing-sm) * 3)
}
.pb-sm-4, .pb-sm-4\:xs, .py-sm-4, .py-sm-4\:xs {
  padding-bottom: calc(var(--spacing-sm) * 4)
}
.pb-sm-5, .pb-sm-5\:xs, .py-sm-5, .py-sm-5\:xs {
  padding-bottom: calc(var(--spacing-sm) * 5)
}
.pl-0, .pl-0\:xs, .px-0, .px-0\:xs {
  padding-left: 0
}
.pl-0\.5, .pl-0\.5\:xs, .px-0\.5, .px-0\.5\:xs {
  padding-left: calc(var(--spacing) * .5)
}
.pl-1, .pl-1\:xs, .px-1, .px-1\:xs {
  padding-left: var(--spacing)
}
.pl-1\.5, .pl-1\.5\:xs, .px-1\.5, .px-1\.5\:xs {
  padding-left: calc(var(--spacing) * 1.5)
}
.pl-2, .pl-2\:xs, .px-2, .px-2\:xs {
  padding-left: calc(var(--spacing) * 2)
}
.pl-2\.5, .pl-2\.5\:xs, .px-2\.5, .px-2\.5\:xs {
  padding-left: calc(var(--spacing) * 2.5)
}
.pl-2\.6, .pl-2\.6\:xs, .px-2\.6, .px-2\.6\:xs {
  padding-left: calc(var(--spacing) * 2.666)
}
.pl-3, .pl-3\:xs, .px-3, .px-3\:xs {
  padding-left: calc(var(--spacing) * 3)
}
.pl-3\.5, .pl-3\.5\:xs, .px-3\.5, .px-3\.5\:xs {
  padding-left: calc(var(--spacing) * 3.5)
}
.pl-4, .pl-4\:xs, .px-4, .px-4\:xs {
  padding-left: calc(var(--spacing) * 4)
}
.pl-4\.5, .pl-4\.5\:xs, .px-4\.5, .px-4\.5\:xs {
  padding-left: calc(var(--spacing) * 4.5)
}
.pl-5, .pl-5\:xs, .px-5, .px-5\:xs {
  padding-left: calc(var(--spacing) * 5)
}
.pl-5\.5, .pl-5\.5\:xs, .px-5\.5, .px-5\.5\:xs {
  padding-left: calc(var(--spacing) * 5.5)
}
.pl-6, .pl-6\:xs, .px-6, .px-6\:xs {
  padding-left: calc(var(--spacing) * 6)
}
.pl-6\.5, .pl-6\.5\:xs, .px-6\.5, .px-6\.5\:xs {
  padding-left: calc(var(--spacing) * 6.5)
}
.pl-7, .pl-7\:xs, .px-7, .px-7\:xs {
  padding-left: calc(var(--spacing) * 7)
}
.pl-8, .pl-8\:xs, .px-8, .px-8\:xs {
  padding-left: calc(var(--spacing) * 8)
}
.pl-9, .pl-9\:xs, .px-9, .px-9\:xs {
  padding-left: calc(var(--spacing) * 9)
}
.pl-15, .pl-15\:xs, .px-15, .px-15\:xs {
  padding-left: calc(var(--spacing) * 15)
}
.pl-sm-0\.5, .pl-sm-0\.5\:xs, .px-sm-0\.5, .px-sm-0\.5\:xs {
  padding-left: calc(var(--spacing-sm) * .5)
}
.pl-sm-1, .pl-sm-1\:xs, .px-sm-1, .px-sm-1\:xs {
  padding-left: var(--spacing-sm)
}
.pl-sm-1\.5, .pl-sm-1\.5\:xs, .px-sm-1\.5, .px-sm-1\.5\:xs {
  padding-left: calc(var(--spacing-sm) * 1.5)
}
.pl-sm-2, .pl-sm-2\:xs, .px-sm-2, .px-sm-2\:xs {
  padding-left: calc(var(--spacing-sm) * 2)
}
.pl-sm-3, .pl-sm-3\:xs, .px-sm-3, .px-sm-3\:xs {
  padding-left: calc(var(--spacing-sm) * 3)
}
.pl-sm-4, .pl-sm-4\:xs, .px-sm-4, .px-sm-4\:xs {
  padding-left: calc(var(--spacing-sm) * 4)
}
.pl-sm-5, .pl-sm-5\:xs, .px-sm-5, .px-sm-5\:xs {
  padding-left: calc(var(--spacing-sm) * 5)
}
.pr-0, .pr-0\:xs, .px-0, .px-0\:xs {
  padding-right: 0
}
.pr-0\.5, .pr-0\.5\:xs, .px-0\.5, .px-0\.5\:xs {
  padding-right: calc(var(--spacing) * .5)
}
.pr-1, .pr-1\:xs, .px-1, .px-1\:xs {
  padding-right: var(--spacing)
}
.pr-1\.5, .pr-1\.5\:xs, .px-1\.5, .px-1\.5\:xs {
  padding-right: calc(var(--spacing) * 1.5)
}
.pr-2, .pr-2\:xs, .px-2, .px-2\:xs {
  padding-right: calc(var(--spacing) * 2)
}
.pr-2\.5, .pr-2\.5\:xs, .px-2\.5, .px-2\.5\:xs {
  padding-right: calc(var(--spacing) * 2.5)
}
.pr-2\.6, .pr-2\.6\:xs, .px-2\.6, .px-2\.6\:xs {
  padding-right: calc(var(--spacing) * 2.666)
}
.pr-3, .pr-3\:xs, .px-3, .px-3\:xs {
  padding-right: calc(var(--spacing) * 3)
}
.pr-3\.5, .pr-3\.5\:xs, .px-3\.5, .px-3\.5\:xs {
  padding-right: calc(var(--spacing) * 3.5)
}
.pr-4, .pr-4\:xs, .px-4, .px-4\:xs {
  padding-right: calc(var(--spacing) * 4)
}
.pr-4\.5, .pr-4\.5\:xs, .px-4\.5, .px-4\.5\:xs {
  padding-right: calc(var(--spacing) * 4.5)
}
.pr-5, .pr-5\:xs, .px-5, .px-5\:xs {
  padding-right: calc(var(--spacing) * 5)
}
.pr-5\.5, .pr-5\.5\:xs, .px-5\.5, .px-5\.5\:xs {
  padding-right: calc(var(--spacing) * 5.5)
}
.pr-6, .pr-6\:xs, .px-6, .px-6\:xs {
  padding-right: calc(var(--spacing) * 6)
}
.pr-6\.5, .pr-6\.5\:xs, .px-6\.5, .px-6\.5\:xs {
  padding-right: calc(var(--spacing) * 6.5)
}
.pr-7, .pr-7\:xs, .px-7, .px-7\:xs {
  padding-right: calc(var(--spacing) * 7)
}
.pr-8, .pr-8\:xs, .px-8, .px-8\:xs {
  padding-right: calc(var(--spacing) * 8)
}
.pr-9, .pr-9\:xs, .px-9, .px-9\:xs {
  padding-right: calc(var(--spacing) * 9)
}
.pr-15, .pr-15\:xs, .px-15, .px-15\:xs {
  padding-right: calc(var(--spacing) * 15)
}
.pr-sm-0\.5, .pr-sm-0\.5\:xs, .px-sm-0\.5, .px-sm-0\.5\:xs {
  padding-right: calc(var(--spacing-sm) * .5)
}
.pr-sm-1, .pr-sm-1\:xs, .px-sm-1, .px-sm-1\:xs {
  padding-right: var(--spacing-sm)
}
.pr-sm-1\.5, .pr-sm-1\.5\:xs, .px-sm-1\.5, .px-sm-1\.5\:xs {
  padding-right: calc(var(--spacing-sm) * 1.5)
}
.pr-sm-2, .pr-sm-2\:xs, .px-sm-2, .px-sm-2\:xs {
  padding-right: calc(var(--spacing-sm) * 2)
}
.pr-sm-3, .pr-sm-3\:xs, .px-sm-3, .px-sm-3\:xs {
  padding-right: calc(var(--spacing-sm) * 3)
}
.pr-sm-4, .pr-sm-4\:xs, .px-sm-4, .px-sm-4\:xs {
  padding-right: calc(var(--spacing-sm) * 4)
}
.pr-sm-5, .pr-sm-5\:xs, .px-sm-5, .px-sm-5\:xs {
  padding-right: calc(var(--spacing-sm) * 5)
}
.mt-0, .mt-0:first-child, .mt-0\:xs, .mt-0\:xs:first-child, .my-0, .my-0:first-child, .my-0\:xs, .my-0\:xs: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:first-child, .mt-0\.5\:xs:first-child, .my-0\.5:first-child, .my-0\.5\:xs:first-child {
  margin-top: 0
}
.mt-1, .mt-1\:xs, .my-1, .my-1\:xs {
  margin-top: var(--spacing)
}
.mt-1:first-child, .mt-1\:xs:first-child, .my-1:first-child, .my-1\:xs: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:first-child, .mt-1\.5\:xs:first-child, .my-1\.5:first-child, .my-1\.5\:xs:first-child {
  margin-top: 0
}
.mt-2, .mt-2\:xs, .my-2, .my-2\:xs {
  margin-top: calc(var(--spacing) * 2)
}
.mt-2:first-child, .mt-2\:xs:first-child, .my-2:first-child, .my-2\:xs:first-child {
  margin-top: 0
}
.mt-2\.5, .mt-2\.5\:xs, .my-2\.5, .my-2\.5\:xs {
  margin-top: calc(var(--spacing) * 2.5)
}
.mt-2\.5:first-child, .mt-2\.5\:xs:first-child, .my-2\.5:first-child, .my-2\.5\:xs:first-child {
  margin-top: 0
}
.mt-2\.6, .mt-2\.6\:xs, .my-2\.6, .my-2\.6\:xs {
  margin-top: calc(var(--spacing) * 2.666)
}
.mt-2\.6:first-child, .mt-2\.6\:xs:first-child, .my-2\.6:first-child, .my-2\.6\:xs:first-child {
  margin-top: 0
}
.mt-3, .mt-3\:xs, .my-3, .my-3\:xs {
  margin-top: calc(var(--spacing) * 3)
}
.mt-3:first-child, .mt-3\:xs:first-child, .my-3:first-child, .my-3\:xs:first-child {
  margin-top: 0
}
.mt-3\.5, .mt-3\.5\:xs, .my-3\.5, .my-3\.5\:xs {
  margin-top: calc(var(--spacing) * 3.5)
}
.mt-3\.5:first-child, .mt-3\.5\:xs:first-child, .my-3\.5:first-child, .my-3\.5\:xs:first-child {
  margin-top: 0
}
.mt-4, .mt-4\:xs, .my-4, .my-4\:xs {
  margin-top: calc(var(--spacing) * 4)
}
.mt-4:first-child, .mt-4\:xs:first-child, .my-4:first-child, .my-4\:xs:first-child {
  margin-top: 0
}
.mt-4\.5, .mt-4\.5\:xs, .my-4\.5, .my-4\.5\:xs {
  margin-top: calc(var(--spacing) * 4.5)
}
.mt-4\.5:first-child, .mt-4\.5\:xs:first-child, .my-4\.5:first-child, .my-4\.5\:xs:first-child {
  margin-top: 0
}
.mt-5, .mt-5\:xs, .my-5, .my-5\:xs {
  margin-top: calc(var(--spacing) * 5)
}
.mt-5:first-child, .mt-5\:xs:first-child, .my-5:first-child, .my-5\:xs:first-child {
  margin-top: 0
}
.mt-5\.5, .mt-5\.5\:xs, .my-5\.5, .my-5\.5\:xs {
  margin-top: calc(var(--spacing) * 5.5)
}
.mt-5\.5:first-child, .mt-5\.5\:xs:first-child, .my-5\.5:first-child, .my-5\.5\:xs:first-child {
  margin-top: 0
}
.mt-6, .mt-6\:xs, .my-6, .my-6\:xs {
  margin-top: calc(var(--spacing) * 6)
}
.mt-6:first-child, .mt-6\:xs:first-child, .my-6:first-child, .my-6\:xs:first-child {
  margin-top: 0
}
.mt-6\.5, .mt-6\.5\:xs, .my-6\.5, .my-6\.5\:xs {
  margin-top: calc(var(--spacing) * 6.5)
}
.mt-6\.5:first-child, .mt-6\.5\:xs:first-child, .my-6\.5:first-child, .my-6\.5\:xs:first-child {
  margin-top: 0
}
.mt-7, .mt-7\:xs, .my-7, .my-7\:xs {
  margin-top: calc(var(--spacing) * 7)
}
.mt-7:first-child, .mt-7\:xs:first-child, .my-7:first-child, .my-7\:xs:first-child {
  margin-top: 0
}
.mt-8, .mt-8\:xs, .my-8, .my-8\:xs {
  margin-top: calc(var(--spacing) * 8)
}
.mt-8:first-child, .mt-8\:xs:first-child, .my-8:first-child, .my-8\:xs:first-child {
  margin-top: 0
}
.mt-9, .mt-9\:xs, .my-9, .my-9\:xs {
  margin-top: calc(var(--spacing) * 9)
}
.mt-9:first-child, .mt-9\:xs:first-child, .my-9:first-child, .my-9\:xs:first-child {
  margin-top: 0
}
.mt-15, .mt-15\:xs, .my-15, .my-15\:xs {
  margin-top: calc(var(--spacing) * 15)
}
.mt-15:first-child, .mt-15\:xs:first-child, .my-15:first-child, .my-15\:xs:first-child {
  margin-top: 0
}
.mt-sm-0\.5, .mt-sm-0\.5\:xs, .my-sm-0\.5, .my-sm-0\.5\:xs {
  margin-top: calc(var(--spacing-sm) * .5)
}
.mt-sm-0\.5:first-child, .mt-sm-0\.5\:xs:first-child, .my-sm-0\.5:first-child, .my-sm-0\.5\:xs:first-child {
  margin-top: 0
}
.mt-sm-1, .mt-sm-1\:xs, .my-sm-1, .my-sm-1\:xs {
  margin-top: var(--spacing-sm)
}
.mt-sm-1:first-child, .mt-sm-1\:xs:first-child, .my-sm-1:first-child, .my-sm-1\:xs:first-child {
  margin-top: 0
}
.mt-sm-1\.5, .mt-sm-1\.5\:xs, .my-sm-1\.5, .my-sm-1\.5\:xs {
  margin-top: calc(var(--spacing-sm) * 1.5)
}
.mt-sm-1\.5:first-child, .mt-sm-1\.5\:xs:first-child, .my-sm-1\.5:first-child, .my-sm-1\.5\:xs:first-child {
  margin-top: 0
}
.mt-sm-2, .mt-sm-2\:xs, .my-sm-2, .my-sm-2\:xs {
  margin-top: calc(var(--spacing-sm) * 2)
}
.mt-sm-2:first-child, .mt-sm-2\:xs:first-child, .my-sm-2:first-child, .my-sm-2\:xs:first-child {
  margin-top: 0
}
.mt-sm-3, .mt-sm-3\:xs, .my-sm-3, .my-sm-3\:xs {
  margin-top: calc(var(--spacing-sm) * 3)
}
.mt-sm-3:first-child, .mt-sm-3\:xs:first-child, .my-sm-3:first-child, .my-sm-3\:xs:first-child {
  margin-top: 0
}
.mt-sm-4, .mt-sm-4\:xs, .my-sm-4, .my-sm-4\:xs {
  margin-top: calc(var(--spacing-sm) * 4)
}
.mt-sm-4:first-child, .mt-sm-4\:xs:first-child, .my-sm-4:first-child, .my-sm-4\:xs:first-child {
  margin-top: 0
}
.mt-sm-5, .mt-sm-5\:xs, .my-sm-5, .my-sm-5\:xs {
  margin-top: calc(var(--spacing-sm) * 5)
}
.mt-sm-5:first-child, .mt-sm-5\:xs:first-child, .my-sm-5:first-child, .my-sm-5\:xs:first-child {
  margin-top: 0
}
.mt-auto, .mt-auto\:xs, .my-auto, .my-auto\:xs {
  margin-top: auto
}
.mt-auto:first-child, .mt-auto\:xs:first-child, .my-auto:first-child, .my-auto\:xs:first-child {
  margin-top: 0
}
.mb-0, .mb-0:last-child, .mb-0\:xs, .mb-0\:xs:last-child, .my-0, .my-0:last-child, .my-0\:xs, .my-0\:xs: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:last-child, .mb-0\.5\:xs:last-child, .my-0\.5:last-child, .my-0\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-1, .mb-1\:xs, .my-1, .my-1\:xs {
  margin-bottom: var(--spacing)
}
.mb-1:last-child, .mb-1\:xs:last-child, .my-1:last-child, .my-1\:xs: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:last-child, .mb-1\.5\:xs:last-child, .my-1\.5:last-child, .my-1\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-2, .mb-2\:xs, .my-2, .my-2\:xs {
  margin-bottom: calc(var(--spacing) * 2)
}
.mb-2:last-child, .mb-2\:xs:last-child, .my-2:last-child, .my-2\:xs:last-child {
  margin-bottom: 0
}
.mb-2\.5, .mb-2\.5\:xs, .my-2\.5, .my-2\.5\:xs {
  margin-bottom: calc(var(--spacing) * 2.5)
}
.mb-2\.5:last-child, .mb-2\.5\:xs:last-child, .my-2\.5:last-child, .my-2\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-2\.6, .mb-2\.6\:xs, .my-2\.6, .my-2\.6\:xs {
  margin-bottom: calc(var(--spacing) * 2.666)
}
.mb-2\.6:last-child, .mb-2\.6\:xs:last-child, .my-2\.6:last-child, .my-2\.6\:xs:last-child {
  margin-bottom: 0
}
.mb-3, .mb-3\:xs, .my-3, .my-3\:xs {
  margin-bottom: calc(var(--spacing) * 3)
}
.mb-3:last-child, .mb-3\:xs:last-child, .my-3:last-child, .my-3\:xs:last-child {
  margin-bottom: 0
}
.mb-3\.5, .mb-3\.5\:xs, .my-3\.5, .my-3\.5\:xs {
  margin-bottom: calc(var(--spacing) * 3.5)
}
.mb-3\.5:last-child, .mb-3\.5\:xs:last-child, .my-3\.5:last-child, .my-3\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-4, .mb-4\:xs, .my-4, .my-4\:xs {
  margin-bottom: calc(var(--spacing) * 4)
}
.mb-4:last-child, .mb-4\:xs:last-child, .my-4:last-child, .my-4\:xs:last-child {
  margin-bottom: 0
}
.mb-4\.5, .mb-4\.5\:xs, .my-4\.5, .my-4\.5\:xs {
  margin-bottom: calc(var(--spacing) * 4.5)
}
.mb-4\.5:last-child, .mb-4\.5\:xs:last-child, .my-4\.5:last-child, .my-4\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-5, .mb-5\:xs, .my-5, .my-5\:xs {
  margin-bottom: calc(var(--spacing) * 5)
}
.mb-5:last-child, .mb-5\:xs:last-child, .my-5:last-child, .my-5\:xs:last-child {
  margin-bottom: 0
}
.mb-5\.5, .mb-5\.5\:xs, .my-5\.5, .my-5\.5\:xs {
  margin-bottom: calc(var(--spacing) * 5.5)
}
.mb-5\.5:last-child, .mb-5\.5\:xs:last-child, .my-5\.5:last-child, .my-5\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-6, .mb-6\:xs, .my-6, .my-6\:xs {
  margin-bottom: calc(var(--spacing) * 6)
}
.mb-6:last-child, .mb-6\:xs:last-child, .my-6:last-child, .my-6\:xs:last-child {
  margin-bottom: 0
}
.mb-6\.5, .mb-6\.5\:xs, .my-6\.5, .my-6\.5\:xs {
  margin-bottom: calc(var(--spacing) * 6.5)
}
.mb-6\.5:last-child, .mb-6\.5\:xs:last-child, .my-6\.5:last-child, .my-6\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-7, .mb-7\:xs, .my-7, .my-7\:xs {
  margin-bottom: calc(var(--spacing) * 7)
}
.mb-7:last-child, .mb-7\:xs:last-child, .my-7:last-child, .my-7\:xs:last-child {
  margin-bottom: 0
}
.mb-8, .mb-8\:xs, .my-8, .my-8\:xs {
  margin-bottom: calc(var(--spacing) * 8)
}
.mb-8:last-child, .mb-8\:xs:last-child, .my-8:last-child, .my-8\:xs:last-child {
  margin-bottom: 0
}
.mb-9, .mb-9\:xs, .my-9, .my-9\:xs {
  margin-bottom: calc(var(--spacing) * 9)
}
.mb-9:last-child, .mb-9\:xs:last-child, .my-9:last-child, .my-9\:xs:last-child {
  margin-bottom: 0
}
.mb-15, .mb-15\:xs, .my-15, .my-15\:xs {
  margin-bottom: calc(var(--spacing) * 15)
}
.mb-15:last-child, .mb-15\:xs:last-child, .my-15:last-child, .my-15\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-0\.5, .mb-sm-0\.5\:xs, .my-sm-0\.5, .my-sm-0\.5\:xs {
  margin-bottom: calc(var(--spacing-sm) * .5)
}
.mb-sm-0\.5:last-child, .mb-sm-0\.5\:xs:last-child, .my-sm-0\.5:last-child, .my-sm-0\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-1, .mb-sm-1\:xs, .my-sm-1, .my-sm-1\:xs {
  margin-bottom: var(--spacing-sm)
}
.mb-sm-1:last-child, .mb-sm-1\:xs:last-child, .my-sm-1:last-child, .my-sm-1\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-1\.5, .mb-sm-1\.5\:xs, .my-sm-1\.5, .my-sm-1\.5\:xs {
  margin-bottom: calc(var(--spacing-sm) * 1.5)
}
.mb-sm-1\.5:last-child, .mb-sm-1\.5\:xs:last-child, .my-sm-1\.5:last-child, .my-sm-1\.5\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-2, .mb-sm-2\:xs, .my-sm-2, .my-sm-2\:xs {
  margin-bottom: calc(var(--spacing-sm) * 2)
}
.mb-sm-2:last-child, .mb-sm-2\:xs:last-child, .my-sm-2:last-child, .my-sm-2\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-3, .mb-sm-3\:xs, .my-sm-3, .my-sm-3\:xs {
  margin-bottom: calc(var(--spacing-sm) * 3)
}
.mb-sm-3:last-child, .mb-sm-3\:xs:last-child, .my-sm-3:last-child, .my-sm-3\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-4, .mb-sm-4\:xs, .my-sm-4, .my-sm-4\:xs {
  margin-bottom: calc(var(--spacing-sm) * 4)
}
.mb-sm-4:last-child, .mb-sm-4\:xs:last-child, .my-sm-4:last-child, .my-sm-4\:xs:last-child {
  margin-bottom: 0
}
.mb-sm-5, .mb-sm-5\:xs, .my-sm-5, .my-sm-5\:xs {
  margin-bottom: calc(var(--spacing-sm) * 5)
}
.mb-sm-5:last-child, .mb-sm-5\:xs:last-child, .my-sm-5:last-child, .my-sm-5\:xs:last-child {
  margin-bottom: 0
}
.mb-auto, .mb-auto\:xs, .my-auto, .my-auto\:xs {
  margin-bottom: auto
}
.mb-auto:last-child, .mb-auto\:xs:last-child, .my-auto:last-child, .my-auto\:xs:last-child {
  margin-bottom: 0
}
.ml-0, .ml-0\:xs, .mx-0, .mx-0\:xs {
  margin-left: 0
}
.ml-0\.5, .ml-0\.5\:xs, .mx-0\.5, .mx-0\.5\:xs {
  margin-left: calc(var(--spacing) * .5)
}
.ml-1, .ml-1\:xs, .mx-1, .mx-1\:xs {
  margin-left: var(--spacing)
}
.ml-1\.5, .ml-1\.5\:xs, .mx-1\.5, .mx-1\.5\:xs {
  margin-left: calc(var(--spacing) * 1.5)
}
.ml-2, .ml-2\:xs, .mx-2, .mx-2\:xs {
  margin-left: calc(var(--spacing) * 2)
}
.ml-2\.5, .ml-2\.5\:xs, .mx-2\.5, .mx-2\.5\:xs {
  margin-left: calc(var(--spacing) * 2.5)
}
.ml-2\.6, .ml-2\.6\:xs, .mx-2\.6, .mx-2\.6\:xs {
  margin-left: calc(var(--spacing) * 2.666)
}
.ml-3, .ml-3\:xs, .mx-3, .mx-3\:xs {
  margin-left: calc(var(--spacing) * 3)
}
.ml-3\.5, .ml-3\.5\:xs, .mx-3\.5, .mx-3\.5\:xs {
  margin-left: calc(var(--spacing) * 3.5)
}
.ml-4, .ml-4\:xs, .mx-4, .mx-4\:xs {
  margin-left: calc(var(--spacing) * 4)
}
.ml-4\.5, .ml-4\.5\:xs, .mx-4\.5, .mx-4\.5\:xs {
  margin-left: calc(var(--spacing) * 4.5)
}
.ml-5, .ml-5\:xs, .mx-5, .mx-5\:xs {
  margin-left: calc(var(--spacing) * 5)
}
.ml-5\.5, .ml-5\.5\:xs, .mx-5\.5, .mx-5\.5\:xs {
  margin-left: calc(var(--spacing) * 5.5)
}
.ml-6, .ml-6\:xs, .mx-6, .mx-6\:xs {
  margin-left: calc(var(--spacing) * 6)
}
.ml-6\.5, .ml-6\.5\:xs, .mx-6\.5, .mx-6\.5\:xs {
  margin-left: calc(var(--spacing) * 6.5)
}
.ml-7, .ml-7\:xs, .mx-7, .mx-7\:xs {
  margin-left: calc(var(--spacing) * 7)
}
.ml-8, .ml-8\:xs, .mx-8, .mx-8\:xs {
  margin-left: calc(var(--spacing) * 8)
}
.ml-9, .ml-9\:xs, .mx-9, .mx-9\:xs {
  margin-left: calc(var(--spacing) * 9)
}
.ml-15, .ml-15\:xs, .mx-15, .mx-15\:xs {
  margin-left: calc(var(--spacing) * 15)
}
.ml-sm-0\.5, .ml-sm-0\.5\:xs, .mx-sm-0\.5, .mx-sm-0\.5\:xs {
  margin-left: calc(var(--spacing-sm) * .5)
}
.ml-sm-1, .ml-sm-1\:xs, .mx-sm-1, .mx-sm-1\:xs {
  margin-left: var(--spacing-sm)
}
.ml-sm-1\.5, .ml-sm-1\.5\:xs, .mx-sm-1\.5, .mx-sm-1\.5\:xs {
  margin-left: calc(var(--spacing-sm) * 1.5)
}
.ml-sm-2, .ml-sm-2\:xs, .mx-sm-2, .mx-sm-2\:xs {
  margin-left: calc(var(--spacing-sm) * 2)
}
.ml-sm-3, .ml-sm-3\:xs, .mx-sm-3, .mx-sm-3\:xs {
  margin-left: calc(var(--spacing-sm) * 3)
}
.ml-sm-4, .ml-sm-4\:xs, .mx-sm-4, .mx-sm-4\:xs {
  margin-left: calc(var(--spacing-sm) * 4)
}
.ml-sm-5, .ml-sm-5\:xs, .mx-sm-5, .mx-sm-5\:xs {
  margin-left: calc(var(--spacing-sm) * 5)
}
.ml-auto, .ml-auto\:xs, .mx-auto, .mx-auto\:xs {
  margin-left: auto
}
.mr-0, .mr-0\:xs, .mx-0, .mx-0\:xs {
  margin-right: 0
}
.mr-0\.5, .mr-0\.5\:xs, .mx-0\.5, .mx-0\.5\:xs {
  margin-right: calc(var(--spacing) * .5)
}
.mr-1, .mr-1\:xs, .mx-1, .mx-1\:xs {
  margin-right: var(--spacing)
}
.mr-1\.5, .mr-1\.5\:xs, .mx-1\.5, .mx-1\.5\:xs {
  margin-right: calc(var(--spacing) * 1.5)
}
.mr-2, .mr-2\:xs, .mx-2, .mx-2\:xs {
  margin-right: calc(var(--spacing) * 2)
}
.mr-2\.5, .mr-2\.5\:xs, .mx-2\.5, .mx-2\.5\:xs {
  margin-right: calc(var(--spacing) * 2.5)
}
.mr-2\.6, .mr-2\.6\:xs, .mx-2\.6, .mx-2\.6\:xs {
  margin-right: calc(var(--spacing) * 2.666)
}
.mr-3, .mr-3\:xs, .mx-3, .mx-3\:xs {
  margin-right: calc(var(--spacing) * 3)
}
.mr-3\.5, .mr-3\.5\:xs, .mx-3\.5, .mx-3\.5\:xs {
  margin-right: calc(var(--spacing) * 3.5)
}
.mr-4, .mr-4\:xs, .mx-4, .mx-4\:xs {
  margin-right: calc(var(--spacing) * 4)
}
.mr-4\.5, .mr-4\.5\:xs, .mx-4\.5, .mx-4\.5\:xs {
  margin-right: calc(var(--spacing) * 4.5)
}
.mr-5, .mr-5\:xs, .mx-5, .mx-5\:xs {
  margin-right: calc(var(--spacing) * 5)
}
.mr-5\.5, .mr-5\.5\:xs, .mx-5\.5, .mx-5\.5\:xs {
  margin-right: calc(var(--spacing) * 5.5)
}
.mr-6, .mr-6\:xs, .mx-6, .mx-6\:xs {
  margin-right: calc(var(--spacing) * 6)
}
.mr-6\.5, .mr-6\.5\:xs, .mx-6\.5, .mx-6\.5\:xs {
  margin-right: calc(var(--spacing) * 6.5)
}
.mr-7, .mr-7\:xs, .mx-7, .mx-7\:xs {
  margin-right: calc(var(--spacing) * 7)
}
.mr-8, .mr-8\:xs, .mx-8, .mx-8\:xs {
  margin-right: calc(var(--spacing) * 8)
}
.mr-9, .mr-9\:xs, .mx-9, .mx-9\:xs {
  margin-right: calc(var(--spacing) * 9)
}
.mr-15, .mr-15\:xs, .mx-15, .mx-15\:xs {
  margin-right: calc(var(--spacing) * 15)
}
.mr-sm-0\.5, .mr-sm-0\.5\:xs, .mx-sm-0\.5, .mx-sm-0\.5\:xs {
  margin-right: calc(var(--spacing-sm) * .5)
}
.mr-sm-1, .mr-sm-1\:xs, .mx-sm-1, .mx-sm-1\:xs {
  margin-right: var(--spacing-sm)
}
.mr-sm-1\.5, .mr-sm-1\.5\:xs, .mx-sm-1\.5, .mx-sm-1\.5\:xs {
  margin-right: calc(var(--spacing-sm) * 1.5)
}
.mr-sm-2, .mr-sm-2\:xs, .mx-sm-2, .mx-sm-2\:xs {
  margin-right: calc(var(--spacing-sm) * 2)
}
.mr-sm-3, .mr-sm-3\:xs, .mx-sm-3, .mx-sm-3\:xs {
  margin-right: calc(var(--spacing-sm) * 3)
}
.mr-sm-4, .mr-sm-4\:xs, .mx-sm-4, .mx-sm-4\:xs {
  margin-right: calc(var(--spacing-sm) * 4)
}
.mr-sm-5, .mr-sm-5\:xs, .mx-sm-5, .mx-sm-5\:xs {
  margin-right: calc(var(--spacing-sm) * 5)
}
.mr-auto, .mr-auto\:xs, .mx-auto, .mx-auto\:xs {
  margin-right: auto
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .pt-0\:sm, .py-0\:sm {
    padding-top: 0
  }
  .pt-0\.5\:sm, .py-0\.5\:sm {
    padding-top: calc(var(--spacing) * .5)
  }
  .pt-1\:sm, .py-1\:sm {
    padding-top: var(--spacing)
  }
  .pt-1\.5\:sm, .py-1\.5\:sm {
    padding-top: calc(var(--spacing) * 1.5)
  }
  .pt-2\:sm, .py-2\:sm {
    padding-top: calc(var(--spacing) * 2)
  }
  .pt-2\.5\:sm, .py-2\.5\:sm {
    padding-top: calc(var(--spacing) * 2.5)
  }
  .pt-2\.6\:sm, .py-2\.6\:sm {
    padding-top: calc(var(--spacing) * 2.666)
  }
  .pt-3\:sm, .py-3\:sm {
    padding-top: calc(var(--spacing) * 3)
  }
  .pt-3\.5\:sm, .py-3\.5\:sm {
    padding-top: calc(var(--spacing) * 3.5)
  }
  .pt-4\:sm, .py-4\:sm {
    padding-top: calc(var(--spacing) * 4)
  }
  .pt-4\.5\:sm, .py-4\.5\:sm {
    padding-top: calc(var(--spacing) * 4.5)
  }
  .pt-5\:sm, .py-5\:sm {
    padding-top: calc(var(--spacing) * 5)
  }
  .pt-5\.5\:sm, .py-5\.5\:sm {
    padding-top: calc(var(--spacing) * 5.5)
  }
  .pt-6\:sm, .py-6\:sm {
    padding-top: calc(var(--spacing) * 6)
  }
  .pt-6\.5\:sm, .py-6\.5\:sm {
    padding-top: calc(var(--spacing) * 6.5)
  }
  .pt-7\:sm, .py-7\:sm {
    padding-top: calc(var(--spacing) * 7)
  }
  .pt-8\:sm, .py-8\:sm {
    padding-top: calc(var(--spacing) * 8)
  }
  .pt-9\:sm, .py-9\:sm {
    padding-top: calc(var(--spacing) * 9)
  }
  .pt-15\:sm, .py-15\:sm {
    padding-top: calc(var(--spacing) * 15)
  }
  .pt-sm-0\.5\:sm, .py-sm-0\.5\:sm {
    padding-top: calc(var(--spacing-sm) * .5)
  }
  .pt-sm-1\:sm, .py-sm-1\:sm {
    padding-top: var(--spacing-sm)
  }
  .pt-sm-1\.5\:sm, .py-sm-1\.5\:sm {
    padding-top: calc(var(--spacing-sm) * 1.5)
  }
  .pt-sm-2\:sm, .py-sm-2\:sm {
    padding-top: calc(var(--spacing-sm) * 2)
  }
  .pt-sm-3\:sm, .py-sm-3\:sm {
    padding-top: calc(var(--spacing-sm) * 3)
  }
  .pt-sm-4\:sm, .py-sm-4\:sm {
    padding-top: calc(var(--spacing-sm) * 4)
  }
  .pt-sm-5\:sm, .py-sm-5\:sm {
    padding-top: calc(var(--spacing-sm) * 5)
  }
  .pb-0\:sm, .py-0\:sm {
    padding-bottom: 0
  }
  .pb-0\.5\:sm, .py-0\.5\:sm {
    padding-bottom: calc(var(--spacing) * .5)
  }
  .pb-1\:sm, .py-1\:sm {
    padding-bottom: var(--spacing)
  }
  .pb-1\.5\:sm, .py-1\.5\:sm {
    padding-bottom: calc(var(--spacing) * 1.5)
  }
  .pb-2\:sm, .py-2\:sm {
    padding-bottom: calc(var(--spacing) * 2)
  }
  .pb-2\.5\:sm, .py-2\.5\:sm {
    padding-bottom: calc(var(--spacing) * 2.5)
  }
  .pb-2\.6\:sm, .py-2\.6\:sm {
    padding-bottom: calc(var(--spacing) * 2.666)
  }
  .pb-3\:sm, .py-3\:sm {
    padding-bottom: calc(var(--spacing) * 3)
  }
  .pb-3\.5\:sm, .py-3\.5\:sm {
    padding-bottom: calc(var(--spacing) * 3.5)
  }
  .pb-4\:sm, .py-4\:sm {
    padding-bottom: calc(var(--spacing) * 4)
  }
  .pb-4\.5\:sm, .py-4\.5\:sm {
    padding-bottom: calc(var(--spacing) * 4.5)
  }
  .pb-5\:sm, .py-5\:sm {
    padding-bottom: calc(var(--spacing) * 5)
  }
  .pb-5\.5\:sm, .py-5\.5\:sm {
    padding-bottom: calc(var(--spacing) * 5.5)
  }
  .pb-6\:sm, .py-6\:sm {
    padding-bottom: calc(var(--spacing) * 6)
  }
  .pb-6\.5\:sm, .py-6\.5\:sm {
    padding-bottom: calc(var(--spacing) * 6.5)
  }
  .pb-7\:sm, .py-7\:sm {
    padding-bottom: calc(var(--spacing) * 7)
  }
  .pb-8\:sm, .py-8\:sm {
    padding-bottom: calc(var(--spacing) * 8)
  }
  .pb-9\:sm, .py-9\:sm {
    padding-bottom: calc(var(--spacing) * 9)
  }
  .pb-15\:sm, .py-15\:sm {
    padding-bottom: calc(var(--spacing) * 15)
  }
  .pb-sm-0\.5\:sm, .py-sm-0\.5\:sm {
    padding-bottom: calc(var(--spacing-sm) * .5)
  }
  .pb-sm-1\:sm, .py-sm-1\:sm {
    padding-bottom: var(--spacing-sm)
  }
  .pb-sm-1\.5\:sm, .py-sm-1\.5\:sm {
    padding-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .pb-sm-2\:sm, .py-sm-2\:sm {
    padding-bottom: calc(var(--spacing-sm) * 2)
  }
  .pb-sm-3\:sm, .py-sm-3\:sm {
    padding-bottom: calc(var(--spacing-sm) * 3)
  }
  .pb-sm-4\:sm, .py-sm-4\:sm {
    padding-bottom: calc(var(--spacing-sm) * 4)
  }
  .pb-sm-5\:sm, .py-sm-5\:sm {
    padding-bottom: calc(var(--spacing-sm) * 5)
  }
  .pl-0\:sm, .px-0\:sm {
    padding-left: 0
  }
  .pl-0\.5\:sm, .px-0\.5\:sm {
    padding-left: calc(var(--spacing) * .5)
  }
  .pl-1\:sm, .px-1\:sm {
    padding-left: var(--spacing)
  }
  .pl-1\.5\:sm, .px-1\.5\:sm {
    padding-left: calc(var(--spacing) * 1.5)
  }
  .pl-2\:sm, .px-2\:sm {
    padding-left: calc(var(--spacing) * 2)
  }
  .pl-2\.5\:sm, .px-2\.5\:sm {
    padding-left: calc(var(--spacing) * 2.5)
  }
  .pl-2\.6\:sm, .px-2\.6\:sm {
    padding-left: calc(var(--spacing) * 2.666)
  }
  .pl-3\:sm, .px-3\:sm {
    padding-left: calc(var(--spacing) * 3)
  }
  .pl-3\.5\:sm, .px-3\.5\:sm {
    padding-left: calc(var(--spacing) * 3.5)
  }
  .pl-4\:sm, .px-4\:sm {
    padding-left: calc(var(--spacing) * 4)
  }
  .pl-4\.5\:sm, .px-4\.5\:sm {
    padding-left: calc(var(--spacing) * 4.5)
  }
  .pl-5\:sm, .px-5\:sm {
    padding-left: calc(var(--spacing) * 5)
  }
  .pl-5\.5\:sm, .px-5\.5\:sm {
    padding-left: calc(var(--spacing) * 5.5)
  }
  .pl-6\:sm, .px-6\:sm {
    padding-left: calc(var(--spacing) * 6)
  }
  .pl-6\.5\:sm, .px-6\.5\:sm {
    padding-left: calc(var(--spacing) * 6.5)
  }
  .pl-7\:sm, .px-7\:sm {
    padding-left: calc(var(--spacing) * 7)
  }
  .pl-8\:sm, .px-8\:sm {
    padding-left: calc(var(--spacing) * 8)
  }
  .pl-9\:sm, .px-9\:sm {
    padding-left: calc(var(--spacing) * 9)
  }
  .pl-15\:sm, .px-15\:sm {
    padding-left: calc(var(--spacing) * 15)
  }
  .pl-sm-0\.5\:sm, .px-sm-0\.5\:sm {
    padding-left: calc(var(--spacing-sm) * .5)
  }
  .pl-sm-1\:sm, .px-sm-1\:sm {
    padding-left: var(--spacing-sm)
  }
  .pl-sm-1\.5\:sm, .px-sm-1\.5\:sm {
    padding-left: calc(var(--spacing-sm) * 1.5)
  }
  .pl-sm-2\:sm, .px-sm-2\:sm {
    padding-left: calc(var(--spacing-sm) * 2)
  }
  .pl-sm-3\:sm, .px-sm-3\:sm {
    padding-left: calc(var(--spacing-sm) * 3)
  }
  .pl-sm-4\:sm, .px-sm-4\:sm {
    padding-left: calc(var(--spacing-sm) * 4)
  }
  .pl-sm-5\:sm, .px-sm-5\:sm {
    padding-left: calc(var(--spacing-sm) * 5)
  }
  .pr-0\:sm, .px-0\:sm {
    padding-right: 0
  }
  .pr-0\.5\:sm, .px-0\.5\:sm {
    padding-right: calc(var(--spacing) * .5)
  }
  .pr-1\:sm, .px-1\:sm {
    padding-right: var(--spacing)
  }
  .pr-1\.5\:sm, .px-1\.5\:sm {
    padding-right: calc(var(--spacing) * 1.5)
  }
  .pr-2\:sm, .px-2\:sm {
    padding-right: calc(var(--spacing) * 2)
  }
  .pr-2\.5\:sm, .px-2\.5\:sm {
    padding-right: calc(var(--spacing) * 2.5)
  }
  .pr-2\.6\:sm, .px-2\.6\:sm {
    padding-right: calc(var(--spacing) * 2.666)
  }
  .pr-3\:sm, .px-3\:sm {
    padding-right: calc(var(--spacing) * 3)
  }
  .pr-3\.5\:sm, .px-3\.5\:sm {
    padding-right: calc(var(--spacing) * 3.5)
  }
  .pr-4\:sm, .px-4\:sm {
    padding-right: calc(var(--spacing) * 4)
  }
  .pr-4\.5\:sm, .px-4\.5\:sm {
    padding-right: calc(var(--spacing) * 4.5)
  }
  .pr-5\:sm, .px-5\:sm {
    padding-right: calc(var(--spacing) * 5)
  }
  .pr-5\.5\:sm, .px-5\.5\:sm {
    padding-right: calc(var(--spacing) * 5.5)
  }
  .pr-6\:sm, .px-6\:sm {
    padding-right: calc(var(--spacing) * 6)
  }
  .pr-6\.5\:sm, .px-6\.5\:sm {
    padding-right: calc(var(--spacing) * 6.5)
  }
  .pr-7\:sm, .px-7\:sm {
    padding-right: calc(var(--spacing) * 7)
  }
  .pr-8\:sm, .px-8\:sm {
    padding-right: calc(var(--spacing) * 8)
  }
  .pr-9\:sm, .px-9\:sm {
    padding-right: calc(var(--spacing) * 9)
  }
  .pr-15\:sm, .px-15\:sm {
    padding-right: calc(var(--spacing) * 15)
  }
  .pr-sm-0\.5\:sm, .px-sm-0\.5\:sm {
    padding-right: calc(var(--spacing-sm) * .5)
  }
  .pr-sm-1\:sm, .px-sm-1\:sm {
    padding-right: var(--spacing-sm)
  }
  .pr-sm-1\.5\:sm, .px-sm-1\.5\:sm {
    padding-right: calc(var(--spacing-sm) * 1.5)
  }
  .pr-sm-2\:sm, .px-sm-2\:sm {
    padding-right: calc(var(--spacing-sm) * 2)
  }
  .pr-sm-3\:sm, .px-sm-3\:sm {
    padding-right: calc(var(--spacing-sm) * 3)
  }
  .pr-sm-4\:sm, .px-sm-4\:sm {
    padding-right: calc(var(--spacing-sm) * 4)
  }
  .pr-sm-5\:sm, .px-sm-5\:sm {
    padding-right: calc(var(--spacing-sm) * 5)
  }
  .mt-0\:sm, .mt-0\:sm:first-child, .my-0\:sm, .my-0\:sm:first-child {
    margin-top: 0
  }
  .mt-0\.5\:sm, .my-0\.5\:sm {
    margin-top: calc(var(--spacing) * .5)
  }
  .mt-0\.5\:sm:first-child, .my-0\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-1\:sm, .my-1\:sm {
    margin-top: var(--spacing)
  }
  .mt-1\:sm:first-child, .my-1\:sm:first-child {
    margin-top: 0
  }
  .mt-1\.5\:sm, .my-1\.5\:sm {
    margin-top: calc(var(--spacing) * 1.5)
  }
  .mt-1\.5\:sm:first-child, .my-1\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-2\:sm, .my-2\:sm {
    margin-top: calc(var(--spacing) * 2)
  }
  .mt-2\:sm:first-child, .my-2\:sm:first-child {
    margin-top: 0
  }
  .mt-2\.5\:sm, .my-2\.5\:sm {
    margin-top: calc(var(--spacing) * 2.5)
  }
  .mt-2\.5\:sm:first-child, .my-2\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-2\.6\:sm, .my-2\.6\:sm {
    margin-top: calc(var(--spacing) * 2.666)
  }
  .mt-2\.6\:sm:first-child, .my-2\.6\:sm:first-child {
    margin-top: 0
  }
  .mt-3\:sm, .my-3\:sm {
    margin-top: calc(var(--spacing) * 3)
  }
  .mt-3\:sm:first-child, .my-3\:sm:first-child {
    margin-top: 0
  }
  .mt-3\.5\:sm, .my-3\.5\:sm {
    margin-top: calc(var(--spacing) * 3.5)
  }
  .mt-3\.5\:sm:first-child, .my-3\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-4\:sm, .my-4\:sm {
    margin-top: calc(var(--spacing) * 4)
  }
  .mt-4\:sm:first-child, .my-4\:sm:first-child {
    margin-top: 0
  }
  .mt-4\.5\:sm, .my-4\.5\:sm {
    margin-top: calc(var(--spacing) * 4.5)
  }
  .mt-4\.5\:sm:first-child, .my-4\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-5\:sm, .my-5\:sm {
    margin-top: calc(var(--spacing) * 5)
  }
  .mt-5\:sm:first-child, .my-5\:sm:first-child {
    margin-top: 0
  }
  .mt-5\.5\:sm, .my-5\.5\:sm {
    margin-top: calc(var(--spacing) * 5.5)
  }
  .mt-5\.5\:sm:first-child, .my-5\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-6\:sm, .my-6\:sm {
    margin-top: calc(var(--spacing) * 6)
  }
  .mt-6\:sm:first-child, .my-6\:sm:first-child {
    margin-top: 0
  }
  .mt-6\.5\:sm, .my-6\.5\:sm {
    margin-top: calc(var(--spacing) * 6.5)
  }
  .mt-6\.5\:sm:first-child, .my-6\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-7\:sm, .my-7\:sm {
    margin-top: calc(var(--spacing) * 7)
  }
  .mt-7\:sm:first-child, .my-7\:sm:first-child {
    margin-top: 0
  }
  .mt-8\:sm, .my-8\:sm {
    margin-top: calc(var(--spacing) * 8)
  }
  .mt-8\:sm:first-child, .my-8\:sm:first-child {
    margin-top: 0
  }
  .mt-9\:sm, .my-9\:sm {
    margin-top: calc(var(--spacing) * 9)
  }
  .mt-9\:sm:first-child, .my-9\:sm:first-child {
    margin-top: 0
  }
  .mt-15\:sm, .my-15\:sm {
    margin-top: calc(var(--spacing) * 15)
  }
  .mt-15\:sm:first-child, .my-15\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-0\.5\:sm, .my-sm-0\.5\:sm {
    margin-top: calc(var(--spacing-sm) * .5)
  }
  .mt-sm-0\.5\:sm:first-child, .my-sm-0\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-1\:sm, .my-sm-1\:sm {
    margin-top: var(--spacing-sm)
  }
  .mt-sm-1\:sm:first-child, .my-sm-1\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-1\.5\:sm, .my-sm-1\.5\:sm {
    margin-top: calc(var(--spacing-sm) * 1.5)
  }
  .mt-sm-1\.5\:sm:first-child, .my-sm-1\.5\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-2\:sm, .my-sm-2\:sm {
    margin-top: calc(var(--spacing-sm) * 2)
  }
  .mt-sm-2\:sm:first-child, .my-sm-2\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-3\:sm, .my-sm-3\:sm {
    margin-top: calc(var(--spacing-sm) * 3)
  }
  .mt-sm-3\:sm:first-child, .my-sm-3\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-4\:sm, .my-sm-4\:sm {
    margin-top: calc(var(--spacing-sm) * 4)
  }
  .mt-sm-4\:sm:first-child, .my-sm-4\:sm:first-child {
    margin-top: 0
  }
  .mt-sm-5\:sm, .my-sm-5\:sm {
    margin-top: calc(var(--spacing-sm) * 5)
  }
  .mt-sm-5\:sm:first-child, .my-sm-5\:sm:first-child {
    margin-top: 0
  }
  .mt-auto\:sm, .my-auto\:sm {
    margin-top: auto
  }
  .mt-auto\:sm:first-child, .my-auto\:sm:first-child {
    margin-top: 0
  }
  .mb-0\:sm, .mb-0\:sm:last-child, .my-0\:sm, .my-0\:sm:last-child {
    margin-bottom: 0
  }
  .mb-0\.5\:sm, .my-0\.5\:sm {
    margin-bottom: calc(var(--spacing) * .5)
  }
  .mb-0\.5\:sm:last-child, .my-0\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-1\:sm, .my-1\:sm {
    margin-bottom: var(--spacing)
  }
  .mb-1\:sm:last-child, .my-1\:sm:last-child {
    margin-bottom: 0
  }
  .mb-1\.5\:sm, .my-1\.5\:sm {
    margin-bottom: calc(var(--spacing) * 1.5)
  }
  .mb-1\.5\:sm:last-child, .my-1\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-2\:sm, .my-2\:sm {
    margin-bottom: calc(var(--spacing) * 2)
  }
  .mb-2\:sm:last-child, .my-2\:sm:last-child {
    margin-bottom: 0
  }
  .mb-2\.5\:sm, .my-2\.5\:sm {
    margin-bottom: calc(var(--spacing) * 2.5)
  }
  .mb-2\.5\:sm:last-child, .my-2\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-2\.6\:sm, .my-2\.6\:sm {
    margin-bottom: calc(var(--spacing) * 2.666)
  }
  .mb-2\.6\:sm:last-child, .my-2\.6\:sm:last-child {
    margin-bottom: 0
  }
  .mb-3\:sm, .my-3\:sm {
    margin-bottom: calc(var(--spacing) * 3)
  }
  .mb-3\:sm:last-child, .my-3\:sm:last-child {
    margin-bottom: 0
  }
  .mb-3\.5\:sm, .my-3\.5\:sm {
    margin-bottom: calc(var(--spacing) * 3.5)
  }
  .mb-3\.5\:sm:last-child, .my-3\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-4\:sm, .my-4\:sm {
    margin-bottom: calc(var(--spacing) * 4)
  }
  .mb-4\:sm:last-child, .my-4\:sm:last-child {
    margin-bottom: 0
  }
  .mb-4\.5\:sm, .my-4\.5\:sm {
    margin-bottom: calc(var(--spacing) * 4.5)
  }
  .mb-4\.5\:sm:last-child, .my-4\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-5\:sm, .my-5\:sm {
    margin-bottom: calc(var(--spacing) * 5)
  }
  .mb-5\:sm:last-child, .my-5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-5\.5\:sm, .my-5\.5\:sm {
    margin-bottom: calc(var(--spacing) * 5.5)
  }
  .mb-5\.5\:sm:last-child, .my-5\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-6\:sm, .my-6\:sm {
    margin-bottom: calc(var(--spacing) * 6)
  }
  .mb-6\:sm:last-child, .my-6\:sm:last-child {
    margin-bottom: 0
  }
  .mb-6\.5\:sm, .my-6\.5\:sm {
    margin-bottom: calc(var(--spacing) * 6.5)
  }
  .mb-6\.5\:sm:last-child, .my-6\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-7\:sm, .my-7\:sm {
    margin-bottom: calc(var(--spacing) * 7)
  }
  .mb-7\:sm:last-child, .my-7\:sm:last-child {
    margin-bottom: 0
  }
  .mb-8\:sm, .my-8\:sm {
    margin-bottom: calc(var(--spacing) * 8)
  }
  .mb-8\:sm:last-child, .my-8\:sm:last-child {
    margin-bottom: 0
  }
  .mb-9\:sm, .my-9\:sm {
    margin-bottom: calc(var(--spacing) * 9)
  }
  .mb-9\:sm:last-child, .my-9\:sm:last-child {
    margin-bottom: 0
  }
  .mb-15\:sm, .my-15\:sm {
    margin-bottom: calc(var(--spacing) * 15)
  }
  .mb-15\:sm:last-child, .my-15\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-0\.5\:sm, .my-sm-0\.5\:sm {
    margin-bottom: calc(var(--spacing-sm) * .5)
  }
  .mb-sm-0\.5\:sm:last-child, .my-sm-0\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\:sm, .my-sm-1\:sm {
    margin-bottom: var(--spacing-sm)
  }
  .mb-sm-1\:sm:last-child, .my-sm-1\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\.5\:sm, .my-sm-1\.5\:sm {
    margin-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .mb-sm-1\.5\:sm:last-child, .my-sm-1\.5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-2\:sm, .my-sm-2\:sm {
    margin-bottom: calc(var(--spacing-sm) * 2)
  }
  .mb-sm-2\:sm:last-child, .my-sm-2\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-3\:sm, .my-sm-3\:sm {
    margin-bottom: calc(var(--spacing-sm) * 3)
  }
  .mb-sm-3\:sm:last-child, .my-sm-3\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-4\:sm, .my-sm-4\:sm {
    margin-bottom: calc(var(--spacing-sm) * 4)
  }
  .mb-sm-4\:sm:last-child, .my-sm-4\:sm:last-child {
    margin-bottom: 0
  }
  .mb-sm-5\:sm, .my-sm-5\:sm {
    margin-bottom: calc(var(--spacing-sm) * 5)
  }
  .mb-sm-5\:sm:last-child, .my-sm-5\:sm:last-child {
    margin-bottom: 0
  }
  .mb-auto\:sm, .my-auto\:sm {
    margin-bottom: auto
  }
  .mb-auto\:sm:last-child, .my-auto\:sm:last-child {
    margin-bottom: 0
  }
  .ml-0\:sm, .mx-0\:sm {
    margin-left: 0
  }
  .ml-0\.5\:sm, .mx-0\.5\:sm {
    margin-left: calc(var(--spacing) * .5)
  }
  .ml-1\:sm, .mx-1\:sm {
    margin-left: var(--spacing)
  }
  .ml-1\.5\:sm, .mx-1\.5\:sm {
    margin-left: calc(var(--spacing) * 1.5)
  }
  .ml-2\:sm, .mx-2\:sm {
    margin-left: calc(var(--spacing) * 2)
  }
  .ml-2\.5\:sm, .mx-2\.5\:sm {
    margin-left: calc(var(--spacing) * 2.5)
  }
  .ml-2\.6\:sm, .mx-2\.6\:sm {
    margin-left: calc(var(--spacing) * 2.666)
  }
  .ml-3\:sm, .mx-3\:sm {
    margin-left: calc(var(--spacing) * 3)
  }
  .ml-3\.5\:sm, .mx-3\.5\:sm {
    margin-left: calc(var(--spacing) * 3.5)
  }
  .ml-4\:sm, .mx-4\:sm {
    margin-left: calc(var(--spacing) * 4)
  }
  .ml-4\.5\:sm, .mx-4\.5\:sm {
    margin-left: calc(var(--spacing) * 4.5)
  }
  .ml-5\:sm, .mx-5\:sm {
    margin-left: calc(var(--spacing) * 5)
  }
  .ml-5\.5\:sm, .mx-5\.5\:sm {
    margin-left: calc(var(--spacing) * 5.5)
  }
  .ml-6\:sm, .mx-6\:sm {
    margin-left: calc(var(--spacing) * 6)
  }
  .ml-6\.5\:sm, .mx-6\.5\:sm {
    margin-left: calc(var(--spacing) * 6.5)
  }
  .ml-7\:sm, .mx-7\:sm {
    margin-left: calc(var(--spacing) * 7)
  }
  .ml-8\:sm, .mx-8\:sm {
    margin-left: calc(var(--spacing) * 8)
  }
  .ml-9\:sm, .mx-9\:sm {
    margin-left: calc(var(--spacing) * 9)
  }
  .ml-15\:sm, .mx-15\:sm {
    margin-left: calc(var(--spacing) * 15)
  }
  .ml-sm-0\.5\:sm, .mx-sm-0\.5\:sm {
    margin-left: calc(var(--spacing-sm) * .5)
  }
  .ml-sm-1\:sm, .mx-sm-1\:sm {
    margin-left: var(--spacing-sm)
  }
  .ml-sm-1\.5\:sm, .mx-sm-1\.5\:sm {
    margin-left: calc(var(--spacing-sm) * 1.5)
  }
  .ml-sm-2\:sm, .mx-sm-2\:sm {
    margin-left: calc(var(--spacing-sm) * 2)
  }
  .ml-sm-3\:sm, .mx-sm-3\:sm {
    margin-left: calc(var(--spacing-sm) * 3)
  }
  .ml-sm-4\:sm, .mx-sm-4\:sm {
    margin-left: calc(var(--spacing-sm) * 4)
  }
  .ml-sm-5\:sm, .mx-sm-5\:sm {
    margin-left: calc(var(--spacing-sm) * 5)
  }
  .ml-auto\:sm, .mx-auto\:sm {
    margin-left: auto
  }
  .mr-0\:sm, .mx-0\:sm {
    margin-right: 0
  }
  .mr-0\.5\:sm, .mx-0\.5\:sm {
    margin-right: calc(var(--spacing) * .5)
  }
  .mr-1\:sm, .mx-1\:sm {
    margin-right: var(--spacing)
  }
  .mr-1\.5\:sm, .mx-1\.5\:sm {
    margin-right: calc(var(--spacing) * 1.5)
  }
  .mr-2\:sm, .mx-2\:sm {
    margin-right: calc(var(--spacing) * 2)
  }
  .mr-2\.5\:sm, .mx-2\.5\:sm {
    margin-right: calc(var(--spacing) * 2.5)
  }
  .mr-2\.6\:sm, .mx-2\.6\:sm {
    margin-right: calc(var(--spacing) * 2.666)
  }
  .mr-3\:sm, .mx-3\:sm {
    margin-right: calc(var(--spacing) * 3)
  }
  .mr-3\.5\:sm, .mx-3\.5\:sm {
    margin-right: calc(var(--spacing) * 3.5)
  }
  .mr-4\:sm, .mx-4\:sm {
    margin-right: calc(var(--spacing) * 4)
  }
  .mr-4\.5\:sm, .mx-4\.5\:sm {
    margin-right: calc(var(--spacing) * 4.5)
  }
  .mr-5\:sm, .mx-5\:sm {
    margin-right: calc(var(--spacing) * 5)
  }
  .mr-5\.5\:sm, .mx-5\.5\:sm {
    margin-right: calc(var(--spacing) * 5.5)
  }
  .mr-6\:sm, .mx-6\:sm {
    margin-right: calc(var(--spacing) * 6)
  }
  .mr-6\.5\:sm, .mx-6\.5\:sm {
    margin-right: calc(var(--spacing) * 6.5)
  }
  .mr-7\:sm, .mx-7\:sm {
    margin-right: calc(var(--spacing) * 7)
  }
  .mr-8\:sm, .mx-8\:sm {
    margin-right: calc(var(--spacing) * 8)
  }
  .mr-9\:sm, .mx-9\:sm {
    margin-right: calc(var(--spacing) * 9)
  }
  .mr-15\:sm, .mx-15\:sm {
    margin-right: calc(var(--spacing) * 15)
  }
  .mr-sm-0\.5\:sm, .mx-sm-0\.5\:sm {
    margin-right: calc(var(--spacing-sm) * .5)
  }
  .mr-sm-1\:sm, .mx-sm-1\:sm {
    margin-right: var(--spacing-sm)
  }
  .mr-sm-1\.5\:sm, .mx-sm-1\.5\:sm {
    margin-right: calc(var(--spacing-sm) * 1.5)
  }
  .mr-sm-2\:sm, .mx-sm-2\:sm {
    margin-right: calc(var(--spacing-sm) * 2)
  }
  .mr-sm-3\:sm, .mx-sm-3\:sm {
    margin-right: calc(var(--spacing-sm) * 3)
  }
  .mr-sm-4\:sm, .mx-sm-4\:sm {
    margin-right: calc(var(--spacing-sm) * 4)
  }
  .mr-sm-5\:sm, .mx-sm-5\:sm {
    margin-right: calc(var(--spacing-sm) * 5)
  }
  .mr-auto\:sm, .mx-auto\:sm {
    margin-right: auto
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .pt-0\:md, .py-0\:md {
    padding-top: 0
  }
  .pt-0\.5\:md, .py-0\.5\:md {
    padding-top: calc(var(--spacing) * .5)
  }
  .pt-1\:md, .py-1\:md {
    padding-top: var(--spacing)
  }
  .pt-1\.5\:md, .py-1\.5\:md {
    padding-top: calc(var(--spacing) * 1.5)
  }
  .pt-2\:md, .py-2\:md {
    padding-top: calc(var(--spacing) * 2)
  }
  .pt-2\.5\:md, .py-2\.5\:md {
    padding-top: calc(var(--spacing) * 2.5)
  }
  .pt-2\.6\:md, .py-2\.6\:md {
    padding-top: calc(var(--spacing) * 2.666)
  }
  .pt-3\:md, .py-3\:md {
    padding-top: calc(var(--spacing) * 3)
  }
  .pt-3\.5\:md, .py-3\.5\:md {
    padding-top: calc(var(--spacing) * 3.5)
  }
  .pt-4\:md, .py-4\:md {
    padding-top: calc(var(--spacing) * 4)
  }
  .pt-4\.5\:md, .py-4\.5\:md {
    padding-top: calc(var(--spacing) * 4.5)
  }
  .pt-5\:md, .py-5\:md {
    padding-top: calc(var(--spacing) * 5)
  }
  .pt-5\.5\:md, .py-5\.5\:md {
    padding-top: calc(var(--spacing) * 5.5)
  }
  .pt-6\:md, .py-6\:md {
    padding-top: calc(var(--spacing) * 6)
  }
  .pt-6\.5\:md, .py-6\.5\:md {
    padding-top: calc(var(--spacing) * 6.5)
  }
  .pt-7\:md, .py-7\:md {
    padding-top: calc(var(--spacing) * 7)
  }
  .pt-8\:md, .py-8\:md {
    padding-top: calc(var(--spacing) * 8)
  }
  .pt-9\:md, .py-9\:md {
    padding-top: calc(var(--spacing) * 9)
  }
  .pt-15\:md, .py-15\:md {
    padding-top: calc(var(--spacing) * 15)
  }
  .pt-sm-0\.5\:md, .py-sm-0\.5\:md {
    padding-top: calc(var(--spacing-sm) * .5)
  }
  .pt-sm-1\:md, .py-sm-1\:md {
    padding-top: var(--spacing-sm)
  }
  .pt-sm-1\.5\:md, .py-sm-1\.5\:md {
    padding-top: calc(var(--spacing-sm) * 1.5)
  }
  .pt-sm-2\:md, .py-sm-2\:md {
    padding-top: calc(var(--spacing-sm) * 2)
  }
  .pt-sm-3\:md, .py-sm-3\:md {
    padding-top: calc(var(--spacing-sm) * 3)
  }
  .pt-sm-4\:md, .py-sm-4\:md {
    padding-top: calc(var(--spacing-sm) * 4)
  }
  .pt-sm-5\:md, .py-sm-5\:md {
    padding-top: calc(var(--spacing-sm) * 5)
  }
  .pb-0\:md, .py-0\:md {
    padding-bottom: 0
  }
  .pb-0\.5\:md, .py-0\.5\:md {
    padding-bottom: calc(var(--spacing) * .5)
  }
  .pb-1\:md, .py-1\:md {
    padding-bottom: var(--spacing)
  }
  .pb-1\.5\:md, .py-1\.5\:md {
    padding-bottom: calc(var(--spacing) * 1.5)
  }
  .pb-2\:md, .py-2\:md {
    padding-bottom: calc(var(--spacing) * 2)
  }
  .pb-2\.5\:md, .py-2\.5\:md {
    padding-bottom: calc(var(--spacing) * 2.5)
  }
  .pb-2\.6\:md, .py-2\.6\:md {
    padding-bottom: calc(var(--spacing) * 2.666)
  }
  .pb-3\:md, .py-3\:md {
    padding-bottom: calc(var(--spacing) * 3)
  }
  .pb-3\.5\:md, .py-3\.5\:md {
    padding-bottom: calc(var(--spacing) * 3.5)
  }
  .pb-4\:md, .py-4\:md {
    padding-bottom: calc(var(--spacing) * 4)
  }
  .pb-4\.5\:md, .py-4\.5\:md {
    padding-bottom: calc(var(--spacing) * 4.5)
  }
  .pb-5\:md, .py-5\:md {
    padding-bottom: calc(var(--spacing) * 5)
  }
  .pb-5\.5\:md, .py-5\.5\:md {
    padding-bottom: calc(var(--spacing) * 5.5)
  }
  .pb-6\:md, .py-6\:md {
    padding-bottom: calc(var(--spacing) * 6)
  }
  .pb-6\.5\:md, .py-6\.5\:md {
    padding-bottom: calc(var(--spacing) * 6.5)
  }
  .pb-7\:md, .py-7\:md {
    padding-bottom: calc(var(--spacing) * 7)
  }
  .pb-8\:md, .py-8\:md {
    padding-bottom: calc(var(--spacing) * 8)
  }
  .pb-9\:md, .py-9\:md {
    padding-bottom: calc(var(--spacing) * 9)
  }
  .pb-15\:md, .py-15\:md {
    padding-bottom: calc(var(--spacing) * 15)
  }
  .pb-sm-0\.5\:md, .py-sm-0\.5\:md {
    padding-bottom: calc(var(--spacing-sm) * .5)
  }
  .pb-sm-1\:md, .py-sm-1\:md {
    padding-bottom: var(--spacing-sm)
  }
  .pb-sm-1\.5\:md, .py-sm-1\.5\:md {
    padding-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .pb-sm-2\:md, .py-sm-2\:md {
    padding-bottom: calc(var(--spacing-sm) * 2)
  }
  .pb-sm-3\:md, .py-sm-3\:md {
    padding-bottom: calc(var(--spacing-sm) * 3)
  }
  .pb-sm-4\:md, .py-sm-4\:md {
    padding-bottom: calc(var(--spacing-sm) * 4)
  }
  .pb-sm-5\:md, .py-sm-5\:md {
    padding-bottom: calc(var(--spacing-sm) * 5)
  }
  .pl-0\:md, .px-0\:md {
    padding-left: 0
  }
  .pl-0\.5\:md, .px-0\.5\:md {
    padding-left: calc(var(--spacing) * .5)
  }
  .pl-1\:md, .px-1\:md {
    padding-left: var(--spacing)
  }
  .pl-1\.5\:md, .px-1\.5\:md {
    padding-left: calc(var(--spacing) * 1.5)
  }
  .pl-2\:md, .px-2\:md {
    padding-left: calc(var(--spacing) * 2)
  }
  .pl-2\.5\:md, .px-2\.5\:md {
    padding-left: calc(var(--spacing) * 2.5)
  }
  .pl-2\.6\:md, .px-2\.6\:md {
    padding-left: calc(var(--spacing) * 2.666)
  }
  .pl-3\:md, .px-3\:md {
    padding-left: calc(var(--spacing) * 3)
  }
  .pl-3\.5\:md, .px-3\.5\:md {
    padding-left: calc(var(--spacing) * 3.5)
  }
  .pl-4\:md, .px-4\:md {
    padding-left: calc(var(--spacing) * 4)
  }
  .pl-4\.5\:md, .px-4\.5\:md {
    padding-left: calc(var(--spacing) * 4.5)
  }
  .pl-5\:md, .px-5\:md {
    padding-left: calc(var(--spacing) * 5)
  }
  .pl-5\.5\:md, .px-5\.5\:md {
    padding-left: calc(var(--spacing) * 5.5)
  }
  .pl-6\:md, .px-6\:md {
    padding-left: calc(var(--spacing) * 6)
  }
  .pl-6\.5\:md, .px-6\.5\:md {
    padding-left: calc(var(--spacing) * 6.5)
  }
  .pl-7\:md, .px-7\:md {
    padding-left: calc(var(--spacing) * 7)
  }
  .pl-8\:md, .px-8\:md {
    padding-left: calc(var(--spacing) * 8)
  }
  .pl-9\:md, .px-9\:md {
    padding-left: calc(var(--spacing) * 9)
  }
  .pl-15\:md, .px-15\:md {
    padding-left: calc(var(--spacing) * 15)
  }
  .pl-sm-0\.5\:md, .px-sm-0\.5\:md {
    padding-left: calc(var(--spacing-sm) * .5)
  }
  .pl-sm-1\:md, .px-sm-1\:md {
    padding-left: var(--spacing-sm)
  }
  .pl-sm-1\.5\:md, .px-sm-1\.5\:md {
    padding-left: calc(var(--spacing-sm) * 1.5)
  }
  .pl-sm-2\:md, .px-sm-2\:md {
    padding-left: calc(var(--spacing-sm) * 2)
  }
  .pl-sm-3\:md, .px-sm-3\:md {
    padding-left: calc(var(--spacing-sm) * 3)
  }
  .pl-sm-4\:md, .px-sm-4\:md {
    padding-left: calc(var(--spacing-sm) * 4)
  }
  .pl-sm-5\:md, .px-sm-5\:md {
    padding-left: calc(var(--spacing-sm) * 5)
  }
  .pr-0\:md, .px-0\:md {
    padding-right: 0
  }
  .pr-0\.5\:md, .px-0\.5\:md {
    padding-right: calc(var(--spacing) * .5)
  }
  .pr-1\:md, .px-1\:md {
    padding-right: var(--spacing)
  }
  .pr-1\.5\:md, .px-1\.5\:md {
    padding-right: calc(var(--spacing) * 1.5)
  }
  .pr-2\:md, .px-2\:md {
    padding-right: calc(var(--spacing) * 2)
  }
  .pr-2\.5\:md, .px-2\.5\:md {
    padding-right: calc(var(--spacing) * 2.5)
  }
  .pr-2\.6\:md, .px-2\.6\:md {
    padding-right: calc(var(--spacing) * 2.666)
  }
  .pr-3\:md, .px-3\:md {
    padding-right: calc(var(--spacing) * 3)
  }
  .pr-3\.5\:md, .px-3\.5\:md {
    padding-right: calc(var(--spacing) * 3.5)
  }
  .pr-4\:md, .px-4\:md {
    padding-right: calc(var(--spacing) * 4)
  }
  .pr-4\.5\:md, .px-4\.5\:md {
    padding-right: calc(var(--spacing) * 4.5)
  }
  .pr-5\:md, .px-5\:md {
    padding-right: calc(var(--spacing) * 5)
  }
  .pr-5\.5\:md, .px-5\.5\:md {
    padding-right: calc(var(--spacing) * 5.5)
  }
  .pr-6\:md, .px-6\:md {
    padding-right: calc(var(--spacing) * 6)
  }
  .pr-6\.5\:md, .px-6\.5\:md {
    padding-right: calc(var(--spacing) * 6.5)
  }
  .pr-7\:md, .px-7\:md {
    padding-right: calc(var(--spacing) * 7)
  }
  .pr-8\:md, .px-8\:md {
    padding-right: calc(var(--spacing) * 8)
  }
  .pr-9\:md, .px-9\:md {
    padding-right: calc(var(--spacing) * 9)
  }
  .pr-15\:md, .px-15\:md {
    padding-right: calc(var(--spacing) * 15)
  }
  .pr-sm-0\.5\:md, .px-sm-0\.5\:md {
    padding-right: calc(var(--spacing-sm) * .5)
  }
  .pr-sm-1\:md, .px-sm-1\:md {
    padding-right: var(--spacing-sm)
  }
  .pr-sm-1\.5\:md, .px-sm-1\.5\:md {
    padding-right: calc(var(--spacing-sm) * 1.5)
  }
  .pr-sm-2\:md, .px-sm-2\:md {
    padding-right: calc(var(--spacing-sm) * 2)
  }
  .pr-sm-3\:md, .px-sm-3\:md {
    padding-right: calc(var(--spacing-sm) * 3)
  }
  .pr-sm-4\:md, .px-sm-4\:md {
    padding-right: calc(var(--spacing-sm) * 4)
  }
  .pr-sm-5\:md, .px-sm-5\:md {
    padding-right: calc(var(--spacing-sm) * 5)
  }
  .mt-0\:md, .mt-0\:md:first-child, .my-0\:md, .my-0\:md:first-child {
    margin-top: 0
  }
  .mt-0\.5\:md, .my-0\.5\:md {
    margin-top: calc(var(--spacing) * .5)
  }
  .mt-0\.5\:md:first-child, .my-0\.5\:md:first-child {
    margin-top: 0
  }
  .mt-1\:md, .my-1\:md {
    margin-top: var(--spacing)
  }
  .mt-1\:md:first-child, .my-1\:md:first-child {
    margin-top: 0
  }
  .mt-1\.5\:md, .my-1\.5\:md {
    margin-top: calc(var(--spacing) * 1.5)
  }
  .mt-1\.5\:md:first-child, .my-1\.5\:md:first-child {
    margin-top: 0
  }
  .mt-2\:md, .my-2\:md {
    margin-top: calc(var(--spacing) * 2)
  }
  .mt-2\:md:first-child, .my-2\:md:first-child {
    margin-top: 0
  }
  .mt-2\.5\:md, .my-2\.5\:md {
    margin-top: calc(var(--spacing) * 2.5)
  }
  .mt-2\.5\:md:first-child, .my-2\.5\:md:first-child {
    margin-top: 0
  }
  .mt-2\.6\:md, .my-2\.6\:md {
    margin-top: calc(var(--spacing) * 2.666)
  }
  .mt-2\.6\:md:first-child, .my-2\.6\:md:first-child {
    margin-top: 0
  }
  .mt-3\:md, .my-3\:md {
    margin-top: calc(var(--spacing) * 3)
  }
  .mt-3\:md:first-child, .my-3\:md:first-child {
    margin-top: 0
  }
  .mt-3\.5\:md, .my-3\.5\:md {
    margin-top: calc(var(--spacing) * 3.5)
  }
  .mt-3\.5\:md:first-child, .my-3\.5\:md:first-child {
    margin-top: 0
  }
  .mt-4\:md, .my-4\:md {
    margin-top: calc(var(--spacing) * 4)
  }
  .mt-4\:md:first-child, .my-4\:md:first-child {
    margin-top: 0
  }
  .mt-4\.5\:md, .my-4\.5\:md {
    margin-top: calc(var(--spacing) * 4.5)
  }
  .mt-4\.5\:md:first-child, .my-4\.5\:md:first-child {
    margin-top: 0
  }
  .mt-5\:md, .my-5\:md {
    margin-top: calc(var(--spacing) * 5)
  }
  .mt-5\:md:first-child, .my-5\:md:first-child {
    margin-top: 0
  }
  .mt-5\.5\:md, .my-5\.5\:md {
    margin-top: calc(var(--spacing) * 5.5)
  }
  .mt-5\.5\:md:first-child, .my-5\.5\:md:first-child {
    margin-top: 0
  }
  .mt-6\:md, .my-6\:md {
    margin-top: calc(var(--spacing) * 6)
  }
  .mt-6\:md:first-child, .my-6\:md:first-child {
    margin-top: 0
  }
  .mt-6\.5\:md, .my-6\.5\:md {
    margin-top: calc(var(--spacing) * 6.5)
  }
  .mt-6\.5\:md:first-child, .my-6\.5\:md:first-child {
    margin-top: 0
  }
  .mt-7\:md, .my-7\:md {
    margin-top: calc(var(--spacing) * 7)
  }
  .mt-7\:md:first-child, .my-7\:md:first-child {
    margin-top: 0
  }
  .mt-8\:md, .my-8\:md {
    margin-top: calc(var(--spacing) * 8)
  }
  .mt-8\:md:first-child, .my-8\:md:first-child {
    margin-top: 0
  }
  .mt-9\:md, .my-9\:md {
    margin-top: calc(var(--spacing) * 9)
  }
  .mt-9\:md:first-child, .my-9\:md:first-child {
    margin-top: 0
  }
  .mt-15\:md, .my-15\:md {
    margin-top: calc(var(--spacing) * 15)
  }
  .mt-15\:md:first-child, .my-15\:md:first-child {
    margin-top: 0
  }
  .mt-sm-0\.5\:md, .my-sm-0\.5\:md {
    margin-top: calc(var(--spacing-sm) * .5)
  }
  .mt-sm-0\.5\:md:first-child, .my-sm-0\.5\:md:first-child {
    margin-top: 0
  }
  .mt-sm-1\:md, .my-sm-1\:md {
    margin-top: var(--spacing-sm)
  }
  .mt-sm-1\:md:first-child, .my-sm-1\:md:first-child {
    margin-top: 0
  }
  .mt-sm-1\.5\:md, .my-sm-1\.5\:md {
    margin-top: calc(var(--spacing-sm) * 1.5)
  }
  .mt-sm-1\.5\:md:first-child, .my-sm-1\.5\:md:first-child {
    margin-top: 0
  }
  .mt-sm-2\:md, .my-sm-2\:md {
    margin-top: calc(var(--spacing-sm) * 2)
  }
  .mt-sm-2\:md:first-child, .my-sm-2\:md:first-child {
    margin-top: 0
  }
  .mt-sm-3\:md, .my-sm-3\:md {
    margin-top: calc(var(--spacing-sm) * 3)
  }
  .mt-sm-3\:md:first-child, .my-sm-3\:md:first-child {
    margin-top: 0
  }
  .mt-sm-4\:md, .my-sm-4\:md {
    margin-top: calc(var(--spacing-sm) * 4)
  }
  .mt-sm-4\:md:first-child, .my-sm-4\:md:first-child {
    margin-top: 0
  }
  .mt-sm-5\:md, .my-sm-5\:md {
    margin-top: calc(var(--spacing-sm) * 5)
  }
  .mt-sm-5\:md:first-child, .my-sm-5\:md:first-child {
    margin-top: 0
  }
  .mt-auto\:md, .my-auto\:md {
    margin-top: auto
  }
  .mt-auto\:md:first-child, .my-auto\:md:first-child {
    margin-top: 0
  }
  .mb-0\:md, .mb-0\:md:last-child, .my-0\:md, .my-0\:md:last-child {
    margin-bottom: 0
  }
  .mb-0\.5\:md, .my-0\.5\:md {
    margin-bottom: calc(var(--spacing) * .5)
  }
  .mb-0\.5\:md:last-child, .my-0\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-1\:md, .my-1\:md {
    margin-bottom: var(--spacing)
  }
  .mb-1\:md:last-child, .my-1\:md:last-child {
    margin-bottom: 0
  }
  .mb-1\.5\:md, .my-1\.5\:md {
    margin-bottom: calc(var(--spacing) * 1.5)
  }
  .mb-1\.5\:md:last-child, .my-1\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-2\:md, .my-2\:md {
    margin-bottom: calc(var(--spacing) * 2)
  }
  .mb-2\:md:last-child, .my-2\:md:last-child {
    margin-bottom: 0
  }
  .mb-2\.5\:md, .my-2\.5\:md {
    margin-bottom: calc(var(--spacing) * 2.5)
  }
  .mb-2\.5\:md:last-child, .my-2\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-2\.6\:md, .my-2\.6\:md {
    margin-bottom: calc(var(--spacing) * 2.666)
  }
  .mb-2\.6\:md:last-child, .my-2\.6\:md:last-child {
    margin-bottom: 0
  }
  .mb-3\:md, .my-3\:md {
    margin-bottom: calc(var(--spacing) * 3)
  }
  .mb-3\:md:last-child, .my-3\:md:last-child {
    margin-bottom: 0
  }
  .mb-3\.5\:md, .my-3\.5\:md {
    margin-bottom: calc(var(--spacing) * 3.5)
  }
  .mb-3\.5\:md:last-child, .my-3\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-4\:md, .my-4\:md {
    margin-bottom: calc(var(--spacing) * 4)
  }
  .mb-4\:md:last-child, .my-4\:md:last-child {
    margin-bottom: 0
  }
  .mb-4\.5\:md, .my-4\.5\:md {
    margin-bottom: calc(var(--spacing) * 4.5)
  }
  .mb-4\.5\:md:last-child, .my-4\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-5\:md, .my-5\:md {
    margin-bottom: calc(var(--spacing) * 5)
  }
  .mb-5\:md:last-child, .my-5\:md:last-child {
    margin-bottom: 0
  }
  .mb-5\.5\:md, .my-5\.5\:md {
    margin-bottom: calc(var(--spacing) * 5.5)
  }
  .mb-5\.5\:md:last-child, .my-5\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-6\:md, .my-6\:md {
    margin-bottom: calc(var(--spacing) * 6)
  }
  .mb-6\:md:last-child, .my-6\:md:last-child {
    margin-bottom: 0
  }
  .mb-6\.5\:md, .my-6\.5\:md {
    margin-bottom: calc(var(--spacing) * 6.5)
  }
  .mb-6\.5\:md:last-child, .my-6\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-7\:md, .my-7\:md {
    margin-bottom: calc(var(--spacing) * 7)
  }
  .mb-7\:md:last-child, .my-7\:md:last-child {
    margin-bottom: 0
  }
  .mb-8\:md, .my-8\:md {
    margin-bottom: calc(var(--spacing) * 8)
  }
  .mb-8\:md:last-child, .my-8\:md:last-child {
    margin-bottom: 0
  }
  .mb-9\:md, .my-9\:md {
    margin-bottom: calc(var(--spacing) * 9)
  }
  .mb-9\:md:last-child, .my-9\:md:last-child {
    margin-bottom: 0
  }
  .mb-15\:md, .my-15\:md {
    margin-bottom: calc(var(--spacing) * 15)
  }
  .mb-15\:md:last-child, .my-15\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-0\.5\:md, .my-sm-0\.5\:md {
    margin-bottom: calc(var(--spacing-sm) * .5)
  }
  .mb-sm-0\.5\:md:last-child, .my-sm-0\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\:md, .my-sm-1\:md {
    margin-bottom: var(--spacing-sm)
  }
  .mb-sm-1\:md:last-child, .my-sm-1\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\.5\:md, .my-sm-1\.5\:md {
    margin-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .mb-sm-1\.5\:md:last-child, .my-sm-1\.5\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-2\:md, .my-sm-2\:md {
    margin-bottom: calc(var(--spacing-sm) * 2)
  }
  .mb-sm-2\:md:last-child, .my-sm-2\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-3\:md, .my-sm-3\:md {
    margin-bottom: calc(var(--spacing-sm) * 3)
  }
  .mb-sm-3\:md:last-child, .my-sm-3\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-4\:md, .my-sm-4\:md {
    margin-bottom: calc(var(--spacing-sm) * 4)
  }
  .mb-sm-4\:md:last-child, .my-sm-4\:md:last-child {
    margin-bottom: 0
  }
  .mb-sm-5\:md, .my-sm-5\:md {
    margin-bottom: calc(var(--spacing-sm) * 5)
  }
  .mb-sm-5\:md:last-child, .my-sm-5\:md:last-child {
    margin-bottom: 0
  }
  .mb-auto\:md, .my-auto\:md {
    margin-bottom: auto
  }
  .mb-auto\:md:last-child, .my-auto\:md:last-child {
    margin-bottom: 0
  }
  .ml-0\:md, .mx-0\:md {
    margin-left: 0
  }
  .ml-0\.5\:md, .mx-0\.5\:md {
    margin-left: calc(var(--spacing) * .5)
  }
  .ml-1\:md, .mx-1\:md {
    margin-left: var(--spacing)
  }
  .ml-1\.5\:md, .mx-1\.5\:md {
    margin-left: calc(var(--spacing) * 1.5)
  }
  .ml-2\:md, .mx-2\:md {
    margin-left: calc(var(--spacing) * 2)
  }
  .ml-2\.5\:md, .mx-2\.5\:md {
    margin-left: calc(var(--spacing) * 2.5)
  }
  .ml-2\.6\:md, .mx-2\.6\:md {
    margin-left: calc(var(--spacing) * 2.666)
  }
  .ml-3\:md, .mx-3\:md {
    margin-left: calc(var(--spacing) * 3)
  }
  .ml-3\.5\:md, .mx-3\.5\:md {
    margin-left: calc(var(--spacing) * 3.5)
  }
  .ml-4\:md, .mx-4\:md {
    margin-left: calc(var(--spacing) * 4)
  }
  .ml-4\.5\:md, .mx-4\.5\:md {
    margin-left: calc(var(--spacing) * 4.5)
  }
  .ml-5\:md, .mx-5\:md {
    margin-left: calc(var(--spacing) * 5)
  }
  .ml-5\.5\:md, .mx-5\.5\:md {
    margin-left: calc(var(--spacing) * 5.5)
  }
  .ml-6\:md, .mx-6\:md {
    margin-left: calc(var(--spacing) * 6)
  }
  .ml-6\.5\:md, .mx-6\.5\:md {
    margin-left: calc(var(--spacing) * 6.5)
  }
  .ml-7\:md, .mx-7\:md {
    margin-left: calc(var(--spacing) * 7)
  }
  .ml-8\:md, .mx-8\:md {
    margin-left: calc(var(--spacing) * 8)
  }
  .ml-9\:md, .mx-9\:md {
    margin-left: calc(var(--spacing) * 9)
  }
  .ml-15\:md, .mx-15\:md {
    margin-left: calc(var(--spacing) * 15)
  }
  .ml-sm-0\.5\:md, .mx-sm-0\.5\:md {
    margin-left: calc(var(--spacing-sm) * .5)
  }
  .ml-sm-1\:md, .mx-sm-1\:md {
    margin-left: var(--spacing-sm)
  }
  .ml-sm-1\.5\:md, .mx-sm-1\.5\:md {
    margin-left: calc(var(--spacing-sm) * 1.5)
  }
  .ml-sm-2\:md, .mx-sm-2\:md {
    margin-left: calc(var(--spacing-sm) * 2)
  }
  .ml-sm-3\:md, .mx-sm-3\:md {
    margin-left: calc(var(--spacing-sm) * 3)
  }
  .ml-sm-4\:md, .mx-sm-4\:md {
    margin-left: calc(var(--spacing-sm) * 4)
  }
  .ml-sm-5\:md, .mx-sm-5\:md {
    margin-left: calc(var(--spacing-sm) * 5)
  }
  .ml-auto\:md, .mx-auto\:md {
    margin-left: auto
  }
  .mr-0\:md, .mx-0\:md {
    margin-right: 0
  }
  .mr-0\.5\:md, .mx-0\.5\:md {
    margin-right: calc(var(--spacing) * .5)
  }
  .mr-1\:md, .mx-1\:md {
    margin-right: var(--spacing)
  }
  .mr-1\.5\:md, .mx-1\.5\:md {
    margin-right: calc(var(--spacing) * 1.5)
  }
  .mr-2\:md, .mx-2\:md {
    margin-right: calc(var(--spacing) * 2)
  }
  .mr-2\.5\:md, .mx-2\.5\:md {
    margin-right: calc(var(--spacing) * 2.5)
  }
  .mr-2\.6\:md, .mx-2\.6\:md {
    margin-right: calc(var(--spacing) * 2.666)
  }
  .mr-3\:md, .mx-3\:md {
    margin-right: calc(var(--spacing) * 3)
  }
  .mr-3\.5\:md, .mx-3\.5\:md {
    margin-right: calc(var(--spacing) * 3.5)
  }
  .mr-4\:md, .mx-4\:md {
    margin-right: calc(var(--spacing) * 4)
  }
  .mr-4\.5\:md, .mx-4\.5\:md {
    margin-right: calc(var(--spacing) * 4.5)
  }
  .mr-5\:md, .mx-5\:md {
    margin-right: calc(var(--spacing) * 5)
  }
  .mr-5\.5\:md, .mx-5\.5\:md {
    margin-right: calc(var(--spacing) * 5.5)
  }
  .mr-6\:md, .mx-6\:md {
    margin-right: calc(var(--spacing) * 6)
  }
  .mr-6\.5\:md, .mx-6\.5\:md {
    margin-right: calc(var(--spacing) * 6.5)
  }
  .mr-7\:md, .mx-7\:md {
    margin-right: calc(var(--spacing) * 7)
  }
  .mr-8\:md, .mx-8\:md {
    margin-right: calc(var(--spacing) * 8)
  }
  .mr-9\:md, .mx-9\:md {
    margin-right: calc(var(--spacing) * 9)
  }
  .mr-15\:md, .mx-15\:md {
    margin-right: calc(var(--spacing) * 15)
  }
  .mr-sm-0\.5\:md, .mx-sm-0\.5\:md {
    margin-right: calc(var(--spacing-sm) * .5)
  }
  .mr-sm-1\:md, .mx-sm-1\:md {
    margin-right: var(--spacing-sm)
  }
  .mr-sm-1\.5\:md, .mx-sm-1\.5\:md {
    margin-right: calc(var(--spacing-sm) * 1.5)
  }
  .mr-sm-2\:md, .mx-sm-2\:md {
    margin-right: calc(var(--spacing-sm) * 2)
  }
  .mr-sm-3\:md, .mx-sm-3\:md {
    margin-right: calc(var(--spacing-sm) * 3)
  }
  .mr-sm-4\:md, .mx-sm-4\:md {
    margin-right: calc(var(--spacing-sm) * 4)
  }
  .mr-sm-5\:md, .mx-sm-5\:md {
    margin-right: calc(var(--spacing-sm) * 5)
  }
  .mr-auto\:md, .mx-auto\:md {
    margin-right: auto
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .pt-0\:xxxl, .py-0\:xxxl {
    padding-top: 0
  }
  .pt-0\.5\:xxxl, .py-0\.5\:xxxl {
    padding-top: calc(var(--spacing) * .5)
  }
  .pt-1\:xxxl, .py-1\:xxxl {
    padding-top: var(--spacing)
  }
  .pt-1\.5\:xxxl, .py-1\.5\:xxxl {
    padding-top: calc(var(--spacing) * 1.5)
  }
  .pt-2\:xxxl, .py-2\:xxxl {
    padding-top: calc(var(--spacing) * 2)
  }
  .pt-2\.5\:xxxl, .py-2\.5\:xxxl {
    padding-top: calc(var(--spacing) * 2.5)
  }
  .pt-2\.6\:xxxl, .py-2\.6\:xxxl {
    padding-top: calc(var(--spacing) * 2.666)
  }
  .pt-3\:xxxl, .py-3\:xxxl {
    padding-top: calc(var(--spacing) * 3)
  }
  .pt-3\.5\:xxxl, .py-3\.5\:xxxl {
    padding-top: calc(var(--spacing) * 3.5)
  }
  .pt-4\:xxxl, .py-4\:xxxl {
    padding-top: calc(var(--spacing) * 4)
  }
  .pt-4\.5\:xxxl, .py-4\.5\:xxxl {
    padding-top: calc(var(--spacing) * 4.5)
  }
  .pt-5\:xxxl, .py-5\:xxxl {
    padding-top: calc(var(--spacing) * 5)
  }
  .pt-5\.5\:xxxl, .py-5\.5\:xxxl {
    padding-top: calc(var(--spacing) * 5.5)
  }
  .pt-6\:xxxl, .py-6\:xxxl {
    padding-top: calc(var(--spacing) * 6)
  }
  .pt-6\.5\:xxxl, .py-6\.5\:xxxl {
    padding-top: calc(var(--spacing) * 6.5)
  }
  .pt-7\:xxxl, .py-7\:xxxl {
    padding-top: calc(var(--spacing) * 7)
  }
  .pt-8\:xxxl, .py-8\:xxxl {
    padding-top: calc(var(--spacing) * 8)
  }
  .pt-9\:xxxl, .py-9\:xxxl {
    padding-top: calc(var(--spacing) * 9)
  }
  .pt-15\:xxxl, .py-15\:xxxl {
    padding-top: calc(var(--spacing) * 15)
  }
  .pt-sm-0\.5\:xxxl, .py-sm-0\.5\:xxxl {
    padding-top: calc(var(--spacing-sm) * .5)
  }
  .pt-sm-1\:xxxl, .py-sm-1\:xxxl {
    padding-top: var(--spacing-sm)
  }
  .pt-sm-1\.5\:xxxl, .py-sm-1\.5\:xxxl {
    padding-top: calc(var(--spacing-sm) * 1.5)
  }
  .pt-sm-2\:xxxl, .py-sm-2\:xxxl {
    padding-top: calc(var(--spacing-sm) * 2)
  }
  .pt-sm-3\:xxxl, .py-sm-3\:xxxl {
    padding-top: calc(var(--spacing-sm) * 3)
  }
  .pt-sm-4\:xxxl, .py-sm-4\:xxxl {
    padding-top: calc(var(--spacing-sm) * 4)
  }
  .pt-sm-5\:xxxl, .py-sm-5\:xxxl {
    padding-top: calc(var(--spacing-sm) * 5)
  }
  .pb-0\:xxxl, .py-0\:xxxl {
    padding-bottom: 0
  }
  .pb-0\.5\:xxxl, .py-0\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * .5)
  }
  .pb-1\:xxxl, .py-1\:xxxl {
    padding-bottom: var(--spacing)
  }
  .pb-1\.5\:xxxl, .py-1\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 1.5)
  }
  .pb-2\:xxxl, .py-2\:xxxl {
    padding-bottom: calc(var(--spacing) * 2)
  }
  .pb-2\.5\:xxxl, .py-2\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 2.5)
  }
  .pb-2\.6\:xxxl, .py-2\.6\:xxxl {
    padding-bottom: calc(var(--spacing) * 2.666)
  }
  .pb-3\:xxxl, .py-3\:xxxl {
    padding-bottom: calc(var(--spacing) * 3)
  }
  .pb-3\.5\:xxxl, .py-3\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 3.5)
  }
  .pb-4\:xxxl, .py-4\:xxxl {
    padding-bottom: calc(var(--spacing) * 4)
  }
  .pb-4\.5\:xxxl, .py-4\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 4.5)
  }
  .pb-5\:xxxl, .py-5\:xxxl {
    padding-bottom: calc(var(--spacing) * 5)
  }
  .pb-5\.5\:xxxl, .py-5\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 5.5)
  }
  .pb-6\:xxxl, .py-6\:xxxl {
    padding-bottom: calc(var(--spacing) * 6)
  }
  .pb-6\.5\:xxxl, .py-6\.5\:xxxl {
    padding-bottom: calc(var(--spacing) * 6.5)
  }
  .pb-7\:xxxl, .py-7\:xxxl {
    padding-bottom: calc(var(--spacing) * 7)
  }
  .pb-8\:xxxl, .py-8\:xxxl {
    padding-bottom: calc(var(--spacing) * 8)
  }
  .pb-9\:xxxl, .py-9\:xxxl {
    padding-bottom: calc(var(--spacing) * 9)
  }
  .pb-15\:xxxl, .py-15\:xxxl {
    padding-bottom: calc(var(--spacing) * 15)
  }
  .pb-sm-0\.5\:xxxl, .py-sm-0\.5\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * .5)
  }
  .pb-sm-1\:xxxl, .py-sm-1\:xxxl {
    padding-bottom: var(--spacing-sm)
  }
  .pb-sm-1\.5\:xxxl, .py-sm-1\.5\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .pb-sm-2\:xxxl, .py-sm-2\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * 2)
  }
  .pb-sm-3\:xxxl, .py-sm-3\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * 3)
  }
  .pb-sm-4\:xxxl, .py-sm-4\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * 4)
  }
  .pb-sm-5\:xxxl, .py-sm-5\:xxxl {
    padding-bottom: calc(var(--spacing-sm) * 5)
  }
  .pl-0\:xxxl, .px-0\:xxxl {
    padding-left: 0
  }
  .pl-0\.5\:xxxl, .px-0\.5\:xxxl {
    padding-left: calc(var(--spacing) * .5)
  }
  .pl-1\:xxxl, .px-1\:xxxl {
    padding-left: var(--spacing)
  }
  .pl-1\.5\:xxxl, .px-1\.5\:xxxl {
    padding-left: calc(var(--spacing) * 1.5)
  }
  .pl-2\:xxxl, .px-2\:xxxl {
    padding-left: calc(var(--spacing) * 2)
  }
  .pl-2\.5\:xxxl, .px-2\.5\:xxxl {
    padding-left: calc(var(--spacing) * 2.5)
  }
  .pl-2\.6\:xxxl, .px-2\.6\:xxxl {
    padding-left: calc(var(--spacing) * 2.666)
  }
  .pl-3\:xxxl, .px-3\:xxxl {
    padding-left: calc(var(--spacing) * 3)
  }
  .pl-3\.5\:xxxl, .px-3\.5\:xxxl {
    padding-left: calc(var(--spacing) * 3.5)
  }
  .pl-4\:xxxl, .px-4\:xxxl {
    padding-left: calc(var(--spacing) * 4)
  }
  .pl-4\.5\:xxxl, .px-4\.5\:xxxl {
    padding-left: calc(var(--spacing) * 4.5)
  }
  .pl-5\:xxxl, .px-5\:xxxl {
    padding-left: calc(var(--spacing) * 5)
  }
  .pl-5\.5\:xxxl, .px-5\.5\:xxxl {
    padding-left: calc(var(--spacing) * 5.5)
  }
  .pl-6\:xxxl, .px-6\:xxxl {
    padding-left: calc(var(--spacing) * 6)
  }
  .pl-6\.5\:xxxl, .px-6\.5\:xxxl {
    padding-left: calc(var(--spacing) * 6.5)
  }
  .pl-7\:xxxl, .px-7\:xxxl {
    padding-left: calc(var(--spacing) * 7)
  }
  .pl-8\:xxxl, .px-8\:xxxl {
    padding-left: calc(var(--spacing) * 8)
  }
  .pl-9\:xxxl, .px-9\:xxxl {
    padding-left: calc(var(--spacing) * 9)
  }
  .pl-15\:xxxl, .px-15\:xxxl {
    padding-left: calc(var(--spacing) * 15)
  }
  .pl-sm-0\.5\:xxxl, .px-sm-0\.5\:xxxl {
    padding-left: calc(var(--spacing-sm) * .5)
  }
  .pl-sm-1\:xxxl, .px-sm-1\:xxxl {
    padding-left: var(--spacing-sm)
  }
  .pl-sm-1\.5\:xxxl, .px-sm-1\.5\:xxxl {
    padding-left: calc(var(--spacing-sm) * 1.5)
  }
  .pl-sm-2\:xxxl, .px-sm-2\:xxxl {
    padding-left: calc(var(--spacing-sm) * 2)
  }
  .pl-sm-3\:xxxl, .px-sm-3\:xxxl {
    padding-left: calc(var(--spacing-sm) * 3)
  }
  .pl-sm-4\:xxxl, .px-sm-4\:xxxl {
    padding-left: calc(var(--spacing-sm) * 4)
  }
  .pl-sm-5\:xxxl, .px-sm-5\:xxxl {
    padding-left: calc(var(--spacing-sm) * 5)
  }
  .pr-0\:xxxl, .px-0\:xxxl {
    padding-right: 0
  }
  .pr-0\.5\:xxxl, .px-0\.5\:xxxl {
    padding-right: calc(var(--spacing) * .5)
  }
  .pr-1\:xxxl, .px-1\:xxxl {
    padding-right: var(--spacing)
  }
  .pr-1\.5\:xxxl, .px-1\.5\:xxxl {
    padding-right: calc(var(--spacing) * 1.5)
  }
  .pr-2\:xxxl, .px-2\:xxxl {
    padding-right: calc(var(--spacing) * 2)
  }
  .pr-2\.5\:xxxl, .px-2\.5\:xxxl {
    padding-right: calc(var(--spacing) * 2.5)
  }
  .pr-2\.6\:xxxl, .px-2\.6\:xxxl {
    padding-right: calc(var(--spacing) * 2.666)
  }
  .pr-3\:xxxl, .px-3\:xxxl {
    padding-right: calc(var(--spacing) * 3)
  }
  .pr-3\.5\:xxxl, .px-3\.5\:xxxl {
    padding-right: calc(var(--spacing) * 3.5)
  }
  .pr-4\:xxxl, .px-4\:xxxl {
    padding-right: calc(var(--spacing) * 4)
  }
  .pr-4\.5\:xxxl, .px-4\.5\:xxxl {
    padding-right: calc(var(--spacing) * 4.5)
  }
  .pr-5\:xxxl, .px-5\:xxxl {
    padding-right: calc(var(--spacing) * 5)
  }
  .pr-5\.5\:xxxl, .px-5\.5\:xxxl {
    padding-right: calc(var(--spacing) * 5.5)
  }
  .pr-6\:xxxl, .px-6\:xxxl {
    padding-right: calc(var(--spacing) * 6)
  }
  .pr-6\.5\:xxxl, .px-6\.5\:xxxl {
    padding-right: calc(var(--spacing) * 6.5)
  }
  .pr-7\:xxxl, .px-7\:xxxl {
    padding-right: calc(var(--spacing) * 7)
  }
  .pr-8\:xxxl, .px-8\:xxxl {
    padding-right: calc(var(--spacing) * 8)
  }
  .pr-9\:xxxl, .px-9\:xxxl {
    padding-right: calc(var(--spacing) * 9)
  }
  .pr-15\:xxxl, .px-15\:xxxl {
    padding-right: calc(var(--spacing) * 15)
  }
  .pr-sm-0\.5\:xxxl, .px-sm-0\.5\:xxxl {
    padding-right: calc(var(--spacing-sm) * .5)
  }
  .pr-sm-1\:xxxl, .px-sm-1\:xxxl {
    padding-right: var(--spacing-sm)
  }
  .pr-sm-1\.5\:xxxl, .px-sm-1\.5\:xxxl {
    padding-right: calc(var(--spacing-sm) * 1.5)
  }
  .pr-sm-2\:xxxl, .px-sm-2\:xxxl {
    padding-right: calc(var(--spacing-sm) * 2)
  }
  .pr-sm-3\:xxxl, .px-sm-3\:xxxl {
    padding-right: calc(var(--spacing-sm) * 3)
  }
  .pr-sm-4\:xxxl, .px-sm-4\:xxxl {
    padding-right: calc(var(--spacing-sm) * 4)
  }
  .pr-sm-5\:xxxl, .px-sm-5\:xxxl {
    padding-right: calc(var(--spacing-sm) * 5)
  }
  .mt-0\:xxxl, .mt-0\:xxxl:first-child, .my-0\:xxxl, .my-0\:xxxl:first-child {
    margin-top: 0
  }
  .mt-0\.5\:xxxl, .my-0\.5\:xxxl {
    margin-top: calc(var(--spacing) * .5)
  }
  .mt-0\.5\:xxxl:first-child, .my-0\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-1\:xxxl, .my-1\:xxxl {
    margin-top: var(--spacing)
  }
  .mt-1\:xxxl:first-child, .my-1\:xxxl:first-child {
    margin-top: 0
  }
  .mt-1\.5\:xxxl, .my-1\.5\:xxxl {
    margin-top: calc(var(--spacing) * 1.5)
  }
  .mt-1\.5\:xxxl:first-child, .my-1\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-2\:xxxl, .my-2\:xxxl {
    margin-top: calc(var(--spacing) * 2)
  }
  .mt-2\:xxxl:first-child, .my-2\:xxxl:first-child {
    margin-top: 0
  }
  .mt-2\.5\:xxxl, .my-2\.5\:xxxl {
    margin-top: calc(var(--spacing) * 2.5)
  }
  .mt-2\.5\:xxxl:first-child, .my-2\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-2\.6\:xxxl, .my-2\.6\:xxxl {
    margin-top: calc(var(--spacing) * 2.666)
  }
  .mt-2\.6\:xxxl:first-child, .my-2\.6\:xxxl:first-child {
    margin-top: 0
  }
  .mt-3\:xxxl, .my-3\:xxxl {
    margin-top: calc(var(--spacing) * 3)
  }
  .mt-3\:xxxl:first-child, .my-3\:xxxl:first-child {
    margin-top: 0
  }
  .mt-3\.5\:xxxl, .my-3\.5\:xxxl {
    margin-top: calc(var(--spacing) * 3.5)
  }
  .mt-3\.5\:xxxl:first-child, .my-3\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-4\:xxxl, .my-4\:xxxl {
    margin-top: calc(var(--spacing) * 4)
  }
  .mt-4\:xxxl:first-child, .my-4\:xxxl:first-child {
    margin-top: 0
  }
  .mt-4\.5\:xxxl, .my-4\.5\:xxxl {
    margin-top: calc(var(--spacing) * 4.5)
  }
  .mt-4\.5\:xxxl:first-child, .my-4\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-5\:xxxl, .my-5\:xxxl {
    margin-top: calc(var(--spacing) * 5)
  }
  .mt-5\:xxxl:first-child, .my-5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-5\.5\:xxxl, .my-5\.5\:xxxl {
    margin-top: calc(var(--spacing) * 5.5)
  }
  .mt-5\.5\:xxxl:first-child, .my-5\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-6\:xxxl, .my-6\:xxxl {
    margin-top: calc(var(--spacing) * 6)
  }
  .mt-6\:xxxl:first-child, .my-6\:xxxl:first-child {
    margin-top: 0
  }
  .mt-6\.5\:xxxl, .my-6\.5\:xxxl {
    margin-top: calc(var(--spacing) * 6.5)
  }
  .mt-6\.5\:xxxl:first-child, .my-6\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-7\:xxxl, .my-7\:xxxl {
    margin-top: calc(var(--spacing) * 7)
  }
  .mt-7\:xxxl:first-child, .my-7\:xxxl:first-child {
    margin-top: 0
  }
  .mt-8\:xxxl, .my-8\:xxxl {
    margin-top: calc(var(--spacing) * 8)
  }
  .mt-8\:xxxl:first-child, .my-8\:xxxl:first-child {
    margin-top: 0
  }
  .mt-9\:xxxl, .my-9\:xxxl {
    margin-top: calc(var(--spacing) * 9)
  }
  .mt-9\:xxxl:first-child, .my-9\:xxxl:first-child {
    margin-top: 0
  }
  .mt-15\:xxxl, .my-15\:xxxl {
    margin-top: calc(var(--spacing) * 15)
  }
  .mt-15\:xxxl:first-child, .my-15\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-0\.5\:xxxl, .my-sm-0\.5\:xxxl {
    margin-top: calc(var(--spacing-sm) * .5)
  }
  .mt-sm-0\.5\:xxxl:first-child, .my-sm-0\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-1\:xxxl, .my-sm-1\:xxxl {
    margin-top: var(--spacing-sm)
  }
  .mt-sm-1\:xxxl:first-child, .my-sm-1\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-1\.5\:xxxl, .my-sm-1\.5\:xxxl {
    margin-top: calc(var(--spacing-sm) * 1.5)
  }
  .mt-sm-1\.5\:xxxl:first-child, .my-sm-1\.5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-2\:xxxl, .my-sm-2\:xxxl {
    margin-top: calc(var(--spacing-sm) * 2)
  }
  .mt-sm-2\:xxxl:first-child, .my-sm-2\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-3\:xxxl, .my-sm-3\:xxxl {
    margin-top: calc(var(--spacing-sm) * 3)
  }
  .mt-sm-3\:xxxl:first-child, .my-sm-3\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-4\:xxxl, .my-sm-4\:xxxl {
    margin-top: calc(var(--spacing-sm) * 4)
  }
  .mt-sm-4\:xxxl:first-child, .my-sm-4\:xxxl:first-child {
    margin-top: 0
  }
  .mt-sm-5\:xxxl, .my-sm-5\:xxxl {
    margin-top: calc(var(--spacing-sm) * 5)
  }
  .mt-sm-5\:xxxl:first-child, .my-sm-5\:xxxl:first-child {
    margin-top: 0
  }
  .mt-auto\:xxxl, .my-auto\:xxxl {
    margin-top: auto
  }
  .mt-auto\:xxxl:first-child, .my-auto\:xxxl:first-child {
    margin-top: 0
  }
  .mb-0\:xxxl, .mb-0\:xxxl:last-child, .my-0\:xxxl, .my-0\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-0\.5\:xxxl, .my-0\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * .5)
  }
  .mb-0\.5\:xxxl:last-child, .my-0\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-1\:xxxl, .my-1\:xxxl {
    margin-bottom: var(--spacing)
  }
  .mb-1\:xxxl:last-child, .my-1\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-1\.5\:xxxl, .my-1\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 1.5)
  }
  .mb-1\.5\:xxxl:last-child, .my-1\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-2\:xxxl, .my-2\:xxxl {
    margin-bottom: calc(var(--spacing) * 2)
  }
  .mb-2\:xxxl:last-child, .my-2\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-2\.5\:xxxl, .my-2\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 2.5)
  }
  .mb-2\.5\:xxxl:last-child, .my-2\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-2\.6\:xxxl, .my-2\.6\:xxxl {
    margin-bottom: calc(var(--spacing) * 2.666)
  }
  .mb-2\.6\:xxxl:last-child, .my-2\.6\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-3\:xxxl, .my-3\:xxxl {
    margin-bottom: calc(var(--spacing) * 3)
  }
  .mb-3\:xxxl:last-child, .my-3\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-3\.5\:xxxl, .my-3\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 3.5)
  }
  .mb-3\.5\:xxxl:last-child, .my-3\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-4\:xxxl, .my-4\:xxxl {
    margin-bottom: calc(var(--spacing) * 4)
  }
  .mb-4\:xxxl:last-child, .my-4\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-4\.5\:xxxl, .my-4\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 4.5)
  }
  .mb-4\.5\:xxxl:last-child, .my-4\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-5\:xxxl, .my-5\:xxxl {
    margin-bottom: calc(var(--spacing) * 5)
  }
  .mb-5\:xxxl:last-child, .my-5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-5\.5\:xxxl, .my-5\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 5.5)
  }
  .mb-5\.5\:xxxl:last-child, .my-5\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-6\:xxxl, .my-6\:xxxl {
    margin-bottom: calc(var(--spacing) * 6)
  }
  .mb-6\:xxxl:last-child, .my-6\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-6\.5\:xxxl, .my-6\.5\:xxxl {
    margin-bottom: calc(var(--spacing) * 6.5)
  }
  .mb-6\.5\:xxxl:last-child, .my-6\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-7\:xxxl, .my-7\:xxxl {
    margin-bottom: calc(var(--spacing) * 7)
  }
  .mb-7\:xxxl:last-child, .my-7\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-8\:xxxl, .my-8\:xxxl {
    margin-bottom: calc(var(--spacing) * 8)
  }
  .mb-8\:xxxl:last-child, .my-8\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-9\:xxxl, .my-9\:xxxl {
    margin-bottom: calc(var(--spacing) * 9)
  }
  .mb-9\:xxxl:last-child, .my-9\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-15\:xxxl, .my-15\:xxxl {
    margin-bottom: calc(var(--spacing) * 15)
  }
  .mb-15\:xxxl:last-child, .my-15\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-0\.5\:xxxl, .my-sm-0\.5\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * .5)
  }
  .mb-sm-0\.5\:xxxl:last-child, .my-sm-0\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\:xxxl, .my-sm-1\:xxxl {
    margin-bottom: var(--spacing-sm)
  }
  .mb-sm-1\:xxxl:last-child, .my-sm-1\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-1\.5\:xxxl, .my-sm-1\.5\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * 1.5)
  }
  .mb-sm-1\.5\:xxxl:last-child, .my-sm-1\.5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-2\:xxxl, .my-sm-2\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * 2)
  }
  .mb-sm-2\:xxxl:last-child, .my-sm-2\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-3\:xxxl, .my-sm-3\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * 3)
  }
  .mb-sm-3\:xxxl:last-child, .my-sm-3\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-4\:xxxl, .my-sm-4\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * 4)
  }
  .mb-sm-4\:xxxl:last-child, .my-sm-4\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-sm-5\:xxxl, .my-sm-5\:xxxl {
    margin-bottom: calc(var(--spacing-sm) * 5)
  }
  .mb-sm-5\:xxxl:last-child, .my-sm-5\:xxxl:last-child {
    margin-bottom: 0
  }
  .mb-auto\:xxxl, .my-auto\:xxxl {
    margin-bottom: auto
  }
  .mb-auto\:xxxl:last-child, .my-auto\:xxxl:last-child {
    margin-bottom: 0
  }
  .ml-0\:xxxl, .mx-0\:xxxl {
    margin-left: 0
  }
  .ml-0\.5\:xxxl, .mx-0\.5\:xxxl {
    margin-left: calc(var(--spacing) * .5)
  }
  .ml-1\:xxxl, .mx-1\:xxxl {
    margin-left: var(--spacing)
  }
  .ml-1\.5\:xxxl, .mx-1\.5\:xxxl {
    margin-left: calc(var(--spacing) * 1.5)
  }
  .ml-2\:xxxl, .mx-2\:xxxl {
    margin-left: calc(var(--spacing) * 2)
  }
  .ml-2\.5\:xxxl, .mx-2\.5\:xxxl {
    margin-left: calc(var(--spacing) * 2.5)
  }
  .ml-2\.6\:xxxl, .mx-2\.6\:xxxl {
    margin-left: calc(var(--spacing) * 2.666)
  }
  .ml-3\:xxxl, .mx-3\:xxxl {
    margin-left: calc(var(--spacing) * 3)
  }
  .ml-3\.5\:xxxl, .mx-3\.5\:xxxl {
    margin-left: calc(var(--spacing) * 3.5)
  }
  .ml-4\:xxxl, .mx-4\:xxxl {
    margin-left: calc(var(--spacing) * 4)
  }
  .ml-4\.5\:xxxl, .mx-4\.5\:xxxl {
    margin-left: calc(var(--spacing) * 4.5)
  }
  .ml-5\:xxxl, .mx-5\:xxxl {
    margin-left: calc(var(--spacing) * 5)
  }
  .ml-5\.5\:xxxl, .mx-5\.5\:xxxl {
    margin-left: calc(var(--spacing) * 5.5)
  }
  .ml-6\:xxxl, .mx-6\:xxxl {
    margin-left: calc(var(--spacing) * 6)
  }
  .ml-6\.5\:xxxl, .mx-6\.5\:xxxl {
    margin-left: calc(var(--spacing) * 6.5)
  }
  .ml-7\:xxxl, .mx-7\:xxxl {
    margin-left: calc(var(--spacing) * 7)
  }
  .ml-8\:xxxl, .mx-8\:xxxl {
    margin-left: calc(var(--spacing) * 8)
  }
  .ml-9\:xxxl, .mx-9\:xxxl {
    margin-left: calc(var(--spacing) * 9)
  }
  .ml-15\:xxxl, .mx-15\:xxxl {
    margin-left: calc(var(--spacing) * 15)
  }
  .ml-sm-0\.5\:xxxl, .mx-sm-0\.5\:xxxl {
    margin-left: calc(var(--spacing-sm) * .5)
  }
  .ml-sm-1\:xxxl, .mx-sm-1\:xxxl {
    margin-left: var(--spacing-sm)
  }
  .ml-sm-1\.5\:xxxl, .mx-sm-1\.5\:xxxl {
    margin-left: calc(var(--spacing-sm) * 1.5)
  }
  .ml-sm-2\:xxxl, .mx-sm-2\:xxxl {
    margin-left: calc(var(--spacing-sm) * 2)
  }
  .ml-sm-3\:xxxl, .mx-sm-3\:xxxl {
    margin-left: calc(var(--spacing-sm) * 3)
  }
  .ml-sm-4\:xxxl, .mx-sm-4\:xxxl {
    margin-left: calc(var(--spacing-sm) * 4)
  }
  .ml-sm-5\:xxxl, .mx-sm-5\:xxxl {
    margin-left: calc(var(--spacing-sm) * 5)
  }
  .ml-auto\:xxxl, .mx-auto\:xxxl {
    margin-left: auto
  }
  .mr-0\:xxxl, .mx-0\:xxxl {
    margin-right: 0
  }
  .mr-0\.5\:xxxl, .mx-0\.5\:xxxl {
    margin-right: calc(var(--spacing) * .5)
  }
  .mr-1\:xxxl, .mx-1\:xxxl {
    margin-right: var(--spacing)
  }
  .mr-1\.5\:xxxl, .mx-1\.5\:xxxl {
    margin-right: calc(var(--spacing) * 1.5)
  }
  .mr-2\:xxxl, .mx-2\:xxxl {
    margin-right: calc(var(--spacing) * 2)
  }
  .mr-2\.5\:xxxl, .mx-2\.5\:xxxl {
    margin-right: calc(var(--spacing) * 2.5)
  }
  .mr-2\.6\:xxxl, .mx-2\.6\:xxxl {
    margin-right: calc(var(--spacing) * 2.666)
  }
  .mr-3\:xxxl, .mx-3\:xxxl {
    margin-right: calc(var(--spacing) * 3)
  }
  .mr-3\.5\:xxxl, .mx-3\.5\:xxxl {
    margin-right: calc(var(--spacing) * 3.5)
  }
  .mr-4\:xxxl, .mx-4\:xxxl {
    margin-right: calc(var(--spacing) * 4)
  }
  .mr-4\.5\:xxxl, .mx-4\.5\:xxxl {
    margin-right: calc(var(--spacing) * 4.5)
  }
  .mr-5\:xxxl, .mx-5\:xxxl {
    margin-right: calc(var(--spacing) * 5)
  }
  .mr-5\.5\:xxxl, .mx-5\.5\:xxxl {
    margin-right: calc(var(--spacing) * 5.5)
  }
  .mr-6\:xxxl, .mx-6\:xxxl {
    margin-right: calc(var(--spacing) * 6)
  }
  .mr-6\.5\:xxxl, .mx-6\.5\:xxxl {
    margin-right: calc(var(--spacing) * 6.5)
  }
  .mr-7\:xxxl, .mx-7\:xxxl {
    margin-right: calc(var(--spacing) * 7)
  }
  .mr-8\:xxxl, .mx-8\:xxxl {
    margin-right: calc(var(--spacing) * 8)
  }
  .mr-9\:xxxl, .mx-9\:xxxl {
    margin-right: calc(var(--spacing) * 9)
  }
  .mr-15\:xxxl, .mx-15\:xxxl {
    margin-right: calc(var(--spacing) * 15)
  }
  .mr-sm-0\.5\:xxxl, .mx-sm-0\.5\:xxxl {
    margin-right: calc(var(--spacing-sm) * .5)
  }
  .mr-sm-1\:xxxl, .mx-sm-1\:xxxl {
    margin-right: var(--spacing-sm)
  }
  .mr-sm-1\.5\:xxxl, .mx-sm-1\.5\:xxxl {
    margin-right: calc(var(--spacing-sm) * 1.5)
  }
  .mr-sm-2\:xxxl, .mx-sm-2\:xxxl {
    margin-right: calc(var(--spacing-sm) * 2)
  }
  .mr-sm-3\:xxxl, .mx-sm-3\:xxxl {
    margin-right: calc(var(--spacing-sm) * 3)
  }
  .mr-sm-4\:xxxl, .mx-sm-4\:xxxl {
    margin-right: calc(var(--spacing-sm) * 4)
  }
  .mr-sm-5\:xxxl, .mx-sm-5\:xxxl {
    margin-right: calc(var(--spacing-sm) * 5)
  }
  .mr-auto\:xxxl, .mx-auto\:xxxl {
    margin-right: auto
  }
}
.has-hover .is-hidden--hover, .is-hidden, .is-hidden--xs-up, .is-hidden--xxxl-down, .js .is-hidden--js, .no-hover .is-hidden--no-hover, .no-js .is-hidden--no-js {
  display: none !important
}
@media not print {
  .is-hidden--not-print, .is-visible--print-only {
    display: none !important
  }
}
@media print {
  .is-hidden--print {
    display: none !important
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9) {
  .is-hidden--xs {
    display: none !important
  }
}
.is-hidden--xs-up {
  display: none !important
}
@media (max-width:567px) and (max-aspect-ratio:13/9) {
  .is-hidden--xs-down {
    display: none !important
  }
}
@media (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .is-hidden--sm {
    display: none !important
  }
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .is-hidden--sm-up {
    display: none !important
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .is-hidden--sm-down {
    display: none !important
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px), (min-width:668px) and (min-height:416px) and (max-width:979px) {
  .is-hidden--md {
    display: none !important
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .is-hidden--md-up {
    display: none !important
  }
}
@media (max-width:979px) {
  .is-hidden--md-down {
    display: none !important
  }
}
@media (min-width:980px) and (max-height:499px), (min-width:980px) and (max-width:1199px) {
  .is-hidden--lg {
    display: none !important
  }
}
@media (min-width:980px) {
  .is-hidden--lg-up {
    display: none !important
  }
}
@media (max-height:499px), (max-width:1199px) {
  .is-hidden--lg-down {
    display: none !important
  }
}
@media (min-width:1200px) and (min-height:500px) and (max-height:599px), (min-width:1200px) and (min-height:500px) and (max-width:1439px) {
  .is-hidden--xl {
    display: none !important
  }
}
@media (min-width:1200px) and (min-height:500px) {
  .is-hidden--xl-up {
    display: none !important
  }
}
@media (max-height:499px), (max-width:1439px), (min-width:1200px) and (max-height:599px) {
  .is-hidden--xl-down {
    display: none !important
  }
}
@media (min-width:1440px) and (min-height:600px) and (max-width:1919px) {
  .is-hidden--xxl {
    display: none !important
  }
}
@media (min-width:1440px) and (min-height:600px) {
  .is-hidden--xxl-up {
    display: none !important
  }
}
@media (max-height:599px), (max-width:1919px) {
  .is-hidden--xxl-down {
    display: none !important
  }
}
@media (min-width:1920px) and (min-height:600px) {}
@media (min-width:1920px) and (min-height:600px) {
  .is-hidden--xxxl, .is-hidden--xxxl-up {
    display: none !important
  }
}
.is-hidden--xxxl-down {
  display: none !important
}
:root {
  --is-visible--sm-down: block;
  --is-visible--md-xxl: none;
  --is-visible--md-up: none;
  --is-visible--xl-down: block;
  --is-visible--xxl-up: none;
  --is-visible--xxxl: none
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  :root {
    --is-visible--sm-down: none;
    --is-visible--md-xxl: block;
    --is-visible--md-up: block
  }
}
@media (min-width:1440px) and (min-height:600px) {
  :root {
    --is-visible--xl-down: none;
    --is-visible--xxl-up: block
  }
}
@media (min-width:1920px) and (min-height:600px) {
  :root {
    --is-visible--md-xxl: none;
    --is-visible--xxxl: block
  }
}
.group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start
}
.group, .group:first-child {
  margin-top: calc(var(--spacing) * -1);
  margin-left: calc(var(--spacing) * -1)
}
.group > *, .group > :first-child {
  margin-bottom: 0;
  margin-top: var(--spacing);
  margin-left: var(--spacing);
  max-width: calc(100% - var(--spacing))
}
.group--column {
  flex-direction: column
}
.group--none, .group--none:first-child {
  margin-top: 0;
  margin-left: 0
}
.group--none > *, .group--none > :first-child {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  max-width: calc(100% - 0)
}
.group--md, .group--md:first-child {
  margin-top: calc(calc(var(--scale-px) * 10) * -1);
  margin-left: calc(calc(var(--scale-px) * 10) * -1)
}
.group--md > *, .group--md > :first-child {
  margin-top: calc(var(--scale-px) * 10);
  margin-left: calc(var(--scale-px) * 10);
  max-width: calc(100% - calc(var(--scale-px) * 10))
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .group--md, .group--md:first-child {
    margin-top: calc(calc(var(--scale-px) * 20) * -1);
    margin-left: calc(calc(var(--scale-px) * 20) * -1)
  }
  .group--md > *, .group--md > :first-child {
    margin-bottom: 0;
    margin-top: calc(var(--scale-px) * 20);
    margin-left: calc(var(--scale-px) * 20);
    max-width: calc(100% - calc(var(--scale-px) * 20))
  }
}
.group--smaller, .group--smaller:first-child {
  margin-top: calc(calc(var(--scale-px) * 15) * -1);
  margin-left: calc(calc(var(--scale-px) * 15) * -1)
}
.group--smaller > *, .group--smaller > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 15);
  margin-left: calc(var(--scale-px) * 15);
  max-width: calc(100% - calc(var(--scale-px) * 15))
}
.group--small, .group--small:first-child {
  margin-top: calc(calc(var(--scale-px) * 20) * -1);
  margin-left: calc(calc(var(--scale-px) * 20) * -1)
}
.group--small > *, .group--small > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 20);
  margin-left: calc(var(--scale-px) * 20);
  max-width: calc(100% - calc(var(--scale-px) * 20))
}
.group--nav, .group--nav:first-child {
  margin-top: calc(calc(var(--scale-px) * 5) * -1);
  margin-left: calc(calc(var(--scale-px) * 5) * -1)
}
.group--nav > *, .group--nav > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 5);
  margin-left: calc(var(--scale-px) * 5);
  max-width: calc(100% - calc(var(--scale-px) * 5))
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .group--nav, .group--nav:first-child {
    margin-top: calc(calc(var(--scale-px) * 20) * -1);
    margin-left: calc(calc(var(--scale-px) * 20) * -1)
  }
  .group--nav > *, .group--nav > :first-child {
    margin-bottom: 0;
    margin-top: calc(var(--scale-px) * 20);
    margin-left: calc(var(--scale-px) * 20);
    max-width: calc(100% - calc(var(--scale-px) * 20))
  }
}
.group--middle {
  align-items: center
}
.group--end {
  align-items: flex-end
}
.group--center {
  justify-content: center
}
.group--right {
  justify-content: flex-end
}
.group--between {
  justify-content: space-between
}
.group__fill {
  flex-grow: 1
}
.group > .group__right {
  align-self: center;
  margin-left: auto
}
.group--nowrap {
  flex-wrap: nowrap
}
.group--breadcrumbs, .group--breadcrumbs:first-child {
  margin-top: calc(calc(var(--scale-px) * 17) * -1);
  margin-left: calc(calc(var(--scale-px) * 17) * -1)
}
.group--breadcrumbs > *, .group--breadcrumbs > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 17);
  margin-left: calc(var(--scale-px) * 17);
  max-width: calc(100% - calc(var(--scale-px) * 17))
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .group--breadcrumbs, .group--breadcrumbs:first-child {
    margin-top: calc(calc(var(--scale-px) * 33) * -1);
    margin-left: calc(calc(var(--scale-px) * 33) * -1)
  }
  .group--breadcrumbs > *, .group--breadcrumbs > :first-child {
    margin-bottom: 0;
    margin-top: calc(var(--scale-px) * 33);
    margin-left: calc(var(--scale-px) * 33);
    max-width: calc(100% - calc(var(--scale-px) * 33))
  }
}
.group--xs, .group--xs:first-child {
  margin-top: calc(calc(var(--scale-px) * 5) * -1);
  margin-left: calc(calc(var(--scale-px) * 5) * -1)
}
.group--xs > *, .group--xs > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 5);
  margin-left: calc(var(--scale-px) * 5);
  max-width: calc(100% - calc(var(--scale-px) * 5))
}
.group--sm, .group--sm:first-child {
  margin-top: calc(calc(var(--scale-px) * 10) * -1);
  margin-left: calc(calc(var(--scale-px) * 10) * -1)
}
.group--sm > *, .group--sm > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--scale-px) * 10);
  margin-left: calc(var(--scale-px) * 10);
  max-width: calc(100% - calc(var(--scale-px) * 10))
}
.group--md, .group--md:first-child {
  margin-top: calc(calc(var(--spacing) / 60 * 40) * -1);
  margin-left: calc(calc(var(--spacing) / 60 * 40) * -1)
}
.group--md > *, .group--md > :first-child {
  margin-bottom: 0;
  margin-top: calc(var(--spacing) / 60 * 40);
  margin-left: calc(var(--spacing) / 60 * 40);
  max-width: calc(100% - calc(var(--spacing) / 60 * 40))
}
.section {
  position: relative
}
.section--fix, .section.ui-dark + .section.ui-dark, .section.ui-orange + .section.ui-orange {
  margin-top: -1px
}
.section--fix-2, .section.ui-dark + .section.ui-dark.section--fix-2 {
  margin-top: -2px
}
.section__content {
  position: relative;
  height: 100%
}
.section--top {
  z-index: 1
}
.section--no-overflow, .section--no-overflow .section__content {
  overflow: hidden;
  overflow: clip;
  contain: content
}
.section--full-height, .section--full-height .section__content {
  contain: strict;
  width: 100%;
  height: 100vh;
  height: var(--viewport-height)
}
.section--full-height:first-child {
  height: calc(var(--viewport-height) + 1px)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .section--full-height--md-up, .section--full-height--md-up .section__content {
    contain: strict;
    width: 100%;
    height: 100vh;
    height: var(--viewport-height)
  }
  .section--full-height--md-up:first-child {
    height: calc(var(--viewport-height) + 1px)
  }
}
@media (min-width:980px) {
  .section--full-height--lg-up, .section--full-height--lg-up .section__content {
    contain: strict;
    width: 100%;
    height: 100vh;
    height: var(--viewport-height)
  }
  .section--full-height--lg-up:first-child {
    height: calc(var(--viewport-height) + 1px)
  }
}
.has-scroll-smooth [data-scroll] {
  will-change: transform
}
.background, .background img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto
}
.background--cover, .background--cover img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.background--t, .background--t img {
  -o-object-position: 50% 0;
  object-position: 50% 0
}
.background--rb, .background--rb img {
  left: auto;
  top: auto;
  right: 0;
  bottom: 0
}
.parallax-picture {
  overflow: hidden
}
.parallax-picture img {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform !important
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .parallax-picture img {
    margin-bottom: calc(var(--spacing) * -2)
  }
}
.cookie-consent {
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
  position: fixed;
  overflow: hidden;
  padding: var(--spacing);
  border-top: 1px solid var(--t-line)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .cookie-consent {
    width: 38vw;
    border: none;
    margin: 0 auto;
    border-radius: 70px;
    bottom: calc(var(--scale-px) * 40);
    display: inline-flex;
    padding: 21px 20px 21px 30px;
    justify-content: space-between;
    align-items: center
  }
  .cookie-consent > p {
    margin-right: calc(var(--scale-px) * 20)
  }
}
.browser-message {
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  background: #000
}
.browser-message[aria-hidden=true] {
  display: none
}
.browser-message__browsers {
  padding-bottom: 40px
}
.browser-message__browsers img {
  margin: 6px;
  padding: 11px;
  display: block;
  border-radius: 50%;
  border: 1px solid #586373
}
.browser-message__browsers span {
  width: 100%;
  text-align: center;
  display: inline-block
}
.browser-message__deco {
  position: absolute;
  bottom: 0;
  right: 0
}
.browser-message__deco img {
  max-width: 76vw;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .browser-message__deco {
    right: 6vw
  }
  .browser-message__deco__image {
    max-width: 26vw
  }
}
.browser-message__title {
  font-size: 40px;
  padding-bottom: 40px;
  color: #586373
}
.browser-message__text {
  font-size: 15px;
  max-width: 400px;
  line-height: 22px;
  padding-bottom: 40px;
  color: #fff
}
.browser-message__container {
  padding-top: 140px;
  padding-left: 20px;
  padding-right: 20px;
  color: #fff
}
.browser-message a {
  color: #fff
}
.browser-message__close-text a {
  color: grey
}
.browser-message__close-text a b {
  color: #fff
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .browser-message__container {
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .browser-message__title {
    font-size: 60px;
    padding-bottom: 80px
  }
  .browser-message__text {
    padding-bottom: 80px
  }
  .browser-message__container {
    padding-top: 120px;
    padding-left: 40px;
    padding-right: 40px
  }
  .browser-message__browsers {
    padding-bottom: 40px
  }
}
@media (min-width:1440px) and (min-height:600px) {
  .browser-message__title {
    font-size: 87px;
    padding-bottom: 100px
  }
  .browser-message__text {
    padding-bottom: 100px
  }
  .browser-message__container {
    padding-top: 150px;
    padding-left: 50px;
    padding-right: 50px
  }
  .browser-message__browsers {
    padding-bottom: 50px
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .browser-message__title {
    font-size: 92px;
    padding-bottom: 120px
  }
  .browser-message__text {
    padding-bottom: 120px
  }
  .browser-message__container {
    padding-top: 240px;
    padding-left: 60px;
    padding-right: 60px
  }
  .browser-message__browsers {
    padding-bottom: 60px
  }
}
.browser-message .browser-message__browsers--android, .browser-message .browser-message__browsers--ios, .browser-message.is-android .browser-message__browsers--desktop, .browser-message.is-android .browser-message__browsers--ios, .browser-message.is-ios .browser-message__browsers--android, .browser-message.is-ios .browser-message__browsers--desktop {
  display: none
}
.browser-message.is-android .browser-message__browsers--android, .browser-message.is-ios .browser-message__browsers--ios {
  display: block
}
.browser-message[aria-hidden=true] _:-ms-input-placeholder, :root .browser-message[aria-hidden=true] {
  display: block;
  z-index: 10
}
.tabs-contents {
  position: relative;
  overflow: visible !important
}
.tabs-contents--title-right {
  position: absolute !important;
  bottom: var(--md, auto) var(--n-md, calc(50px - 60vw))
}
.tabs-contents__content[aria-hidden=true] {
  display: none
}
.tabs-contents__content--animating-in {
  position: absolute !important;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%
}
.tabs-height-test .tabs-contents__content--animating-in {
  min-height: 0
}
.tabs-contents__content--animating-top {
  z-index: 2
}
.tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
  position: absolute !important;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 100%
}
.tabs-height-test .tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
  min-height: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .tabs-contents--bottom--md-up .tabs-contents__content--animating-in, .tabs-contents--bottom--md-up .tabs-contents__content[aria-hidden=false]:not(.tabs-contents__content--animating-in) ~ .tabs-contents__content[aria-hidden=false] {
    top: auto;
    bottom: 0;
    min-height: 0
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .tabs-contents--sm-down {
    position: static
  }
}
.modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  outline: none;
  z-index: 11;
  overflow: hidden;
  overflow: clip
}
.modal--under-header {
  z-index: 9
}
.no-js .modal:target {
  display: block !important
}
.modal__close {
  position: fixed;
  z-index: 2;
  right: 0;
  top: 0
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .modal__close {
    position: absolute;
    right: auto;
    left: 100%
  }
  .modal--full .modal__close {
    left: 0
  }
  #gallery-panorama.modal--full .modal__close {
    right: 0;
    left: unset
  }
}
.modal__scroller {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  height: var(--viewport-height-actual);
  overflow: hidden
}
.has-scroll-smooth .modal--with-scrollable-content .modal__scroller {
  overflow: hidden
}
.modal__background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  height: var(--viewport-height-actual);
  background: rgba(var(--c-dark-gray-rgb), .96)
}
.modal--full .modal__background {
  background: var(--c-black)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .modal--full-height .modal__content, .modal--full-height .modal__content-wrapper {
    height: 100%
  }
}
.modal__content {
  position: relative;
  max-width: 720px;
  min-height: 100vh;
  min-height: var(--viewport-height-actual);
  background: var(--t-background)
}
.modal--narrow .modal__content {
  max-width: 600px
}
@media (min-width:1440px) and (min-height:600px) {
  .modal--narrow .modal__content {
    max-width: calc(var(--spacing) * 10)
  }
}
.modal--narrow.modal--wide .modal__content {
  max-width: 720px
}
.modal--narrow.modal--wide.modal--image .modal__content-wrapper {
  display: flex;
  flex-wrap: nowrap
}
.modal--narrow.modal--wide.modal--image .modal__content {
  flex: 1 0 720px
}
.modal--narrow.modal--wide.modal--image .modal__content-background {
  flex-grow: 1;
  height: 100vh;
  position: relative
}
.modal--narrow.modal--wide.modal--image .modal__content-background__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.modal--narrow.modal--wide.modal--image .modal__content-background__image img, .modal--narrow.modal--wide.modal--image .modal__content-background__image picture {
  width: 100%;
  height: 100%
}
.modal--narrow.modal--wide.modal--image .modal__content-background__image img {
  -o-object-fit: cover;
  object-fit: cover
}
.modal--narrow.modal--wide.modal--image .modal__content-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.modal--full .modal__content {
  max-width: none
}
.modal--center .modal__background {
  background: rgba(var(--c-dark-gray-rgb), .7)
}
.modal--center .modal__content-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: var(--viewport-height-actual);
  padding-left: calc(var(--scale-px) * 20);
  padding-right: calc(var(--scale-px) * 20)
}
.modal--center .modal__content {
  position: relative;
  min-height: 0;
  max-width: var(--xxxl, 960px) var(--n-xxxl, 720px);
  width: 100%
}
.modal--center .modal__close {
  position: absolute;
  left: auto;
  right: 0
}
.with-modal {
  overflow: visible;
  scroll-behavior: auto
}
.with-modal body {
  overflow: hidden;
  height: 100vh;
  height: var(--viewport-height-actual)
}
.has-scroll-smooth .modal__scroller, .with-modal .modal__scroller {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}
.animation--modal-in, .animation--modal-out {
  --transition-duration: 1s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--modal-in .modal__background, .animation--modal-in .modal__scroller, .animation--modal-out .modal__background, .animation--modal-out .modal__scroller {
  --transition-duration: 0.25s;
  --transition-easing: cubic-bezier(0.25, 0.74, 0.22, 0.99);
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.animation--modal-in .modal__scroller {
  transition-delay: var(--transition-duration)
}
.animation--modal-out {
  pointer-events: none
}
.animation--modal-out .modal__scroller {
  transition-delay: 0s
}
.animation--modal-in--inactive .modal__background, .animation--modal-in--inactive .modal__scroller, .animation--modal-out--active .modal__background, .animation--modal-out--active .modal__scroller {
  opacity: 0
}
.sticky {
  --sticky-content-height: 0px;
  --sticky-full-height: 0px;
  --sticky-margin: min(0px, calc(var(--sticky-content-height) / 2 - var(--viewport-height) / 2));
  --sticky-padding: max(0px, calc(var(--viewport-height) / 2 - var(--sticky-content-height) / 2));
  position: relative;
  margin-top: var(--sticky-margin);
  margin-bottom: var(--sticky-margin);
  height: var(--sticky-full-height)
}
.sticky__sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: var(--viewport-height);
  padding-top: var(--sticky-padding);
  padding-bottom: var(--sticky-padding);
  overflow: hidden;
  overflow: clip
}
.has-scroll-smooth .sticky__sticky {
  position: relative
}
@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) {
  .sticky--md-up {
    margin-top: 0;
    margin-bottom: 0;
    height: auto
  }
  .sticky--md-up .sticky__sticky {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
    overflow: visible
  }
}
.no-hover .sticky--has-hover {
  margin-top: 0;
  margin-bottom: 0;
  height: auto
}
.no-hover .sticky--has-hover .sticky__sticky {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  height: 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) {
  .scrollable {
    overflow-x: auto;
    overflow-y: hidden;
    overflow-y: clip;
    touch-action: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-left: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
    padding-left: var(--spacing);
    padding-right: var(--spacing)
  }
  .scrollable::-webkit-scrollbar {
    display: none
  }
}
.no-hover .scrollable-no-hover {
  overflow-x: auto;
  overflow-y: hidden;
  overflow-y: clip;
  touch-action: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}
.no-hover .scrollable-no-hover::-webkit-scrollbar {
  display: none
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .scrollable--list {
    display: flex;
    align-items: stretch
  }
  .scrollable--list li {
    --item-width: calc(100vw - var(--spacing) * 3);
    flex: 0 0 var(--item-width);
    width: var(--item-width)
  }
  @-moz-document url-prefix() {
    .scrollable--list li {
      max-width: var(--item-width)
    }
  }
  .scrollable--list li + li {
    margin-left: var(--spacing)
  }
  .scrollable--list li > * {
    height: 100%
  }
}
@media (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .scrollable--list li {
    --item-width: calc(50vw - var(--spacing) * 4)
  }
}
.carousel {
  position: relative
}
.carousel__list__inner {
  position: relative;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  cursor: -webkit-grab;
  cursor: grab
}
.carousel__list__inner:before {
  content: "";
  position: absolute;
  left: -1000px;
  right: -1000px;
  height: 100%
}
.carousel__list__inner[data-keen-slider-moves] {
  cursor: -webkit-grabbing;
  cursor: grabbing
}
.carousel__list__inner[data-keen-slider-moves] * {
  pointer-events: none
}
.carousel__list__item {
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  max-height: calc(var(--viewport-height) - 60px)
}
.carousel__list__item picture {
  height: 100%
}
.carousel__list__item img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%
}
.carousel__list__item__text, .carousel__list__item__title {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: calc(var(--spacing) * 1.5) var(--spacing);
  pointer-events: none;
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.carousel__list__item__text {
  opacity: 0
}
.carousel__list__item__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.carousel__list__item.is-active .carousel__list__item__text, .has-hover .carousel__list__item:hover .carousel__list__item__text, .has-hover .carousel__list__item:hover:active .carousel__list__item__text {
  opacity: 1
}
.carousel__list__item.is-active .carousel__list__item__title, .has-hover .carousel__list__item:hover .carousel__list__item__title, .has-hover .carousel__list__item:hover:active .carousel__list__item__title {
  opacity: 0
}
.carousel__list__item.is-active .carousel__list__item__button {
  transform: translate(-50%, -50%) scale(0)
}
.carousel__nav {
  position: absolute
}
.no-js .carousel__nav {
  opacity: 0;
  pointer-events: none
}
.carousel__counter {
  position: absolute
}
.carousel__counter b {
  font-weight: inherit
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel__list__item {
    max-height: calc(var(--viewport-height) - var(--scale-px) * 100)
  }
  .carousel__list__item__text, .carousel__list__item__title {
    padding: var(--spacing)
  }
  .carousel__list__item__text {
    max-width: calc(var(--spacing) * 9)
  }
}
.carousel-cards {
  position: relative
}
.carousel-cards__content {
  position: relative;
  overflow: hidden;
  overflow: clip
}
.carousel-cards__content__sizer {
  padding-top: 66.66667%
}
.carousel-cards__content__text, .carousel-cards__content__title {
  position: absolute;
  left: 0;
  right: 0;
  top: 0
}
.carousel-cards__content__text__padding, .carousel-cards__content__title__padding {
  padding: calc(var(--spacing) * 1.5) var(--spacing)
}
.carousel-cards__content__text__padding--xl, .carousel-cards__content__title__padding--xl {
  padding: var(--xxxl, var(--spacing) 0 0 var(--spacing)) var(--n-xxxl, var(--md, var(--spacing)) var(--n-md, 10px 0)) !important
}
.carousel-cards__content__title {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em;
  z-index: 3
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 8.7);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards__content__title .industrial {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards__content__title .industrial {
    font-size: calc(var(--scale-rem) * 4.35);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards__content__title .industrial {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards__content__title .penthouses {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards__content__title .penthouses {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards__content__text {
  top: auto;
  bottom: 0
}
.carousel-cards__content__text:not([class*=text--]) {
  font-size: calc(var(--scale-rem) * 1.2);
  line-height: 1.33333em;
  --lh: 1.33333em;
  letter-spacing: .1em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards__content__text:not([class*=text--]) {
    font-size: calc(var(--scale-rem) * 2);
    line-height: 1.25em;
    --lh: 1.25em;
    letter-spacing: .02em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards__content__text:not([class*=text--]) {
    font-size: calc(var(--scale-rem) * 2.4);
    line-height: 1.04167em;
    --lh: 1.04167em;
    letter-spacing: 0;
    font-weight: 400
  }
}
.carousel-cards__content__text > span {
  display: inline-block;
  margin-top: calc(var(--scale-px) * 5)
}
.carousel-cards__content__counter {
  position: absolute;
  left: var(--spacing);
  bottom: calc(var(--spacing) * 1.5);
  z-index: 4
}
.carousel-cards__content__counter b {
  font-weight: inherit
}
.carousel-cards__list {
  position: relative;
  overflow: hidden;
  overflow: clip
}
.carousel-cards__list__item__button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition-property: color
}
.carousel-cards__list__item img {
  display: block;
  width: 100%;
  height: auto
}
.carousel-cards__nav {
  right: var(--spacing);
  bottom: calc(var(--spacing) + 5px);
  z-index: 4
}
.no-js .carousel-cards__nav {
  opacity: 0;
  pointer-events: none
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .carousel-cards__content__sizer {
    padding-top: 35.71429%
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards {
    display: flex
  }
  .carousel-cards__content {
    align-self: flex-start
  }
  .carousel-cards__content__sizer {
    padding-top: 66.66667%
  }
  .carousel-cards__content__title {
    left: auto;
    right: 0;
    top: 0;
    text-align: right;
    transform-origin: 100% 100%;
    transform: translateY(-100%) rotate(-90deg);
    width: 1000px
  }
  .carousel-cards__content__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    --max-width: calc(var(--scale-px) * 300);
    max-width: calc(var(--spacing) * 2 + var(--max-width))
  }
  .carousel-cards__content__text__padding, .carousel-cards__content__title__padding {
    padding: var(--spacing)
  }
  .carousel-cards__content__counter {
    position: absolute;
    left: auto;
    right: var(--spacing);
    bottom: calc(var(--spacing) + 6px)
  }
  .carousel-cards__nav {
    bottom: var(--spacing)
  }
  .carousel-cards--desktop-reverse .carousel-cards__content__counter, .carousel-cards__nav {
    right: auto;
    left: var(--spacing)
  }
  .carousel-cards--desktop-reverse .carousel-cards__nav {
    right: var(--spacing);
    left: auto;
    bottom: var(--spacing)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards__content__text {
    --max-width: calc(var(--scale-px) * 400)
  }
}
.carousel-cards--bottom .carousel-cards__content__title {
  top: auto;
  bottom: 0
}
.carousel-cards--bottom .carousel-cards__content__text {
  top: 0;
  bottom: auto
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--bottom .carousel-cards__content {
    align-self: flex-end
  }
  .carousel-cards--bottom .carousel-cards__content__title {
    top: 0;
    bottom: 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) {
  .carousel-cards--mobile-reverse {
    display: flex;
    flex-direction: column-reverse
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--reverse {
    flex-direction: row-reverse
  }
  .carousel-cards--reverse .carousel-cards__content__counter {
    right: auto;
    left: var(--spacing)
  }
  .carousel-cards--reverse .carousel-cards__nav {
    left: auto;
    right: var(--spacing)
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--text-small .carousel-cards__content__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: calc(var(--spacing) - var(--spacing-sm) / 2) 0 0
  }
  .carousel-cards--text-small .carousel-cards__content__text, .carousel-cards--text-small .carousel-cards__content__title {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    text-align: left;
    transform: none;
    width: auto
  }
  .carousel-cards--text-small .carousel-cards__content__text__padding, .carousel-cards--text-small .carousel-cards__content__title__padding {
    padding: calc(var(--spacing-sm) / 2) var(--spacing)
  }
  .carousel-cards--text-small .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 2.6);
    line-height: 1.15385em;
    --lh: 1.15385em;
    letter-spacing: .05em
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:568px) and (max-aspect-ratio:13/9), (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:668px) and (min-height:416px), (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:980px), (min-width:668px) and (min-height:416px) and (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px) and (min-width:668px) and (min-height:416px), (min-width:668px) and (min-height:416px) and (min-width:980px), (min-width:980px) and (min-width:568px) and (max-aspect-ratio:13/9), (min-width:980px) and (min-width:668px) and (min-height:416px), (min-width:980px) and (min-width:980px) {
  .carousel-cards--text-small .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 4.35);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9) and (min-width:1920px) and (min-height:600px), (min-width:668px) and (min-height:416px) and (min-width:1920px) and (min-height:600px), (min-width:980px) and (min-width:1920px) and (min-height:600px) {
  .carousel-cards--text-small .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards--text-big .carousel-cards__content__text {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--text-big .carousel-cards__content__text {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards--text-big .carousel-cards__content__text {
    font-size: calc(var(--scale-rem) * 8.7);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards--small .carousel-cards__list__item {
  min-width: 83.3333%;
  max-width: 83.3333%
}
.carousel-cards--small .carousel-cards__list__counter {
  color: var(--t-primary);
  position: relative;
  width: 83.333%;
  height: calc(var(--spacing) * 1.5);
  bottom: 2px
}
.carousel-cards--small .carousel-cards__list__counter span {
  position: absolute;
  right: 0;
  bottom: 0
}
.carousel-cards--small .carousel-cards__list__counter b {
  position: absolute;
  bottom: 0;
  left: 50%;
  font-weight: inherit;
  transform: translateX(-50%)
}
.carousel-cards--small .carousel-cards__list__next {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 16.6667%
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--small .carousel-cards__content {
    flex: 0 0 50%;
    width: 50%
  }
  @-moz-document url-prefix() {
    .carousel-cards--small .carousel-cards__content {
      max-width: 50%
    }
  }
  .carousel-cards--small .carousel-cards__content__sizer {
    padding-top: 100%;
    padding-top: max(540px, min(100%, calc(var(--viewport-height) - calc(var(--scale-px) * 100) + var(--spacing) * 2)))
  }
  .carousel-cards--small .carousel-cards__list {
    display: flex;
    flex-direction: column;
    flex: 0 0 50%;
    width: 50%
  }
  @-moz-document url-prefix() {
    .carousel-cards--small .carousel-cards__list {
      max-width: 50%
    }
  }
  .carousel-cards--small .carousel-cards__list__item {
    margin-bottom: 0
  }
  .carousel-cards--small .carousel-cards__list__counter {
    pointer-events: none;
    flex-grow: 1;
    height: auto
  }
  .carousel-cards--small .carousel-cards__list__counter span {
    top: calc(var(--spacing) / 2);
    bottom: auto
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards--small .carousel-cards__content__sizer {
    padding-top: max(800px, min(100%, calc(var(--viewport-height) - calc(var(--scale-px) * 140))))
  }
  .carousel-cards--small .carousel-cards__list__counter span {
    top: auto;
    bottom: 0
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .carousel-cards--medium .carousel-cards__content__inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: calc(var(--spacing) * 1.5 - var(--spacing-sm) / 2) var(--spacing) 0
  }
  .carousel-cards--medium .carousel-cards__content__text, .carousel-cards--medium .carousel-cards__content__title {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    text-align: left;
    transform: none;
    width: auto
  }
  .carousel-cards--medium .carousel-cards__content__text__padding, .carousel-cards--medium .carousel-cards__content__title__padding {
    padding: calc(var(--spacing-sm) / 2) 0
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--medium .carousel-cards__content {
    flex: 0 0 41.666%;
    width: 41.666%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium .carousel-cards__content {
      max-width: 41.666%
    }
  }
  .carousel-cards--medium .carousel-cards__content__sizer {
    padding-top: 100%;
    padding-top: min(100%, min(960px, calc(var(--viewport-height) - var(--scale-px) * 100 - var(--spacing) * 2)))
  }
  .carousel-cards--medium .carousel-cards__list {
    flex: 0 0 58.333%;
    width: 58.333%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium .carousel-cards__list {
      max-width: 58.333%
    }
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .carousel-cards--medium-h .carousel-cards__content__text {
    top: 0;
    bottom: auto
  }
  .carousel-cards--medium-h .carousel-cards__content__counter {
    position: absolute;
    left: var(--spacing);
    bottom: calc(var(--spacing) * 1.5)
  }
  .carousel-cards--medium-h .carousel-cards__content__counter b, .carousel-cards--medium-h .carousel-cards__content__counter strong {
    font-weight: 400
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--medium-h .carousel-cards__content {
    flex: 0 0 41.666%;
    width: 41.666%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-h .carousel-cards__content {
      max-width: 41.666%
    }
  }
  .carousel-cards--medium-h .carousel-cards__content__sizer {
    padding-top: min(120%, 1220px)
  }
  .carousel-cards--medium-h .carousel-cards__list {
    flex: 0 0 58.333%;
    width: 58.333%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-h .carousel-cards__list {
      max-width: 58.333%
    }
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .carousel-cards--medium-lg .carousel-cards__content__text {
    right: 30vw
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--medium-lg .carousel-cards__content {
    flex: 0 0 41.666%;
    width: 41.666%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-lg .carousel-cards__content {
      max-width: 41.666%
    }
  }
  .carousel-cards--medium-lg .carousel-cards__content__sizer {
    padding-top: min(120%, 960px)
  }
  .carousel-cards--medium-lg .carousel-cards__content__text {
    --max-width: calc(var(--scale-px) * 340)
  }
  .carousel-cards--medium-lg .carousel-cards__list {
    flex: 0 0 58.333%;
    width: 58.333%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-lg .carousel-cards__list {
      max-width: 58.333%
    }
  }
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .carousel-cards--medium-h .carousel-cards__content__text {
    top: 0;
    bottom: auto
  }
  .carousel-cards--medium-h .carousel-cards__content__title:not(:last-child) {
    top: auto;
    bottom: 0
  }
  .carousel-cards--medium-h .carousel-cards__content__counter {
    position: absolute;
    left: var(--spacing);
    bottom: calc(var(--spacing) * 1.5)
  }
  .carousel-cards--medium-h .carousel-cards__content__counter b, .carousel-cards--medium-h .carousel-cards__content__counter strong {
    font-weight: 400
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--medium-h .carousel-cards__content {
    flex: 0 0 41.666%;
    width: 41.666%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-h .carousel-cards__content {
      max-width: 41.666%
    }
  }
  .carousel-cards--medium-h .carousel-cards__content__sizer {
    padding-top: min(120%, 960px)
  }
  .carousel-cards--medium-h .carousel-cards__list {
    flex: 0 0 58.333%;
    width: 58.333%
  }
  @-moz-document url-prefix() {
    .carousel-cards--medium-h .carousel-cards__list {
      max-width: 58.333%
    }
  }
}
@media (min-width:1920px) and (min-height:600px) and (max-height:1100px) {
  .carousel-cards--medium-h .carousel-cards__content__sizer {
    padding-top: min(100%, 960px)
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--large .carousel-cards__content {
    flex: 0 0 33.333%;
    width: 33.333%
  }
  @-moz-document url-prefix() {
    .carousel-cards--large .carousel-cards__content {
      max-width: 33.333%
    }
  }
  .carousel-cards--large .carousel-cards__content__sizer {
    padding-top: 150%;
    padding-top: max(calc(var(--scale-px) * 580), min(150%, min(960px, calc(var(--viewport-height) - calc(var(--scale-px) * 100) - var(--spacing) * 2))))
  }
  .carousel-cards--large .carousel-cards__list {
    flex: 0 0 66.666%;
    width: 66.666%
  }
  @-moz-document url-prefix() {
    .carousel-cards--large .carousel-cards__list {
      max-width: 66.666%
    }
  }
  .carousel-cards--large .carousel-cards__list__item {
    max-height: max(calc(var(--scale-px) * 580), calc(var(--viewport-height) - calc(var(--scale-px) * 100)))
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .carousel-cards--large .carousel-cards__content__sizer {
    padding-top: 46.66667vw;
    padding-top: max(calc(var(--scale-px) * 610), min(calc(46.66667vw - var(--spacing) * 2), calc(var(--viewport-height) - calc(var(--scale-px) * 100) - var(--spacing) * 2)))
  }
  .carousel-cards--large .carousel-cards__list__item {
    max-height: max(calc(var(--scale-px) * 610), calc(var(--viewport-height) - calc(var(--scale-px) * 100)))
  }
}
@media (min-width:1920px) and (min-height:600px) and (max-height:1110px) {
  .carousel-cards--large .carousel-cards__content__title {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}
.carousel-cards--xs .carousel-cards__content__sizer {
  padding-top: 50%
}
@media (max-width:567px) and (max-aspect-ratio:13/9) {
  .carousel-cards--xs .carousel-cards__content__text {
    bottom: auto;
    top: var(--spacing);
    left: var(--spacing);
    right: var(--spacing)
  }
}
@media (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .carousel-cards--xs .carousel-cards__content__text {
    bottom: auto;
    top: var(--spacing);
    left: calc(25vw + var(--spacing));
    right: calc(25vw + var(--spacing) * 2)
  }
  .carousel-cards--xs .carousel-cards__content__sizer {
    padding-top: 30%
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--xs .carousel-cards__content {
    flex: 0 0 45.45%;
    width: 45.45%
  }
  .carousel-cards--xs .carousel-cards__content--full {
    align-self: stretch
  }
  .carousel-cards--xs .carousel-cards__content__counter {
    right: auto;
    left: var(--spacing);
    top: 6px;
    bottom: auto
  }
  .carousel-cards--xs .carousel-cards__content__text {
    top: auto;
    bottom: 3px
  }
  .carousel-cards--xs .carousel-cards__content__text__p {
    padding-right: calc(var(--spacing) / 60 * 40)
  }
  @-moz-document url-prefix() {
    .carousel-cards--xs .carousel-cards__content {
      max-width: 45.45%
    }
  }
  .carousel-cards--xs .carousel-cards__list {
    flex: 0 0 54.55%;
    width: 54.55%
  }
  @-moz-document url-prefix() {
    .carousel-cards--xs .carousel-cards__list {
      max-width: 54.55%
    }
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .carousel-cards--single .carousel-cards__content__title {
    left: 0;
    transform: none;
    width: auto;
    text-align: left
  }
  .carousel-cards--single .carousel-cards__content__text {
    top: auto;
    bottom: 0
  }
}
.carousel-cards--small .card__image-current:not(.card__background) {
  position: relative;
  overflow: hidden;
  overflow: clip
}
.carousel-cards--small .card__image-next {
  transform: translateX(100%)
}
.tag-button {
  position: relative;
  display: inline-block;
  vertical-align: top
}
.tag-button__count {
  position: absolute;
  right: 0;
  top: calc(var(--scale-px) * -5);
  pointer-events: none;
  box-shadow: 0 0 0 2px var(--t-background)
}
.tag-button__count--inverse {
  box-shadow: 0 0 0 1px var(--t-tetriary)
}
.tag-button__count--inline {
  box-shadow: none;
  top: calc(var(--scale-px) * 5);
  right: calc(var(--scale-px) * 5);
  color: var(--t-primary);
  background-color: var(--t-background)
}
.tag-button__count--right {
  right: calc(var(--scale-px) * -10)
}
.tag-button__count .btn__text {
  padding-left: 1px
}
.favourite {
  --is-visible--inactive: block;
  --is-visible--active: none
}
.favourite--active {
  color: var(--t-primary);
  --is-visible--inactive: none;
  --is-visible--active: block
}
.video-embed {
  position: relative;
  padding-bottom: 62.5%
}
.video-embed__inner__placeholder, .video-embed iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.video-embed__inner__placeholder {
  -o-object-fit: cover;
  object-fit: cover
}
.video-embed--centered {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}
.video-embed--dragging:before, .video-embed:before {
  cursor: pointer;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  z-index: 1
}
.video-embed--with-overlay.video-embed--playing.video-embed--dragging:before {
  display: block
}
.video-embed--fullscreen {
  pointer-events: none;
  padding: 0;
  width: 100vw;
  height: 100vh;
  height: var(--viewport-height);
  min-height: 100vh;
  min-height: var(--viewport-height)
}
@media (orientation:landscape) and (max-device-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended {
    width: calc(16 / 9 * 100vh);
    width: calc(16 / 9 * var(--viewport-height));
    height: 100vh;
    height: var(--viewport-height);
    min-width: 100vw;
    transform: translateX(calc(50vw - 50%))
  }
}
@media (orientation:landscape) and (min-device-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended {
    width: 100vw;
    height: calc(9 / 16 * 100vw);
    transform: translateY(calc(50vh - 50%))
  }
}
@media (orientation:landscape) and (max-device-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended--vimeo {
    position: relative;
    width: 100%;
    max-width: calc(177.778vh);
    height: calc(56.25vw);
    max-height: 100%;
    transform: none
  }
}
@media (orientation:landscape) and (min-device-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended--vimeo {
    position: relative;
    width: 100%;
    max-width: calc(177.778vh);
    height: calc(56.25vw);
    max-height: 100%;
    transform: none
  }
}
.video-embed--fullscreen .video-embed__inner {
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%
}
.video-embed--fullscreen iframe {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 0 !important
}
@media (min-width:1200px) and (min-height:500px) and (max-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended {
    width: calc(16 / 9 * 100vh);
    width: calc(16 / 9 * var(--viewport-height));
    height: 100vh;
    height: var(--viewport-height);
    min-width: 100vw;
    transform: translateX(calc(50vw - 50%))
  }
}
@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended {
    width: 100vw;
    height: calc(9 / 16 * 100vw);
    transform: translateY(calc(50vh - 50%))
  }
}
@media (min-width:1200px) and (min-height:500px) and (max-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended--vimeo {
    position: relative;
    width: 100%;
    max-width: calc(177.778vh);
    height: calc(56.25vw);
    max-height: 100%;
    transform: none
  }
}
@media (min-width:1200px) and (min-height:500px) and (min-aspect-ratio:16/9) {
  .video-embed--fullscreen--extended--vimeo {
    position: relative;
    width: 100%;
    max-width: calc(177.778vh);
    height: calc(56.25vw);
    max-height: 100%;
    transform: none
  }
}
.video-embed__button {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition-property: opacity
}
.video-embed--playing .video-embed__button {
  opacity: 0
}
.video-embed__play {
  position: absolute;
  z-index: 1;
  transition-property: opacity;
  pointer-events: all;
  opacity: 1
}
.video-embed--playing .video-embed__play, .video-embed__pause {
  opacity: 0;
  pointer-events: none
}
.video-embed__pause {
  position: absolute;
  z-index: 1;
  transition-property: opacity
}
.video-embed--playing .video-embed__pause, .video-embed__mute {
  opacity: 1;
  pointer-events: all
}
.video-embed__mute {
  position: absolute;
  z-index: 1;
  transition-property: opacity
}
.video-embed__mute .icon, .video-embed__mute .icon.icon-volume-mute, .video-embed__mute .icon.icon-volume-muted, .video-embed__mute .icon:not(:first-child), .video-embed__mute .icon:not(:last-child) {
  margin: 0 !important
}
.video-embed--muted .video-embed__mute .icon-volume-mute, .video-embed__mute .icon-volume-muted {
  display: none
}
.video-embed--muted .video-embed__mute .icon-volume-muted {
  display: block
}
.video-embed__progress-bar {
  position: absolute;
  z-index: 1;
  height: 120px;
  cursor: pointer
}
.video-embed--playing .video-embed__progress-bar {
  opacity: 1;
  pointer-events: all
}
.video-embed__progress-bar:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  border-top: 1.2px solid rgba(var(--t-text-rgb), .2);
  opacity: .4
}
.video-embed__progress-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0
}
.video-embed__progress-bar__inner {
  position: absolute;
  bottom: 20px;
  left: 0;
  border-top: 1px solid var(--t-primary);
  z-index: 2;
  width: 0;
  transition-duration: .333s;
  transition-timing-function: linear;
  transition-property: transform;
  will-change: width
}
.video-embed__progress-bar__inner iframe {
  width: 100%;
  height: 100%
}
.video-embed__progress-bar__inner:after {
  position: absolute;
  content: "";
  right: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: var(--t-primary);
  z-index: 2
}
.video-embed__progress-bar__hover {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
  pointer-events: all;
  z-index: 1
}
.video-embed__progress-bar__hover:after {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  width: var(--mouseX);
  background-color: var(--t-primary);
  opacity: 0;
  transition-property: opcatity
}
.video-embed__progress-bar:hover .video-embed__progress-bar__hover:after {
  opacity: 1
}
.video-embed__progress-bar__text {
  position: absolute;
  pointer-events: none;
  text-align: center;
  right: 0;
  top: 0;
  transform: translate(50%, calc(-100% - 20px));
  padding: 7px 10px;
  min-width: 53px;
  color: var(--t-background);
  background-color: var(--t-primary)
}
.video-embed__progress-bar__text:after {
  position: absolute;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: -12px;
  width: 0;
  height: 0;
  border-bottom: 6px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid transparent;
  border-top-color: var(--t-primary)
}
@media (min-width:980px) {
  .video-embed__progress-bar__text {
    min-width: 57px
  }
}
.video-embed__progress-bar--disable-animation .video-embed__progress-bar__inner {
  transition: none
}
.has-hover .video-embed__progress-bar:hover .video-embed__progress-bar__inner:after {
  opacity: 1
}
.video-embed__pannel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing);
  transition-property: transform;
  height: calc(8.33333% * 2);
  background: linear-gradient(180deg, rgba(24, 29, 36, 0), rgba(24, 29, 36, .9))
}
.video-embed__pannel--hidden {
  transform: translateY(200%)
}
.video-embed__pause, .video-embed__play {
  left: calc(8.33333% - 15px);
  bottom: calc(8.33333%)
}
.video-embed__mute {
  right: calc(8.33333% - 15px);
  bottom: calc(8.33333%)
}
.video-embed__progress-bar {
  display: block;
  left: 25%;
  bottom: calc(8.33333%);
  right: 25%
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .video-embed__progress-bar {
    left: 16.66667%;
    right: 16.66667%
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .video-embed__progress-bar:before, .video-embed__progress-bar__hover, .video-embed__progress-bar__inner {
    bottom: 30px
  }
  .video-embed__mute, .video-embed__pause, .video-embed__play {
    bottom: calc(8.33333% * 3)
  }
}
@media (min-width:980px) {
  .video-embed__pause, .video-embed__play {
    left: calc(8.33333% - 15px);
    bottom: calc(8.33333% * 9)
  }
  .video-embed__mute {
    right: calc(8.33333% - 15px);
    bottom: calc(8.33333% * 9)
  }
  .video-embed__progress-bar {
    left: 16.66667%;
    bottom: calc(8.33333% * 9);
    right: 16.66667%
  }
  .video-embed__pannel {
    height: calc(8.33333%)
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10
}
.header--modal {
  position: absolute
}
.header:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--t-background);
  opacity: 0;
  transition-property: opacity, transform, background;
  transition-timing-function: var(--transition-easing)
}
.header:before, .header__content {
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration)
}
.header__content {
  position: relative;
  padding: var(--xxxl, 30px 0) var(--n-xxxl, var(--md, calc(var(--scale-px) * 40) 0) var(--n-md, 10px 0));
  z-index: 10;
  transition-property: transform;
  transition-timing-function: var(--transition-easing)
}
.header__logo, .header__logo .icon {
  display: inline-block;
  vertical-align: top
}
.header__logo .icon {
  height: auto;
  width: var(--xxxl, 283px) var(--n-xxxl, var(--md, calc(var(--scale-px) * 189)) var(--n-md, 120px))
}
.header__logo--modal {
  vertical-align: middle;
  line-height: 1
}
.header__logo--modal .icon {
  width: 120px;
  height: auto
}
.header__video-btn.is-active {
  color: var(--t-primary)
}
@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__mobile-expanded {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
    transition-property: opacity;
    transition-delay: var(--transition-delay);
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-easing)
  }
  .header__mobile-expanded--center {
    left: 50%;
    transform: translate(-50%, -50%)
  }
  .header__mobile-expanded--right {
    left: auto;
    right: var(--spacing);
    transform: translateY(-50%)
  }
  .header__mobile-expanded .header__logo, .header__mobile-expanded .header__logo .icon {
    display: block
  }
  .header__mobile-collapsed {
    transition-property: opacity;
    transition-delay: var(--transition-delay);
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-easing);
    opacity: 0;
    pointer-events: none
  }
}
.header__apartments {
  display: flex;
  position: relative
}
.header__apartments__counter {
  z-index: 1
}
.header__apartments .btn:first-child {
  margin-right: calc(var(--scale-px) * 10)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
/*
  .header:before {
    transform: translateY(calc(var(--scale-px) * -10))
  }
*/
  .header__video-btn {
    margin-bottom: calc(var(--spacing) / 6)
  }
}
.header--collapsed:before {
  opacity: 1;
  pointer-events: all
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .header--collapsed .header__mobile-expanded {
    opacity: 0;
    pointer-events: none
  }
  .header--collapsed .header__mobile-collapsed {
    opacity: 1;
    pointer-events: all
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
/*
  .header--collapsed:before {
    transform: translateY(calc(var(--scale-px) * -20))
  }
*/
/*
  .header--collapsed .header__content {
    transform: translateY(calc(var(--scale-px) * -10))
  }
*/
}
@media (min-width:1920px) and (min-height:600px) {
/*
  .header--collapsed:before {
    transform: translateY(calc(var(--scale-px) * -50))
  }
*/
/*
  .header--collapsed .header__content {
    transform: translateY(calc(var(--scale-px) * -30))
  }
*/
}
.error-logo {
  padding-top: calc(var(--scale-px) * 6);
  margin-left: calc(var(--scale-px) * -10)
}
.error-logo .icon {
  width: var(--xxxl, 283px) var(--n-xxxl, var(--md, calc(var(--scale-px) * 240)) var(--n-md, 151px))
}
.header-broshure__en {
  padding-bottom: var(--xxxl, 0) var(--n-xxxl, var(--md, calc(var(--scale-px) * 5)) var(--n-md, ))
}
.footer__company-logo {
  display: inline-block
}
.footer__company-logo .icon {
  width: var(--md, calc(var(--scale-px) * 71)) var(--n-md, 54px);
  height: var(--md, calc(var(--scale-px) * 40)) var(--n-md, 30px)
}
.footer__phone-number {
  font-size: calc(var(--scale-rem) * 2.6);
  line-height: 1.15385em;
  --lh: 1.15385em;
  letter-spacing: .05em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .footer__phone-number {
    font-size: calc(var(--scale-rem) * 5.8);
    line-height: 1.03448em;
    --lh: 1.03448em;
    letter-spacing: .05em
  }
}

.footer__bottom {
  border-top: 1px solid var(--t-line)
}
.footer__logo {
  position: relative;
  border-bottom-width: 1px;
  border-bottom: var(--md, 0) var(--n-md, 1px) solid var(--t-line)
}
.footer__logo img {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
.footer__logo img ~ img {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-clip-path: circle(10% at var(--x) var(--y));
  clip-path: circle(10% at var(--x) var(--y))
}
.has-hover .footer__logo img ~ img {
  display: block
}
.footer__middle {
  margin-top: var(--md, calc(var(--spacing) / 60 * 180)) var(--n-md, calc(var(--spacing) / 20 * 90))
}
.footer__middle__brochures {
  margin-bottom: var(--md, calc(var(--scale-px) * 18)) var(--n-md, 0)
}
@media (max-width:567px) and (max-aspect-ratio:13/9), (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .footer__middle__brochures {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    width: calc(100vw - var(--spacing) * 2)
  }
  .footer__middle__brochures a {
    margin: 0 !important
  }
}
.footer__vig {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: var(--md, row) var(--n-md, row-reverse)
}
.footer__vig__text {
  margin-right: var(--md, calc(var(--scale-px) * 10)) var(--n-md, 0)
}
.footer__vig__icon {
  height: var(--xxl, 20px) var(--n-xxl, var(--md, calc(var(--scale-px) * 16)) var(--n-md, 16px));
  width: var(--xxl, 20px) var(--n-xxl, var(--md, calc(var(--scale-px) * 16)) var(--n-md, 16px));
  margin-right: var(--md, 0) var(--n-md, 9px)
}
.choose-apartments {
  padding-top: var(--md, calc(var(--spacing) / 60 * 220)) var(--n-md, calc(var(--spacing) / 20 * 90))
}
.choose-apartments__title {
  position: relative;
  z-index: 1;
  margin-bottom: -.35em
}
.choose-apartments__content {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 640px;
  width: var(--md, 33.33333vw) var(--n-md, 50vw)
}
.choose-apartments__content img {
  display: block;
  width: 100%;
  height: auto
}
.choose-apartments__background {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: var(--xxl, -99.375%) var(--n-xxl, var(--md, -33.125vw) var(--n-md, -77.77778%));
  width: var(--xxl, 300%) var(--n-xxl, var(--md, 100vw) var(--n-md, 247.77778%))
}
.choose-apartments__marble {
  pointer-events: none;
  position: absolute;
  left: var(--xxl, -25%) var(--n-xxl, var(--md, -8.33333vw) var(--n-md, -22.22222%));
  bottom: var(--xxl, 32.35294%) var(--n-xxl, var(--md, 15.27778vw) var(--n-md, 34.54545%));
  width: var(--xxl, 41.66667%) var(--n-xxl, var(--md, 13.88889vw) var(--n-md, 44.44444%))
}
.choose-apartments__top {
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  border-radius: 1000px 1000px 0 0
}
.choose-apartments__top img {
  margin-bottom: -50px
}
.choose-apartments__david {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  bottom: var(--xxl, -14.58333%) var(--n-xxl, var(--md, -4.86111vw) var(--n-md, -11.11111%));
  left: var(--xxl, 67.70833%) var(--n-xxl, var(--md, 22.56944vw) var(--n-md, 72.22222%));
  width: var(--xxl, 67.5%) var(--n-xxl, var(--md, 22.5vw) var(--n-md, 65.55556%))
}
.choose-apartments__button {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .choose-apartments__top img {
    width: calc(100% + 100px);
    margin-left: -30px;
    margin-bottom: -100px
  }
}
.choose-apartments--lifestyle .choose-apartments__background {
  bottom: var(--xxl, -33.33333%) var(--n-xxl, var(--md, -11.11111vw) var(--n-md, -33.33333%));
  left: var(--xxl, -57.91667%) var(--n-xxl, var(--md, -19.30556vw) var(--n-md, -35.55556%));
  width: var(--xxl, 183.33333%) var(--n-xxl, var(--md, 61.11111vw) var(--n-md, 164.44444%))
}
.choose-apartments--lifestyle .choose-apartments__flower {
  pointer-events: none;
  position: absolute;
  bottom: var(--xxl, 10.20833%) var(--n-xxl, var(--md, 3.40278vw) var(--n-md, 10%));
  left: var(--xxl, 91.04167%) var(--n-xxl, var(--md, 30.34722vw) var(--n-md, 88.88889%));
  width: var(--xxl, 50%) var(--n-xxl, var(--md, 16.66667vw) var(--n-md, 44.44444%))
}
html[lang=en] .choose-apartments__top {
  transition-property: border-radius;
  border-radius: var(--md, 16.66667vw 16.66667vw 0 0) var(--n-md, 25vw 25vw 0 0)
}
html[lang=en].has-hover .choose-apartments__content:hover .choose-apartments__top {
  border-radius: 0
}
.menu-modal, .menu-modal__col, .menu-modal__nav {
  min-height: 100vh;
  min-height: var(--viewport-height-actual)
}
.no-hover .menu-modal, .no-hover .menu-modal__col, .no-hover .menu-modal__nav {
  height: 100vh;
  height: var(--viewport-height-actual);
  overflow: hidden
}
.menu-modal__col-2 {
  margin-left: calc(var(--spacing) * -1)
}
.menu-modal__col-3 {
  margin-left: var(--spacing)
}
.menu-modal__deco {
  position: absolute;
  right: 0;
  top: calc(235 / 640 * 100vh);
  width: 249px;
  height: auto
}
.menu-modal__deco img {
  width: 100%;
  height: auto
}
.menu-modal__nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: var(--xxxl, calc(var(--spacing) / 60 * 160) var(--spacing) calc(var(--spacing) / 60 * 30)) var(--n-xxxl, var(--md, calc(var(--spacing) / 60 * 177) var(--spacing) calc(var(--spacing) / 60 * 52)) var(--n-md, 105px 20px 20px))
}
.menu-modal__list--1 li + li {
  padding-top: 5px
}
.menu-modal__list--2 {
  padding-top: calc(var(--spacing) * .5);
  font-size: calc(var(--scale-rem) * 1.2);
  line-height: 2.08333em;
  --lh: 2.08333em;
  letter-spacing: .1em
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .menu-modal__list--2 {
    font-size: calc(var(--scale-rem) * 1.2);
    line-height: 2.08333em;
    --lh: 2.08333em;
    letter-spacing: .1em
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .menu-modal__list--2 {
    font-size: calc(var(--scale-rem) * 1.5);
    line-height: 1.66667em;
    --lh: 1.66667em;
    letter-spacing: .1em
  }
}
.menu-modal__list li a {
  white-space: nowrap
}
.menu-modal__list li.is-active a {
  color: var(--t-primary)
}
.menu-modal__callback {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: var(--spacing)
}
.menu-modal__images {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.menu-modal__col-3 .menu-modal__images {
  top: calc(50% - var(--spacing) * 2)
}
.no-hover .menu-modal__col-3 .menu-modal__images {
  transform: translateY(-50%) !important
}
.menu-modal__image {
  position: relative
}
.menu-modal__image img, .menu-modal__image picture {
  width: 100%;
  height: auto
}
.menu-modal__image:after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.menu-modal__image.is-active:after {
  opacity: 0
}
.menu-modal .menu-modal__image + .menu-modal__image {
  padding-top: var(--spacing)
}
.menu-modal__group {
  pointer-events: none
}
.menu-modal__group a {
  pointer-events: all
}
.menu-dropdown {
  --header-height-menu: 120px;
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: var(--viewport-height);
  overflow: hidden;
  contain: content
}
.menu-dropdown__backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .9);
  pointer-events: none
}
.menu-dropdown__animation {
  height: var(--viewport-height-actual);
  overflow: hidden
}
.menu-dropdown__animation-inner, .menu-dropdown__content {
  height: calc(var(--header-height-menu) + var(--spacing) * 7)
}
.menu-dropdown__content {
  position: relative;
  z-index: 1
}
.menu-dropdown__content-row {
  height: 100%;
  padding-top: var(--header-height-menu)
}
@media (min-width:1920px) and (min-height:600px) {
  .menu-dropdown {
    --header-height-menu: 120px
  }
}
.form-label {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}
input[disabled] + .form-label, select[disabled] + .form-label, textarea[disabled] + .form-label {
  opacity: .5
}
.form-label:before {
  content: ""
}
.form-control--float {
  position: relative
}
.form-control--float .form-label {
  position: absolute;
  padding: 0;
  width: auto;
  left: 0;
  top: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  transform-origin: 0 0;
  transition-property: transform, color
}
.form-control--float input::-webkit-input-placeholder, .form-control--float textarea::-webkit-input-placeholder {
  color: transparent !important
}
.form-control--float input::-moz-placeholder, .form-control--float textarea::-moz-placeholder {
  color: transparent !important
}
.form-control--float input:-ms-input-placeholder, .form-control--float textarea:-ms-input-placeholder {
  color: transparent !important
}
.form-control--float.is-focused:not(.form-control--select) .form-label, .form-control--float.is-not-empty .form-label, .form-control--float input:focus ~ .form-label, .form-control--float textarea:focus ~ .form-label {
  transform: translateY(-16px) scale(.6);
  color: var(--t-small)
}
@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) {
  .form-control--float.is-focused:not(.form-control--select) .form-label, .form-control--float.is-not-empty .form-label, .form-control--float input:focus ~ .form-label, .form-control--float textarea:focus ~ .form-label {
    transform: translateY(-16px) scale(.75)
  }
}
.form-group {
  margin-top: var(--md, calc(var(--spacing) / 60 * 35)) var(--n-md, calc(var(--spacing) * 2));
  margin-bottom: var(--md, calc(var(--spacing) / 60 * 35)) var(--n-md, calc(var(--spacing) * 1.5))
}
.form-group:first-child {
  margin-top: 0
}
.form-group:last-child {
  margin-bottom: 0
}
.form-group--checkbox {
  margin-top: var(--md, calc(var(--spacing) / 60 * 40)) var(--n-md, var(--spacing));
  margin-bottom: var(--md, calc(var(--spacing) / 60 * 40)) var(--n-md, var(--spacing))
}
.form-group--checkbox:first-child {
  margin-top: 0
}
.form-group--checkbox:last-child {
  margin-bottom: 0
}
.form-group--small {
  margin-top: 10px;
  margin-bottom: 10px
}
.form-control--textarea textarea {
  resize: vertical
}
.form-control--select select {
  width: 100%;
  -webkit-appearance: menulist-button
}
.form-control-checkbox {
  display: flex;
  align-items: center
}
.form-control-checkbox input {
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}
.form-control-checkbox__icon, .form-control-checkbox__label {
  position: relative;
  min-height: 20px;
  cursor: pointer
}
.form-control-checkbox__icon:after, .form-control-checkbox__label:after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  right: -5px;
  bottom: -10px;
  left: -5px
}
.form-control-checkbox__icon {
  background: transparent;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid grey;
  transition-property: border-color
}
.form-control-checkbox__icon:before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(assets/images/check.svg), #586373;
  background-size: cover;
  transition-property: opacity;
  opacity: 0
}
.form-control-checkbox__label {
  flex-grow: 1;
  color: var(--t-small)
}
@media (max-width:667px) and (min-aspect-ratio:13/9), (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9) {
  .form-control-checkbox__label--width {
    max-width: 60%
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .form-control-checkbox__label--width {
    max-width: calc(var(--spacing) * 7)
  }
}
.form-control-checkbox__icon + .form-control-checkbox__label {
  padding: 0 0 0 10px
}
input[disabled] ~ .form-control-checkbox__icon, input[disabled] ~ .form-control-checkbox__label {
  opacity: .5;
  pointer-events: none
}
input:checked ~ .form-control-checkbox__icon:before {
  opacity: 1
}
.form-control-checkbox a {
  position: relative;
  z-index: 1
}
.is-ie .form-control-checkbox a {
  vertical-align: top
}
.has-error .form-control-checkbox__icon {
  border-color: var(--c-error)
}
.has-error .form-control-checkbox__label {
  color: var(--c-error)
}
.form-control-radio {
  display: flex;
  align-items: center
}
.form-control-radio input {
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  clip-path: polygon(0 0, 0 0, 0 0, 0 0)
}
.form-control-radio input _:-ms-input-placeholder, :root .form-control-radio input {
  opacity: 0
}
.form-control-radio__label {
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 20px 0 0;
  transition-property: color
}
.form-control-radio__label:before {
  content: "";
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  right: 0;
  top: 4px;
  background: url(assets/images/common/radio.svg);
  background-size: 12px;
  background-position: 50%;
  background-repeat: no-repeat;
  transition-property: opacity;
  opacity: 0
}
.has-hover .form-control-radio__label:hover {
  color: var(--t-primary)
}
input[disabled] ~ .form-control-radio__icon, input[disabled] ~ .form-control-radio__label {
  opacity: .5;
  pointer-events: none
}
input:checked ~ .form-control-radio__label {
  color: var(--t-primary)
}
input:checked ~ .form-control-radio__label:before {
  opacity: 1
}
.form-control[readonly], .readonly.form-control {
  pointer-events: none
}
.form-control--filter .form-control__input, .form-control--input input, .form-control--select select, .form-control--textarea textarea {
  width: 100%;
  padding: 0 0 14px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--t-line);
  border-radius: 0;
  min-width: 0
}
.form-control--filter .no-hover .form-control__input, .form-control--input .no-hover input, .form-control--select .no-hover select, .form-control--textarea .no-hover textarea, .no-hover .form-control--filter .form-control__input, .no-hover .form-control--input input, .no-hover .form-control--select select, .no-hover .form-control--textarea textarea {
  -webkit-appearance: none;
  border-radius: 0
}
.form-control--filter .form-control__input[readonly], .form-control--filter .readonly.form-control__input, .form-control--input input.readonly, .form-control--input input[readonly], .form-control--select select.readonly, .form-control--select select[readonly], .form-control--textarea textarea.readonly, .form-control--textarea textarea[readonly] {
  pointer-events: none;
  box-shadow: none
}
.form-control--filter .form-control__input, .form-control--input input, .form-control--select select, .form-control--textarea textarea {
  line-height: normal;
  outline: none;
  vertical-align: middle
}
.form-control--filter .form-control__input:-webkit-autofill, .form-control--filter .form-control__input:-webkit-autofill:active, .form-control--filter .form-control__input:-webkit-autofill:focus, .form-control--filter .form-control__input:-webkit-autofill:hover, .form-control--input input:-webkit-autofill, .form-control--input input:-webkit-autofill:active, .form-control--input input:-webkit-autofill:focus, .form-control--input input:-webkit-autofill:hover, .form-control--select select:-webkit-autofill, .form-control--select select:-webkit-autofill:active, .form-control--select select:-webkit-autofill:focus, .form-control--select select:-webkit-autofill:hover, .form-control--textarea textarea:-webkit-autofill, .form-control--textarea textarea:-webkit-autofill:active, .form-control--textarea textarea:-webkit-autofill:focus, .form-control--textarea textarea:-webkit-autofill:hover {
  -webkit-text-fill-color: var(--t-text);
  -webkit-transition: color .5s cubic-bezier(.25, .74, .22, .99), border-color .5s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important;
  transition: color .5s cubic-bezier(.25, .74, .22, .99), border-color .5s cubic-bezier(.25, .74, .22, .99), background-color 1ms ease-in-out 5000s !important
}
.form-control--filter .form-control__input:focus, .form-control--input input:focus, .form-control--select select:focus, .form-control--textarea textarea:focus {
  border-color: var(--t-text)
}
.form-control--filter .form-control--input.is-not-empty .form-control__input, .form-control--input.is-not-empty .form-control--filter .form-control__input, .form-control--input.is-not-empty .form-control--select select, .form-control--input.is-not-empty .form-control--textarea textarea, .form-control--input.is-not-empty input, .form-control--select .form-control--input.is-not-empty select, .form-control--textarea .form-control--input.is-not-empty textarea {
  padding: 3px 0 11px
}
@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) {
  .form-control--filter .form-control--input.is-not-empty .form-control__input, .form-control--input.is-not-empty .form-control--filter .form-control__input, .form-control--input.is-not-empty .form-control--select select, .form-control--input.is-not-empty .form-control--textarea textarea, .form-control--input.is-not-empty input, .form-control--select .form-control--input.is-not-empty select, .form-control--textarea .form-control--input.is-not-empty textarea {
    padding: 7px 0 9px
  }
}
.form-control--filter .form-control__input, .form-control--input input, .form-control--select select, .form-control--textarea textarea {
  transition-property: color, background-color, border-color
}
.form-control--filter .form-control__input:invalid, .form-control--input input:invalid, .form-control--select select:invalid, .form-control--textarea textarea:invalid {
  box-shadow: none
}
.form-control--filter .form-control__input::-ms-clear, .form-control--input input::-ms-clear, .form-control--select select::-ms-clear, .form-control--textarea textarea::-ms-clear {
  display: none
}
::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  right: 0
}
::-ms-reveal {
  display: none
}
.form-control--filter {
  cursor: pointer
}
.form-control--filter .form-control__input {
  line-height: 32px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}
.form-control--filter .form-control__icon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -5px;
  transform-origin: 50% 50%;
  transition-property: transform, color
}
.ui-dark .form-control--filter.is-active .form-control__icon {
  transform: rotate(180deg) translateY(50%)
}
.grecaptcha-badge {
  display: none !important
}

.form-footer:first-child {
  margin-top: 0
}
.form-footer:last-child {
  margin-bottom: 0
}
.error-message {
  color: var(--c-error)
}
div.error, label.error {
  display: block;
  color: var(--c-error)
}
.form-control--error input, .form-control--error textarea {
  border-color: var(--c-error)
}
.callback {
  position: relative
}
.callback__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
.callback__image img {
  width: 100%;
  height: auto
}
.callback__content {
  position: relative;
  padding: calc(var(--spacing) * 6) var(--spacing)
}
.callback__form {
  padding-top: 50px;
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .callback__content {
    padding: 160px 120px
  }
}
.apartments-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: calc(var(--spacing) * -1)
}
.apartments-list > li {
  width: 100%
}
.apartments-list__item {
  display: block;
  margin-top: var(--spacing);
  position: relative
}
.apartments-list__item:before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background: var(--t-background);
  box-shadow: 0 0 0 0 var(--t-background);
  transform: translate(-50%, -50%);
  z-index: 0;
  transition-property: box-shadow;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.has-hover .apartments-list__item:hover:not([class*="--hidden"]):before {
  box-shadow: 0 0 0 calc(var(--scale-px) * 5) var(--t-background)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartments-list {
    margin-left: calc(var(--spacing) * -1)
  }
  .apartments-list__item {
    flex: 0 0 calc(50% - var(--spacing));
    margin-left: var(--spacing)
  }
}
.apartments-list__promo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: calc(180 / 360 * 100vw);
  padding: calc(var(--spacing) * 1.5)
}
.apartments-list__promo__outer {
  order: 4;
  margin-top: var(--spacing)
}
.apartments-list__promo__image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}
.apartments-list__promo__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.apartments-list__promo__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.apartments-list__promo__text {
  position: relative;
  z-index: 1
}
.apartments-list-button {
  text-align: center
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartments-list-button {
    text-align: left
  }
}
.apartment-item {
  contain: layout;
  transition-property: opacity;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.apartment-item--hidden {
  opacity: .5;
  pointer-events: none
}
.apartment-item--hidden .btn {
  pointer-events: all
}
.apartment-item__inner {
  display: block;
  position: relative;
  padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 1.5);
  width: 100%;
  z-index: 1;
  contain: layout
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartment-item__inner {
    padding: var(--spacing-sm)
  }
}
.apartment-item__top {
  display: flex;
  flex-wrap: nowrap;
  position: absolute;
  flex-direction: row;
  left: var(--spacing-sm);
  right: var(--spacing-sm);
  justify-content: space-between;
  padding: 0 calc(var(--scale-px) * 6) 0 calc(var(--scale-px) * 10)
}
.apartment-item__top > .btn {
  transform: translateY(-6px);
  z-index: 1
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartment-item__top {
    padding: 0
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .apartment-item:not(.apartment-item--popover) .apartment-item__top .icon {
    width: 40px;
    height: 40px
  }
}
.apartment-item__plan {
  width: 100%;
  height: var(--md, calc(var(--spacing) / 60 * 275)) var(--n-md, 213px);
  will-change: transform;
  padding: var(--md, calc(var(--spacing) / 60 * 55) 0) var(--n-md, 60px 0 35px)
}
.apartment-item__plan img, .apartment-item__plan picture {
  width: 100%;
  height: 100%
}
.apartment-item__plan img {
  -o-object-fit: contain;
  object-fit: contain
}
.apartment-item__plan img[src*=".svg"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
@media (min-width:1920px) and (min-height:600px) {
  .apartment-item:not(.apartment-item--popover) .apartment-item__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(var(--spacing) * 8)
  }
  .apartment-item:not(.apartment-item--popover) .apartment-item__plan {
    flex-grow: 1
  }
}
@media (min-width:1920px) and (min-height:600px) and (min-height:1100px) {
  .apartment-item:not(.apartment-item--popover) .apartment-item__plan {
    height: calc(var(--spacing) * 6)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .apartment-item.apartment-item--popover .apartment-item__inner {
    padding: 40px
  }
  .apartment-item.apartment-item--popover .apartment-item__plan {
    padding: 55px 0;
    height: 275px
  }
  .apartment-item.apartment-item--popover .apartment-item__top {
    position: absolute;
    left: 40px;
    right: 40px
  }
}
.apartment-item__info__top {
  padding-bottom: var(--md, calc(var(--spacing) / 60 * 20)) var(--n-md, 20px);
  border-bottom: 1px solid var(--t-text)
}
.apartment-item__info__bottom, .apartment-item__info__top {
  display: flex;
  align-items: flex-end;
  flex-wrap: nowrap;
  justify-content: space-between
}
.apartment-item__info__bottom {
  padding-top: var(--md, calc(var(--spacing) / 60 * 20)) var(--n-md, 20px)
}
.apartment-item__info__bottom > p {
  transform: translateY(6px)
}
.apartments-list-sorting {
  padding: 0;
  padding-bottom: var(--xxxl, calc(var(--spacing) / 60 * 56)) var(--n-xxxl, var(--md, calc(var(--spacing) / 60 * 54)) var(--n-md, 18px))
}
.apartments-list-sorting__select .icon.icon-dropdown {
  transition-property: transform;
  transition-delay: var(--transition-delay);
  transition-duration: var(--transition-duration);
  transition-timing-function: var(--transition-easing)
}
.apartments-list-sorting__select.is-active .icon.icon-dropdown {
  transform: rotate(180deg)
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartments-list-sorting {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .apartments-list-sorting {
    margin-top: -3px
  }
}
.apartments-filter-button {
  z-index: 1;
  display: flex;
  justify-content: center;
  background-color: var(--c-black);
  padding: calc(var(--spacing) * 1.5) 0
}
.apartments-filter-button .btn {
  margin: 0 auto;
  width: 100%
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartments-filter-button {
    display: none
  }
}
.apartments-filter-button.filter--collapsed {
  left: 0;
  right: 0;
  z-index: 2;
  position: fixed;
  top: calc(var(--spacing) * 2);
  padding: calc(var(--spacing) * 1.5) var(--spacing)
}
.apartments-favourite-button {
  position: absolute;
  right: var(--spacing);
  transform: translate(50%, -50%)
}
.apartments-empty__title {
  padding-top: var(--md, 0) var(--n-md, 20px);
  padding-bottom: var(--md, calc(var(--spacing) / 60 * 40)) var(--n-md, 30px)
}
@media (min-width:980px) {
  .apartments-empty__text {
    max-width: calc(var(--spacing) * 7.5)
  }
}
.apartments-intro {
  position: relative
}
.apartments-intro__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw
}
.apartments-intro__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain
}
@media (min-aspect-ratio:13/9), (min-width:568px) {
  .apartments-intro__image {
    left: 25vw;
    width: 50vw
  }
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .apartments-intro__image {
    width: 62.5vw;
    bottom: auto;
    top: 0;
    left: calc(37.5vw)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .apartments-intro__image {
    max-width: calc(var(--spacing) * 15)
  }
}
.apartments-list-scroll {
  position: relative;
  transform: translateY(calc(var(--header-height) * -1))
}
.favourites-inner__head {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}
.favourites-inner__title {
  z-index: 1;
  flex-basis: 100%;
  padding-top: var(--md, 0) var(--n-md, calc(var(--scale-em) * 2))
}
.favourites-inner__button-group {
  flex-basis: 100%;
  display: inline-flex;
  padding-bottom: var(--md, calc(var(--scale-px) * 10)) var(--n-md, 0);
  padding-top: var(--md, 0) var(--n-md, calc(var(--scale-px) * 28))
}
.favourites-inner__button-group > :first-child {
  margin-right: var(--md, calc(var(--scale-px) * 20)) var(--n-md, calc(var(--scale-px) * 13))
}
.favourites-inner__container {
  border-top: 1px solid var(--t-line);
  margin-top: var(--md, 0) var(--n-md, calc(var(--spacing) * 1.5));
  padding-top: calc(var(--spacing) * 1.5)
}
.favourites-inner__container--no-border {
  border-top: none;
  margin-top: 0;
  padding-top: var(--md, calc(var(--spacing) * 1.5)) var(--n-md, 0)
}
.favourites-inner__count {
  line-height: 1.4em;
  font-size: calc(var(--scale-rem) * 1.2);
  padding-bottom: var(--md, 0) var(--n-md, calc(var(--scale-px) * 5))
}
.favourites-inner__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative
}
.favourites-inner__list > * {
  width: 100%;
  margin-left: var(--md, calc(var(--spacing) / 3)) var(--n-md, 0)
}
.favourites-inner__list > :first-child {
  margin-left: 0
}
.favourites-inner__list:after {
  content: "";
  display: block;
  height: 1px;
  width: 1px;
  flex: 0 0 1px
}
.favourites-inner__blank {
  overflow: hidden;
  text-align: center;
  min-height: calc(var(--scale-px) * 380)
}
.favourites-inner__blank > a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--t-primary);
  padding: var(--md, 0 calc(var(--spacing) * 1.5)) var(--n-md, 0 calc(var(--spacing) * 2.5))
}
.favourites-inner__blank__text {
  z-index: 1;
  width: 100%;
  align-self: flex-start;
  margin-top: var(--md, var(--spacing)) var(--n-md, calc(var(--spacing) * 2.5))
}
.favourites-inner__blank__icon {
  align-self: flex-end
}
.favourites-inner__blank__background {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  position: absolute;
  padding: var(--spacing)
}
.favourites-inner__blank__background img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
.favourites-inner__blank .btn {
  align-self: flex-end
}
.has-hover .favourites-inner__blank:hover:before {
  box-shadow: none
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .favourites-inner .apartments-list__item {
    top: 0;
    max-width: calc(var(--scale-px) * 360)
  }
  .favourites-inner__container {
    padding-top: 0;
    border-color: transparent
  }
  .favourites-inner__head {
    justify-content: space-between;
    padding: calc(var(--spacing) * 35/60) var(--spacing) var(--spacing) calc(var(--spacing) * 4)
  }
  .favourites-inner__title {
    flex-basis: auto
  }
  .favourites-inner__list {
    flex-wrap: nowrap;
    padding-bottom: calc(var(--scale-px) * 5)
  }
  .favourites-inner__list > :first-child {
    margin-left: calc(var(--spacing) * 4)
  }
  .favourites-inner__list > :last-child {
    margin-right: var(--spacing)
  }
  .favourites-inner__count {
    margin-left: calc(var(--spacing) * 4)
  }
  .favourites-inner__button-group {
    flex-basis: auto
  }
  .favourites-inner__blank {
    min-height: 0
  }
  .favourites-inner__blank__icon {
    margin-top: calc(var(--scale-px) * -20)
  }
  .favourites-inner__blank img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }
}
@media (min-width:1440px) and (min-height:600px) {
  .favourites-inner__head {
    justify-content: space-between;
    padding-left: calc(var(--spacing) * 5)
  }
  .favourites-inner__container {
    padding-top: 5vh
  }
  .favourites-inner__count, .favourites-inner__list > :first-child {
    margin-left: calc(var(--spacing) * 5)
  }
}
@media (min-width:1920px) and (min-height:600px) {
  .favourites-inner__container {
    padding-top: 6vh
  }
  .favourites-inner .apartments-list__item {
    max-width: calc(var(--scale-px) * 640)
  }
}
.favourites-empty__image {
  position: absolute;
  width: 57%;
  right: calc(var(--spacing) * 3)
}
.favourites-empty__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .favourites-empty__image {
    bottom: 0;
    width: 31vw;
    right: calc(var(--spacing) * 2.5)
  }
}
html[lang=en] #CalltouchWidgetFrame {
  opacity: 0 !important;
  pointer-events: none !important
}
.banner-modal, .banner-modal__bg {
  position: relative
}
.banner-modal__bg__deco {
  position: absolute;
  z-index: 1;
  bottom: -15.55556%;
  right: 4.0625%;
  width: 35.625%
}
.banner-modal__content {
  padding: var(--md, calc(var(--spacing) / 2)) var(--n-md, var(--spacing))
}
.banner-modal__content__text {
  margin: var(--md, calc(var(--scale-px) * 25) 0 calc(var(--scale-px) * 77)) var(--n-md, 22px 0 66px)
}
.banner-modal__content__info {
  display: flex;
  align-items: flex-start;
  gap: var(--md, calc(var(--spacing) / 2)) var(--n-md, var(--spacing))
}
.banner-modal__content__info__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid;
  border-radius: 50%;
  padding-left: calc(var(--scale-px) * 6);
  width: var(--md, calc(var(--spacing) / 60 * 80)) var(--n-md, 60px);
  height: var(--md, calc(var(--spacing) / 60 * 80)) var(--n-md, 60px);
  margin-bottom: calc(var(--scale-px) * 12)
}
.banner-modal__content__info__text {
  position: relative;
  margin-left: -10px;
  margin-right: -10px;
  display: block;
  text-align: center
}
.banner-modal__link {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: var(--md, calc(var(--spacing) / 2)) var(--n-md, var(--spacing))
}
@media (min-width:568px) and (max-aspect-ratio:13/9), (min-width:668px) and (min-height:416px), (min-width:980px) {
  .banner-modal {
    display: flex;
    flex-direction: row-reverse;
    align-items: stretch
  }
  .banner-modal__bg {
    flex: 0 0 41.66667%;
    min-width: 41.66667%;
    max-width: 41.66667%
  }
  .banner-modal__bg__image {
    height: 100%
  }
  .banner-modal__bg__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }
  .banner-modal__bg__deco {
    width: 66.66667%;
    right: 66.66667%;
    bottom: 25%
  }
  .banner-modal__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch
  }
  .banner-modal__content__text {
    flex-grow: 1
  }
}