.icon--B3exH {
  display: inline-flex;
  vertical-align: top;
}

.icon--B3exH[data-size='s'] {
  width: 20px;
  height: 20px;
}

.icon--B3exH[data-size='m'] {
  width: 25px;
  height: 25px;
}

.icon--B3exH[data-size='l'] {
  width: 30px;
  height: 30px;
}

.icon--B3exH svg {
  display: inline-block;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.icon--B3exH[data-size='match-text'] svg {
  width: 1em;
  height: 1em;
}

.icon--B3exH[data-spin='true'] svg {
  animation: rotate--pQmZH 1.5s linear infinite;
}

@keyframes rotate--pQmZH {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* В темной теме должна появиться обводка вокруг иконки Тинькофф.
 Т.к. у нас нет токена, который в светлой теме прозрачный, а в темной - белый,
 приходится прибегать к такому хаку */

.tj-dark-theme .path-in-dark-theme {
  fill: rgb(var(--outline-light-static));
}

.picture--PD7uw {
  max-width: 100%;
  max-height: 100%;

  /* Хак для Safari.
    В Safari возникают проблемы с подсчетом высоты,
    если ни у одного из родителей не проставлена высота, а только max-height
    https://stackoverflow.com/questions/19119910/safari-height-100-element-inside-a-max-height-element */
  min-height: 0;
}

.picture--PD7uw[data-with-border='true'], .video--oyspr[data-with-border='true'] {
  border: 1px solid rgb(var(--outline-slight));
}

.picture--PD7uw[data-stretched='true'] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.picture--PD7uw[data-stretched='true'][data-with-border='false'] {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}

.image--PKuN2, .video--oyspr {
  -o-object-fit: contain;
     object-fit: contain;
  vertical-align: top;
}

.image--PKuN2[data-position='bottom'], .video--oyspr[data-position='bottom'] {
  -o-object-position: bottom;
     object-position: bottom;
}

.image--PKuN2[data-position='top'], .video--oyspr[data-position='top'] {
  -o-object-position: top;
     object-position: top;
}

.image--PKuN2[data-position='left'], .video--oyspr[data-position='left'] {
  -o-object-position: left;
     object-position: left;
}

.image--PKuN2[data-position='right'], .video--oyspr[data-position='right'] {
  -o-object-position: right;
     object-position: right;
}

.picture--PD7uw[data-covered='true'] .image--PKuN2, .video--oyspr[data-covered='true'] {
  -o-object-fit: cover;
     object-fit: cover;
}

.picture--PD7uw[data-stretched='true'] .image--PKuN2, video[data-stretched='true'] {
  width: 100%;
  height: 100%;
}



/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--VYGCo {
  font: var(--accent-number);
}
.accent-quote--Lmjmn {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--Lmjmn {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--EEoFM {
  font: var(--accent-static);
}
.accent-lead--PSDTu {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--PSDTu {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--Q4ciU {
  font: var(--accent-impact);
}
.accent-bold--I7KyG {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--I7KyG {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--nFhup {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--nFhup {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--UhzN5 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--UhzN5 {
    padding: 4px 2px;
}
  }
mark.highlight--UhzN5[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--IbJhd {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--IbJhd {
    font: var(--body-primary-desktop);
}
  }
.body-primary--IbJhd b, .body-primary--IbJhd strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--IbJhd b, .body-primary--IbJhd strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--DHzYR {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--DHzYR {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--DHzYR b, .body-secondary--DHzYR strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--DHzYR b, .body-secondary--DHzYR strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--JNsBL {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--JNsBL {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--JNsBL b, .body-extra-large--JNsBL strong, .body-extra-large-bold--_Advl {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--JNsBL b, .body-extra-large--JNsBL strong, .body-extra-large-bold--_Advl {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--EhLrk {
  font: var(--body-large);
}
.body-large--EhLrk b, .body-large--EhLrk strong, .body-large-bold--TPMpn {
  font: var(--body-large-bold);
}
.body-medium--xNimx {
  font: var(--body-medium);
}
.body-medium--xNimx b, .body-medium--xNimx strong, .body-medium-bold--IFrMn {
  font: var(--body-medium-bold);
}
.body-small--aSuaC {
  font: var(--body-small);
}
.body-small--aSuaC b, .body-small--aSuaC strong, .body-small-bold--kLg5F {
  font: var(--body-small-bold);
}
.heading-one--FW5bl, .h1--judel {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--FW5bl, .h1--judel {
    font: var(--heading-one-desktop);
}
  }
.heading-two--euzPG, .h2--ZAcVd {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--euzPG, .h2--ZAcVd {
    font: var(--heading-two-desktop);
}
  }
.heading-three--eTF5Y, .h3--e2AFW {
  font: var(--heading-three);
}
.heading-four--wGIXw, .h4--PRhIb {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--wGIXw, .h4--PRhIb {
    font: var(--heading-four-desktop);
}
  }
.heading-five--bsIWE, .h5--M5TXz {
  font: var(--heading-five);
}
.heading-six--h371Q, .h6--kcsYy {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--h371Q, .h6--kcsYy {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--Tfn86 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--Tfn86 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--Ur_rz {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--Ur_rz {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--yLnJt {
  font: var(--interface-primary);
}
.interface-secondary--G1RY7 {
  font: var(--interface-secondary);
}
.interface-error--flyZR {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--flyZR {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--QZQwI {
  font: var(--interface-caption);
}
.interface-heading--ceTzi {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--ceTzi {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--glGqY {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--glGqY {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--jNrfq, a.a--jNrfq, span.a--jNrfq {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--jNrfq:hover, a.a--jNrfq:hover, span.a--jNrfq:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--jNrfq[data-underline-gap='medium'], span.a--jNrfq[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--jNrfq[data-underline-gap='small'], span.a--jNrfq[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--jNrfq[data-pseudo='true'], span.a--jNrfq[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--jNrfq[data-pseudo='true']:hover, span.a--jNrfq[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--jNrfq[data-secondary='true'], span.a--jNrfq[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--jNrfq[data-secondary='true']:hover, span.a--jNrfq[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--jNrfq[data-surface='positive'], span.a--jNrfq[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='positive']:hover, span.a--jNrfq[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--jNrfq[data-surface='negative'], span.a--jNrfq[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='negative']:hover, span.a--jNrfq[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--jNrfq[data-surface='warning'], span.a--jNrfq[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='warning']:hover, span.a--jNrfq[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--jNrfq[data-surface='interactive'], span.a--jNrfq[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='interactive']:hover, span.a--jNrfq[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--jNrfq[data-surface='placeholder'], span.a--jNrfq[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='placeholder']:hover, span.a--jNrfq[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--jNrfq[data-surface='dim'], span.a--jNrfq[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-surface='dim']:hover, span.a--jNrfq[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--jNrfq[data-inverse='true'], span.a--jNrfq[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--jNrfq[data-inverse='true']:hover, span.a--jNrfq[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--jNrfq[data-secondary='true'][data-inverse='true'], span.a--jNrfq[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--jNrfq[data-secondary='true'][data-inverse='true']:hover, span.a--jNrfq[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--o2MJN {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--qR1eR, .default-link--Uz2Sa {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--Uz2Sa {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--G3tdk {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--G3tdk {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--EsqXe {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--EsqXe {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--Uz2Sa:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--CWxX2 {
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.mobile--VWwjj {
  display: flex;
}
@media (min-width: 760px) {
.mobile--VWwjj {
    display: none;
}
  }
.desktop--ZMKEQ {
  display: none;
}
@media (min-width: 760px) {
.desktop--ZMKEQ {
    display: flex;
}
  }
/* На мобиле */
.mobile--VWwjj > .pill1m--t8Ij4 {
  position: absolute;
  bottom: 62px;
  right: 39px;
  width: 210px;
  height: 165px;

  /* При экране телефона с маленькой высотой показываем уменьшенные картинки */
}
@media (max-height: 797px) {
.mobile--VWwjj > .pill1m--t8Ij4 {
    bottom: 57px;
    right: 83px;
    width: 150px;
    height: 118px;
}
  }
.mobile--VWwjj > .pill2m--P0_57 {
  position: absolute;
  bottom: 166px;
  left: 76px;
  width: 87px;
  height: 87px;
}
@media (max-height: 797px) {
.mobile--VWwjj > .pill2m--P0_57 {
    bottom: 127px;
    left: 62px;
    width: 62px;
    height: 62px;
}
  }
.mobile--VWwjj > .pill3m--QcSGd {
  position: absolute;
  top: 77px;
  right: 114px;
  width: 172px;
  height: 172px;
}
@media (max-height: 797px) {
.mobile--VWwjj > .pill3m--QcSGd {
    top: 69px;
    right: 95px;
    width: 123px;
    height: 123px;
}
  }
.mobile--VWwjj > .pill4m--cOEBj {
  position: absolute;
  top: 25px;
  left: 2px;
  width: 285px;
  height: 365px;
}
@media (max-height: 797px) {
.mobile--VWwjj > .pill4m--cOEBj {
    top: 69px;
    left: 29px;
    width: 205px;
    height: 262px;
}
  }
/* На декстопе */
.desktop--ZMKEQ > .pill1d--ummP5 {
  position: absolute;
  bottom: 94px;
  right: 209px;
  width: 226px;
  height: 194px;
}
.desktop--ZMKEQ > .pill2d--MZL6h {
  position: absolute;
  bottom: 126px;
  left: 115px;
  width: 73px;
  height: 73px;
}
.desktop--ZMKEQ > .pill3d--LK_Zz {
  position: absolute;
  bottom: 124px;
  left: 243px;
  width: 131px;
  height: 131px;
}
.desktop--ZMKEQ > .pill4d--ZO4QJ {
  position: absolute;
  top: 34px;
  right: 377px;
  width: 70px;
  height: 70px;
}
.desktop--ZMKEQ > .pill5d--l1oil {
  position: absolute;
  top: 99px;
  right: 203px;
  width: 169px;
  height: 169px;
}
.desktop--ZMKEQ > .pill6d--sdaSL {
  position: absolute;
  top: 83px;
  left: 167px;
  width: 210px;
  height: 294px;
}
.desktop--ZMKEQ > .pill7d--DKbfU {
  position: absolute;
  bottom: -37px;
  left: 393px;
  width: 62px;
  height: 62px;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--TtsC7 {
  font: var(--accent-number);
}
.accent-quote--ZS6lV {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--ZS6lV {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--rT3XK {
  font: var(--accent-static);
}
.accent-lead--DFolU {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--DFolU {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--K66sQ {
  font: var(--accent-impact);
}
.accent-bold--fcfEd {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--fcfEd {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--jfHFl {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--jfHFl {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--TvWaH {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--TvWaH {
    padding: 4px 2px;
}
  }
mark.highlight--TvWaH[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--SvsUH {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--SvsUH {
    font: var(--body-primary-desktop);
}
  }
.body-primary--SvsUH b, .body-primary--SvsUH strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--SvsUH b, .body-primary--SvsUH strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--rQMwN {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--rQMwN {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--rQMwN b, .body-secondary--rQMwN strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--rQMwN b, .body-secondary--rQMwN strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--_uTcr {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_uTcr {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--_uTcr b, .body-extra-large--_uTcr strong, .body-extra-large-bold--ac42O {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_uTcr b, .body-extra-large--_uTcr strong, .body-extra-large-bold--ac42O {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--VBCIq {
  font: var(--body-large);
}
.body-large--VBCIq b, .body-large--VBCIq strong, .body-large-bold--Kyp8F {
  font: var(--body-large-bold);
}
.body-medium--tmOm0 {
  font: var(--body-medium);
}
.body-medium--tmOm0 b, .body-medium--tmOm0 strong, .body-medium-bold--ADTEr {
  font: var(--body-medium-bold);
}
.body-small--I0tZH {
  font: var(--body-small);
}
.body-small--I0tZH b, .body-small--I0tZH strong, .body-small-bold--idT9T {
  font: var(--body-small-bold);
}
.heading-one--RwA0p, .h1--BPzEG {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--RwA0p, .h1--BPzEG {
    font: var(--heading-one-desktop);
}
  }
.heading-two--uWEIP, .h2--B7bZW {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--uWEIP, .h2--B7bZW {
    font: var(--heading-two-desktop);
}
  }
.heading-three--FpMJS, .h3--dY2Yb {
  font: var(--heading-three);
}
.heading-four--wPZbP, .h4--uLpF8 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--wPZbP, .h4--uLpF8 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--rXfwx, .h5--BK3Xj {
  font: var(--heading-five);
}
.heading-six--JI0rL, .h6--XRENE {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--JI0rL, .h6--XRENE {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--KflRY {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--KflRY {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--czdxc {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--czdxc {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--kieTZ {
  font: var(--interface-primary);
}
.interface-secondary--GESlG {
  font: var(--interface-secondary);
}
.interface-error--SWzxt {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--SWzxt {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--S8tO1 {
  font: var(--interface-caption);
}
.interface-heading--OCv6a {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--OCv6a {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--dkhJ_ {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--dkhJ_ {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--ZmGu2, a.a--ZmGu2, span.a--ZmGu2 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--ZmGu2:hover, a.a--ZmGu2:hover, span.a--ZmGu2:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--ZmGu2[data-underline-gap='medium'], span.a--ZmGu2[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--ZmGu2[data-underline-gap='small'], span.a--ZmGu2[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--ZmGu2[data-pseudo='true'], span.a--ZmGu2[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--ZmGu2[data-pseudo='true']:hover, span.a--ZmGu2[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--ZmGu2[data-secondary='true'], span.a--ZmGu2[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--ZmGu2[data-secondary='true']:hover, span.a--ZmGu2[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--ZmGu2[data-surface='positive'], span.a--ZmGu2[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='positive']:hover, span.a--ZmGu2[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--ZmGu2[data-surface='negative'], span.a--ZmGu2[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='negative']:hover, span.a--ZmGu2[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--ZmGu2[data-surface='warning'], span.a--ZmGu2[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='warning']:hover, span.a--ZmGu2[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--ZmGu2[data-surface='interactive'], span.a--ZmGu2[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='interactive']:hover, span.a--ZmGu2[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--ZmGu2[data-surface='placeholder'], span.a--ZmGu2[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='placeholder']:hover, span.a--ZmGu2[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--ZmGu2[data-surface='dim'], span.a--ZmGu2[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-surface='dim']:hover, span.a--ZmGu2[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--ZmGu2[data-inverse='true'], span.a--ZmGu2[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--ZmGu2[data-inverse='true']:hover, span.a--ZmGu2[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--ZmGu2[data-secondary='true'][data-inverse='true'], span.a--ZmGu2[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--ZmGu2[data-secondary='true'][data-inverse='true']:hover, span.a--ZmGu2[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--NAnhA {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--b8V16, .default-link--wrFRP {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--wrFRP {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--b66wC {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--b66wC {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--maePz {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--maePz {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--wrFRP:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
:root {
  --search-button-bottom: 30px;
  --search-button-width: 195px;
}
@media (min-width: 760px) {
  :root {
    --search-button-bottom: 25px;
    --search-button-width: 205px;
  }
}
/* Анимация скрытия кнопки */
@keyframes hide-button--Z3tcc {
  from {
    bottom: 30px;
    bottom: var(--search-button-bottom);
    transform: scale(1);
  }

  to {
    bottom: -60px;
    transform: scale(0.5);
  }
}
/* Анимация появления кнопки */
@keyframes show-button--WI1Tw {
  from {
    bottom: -60px;
    transform: scale(0.5);
  }

  to {
    bottom: 30px;
    bottom: var(--search-button-bottom);
    transform: scale(1);
  }
}
/* Анимация сужения кнопки */
@keyframes decrease-button--eBdXL {
  from {
    width: calc(min(500px, 100%));
  }

  to {
    width: 195px;
    width: var(--search-button-width);
  }
}
/* Анимация расширения кнопки */
@keyframes increase-button--qBuJ2 {
  from {
    width: 195px;
    width: var(--search-button-width);
  }

  to {
    width: calc(min(500px, 100%));
  }
}
.root--YhKlu {
  position: sticky;
  bottom: 30px;
  bottom: var(--search-button-bottom);
  z-index: 100;

  /* Позиционирование внутри кнопки */
  display: flex;
  align-items: center;
  justify-content: center;

  /* Размеры */
  width: 195px;
  width: var(--search-button-width);
  min-width: 204px;
  max-width: 500px;
  height: 60px;

  /* Дополнительно */
  border: none;
  border-radius: 50px;
  background-color: var(--color-search-button);
  box-shadow: 0 0 5px 0 rgba(18, 21, 28, 0.1),
    0 3px 25px 0 rgba(18, 21, 28, 0.25);

  /* Анимация */
  animation-duration: 250ms;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}
@media (min-width: 760px) {
.root--YhKlu {
    min-width: 214px;
}
  }
.root--YhKlu[data-animation='noAnimation'] {
  display: flex;
}
.root--YhKlu[data-animation='none'] {
  display: none;
}
.root--YhKlu[data-animation='show'] {
  animation-name: show-button--WI1Tw;
}
.root--YhKlu[data-animation='hide'] {
  animation-name: hide-button--Z3tcc;
}
.root--YhKlu[data-animation='increase'] {
  animation-name: increase-button--qBuJ2;
}
.root--YhKlu[data-animation='decrease'] {
  animation-name: decrease-button--eBdXL;
}
/* Стили внутри кнопки */
.textWithIcon--I3Et2 {
  display: flex;
  height: 20px;
  font: var(--font-back-button);
  color: var(--color-text-search-button);
}
.text--s9Tfz {
  margin-right: 5px;
}
/* Изменение курсора при наведении */
@media (hover: hover) {
  .root--YhKlu {
    cursor: pointer;
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--TtLbP {
  font: var(--accent-number);
}
.accent-quote--hwq7k {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--hwq7k {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--CYt5I {
  font: var(--accent-static);
}
.accent-lead--ux9Ci {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--ux9Ci {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--dHFd9 {
  font: var(--accent-impact);
}
.accent-bold--Zb4m4 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--Zb4m4 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--a4Cs_ {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--a4Cs_ {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--XBUrx {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--XBUrx {
    padding: 4px 2px;
}
  }
mark.highlight--XBUrx[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--Yg8Rd {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--Yg8Rd {
    font: var(--body-primary-desktop);
}
  }
.body-primary--Yg8Rd b, .body-primary--Yg8Rd strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--Yg8Rd b, .body-primary--Yg8Rd strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--_sH91 {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--_sH91 {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--_sH91 b, .body-secondary--_sH91 strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--_sH91 b, .body-secondary--_sH91 strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--_XWfW {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_XWfW {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--_XWfW b, .body-extra-large--_XWfW strong, .body-extra-large-bold--eG5RC {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_XWfW b, .body-extra-large--_XWfW strong, .body-extra-large-bold--eG5RC {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--T6cbM {
  font: var(--body-large);
}
.body-large--T6cbM b, .body-large--T6cbM strong, .body-large-bold--KqQb7 {
  font: var(--body-large-bold);
}
.body-medium--VcrNu {
  font: var(--body-medium);
}
.body-medium--VcrNu b, .body-medium--VcrNu strong, .body-medium-bold--ZTXoH {
  font: var(--body-medium-bold);
}
.body-small--HO31H {
  font: var(--body-small);
}
.body-small--HO31H b, .body-small--HO31H strong, .body-small-bold--OhvqL {
  font: var(--body-small-bold);
}
.heading-one--vXgb5, .h1--DyGyz {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--vXgb5, .h1--DyGyz {
    font: var(--heading-one-desktop);
}
  }
.heading-two--Q5eza, .h2--HcaO2 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--Q5eza, .h2--HcaO2 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--Cbf7C, .h3--vFQJ9 {
  font: var(--heading-three);
}
.heading-four--GuDoY, .h4--snYdw {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--GuDoY, .h4--snYdw {
    font: var(--heading-four-desktop);
}
  }
.heading-five--kCPlA, .h5--FKA7g {
  font: var(--heading-five);
}
.heading-six--ArbCF, .h6--oq3Hh {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--ArbCF, .h6--oq3Hh {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--so9JJ {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--so9JJ {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--gJUXR {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--gJUXR {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--WgGn9 {
  font: var(--interface-primary);
}
.interface-secondary--wM7A1 {
  font: var(--interface-secondary);
}
.interface-error--YZUgi {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--YZUgi {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--Lm518 {
  font: var(--interface-caption);
}
.interface-heading--Gwx2M {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--Gwx2M {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--JIw3B {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--JIw3B {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--WADOd, a.a--WADOd, span.a--WADOd {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--WADOd:hover, a.a--WADOd:hover, span.a--WADOd:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--WADOd[data-underline-gap='medium'], span.a--WADOd[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--WADOd[data-underline-gap='small'], span.a--WADOd[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--WADOd[data-pseudo='true'], span.a--WADOd[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--WADOd[data-pseudo='true']:hover, span.a--WADOd[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--WADOd[data-secondary='true'], span.a--WADOd[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--WADOd[data-secondary='true']:hover, span.a--WADOd[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--WADOd[data-surface='positive'], span.a--WADOd[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='positive']:hover, span.a--WADOd[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--WADOd[data-surface='negative'], span.a--WADOd[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='negative']:hover, span.a--WADOd[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--WADOd[data-surface='warning'], span.a--WADOd[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='warning']:hover, span.a--WADOd[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--WADOd[data-surface='interactive'], span.a--WADOd[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='interactive']:hover, span.a--WADOd[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--WADOd[data-surface='placeholder'], span.a--WADOd[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='placeholder']:hover, span.a--WADOd[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--WADOd[data-surface='dim'], span.a--WADOd[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--WADOd[data-surface='dim']:hover, span.a--WADOd[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--WADOd[data-inverse='true'], span.a--WADOd[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--WADOd[data-inverse='true']:hover, span.a--WADOd[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--WADOd[data-secondary='true'][data-inverse='true'], span.a--WADOd[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--WADOd[data-secondary='true'][data-inverse='true']:hover, span.a--WADOd[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--AYL2d {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--Tkh3B, .default-link--eCJcz {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--eCJcz {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--g2_kw {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--g2_kw {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--FR4D6 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--FR4D6 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--eCJcz:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.searchMainPage--d0uy5 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh; /* фолбэк для браузеров, которые не поддерживают svh */
  height: 100svh;
  width: 100%;

  /* Делаем отступ на размер шапки, чтобы блок отображался ровно посередине экрана */
  margin-top: calc(-1 * var(--header-mobile-size));
}
@media (min-width: 760px) {
.searchMainPage--d0uy5 {
    margin-top: calc(-1 * var(--header-tablet-size));
}
  }
@media (min-width: 1024px) {
.searchMainPage--d0uy5 {
    margin-top: calc(-1 * var(--header-desktop-size));
}
  }
.gradient--Xk_5q {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: var(--color-gradient-purple);

  /* Радиус должен быть равен половине высоты экрана минус размер шапки */
  width: calc(100svh - 2 * var(--header-mobile-size));
  height: calc(100svh - 2 * var(--header-mobile-size));
}
@media (min-width: 760px) {
.gradient--Xk_5q {
    width: calc(100svh - 2 * var(--header-tablet-size));
    height: calc(100svh - 2 * var(--header-tablet-size));
}
  }
/* На этой ширине экрана у шапки появляется линия и градиент может заезжать под шапку */
@media (min-width: 1024px) {
.gradient--Xk_5q {
    width: 100vw;
    height: 100vw;
}
  }
.searchBlock--zCnyG {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 248px;
  max-width: 250px;
}
@media (min-width: 760px) {
.searchBlock--zCnyG {
    max-width: 349px;
}
  }
@media (min-width: 1024px) {
.searchBlock--zCnyG {
    max-width: 599px;
}
  }
.searchText--mQn4Q {
  font: var(--font-search-mobile);
  color: var(--color-text-title);
  margin-bottom: 20px;
}
@media (min-width: 760px) {
.searchText--mQn4Q {
    font: var(--font-search-tablet);
}
  }
.chevronDownBox--gbf0Y {
  position: absolute;
  height: 60px;
  margin-top: calc(100vh - 200px);
}
@media (min-width: 760px) {
.chevronDownBox--gbf0Y {
    margin-top: calc(100vh - 110px);
}
  }
.chevronDownBox--gbf0Y[data-hidden='true'] {
  display: none;
}
.chevronDown--GgPYH {
  height: 30px;
  width: 30px;
  opacity: 0;
  animation: chevron-down-goes-down--ybt1Q 4.6s ease-in-out infinite;
}
/*
Сначала идет задержка 3 секунды, потом стрелка анимированно спускается сверху вниз
на протяжении 800ms, потом еще раз спускается вниз. Полный цикл анимации занимает 4600ms
*/
@keyframes chevron-down-goes-down--ybt1Q {
  /*
  Начинаем с 65, т.к. задержку включаем в сами кадры.
  Тут начинается первый анимированный спуск стрелки.
  */
  65% {
    opacity: 0;
    transform: translateY(0);
  }

  73% {
    opacity: 0.8;
  }

  81% {
    opacity: 0;
    transform: translateY(30px);
  }

  /*
  Тут начинается второй анимированный спуск стрелки.
  */
  82% {
    opacity: 0;
    transform: translateY(0);
  }

  90% {
    opacity: 0.8;
  }

  98% {
    opacity: 0;
    transform: translateY(30px);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--RW_oI {
  font: var(--accent-number);
}
.accent-quote--Eh6Ob {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--Eh6Ob {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--aNE7I {
  font: var(--accent-static);
}
.accent-lead--zKfoS {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--zKfoS {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--PspB6 {
  font: var(--accent-impact);
}
.accent-bold--oW17N {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--oW17N {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--ahnRy {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--ahnRy {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--YUWSr {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--YUWSr {
    padding: 4px 2px;
}
  }
mark.highlight--YUWSr[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--TWLy6 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--TWLy6 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--TWLy6 b, .body-primary--TWLy6 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--TWLy6 b, .body-primary--TWLy6 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--iBwsE {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--iBwsE {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--iBwsE b, .body-secondary--iBwsE strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--iBwsE b, .body-secondary--iBwsE strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--Z2bdI {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Z2bdI {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--Z2bdI b, .body-extra-large--Z2bdI strong, .body-extra-large-bold--fJoPF {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Z2bdI b, .body-extra-large--Z2bdI strong, .body-extra-large-bold--fJoPF {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--lv3us {
  font: var(--body-large);
}
.body-large--lv3us b, .body-large--lv3us strong, .body-large-bold--WZetw {
  font: var(--body-large-bold);
}
.body-medium--H9piS {
  font: var(--body-medium);
}
.body-medium--H9piS b, .body-medium--H9piS strong, .body-medium-bold--MmC5T {
  font: var(--body-medium-bold);
}
.body-small--b2K59 {
  font: var(--body-small);
}
.body-small--b2K59 b, .body-small--b2K59 strong, .body-small-bold--jy1LT {
  font: var(--body-small-bold);
}
.heading-one--6HH2H, .h1--RnEUE {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--6HH2H, .h1--RnEUE {
    font: var(--heading-one-desktop);
}
  }
.heading-two--C0kV1, .h2--J4n7C {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--C0kV1, .h2--J4n7C {
    font: var(--heading-two-desktop);
}
  }
.heading-three--ljk2W, .h3--cIbgz {
  font: var(--heading-three);
}
.heading-four--OtfPd, .h4--YjlgH {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--OtfPd, .h4--YjlgH {
    font: var(--heading-four-desktop);
}
  }
.heading-five--b7LCf, .h5--M4ulf {
  font: var(--heading-five);
}
.heading-six--Ldniz, .h6--qOvbe {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--Ldniz, .h6--qOvbe {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--sAsrm {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--sAsrm {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--lDmUQ {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--lDmUQ {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--DS2Ad {
  font: var(--interface-primary);
}
.interface-secondary--i8oVb {
  font: var(--interface-secondary);
}
.interface-error--hPeKt {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--hPeKt {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--rP6bH {
  font: var(--interface-caption);
}
.interface-heading--MBcYf {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--MBcYf {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--i5Dtb {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--i5Dtb {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--FBzKE, a.a--FBzKE, span.a--FBzKE {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--FBzKE:hover, a.a--FBzKE:hover, span.a--FBzKE:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--FBzKE[data-underline-gap='medium'], span.a--FBzKE[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--FBzKE[data-underline-gap='small'], span.a--FBzKE[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--FBzKE[data-pseudo='true'], span.a--FBzKE[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--FBzKE[data-pseudo='true']:hover, span.a--FBzKE[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--FBzKE[data-secondary='true'], span.a--FBzKE[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--FBzKE[data-secondary='true']:hover, span.a--FBzKE[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--FBzKE[data-surface='positive'], span.a--FBzKE[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='positive']:hover, span.a--FBzKE[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--FBzKE[data-surface='negative'], span.a--FBzKE[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='negative']:hover, span.a--FBzKE[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--FBzKE[data-surface='warning'], span.a--FBzKE[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='warning']:hover, span.a--FBzKE[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--FBzKE[data-surface='interactive'], span.a--FBzKE[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='interactive']:hover, span.a--FBzKE[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--FBzKE[data-surface='placeholder'], span.a--FBzKE[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='placeholder']:hover, span.a--FBzKE[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--FBzKE[data-surface='dim'], span.a--FBzKE[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-surface='dim']:hover, span.a--FBzKE[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--FBzKE[data-inverse='true'], span.a--FBzKE[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--FBzKE[data-inverse='true']:hover, span.a--FBzKE[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--FBzKE[data-secondary='true'][data-inverse='true'], span.a--FBzKE[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--FBzKE[data-secondary='true'][data-inverse='true']:hover, span.a--FBzKE[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--eA6MC {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--xyClc, .default-link--pXXRb, .proof--cA92J {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--pXXRb {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--cdy0r {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--cdy0r {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--tUdBM, .title--cud1F {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--tUdBM, .title--cud1F {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--pXXRb:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--lWFve {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media (min-width: 760px) {
.root--lWFve {
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.root--lWFve {
    width: var(--block-desktop-width);
}
  }
.main--cVHwN {
  display: flex;
  flex-direction: column;
}
@media (min-width: 760px) {
.main--cVHwN {
    padding-right: 20px;
}
  }
.title--cud1F {
  margin-bottom: 25px;
}
@media (min-width: 760px) {
.title--cud1F {
    margin-bottom: 30px;
}
  }
.proof--cA92J {
  display: inline-block;
}
@media (min-width: 760px) {
.proof--cA92J {
    display: flex;
    flex-direction: column;
}
  }
.proof--cA92J:not(:last-child) {
  margin-bottom: 20px;
}
.boldText--pO5FJ {
  color: var(--color-text-title);
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--NM0a7 {
  font: var(--accent-number);
}
.accent-quote--BiD4f {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--BiD4f {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--qvrlh {
  font: var(--accent-static);
}
.accent-lead--n3TF3 {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--n3TF3 {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--tkXu_ {
  font: var(--accent-impact);
}
.accent-bold--m0wHo {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--m0wHo {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--xVzLc {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--xVzLc {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--KgDxS {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--KgDxS {
    padding: 4px 2px;
}
  }
mark.highlight--KgDxS[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--QSO1a {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--QSO1a {
    font: var(--body-primary-desktop);
}
  }
.body-primary--QSO1a b, .body-primary--QSO1a strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--QSO1a b, .body-primary--QSO1a strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--qtfIv {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--qtfIv {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--qtfIv b, .body-secondary--qtfIv strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--qtfIv b, .body-secondary--qtfIv strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--zw6w8 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--zw6w8 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--zw6w8 b, .body-extra-large--zw6w8 strong, .body-extra-large-bold--SLK_d {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--zw6w8 b, .body-extra-large--zw6w8 strong, .body-extra-large-bold--SLK_d {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--iykGf {
  font: var(--body-large);
}
.body-large--iykGf b, .body-large--iykGf strong, .body-large-bold--oHLhr {
  font: var(--body-large-bold);
}
.body-medium--Y_gZz {
  font: var(--body-medium);
}
.body-medium--Y_gZz b, .body-medium--Y_gZz strong, .body-medium-bold--_ZEoJ {
  font: var(--body-medium-bold);
}
.body-small--Wvz2u {
  font: var(--body-small);
}
.body-small--Wvz2u b, .body-small--Wvz2u strong, .body-small-bold--Emqqe {
  font: var(--body-small-bold);
}
.heading-one--jo_7t, .h1--VmaGi {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--jo_7t, .h1--VmaGi {
    font: var(--heading-one-desktop);
}
  }
.heading-two--mGhGL, .h2--Nspc3 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--mGhGL, .h2--Nspc3 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--zU8iC, .h3--GwXwi {
  font: var(--heading-three);
}
.heading-four--IWGDn, .h4--tqJfu {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--IWGDn, .h4--tqJfu {
    font: var(--heading-four-desktop);
}
  }
.heading-five--cAY9v, .h5--Z_rR6 {
  font: var(--heading-five);
}
.heading-six--g9Hyq, .h6--FYu_m {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--g9Hyq, .h6--FYu_m {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--CcvKj {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--CcvKj {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--MIAkR {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--MIAkR {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--BheI2 {
  font: var(--interface-primary);
}
.interface-secondary--PNhba {
  font: var(--interface-secondary);
}
.interface-error--oEIDX {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--oEIDX {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--zbfa7 {
  font: var(--interface-caption);
}
.interface-heading--cnJlU {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--cnJlU {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--zCAYa {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--zCAYa {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--Gkirg, a.a--Gkirg, span.a--Gkirg {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--Gkirg:hover, a.a--Gkirg:hover, span.a--Gkirg:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--Gkirg[data-underline-gap='medium'], span.a--Gkirg[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--Gkirg[data-underline-gap='small'], span.a--Gkirg[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--Gkirg[data-pseudo='true'], span.a--Gkirg[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--Gkirg[data-pseudo='true']:hover, span.a--Gkirg[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--Gkirg[data-secondary='true'], span.a--Gkirg[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--Gkirg[data-secondary='true']:hover, span.a--Gkirg[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--Gkirg[data-surface='positive'], span.a--Gkirg[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='positive']:hover, span.a--Gkirg[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--Gkirg[data-surface='negative'], span.a--Gkirg[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='negative']:hover, span.a--Gkirg[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--Gkirg[data-surface='warning'], span.a--Gkirg[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='warning']:hover, span.a--Gkirg[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--Gkirg[data-surface='interactive'], span.a--Gkirg[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='interactive']:hover, span.a--Gkirg[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--Gkirg[data-surface='placeholder'], span.a--Gkirg[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='placeholder']:hover, span.a--Gkirg[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--Gkirg[data-surface='dim'], span.a--Gkirg[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-surface='dim']:hover, span.a--Gkirg[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--Gkirg[data-inverse='true'], span.a--Gkirg[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--Gkirg[data-inverse='true']:hover, span.a--Gkirg[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--Gkirg[data-secondary='true'][data-inverse='true'], span.a--Gkirg[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--Gkirg[data-secondary='true'][data-inverse='true']:hover, span.a--Gkirg[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--u3iq8, .title--kJ2qj {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--OKf3d, .default-link--RRfuv, .text--GyIse {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--RRfuv {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--dK0C_ {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--dK0C_ {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--MARVB {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--MARVB {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--RRfuv:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.blockContainer--GIvId {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blackout--FUQFB {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-color: var(--color-blackout);
}
.root--ah1uR {
  position: relative;
  width: 100%;
  height: 260px;
  padding: 20px;
  border-radius: 30px;
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-default);
  overflow: clip;
  cursor: default;

  /* Чтобы правильно отображалась анимация, у карточек должна быть фиксированная одинаковая высота */
}
@media (min-width: 375px) {
.root--ah1uR {
    height: 235px;
}
  }
@media (min-width: 440px) {
.root--ah1uR {
    height: 210px;
}
  }
@media (min-width: 495px) {
.root--ah1uR {
    height: 185px;
}
  }
@media (min-width: 520px) {
.root--ah1uR {
    height: 160px;
}
  }
@media (min-width: 570px) {
.root--ah1uR {
    height: 135px;
}
  }
@media (min-width: 730px) {
.root--ah1uR {
    height: 110px;
}
  }
@media (min-width: 760px) {
.root--ah1uR {
    height: 135px;
    padding: 40px;
}
  }
/* Позиционирование */
.mobile--WSbIJ {
  display: flex;
  flex-direction: column;
}
@media (min-width: 760px) {
.mobile--WSbIJ {
    display: none;
}
  }
.tablet--ydpvU {
  display: none;
}
@media (min-width: 760px) {
.tablet--ydpvU {
    display: flex;
    justify-content: space-between;
}
  }
.horizontal--ikcyf {
  display: flex;
  justify-content: space-between;
}
.vertical--EqcWG {
  display: flex;
  flex-direction: column;
  max-width: 550px;
}
/* Стили текста */
.title--kJ2qj {
  z-index: 1;
  margin-bottom: 10px;
  max-width: 265px;
}
@media (min-width: 520px) {
.title--kJ2qj {
    max-width: 550px;
}
  }
.text--GyIse {
  z-index: 1;
}
/* Иконка */
.icon--xtXDu {
  position: relative;
  display: flex;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
}
@media (min-width: 760px) {
.icon--xtXDu {
    width: 50px;
    height: 50px;
}
  }
.icon--xtXDu img {
  z-index: 1;
}
/* Градиент */
.gradient--IqY2b {
  --block-mobile-padding: 75px;
  position: absolute;
  left: calc(50% + var(--block-mobile-padding));
  top: calc(50% - var(--block-mobile-padding));
  transform: translate(-50%, -50%);
  background-image: var(--color-gradient-green);
  width: 350px;
  height: 350px;
}
@media (min-width: 760px) {
.gradient--IqY2b {
    left: 50%;
    top: 50%;
    width: 348px;
    height: 348px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--pLKxG {
  font: var(--accent-number);
}
.accent-quote--odK5e {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--odK5e {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Gmdng {
  font: var(--accent-static);
}
.accent-lead--RsMIt {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--RsMIt {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--gda2H {
  font: var(--accent-impact);
}
.accent-bold--Qllx1 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--Qllx1 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--B3H_9 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--B3H_9 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--oPJdE {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--oPJdE {
    padding: 4px 2px;
}
  }
mark.highlight--oPJdE[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--aRj3g {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--aRj3g {
    font: var(--body-primary-desktop);
}
  }
.body-primary--aRj3g b, .body-primary--aRj3g strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--aRj3g b, .body-primary--aRj3g strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--hB6us {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--hB6us {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--hB6us b, .body-secondary--hB6us strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--hB6us b, .body-secondary--hB6us strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--eCTaa {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--eCTaa {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--eCTaa b, .body-extra-large--eCTaa strong, .body-extra-large-bold--EEAVr {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--eCTaa b, .body-extra-large--eCTaa strong, .body-extra-large-bold--EEAVr {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--ygu1D {
  font: var(--body-large);
}
.body-large--ygu1D b, .body-large--ygu1D strong, .body-large-bold--waR3S {
  font: var(--body-large-bold);
}
.body-medium--XDYFt {
  font: var(--body-medium);
}
.body-medium--XDYFt b, .body-medium--XDYFt strong, .body-medium-bold--bjT5t {
  font: var(--body-medium-bold);
}
.body-small--_Cfww {
  font: var(--body-small);
}
.body-small--_Cfww b, .body-small--_Cfww strong, .body-small-bold--DodZF {
  font: var(--body-small-bold);
}
.heading-one--njiUg, .h1--INTOx {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--njiUg, .h1--INTOx {
    font: var(--heading-one-desktop);
}
  }
.heading-two--iK6TU, .h2--JyKGn {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--iK6TU, .h2--JyKGn {
    font: var(--heading-two-desktop);
}
  }
.heading-three--QaiIE, .h3--xKRbK {
  font: var(--heading-three);
}
.heading-four--N2XQd, .h4--rDrGo {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--N2XQd, .h4--rDrGo {
    font: var(--heading-four-desktop);
}
  }
.heading-five--EUb41, .h5--zL9RV {
  font: var(--heading-five);
}
.heading-six--fVcyP, .h6--eezaR {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--fVcyP, .h6--eezaR {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--zldY9 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--zldY9 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--NL8B9 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--NL8B9 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--Pgv4B {
  font: var(--interface-primary);
}
.interface-secondary--VVZaM {
  font: var(--interface-secondary);
}
.interface-error--Sngnw {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Sngnw {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--hZ0US {
  font: var(--interface-caption);
}
.interface-heading--b0hog {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--b0hog {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--zkRgh {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--zkRgh {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--R8xjk, a.a--R8xjk, span.a--R8xjk {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--R8xjk:hover, a.a--R8xjk:hover, span.a--R8xjk:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--R8xjk[data-underline-gap='medium'], span.a--R8xjk[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--R8xjk[data-underline-gap='small'], span.a--R8xjk[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--R8xjk[data-pseudo='true'], span.a--R8xjk[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--R8xjk[data-pseudo='true']:hover, span.a--R8xjk[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--R8xjk[data-secondary='true'], span.a--R8xjk[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--R8xjk[data-secondary='true']:hover, span.a--R8xjk[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--R8xjk[data-surface='positive'], span.a--R8xjk[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='positive']:hover, span.a--R8xjk[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--R8xjk[data-surface='negative'], span.a--R8xjk[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='negative']:hover, span.a--R8xjk[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--R8xjk[data-surface='warning'], span.a--R8xjk[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='warning']:hover, span.a--R8xjk[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--R8xjk[data-surface='interactive'], span.a--R8xjk[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='interactive']:hover, span.a--R8xjk[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--R8xjk[data-surface='placeholder'], span.a--R8xjk[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='placeholder']:hover, span.a--R8xjk[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--R8xjk[data-surface='dim'], span.a--R8xjk[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-surface='dim']:hover, span.a--R8xjk[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--R8xjk[data-inverse='true'], span.a--R8xjk[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--R8xjk[data-inverse='true']:hover, span.a--R8xjk[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--R8xjk[data-secondary='true'][data-inverse='true'], span.a--R8xjk[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--R8xjk[data-secondary='true'][data-inverse='true']:hover, span.a--R8xjk[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--eXpYP {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--gKGWD, .default-link--B5mGI {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--B5mGI {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--pBOar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--pBOar {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--CoW4S, .title--JOtJo {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--CoW4S, .title--JOtJo {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--B5mGI:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--I1NOk {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 760px) {
.root--I1NOk {
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.root--I1NOk {
    width: var(--block-desktop-width);
}
  }
.title--JOtJo {
  margin-bottom: 5px;
}
@media (min-width: 760px) {
.title--JOtJo {
    margin-bottom: 10px;
}
  }
.proofs--ioANh {
  position: relative;
  margin-bottom: 80px;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--_RI9c {
  font: var(--accent-number);
}
.accent-quote--VHJr6 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--VHJr6 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--L4oO8 {
  font: var(--accent-static);
}
.accent-lead--QNQy1 {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--QNQy1 {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--btCv7 {
  font: var(--accent-impact);
}
.accent-bold--dgGhH {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--dgGhH {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--Y40Wh {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--Y40Wh {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--nC3sj {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--nC3sj {
    padding: 4px 2px;
}
  }
mark.highlight--nC3sj[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--JMV7p {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--JMV7p {
    font: var(--body-primary-desktop);
}
  }
.body-primary--JMV7p b, .body-primary--JMV7p strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--JMV7p b, .body-primary--JMV7p strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--zmut_ {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--zmut_ {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--zmut_ b, .body-secondary--zmut_ strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--zmut_ b, .body-secondary--zmut_ strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--Kz7AV {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Kz7AV {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--Kz7AV b, .body-extra-large--Kz7AV strong, .body-extra-large-bold--KlEec {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Kz7AV b, .body-extra-large--Kz7AV strong, .body-extra-large-bold--KlEec {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--XcCDP {
  font: var(--body-large);
}
.body-large--XcCDP b, .body-large--XcCDP strong, .body-large-bold--kZ3jy {
  font: var(--body-large-bold);
}
.body-medium--_aM5j {
  font: var(--body-medium);
}
.body-medium--_aM5j b, .body-medium--_aM5j strong, .body-medium-bold--S0mVR {
  font: var(--body-medium-bold);
}
.body-small--sgQN7 {
  font: var(--body-small);
}
.body-small--sgQN7 b, .body-small--sgQN7 strong, .body-small-bold--gFIcE {
  font: var(--body-small-bold);
}
.heading-one--t5Nma, .h1--AB4mb {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--t5Nma, .h1--AB4mb {
    font: var(--heading-one-desktop);
}
  }
.heading-two--cW9h2, .h2--igb6Y {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--cW9h2, .h2--igb6Y {
    font: var(--heading-two-desktop);
}
  }
.heading-three--GLdHy, .h3--eU_6W {
  font: var(--heading-three);
}
.heading-four--IM6PO, .h4--PTjid {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--IM6PO, .h4--PTjid {
    font: var(--heading-four-desktop);
}
  }
.heading-five--tPXiD, .h5--PEw6e {
  font: var(--heading-five);
}
.heading-six--RwgN7, .h6--tcjkZ {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--RwgN7, .h6--tcjkZ {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--Suhx_ {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--Suhx_ {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--GDQDG {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--GDQDG {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--Sd2tp {
  font: var(--interface-primary);
}
.interface-secondary--bGT6K {
  font: var(--interface-secondary);
}
.interface-error--ev1dX {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--ev1dX {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--MInwd {
  font: var(--interface-caption);
}
.interface-heading--RlUec {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--RlUec {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--yP4Xd {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--yP4Xd {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--kyHr0, a.a--kyHr0, span.a--kyHr0 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--kyHr0:hover, a.a--kyHr0:hover, span.a--kyHr0:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--kyHr0[data-underline-gap='medium'], span.a--kyHr0[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--kyHr0[data-underline-gap='small'], span.a--kyHr0[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--kyHr0[data-pseudo='true'], span.a--kyHr0[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--kyHr0[data-pseudo='true']:hover, span.a--kyHr0[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--kyHr0[data-secondary='true'], span.a--kyHr0[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--kyHr0[data-secondary='true']:hover, span.a--kyHr0[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--kyHr0[data-surface='positive'], span.a--kyHr0[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='positive']:hover, span.a--kyHr0[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--kyHr0[data-surface='negative'], span.a--kyHr0[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='negative']:hover, span.a--kyHr0[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--kyHr0[data-surface='warning'], span.a--kyHr0[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='warning']:hover, span.a--kyHr0[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--kyHr0[data-surface='interactive'], span.a--kyHr0[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='interactive']:hover, span.a--kyHr0[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--kyHr0[data-surface='placeholder'], span.a--kyHr0[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='placeholder']:hover, span.a--kyHr0[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--kyHr0[data-surface='dim'], span.a--kyHr0[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-surface='dim']:hover, span.a--kyHr0[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--kyHr0[data-inverse='true'], span.a--kyHr0[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--kyHr0[data-inverse='true']:hover, span.a--kyHr0[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--kyHr0[data-secondary='true'][data-inverse='true'], span.a--kyHr0[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--kyHr0[data-secondary='true'][data-inverse='true']:hover, span.a--kyHr0[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--TYdrp {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--an1L2, .default-link--qeQvi, .text--Ih5n9 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--qeQvi {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--rVN5A {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--rVN5A {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--KidK_, .title--GNiu1 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--KidK_, .title--GNiu1 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--qeQvi:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--Tguzz {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 760px) {
.root--Tguzz {
    width: 680px;
    padding-right: 20px;
}
  }
@media (min-width: 820px) {
.root--Tguzz {
    width: 740px;
    padding-right: 20px;
}
  }
.title--GNiu1 {
  margin-bottom: 15px;
}
@media (min-width: 760px) {
.title--GNiu1 {
    margin-bottom: 20px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--DdEhw {
  font: var(--accent-number);
}
.accent-quote--tF4zY {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--tF4zY {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--PAeYm {
  font: var(--accent-static);
}
.accent-lead--ADeCE {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--ADeCE {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--xb9QB {
  font: var(--accent-impact);
}
.accent-bold--Vmjuc {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--Vmjuc {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--VBS3Z {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--VBS3Z {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--WLKJZ {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--WLKJZ {
    padding: 4px 2px;
}
  }
mark.highlight--WLKJZ[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--Xg7SA {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--Xg7SA {
    font: var(--body-primary-desktop);
}
  }
.body-primary--Xg7SA b, .body-primary--Xg7SA strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--Xg7SA b, .body-primary--Xg7SA strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--zokJC {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--zokJC {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--zokJC b, .body-secondary--zokJC strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--zokJC b, .body-secondary--zokJC strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--dsjF1 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dsjF1 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--dsjF1 b, .body-extra-large--dsjF1 strong, .body-extra-large-bold--nUA3K {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dsjF1 b, .body-extra-large--dsjF1 strong, .body-extra-large-bold--nUA3K {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--FPwtV {
  font: var(--body-large);
}
.body-large--FPwtV b, .body-large--FPwtV strong, .body-large-bold--vYwTT {
  font: var(--body-large-bold);
}
.body-medium--IPSdr {
  font: var(--body-medium);
}
.body-medium--IPSdr b, .body-medium--IPSdr strong, .body-medium-bold--uuCGn {
  font: var(--body-medium-bold);
}
.body-small--A7hXR {
  font: var(--body-small);
}
.body-small--A7hXR b, .body-small--A7hXR strong, .body-small-bold--KOscW {
  font: var(--body-small-bold);
}
.heading-one--BI615, .h1--p_X4G {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--BI615, .h1--p_X4G {
    font: var(--heading-one-desktop);
}
  }
.heading-two--xxZMC, .h2--zSbG2 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--xxZMC, .h2--zSbG2 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--5gAP0, .h3--Ku2Q1 {
  font: var(--heading-three);
}
.heading-four--mwD3S, .h4--AujFg {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--mwD3S, .h4--AujFg {
    font: var(--heading-four-desktop);
}
  }
.heading-five--SWadI, .h5--bfyK7 {
  font: var(--heading-five);
}
.heading-six--FznAJ, .h6--CtlSO {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--FznAJ, .h6--CtlSO {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--Ylule {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--Ylule {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--QvlUZ {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--QvlUZ {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--KLrO8 {
  font: var(--interface-primary);
}
.interface-secondary--ailmq {
  font: var(--interface-secondary);
}
.interface-error--ZUHpP {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--ZUHpP {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--ZcdKA {
  font: var(--interface-caption);
}
.interface-heading--M3PdQ {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--M3PdQ {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--tgZzW {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--tgZzW {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--fflLm, a.a--fflLm, span.a--fflLm {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--fflLm:hover, a.a--fflLm:hover, span.a--fflLm:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--fflLm[data-underline-gap='medium'], span.a--fflLm[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--fflLm[data-underline-gap='small'], span.a--fflLm[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--fflLm[data-pseudo='true'], span.a--fflLm[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--fflLm[data-pseudo='true']:hover, span.a--fflLm[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--fflLm[data-secondary='true'], span.a--fflLm[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--fflLm[data-secondary='true']:hover, span.a--fflLm[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--fflLm[data-surface='positive'], span.a--fflLm[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='positive']:hover, span.a--fflLm[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--fflLm[data-surface='negative'], span.a--fflLm[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='negative']:hover, span.a--fflLm[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--fflLm[data-surface='warning'], span.a--fflLm[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='warning']:hover, span.a--fflLm[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--fflLm[data-surface='interactive'], span.a--fflLm[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='interactive']:hover, span.a--fflLm[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--fflLm[data-surface='placeholder'], span.a--fflLm[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='placeholder']:hover, span.a--fflLm[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--fflLm[data-surface='dim'], span.a--fflLm[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--fflLm[data-surface='dim']:hover, span.a--fflLm[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--fflLm[data-inverse='true'], span.a--fflLm[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--fflLm[data-inverse='true']:hover, span.a--fflLm[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--fflLm[data-secondary='true'][data-inverse='true'], span.a--fflLm[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--fflLm[data-secondary='true'][data-inverse='true']:hover, span.a--fflLm[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--Tp7iq {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--cUzaY, .default-link--fpfpt {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--fpfpt {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--OY02r {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--OY02r {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--KCjxG {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--KCjxG {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--fpfpt:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.screenshotBlock--KrYY5 {
  z-index: 1;
  border-radius: 60px;
  overflow: clip;
  height: 645px;
  width: 315px;
}
@media (min-width: 760px) {
.screenshotBlock--KrYY5 {
    border-radius: 12px;
    height: 480px;
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.screenshotBlock--KrYY5 {
    width: var(--block-desktop-width);
}
  }
.frame--H20_y {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.screenshot--iZEmy {
  position: relative;
  width: 281px;

  /*
  На мобиле края рамки слишком большие и нужно сделать
  отступ, чтобы скриншоты был посередине экрана
  */
  margin-left: 17px;
}
@media (min-width: 760px) {
.screenshot--iZEmy {
    margin-left: 0;
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.screenshot--iZEmy {
    width: var(--block-desktop-width);
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--qXTAF {
  font: var(--accent-number);
}
.accent-quote--FIKxM {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--FIKxM {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--HhETa {
  font: var(--accent-static);
}
.accent-lead--kYepm {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--kYepm {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--R6eBc {
  font: var(--accent-impact);
}
.accent-bold--SYcOR {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--SYcOR {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--hZuUf {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--hZuUf {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--H17Lk {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--H17Lk {
    padding: 4px 2px;
}
  }
mark.highlight--H17Lk[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--i8CtJ {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--i8CtJ {
    font: var(--body-primary-desktop);
}
  }
.body-primary--i8CtJ b, .body-primary--i8CtJ strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--i8CtJ b, .body-primary--i8CtJ strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--bda9y {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--bda9y {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--bda9y b, .body-secondary--bda9y strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--bda9y b, .body-secondary--bda9y strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--oGzcg {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--oGzcg {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--oGzcg b, .body-extra-large--oGzcg strong, .body-extra-large-bold--mXovr {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--oGzcg b, .body-extra-large--oGzcg strong, .body-extra-large-bold--mXovr {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--BlX29 {
  font: var(--body-large);
}
.body-large--BlX29 b, .body-large--BlX29 strong, .body-large-bold--Gql9r {
  font: var(--body-large-bold);
}
.body-medium--Uu24p {
  font: var(--body-medium);
}
.body-medium--Uu24p b, .body-medium--Uu24p strong, .body-medium-bold--APUVk {
  font: var(--body-medium-bold);
}
.body-small--HdbhA {
  font: var(--body-small);
}
.body-small--HdbhA b, .body-small--HdbhA strong, .body-small-bold--r23Nn {
  font: var(--body-small-bold);
}
.heading-one--xF_2O, .h1--aHf5j {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--xF_2O, .h1--aHf5j {
    font: var(--heading-one-desktop);
}
  }
.heading-two--enQnU, .h2--BzxRO {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--enQnU, .h2--BzxRO {
    font: var(--heading-two-desktop);
}
  }
.heading-three--DCK2U, .h3--xPmhr {
  font: var(--heading-three);
}
.heading-four--GRyWs, .h4--VywlL {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--GRyWs, .h4--VywlL {
    font: var(--heading-four-desktop);
}
  }
.heading-five--CyowP, .h5--O_Eu_ {
  font: var(--heading-five);
}
.heading-six--dwj15, .h6--A1riK {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--dwj15, .h6--A1riK {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--w159D {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--w159D {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--EXzw6 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--EXzw6 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--Jk1pn {
  font: var(--interface-primary);
}
.interface-secondary--aQY6V {
  font: var(--interface-secondary);
}
.interface-error--lr9Fr {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--lr9Fr {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--AwQHa {
  font: var(--interface-caption);
}
.interface-heading--TUg_1 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--TUg_1 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--hcblC {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--hcblC {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--KJpfW, a.a--KJpfW, span.a--KJpfW {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--KJpfW:hover, a.a--KJpfW:hover, span.a--KJpfW:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--KJpfW[data-underline-gap='medium'], span.a--KJpfW[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--KJpfW[data-underline-gap='small'], span.a--KJpfW[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--KJpfW[data-pseudo='true'], span.a--KJpfW[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--KJpfW[data-pseudo='true']:hover, span.a--KJpfW[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--KJpfW[data-secondary='true'], span.a--KJpfW[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--KJpfW[data-secondary='true']:hover, span.a--KJpfW[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--KJpfW[data-surface='positive'], span.a--KJpfW[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='positive']:hover, span.a--KJpfW[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--KJpfW[data-surface='negative'], span.a--KJpfW[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='negative']:hover, span.a--KJpfW[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--KJpfW[data-surface='warning'], span.a--KJpfW[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='warning']:hover, span.a--KJpfW[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--KJpfW[data-surface='interactive'], span.a--KJpfW[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='interactive']:hover, span.a--KJpfW[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--KJpfW[data-surface='placeholder'], span.a--KJpfW[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='placeholder']:hover, span.a--KJpfW[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--KJpfW[data-surface='dim'], span.a--KJpfW[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-surface='dim']:hover, span.a--KJpfW[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--KJpfW[data-inverse='true'], span.a--KJpfW[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--KJpfW[data-inverse='true']:hover, span.a--KJpfW[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--KJpfW[data-secondary='true'][data-inverse='true'], span.a--KJpfW[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--KJpfW[data-secondary='true'][data-inverse='true']:hover, span.a--KJpfW[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--w4zKW {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--yZFPC, .default-link--AzajG {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--AzajG {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--v_9MK {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--v_9MK {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--eurN5 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--eurN5 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--AzajG:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.mobile--j5206 {
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 760px) {
.mobile--j5206 {
    display: none;
}
  }
.tablet--bOLAY {
  display: none;
}
@media (min-width: 760px) {
.tablet--bOLAY {
    z-index: 1;
    display: flex;
    flex-direction: column;
}
  }
@media (min-width: 820px) {
.tablet--bOLAY {
    display: none;
}
  }
.desktop--ne0Bq {
  display: none;
}
@media (min-width: 820px) {
.desktop--ne0Bq {
    z-index: 1;
    display: flex;
    flex-direction: column;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--K6I_U {
  font: var(--accent-number);
}
.accent-quote--JPO9n {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--JPO9n {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--mGYZe {
  font: var(--accent-static);
}
.accent-lead--_NEXc {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--_NEXc {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--NRoos {
  font: var(--accent-impact);
}
.accent-bold--KBuso {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--KBuso {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--TTqXu {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--TTqXu {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--CBdB9 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--CBdB9 {
    padding: 4px 2px;
}
  }
mark.highlight--CBdB9[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--xiBy3 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--xiBy3 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--xiBy3 b, .body-primary--xiBy3 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--xiBy3 b, .body-primary--xiBy3 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--bGVV5 {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--bGVV5 {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--bGVV5 b, .body-secondary--bGVV5 strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--bGVV5 b, .body-secondary--bGVV5 strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--loHbH {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--loHbH {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--loHbH b, .body-extra-large--loHbH strong, .body-extra-large-bold--AH7dz {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--loHbH b, .body-extra-large--loHbH strong, .body-extra-large-bold--AH7dz {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--lSecK {
  font: var(--body-large);
}
.body-large--lSecK b, .body-large--lSecK strong, .body-large-bold--qZeSv {
  font: var(--body-large-bold);
}
.body-medium--bOxzm {
  font: var(--body-medium);
}
.body-medium--bOxzm b, .body-medium--bOxzm strong, .body-medium-bold--B08P3 {
  font: var(--body-medium-bold);
}
.body-small--J_gO2 {
  font: var(--body-small);
}
.body-small--J_gO2 b, .body-small--J_gO2 strong, .body-small-bold--CbxJu {
  font: var(--body-small-bold);
}
.heading-one--octrG, .h1--pJkyS {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--octrG, .h1--pJkyS {
    font: var(--heading-one-desktop);
}
  }
.heading-two--zOTRM, .h2--Quz7j {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--zOTRM, .h2--Quz7j {
    font: var(--heading-two-desktop);
}
  }
.heading-three--t3rHX, .h3--ZRmLH {
  font: var(--heading-three);
}
.heading-four--Vp3LF, .h4--YaGeD {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--Vp3LF, .h4--YaGeD {
    font: var(--heading-four-desktop);
}
  }
.heading-five--UJgFW, .h5--OoDAx {
  font: var(--heading-five);
}
.heading-six--drqZ9, .h6--k1jh1 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--drqZ9, .h6--k1jh1 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--PtHNm {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--PtHNm {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--VWcB2 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--VWcB2 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--tyjZr {
  font: var(--interface-primary);
}
.interface-secondary--REjm9 {
  font: var(--interface-secondary);
}
.interface-error--Vwdyk {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Vwdyk {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--MKsx1 {
  font: var(--interface-caption);
}
.interface-heading--cnEeH {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--cnEeH {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--J_iTS {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--J_iTS {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--xRehL, a.a--xRehL, span.a--xRehL {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--xRehL:hover, a.a--xRehL:hover, span.a--xRehL:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--xRehL[data-underline-gap='medium'], span.a--xRehL[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--xRehL[data-underline-gap='small'], span.a--xRehL[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--xRehL[data-pseudo='true'], span.a--xRehL[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--xRehL[data-pseudo='true']:hover, span.a--xRehL[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--xRehL[data-secondary='true'], span.a--xRehL[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--xRehL[data-secondary='true']:hover, span.a--xRehL[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--xRehL[data-surface='positive'], span.a--xRehL[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='positive']:hover, span.a--xRehL[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--xRehL[data-surface='negative'], span.a--xRehL[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='negative']:hover, span.a--xRehL[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--xRehL[data-surface='warning'], span.a--xRehL[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='warning']:hover, span.a--xRehL[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--xRehL[data-surface='interactive'], span.a--xRehL[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='interactive']:hover, span.a--xRehL[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--xRehL[data-surface='placeholder'], span.a--xRehL[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='placeholder']:hover, span.a--xRehL[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--xRehL[data-surface='dim'], span.a--xRehL[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--xRehL[data-surface='dim']:hover, span.a--xRehL[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--xRehL[data-inverse='true'], span.a--xRehL[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--xRehL[data-inverse='true']:hover, span.a--xRehL[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--xRehL[data-secondary='true'][data-inverse='true'], span.a--xRehL[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--xRehL[data-secondary='true'][data-inverse='true']:hover, span.a--xRehL[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--BKgjp {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--nVhmn, .default-link--KxSY8 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--KxSY8 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--NUfei {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--NUfei {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--eLtAO, .title--sqReV {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--eLtAO, .title--sqReV {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--KxSY8:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Позиционирование */
.root--gLY8V {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 760px) {
.root--gLY8V {
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.root--gLY8V {
    width: var(--block-desktop-width);
}
  }
.screen--c90uj {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 645px;
}
@media (min-width: 760px) {
.screen--c90uj {
    height: 480px;
}
  }
/* Заголовок */
.title--sqReV {
  position: relative;
  z-index: 1;
  margin-bottom: 25px;
}
@media (min-width: 760px) {
.title--sqReV {
    margin-bottom: 30px;
}
  }
/* Градиент */
.gradient--iKn7K {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: var(--color-gradient-white);
  width: 588px;
  height: 588px;
}
@media (min-width: 760px) {
.gradient--iKn7K {
    width: 920px;
    height: 920px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--Qyv4D {
  font: var(--accent-number);
}
.accent-quote--qjNsb {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--qjNsb {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--w1iFE {
  font: var(--accent-static);
}
.accent-lead--FTgtm {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--FTgtm {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--utVhW {
  font: var(--accent-impact);
}
.accent-bold--Taona {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--Taona {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--TDOgX {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--TDOgX {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--ADFW3 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--ADFW3 {
    padding: 4px 2px;
}
  }
mark.highlight--ADFW3[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--rpclK {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--rpclK {
    font: var(--body-primary-desktop);
}
  }
.body-primary--rpclK b, .body-primary--rpclK strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--rpclK b, .body-primary--rpclK strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--njUPb {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--njUPb {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--njUPb b, .body-secondary--njUPb strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--njUPb b, .body-secondary--njUPb strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--gjrpA {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--gjrpA {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--gjrpA b, .body-extra-large--gjrpA strong, .body-extra-large-bold--Rzdi8 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--gjrpA b, .body-extra-large--gjrpA strong, .body-extra-large-bold--Rzdi8 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--Cmz3V {
  font: var(--body-large);
}
.body-large--Cmz3V b, .body-large--Cmz3V strong, .body-large-bold--Dl1Tz {
  font: var(--body-large-bold);
}
.body-medium--Po1C7 {
  font: var(--body-medium);
}
.body-medium--Po1C7 b, .body-medium--Po1C7 strong, .body-medium-bold--2wQOB {
  font: var(--body-medium-bold);
}
.body-small--j17Pa {
  font: var(--body-small);
}
.body-small--j17Pa b, .body-small--j17Pa strong, .body-small-bold--DNrK6 {
  font: var(--body-small-bold);
}
.heading-one--nXRut, .h1--N57ua {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--nXRut, .h1--N57ua {
    font: var(--heading-one-desktop);
}
  }
.heading-two--FvMHM, .h2--JrueA {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--FvMHM, .h2--JrueA {
    font: var(--heading-two-desktop);
}
  }
.heading-three--JNghL, .h3--IasHC {
  font: var(--heading-three);
}
.heading-four--d5OcD, .h4--bFDFF {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--d5OcD, .h4--bFDFF {
    font: var(--heading-four-desktop);
}
  }
.heading-five--a_NKk, .h5--DTF4y {
  font: var(--heading-five);
}
.heading-six--OxOpp, .h6--j5Tal {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--OxOpp, .h6--j5Tal {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--vNtP3 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--vNtP3 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--A1bnb {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--A1bnb {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--HM1AY {
  font: var(--interface-primary);
}
.interface-secondary--OBNYZ {
  font: var(--interface-secondary);
}
.interface-error--zAjDV {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--zAjDV {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--GiIzM {
  font: var(--interface-caption);
}
.interface-heading--jdEXd {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--jdEXd {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--aMAVy {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--aMAVy {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--C1KvD, a.a--C1KvD, span.a--C1KvD {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--C1KvD:hover, a.a--C1KvD:hover, span.a--C1KvD:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--C1KvD[data-underline-gap='medium'], span.a--C1KvD[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--C1KvD[data-underline-gap='small'], span.a--C1KvD[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--C1KvD[data-pseudo='true'], span.a--C1KvD[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--C1KvD[data-pseudo='true']:hover, span.a--C1KvD[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--C1KvD[data-secondary='true'], span.a--C1KvD[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--C1KvD[data-secondary='true']:hover, span.a--C1KvD[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--C1KvD[data-surface='positive'], span.a--C1KvD[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='positive']:hover, span.a--C1KvD[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--C1KvD[data-surface='negative'], span.a--C1KvD[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='negative']:hover, span.a--C1KvD[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--C1KvD[data-surface='warning'], span.a--C1KvD[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='warning']:hover, span.a--C1KvD[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--C1KvD[data-surface='interactive'], span.a--C1KvD[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='interactive']:hover, span.a--C1KvD[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--C1KvD[data-surface='placeholder'], span.a--C1KvD[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='placeholder']:hover, span.a--C1KvD[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--C1KvD[data-surface='dim'], span.a--C1KvD[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-surface='dim']:hover, span.a--C1KvD[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--C1KvD[data-inverse='true'], span.a--C1KvD[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--C1KvD[data-inverse='true']:hover, span.a--C1KvD[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--C1KvD[data-secondary='true'][data-inverse='true'], span.a--C1KvD[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--C1KvD[data-secondary='true'][data-inverse='true']:hover, span.a--C1KvD[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--p2wSp {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--JIFbH, .default-link--czijG, .description--tjGPM a {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--czijG, .description--tjGPM a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--KBo5R {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--KBo5R {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--v2bQ_ {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--v2bQ_ {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--czijG:hover, .description--tjGPM a:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.block--M_ppE {
  display: flex;
}
.image--aJEzh {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
@media (min-width: 760px) {
.image--aJEzh {
    left: -5px;
    width: 80px;
    height: 80px;
    margin-right: 15px;
}
  }
.text--jcg43 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 760px) {
.text--jcg43 {
    width: 250px;
}
  }
@media (min-width: 820px) {
.text--jcg43 {
    width: 280px;
}
  }
.name--n0sId {
  font: var(--font-experts-name);
  color: var(--color-text-title);
  margin-bottom: 2px;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
@media (min-width: 760px) {
.name--n0sId {
    margin-bottom: 0;
}
  }
.description--tjGPM {
  font: var(--font-default-medium);
  color: var(--color-text-default);
}
.description--tjGPM a {
  font: var(--font-default-medium);
}
@media (hover: hover) {
  .name--n0sId:hover {
    color: var(--color-text-expert-name-hover);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--UDI7x {
  font: var(--accent-number);
}
.accent-quote--Zl6NM {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--Zl6NM {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Y7DoG {
  font: var(--accent-static);
}
.accent-lead--GRWtO {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--GRWtO {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--Ee6Gw {
  font: var(--accent-impact);
}
.accent-bold--v_ByV {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--v_ByV {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--M1Rif {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--M1Rif {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--kZWA_ {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--kZWA_ {
    padding: 4px 2px;
}
  }
mark.highlight--kZWA_[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--NP6V9 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--NP6V9 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--NP6V9 b, .body-primary--NP6V9 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--NP6V9 b, .body-primary--NP6V9 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--EEARd {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--EEARd {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--EEARd b, .body-secondary--EEARd strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--EEARd b, .body-secondary--EEARd strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--jJESf {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--jJESf {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--jJESf b, .body-extra-large--jJESf strong, .body-extra-large-bold--T93au {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--jJESf b, .body-extra-large--jJESf strong, .body-extra-large-bold--T93au {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--z6Lba {
  font: var(--body-large);
}
.body-large--z6Lba b, .body-large--z6Lba strong, .body-large-bold--SNlla {
  font: var(--body-large-bold);
}
.body-medium--PGIpl {
  font: var(--body-medium);
}
.body-medium--PGIpl b, .body-medium--PGIpl strong, .body-medium-bold--E4N6S {
  font: var(--body-medium-bold);
}
.body-small--o6mps {
  font: var(--body-small);
}
.body-small--o6mps b, .body-small--o6mps strong, .body-small-bold--JfUuj {
  font: var(--body-small-bold);
}
.heading-one--yYidM, .h1--kdUXU {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--yYidM, .h1--kdUXU {
    font: var(--heading-one-desktop);
}
  }
.heading-two--Vztd0, .h2--YKAwS {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--Vztd0, .h2--YKAwS {
    font: var(--heading-two-desktop);
}
  }
.heading-three--oOa7Z, .h3--MHpX3 {
  font: var(--heading-three);
}
.heading-four--a443D, .h4--nd3Vd {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--a443D, .h4--nd3Vd {
    font: var(--heading-four-desktop);
}
  }
.heading-five--lj3mF, .h5--zKF5z {
  font: var(--heading-five);
}
.heading-six--zymJ8, .h6--EbKxV {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--zymJ8, .h6--EbKxV {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--ShnOm {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--ShnOm {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--CHhEE {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--CHhEE {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--sl7fA {
  font: var(--interface-primary);
}
.interface-secondary--EXj7a {
  font: var(--interface-secondary);
}
.interface-error--Rzu_3 {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Rzu_3 {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--XlGli {
  font: var(--interface-caption);
}
.interface-heading--DoE4v {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--DoE4v {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--E2yeK {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--E2yeK {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--N5T4r, a.a--N5T4r, span.a--N5T4r {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--N5T4r:hover, a.a--N5T4r:hover, span.a--N5T4r:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--N5T4r[data-underline-gap='medium'], span.a--N5T4r[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--N5T4r[data-underline-gap='small'], span.a--N5T4r[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--N5T4r[data-pseudo='true'], span.a--N5T4r[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--N5T4r[data-pseudo='true']:hover, span.a--N5T4r[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--N5T4r[data-secondary='true'], span.a--N5T4r[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--N5T4r[data-secondary='true']:hover, span.a--N5T4r[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--N5T4r[data-surface='positive'], span.a--N5T4r[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='positive']:hover, span.a--N5T4r[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--N5T4r[data-surface='negative'], span.a--N5T4r[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='negative']:hover, span.a--N5T4r[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--N5T4r[data-surface='warning'], span.a--N5T4r[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='warning']:hover, span.a--N5T4r[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--N5T4r[data-surface='interactive'], span.a--N5T4r[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='interactive']:hover, span.a--N5T4r[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--N5T4r[data-surface='placeholder'], span.a--N5T4r[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='placeholder']:hover, span.a--N5T4r[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--N5T4r[data-surface='dim'], span.a--N5T4r[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-surface='dim']:hover, span.a--N5T4r[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--N5T4r[data-inverse='true'], span.a--N5T4r[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--N5T4r[data-inverse='true']:hover, span.a--N5T4r[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--N5T4r[data-secondary='true'][data-inverse='true'], span.a--N5T4r[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--N5T4r[data-secondary='true'][data-inverse='true']:hover, span.a--N5T4r[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--NX0Xn {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--c_dqI, .default-link--Czrnl, .text--JHEfu {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--Czrnl {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--syTCo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--syTCo {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--VJMMg, .title--oR1n3 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--VJMMg, .title--oR1n3 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--Czrnl:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--oxueX {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}
@media (min-width: 760px) {
.root--oxueX {
    width: 680px;
    padding-right: 20px;
}
  }
@media (min-width: 820px) {
.root--oxueX {
    width: 740px;
}
  }
.title--oR1n3 {
  margin-bottom: 15px;
}
@media (min-width: 760px) {
.title--oR1n3 {
    margin-bottom: 20px;
}
  }
.text--JHEfu {
  margin-bottom: 25px;
}
@media (min-width: 760px) {
.text--JHEfu {
    margin-bottom: 30px;
}
  }
.expertsList--Kz6Ip {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 760px) {
.expertsList--Kz6Ip {
    flex-direction: row;
}
  }
.column--_V_1X {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 760px) {
.column--_V_1X {
    gap: 25px;
}
  }

.tabs--LFLwL {
  width: 100%;
}

.tabList--wF7jt {
  position: relative;
  display: flex;
  overflow: auto;

  /* Скрываем скролл-бар */
  scrollbar-width: none; /* Firefox */
}

/* Скрываем скролл-бар */

.tabList--wF7jt::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.separate--liy4R {
  position: relative;
  display: flex;
  border-bottom: 1px solid rgb(var(--outline-slight));
  width: 100%;
  margin-top: -1.5px;
}

.tab--Z5Clr {
  position: relative;
  font: var(--body-large);
  border: none;
  background-color: transparent;
  margin-right: 20px;
  padding: 0;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  color: rgb(var(--outline-secondary));
}

.tab--Z5Clr[data-link='true'] {
  color: inherit;
  text-decoration: none;
}

/* хак, чтобы при изменение жирности шрифта табы не прыгали по горизонтали */

.tab--Z5Clr::before {
  content: attr(title);
  display: block;
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.tab--Z5Clr[data-active='true'] {
  font: var(--body-large-bold);
  color: rgb(var(--outline-primary));
}

.tab--Z5Clr[data-active='true']::after {
  content: '';
  position: absolute;
  bottom: -2px;
  z-index: 1;
  display: flex;
  width: 100%;
  height: 2px;
  border-radius: 5px;
  background-color: rgb(var(--outline-primary));
}

.tabPanel--eTz8q {
  display: none;
}

.tabPanel--eTz8q[data-active='true'] {
  display: block;
}

.tabListPanel--veCV5 {
  margin-top: 20px;
}

@media (hover: hover) {
  .tab--Z5Clr[data-active='false']:hover {
    color: rgb(var(--outline-hover));
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--wtjkt {
  font: var(--accent-number);
}
.accent-quote--tpRlr {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--tpRlr {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--qN4F3 {
  font: var(--accent-static);
}
.accent-lead--kEkI0 {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--kEkI0 {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--odZBG {
  font: var(--accent-impact);
}
.accent-bold--IHYfC {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--IHYfC {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--dbFmM {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--dbFmM {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--aI6G5 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--aI6G5 {
    padding: 4px 2px;
}
  }
mark.highlight--aI6G5[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--MyYum {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--MyYum {
    font: var(--body-primary-desktop);
}
  }
.body-primary--MyYum b, .body-primary--MyYum strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--MyYum b, .body-primary--MyYum strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--cJxvY {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--cJxvY {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--cJxvY b, .body-secondary--cJxvY strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--cJxvY b, .body-secondary--cJxvY strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--NDKy5 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--NDKy5 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--NDKy5 b, .body-extra-large--NDKy5 strong, .body-extra-large-bold--zJQ2_ {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--NDKy5 b, .body-extra-large--NDKy5 strong, .body-extra-large-bold--zJQ2_ {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--iYiV0 {
  font: var(--body-large);
}
.body-large--iYiV0 b, .body-large--iYiV0 strong, .body-large-bold--FwTF_ {
  font: var(--body-large-bold);
}
.body-medium--b6puc {
  font: var(--body-medium);
}
.body-medium--b6puc b, .body-medium--b6puc strong, .body-medium-bold--IGy2d {
  font: var(--body-medium-bold);
}
.body-small--nsKhr {
  font: var(--body-small);
}
.body-small--nsKhr b, .body-small--nsKhr strong, .body-small-bold--x4XxN {
  font: var(--body-small-bold);
}
.heading-one--Mtqi4, .h1--PCi4Z {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--Mtqi4, .h1--PCi4Z {
    font: var(--heading-one-desktop);
}
  }
.heading-two--Ffrbt, .h2--Z51xR {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--Ffrbt, .h2--Z51xR {
    font: var(--heading-two-desktop);
}
  }
.heading-three--BaRbl, .h3--VVRcn {
  font: var(--heading-three);
}
.heading-four--dX_9K, .h4--IJ09_ {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--dX_9K, .h4--IJ09_ {
    font: var(--heading-four-desktop);
}
  }
.heading-five--IQ5pG, .h5--Sp32o {
  font: var(--heading-five);
}
.heading-six--jz1FP, .h6--ihwpK {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--jz1FP, .h6--ihwpK {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--wVpGZ {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--wVpGZ {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--EVZW1 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--EVZW1 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--jeSnf {
  font: var(--interface-primary);
}
.interface-secondary--TpBLi {
  font: var(--interface-secondary);
}
.interface-error--vEemp {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--vEemp {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--gEcM0 {
  font: var(--interface-caption);
}
.interface-heading--mFxSu {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--mFxSu {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--Et26C {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--Et26C {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--uDC24, a.a--uDC24, span.a--uDC24 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--uDC24:hover, a.a--uDC24:hover, span.a--uDC24:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--uDC24[data-underline-gap='medium'], span.a--uDC24[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--uDC24[data-underline-gap='small'], span.a--uDC24[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--uDC24[data-pseudo='true'], span.a--uDC24[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--uDC24[data-pseudo='true']:hover, span.a--uDC24[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--uDC24[data-secondary='true'], span.a--uDC24[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--uDC24[data-secondary='true']:hover, span.a--uDC24[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--uDC24[data-surface='positive'], span.a--uDC24[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='positive']:hover, span.a--uDC24[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--uDC24[data-surface='negative'], span.a--uDC24[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='negative']:hover, span.a--uDC24[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--uDC24[data-surface='warning'], span.a--uDC24[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='warning']:hover, span.a--uDC24[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--uDC24[data-surface='interactive'], span.a--uDC24[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='interactive']:hover, span.a--uDC24[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--uDC24[data-surface='placeholder'], span.a--uDC24[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='placeholder']:hover, span.a--uDC24[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--uDC24[data-surface='dim'], span.a--uDC24[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--uDC24[data-surface='dim']:hover, span.a--uDC24[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--uDC24[data-inverse='true'], span.a--uDC24[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--uDC24[data-inverse='true']:hover, span.a--uDC24[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--uDC24[data-secondary='true'][data-inverse='true'], span.a--uDC24[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--uDC24[data-secondary='true'][data-inverse='true']:hover, span.a--uDC24[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--mNleI {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--R790P, .default-link--g9nG0 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--g9nG0 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--QXUNC {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--QXUNC {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--hu7q2, .title--eGQ6g {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--hu7q2, .title--eGQ6g {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--g9nG0:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--VpbQr {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 760px) {
.root--VpbQr {
    width: var(--block-tablet-width);
}
  }
@media (min-width: 820px) {
.root--VpbQr {
    width: var(--block-desktop-width);
}
  }
.title--eGQ6g {
  margin-bottom: 25px;
}
@media (min-width: 760px) {
.title--eGQ6g {
    margin-bottom: 30px;
}
  }
.screenshotBlock--O9bn3 {
  overflow-x: scroll;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 760px) {
.screenshotBlock--O9bn3 {
    margin-left: -42px;
    margin-right: -42px;
    padding-left: 42px;
    padding-right: 42px;
}
  }
.screenshotBlock--O9bn3::-webkit-scrollbar {
  display: none;
}
.screenshot--W53it {
  width: 686px;
}
@media (min-width: 760px) {
.screenshot--W53it {
    width: var(--block-desktop-width);
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--pq0OD {
  font: var(--accent-number);
}
.accent-quote--veR9p {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--veR9p {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--e60Cf {
  font: var(--accent-static);
}
.accent-lead--lK2oj {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--lK2oj {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--jkHxx {
  font: var(--accent-impact);
}
.accent-bold--mNtrg {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--mNtrg {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--s6MRB {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--s6MRB {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--BUshS {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--BUshS {
    padding: 4px 2px;
}
  }
mark.highlight--BUshS[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--YFS3E {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--YFS3E {
    font: var(--body-primary-desktop);
}
  }
.body-primary--YFS3E b, .body-primary--YFS3E strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--YFS3E b, .body-primary--YFS3E strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--IT6KJ {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--IT6KJ {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--IT6KJ b, .body-secondary--IT6KJ strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--IT6KJ b, .body-secondary--IT6KJ strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--GPEU6 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--GPEU6 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--GPEU6 b, .body-extra-large--GPEU6 strong, .body-extra-large-bold--Rs9uX {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--GPEU6 b, .body-extra-large--GPEU6 strong, .body-extra-large-bold--Rs9uX {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--lA0zw {
  font: var(--body-large);
}
.body-large--lA0zw b, .body-large--lA0zw strong, .body-large-bold--PwWpc {
  font: var(--body-large-bold);
}
.body-medium--iqFXe {
  font: var(--body-medium);
}
.body-medium--iqFXe b, .body-medium--iqFXe strong, .body-medium-bold--yYXWx {
  font: var(--body-medium-bold);
}
.body-small--xJByc {
  font: var(--body-small);
}
.body-small--xJByc b, .body-small--xJByc strong, .body-small-bold--kmBhu {
  font: var(--body-small-bold);
}
.heading-one--BQ9Qe, .h1--bbSCl {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--BQ9Qe, .h1--bbSCl {
    font: var(--heading-one-desktop);
}
  }
.heading-two--tANE3, .h2--dILBM {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--tANE3, .h2--dILBM {
    font: var(--heading-two-desktop);
}
  }
.heading-three--QKhoX, .h3--ZrFOB {
  font: var(--heading-three);
}
.heading-four--CuuJ4, .h4--MUQj4 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--CuuJ4, .h4--MUQj4 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--mT1Hd, .h5--Q0w07 {
  font: var(--heading-five);
}
.heading-six--pOQab, .h6--zl0SO {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--pOQab, .h6--zl0SO {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--vu8KG {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--vu8KG {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--z_GiT {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--z_GiT {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--hysWr {
  font: var(--interface-primary);
}
.interface-secondary--aixO7 {
  font: var(--interface-secondary);
}
.interface-error--ZOirK {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--ZOirK {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--YB0bF {
  font: var(--interface-caption);
}
.interface-heading--WUTIh {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--WUTIh {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--hcVWB {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--hcVWB {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--RPMBm, a.a--RPMBm, span.a--RPMBm {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--RPMBm:hover, a.a--RPMBm:hover, span.a--RPMBm:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--RPMBm[data-underline-gap='medium'], span.a--RPMBm[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--RPMBm[data-underline-gap='small'], span.a--RPMBm[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--RPMBm[data-pseudo='true'], span.a--RPMBm[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--RPMBm[data-pseudo='true']:hover, span.a--RPMBm[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--RPMBm[data-secondary='true'], span.a--RPMBm[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--RPMBm[data-secondary='true']:hover, span.a--RPMBm[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--RPMBm[data-surface='positive'], span.a--RPMBm[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='positive']:hover, span.a--RPMBm[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--RPMBm[data-surface='negative'], span.a--RPMBm[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='negative']:hover, span.a--RPMBm[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--RPMBm[data-surface='warning'], span.a--RPMBm[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='warning']:hover, span.a--RPMBm[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--RPMBm[data-surface='interactive'], span.a--RPMBm[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='interactive']:hover, span.a--RPMBm[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--RPMBm[data-surface='placeholder'], span.a--RPMBm[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='placeholder']:hover, span.a--RPMBm[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--RPMBm[data-surface='dim'], span.a--RPMBm[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-surface='dim']:hover, span.a--RPMBm[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--RPMBm[data-inverse='true'], span.a--RPMBm[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--RPMBm[data-inverse='true']:hover, span.a--RPMBm[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--RPMBm[data-secondary='true'][data-inverse='true'], span.a--RPMBm[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--RPMBm[data-secondary='true'][data-inverse='true']:hover, span.a--RPMBm[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--F8eqm {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--ZgEPB, .default-link--sw2Re {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--sw2Re {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--mXkkI {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--mXkkI {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--XsELi {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--XsELi {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--sw2Re:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--SEGTX {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 70px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 70px;
  cursor: default;
}
@media (min-width: 760px) {
.root--SEGTX {
    gap: 110px;
    margin-left: 30px;
    margin-right: 30px;
}
  }
.whyCheckEfficiency--ubois {
  margin-top: calc(-1 * 70px);
}
@media (min-width: 760px) {
.whyCheckEfficiency--ubois {
    margin-top: calc(-1 * 110px);
}
  }
/* Сделали, чтобы пустой див, по которому работает IntersectionObserver, прилип к кнопке поиска */
.sbWidthEndpoint--bp6c7 {
  margin-top: calc(-1 * 70px);
}
@media (min-width: 760px) {
.sbWidthEndpoint--bp6c7 {
    margin-top: calc(-1 * 110px);
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--lQ4OS {
  font: var(--accent-number);
}
.accent-quote--NUcS0 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--NUcS0 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--s886M {
  font: var(--accent-static);
}
.accent-lead--lsmhY {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--lsmhY {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--Fu0rs {
  font: var(--accent-impact);
}
.accent-bold--DY6Kw {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--DY6Kw {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--XDLZd {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--XDLZd {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--uLBVz {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--uLBVz {
    padding: 4px 2px;
}
  }
mark.highlight--uLBVz[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--YiwQ1 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--YiwQ1 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--YiwQ1 b, .body-primary--YiwQ1 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--YiwQ1 b, .body-primary--YiwQ1 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--NuYtj {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--NuYtj {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--NuYtj b, .body-secondary--NuYtj strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--NuYtj b, .body-secondary--NuYtj strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--ppK3y {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--ppK3y {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--ppK3y b, .body-extra-large--ppK3y strong, .body-extra-large-bold--f8qc2 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--ppK3y b, .body-extra-large--ppK3y strong, .body-extra-large-bold--f8qc2 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--J90xp {
  font: var(--body-large);
}
.body-large--J90xp b, .body-large--J90xp strong, .body-large-bold--gwjlr {
  font: var(--body-large-bold);
}
.body-medium--MJB6W {
  font: var(--body-medium);
}
.body-medium--MJB6W b, .body-medium--MJB6W strong, .body-medium-bold--P8pI0 {
  font: var(--body-medium-bold);
}
.body-small--TwXnR {
  font: var(--body-small);
}
.body-small--TwXnR b, .body-small--TwXnR strong, .body-small-bold--aka9w {
  font: var(--body-small-bold);
}
.heading-one--aL2Cy, .h1--yYnL0 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--aL2Cy, .h1--yYnL0 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--vGKLj, .h2--nmTVB {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--vGKLj, .h2--nmTVB {
    font: var(--heading-two-desktop);
}
  }
.heading-three--U4UlO, .h3--QCIWN {
  font: var(--heading-three);
}
.heading-four--hkPUs, .h4--A5P7P {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--hkPUs, .h4--A5P7P {
    font: var(--heading-four-desktop);
}
  }
.heading-five--Y5lrV, .h5--Ms7Fv {
  font: var(--heading-five);
}
.heading-six--Ll06S, .h6--ijS35 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--Ll06S, .h6--ijS35 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--zb2zt {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--zb2zt {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--QuCB5 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--QuCB5 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--iiqKr {
  font: var(--interface-primary);
}
.interface-secondary--gcLFN {
  font: var(--interface-secondary);
}
.interface-error--eBwJR {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--eBwJR {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--rWgWl {
  font: var(--interface-caption);
}
.interface-heading--FzMa6 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--FzMa6 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--VSTWh {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--VSTWh {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--kwhE6, a.a--kwhE6, span.a--kwhE6 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--kwhE6:hover, a.a--kwhE6:hover, span.a--kwhE6:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--kwhE6[data-underline-gap='medium'], span.a--kwhE6[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--kwhE6[data-underline-gap='small'], span.a--kwhE6[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--kwhE6[data-pseudo='true'], span.a--kwhE6[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--kwhE6[data-pseudo='true']:hover, span.a--kwhE6[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--kwhE6[data-secondary='true'], span.a--kwhE6[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--kwhE6[data-secondary='true']:hover, span.a--kwhE6[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--kwhE6[data-surface='positive'], span.a--kwhE6[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='positive']:hover, span.a--kwhE6[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--kwhE6[data-surface='negative'], span.a--kwhE6[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='negative']:hover, span.a--kwhE6[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--kwhE6[data-surface='warning'], span.a--kwhE6[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='warning']:hover, span.a--kwhE6[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--kwhE6[data-surface='interactive'], span.a--kwhE6[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='interactive']:hover, span.a--kwhE6[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--kwhE6[data-surface='placeholder'], span.a--kwhE6[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='placeholder']:hover, span.a--kwhE6[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--kwhE6[data-surface='dim'], span.a--kwhE6[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-surface='dim']:hover, span.a--kwhE6[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--kwhE6[data-inverse='true'], span.a--kwhE6[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--kwhE6[data-inverse='true']:hover, span.a--kwhE6[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--kwhE6[data-secondary='true'][data-inverse='true'], span.a--kwhE6[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--kwhE6[data-secondary='true'][data-inverse='true']:hover, span.a--kwhE6[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--flNlr {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--TIKCs, .default-link--WWJ18 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--WWJ18 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--bcUoA {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--bcUoA {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--GWq_x {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--GWq_x {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--WWJ18:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.wrapper--E_crj {
  position: relative;
  width: 100%;
}
.input--uvgq6 {
  /* Размеры */
  width: 100%;
  padding-bottom: 1px;
  padding-right: 35px;

  /* Стили инпута */
  box-sizing: border-box;
  background: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto; /* сафари check */

  /* специальное свойство для борьбы с закруглением у инпута на IOS */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;

  /* Текст внутри */
  color: rgb(var(--outline-primary));
  font: var(--font-search-mobile);
  line-height: 41px;

  /* Линия подчеркивания внизу */
  border: none;
  border-bottom: 1px solid rgb(var(--outline-faint));
  border-radius: 0;
}
@media (min-width: 760px) {
.input--uvgq6 {
    padding-right: 50px;
    font: var(--font-search-tablet);
    line-height: 53px;
}
  }
.input--uvgq6::-moz-placeholder {
  color: var(--color-text-search-placeholder);
}
.input--uvgq6::placeholder {
  color: var(--color-text-search-placeholder);
}
/* Линия подчеркивания внизу в зависимости от разных состояний */
input:focus {
  padding-bottom: 0;
  border-bottom: 2px solid rgb(var(--outline-focus));
}
@media (hover: hover) {
  .input--uvgq6:not(:focus):hover {
    border-bottom: 1px solid rgb(var(--outline-faint-hover));
  }
}
/* Иконка в конце поиска */
.iconButton--x9Xaz {
  position: absolute;
  right: 1px;
  font-size: 35px;

  /* Отключаем стандартные стили кнопки */
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 760px) {
.iconButton--x9Xaz {
    font-size: 50px;
}
  }
.iconButton--x9Xaz[data-icon='search'] {
  cursor: default;
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
}
.iconButton--x9Xaz[data-icon='cross'] {
  cursor: pointer;
  color: rgb(var(--outline-interactive));
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--QXBYn {
  font: var(--accent-number);
}
.accent-quote--TdYat {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--TdYat {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--wUTCD {
  font: var(--accent-static);
}
.accent-lead--OZiQ2 {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--OZiQ2 {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--GB9no {
  font: var(--accent-impact);
}
.accent-bold--kb1K0 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--kb1K0 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--xVQhS {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--xVQhS {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--zuCYr {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--zuCYr {
    padding: 4px 2px;
}
  }
mark.highlight--zuCYr[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--gYVAt {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--gYVAt {
    font: var(--body-primary-desktop);
}
  }
.body-primary--gYVAt b, .body-primary--gYVAt strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--gYVAt b, .body-primary--gYVAt strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--zIXOH {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--zIXOH {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--zIXOH b, .body-secondary--zIXOH strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--zIXOH b, .body-secondary--zIXOH strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--uaOzB {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--uaOzB {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--uaOzB b, .body-extra-large--uaOzB strong, .body-extra-large-bold--WsJr6 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--uaOzB b, .body-extra-large--uaOzB strong, .body-extra-large-bold--WsJr6 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--zyJhF {
  font: var(--body-large);
}
.body-large--zyJhF b, .body-large--zyJhF strong, .body-large-bold--S8jDu {
  font: var(--body-large-bold);
}
.body-medium--A1Tbt {
  font: var(--body-medium);
}
.body-medium--A1Tbt b, .body-medium--A1Tbt strong, .body-medium-bold--zm5Tu {
  font: var(--body-medium-bold);
}
.body-small--yAf5Q {
  font: var(--body-small);
}
.body-small--yAf5Q b, .body-small--yAf5Q strong, .body-small-bold--SzKHG {
  font: var(--body-small-bold);
}
.heading-one--UV5TD, .h1--kUHGu {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--UV5TD, .h1--kUHGu {
    font: var(--heading-one-desktop);
}
  }
.heading-two--JIkmh, .h2--rifaw {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--JIkmh, .h2--rifaw {
    font: var(--heading-two-desktop);
}
  }
.heading-three--aKPZL, .h3--Ag60I {
  font: var(--heading-three);
}
.heading-four--SWY7G, .h4--Gif30 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--SWY7G, .h4--Gif30 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--dDGFA, .h5--ysmcR {
  font: var(--heading-five);
}
.heading-six--bJpzB, .h6--uS4_1 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--bJpzB, .h6--uS4_1 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--QIRox {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--QIRox {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--s2bQX {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--s2bQX {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--y3jn0 {
  font: var(--interface-primary);
}
.interface-secondary--d4cUM {
  font: var(--interface-secondary);
}
.interface-error--DR9pQ {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--DR9pQ {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--IjO1d {
  font: var(--interface-caption);
}
.interface-heading--UMaB8 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--UMaB8 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--EF_pe {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--EF_pe {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--vNJQy, a.a--vNJQy, span.a--vNJQy {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--vNJQy:hover, a.a--vNJQy:hover, span.a--vNJQy:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--vNJQy[data-underline-gap='medium'], span.a--vNJQy[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--vNJQy[data-underline-gap='small'], span.a--vNJQy[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--vNJQy[data-pseudo='true'], span.a--vNJQy[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--vNJQy[data-pseudo='true']:hover, span.a--vNJQy[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--vNJQy[data-secondary='true'], span.a--vNJQy[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--vNJQy[data-secondary='true']:hover, span.a--vNJQy[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--vNJQy[data-surface='positive'], span.a--vNJQy[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='positive']:hover, span.a--vNJQy[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--vNJQy[data-surface='negative'], span.a--vNJQy[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='negative']:hover, span.a--vNJQy[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--vNJQy[data-surface='warning'], span.a--vNJQy[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='warning']:hover, span.a--vNJQy[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--vNJQy[data-surface='interactive'], span.a--vNJQy[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='interactive']:hover, span.a--vNJQy[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--vNJQy[data-surface='placeholder'], span.a--vNJQy[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='placeholder']:hover, span.a--vNJQy[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--vNJQy[data-surface='dim'], span.a--vNJQy[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-surface='dim']:hover, span.a--vNJQy[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--vNJQy[data-inverse='true'], span.a--vNJQy[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--vNJQy[data-inverse='true']:hover, span.a--vNJQy[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--vNJQy[data-secondary='true'][data-inverse='true'], span.a--vNJQy[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--vNJQy[data-secondary='true'][data-inverse='true']:hover, span.a--vNJQy[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--PW67t {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--ie6q1, .default-link--k408h {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--k408h {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--OITci {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--OITci {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--vREx8 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--vREx8 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--k408h:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Позиционирование */
.root--yHTMA {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 13px 15px;
  border-radius: 10px;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 760px) {
.root--yHTMA {
    padding: 13px 20px;
}
  }
.mainInfo--y8Pl_ {
  display: flex;
  flex-direction: column;
}
.header--uy755 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
/* Элементы */
.icon--cIi9J {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  width: 17px;
  height: 17px;
  margin-top: 4px;
}
.name--s4TJa {
  word-wrap: break-word;
  width: 100%;
  margin-left: 5px;
  font: var(--font-bold-default);
  color: var(--color-text-title);
}
.inscription--CudGI {
  margin-left: 23px;
  font: var(--font-default-medium);
  color: var(--color-text-default);
}
.chevron--ZoL32 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 15px;
  color: var(--color-control-base);
}
/* Цвета блока */
.root--yHTMA[data-color='default'] {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-background-default);
}
.root--yHTMA[data-color='highlighted'] {
  border: 1px solid rgb(var(--outline-focus));
  background-color: rgb(var(--surface-interactive));
}
.root--yHTMA[data-color='highlighted'] .chevron--ZoL32 {
  color: rgb(var(--outline-interactive));
}
/* Изменение цвета при наведении */
@media (hover: hover) {
  .root--yHTMA[data-color='default']:hover {
    border: 1px solid var(--color-border-hover);
    background-color: var(--color-background-hover);
  }

  .root--yHTMA[data-color='highlighted']:hover {
    border: 1px solid rgb(var(--outline-focus));
    background-color: rgb(var(--surface-interactive-hover));
  }

  .root--yHTMA:hover .chevron--ZoL32 {
    color: var(--color-control-hover);
  }

  .root--yHTMA:hover[data-color='highlighted'] .chevron--ZoL32 {
    color: rgb(var(--outline-interactive));
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--eYPtS {
  font: var(--accent-number);
}
.accent-quote--dMP1e {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--dMP1e {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Tqbqm {
  font: var(--accent-static);
}
.accent-lead--iTULB {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--iTULB {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--Tr09V {
  font: var(--accent-impact);
}
.accent-bold--_qJi8 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--_qJi8 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--B0egt {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--B0egt {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--GPhV8 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--GPhV8 {
    padding: 4px 2px;
}
  }
mark.highlight--GPhV8[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--R3GXn {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--R3GXn {
    font: var(--body-primary-desktop);
}
  }
.body-primary--R3GXn b, .body-primary--R3GXn strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--R3GXn b, .body-primary--R3GXn strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--oP9ib {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--oP9ib {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--oP9ib b, .body-secondary--oP9ib strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--oP9ib b, .body-secondary--oP9ib strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--lLfge {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--lLfge {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--lLfge b, .body-extra-large--lLfge strong, .body-extra-large-bold--dEakc {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--lLfge b, .body-extra-large--lLfge strong, .body-extra-large-bold--dEakc {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--HxMIh {
  font: var(--body-large);
}
.body-large--HxMIh b, .body-large--HxMIh strong, .body-large-bold--fEfaL {
  font: var(--body-large-bold);
}
.body-medium--hmucD {
  font: var(--body-medium);
}
.body-medium--hmucD b, .body-medium--hmucD strong, .body-medium-bold--WPsob {
  font: var(--body-medium-bold);
}
.body-small--SkEHo {
  font: var(--body-small);
}
.body-small--SkEHo b, .body-small--SkEHo strong, .body-small-bold--wO8Bb {
  font: var(--body-small-bold);
}
.heading-one--HPZ1u, .h1--ktj1p {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--HPZ1u, .h1--ktj1p {
    font: var(--heading-one-desktop);
}
  }
.heading-two--LFsZF, .h2--Kj_On {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--LFsZF, .h2--Kj_On {
    font: var(--heading-two-desktop);
}
  }
.heading-three--UqobL, .h3--yOgAz {
  font: var(--heading-three);
}
.heading-four--K3tZS, .h4--txGVD {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--K3tZS, .h4--txGVD {
    font: var(--heading-four-desktop);
}
  }
.heading-five--y3HFb, .h5--rbdOV {
  font: var(--heading-five);
}
.heading-six--ucxXT, .h6--F6MHl {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--ucxXT, .h6--F6MHl {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--VxMpH {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--VxMpH {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--oc19V {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--oc19V {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--bhnmJ {
  font: var(--interface-primary);
}
.interface-secondary--csajf {
  font: var(--interface-secondary);
}
.interface-error--l1pOE {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--l1pOE {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--EsC4z {
  font: var(--interface-caption);
}
.interface-heading--zbLtz {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--zbLtz {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--OzBW2 {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--OzBW2 {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--zpcfr, a.a--zpcfr, span.a--zpcfr {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--zpcfr:hover, a.a--zpcfr:hover, span.a--zpcfr:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--zpcfr[data-underline-gap='medium'], span.a--zpcfr[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--zpcfr[data-underline-gap='small'], span.a--zpcfr[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--zpcfr[data-pseudo='true'], span.a--zpcfr[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--zpcfr[data-pseudo='true']:hover, span.a--zpcfr[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--zpcfr[data-secondary='true'], span.a--zpcfr[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--zpcfr[data-secondary='true']:hover, span.a--zpcfr[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--zpcfr[data-surface='positive'], span.a--zpcfr[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='positive']:hover, span.a--zpcfr[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--zpcfr[data-surface='negative'], span.a--zpcfr[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='negative']:hover, span.a--zpcfr[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--zpcfr[data-surface='warning'], span.a--zpcfr[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='warning']:hover, span.a--zpcfr[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--zpcfr[data-surface='interactive'], span.a--zpcfr[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='interactive']:hover, span.a--zpcfr[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--zpcfr[data-surface='placeholder'], span.a--zpcfr[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='placeholder']:hover, span.a--zpcfr[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--zpcfr[data-surface='dim'], span.a--zpcfr[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-surface='dim']:hover, span.a--zpcfr[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--zpcfr[data-inverse='true'], span.a--zpcfr[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--zpcfr[data-inverse='true']:hover, span.a--zpcfr[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--zpcfr[data-secondary='true'][data-inverse='true'], span.a--zpcfr[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--zpcfr[data-secondary='true'][data-inverse='true']:hover, span.a--zpcfr[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--zWiAU {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--mmfRV, .default-link--qZJ9K, .baseText--gqACP, .baseText--gqACP a {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--qZJ9K, .baseText--gqACP a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--FLou3 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--FLou3 {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--elHay {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--elHay {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--qZJ9K:hover, .baseText--gqACP a:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.resultList--RLaJk {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.enterMoreText--g6lYQ {
  font: var(--font-default);
  color: var(--color-text-search-subscription);
}
.notFoundBlock--CAQKx {
  display: flex;
  flex-direction: column;
}
.boldText--CODv7 {
  font: var(--font-bold-default);
  color: var(--color-text-title);
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--ot8Tl {
  font: var(--accent-number);
}
.accent-quote--Din4i {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--Din4i {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--cMgqn {
  font: var(--accent-static);
}
.accent-lead--i908S {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--i908S {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--tZrWX {
  font: var(--accent-impact);
}
.accent-bold--QraUL {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--QraUL {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--SHHe6 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--SHHe6 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--q0MB7 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--q0MB7 {
    padding: 4px 2px;
}
  }
mark.highlight--q0MB7[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--hhZHz {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--hhZHz {
    font: var(--body-primary-desktop);
}
  }
.body-primary--hhZHz b, .body-primary--hhZHz strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--hhZHz b, .body-primary--hhZHz strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--x9FOY {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--x9FOY {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--x9FOY b, .body-secondary--x9FOY strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--x9FOY b, .body-secondary--x9FOY strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--Q5qVc {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Q5qVc {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--Q5qVc b, .body-extra-large--Q5qVc strong, .body-extra-large-bold--cJ7Du {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Q5qVc b, .body-extra-large--Q5qVc strong, .body-extra-large-bold--cJ7Du {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--h7IbW {
  font: var(--body-large);
}
.body-large--h7IbW b, .body-large--h7IbW strong, .body-large-bold--TIQFL {
  font: var(--body-large-bold);
}
.body-medium--FasCu {
  font: var(--body-medium);
}
.body-medium--FasCu b, .body-medium--FasCu strong, .body-medium-bold--C4vBi {
  font: var(--body-medium-bold);
}
.body-small--MlPIK {
  font: var(--body-small);
}
.body-small--MlPIK b, .body-small--MlPIK strong, .body-small-bold--Xe6qk {
  font: var(--body-small-bold);
}
.heading-one--_p9mi, .h1--johrr {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--_p9mi, .h1--johrr {
    font: var(--heading-one-desktop);
}
  }
.heading-two--dNt7C, .h2--YTHs5 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--dNt7C, .h2--YTHs5 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--uOnxX, .h3--VbjIb {
  font: var(--heading-three);
}
.heading-four--cSDO2, .h4--jBm_N {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--cSDO2, .h4--jBm_N {
    font: var(--heading-four-desktop);
}
  }
.heading-five--Osdge, .h5--N5ZBe {
  font: var(--heading-five);
}
.heading-six--UZJQ4, .h6--kvRSr {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--UZJQ4, .h6--kvRSr {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--m1rwb {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--m1rwb {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--qZ5y0 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--qZ5y0 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--QlEtG {
  font: var(--interface-primary);
}
.interface-secondary--mbqlh {
  font: var(--interface-secondary);
}
.interface-error--xTNXN {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--xTNXN {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--EmHgn {
  font: var(--interface-caption);
}
.interface-heading--hMdzh {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--hMdzh {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--V24Fj {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--V24Fj {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--E2TjQ, a.a--E2TjQ, span.a--E2TjQ {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--E2TjQ:hover, a.a--E2TjQ:hover, span.a--E2TjQ:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--E2TjQ[data-underline-gap='medium'], span.a--E2TjQ[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--E2TjQ[data-underline-gap='small'], span.a--E2TjQ[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--E2TjQ[data-pseudo='true'], span.a--E2TjQ[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--E2TjQ[data-pseudo='true']:hover, span.a--E2TjQ[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--E2TjQ[data-secondary='true'], span.a--E2TjQ[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--E2TjQ[data-secondary='true']:hover, span.a--E2TjQ[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--E2TjQ[data-surface='positive'], span.a--E2TjQ[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='positive']:hover, span.a--E2TjQ[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--E2TjQ[data-surface='negative'], span.a--E2TjQ[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='negative']:hover, span.a--E2TjQ[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--E2TjQ[data-surface='warning'], span.a--E2TjQ[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='warning']:hover, span.a--E2TjQ[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--E2TjQ[data-surface='interactive'], span.a--E2TjQ[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='interactive']:hover, span.a--E2TjQ[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--E2TjQ[data-surface='placeholder'], span.a--E2TjQ[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='placeholder']:hover, span.a--E2TjQ[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--E2TjQ[data-surface='dim'], span.a--E2TjQ[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-surface='dim']:hover, span.a--E2TjQ[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--E2TjQ[data-inverse='true'], span.a--E2TjQ[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--E2TjQ[data-inverse='true']:hover, span.a--E2TjQ[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--E2TjQ[data-secondary='true'][data-inverse='true'], span.a--E2TjQ[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--E2TjQ[data-secondary='true'][data-inverse='true']:hover, span.a--E2TjQ[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--V9BmQ {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--PComr, .default-link--izQPi {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--izQPi {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--iB5Bx {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--iB5Bx {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--ZZc7S {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--ZZc7S {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--izQPi:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--XwsbR {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 18px 20px 0 21px;
}
@media (min-width: 760px) {
.root--XwsbR {
    width: 700px;
    padding: 24px 30px 0 31px;
}
  }
.searchResult--QJbqj {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (min-width: 760px) {
.searchResult--QJbqj {
    margin-top: 40px;
    margin-bottom: 40px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--YSzEg {
  font: var(--accent-number);
}
.accent-quote--SeoDM {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--SeoDM {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--S0E0v {
  font: var(--accent-static);
}
.accent-lead--N8DiF {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--N8DiF {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--aezDN {
  font: var(--accent-impact);
}
.accent-bold--Ayyf7 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--Ayyf7 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--kvf16 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--kvf16 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--LggYE {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--LggYE {
    padding: 4px 2px;
}
  }
mark.highlight--LggYE[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--zBVE6 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--zBVE6 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--zBVE6 b, .body-primary--zBVE6 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--zBVE6 b, .body-primary--zBVE6 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--Vh3lH {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--Vh3lH {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--Vh3lH b, .body-secondary--Vh3lH strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--Vh3lH b, .body-secondary--Vh3lH strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--LlKEB {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--LlKEB {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--LlKEB b, .body-extra-large--LlKEB strong, .body-extra-large-bold--oHvpI {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--LlKEB b, .body-extra-large--LlKEB strong, .body-extra-large-bold--oHvpI {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--LVESE {
  font: var(--body-large);
}
.body-large--LVESE b, .body-large--LVESE strong, .body-large-bold--fbAC1 {
  font: var(--body-large-bold);
}
.body-medium--Z_Dvo {
  font: var(--body-medium);
}
.body-medium--Z_Dvo b, .body-medium--Z_Dvo strong, .body-medium-bold--bjyfL {
  font: var(--body-medium-bold);
}
.body-small--JZLMn {
  font: var(--body-small);
}
.body-small--JZLMn b, .body-small--JZLMn strong, .body-small-bold--RwBPT {
  font: var(--body-small-bold);
}
.heading-one--bNmOx, .h1--DoNkc {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--bNmOx, .h1--DoNkc {
    font: var(--heading-one-desktop);
}
  }
.heading-two--cXbnT, .h2--Oo7ns {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--cXbnT, .h2--Oo7ns {
    font: var(--heading-two-desktop);
}
  }
.heading-three--O6_50, .h3--OxtD7 {
  font: var(--heading-three);
}
.heading-four--ILkuQ, .h4--ZRQAc {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--ILkuQ, .h4--ZRQAc {
    font: var(--heading-four-desktop);
}
  }
.heading-five--duLSd, .h5--nFBLp {
  font: var(--heading-five);
}
.heading-six--SeZgR, .h6--mWlwK {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--SeZgR, .h6--mWlwK {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--tN7fi {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--tN7fi {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--MF_6w {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--MF_6w {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--DlUjq {
  font: var(--interface-primary);
}
.interface-secondary--Hui8B {
  font: var(--interface-secondary);
}
.interface-error--MIYww {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--MIYww {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--kBz8g {
  font: var(--interface-caption);
}
.interface-heading--k0DHf {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--k0DHf {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--xOoDv {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--xOoDv {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--fLWFW, a.a--fLWFW, span.a--fLWFW {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--fLWFW:hover, a.a--fLWFW:hover, span.a--fLWFW:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--fLWFW[data-underline-gap='medium'], span.a--fLWFW[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--fLWFW[data-underline-gap='small'], span.a--fLWFW[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--fLWFW[data-pseudo='true'], span.a--fLWFW[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--fLWFW[data-pseudo='true']:hover, span.a--fLWFW[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--fLWFW[data-secondary='true'], span.a--fLWFW[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--fLWFW[data-secondary='true']:hover, span.a--fLWFW[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--fLWFW[data-surface='positive'], span.a--fLWFW[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='positive']:hover, span.a--fLWFW[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--fLWFW[data-surface='negative'], span.a--fLWFW[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='negative']:hover, span.a--fLWFW[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--fLWFW[data-surface='warning'], span.a--fLWFW[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='warning']:hover, span.a--fLWFW[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--fLWFW[data-surface='interactive'], span.a--fLWFW[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='interactive']:hover, span.a--fLWFW[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--fLWFW[data-surface='placeholder'], span.a--fLWFW[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='placeholder']:hover, span.a--fLWFW[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--fLWFW[data-surface='dim'], span.a--fLWFW[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-surface='dim']:hover, span.a--fLWFW[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--fLWFW[data-inverse='true'], span.a--fLWFW[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--fLWFW[data-inverse='true']:hover, span.a--fLWFW[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--fLWFW[data-secondary='true'][data-inverse='true'], span.a--fLWFW[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--fLWFW[data-secondary='true'][data-inverse='true']:hover, span.a--fLWFW[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--f4nJG {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--iiZca, .default-link--LZRkR {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--LZRkR {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--fTpZt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--fTpZt {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--iKifz {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--iKifz {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--LZRkR:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--IcfaF {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 15px;

  /* Начиная с этого размера у шапки появляется полоса, от которой нужно делать отступ */
}
@media (min-width: 1024px) {
.root--IcfaF {
    margin-top: 50px;
    margin-bottom: 20px;
}
  }
.buttonBlock--XupdT {
  display: flex;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: flex-start;
  color: var(--color-control-base);
}
.chevron--BNf6j {
  margin-left: 20px;
  margin-right: 3px;
}
@media (min-width: 760px) {
.chevron--BNf6j {
    margin-left: 10px;
}
  }
.text--ygaZ2 {
  font: var(--font-back-button);
}
/* Изменение при наведении */
@media (hover: hover) {
  .buttonBlock--XupdT:hover {
    color: var(--color-control-hover);
  }
}

.tj-light-theme {
  /* 
    Основной набор цветов задаётся триадами 
    для смешивания с токенами opacity 
    */

  /* Цвета текста */

  --surface-on-primary: 0, 0, 0;
  --surface-on-secondary: 0, 0, 0;
  --surface-on-interactive: 20, 20, 204;
  --surface-on-positive: 2, 131, 35;
  --surface-on-warning: 188, 90, 0;
  --surface-on-negative: 235, 16, 0;
  --surface-on-static: 0, 0, 0;
  --surface-on-award: linear-gradient(
    137deg,
    rgb(254, 228, 135),
    rgb(216, 169, 62) 52%,
    rgb(208, 149, 44) 92%
  );
  --surface-on-accent-positive: 132, 255, 143;
  --surface-on-accent-negative: 255, 140, 140;

  /* В темной теме серый текст (--surface-on-secondary) становится белым
    в состоянии disabled. Поэтому мы не можем просто
    менять прозрачность и проще сразу завести готовый цвет.
    И хотя в светлой теме черный остается черным, пишем по аналогии */
  --surface-on-disabled: rgba(0, 0, 0, var(--opacity-surface-on-disabled));
  --surface-on-initial: 166, 166, 166;
  --surface-on-placeholder: 128, 128, 128;
  --surface-on-hover: 77, 77, 77;

  /* Интерактивные элементы */

  --interactive-accent: 46, 46, 229;
  --interactive-accent-hover: 0, 0, 178;

  --interactive-positive: 77, 153, 108;
  --interactive-positive-hover: 20, 102, 48;

  --interactive-negative: 242, 69, 53;
  --interactive-negative-hover: 189, 30, 19;

  --interactive-warning: 204, 123, 82;
  --interactive-warning-hover: 153, 71, 31;

  --interactive-additional: 0, 206, 51;
  --interactive-additional-hover: 43, 217, 87;

  --interactive-on-primary: 255, 255, 255;
  --interactive-on-secondary: 0, 0, 0;

  /* Бордеры */

  --border-surface: 237, 237, 237;
  --border-separator: 229, 229, 229;
  --border-initial: 204, 204, 204;
  --border-hover: 179, 179, 179;
  --border-surface-secondary-hover: 209, 209, 209;
  --border-focus: 138, 138, 229;

  --border-interactive-positive: 49, 155, 76;
  --border-interactive-positive-disabled: 2, 131, 35;
  --border-interactive-positive-hover: 31, 102, 48;

  --border-interactive-warning: 188, 90, 0;
  --border-interactive-warning-disabled: 209, 70, 0;
  --border-interactive-warning-hover: 128, 53, 0;

  --border-interactive-negative: 239, 61, 48;
  --border-interactive-negative-disabled: 235, 16, 0;
  --border-interactive-negative-hover: 153, 25, 15;

  /* Иконки и элементы управления */

  --control-initial: 128, 128, 128;
  --control-hover: 77, 77, 77;

  /* Кнопки */

  --button-primary: 51, 51, 51;
  --button-primary-hover: 3, 3, 3;

  --button-secondary: 234, 234, 234;
  --button-secondary-hover: 219, 219, 219;

  --button-tertiary: 179, 179, 179;
  --button-tertiary-hover: 77, 77, 77;

  --color-neutral-primary-on: 255, 255, 255;
  --color-neutral-primary-on-inverted: 0, 0, 0;

  /* Цвета для выделения в тексте */

  --color-highlight: #ffeea4;
  --color-highlight-on: #000;

  /* Переменные Opacity */

  --opacity-surface-on-disabled: 0.3;

  --opacity-interactive-disabled: 0.3;

  --opacity-border-disabled: 0.05;
  --opacity-border-interactive-disabled: 0.1;

  --opacity-meta-initial: 0.3;
  --opacity-meta-hover: 0.7;

  --opacity-control-disabled: 0.2;
}
.tj-dark-theme {
  /* TODO: Данные значения должны проставляться на уровне приложений, поэтому впоследствии будет выпилено, а меинтейнерам приложений передана данная информация */
  background-color: rgb(var(--background-primary));
  color: rgb(var(--surface-on-primary));

  /* 
    Основной набор цветов задаётся триадами 
    для смешивания с токенами opacity
    */

  /* Цвета текста */

  --surface-on-primary: 255, 255, 255;
  --surface-on-secondary: 208, 208, 210;
  --surface-on-interactive: 178, 189, 255;
  --surface-on-positive: 132, 255, 143;
  --surface-on-warning: 255, 198, 140;
  --surface-on-negative: 255, 140, 140;
  --surface-on-static: 0, 0, 0;
  --surface-on-award: linear-gradient(
    137deg,
    rgb(254, 228, 135),
    rgb(216, 169, 62) 52%,
    rgb(208, 149, 44) 92%
  );
  --surface-on-accent-positive: 2, 131, 35;
  --surface-on-accent-negative: 235, 16, 0;

  /* В темной теме серый текст (--surface-on-secondary) становится белым
    в состоянии disabled. Поэтому мы не можем просто
    менять прозрачность и проще сразу завести готовый цвет */
  --surface-on-disabled: rgba(
    255,
    255,
    255,
    var(--opacity-surface-on-disabled)
  );
  --surface-on-initial: 113, 114, 119;
  --surface-on-placeholder: 136, 138, 141;
  --surface-on-hover: 231, 232, 232;

  /* Интерактивные элементы */

  --interactive-accent: 82, 82, 204;
  --interactive-accent-hover: 118, 118, 217;

  --interactive-positive: 40, 133, 78;
  --interactive-positive-hover: 99, 153, 121;

  --interactive-negative: 153, 46, 46;
  --interactive-negative-hover: 204, 82, 82;

  --interactive-warning: 153, 92, 61;
  --interactive-warning-hover: 78, 131, 107;

  --interactive-additional: 132, 255, 143;
  --interactive-additional-hover: 134, 191, 149;

  --interactive-on-primary: 255, 255, 255;
  --interactive-on-secondary: 255, 255, 255;

  /* Бордеры */

  --border-surface: 41, 44, 51;
  --border-separator: 62, 65, 70;
  --border-initial: 89, 91, 96;
  --border-hover: 136, 138, 141;
  --border-surface-secondary-hover: 91, 95, 101;
  --border-focus: 130, 139, 187;

  --border-interactive-positive: 109, 208, 120;
  --border-interactive-positive-disabled: 132, 255, 143;
  --border-interactive-positive-hover: 166, 255, 176;

  --border-interactive-warning: 204, 158, 112;
  --border-interactive-warning-disabled: 204, 158, 112;
  --border-interactive-warning-hover: 255, 217, 178;

  --border-interactive-negative: 208, 116, 118;
  --border-interactive-negative-disabled: 255, 140, 140;
  --border-interactive-negative-hover: 255, 166, 168;

  /* Иконки и элементы управления */

  --control-initial: 136, 138, 141;
  --control-hover: 208, 208, 210;

  /* Кнопки */

  --button-primary: 245, 245, 249;
  --button-primary-hover: 255, 255, 255;

  --button-secondary: 54, 57, 63;
  --button-secondary-hover: 65, 68, 73;

  --button-tertiary: 136, 138, 141;
  --button-tertiary-hover: 255, 255, 255;

  --color-neutral-primary-on: 0, 0, 0;
  --color-neutral-primary-on-inverted: 255, 255, 255;

  /* Цвета для выделения в тексте */

  --color-highlight: #d0d0d2;
  --color-highlight-on: #040406;

  /* Переменные Opacity */

  /* 
    значения опасити для подстановки в rgba 
    см https://www.figma.com/file/iFuWTdbKPNbKM6TeSUL896/UI-Kit?node-id=2288%3A160
    */

  --opacity-surface-on-disabled: 0.3;

  --opacity-interactive-disabled: 0.3;

  --opacity-border-disabled: 0.05;
  --opacity-border-interactive-disabled: 0.15;

  --opacity-meta-initial: 0.5;
  --opacity-meta-hover: 0.9;

  --opacity-control-disabled: 0.2;
}
/*
Ссылка на фигму: https://www.figma.com/design/zcb6cfPRT4fzfupDrKmJ9T/%E2%9C%85-%D0%A2%E2%80%93%E2%80%93%D0%96-%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0?node-id=0-1&t=mSFTSWXFP1FScPer-0
*/
.tj-light-theme {
  /*
    Основной набор цветов задаётся триадами
    для смешивания с токенами opacity
    */

  /* Background токены */

  --background-primary: 247, 247, 247;
  --background-secondary: 255, 255, 255;

  /* Surface токены */

  --surface-primary: 255, 255, 255;
  --surface-secondary: 247, 247, 247;
  --surface-hover: 242, 242, 242;

  --surface-interactive: 232, 236, 255;
  --surface-interactive-hover: 220, 224, 242;

  --opacity-surface-disabled: 0.02;
  --surface-disabled: rgba(0, 0, 0, var(--opacity-surface-disabled));

  --surface-positive: 239, 249, 242;
  --surface-positive-hover: 227, 237, 230;

  --surface-warning: 253, 247, 242;
  --surface-warning-hover: 240, 235, 230;

  --surface-negative: 254, 243, 242;
  --surface-negative-hover: 241, 231, 230;

  --surface-accent: 26, 26, 26;

  --opacity-surface-top: 0.5;
  --surface-top: rgba(0, 0, 0, var(--opacity-surface-top));

  --surface-award: rgb(199, 150, 55);
  --surface-award-hover: rgb(235, 197, 125);

  /* Outline токены */

  --outline-primary: 0, 0, 0;
  --outline-secondary: 0, 0, 0;
  --outline-hover: 77, 77, 77;
  --outline-placeholder: 128, 128, 128;
  --outline-initial: 166, 166, 166;

  --opacity-outline-disabled: 0.3;
  --outline-disabled: rgba(0, 0, 0, var(--opacity-outline-disabled));

  --opacity-outline-faint-disabled: 0.05;

  --outline-faint: 204, 204, 204;
  --outline-faint-hover: 179, 179, 179;
  --outline-faint-disabled: rgba(
    0,
    0,
    0,
    var(--opacity-outline-faint-disabled)
  );
  --outline-slight: 229, 229, 229;
  --outline-slight-hover: 209, 209, 209;

  --opacity-outline-slight-disabled: 0.05;
  --outline-slight-disabled: rgba(
    0,
    0,
    0,
    var(--opacity-outline-slight-disabled)
  );

  --outline-focus: 138, 138, 229;
  --outline-interactive: 20, 20, 204;
  --outline-interactive-hover: 1, 1, 160;
  --outline-positive: 0, 132, 34;
  --outline-positive-hover: 31, 102, 48;

  --opacity-outline-positive-disabled: 0.1;
  --outline-positive-disabled: rgba(
    2,
    131,
    35,
    var(--opacity-outline-positive-disabled)
  );

  --outline-warning: 182, 87, 0;
  --outline-warning-hover: 128, 53, 0;

  --opacity-outline-warning-disabled: 0.1;
  --outline-warning-disabled: rgba(
    209,
    70,
    0,
    var(--opacity-outline-warning-disabled)
  );

  --outline-negative: 219, 33, 19;
  --outline-negative-hover: 153, 25, 15;

  --opacity-outline-negative-disabled: 0.1;
  --outline-negative-disabled: rgba(
    219,
    33,
    19,
    var(--opacity-outline-negative-disabled)
  );

  --outline-inversed: 255, 255, 255;
  --outline-positive-accent: 109, 208, 120;
  --outline-negative-accent: 208, 116, 118;
  --outline-dark-static: 0, 0, 0;
  --outline-light-static: 255, 255, 255;

  --outline-award: rgb(199, 150, 55);

  /* Fill токены */

  --opacity-fill-disabled: 0.3;
  --fill-disabled: rgba(0, 0, 0, var(--opacity-fill-disabled));

  --fill-highlight: 255, 238, 164;
  --fill-primary: 51, 51, 51;
  --fill-primary-hover: 3, 3, 3;
  --fill-secondary: 234, 234, 234;
  --fill-secondary-static: 234, 234, 234;
  --fill-secondary-hover: 219, 219, 219;
  --fill-interactive: 46, 46, 229;
  --fill-interactive-hover: 0, 0, 178;
  --fill-additional: 0, 206, 51;
  --fill-additional-hover: 43, 217, 87;
  --fill-positive: 33, 158, 85;
  --fill-positive-hover: 12, 131, 56;
  --fill-warning: 175, 95, 55;
  --fill-warning-hover: 153, 71, 31;
  --fill-negative: 212, 59, 45;
  --fill-negative-hover: 189, 30, 19;

  /*
      Токены со значениями opacity для подчеркивания ссылок, используются в links.tokens
    */
  --opacity-link-border: 0.3;
  --opacity-link-border-hover: 0.7;
}
/*
Ссылка на фигму: https://www.figma.com/design/zcb6cfPRT4fzfupDrKmJ9T/%E2%9C%85-%D0%A2%E2%80%93%E2%80%93%D0%96-%D0%A1%D0%B8%D1%81%D1%82%D0%B5%D0%BC%D0%B0?node-id=0-1&t=mSFTSWXFP1FScPer-0
*/
.tj-dark-theme {
  /*
    Основной набор цветов задаётся триадами
    для смешивания с токенами opacity
    */

  /* Background токены */

  --background-primary: 18, 21, 28;
  --background-secondary: 18, 21, 28;

  /* Surface токены */

  --surface-primary: 32, 35, 42;
  --surface-secondary: 32, 35, 42;
  --surface-hover: 42, 44, 51;

  --surface-interactive: 51, 51, 102;
  --surface-interactive-hover: 62, 62, 117;

  --opacity-surface-disabled: 0.03;
  --surface-disabled: rgba(255, 255, 255, var(--opacity-surface-disabled));

  --surface-positive: 41, 68, 51;
  --surface-positive-hover: 62, 87, 71;

  --surface-warning: 65, 56, 50;
  --surface-warning-hover: 84, 76, 71;

  --surface-negative: 65, 45, 50;
  --surface-negative-hover: 84, 66, 71;

  --surface-accent: 225, 228, 242;

  --opacity-surface-top: 0.5;
  --surface-top: rgba(0, 0, 0, var(--opacity-surface-top));

  --surface-award: rgb(226, 191, 120);
  --surface-award-hover: rgb(255, 228, 175);

  /* Outline токены */

  --outline-primary: 255, 255, 255;
  --outline-secondary: 208, 208, 210;
  --outline-hover: 231, 232, 232;
  --outline-placeholder: 136, 138, 141;
  --outline-initial: 113, 114, 119;

  --opacity-outline-disabled: 0.3;
  --outline-disabled: rgba(255, 255, 255, var(--opacity-outline-disabled));

  --opacity-outline-faint-disabled: 0.05;

  --outline-faint: 89, 91, 96;
  --outline-faint-hover: 136, 138, 141;
  --outline-faint-disabled: rgba(
    255,
    255,
    255,
    var(--opacity-outline-faint-disabled)
  );
  --outline-slight: 62, 65, 70;
  --outline-slight-hover: 91, 95, 101;

  --opacity-outline-slight-disabled: 0.05;
  --outline-slight-disabled: rgba(
    255,
    255,
    255,
    var(--opacity-outline-slight-disabled)
  );

  --outline-focus: 130, 139, 187;
  --outline-interactive: 147, 162, 255;
  --outline-interactive-hover: 129, 129, 246;
  --outline-positive: 109, 208, 120;
  --outline-positive-hover: 166, 255, 176;

  --opacity-outline-positive-disabled: 0.15;
  --outline-positive-disabled: rgba(
    132,
    255,
    143,
    var(--opacity-outline-positive-disabled)
  );

  --outline-warning: 204, 158, 112;
  --outline-warning-hover: 255, 217, 178;

  --opacity-outline-warning-disabled: 0.15;
  --outline-warning-disabled: rgba(
    204,
    158,
    112,
    var(--opacity-outline-warning-disabled)
  );

  --outline-negative: 218, 133, 134;
  --outline-negative-hover: 255, 166, 168;

  --opacity-outline-negative-disabled: 0.15;
  --outline-negative-disabled: rgba(
    218,
    133,
    134,
    var(--opacity-outline-negative-disabled)
  );

  --outline-inversed: 0, 0, 0;
  --outline-positive-accent: 49, 155, 76;
  --outline-negative-accent: 239, 61, 48;
  --outline-dark-static: 0, 0, 0;
  --outline-light-static: 255, 255, 255;

  --outline-award: rgb(226, 191, 120);

  /* Fill токены */

  --opacity-fill-disabled: 0.3;
  --fill-disabled: rgba(255, 255, 255, var(--opacity-fill-disabled));

  --fill-highlight: 208, 208, 210;
  --fill-primary: 245, 245, 249;
  --fill-primary-hover: 255, 255, 255;
  --fill-secondary: 54, 57, 63;
  --fill-secondary-static: 234, 234, 234;
  --fill-secondary-hover: 65, 68, 73;
  --fill-interactive: 88, 105, 211;
  --fill-interactive-hover: 120, 134, 221;
  --fill-additional: 132, 255, 143;
  --fill-additional-hover: 173, 255, 181;
  --fill-positive: 40, 133, 78;
  --fill-positive-hover: 99, 153, 121;
  --fill-warning: 204, 123, 82;
  --fill-warning-hover: 178, 131, 107;
  --fill-negative: 178, 65, 65;
  --fill-negative-hover: 204, 82, 82;

  /* Токены со значениями opacity для подчеркивания ссылок, используются в links.tokens */
  --opacity-link-border: 0.5;
  --opacity-link-border-hover: 0.7;
}
/*
Ссылка на фигму: https://www.figma.com/file/jkHtV3zvDVBK6GsgfjirGp/%D0%A2%E2%80%94%D0%96-%D0%9A%D0%B0%D1%81%D1%82%D0%BE%D0%BC%D0%BD%D1%8B%D0%B5-%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2%D1%8B%D0%B5-%D1%81%D1%85%D0%B5%D0%BC%D1%8B.-%D0%9E%C2%A0%D0%B2%D0%B0%D0%B6%D0%BD%D0%BE%D0%BC?type=design&node-id=7732-10748&mode=design&t=1GnwnUkpCZZ3is8X-0
*/
.tj-vazhno-light-theme {
  /*
    Основной набор цветов задаётся триадами
    для смешивания с токенами opacity
    */

  /* Background токены */

  --background-primary: 239, 246, 248;
  --background-secondary: 255, 255, 255;

  /* Surface токены */

  --surface-primary: 255, 255, 255;
  --surface-secondary: 239, 246, 248;
  --surface-hover: 229, 237, 239;

  --surface-interactive: 199, 237, 243;
  --surface-interactive-hover: 192, 228, 234;

  --opacity-surface-disabled: 0.02;
  --surface-disabled: rgba(0, 0, 0, var(--opacity-surface-disabled));

  --surface-positive: 239, 249, 244;
  --surface-positive-hover: 227, 237, 230;

  --surface-warning: 253, 247, 242;
  --surface-warning-hover: 240, 235, 230;

  --surface-negative: 254, 242, 243;
  --surface-negative-hover: 241, 231, 230;

  --surface-accent: 15, 33, 39;

  --opacity-surface-top: 0.5;
  --surface-top: rgba(0, 0, 0, var(--opacity-surface-top));

  --surface-award: rgb(199, 150, 55);
  --surface-award-hover: rgb(235, 197, 125);

  /* Outline токены */

  --outline-primary: 0, 0, 0;
  --outline-secondary: 0, 0, 0;
  --outline-hover: 66, 93, 102;
  --outline-placeholder: 118, 139, 142;
  --outline-initial: 163, 183, 186;

  --opacity-outline-disabled: 0.3;
  --outline-disabled: rgba(0, 0, 0, var(--opacity-outline-disabled));

  --opacity-outline-faint-disabled: 0.05;

  --outline-faint: 201, 216, 219;
  --outline-faint-hover: 169, 182, 185;
  --outline-faint-disabled: rgba(
    0,
    0,
    0,
    var(--opacity-outline-faint-disabled)
  );
  --outline-slight: 220, 236, 238;
  --outline-slight-hover: 197, 215, 218;

  --opacity-outline-slight-disabled: 0.05;
  --outline-slight-disabled: rgba(
    0,
    103,
    137,
    var(--opacity-outline-slight-disabled)
  );

  --outline-focus: 127, 194, 216;
  --outline-interactive: 0, 114, 152;
  --outline-interactive-hover: 0, 77, 102;
  --outline-positive: 0, 132, 61;
  --outline-positive-hover: 31, 102, 64;

  --opacity-outline-positive-disabled: 0.1;
  --outline-positive-disabled: rgba(
    2,
    131,
    35,
    var(--opacity-outline-positive-disabled)
  );

  --outline-warning: 182, 87, 0;
  --outline-warning-hover: 128, 53, 0;

  --opacity-outline-warning-disabled: 0.1;
  --outline-warning-disabled: rgba(
    209,
    70,
    0,
    var(--opacity-outline-warning-disabled)
  );

  --outline-negative: 219, 19, 43;
  --outline-negative-hover: 153, 15, 32;

  --opacity-outline-negative-disabled: 0.1;
  --outline-negative-disabled: rgba(
    219,
    33,
    19,
    var(--opacity-outline-negative-disabled)
  );

  --outline-inversed: 255, 255, 255;
  --outline-positive-accent: 109, 208, 120;
  --outline-negative-accent: 208, 116, 118;
  --outline-dark-static: 0, 0, 0;
  --outline-light-static: 255, 255, 255;

  --outline-award: rgb(199, 150, 55);

  /* Fill токены */

  --opacity-fill-disabled: 0.3;
  --fill-disabled: rgba(0, 0, 0, var(--opacity-fill-disabled));

  --fill-highlight: 255, 238, 164;
  --fill-primary: 27, 60, 71;
  --fill-primary-hover: 2, 24, 31;
  --fill-secondary: 221, 232, 234;
  --fill-secondary-static: 234, 234, 234;
  --fill-secondary-hover: 192, 214, 218;
  --fill-interactive: 2, 146, 193;
  --fill-interactive-hover: 11, 108, 140;
  --fill-additional: 0, 206, 95;
  --fill-additional-hover: 43, 217, 113;
  --fill-positive: 29, 160, 97;
  --fill-positive-hover: 10, 121, 74;
  --fill-warning: 175, 95, 55;
  --fill-warning-hover: 153, 71, 31;
  --fill-negative: 212, 45, 65;
  --fill-negative-hover: 189, 19, 19;

  /*
      Токены со значениями opacity для подчеркивания ссылок, используются в links.tokens
    */
  --opacity-link-border: 0.3;
  --opacity-link-border-hover: 0.7;
}
@font-face {
  font-family: Graphik;
  src: url('https://static2.tinkoffjournal.ru/fonts/Graphik-Regular-Converted.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Graphik;
  src: url('https://static2.tinkoffjournal.ru/fonts/Graphik-Semibold-Converted.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Charter;
  src: url('https://static2.tinkoffjournal.ru/fonts/charter-regular.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ruble Sans';
  src:
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-regular.v2.woff2')
      format('woff2'),
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-regular.v2.woff')
      format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Ruble Sans';
  src:
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-medium.v2.woff2')
      format('woff2'),
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-medium.v2.woff')
      format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Ruble Sans';
  src:
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-semibold.v2.woff2')
      format('woff2'),
    url('https://static2.tinkoffjournal.ru/fonts/ruble-sans-semibold.v2.woff')
      format('woff');
  font-weight: 600;
  font-style: normal;
}
/* шрифт для поддержки отображение эмоджи флагов в системе windows */
@font-face {
  font-family: 'Noto Color Emoji';
  src: url('https://static2.tinkoffjournal.ru/fonts/Noto-Color-Emoji.0.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+1f1e6-1f1ff;
}
@font-face {
  font-family: 'Noto Color Emoji';
  src: url('https://static2.tinkoffjournal.ru/fonts/Noto-Color-Emoji.1.woff2')
    format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+200d, U+2620, U+26a7, U+fe0f, U+1f308, U+1f38c, U+1f3c1,
    U+1f3f3-1f3f4, U+1f6a9, U+e0062-e0063, U+e0065, U+e0067, U+e006c, U+e006e,
    U+e0073-e0074, U+e0077, U+e007f;
}
:root {
  --modal-index: 2001;
}
/*
    Переменные ссылок нельзя вешать на :root, потому что они зависят
    от цветов темы. Вешаем их на контейнер темы
*/
.tj-light-theme, .tj-dark-theme, .tj-vazhno-light-theme {
  --color-link-border: rgba(
    var(--outline-interactive),
    var(--opacity-link-border)
  );
  --color-link-border-hover: rgba(
    var(--outline-interactive),
    var(--opacity-link-border-hover)
  );

  --color-link-positive-border: rgba(
    var(--outline-positive),
    var(--opacity-link-border)
  );
  --color-link-positive-border-hover: rgba(
    var(--outline-positive),
    var(--opacity-link-border-hover)
  );

  --color-link-negative-border: rgba(
    var(--outline-negative),
    var(--opacity-link-border)
  );
  --color-link-negative-border-hover: rgba(
    var(--outline-negative),
    var(--opacity-link-border-hover)
  );

  --color-link-warning-border: rgba(
    var(--outline-warning),
    var(--opacity-link-border)
  );
  --color-link-warning-border-hover: rgba(
    var(--outline-warning),
    var(--opacity-link-border-hover)
  );

  --color-link-interactive-border: rgba(
    var(--outline-interactive),
    var(--opacity-link-border)
  );
  --color-link-interactive-border-hover: rgba(
    var(--outline-interactive),
    var(--opacity-link-border-hover)
  );

  --color-link-placeholder-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-link-placeholder-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );

  --color-link-dim-border: rgba(
    var(--outline-initial),
    var(--opacity-link-border)
  );
  --color-link-dim-border-hover: rgba(
    var(--outline-initial),
    var(--opacity-link-border-hover)
  );
}
:root {
  /* Title */
  --title-mobile: bold 32px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --title-desktop: bold 45px/50px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --title: var(--title-mobile);
}
@media (min-width: 760px) {
:root {
    --title: var(--title-desktop);
}
  }
:root {

  --title-small-mobile: bold 30px/32px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --title-small-desktop: bold 45px/50px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --title-small: var(--title-small-mobile);
}
@media (min-width: 760px) {
:root {
    --title-small: var(--title-small-desktop);
}
  }
:root {

  --subtitle-mobile: 24px/30px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  --subtitle-desktop: 30px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --subtitle: var(--subtitle-mobile);
}
@media (min-width: 760px) {
:root {
    --subtitle: var(--subtitle-desktop);
}
  }
:root {

  /* Heading */
  --heading-one-mobile: bold 28px/30px Graphik, 'Apple Color Emoji', sans-serif,
    'Noto Color Emoji', sans-serif;
  --heading-one-desktop: bold 38px/45px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-one: var(--heading-one-mobile);
}
@media (min-width: 760px) {
:root {
    --heading-one: var(--heading-one-desktop);
}
  }
:root {

  --heading-two-mobile: bold 24px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-two-desktop: bold 28px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-two: var(--heading-two-mobile);
}
@media (min-width: 760px) {
:root {
    --heading-two: var(--heading-two-desktop);
}
  }
:root {

  --heading-three: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --heading-four-mobile: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-four-desktop: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-four: var(--heading-four-mobile);
}
@media (min-width: 760px) {
:root {
    --heading-four: var(--heading-four-desktop);
}
  }
:root {

  --heading-five: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --heading-six-mobile: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-six-desktop: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --heading-six: var(--heading-six-mobile);
}
@media (min-width: 760px) {
:root {
    --heading-six: var(--heading-six-desktop);
}
  }
:root {

  /* Body */
  --body-primary-mobile: 17px/25px Charter, 'Times New Roman',
    'Apple Color Emoji', 'Noto Color Emoji';
  --body-primary-desktop: 21px/30px Charter, 'Times New Roman',
    'Apple Color Emoji', 'Noto Color Emoji';
  --body-primary: var(--body-primary-mobile);
}
@media (min-width: 760px) {
:root {
    --body-primary: var(--body-primary-desktop);
}
  }
:root {

  --body-secondary-mobile: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-secondary-desktop: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-secondary: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
:root {
    --body-secondary: var(--body-secondary-desktop);
}
  }
:root {

  --body-secondary-bold-mobile: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-secondary-bold-desktop: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-secondary-bold: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
:root {
    --body-secondary-bold: var(--body-secondary-bold-desktop);
}
  }
:root {

  --body-extra-large-desktop: 21px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-extra-large-mobile: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-extra-large: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
:root {
    --body-extra-large: var(--body-extra-large-desktop);
}
  }
:root {

  --body-extra-large-bold-desktop: bold 21px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-extra-large-bold-mobile: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --body-extra-large-bold: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
:root {
    --body-extra-large-bold: var(--body-extra-large-bold-desktop);
}
  }
:root {

  --body-large: 17px/25px Graphik, 'Apple Color Emoji', 'Noto Color Emoji';

  --body-large-bold: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --body-medium: 15px/20px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;

  --body-medium-bold: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --body-small: 13px/15px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;

  --body-small-bold: bold 13px/15px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  /* Interface */

  --interface-heading-one-desktop: bold 55px/55px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-heading-one-mobile: bold 28px/32px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-heading-one: var(--interface-heading-one-mobile);
}
@media (min-width: 760px) {
:root {
    --interface-heading-one: var(--interface-heading-one-desktop);
}
  }
:root {


  --interface-heading-two-desktop: bold 24px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-heading-two-mobile: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-heading-two: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
:root {
    --interface-heading-two: var(--interface-heading-two-desktop);
}
  }
:root {

  --interface-heading-two-regular-desktop: 24px/30px Graphik,
    'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
  --interface-heading-two-regular-mobile: 21px/25px Graphik,
    'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
  --interface-heading-two-regular: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
:root {
    --interface-heading-two-regular: var(--interface-heading-two-regular-desktop);
}
  }
:root {

  --interface-primary: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --interface-secondary: 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --interface-caption: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;

  --interface-error-mobile: 13px/15px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-error-desktop: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --interface-error: var(--interface-error-mobile);
}
@media (min-width: 760px) {
:root {
    --interface-error: var(--interface-error-desktop);
}
  }
:root {

  /* Accent */
  --accent-number: 45px/50px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;

  --accent-quote-mobile: 25px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-quote-desktop: 35px/50px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-quote: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
:root {
    --accent-quote: var(--accent-quote-desktop);
}
  }
:root {

  --accent-static: 32px/35px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;

  --accent-lead-mobile: 23px/30px Charter, 'Apple Color Emoji',
    'Noto Color Emoji';
  --accent-lead-desktop: 27px/35px Charter, 'Apple Color Emoji',
    'Noto Color Emoji';
  --accent-lead: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
:root {
    --accent-lead: var(--accent-lead-desktop);
}
  }
:root {

  --accent-bold-mobile: bold 16px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-bold-desktop: bold 19px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-bold: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
:root {
    --accent-bold: var(--accent-bold-desktop);
}
  }
:root {

  --accent-label-mobile: 13px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-label-desktop: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  --accent-label: var(--accent-label-mobile);
}
@media (min-width: 760px) {
:root {
    --accent-label: var(--accent-label-desktop);
}
  }
:root {

  --accent-impact: 23px/25px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
}
/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--hBP63 {
  font: 45px/50px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  font: var(--accent-number);
}
.accent-quote--dJmHd {
  font: 25px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--dJmHd {
    font: 35px/50px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--accent-quote-desktop);
}
  }
.accent-static--yHivc {
  font: 32px/35px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  font: var(--accent-static);
}
.accent-lead--qFMyd {
  font: 23px/30px Charter, 'Apple Color Emoji',
    'Noto Color Emoji';
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--qFMyd {
    font: 27px/35px Charter, 'Apple Color Emoji',
    'Noto Color Emoji';
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--GM9f_ {
  font: 23px/25px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  font: var(--accent-impact);
}
.accent-bold--TrgjZ {
  font: bold 16px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--TrgjZ {
    font: bold 19px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--accent-bold-desktop);
}
  }
.accent-label--ivQ9J {
  font: 13px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--ivQ9J {
    font: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--vEfGZ {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--vEfGZ {
    padding: 4px 2px;
}
  }
mark.highlight--vEfGZ[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--f0xAc {
  font: 17px/25px Charter, 'Times New Roman',
    'Apple Color Emoji', 'Noto Color Emoji';
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--f0xAc {
    font: 21px/30px Charter, 'Times New Roman',
    'Apple Color Emoji', 'Noto Color Emoji';
    font: var(--body-primary-desktop);
}
  }
.body-primary--f0xAc b, .body-primary--f0xAc strong {
  font: bold 16px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--f0xAc b, .body-primary--f0xAc strong {
    font: bold 19px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--icrsJ {
  font: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--icrsJ {
    font: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--icrsJ b, .body-secondary--icrsJ strong {
  font: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--icrsJ b, .body-secondary--icrsJ strong {
    font: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--UHRR2 {
  font: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--UHRR2 {
    font: 21px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--UHRR2 b, .body-extra-large--UHRR2 strong, .body-extra-large-bold--Oq2n4 {
  font: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--UHRR2 b, .body-extra-large--UHRR2 strong, .body-extra-large-bold--Oq2n4 {
    font: bold 21px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--mkJZk {
  font: 17px/25px Graphik, 'Apple Color Emoji', 'Noto Color Emoji';
  font: var(--body-large);
}
.body-large--mkJZk b, .body-large--mkJZk strong, .body-large-bold--mYuej {
  font: bold 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-large-bold);
}
.body-medium--vhNlW {
  font: 15px/20px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  font: var(--body-medium);
}
.body-medium--vhNlW b, .body-medium--vhNlW strong, .body-medium-bold--jepb_ {
  font: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-medium-bold);
}
.body-small--ZhwQI {
  font: 13px/15px Graphik, 'Apple Color Emoji', 'Noto Color Emoji',
    sans-serif;
  font: var(--body-small);
}
.body-small--ZhwQI b, .body-small--ZhwQI strong, .body-small-bold--IbwSr {
  font: bold 13px/15px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--body-small-bold);
}
.heading-one--vDmCp, .h1--MA3wm {
  font: bold 28px/30px Graphik, 'Apple Color Emoji', sans-serif,
    'Noto Color Emoji', sans-serif;
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--vDmCp, .h1--MA3wm {
    font: bold 38px/45px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--heading-one-desktop);
}
  }
.heading-two--MxRN4, .h2--r7Sfj {
  font: bold 24px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--MxRN4, .h2--r7Sfj {
    font: bold 28px/35px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--heading-two-desktop);
}
  }
.heading-three--Ry874, .h3--IwfAf {
  font: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--heading-three);
}
.heading-four--MOk5C, .h4--PFgJi {
  font: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--MOk5C, .h4--PFgJi {
    font: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--heading-four-desktop);
}
  }
.heading-five--oUGvZ, .h5--zjWoX {
  font: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--heading-five);
}
.heading-six--Whaii, .h6--_czdf {
  font: bold 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--Whaii, .h6--_czdf {
    font: bold 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--zzfjp {
  font: bold 28px/32px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--zzfjp {
    font: bold 55px/55px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--ogjcZ {
  font: bold 21px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--ogjcZ {
    font: bold 24px/30px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--ydjn9 {
  font: 17px/25px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-primary);
}
.interface-secondary--YTC4f {
  font: 17px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-secondary);
}
.interface-error--E_JTr {
  font: 13px/15px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--E_JTr {
    font: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--interface-error-desktop);
}
  }
.interface-caption--aoBTk {
  font: 15px/20px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
  font: var(--interface-caption);
}
.interface-heading--BfJJu {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--BfJJu {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--JRbJm {
  font: 21px/25px Graphik,
    'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--JRbJm {
    font: 24px/30px Graphik,
    'Apple Color Emoji', 'Noto Color Emoji', sans-serif;
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--UpuRA, a.a--UpuRA, span.a--UpuRA {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--UpuRA:hover, a.a--UpuRA:hover, span.a--UpuRA:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-border-hover),
        var(--color-link-border-hover)
      );
      background-repeat: repeat-x;
      background-size: 100% 1px;
      background-position: 0 100%;
    }
  }
a.a--UpuRA[data-underline-gap='medium'], span.a--UpuRA[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--UpuRA[data-underline-gap='small'], span.a--UpuRA[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--UpuRA[data-pseudo='true'], span.a--UpuRA[data-pseudo='true'] {
  background-image: linear-gradient(
    to right,
    var(--color-link-border) 5px,
    transparent 4px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 4px) 1px;
}
@media (hover: hover) {
    a.a--UpuRA[data-pseudo='true']:hover, span.a--UpuRA[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--UpuRA[data-secondary='true'], span.a--UpuRA[data-secondary='true'] {
  color: rgb(var(--outline-secondary));
  background-image: linear-gradient(
    rgba(var(--outline-secondary), var(--opacity-link-border)),
    rgba(var(--outline-secondary), var(--opacity-link-border))
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 100% 1px;
}
@media (hover: hover) {
    a.a--UpuRA[data-secondary='true']:hover, span.a--UpuRA[data-secondary='true']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-secondary));
      background-image: linear-gradient(
        rgba(var(--outline-secondary), var(--opacity-link-border-hover)),
        rgba(var(--outline-secondary), var(--opacity-link-border-hover))
      );
    }
  }
a.a--UpuRA[data-surface='positive'], span.a--UpuRA[data-surface='positive'] {
  color: rgb(var(--outline-positive));
  background-image: linear-gradient(
    var(--color-link-positive-border),
    var(--color-link-positive-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='positive']:hover, span.a--UpuRA[data-surface='positive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-positive));
      background-image: linear-gradient(
        var(--color-link-positive-border-hover),
        var(--color-link-positive-border-hover)
      );
    }
  }
a.a--UpuRA[data-surface='negative'], span.a--UpuRA[data-surface='negative'] {
  color: rgb(var(--outline-negative));
  background-image: linear-gradient(
    var(--color-link-negative-border),
    var(--color-link-negative-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='negative']:hover, span.a--UpuRA[data-surface='negative']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-negative));
      background-image: linear-gradient(
        var(--color-link-negative-border-hover),
        var(--color-link-negative-border-hover)
      );
    }
  }
a.a--UpuRA[data-surface='warning'], span.a--UpuRA[data-surface='warning'] {
  color: rgb(var(--outline-warning));
  background-image: linear-gradient(
    var(--color-link-warning-border),
    var(--color-link-warning-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='warning']:hover, span.a--UpuRA[data-surface='warning']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-warning));
      background-image: linear-gradient(
        var(--color-link-warning-border-hover),
        var(--color-link-warning-border-hover)
      );
    }
  }
a.a--UpuRA[data-surface='interactive'], span.a--UpuRA[data-surface='interactive'] {
  color: rgb(var(--outline-interactive));
  background-image: linear-gradient(
    var(--color-link-interactive-border),
    var(--color-link-interactive-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='interactive']:hover, span.a--UpuRA[data-surface='interactive']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-interactive));
      background-image: linear-gradient(
        var(--color-link-interactive-border-hover),
        var(--color-link-interactive-border-hover)
      );
    }
  }
a.a--UpuRA[data-surface='placeholder'], span.a--UpuRA[data-surface='placeholder'] {
  color: rgb(var(--outline-placeholder));
  background-image: linear-gradient(
    var(--color-link-placeholder-border),
    var(--color-link-placeholder-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='placeholder']:hover, span.a--UpuRA[data-surface='placeholder']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-placeholder));
      background-image: linear-gradient(
        var(--color-link-placeholder-border-hover),
        var(--color-link-placeholder-border-hover)
      );
    }
  }
a.a--UpuRA[data-surface='dim'], span.a--UpuRA[data-surface='dim'] {
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  background-image: linear-gradient(
    var(--color-link-dim-border),
    var(--color-link-dim-border)
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-surface='dim']:hover, span.a--UpuRA[data-surface='dim']:hover {
      /* Дублируем цвет для старого фронта */
      color: rgb(var(--outline-#000));
      color: rgb(var(--outline-initial));
      background-image: linear-gradient(
        var(--color-link-dim-border-hover),
        var(--color-link-dim-border-hover)
      );
    }
  }
a.a--UpuRA[data-inverse='true'], span.a--UpuRA[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--UpuRA[data-inverse='true']:hover, span.a--UpuRA[data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
a.a--UpuRA[data-secondary='true'][data-inverse='true'], span.a--UpuRA[data-secondary='true'][data-inverse='true'] {
  color: rgba(var(--outline-inversed));
  background-image: linear-gradient(
    rgba(var(--outline-inversed), var(--opacity-link-border)),
    rgba(var(--outline-inversed), var(--opacity-link-border))
  );
}
@media (hover: hover) {
    a.a--UpuRA[data-secondary='true'][data-inverse='true']:hover, span.a--UpuRA[data-secondary='true'][data-inverse='true']:hover {
      background-image: linear-gradient(
        rgba(var(--outline-inversed), var(--opacity-link-border-hover)),
        rgba(var(--outline-inversed), var(--opacity-link-border-hover))
      );
    }
  }
.tj-light-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.tj-dark-theme {
  /* Шрифты */
  --font-title: var(--heading-three);
  --font-default: var(--body-large);
  --font-search-mobile: var(--title-mobile);
  --font-search-tablet: var(--title-desktop);
  --font-bold-default: var(--body-large-bold);
  --font-back-button: var(--interface-secondary);
  --font-default-medium: var(--body-medium);
  --font-experts-name: var(--body-medium-bold);

  /* Цвета текста */
  --color-text-title: rgb(var(--outline-primary));
  --color-text-default: rgb(var(--outline-secondary));
  --color-text-hover: rgb(var(--outline-hover));
  --color-text-interactive: rgba(
    var(--outline-secondary),
    var(--opacity-link-border)
  );
  --color-text-interactive-hover: rgba(
    var(--outline-secondary),
    var(--opacity-link-border-hover)
  );
  --color-text-popover: rgb(var(--color-neutral-primary-on));
  --color-text-search-placeholder: rgb(var(--outline-initial));
  --color-text-search-subscription: rgb(var(--outline-placeholder));
  --color-text-search-button: rgb(var(--surface-on-static));
  --color-text-expert-name-hover: rgb(var(--surface-on-hover));

  /* Цвета элементов */
  --color-cut-button-border: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border)
  );
  --color-cut-button-border-hover: rgba(
    var(--outline-placeholder),
    var(--opacity-link-border-hover)
  );
  --color-background-default: rgb(var(--surface-primary));
  --color-background-hover: rgb(var(--surface-hover));
  --color-border-default: rgb(var(--outline-slight));
  --color-border-hover: rgb(var(--outline-slight-hover));
  --color-control-base: rgb(var(--outline-placeholder));
  --color-control-hover: rgb(var(--outline-hover));
  --color-tooltip-background: rgb(var(--fill-secondary));
  --color-tooltip-background-hover: rgb(var(--fill-secondary-hover));
  --color-tooltip-link: rgba(var(--outline-inversed), 0.3);
  --color-tooltip-link-hover: rgba(var(--outline-inversed), 0.7);
  --color-popover-background: rgb(var(--surface-accent));
  --color-blackout: rgb(var(--background-primary));
  --color-search-button: rgb(var(--button-primary));

  /* Цвета свечения */
  --color-gradient-green: radial-gradient(
    50% 50% at 50% 50%,
    rgba(0, 165, 39, 0.3) 0%,
    rgba(0, 165, 70, 0.2) 34.9%,
    rgba(0, 165, 133, 0.1) 70.31%,
    rgba(0, 165, 133, 0) 100%
  );
  --color-gradient-red: radial-gradient(
    50% 50% at 50% 50%,
    rgba(255, 46, 71, 0.3) 0%,
    rgba(255, 46, 86, 0.2) 34.9%,
    rgba(255, 46, 118, 0.1) 70.31%,
    rgba(255, 46, 134, 0) 100%
  );
  --color-gradient-white: radial-gradient(
    50% 50% at 50% 50%,
    rgba(199, 199, 199, 0.3) 0%,
    rgba(167, 178, 194, 0.2) 34.9%,
    rgba(105, 137, 186, 0.1) 70.31%,
    rgba(74, 117, 182, 0) 100%
  );
  --color-gradient-purple: radial-gradient(
    50% 50% at 50% 50%,
    rgba(50, 50, 255, 0.3) 0%,
    rgba(50, 50, 255, 0) 100%
  );

  /* Размер свечения */
  --size-gradient-mobile: 350px;
  --size-gradient-tablet: 600px;

  /* Размер отступов от краев в стандартном блоке  */
  --padding-block-mobile: 20px;
  --padding-block-tablet-top: 25px;
  --padding-block-tablet-main: 30px;

  /* Размеры шапки */
  --header-mobile-size: 135px;
  --header-tablet-size: 145px;
  --header-desktop-size: 81px;

  /* Стандартные размеры блоков */
  --block-tablet-width: 700px;
  --block-desktop-width: 760px;
}
.default-title--v8Wtm {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--xoTTT, .default-link--WtShp {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--WtShp {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--t3Q7A {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--size-gradient-mobile);
  height: var(--size-gradient-mobile);
}
@media (min-width: 760px) {
.default-gradient--t3Q7A {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--vsPEK {
  font: bold 28px/30px Graphik, 'Apple Color Emoji', sans-serif,
    'Noto Color Emoji', sans-serif;
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--vsPEK {
    font: bold 38px/45px Graphik, 'Apple Color Emoji',
    'Noto Color Emoji', sans-serif;
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--WtShp:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
* {
  margin: 0;
  padding: 0;
}
.root--gk9KX {
  position: relative;
  display: block;
  justify-content: center;
  min-width: 360px;
  min-height: 100vh;
  background-color: rgb(var(--background-primary));
  overflow: clip;
}
.main--f0Z2t {
  display: flex;
  flex-direction: column;
  max-width: var(--block-desktop-width);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

