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

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