.text-button {
  font-family: var(--font-inter);
  font-weight: 500;
}
.text-button_size_m {
  --font-size: 3.2vw;
  --line-height: 166%;
}
@media (min-width: 720px) {
  .text-button_size_m {
    --font-size: 1.09375vw;
  }
}
@media (min-width: 720px) {
  .text-button_size_m {
    --line-height: 143%;
  }
}
@media (min-width: 1281px) {
  .text-button_size_m {
    --font-size: 0.7291666667vw;
  }
}
@media (min-width: 1281px) {
  .text-button_size_m {
    --line-height: 143%;
  }
}
@media (min-width: 2400px) {
  .text-button_size_m {
    --font-size: 17.5px;
  }
}
@media (min-width: 2400px) {
  .text-button_size_m {
    --line-height: 143%;
  }
}
.text-button_size_m {
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.text-button_size_l {
  --font-size: 3.7333333333vw;
  --line-height: 143%;
}
@media (min-width: 720px) {
  .text-button_size_l {
    --font-size: 1.25vw;
  }
}
@media (min-width: 720px) {
  .text-button_size_l {
    --line-height: 125%;
  }
}
@media (min-width: 1281px) {
  .text-button_size_l {
    --font-size: 0.8333333333vw;
  }
}
@media (min-width: 1281px) {
  .text-button_size_l {
    --line-height: 125%;
  }
}
@media (min-width: 2400px) {
  .text-button_size_l {
    --font-size: 20px;
  }
}
@media (min-width: 2400px) {
  .text-button_size_l {
    --line-height: 125%;
  }
}
.text-button_size_l {
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-bold-caption {
  --font-size: 2.6666666667vw;
  --line-height: 140%;
}
@media (min-width: 720px) {
  .text-bold-caption {
    --font-size: 1.09375vw;
  }
}
@media (min-width: 720px) {
  .text-bold-caption {
    --line-height: 143%;
  }
}
@media (min-width: 1281px) {
  .text-bold-caption {
    --font-size: 0.7291666667vw;
  }
}
@media (min-width: 1281px) {
  .text-bold-caption {
    --line-height: 143%;
  }
}
@media (min-width: 2400px) {
  .text-bold-caption {
    --font-size: 17.5px;
  }
}
@media (min-width: 2400px) {
  .text-bold-caption {
    --line-height: 143%;
  }
}
.text-bold-caption {
  font-family: var(--font-inter);
  font-weight: 600;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-small-accent {
  --font-size: 3.2vw;
}
@media (min-width: 720px) {
  .text-small-accent {
    --font-size: 1.25vw;
  }
}
@media (min-width: 1281px) {
  .text-small-accent {
    --font-size: 0.8333333333vw;
  }
}
@media (min-width: 2400px) {
  .text-small-accent {
    --font-size: 20px;
  }
}
.text-small-accent {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
  font-size: var(--font-size);
}

.text-promo {
  --font-size: 8.2666666667vw;
  --line-height: 98%;
}
@media (min-width: 720px) {
  .text-promo {
    --font-size: 6.25vw;
  }
}
@media (min-width: 720px) {
  .text-promo {
    --line-height: 92%;
  }
}
@media (min-width: 1281px) {
  .text-promo {
    --font-size: 4.1666666667vw;
  }
}
@media (min-width: 1281px) {
  .text-promo {
    --line-height: 92%;
  }
}
@media (min-width: 2400px) {
  .text-promo {
    --font-size: 100px;
  }
}
@media (min-width: 2400px) {
  .text-promo {
    --line-height: 92%;
  }
}
.text-promo {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-complement {
  --font-size: 3.2vw;
}
@media (min-width: 720px) {
  .text-complement {
    --font-size: 1.328125vw;
  }
}
@media (min-width: 1281px) {
  .text-complement {
    --font-size: 0.8854166667vw;
  }
}
@media (min-width: 2400px) {
  .text-complement {
    --font-size: 21.25px;
  }
}
.text-complement {
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 140%;
  font-size: var(--font-size);
}

.text-label {
  --font-size: 3.2vw;
}
@media (min-width: 720px) {
  .text-label {
    --font-size: 1.328125vw;
  }
}
@media (min-width: 1281px) {
  .text-label {
    --font-size: 0.8854166667vw;
  }
}
@media (min-width: 2400px) {
  .text-label {
    --font-size: 21.25px;
  }
}
.text-label {
  font-family: var(--font-inter);
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
  font-size: var(--font-size);
}

.text-accent {
  --font-size: 4.2666666667vw;
  --line-height: 100%;
}
@media (min-width: 720px) {
  .text-accent {
    --font-size: 1.71875vw;
  }
}
@media (min-width: 720px) {
  .text-accent {
    --line-height: 120%;
  }
}
@media (min-width: 1281px) {
  .text-accent {
    --font-size: 1.1458333333vw;
  }
}
@media (min-width: 1281px) {
  .text-accent {
    --line-height: 120%;
  }
}
@media (min-width: 2400px) {
  .text-accent {
    --font-size: 27.5px;
  }
}
@media (min-width: 2400px) {
  .text-accent {
    --line-height: 120%;
  }
}
.text-accent {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-body {
  --font-size: 3.4666666667vw;
}
@media (min-width: 720px) {
  .text-body {
    --font-size: 1.40625vw;
  }
}
@media (min-width: 1281px) {
  .text-body {
    --font-size: 0.9375vw;
  }
}
@media (min-width: 2400px) {
  .text-body {
    --font-size: 22.5px;
  }
}
.text-body {
  font-family: var(--font-inter);
  font-weight: 400;
  line-height: 130%;
  font-size: var(--font-size);
}

.text-tagname {
  --font-size: 2.1333333333vw;
}
@media (min-width: 720px) {
  .text-tagname {
    --font-size: 0.78125vw;
  }
}
@media (min-width: 1281px) {
  .text-tagname {
    --font-size: 0.5208333333vw;
  }
}
@media (min-width: 2400px) {
  .text-tagname {
    --font-size: 12.5px;
  }
}
.text-tagname {
  font-family: var(--font-inter);
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
  font-size: var(--font-size);
}

.text-description, .text-button_size_s {
  --font-size: 2.6666666667vw;
  --font-weight: 500;
}
@media (min-width: 720px) {
  .text-description, .text-button_size_s {
    --font-size: 1.09375vw;
  }
}
@media (min-width: 720px) {
  .text-description, .text-button_size_s {
    --font-weight: 400;
  }
}
@media (min-width: 1281px) {
  .text-description, .text-button_size_s {
    --font-size: 0.7291666667vw;
  }
}
@media (min-width: 1281px) {
  .text-description, .text-button_size_s {
    --font-weight: 400;
  }
}
@media (min-width: 2400px) {
  .text-description, .text-button_size_s {
    --font-size: 17.5px;
  }
}
@media (min-width: 2400px) {
  .text-description, .text-button_size_s {
    --font-weight: 400;
  }
}
.text-description, .text-button_size_s {
  font-family: var(--font-inter);
  font-weight: var(--font-weight);
  line-height: 140%;
  font-size: var(--font-size);
}

.text-factoid {
  --font-size: 6.6666666667vw;
}
@media (min-width: 720px) {
  .text-factoid {
    --font-size: 2.65625vw;
  }
}
@media (min-width: 1281px) {
  .text-factoid {
    --font-size: 1.7708333333vw;
  }
}
@media (min-width: 2400px) {
  .text-factoid {
    --font-size: 42.5px;
  }
}
.text-factoid {
  font-family: var(--font-inter);
  font-weight: 500;
  line-height: 100%;
  font-size: var(--font-size);
}

.text-h1 {
  --font-size: 8.5333333333vw;
}
@media (min-width: 720px) {
  .text-h1 {
    --font-size: 5.46875vw;
  }
}
@media (min-width: 1281px) {
  .text-h1 {
    --font-size: 3.6458333333vw;
  }
}
@media (min-width: 2400px) {
  .text-h1 {
    --font-size: 87.5px;
  }
}
.text-h1 {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
  font-size: var(--font-size);
}

.text-h2 {
  --font-size: 6.4vw;
}
@media (min-width: 720px) {
  .text-h2 {
    --font-size: 2.734375vw;
  }
}
@media (min-width: 1281px) {
  .text-h2 {
    --font-size: 1.8229166667vw;
  }
}
@media (min-width: 2400px) {
  .text-h2 {
    --font-size: 43.75px;
  }
}
.text-h2 {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
  font-size: var(--font-size);
}

.text-h4 {
  --font-size: 5.6vw;
}
@media (min-width: 720px) {
  .text-h4 {
    --font-size: 2.734375vw;
  }
}
@media (min-width: 1281px) {
  .text-h4 {
    --font-size: 1.8229166667vw;
  }
}
@media (min-width: 2400px) {
  .text-h4 {
    --font-size: 43.75px;
  }
}
.text-h4 {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
  font-size: var(--font-size);
}

.text-h5 {
  --font-size: 4vw;
  --font-weight: 500;
}
@media (min-width: 720px) {
  .text-h5 {
    --font-size: 2.03125vw;
  }
}
@media (min-width: 720px) {
  .text-h5 {
    --font-weight: 400;
  }
}
@media (min-width: 1281px) {
  .text-h5 {
    --font-size: 1.3541666667vw;
  }
}
@media (min-width: 1281px) {
  .text-h5 {
    --font-weight: 400;
  }
}
@media (min-width: 2400px) {
  .text-h5 {
    --font-size: 32.5px;
  }
}
@media (min-width: 2400px) {
  .text-h5 {
    --font-weight: 400;
  }
}
.text-h5 {
  font-family: var(--font-inter);
  font-weight: var(--font-weight);
  line-height: 128%;
  font-size: var(--font-size);
}

.text-subtitle {
  --font-size: 5.3333333333vw;
  --line-height: 100%;
}
@media (min-width: 720px) {
  .text-subtitle {
    --font-size: 2.34375vw;
  }
}
@media (min-width: 720px) {
  .text-subtitle {
    --line-height: 130%;
  }
}
@media (min-width: 1281px) {
  .text-subtitle {
    --font-size: 1.5625vw;
  }
}
@media (min-width: 1281px) {
  .text-subtitle {
    --line-height: 130%;
  }
}
@media (min-width: 2400px) {
  .text-subtitle {
    --font-size: 37.5px;
  }
}
@media (min-width: 2400px) {
  .text-subtitle {
    --line-height: 130%;
  }
}
.text-subtitle {
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-factoid-big {
  --font-size: 6.9333333333vw;
}
@media (min-width: 720px) {
  .text-factoid-big {
    --font-size: 3.90625vw;
  }
}
@media (min-width: 1281px) {
  .text-factoid-big {
    --font-size: 2.6041666667vw;
  }
}
@media (min-width: 2400px) {
  .text-factoid-big {
    --font-size: 62.5px;
  }
}
.text-factoid-big {
  font-size: var(--font-size);
  font-family: var(--font-zen-antique-soft);
  font-weight: 400;
  line-height: 100%;
}

.text-minimum {
  --font-size: 1.6vw;
}
@media (min-width: 720px) {
  .text-minimum {
    --font-size: 0.78125vw;
  }
}
@media (min-width: 1281px) {
  .text-minimum {
    --font-size: 0.5208333333vw;
  }
}
@media (min-width: 2400px) {
  .text-minimum {
    --font-size: 12.5px;
  }
}
.text-minimum {
  font-family: var(--font-inter);
  font-weight: 500;
  line-height: 140%;
  font-size: var(--font-size);
}

.list-ordered {
  list-style-type: decimal;
  list-style-position: inside;
}

:export {
  mobileReferenceWidth: 375;
  tabletReferenceWidth: 1280;
  desktopReferenceWidth: 1920;
  breakpointTablet: 720;
  breakpointDesktop: 1281;
  breakpointBigDesktop: 2400;
  bigDesktopCoefficient: 1.25;
}

.main-layout {
  --shadow-blur: 10.6666666667vw;
  --shadow-size: -5.3333333333vw;
  --main-layout-side-padding: 4.2666666667vw;
  --main-layout-content-width: 100%;
  --header-height: 16vw;
  --footer-height: 133.3333333333vw;
  --button-size-m-height: 12.2666666667vw;
}
@media (min-width: 720px) {
  .main-layout {
    --shadow-blur: 3.125vw;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --shadow-size: -1.5625vw;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --main-layout-side-padding: 2.265625vw;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --main-layout-content-width: 100%;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --header-height: 7.34375vw;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --footer-height: 21.171875vw;
  }
}
@media (min-width: 720px) {
  .main-layout {
    --button-size-m-height: 3.59375vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --shadow-blur: 2.0833333333vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --shadow-size: -1.0416666667vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --main-layout-side-padding: 2.5vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --main-layout-content-width: 70.625vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --header-height: 4.8958333333vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --footer-height: 16.6666666667vw;
  }
}
@media (min-width: 1281px) {
  .main-layout {
    --button-size-m-height: 2.3958333333vw;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --shadow-blur: 50px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --shadow-size: -25px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --main-layout-side-padding: 60px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --main-layout-content-width: 1695px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --header-height: 117.5px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --footer-height: 400px;
  }
}
@media (min-width: 2400px) {
  .main-layout {
    --button-size-m-height: 57.5px;
  }
}
.main-layout {
  --big-shadow: 0 20px 25px 0 rgba(26, 30, 18, 0.08), 0 76px 80px 0 rgba(26, 30, 18, 0.1);
  --small-shadow: 0 12px 12px 0 rgba(26, 30, 18, 0.06), 0 28px 20px 0 rgba(26, 30, 18, 0.05);
  --contrast-shadow: 0 20px 25px 0 rgba(26, 30, 18, 0.04), 0 76px 80px 0 rgba(26, 30, 18, 0.06);
  --card-shadow: 0 20px 25px 0 rgba(26, 30, 18, 0.02), 0 76px 80px 0 rgba(26, 30, 18, 0.05);
  color: var(--color-dark-water);
  background-color: var(--color-paper-white);
  font-family: var(--font-inter);
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.main-layout__header, .main-layout__header-spacer {
  --width: 100%;
}
@media (min-width: 720px) {
  .main-layout__header, .main-layout__header-spacer {
    --width: 100%;
  }
}
@media (min-width: 1281px) {
  .main-layout__header, .main-layout__header-spacer {
    --width: 100%;
  }
}
@media (min-width: 2400px) {
  .main-layout__header, .main-layout__header-spacer {
    --width: 2400px;
  }
}
.main-layout__header, .main-layout__header-spacer {
  width: 100%;
  margin: 0 auto;
  z-index: 11;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  box-sizing: content-box;
}
.main-layout__header + .main-layout__main, .main-layout__header-spacer + .main-layout__main {
  padding-top: var(--header-height);
}
.main-layout__header-spacer {
  height: var(--header-height);
  display: block;
  position: fixed;
  transition: box-shadow 0.3s ease-in-out;
}
.main-layout__header-spacer_shadow {
  box-shadow: 0 0 var(--shadow-blur) var(--shadow-size) rgba(0, 0, 0, 0.3);
}
.main-layout__header {
  position: fixed;
}
.main-layout__main {
  --width: 100%;
}
@media (min-width: 720px) {
  .main-layout__main {
    --width: 100%;
  }
}
@media (min-width: 1281px) {
  .main-layout__main {
    --width: 100%;
  }
}
@media (min-width: 2400px) {
  .main-layout__main {
    --width: 2400px;
  }
}
.main-layout__main {
  width: var(--width);
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  position: relative;
}
.main-layout__main::before, .main-layout__main::after {
  --display: none;
}
@media (min-width: 720px) {
  .main-layout__main::before, .main-layout__main::after {
    --display: none;
  }
}
@media (min-width: 1281px) {
  .main-layout__main::before, .main-layout__main::after {
    --display: none;
  }
}
@media (min-width: 2400px) {
  .main-layout__main::before, .main-layout__main::after {
    --display: block;
  }
}
.main-layout__main::before, .main-layout__main::after {
  content: "";
  display: var(--display);
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 10;
  box-shadow: 0 0 calc(var(--main-layout-side-padding) / 1.27) var(--main-layout-side-padding) var(--color-paper-white);
}
.main-layout__main::before {
  left: 0;
}
.main-layout__main::after {
  right: 0;
}
.main-layout__footer {
  height: var(--footer-height);
  z-index: 11;
}
.main-layout .link {
  color: var(--color-brand);
}
.main-layout .link:hover {
  color: var(--color-brand-light);
}
.main-layout .link:active {
  color: var(--color-brand-dark);
}
.main-layout_with-top-banner {
  --header-height: 29.3333333333vw;
}
@media (min-width: 720px) {
  .main-layout_with-top-banner {
    --header-height: 12.1875vw;
  }
}
@media (min-width: 1281px) {
  .main-layout_with-top-banner {
    --header-height: 8.125vw;
  }
}
@media (min-width: 2400px) {
  .main-layout_with-top-banner {
    --header-height: 195px;
  }
}
.main-layout_page_team .main-layout__sidebar,
.main-layout_page_team .main-layout__feedback-button {
  display: none;
}