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

/*
  Под капотом скрываются такие переменные
  @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);
  }
}

.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--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--Bl8Fr {
  font: var(--accent-number);
}
.accent-quote--aNBCl {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--aNBCl {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--MWqeB {
  font: var(--accent-static);
}
.accent-lead--bzT_b {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--bzT_b {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--yU3FN {
  font: var(--accent-impact);
}
.accent-bold--EIKxd {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--EIKxd {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--ACnTA {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--ACnTA {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--i_vIR {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--i_vIR {
    padding: 4px 2px;
}
  }
mark.highlight--i_vIR[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--HB8Yd {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--HB8Yd {
    font: var(--body-primary-desktop);
}
  }
.body-primary--HB8Yd b, .body-primary--HB8Yd strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--HB8Yd b, .body-primary--HB8Yd strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--sQ7RH {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--sQ7RH {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--sQ7RH b, .body-secondary--sQ7RH strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--sQ7RH b, .body-secondary--sQ7RH strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--o4pVL {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--o4pVL {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--o4pVL b, .body-extra-large--o4pVL strong, .body-extra-large-bold--O7T2W {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--o4pVL b, .body-extra-large--o4pVL strong, .body-extra-large-bold--O7T2W {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--w7KpD {
  font: var(--body-large);
}
.body-large--w7KpD b, .body-large--w7KpD strong, .body-large-bold--TktzL {
  font: var(--body-large-bold);
}
.body-medium--aC1wn {
  font: var(--body-medium);
}
.body-medium--aC1wn b, .body-medium--aC1wn strong, .body-medium-bold--TcKOa {
  font: var(--body-medium-bold);
}
.body-small--UqOEG {
  font: var(--body-small);
}
.body-small--UqOEG b, .body-small--UqOEG strong, .body-small-bold--cySft {
  font: var(--body-small-bold);
}
.heading-one--CdRhI, .h1--x1l95 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--CdRhI, .h1--x1l95 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--eXp5J, .h2--bWtYq {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--eXp5J, .h2--bWtYq {
    font: var(--heading-two-desktop);
}
  }
.heading-three--3kwC0, .h3--X0Jhp {
  font: var(--heading-three);
}
.heading-four--ESPLD, .h4--jHit5 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--ESPLD, .h4--jHit5 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--fTwaZ, .h5--vBBOG {
  font: var(--heading-five);
}
.heading-six--d9Hgq, .h6--oFVgN {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--d9Hgq, .h6--oFVgN {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--rjsAY {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--rjsAY {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--K8lQm {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--K8lQm {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--lBPrM {
  font: var(--interface-primary);
}
.interface-secondary--MdumG {
  font: var(--interface-secondary);
}
.interface-error--LQJPc {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--LQJPc {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--xEBT2 {
  font: var(--interface-caption);
}
.interface-heading--XIk7z {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--XIk7z {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--NSwOY {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--NSwOY {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--Q2cKi, a.a--Q2cKi, span.a--Q2cKi {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--Q2cKi:hover, a.a--Q2cKi:hover, span.a--Q2cKi: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--Q2cKi[data-underline-gap='medium'], span.a--Q2cKi[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--Q2cKi[data-underline-gap='small'], span.a--Q2cKi[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--Q2cKi[data-pseudo='true'], span.a--Q2cKi[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--Q2cKi[data-pseudo='true']:hover, span.a--Q2cKi[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--Q2cKi[data-secondary='true'], span.a--Q2cKi[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--Q2cKi[data-secondary='true']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='positive'], span.a--Q2cKi[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--Q2cKi[data-surface='positive']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='negative'], span.a--Q2cKi[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--Q2cKi[data-surface='negative']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='warning'], span.a--Q2cKi[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--Q2cKi[data-surface='warning']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='interactive'], span.a--Q2cKi[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--Q2cKi[data-surface='interactive']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='placeholder'], span.a--Q2cKi[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--Q2cKi[data-surface='placeholder']:hover, span.a--Q2cKi[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--Q2cKi[data-surface='dim'], span.a--Q2cKi[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--Q2cKi[data-surface='dim']:hover, span.a--Q2cKi[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--Q2cKi[data-inverse='true'], span.a--Q2cKi[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--Q2cKi[data-inverse='true']:hover, span.a--Q2cKi[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--Q2cKi[data-secondary='true'][data-inverse='true'], span.a--Q2cKi[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--Q2cKi[data-secondary='true'][data-inverse='true']:hover, span.a--Q2cKi[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--giHzs {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--tIH4o, .default-link--lqteY, .additionalText--du9yc, .searchOpenButton--sTBu5 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--lqteY, .searchOpenButton--sTBu5 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--jfgKW, .gradient--dTPoJ {
  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--jfgKW, .gradient--dTPoJ {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--FYscV {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--FYscV {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--lqteY:hover, .searchOpenButton--sTBu5:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--SxhUD {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100svh;
}
/* Стили для картинки 404 */
.imageBlock--ntkIz {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 30px;
}
@media (min-width: 760px) {
.imageBlock--ntkIz {
    margin-top: 85px;
    margin-bottom: 20px;
}
  }
.image--wM24w {
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 230px;
  height: 195px;
}
@media (min-width: 760px) {
.image--wM24w {
    width: 350px;
    height: 295px;
}
  }
.gradient--dTPoJ {
  width: 300px;
  height: 300px;
  background-image: var(--color-gradient-white);
}
@media (min-width: 760px) {
.gradient--dTPoJ {
    width: 450px;
    height: 450px;
}
  }
/* Стили для подписи */
.mainText--Zh5mZ {
  margin-bottom: 10px;
  font: var(--subtitle-mobile);
  color: var(--color-text-title);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 760px) {
.mainText--Zh5mZ {
    font: var(--subtitle-desktop);
}
  }
.additionalText--du9yc {
  max-width: 310px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
}
@media (min-width: 760px) {
.additionalText--du9yc {
    max-width: 323px;
}
  }
.searchOpenButton--sTBu5 {
  all: unset;
  border-bottom: 1px solid var(--color-text-interactive);
  cursor: pointer;
}

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

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--KajyE {
  font: var(--accent-number);
}
.accent-quote--XmsNa {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--XmsNa {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--IbyUP {
  font: var(--accent-static);
}
.accent-lead--B_YKb {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--B_YKb {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--G42D4 {
  font: var(--accent-impact);
}
.accent-bold--S2J2d {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--S2J2d {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--iBEEl {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--iBEEl {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--GCtVh {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--GCtVh {
    padding: 4px 2px;
}
  }
mark.highlight--GCtVh[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--JJMio {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--JJMio {
    font: var(--body-primary-desktop);
}
  }
.body-primary--JJMio b, .body-primary--JJMio strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--JJMio b, .body-primary--JJMio strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--udZ0K {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--udZ0K {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--udZ0K b, .body-secondary--udZ0K strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--udZ0K b, .body-secondary--udZ0K strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--DZV9m {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--DZV9m {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--DZV9m b, .body-extra-large--DZV9m strong, .body-extra-large-bold--flgjI {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--DZV9m b, .body-extra-large--DZV9m strong, .body-extra-large-bold--flgjI {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--G5eAk {
  font: var(--body-large);
}
.body-large--G5eAk b, .body-large--G5eAk strong, .body-large-bold--rVbwB {
  font: var(--body-large-bold);
}
.body-medium--liZ0X {
  font: var(--body-medium);
}
.body-medium--liZ0X b, .body-medium--liZ0X strong, .body-medium-bold--L_kiG {
  font: var(--body-medium-bold);
}
.body-small--aHuG_ {
  font: var(--body-small);
}
.body-small--aHuG_ b, .body-small--aHuG_ strong, .body-small-bold--uKs82 {
  font: var(--body-small-bold);
}
.heading-one--WhY8l, .h1--_edtf {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--WhY8l, .h1--_edtf {
    font: var(--heading-one-desktop);
}
  }
.heading-two--vQp8F, .h2--DI8rd {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--vQp8F, .h2--DI8rd {
    font: var(--heading-two-desktop);
}
  }
.heading-three--fP_q2, .h3--SOJah {
  font: var(--heading-three);
}
.heading-four--WUoEQ, .h4--nx4pW {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--WUoEQ, .h4--nx4pW {
    font: var(--heading-four-desktop);
}
  }
.heading-five--Ymblk, .h5--_CRjk {
  font: var(--heading-five);
}
.heading-six--QC4iB, .h6--oPZD3 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--QC4iB, .h6--oPZD3 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--RPOu9 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--RPOu9 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--Ir02f {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--Ir02f {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--ZI01_ {
  font: var(--interface-primary);
}
.interface-secondary--Rtk7O {
  font: var(--interface-secondary);
}
.interface-error--ZDOWf {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--ZDOWf {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--aGQvY {
  font: var(--interface-caption);
}
.interface-heading--QSHwl {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--QSHwl {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--PJVmh {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--PJVmh {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--uAHrq, a.a--uAHrq, span.a--uAHrq {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--uAHrq:hover, a.a--uAHrq:hover, span.a--uAHrq: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--uAHrq[data-underline-gap='medium'], span.a--uAHrq[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--uAHrq[data-underline-gap='small'], span.a--uAHrq[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--uAHrq[data-pseudo='true'], span.a--uAHrq[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--uAHrq[data-pseudo='true']:hover, span.a--uAHrq[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--uAHrq[data-secondary='true'], span.a--uAHrq[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--uAHrq[data-secondary='true']:hover, span.a--uAHrq[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--uAHrq[data-surface='positive'], span.a--uAHrq[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--uAHrq[data-surface='positive']:hover, span.a--uAHrq[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--uAHrq[data-surface='negative'], span.a--uAHrq[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--uAHrq[data-surface='negative']:hover, span.a--uAHrq[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--uAHrq[data-surface='warning'], span.a--uAHrq[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--uAHrq[data-surface='warning']:hover, span.a--uAHrq[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--uAHrq[data-surface='interactive'], span.a--uAHrq[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--uAHrq[data-surface='interactive']:hover, span.a--uAHrq[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--uAHrq[data-surface='placeholder'], span.a--uAHrq[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--uAHrq[data-surface='placeholder']:hover, span.a--uAHrq[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--uAHrq[data-surface='dim'], span.a--uAHrq[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--uAHrq[data-surface='dim']:hover, span.a--uAHrq[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--uAHrq[data-inverse='true'], span.a--uAHrq[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--uAHrq[data-inverse='true']:hover, span.a--uAHrq[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--uAHrq[data-secondary='true'][data-inverse='true'], span.a--uAHrq[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--uAHrq[data-secondary='true'][data-inverse='true']:hover, span.a--uAHrq[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--w45wU {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--EzpkP, .default-link--oeIIg {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--oeIIg {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--rXpo3 {
  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--rXpo3 {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--WVBTJ {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--WVBTJ {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--oeIIg:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--Bp0pl {
  position: relative;
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-default);
  border-radius: 15px;
  overflow: hidden;
  cursor: default;
  padding: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.root--Bp0pl {
    padding: var(--padding-block-tablet-main);
    padding-top: var(--padding-block-tablet-top);
}
  }
.root--Bp0pl[data-with-vert-padding='false'] {
  padding-top: 0;
  padding-bottom: 0;
}
.root--Bp0pl[data-with-horizontal-padding='false'] {
  padding-left: 0;
  padding-right: 0;
}
.root--Bp0pl[data-with-overflow-hidden='false'] {
  overflow: inherit;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--K96MN {
  font: var(--accent-number);
}
.accent-quote--kpYAB {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--kpYAB {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--EC9TV {
  font: var(--accent-static);
}
.accent-lead--pfmJV {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--pfmJV {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--HIW77 {
  font: var(--accent-impact);
}
.accent-bold--cbi6x {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--cbi6x {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--DLxID {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--DLxID {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--sIl3h {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--sIl3h {
    padding: 4px 2px;
}
  }
mark.highlight--sIl3h[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--CP4C4 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--CP4C4 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--CP4C4 b, .body-primary--CP4C4 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--CP4C4 b, .body-primary--CP4C4 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--di_mo {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--di_mo {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--di_mo b, .body-secondary--di_mo strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--di_mo b, .body-secondary--di_mo strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--Z_9_J {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Z_9_J {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--Z_9_J b, .body-extra-large--Z_9_J strong, .body-extra-large-bold--uCk1U {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--Z_9_J b, .body-extra-large--Z_9_J strong, .body-extra-large-bold--uCk1U {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--VvOPu {
  font: var(--body-large);
}
.body-large--VvOPu b, .body-large--VvOPu strong, .body-large-bold--L5E41 {
  font: var(--body-large-bold);
}
.body-medium--TWEYV {
  font: var(--body-medium);
}
.body-medium--TWEYV b, .body-medium--TWEYV strong, .body-medium-bold--vnnQD {
  font: var(--body-medium-bold);
}
.body-small--sJ4rX {
  font: var(--body-small);
}
.body-small--sJ4rX b, .body-small--sJ4rX strong, .body-small-bold--ORSmu {
  font: var(--body-small-bold);
}
.heading-one--MdJVL, .h1--zCf3j {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--MdJVL, .h1--zCf3j {
    font: var(--heading-one-desktop);
}
  }
.heading-two--F21Fl, .h2--NAOi6 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--F21Fl, .h2--NAOi6 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--YTRto, .h3--SxcZU {
  font: var(--heading-three);
}
.heading-four--Zzz7b, .h4--xzXSt {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--Zzz7b, .h4--xzXSt {
    font: var(--heading-four-desktop);
}
  }
.heading-five--Bb9M3, .h5--dmDDb {
  font: var(--heading-five);
}
.heading-six--EVxLC, .h6--FVGOr {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--EVxLC, .h6--FVGOr {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--bB2NI {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--bB2NI {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--VzH3w {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--VzH3w {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--V7oLM {
  font: var(--interface-primary);
}
.interface-secondary--DBu3g {
  font: var(--interface-secondary);
}
.interface-error--Si0Hj {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Si0Hj {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--e6EkF {
  font: var(--interface-caption);
}
.interface-heading--Yckj7 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--Yckj7 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--vZ4kD {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--vZ4kD {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--iTQzr, a.a--iTQzr, span.a--iTQzr {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--iTQzr:hover, a.a--iTQzr:hover, span.a--iTQzr: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--iTQzr[data-underline-gap='medium'], span.a--iTQzr[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--iTQzr[data-underline-gap='small'], span.a--iTQzr[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--iTQzr[data-pseudo='true'], span.a--iTQzr[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--iTQzr[data-pseudo='true']:hover, span.a--iTQzr[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--iTQzr[data-secondary='true'], span.a--iTQzr[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--iTQzr[data-secondary='true']:hover, span.a--iTQzr[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--iTQzr[data-surface='positive'], span.a--iTQzr[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--iTQzr[data-surface='positive']:hover, span.a--iTQzr[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--iTQzr[data-surface='negative'], span.a--iTQzr[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--iTQzr[data-surface='negative']:hover, span.a--iTQzr[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--iTQzr[data-surface='warning'], span.a--iTQzr[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--iTQzr[data-surface='warning']:hover, span.a--iTQzr[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--iTQzr[data-surface='interactive'], span.a--iTQzr[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--iTQzr[data-surface='interactive']:hover, span.a--iTQzr[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--iTQzr[data-surface='placeholder'], span.a--iTQzr[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--iTQzr[data-surface='placeholder']:hover, span.a--iTQzr[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--iTQzr[data-surface='dim'], span.a--iTQzr[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--iTQzr[data-surface='dim']:hover, span.a--iTQzr[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--iTQzr[data-inverse='true'], span.a--iTQzr[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--iTQzr[data-inverse='true']:hover, span.a--iTQzr[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--iTQzr[data-secondary='true'][data-inverse='true'], span.a--iTQzr[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--iTQzr[data-secondary='true'][data-inverse='true']:hover, span.a--iTQzr[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--RESYR {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--RjEej, .default-link--ZohNw, .markText--H_hRA {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--ZohNw {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--nBsW6, .gradient--rh5MB {
  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--nBsW6, .gradient--rh5MB {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--nJriw {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--nJriw {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--ZohNw:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Позиционирование */
.root--a2rZu {
  display: grid;
  grid-template-columns: 1fr 50px;
  grid-template-rows: 1fr 50px;
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  margin-bottom: 10px;
}
@media (min-width: 760px) {
.root--a2rZu {
    grid-template-columns: 1fr 85px;
    grid-template-rows: 1fr 25px;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    margin-bottom: 0;
}
  }
/* Название лекарства */
.title--huZ67 {
  z-index: 2;
  grid-area: 1 / 1 / 2 / 3;
  font: var(--title-mobile);
  color: var(--color-text-title);
}
@media (min-width: 760px) {
.title--huZ67 {
    grid-area: 1 / 1 / 2 / 2;
    max-width: 575px;
    font: var(--title-desktop);
}
  }
.title--huZ67[data-size='1'] {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.title--huZ67[data-size='1'] {
    font: var(--title-desktop);
}
  }
.title--huZ67[data-size='2'] {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.title--huZ67[data-size='2'] {
    font: var(--heading-one-desktop);
}
  }
.title--huZ67[data-size='3'] {
  font: var(--heading-three);
}
@media (min-width: 760px) {
.title--huZ67[data-size='3'] {
    font: var(--heading-one-desktop);
}
  }
.title--huZ67[data-size='4'] {
  font: var(--heading-three);
}
@media (min-width: 760px) {
.title--huZ67[data-size='4'] {
    font: var(--heading-two-desktop);
}
  }
.title--huZ67[data-size='5'] {
  font: var(--heading-five);
}
/* Оценка препарата */
.markText--H_hRA {
  position: relative;
  z-index: 2;
  grid-area: 2 / 1 / 3 / 2;
  width: 276px;
}
@media (min-width: 760px) {
.markText--H_hRA {
    white-space: nowrap;
    width: 100%;
}
  }
/* Иконка */
.iconBlock--uOws6 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: 2 / 2 / 3 / 3;
  width: 50px;
  height: 50px;
}
@media (min-width: 760px) {
.iconBlock--uOws6 {
    grid-area: 1 / 2 / 3 / 3;
    width: 85px;
    height: 85px;
}
  }
.iconBlock--uOws6 img {
  z-index: 1;
}
/* Градиент */
.gradient--rh5MB[data-gradient-color='green'] {
  background-image: var(--color-gradient-green);
}
.gradient--rh5MB[data-gradient-color='red'] {
  background-image: var(--color-gradient-red);
}
.gradient--rh5MB[data-gradient-color='white'] {
  background-image: var(--color-gradient-white);
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--oJOek {
  font: var(--accent-number);
}
.accent-quote--Od63b {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--Od63b {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--ka4wC {
  font: var(--accent-static);
}
.accent-lead--vDjQS {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--vDjQS {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--AFMGT {
  font: var(--accent-impact);
}
.accent-bold--UArW3 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--UArW3 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--Kd8tQ {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--Kd8tQ {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--uNFkm {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--uNFkm {
    padding: 4px 2px;
}
  }
mark.highlight--uNFkm[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--Hm46U {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--Hm46U {
    font: var(--body-primary-desktop);
}
  }
.body-primary--Hm46U b, .body-primary--Hm46U strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--Hm46U b, .body-primary--Hm46U strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--gPNsP {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--gPNsP {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--gPNsP b, .body-secondary--gPNsP strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--gPNsP b, .body-secondary--gPNsP strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--gQ110 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--gQ110 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--gQ110 b, .body-extra-large--gQ110 strong, .body-extra-large-bold--i19a3 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--gQ110 b, .body-extra-large--gQ110 strong, .body-extra-large-bold--i19a3 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--plIqy {
  font: var(--body-large);
}
.body-large--plIqy b, .body-large--plIqy strong, .body-large-bold--Rp6sG {
  font: var(--body-large-bold);
}
.body-medium--_nPRw {
  font: var(--body-medium);
}
.body-medium--_nPRw b, .body-medium--_nPRw strong, .body-medium-bold--olflA {
  font: var(--body-medium-bold);
}
.body-small--LBE4G {
  font: var(--body-small);
}
.body-small--LBE4G b, .body-small--LBE4G strong, .body-small-bold--wF42w {
  font: var(--body-small-bold);
}
.heading-one--BsZIT, .h1--FaRQv {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--BsZIT, .h1--FaRQv {
    font: var(--heading-one-desktop);
}
  }
.heading-two--aobul, .h2--RlTNZ {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--aobul, .h2--RlTNZ {
    font: var(--heading-two-desktop);
}
  }
.heading-three--hpqmb, .h3--iA2eO {
  font: var(--heading-three);
}
.heading-four--K98W8, .h4--MkTsW {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--K98W8, .h4--MkTsW {
    font: var(--heading-four-desktop);
}
  }
.heading-five--xrv9w, .h5--WU7Q5 {
  font: var(--heading-five);
}
.heading-six--N4qTv, .h6--vdlW7 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--N4qTv, .h6--vdlW7 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--yqQ8q {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--yqQ8q {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--cuR06 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--cuR06 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--KohFv {
  font: var(--interface-primary);
}
.interface-secondary--uErvu {
  font: var(--interface-secondary);
}
.interface-error--cpxTI {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--cpxTI {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--mSDEA {
  font: var(--interface-caption);
}
.interface-heading--OFB68 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--OFB68 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--spvnD {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--spvnD {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--F_qjI, a.a--F_qjI, span.a--F_qjI {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--F_qjI:hover, a.a--F_qjI:hover, span.a--F_qjI: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--F_qjI[data-underline-gap='medium'], span.a--F_qjI[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--F_qjI[data-underline-gap='small'], span.a--F_qjI[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--F_qjI[data-pseudo='true'], span.a--F_qjI[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--F_qjI[data-pseudo='true']:hover, span.a--F_qjI[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--F_qjI[data-secondary='true'], span.a--F_qjI[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--F_qjI[data-secondary='true']:hover, span.a--F_qjI[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--F_qjI[data-surface='positive'], span.a--F_qjI[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--F_qjI[data-surface='positive']:hover, span.a--F_qjI[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--F_qjI[data-surface='negative'], span.a--F_qjI[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--F_qjI[data-surface='negative']:hover, span.a--F_qjI[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--F_qjI[data-surface='warning'], span.a--F_qjI[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--F_qjI[data-surface='warning']:hover, span.a--F_qjI[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--F_qjI[data-surface='interactive'], span.a--F_qjI[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--F_qjI[data-surface='interactive']:hover, span.a--F_qjI[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--F_qjI[data-surface='placeholder'], span.a--F_qjI[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--F_qjI[data-surface='placeholder']:hover, span.a--F_qjI[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--F_qjI[data-surface='dim'], span.a--F_qjI[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--F_qjI[data-surface='dim']:hover, span.a--F_qjI[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--F_qjI[data-inverse='true'], span.a--F_qjI[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--F_qjI[data-inverse='true']:hover, span.a--F_qjI[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--F_qjI[data-secondary='true'][data-inverse='true'], span.a--F_qjI[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--F_qjI[data-secondary='true'][data-inverse='true']:hover, span.a--F_qjI[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--G41AM {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--zrna5, .default-link--JiQtq {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--JiQtq {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--UWGhS {
  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--UWGhS {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--Eg7UF {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--Eg7UF {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--JiQtq:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--yqjZH {
  position: relative;
}
.tooltipIcon--WhkxZ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  font-size: 12px;
  border-radius: 12px;
  color: var(--color-control-base);
  background-color: var(--color-tooltip-background);
  cursor: pointer;
}
.tooltipIcon--WhkxZ[data-active='true'] {
  color: var(--color-control-hover);
  background-color: var(--color-tooltip-background-hover);
}
.popover--rWoEt {
  position: relative;
  z-index: 500;
  width: 280px;
  border-radius: 10px;
  padding: 15px;
  font: var(--font-default-medium);
  color: var(--color-text-popover);
  background-color: var(--color-popover-background);
  cursor: default;
}
.popover--rWoEt a {
  font: var(--font-default-medium);
  color: var(--color-text-popover);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--color-tooltip-link);
}
@media (hover: hover) {
  .popover--rWoEt a:hover {
    border-bottom: 1px solid var(--color-tooltip-link-hover);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--SL8Og {
  font: var(--accent-number);
}
.accent-quote--laJx5 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--laJx5 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--UEzGA {
  font: var(--accent-static);
}
.accent-lead--txQUt {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--txQUt {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--f6G9z {
  font: var(--accent-impact);
}
.accent-bold--fPLmL {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--fPLmL {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--TbWfA {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--TbWfA {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--KxGFk {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--KxGFk {
    padding: 4px 2px;
}
  }
mark.highlight--KxGFk[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--eoBNC {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--eoBNC {
    font: var(--body-primary-desktop);
}
  }
.body-primary--eoBNC b, .body-primary--eoBNC strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--eoBNC b, .body-primary--eoBNC strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--emrgr {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--emrgr {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--emrgr b, .body-secondary--emrgr strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--emrgr b, .body-secondary--emrgr strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--dr2Vq {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dr2Vq {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--dr2Vq b, .body-extra-large--dr2Vq strong, .body-extra-large-bold--q35PC {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dr2Vq b, .body-extra-large--dr2Vq strong, .body-extra-large-bold--q35PC {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--r882W {
  font: var(--body-large);
}
.body-large--r882W b, .body-large--r882W strong, .body-large-bold--Dg31J {
  font: var(--body-large-bold);
}
.body-medium--BN8sE {
  font: var(--body-medium);
}
.body-medium--BN8sE b, .body-medium--BN8sE strong, .body-medium-bold--sLIsV {
  font: var(--body-medium-bold);
}
.body-small--cWviH {
  font: var(--body-small);
}
.body-small--cWviH b, .body-small--cWviH strong, .body-small-bold--XFKjn {
  font: var(--body-small-bold);
}
.heading-one--r7bF9, .h1--QIEqx {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--r7bF9, .h1--QIEqx {
    font: var(--heading-one-desktop);
}
  }
.heading-two--bpf6E, .h2--_txh6 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--bpf6E, .h2--_txh6 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--iOFJ7, .h3--u1Yc0 {
  font: var(--heading-three);
}
.heading-four--sQu_Z, .h4--cwOM5 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--sQu_Z, .h4--cwOM5 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--Dw45D, .h5--A5KIn {
  font: var(--heading-five);
}
.heading-six--CjvT1, .h6--jLICV {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--CjvT1, .h6--jLICV {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--l3N39 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--l3N39 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--eYMAc {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--eYMAc {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--iNs94 {
  font: var(--interface-primary);
}
.interface-secondary--M51MD {
  font: var(--interface-secondary);
}
.interface-error--_xQKH {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--_xQKH {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--pN5CY {
  font: var(--interface-caption);
}
.interface-heading--xbFYf {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--xbFYf {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--ZCnNI {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--ZCnNI {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--MHQGa, a.a--MHQGa, span.a--MHQGa {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--MHQGa:hover, a.a--MHQGa:hover, span.a--MHQGa: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--MHQGa[data-underline-gap='medium'], span.a--MHQGa[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--MHQGa[data-underline-gap='small'], span.a--MHQGa[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--MHQGa[data-pseudo='true'], span.a--MHQGa[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--MHQGa[data-pseudo='true']:hover, span.a--MHQGa[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--MHQGa[data-secondary='true'], span.a--MHQGa[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--MHQGa[data-secondary='true']:hover, span.a--MHQGa[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--MHQGa[data-surface='positive'], span.a--MHQGa[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--MHQGa[data-surface='positive']:hover, span.a--MHQGa[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--MHQGa[data-surface='negative'], span.a--MHQGa[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--MHQGa[data-surface='negative']:hover, span.a--MHQGa[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--MHQGa[data-surface='warning'], span.a--MHQGa[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--MHQGa[data-surface='warning']:hover, span.a--MHQGa[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--MHQGa[data-surface='interactive'], span.a--MHQGa[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--MHQGa[data-surface='interactive']:hover, span.a--MHQGa[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--MHQGa[data-surface='placeholder'], span.a--MHQGa[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--MHQGa[data-surface='placeholder']:hover, span.a--MHQGa[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--MHQGa[data-surface='dim'], span.a--MHQGa[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--MHQGa[data-surface='dim']:hover, span.a--MHQGa[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--MHQGa[data-inverse='true'], span.a--MHQGa[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--MHQGa[data-inverse='true']:hover, span.a--MHQGa[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--MHQGa[data-secondary='true'][data-inverse='true'], span.a--MHQGa[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--MHQGa[data-secondary='true'][data-inverse='true']:hover, span.a--MHQGa[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--_s7mi {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--i_s8Q, .default-link--z8dpF {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--z8dpF {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--S1AHV {
  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--S1AHV {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--XuiEK {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--XuiEK {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--z8dpF:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--f1PeE {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
}
.icon--dWVZJ {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 17px;
  height: 17px;
}
.text--l1v70 {
  font: var(--font-bold-default);
  color: var(--color-text-title);
  white-space: nowrap;
  max-width: 100%;
  margin-left: 6px;
  margin-right: auto;
}
@media (min-width: 760px) {
.text--l1v70 {
    margin-right: 8px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--sapTD {
  font: var(--accent-number);
}
.accent-quote--oOW2C {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--oOW2C {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--kitAw {
  font: var(--accent-static);
}
.accent-lead--XfjuI {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--XfjuI {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--DxC9t {
  font: var(--accent-impact);
}
.accent-bold--P1PB4 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--P1PB4 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--oOqao {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--oOqao {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--b6BcT {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--b6BcT {
    padding: 4px 2px;
}
  }
mark.highlight--b6BcT[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--aJBgG {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--aJBgG {
    font: var(--body-primary-desktop);
}
  }
.body-primary--aJBgG b, .body-primary--aJBgG strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--aJBgG b, .body-primary--aJBgG strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--DKmPV {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--DKmPV {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--DKmPV b, .body-secondary--DKmPV strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--DKmPV b, .body-secondary--DKmPV strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--r_hIc {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--r_hIc {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--r_hIc b, .body-extra-large--r_hIc strong, .body-extra-large-bold--rOV3w {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--r_hIc b, .body-extra-large--r_hIc strong, .body-extra-large-bold--rOV3w {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--YMv0U {
  font: var(--body-large);
}
.body-large--YMv0U b, .body-large--YMv0U strong, .body-large-bold--KBVNI {
  font: var(--body-large-bold);
}
.body-medium--QK6zA {
  font: var(--body-medium);
}
.body-medium--QK6zA b, .body-medium--QK6zA strong, .body-medium-bold--gqRqp {
  font: var(--body-medium-bold);
}
.body-small--jrNl1 {
  font: var(--body-small);
}
.body-small--jrNl1 b, .body-small--jrNl1 strong, .body-small-bold--OkTNt {
  font: var(--body-small-bold);
}
.heading-one--j_M9O, .h1--wqcnz {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--j_M9O, .h1--wqcnz {
    font: var(--heading-one-desktop);
}
  }
.heading-two--O0wea, .h2--gE7OO {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--O0wea, .h2--gE7OO {
    font: var(--heading-two-desktop);
}
  }
.heading-three--TN_oD, .h3--_jByY {
  font: var(--heading-three);
}
.heading-four--m3dOK, .h4--_7KF0 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--m3dOK, .h4--_7KF0 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--jB7vT, .h5--acVp1 {
  font: var(--heading-five);
}
.heading-six--U3t68, .h6--dDDFw {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--U3t68, .h6--dDDFw {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--odZhE {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--odZhE {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--n7F7a {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--n7F7a {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--VsgC1 {
  font: var(--interface-primary);
}
.interface-secondary--ddfVA {
  font: var(--interface-secondary);
}
.interface-error--g8rWT {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--g8rWT {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--qDzfL {
  font: var(--interface-caption);
}
.interface-heading--WnH0N {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--WnH0N {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--SU94U {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--SU94U {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--LuXOs, a.a--LuXOs, span.a--LuXOs {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--LuXOs:hover, a.a--LuXOs:hover, span.a--LuXOs: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--LuXOs[data-underline-gap='medium'], span.a--LuXOs[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--LuXOs[data-underline-gap='small'], span.a--LuXOs[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--LuXOs[data-pseudo='true'], span.a--LuXOs[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--LuXOs[data-pseudo='true']:hover, span.a--LuXOs[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--LuXOs[data-secondary='true'], span.a--LuXOs[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--LuXOs[data-secondary='true']:hover, span.a--LuXOs[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--LuXOs[data-surface='positive'], span.a--LuXOs[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--LuXOs[data-surface='positive']:hover, span.a--LuXOs[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--LuXOs[data-surface='negative'], span.a--LuXOs[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--LuXOs[data-surface='negative']:hover, span.a--LuXOs[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--LuXOs[data-surface='warning'], span.a--LuXOs[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--LuXOs[data-surface='warning']:hover, span.a--LuXOs[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--LuXOs[data-surface='interactive'], span.a--LuXOs[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--LuXOs[data-surface='interactive']:hover, span.a--LuXOs[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--LuXOs[data-surface='placeholder'], span.a--LuXOs[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--LuXOs[data-surface='placeholder']:hover, span.a--LuXOs[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--LuXOs[data-surface='dim'], span.a--LuXOs[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--LuXOs[data-surface='dim']:hover, span.a--LuXOs[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--LuXOs[data-inverse='true'], span.a--LuXOs[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--LuXOs[data-inverse='true']:hover, span.a--LuXOs[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--LuXOs[data-secondary='true'][data-inverse='true'], span.a--LuXOs[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--LuXOs[data-secondary='true'][data-inverse='true']:hover, span.a--LuXOs[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--bHftT {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--oxyKM, .default-link--GmlDR, .activeSubstanceLink--wMjNV, .activeSubstanceLink--wMjNV a {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--GmlDR, .activeSubstanceLink--wMjNV a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--eHNDs {
  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--eHNDs {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--RBl2b {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--RBl2b {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--GmlDR:hover, .activeSubstanceLink--wMjNV a:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Ссылка на действующее вещество для ТН */
.activeSubstanceLink--wMjNV {
  position: relative;
  margin-bottom: 10px;
}
/* Дополнительное инфо о проверках */
.checks--PDgQk {
  width: 100%;
  padding-top: 20px;
  border-top: 1px solid var(--color-border-default);
}
@media (min-width: 760px) {
.checks--PDgQk {
    padding-top: 25px;
    border-top: none;
}
  }
.checksList--_oVq3 > * + * {
  margin-top: 10px;
}
@media (min-width: 760px) {
.checksList--_oVq3 > * + * {
    margin-top: 5px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--iRNNx {
  font: var(--accent-number);
}
.accent-quote--qLkdA {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--qLkdA {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--jKsHO {
  font: var(--accent-static);
}
.accent-lead--xuGDa {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--xuGDa {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--R08g1 {
  font: var(--accent-impact);
}
.accent-bold--lAJ9I {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--lAJ9I {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--r7sr6 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--r7sr6 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--GfRsb {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--GfRsb {
    padding: 4px 2px;
}
  }
mark.highlight--GfRsb[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--tVsOe {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--tVsOe {
    font: var(--body-primary-desktop);
}
  }
.body-primary--tVsOe b, .body-primary--tVsOe strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--tVsOe b, .body-primary--tVsOe strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--HbKch {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--HbKch {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--HbKch b, .body-secondary--HbKch strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--HbKch b, .body-secondary--HbKch strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--n5lIQ {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--n5lIQ {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--n5lIQ b, .body-extra-large--n5lIQ strong, .body-extra-large-bold--nxqpU {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--n5lIQ b, .body-extra-large--n5lIQ strong, .body-extra-large-bold--nxqpU {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--cU3js {
  font: var(--body-large);
}
.body-large--cU3js b, .body-large--cU3js strong, .body-large-bold--ZQ12Y {
  font: var(--body-large-bold);
}
.body-medium--Jxu7s {
  font: var(--body-medium);
}
.body-medium--Jxu7s b, .body-medium--Jxu7s strong, .body-medium-bold--g7AHh {
  font: var(--body-medium-bold);
}
.body-small--ZXOOz {
  font: var(--body-small);
}
.body-small--ZXOOz b, .body-small--ZXOOz strong, .body-small-bold--UGzw4 {
  font: var(--body-small-bold);
}
.heading-one--janGN, .h1--AG1R0 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--janGN, .h1--AG1R0 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--juySP, .h2--EY1ud {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--juySP, .h2--EY1ud {
    font: var(--heading-two-desktop);
}
  }
.heading-three--Lf9dW, .h3--Mfzh7 {
  font: var(--heading-three);
}
.heading-four--YWyHi, .h4--oKqmh {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--YWyHi, .h4--oKqmh {
    font: var(--heading-four-desktop);
}
  }
.heading-five--wQYuD, .h5--l5Ya9 {
  font: var(--heading-five);
}
.heading-six--GiOfe, .h6--W92OJ {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--GiOfe, .h6--W92OJ {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--iDF4n {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--iDF4n {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--lKphI {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--lKphI {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--PHrQQ {
  font: var(--interface-primary);
}
.interface-secondary--vh3ix {
  font: var(--interface-secondary);
}
.interface-error--SAip8 {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--SAip8 {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--AcSsU {
  font: var(--interface-caption);
}
.interface-heading--LYNPL {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--LYNPL {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--elkNi {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--elkNi {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--fdNpp, a.a--fdNpp, span.a--fdNpp {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--fdNpp:hover, a.a--fdNpp:hover, span.a--fdNpp: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--fdNpp[data-underline-gap='medium'], span.a--fdNpp[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--fdNpp[data-underline-gap='small'], span.a--fdNpp[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--fdNpp[data-pseudo='true'], span.a--fdNpp[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--fdNpp[data-pseudo='true']:hover, span.a--fdNpp[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--fdNpp[data-secondary='true'], span.a--fdNpp[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--fdNpp[data-secondary='true']:hover, span.a--fdNpp[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--fdNpp[data-surface='positive'], span.a--fdNpp[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--fdNpp[data-surface='positive']:hover, span.a--fdNpp[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--fdNpp[data-surface='negative'], span.a--fdNpp[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--fdNpp[data-surface='negative']:hover, span.a--fdNpp[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--fdNpp[data-surface='warning'], span.a--fdNpp[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--fdNpp[data-surface='warning']:hover, span.a--fdNpp[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--fdNpp[data-surface='interactive'], span.a--fdNpp[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--fdNpp[data-surface='interactive']:hover, span.a--fdNpp[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--fdNpp[data-surface='placeholder'], span.a--fdNpp[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--fdNpp[data-surface='placeholder']:hover, span.a--fdNpp[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--fdNpp[data-surface='dim'], span.a--fdNpp[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--fdNpp[data-surface='dim']:hover, span.a--fdNpp[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--fdNpp[data-inverse='true'], span.a--fdNpp[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--fdNpp[data-inverse='true']:hover, span.a--fdNpp[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--fdNpp[data-secondary='true'][data-inverse='true'], span.a--fdNpp[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--fdNpp[data-secondary='true'][data-inverse='true']:hover, span.a--fdNpp[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--DbfpZ {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--b1xfg, .default-link--cj3Si, .paragraph--HgExa, .paragraph--HgExa a {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--cj3Si, .paragraph--HgExa a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--SyNix {
  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--SyNix {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--ESfIM {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--ESfIM {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--cj3Si:hover, .paragraph--HgExa a:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--N1ICP {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 760px) {
.root--N1ICP {
    gap: 15px;
}
  }
.paragraph--HgExa {
  position: relative;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--HPg3Z {
  font: var(--accent-number);
}
.accent-quote--mSYeU {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--mSYeU {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Bhyrb {
  font: var(--accent-static);
}
.accent-lead--Bjvfi {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--Bjvfi {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--J79EC {
  font: var(--accent-impact);
}
.accent-bold--yTvp8 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--yTvp8 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--eJgnD {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--eJgnD {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--IW4Qs {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--IW4Qs {
    padding: 4px 2px;
}
  }
mark.highlight--IW4Qs[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--q_eX7 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--q_eX7 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--q_eX7 b, .body-primary--q_eX7 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--q_eX7 b, .body-primary--q_eX7 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--DEZqN {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--DEZqN {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--DEZqN b, .body-secondary--DEZqN strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--DEZqN b, .body-secondary--DEZqN strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--_e8QP {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_e8QP {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--_e8QP b, .body-extra-large--_e8QP strong, .body-extra-large-bold--fOTLE {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--_e8QP b, .body-extra-large--_e8QP strong, .body-extra-large-bold--fOTLE {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--ealtw {
  font: var(--body-large);
}
.body-large--ealtw b, .body-large--ealtw strong, .body-large-bold--LP2LX {
  font: var(--body-large-bold);
}
.body-medium--gcFR3 {
  font: var(--body-medium);
}
.body-medium--gcFR3 b, .body-medium--gcFR3 strong, .body-medium-bold--WH8Ov {
  font: var(--body-medium-bold);
}
.body-small--LQ3Mv {
  font: var(--body-small);
}
.body-small--LQ3Mv b, .body-small--LQ3Mv strong, .body-small-bold--JXhAZ {
  font: var(--body-small-bold);
}
.heading-one--mdjEz, .h1--FJqv4 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--mdjEz, .h1--FJqv4 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--rdTYA, .h2--osjTT {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--rdTYA, .h2--osjTT {
    font: var(--heading-two-desktop);
}
  }
.heading-three--R9wv7, .h3--NK6mI {
  font: var(--heading-three);
}
.heading-four--FVjG3, .h4--aPaun {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--FVjG3, .h4--aPaun {
    font: var(--heading-four-desktop);
}
  }
.heading-five--SMITi, .h5--DfHV4 {
  font: var(--heading-five);
}
.heading-six--d8Wsa, .h6--icrrA {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--d8Wsa, .h6--icrrA {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--_Tv4T {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--_Tv4T {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--M6NiE {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--M6NiE {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--r12Ec {
  font: var(--interface-primary);
}
.interface-secondary--lG2wA {
  font: var(--interface-secondary);
}
.interface-error--XdurC {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--XdurC {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--FPGZ4 {
  font: var(--interface-caption);
}
.interface-heading--c9fJV {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--c9fJV {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--FCZr5 {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--FCZr5 {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--sfqm2, a.a--sfqm2, span.a--sfqm2 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--sfqm2:hover, a.a--sfqm2:hover, span.a--sfqm2: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--sfqm2[data-underline-gap='medium'], span.a--sfqm2[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--sfqm2[data-underline-gap='small'], span.a--sfqm2[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--sfqm2[data-pseudo='true'], span.a--sfqm2[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--sfqm2[data-pseudo='true']:hover, span.a--sfqm2[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--sfqm2[data-secondary='true'], span.a--sfqm2[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--sfqm2[data-secondary='true']:hover, span.a--sfqm2[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--sfqm2[data-surface='positive'], span.a--sfqm2[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--sfqm2[data-surface='positive']:hover, span.a--sfqm2[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--sfqm2[data-surface='negative'], span.a--sfqm2[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--sfqm2[data-surface='negative']:hover, span.a--sfqm2[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--sfqm2[data-surface='warning'], span.a--sfqm2[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--sfqm2[data-surface='warning']:hover, span.a--sfqm2[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--sfqm2[data-surface='interactive'], span.a--sfqm2[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--sfqm2[data-surface='interactive']:hover, span.a--sfqm2[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--sfqm2[data-surface='placeholder'], span.a--sfqm2[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--sfqm2[data-surface='placeholder']:hover, span.a--sfqm2[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--sfqm2[data-surface='dim'], span.a--sfqm2[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--sfqm2[data-surface='dim']:hover, span.a--sfqm2[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--sfqm2[data-inverse='true'], span.a--sfqm2[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--sfqm2[data-inverse='true']:hover, span.a--sfqm2[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--sfqm2[data-secondary='true'][data-inverse='true'], span.a--sfqm2[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--sfqm2[data-secondary='true'][data-inverse='true']:hover, span.a--sfqm2[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--SWyIp, .titleBlock--ba3oK {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--JvvSM, .default-link--mUN0T {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--mUN0T {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--kzeuJ, .gradient--fPI2I {
  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--kzeuJ, .gradient--fPI2I {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--SoyjO {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--SoyjO {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--mUN0T:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Позиционирование */
.root--YkChx {
  display: grid;
  grid-template-columns: auto 50px;
  grid-template-rows: 60px auto;
  grid-template-areas: 'title icon' 'comment comment';
}
@media (min-width: 760px) {
.root--YkChx {
    grid-template-columns: auto 85px;
    grid-template-rows: 35px auto;
    grid-template-areas: 'title icon' 'comment icon';
}
  }
/* Заголовок */
.titleBlock--ba3oK {
  position: relative;
  grid-area: title;
  width: 275px;
  white-space: pre-wrap;
}
@media (min-width: 760px) {
.titleBlock--ba3oK {
    width: 100%;
}
  }
/* Иконка */
.iconBlock--QeNxX {
  position: relative;
  display: flex;
  grid-area: icon;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
}
@media (min-width: 760px) {
.iconBlock--QeNxX {
    width: 85px;
    height: 85px;
}
  }
.icon--ZfLTk {
  position: relative;
}
/* Градиент */
.gradient--fPI2I {
  background-image: var(--color-gradient-purple);
}
/* Мнение медредакции */
.commentBlock--PZmvn {
  grid-area: comment;
  max-width: 605px;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--e4uyO {
  font: var(--accent-number);
}
.accent-quote--sorgo {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--sorgo {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Sgii1 {
  font: var(--accent-static);
}
.accent-lead--fBDaN {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--fBDaN {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--wAdXO {
  font: var(--accent-impact);
}
.accent-bold--xmzmD {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--xmzmD {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--fH7ot {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--fH7ot {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--Lg3j3 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--Lg3j3 {
    padding: 4px 2px;
}
  }
mark.highlight--Lg3j3[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--ZV5ws {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--ZV5ws {
    font: var(--body-primary-desktop);
}
  }
.body-primary--ZV5ws b, .body-primary--ZV5ws strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--ZV5ws b, .body-primary--ZV5ws strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--o58s8 {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--o58s8 {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--o58s8 b, .body-secondary--o58s8 strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--o58s8 b, .body-secondary--o58s8 strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--cuFqv {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--cuFqv {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--cuFqv b, .body-extra-large--cuFqv strong, .body-extra-large-bold--sUJj7 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--cuFqv b, .body-extra-large--cuFqv strong, .body-extra-large-bold--sUJj7 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--hXuYj {
  font: var(--body-large);
}
.body-large--hXuYj b, .body-large--hXuYj strong, .body-large-bold--yFO7O {
  font: var(--body-large-bold);
}
.body-medium--zJd7n {
  font: var(--body-medium);
}
.body-medium--zJd7n b, .body-medium--zJd7n strong, .body-medium-bold--gVu3n {
  font: var(--body-medium-bold);
}
.body-small--aYuzz {
  font: var(--body-small);
}
.body-small--aYuzz b, .body-small--aYuzz strong, .body-small-bold--G9AWt {
  font: var(--body-small-bold);
}
.heading-one--tBegD, .h1--hoHn0 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--tBegD, .h1--hoHn0 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--nu2jy, .h2--vyhq6 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--nu2jy, .h2--vyhq6 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--kXGJM, .h3--JQ0TN {
  font: var(--heading-three);
}
.heading-four--bOnUg, .h4--L4J0c {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--bOnUg, .h4--L4J0c {
    font: var(--heading-four-desktop);
}
  }
.heading-five--ttx63, .h5--WudyR {
  font: var(--heading-five);
}
.heading-six--pf8mL, .h6--o_Vm7 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--pf8mL, .h6--o_Vm7 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--IUJwM {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--IUJwM {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--O42tr {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--O42tr {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--dbQkX {
  font: var(--interface-primary);
}
.interface-secondary--x2iYZ {
  font: var(--interface-secondary);
}
.interface-error--FcwE2 {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--FcwE2 {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--GsB3U {
  font: var(--interface-caption);
}
.interface-heading--K8CBf {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--K8CBf {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--qi6wz {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--qi6wz {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--OTHEt, a.a--OTHEt, span.a--OTHEt {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--OTHEt:hover, a.a--OTHEt:hover, span.a--OTHEt: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--OTHEt[data-underline-gap='medium'], span.a--OTHEt[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--OTHEt[data-underline-gap='small'], span.a--OTHEt[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--OTHEt[data-pseudo='true'], span.a--OTHEt[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--OTHEt[data-pseudo='true']:hover, span.a--OTHEt[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--OTHEt[data-secondary='true'], span.a--OTHEt[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--OTHEt[data-secondary='true']:hover, span.a--OTHEt[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--OTHEt[data-surface='positive'], span.a--OTHEt[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--OTHEt[data-surface='positive']:hover, span.a--OTHEt[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--OTHEt[data-surface='negative'], span.a--OTHEt[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--OTHEt[data-surface='negative']:hover, span.a--OTHEt[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--OTHEt[data-surface='warning'], span.a--OTHEt[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--OTHEt[data-surface='warning']:hover, span.a--OTHEt[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--OTHEt[data-surface='interactive'], span.a--OTHEt[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--OTHEt[data-surface='interactive']:hover, span.a--OTHEt[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--OTHEt[data-surface='placeholder'], span.a--OTHEt[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--OTHEt[data-surface='placeholder']:hover, span.a--OTHEt[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--OTHEt[data-surface='dim'], span.a--OTHEt[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--OTHEt[data-surface='dim']:hover, span.a--OTHEt[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--OTHEt[data-inverse='true'], span.a--OTHEt[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--OTHEt[data-inverse='true']:hover, span.a--OTHEt[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--OTHEt[data-secondary='true'][data-inverse='true'], span.a--OTHEt[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--OTHEt[data-secondary='true'][data-inverse='true']:hover, span.a--OTHEt[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--UdgCK, .title--EfpXU {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--A3fef, .default-link--FAGQI, .pubmedLink--hSa2e {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--FAGQI, .pubmedLink--hSa2e {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--dXOzF {
  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--dXOzF {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--yBfZk {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--yBfZk {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--FAGQI:hover, .pubmedLink--hSa2e:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--gDUXH {
  max-width: 640px;
}
.title--EfpXU {
  margin-bottom: 10px;
}
.pubmedInfo--lPkDI {
  display: flex;
  margin-top: 10px;
  justify-content: flex-start;
  align-items: center;
}
.pubmedTitle--gkKFq {
  margin-right: 5px;
  font: var(--font-bold-default);
  color: var(--color-text-title);
}
.pubmedLink--hSa2e {
  font: var(--font-bold-default);
  color: var(--color-text-title);
  padding-bottom: 0;
  margin-right: auto;
}
@media (min-width: 760px) {
.pubmedLink--hSa2e {
    margin-right: 8px;
}
  }

.caption--PSQ76 {
  font: var(--body-medium);
  margin-top: 15px;
  margin-bottom: 30px;
}
@media (min-width: 820px) {
.caption--PSQ76 {
    margin-top: 20px;
    margin-bottom: 50px;
}
  }
.caption--PSQ76[data-nomargin='true'] {
  margin: 0;
}

.button--OId6S {
  position: relative;
  box-sizing: border-box;
  padding: 0;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgb(var(--surface-primary));
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  box-shadow:
    0 4px 4px rgba(0, 0, 0, 0.2),
    0 0 2px rgba(2, 0, 20, 0.18);
  cursor: pointer;
  outline: none;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s linear;
}

.button--OId6S[data-hidden='true'] {
  opacity: 0;
  visibility: hidden;
}

.button--OId6S.focus-visible--Hu35b {
  color: rgb(var(--outline-hover));
}

.button--OId6S:focus-visible {
  color: rgb(var(--outline-hover));
}

.button--OId6S > svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.button--OId6S[data-direction='left'] > svg {
  left: 14px;
}

.button--OId6S[data-direction='right'] > svg {
  right: 14px;
}

@media (hover: hover) {
  .button--OId6S:hover {
    color: rgb(var(--outline-hover));
  }
}

.inner--QJLYC {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.scroller--ARuy7 {
  display: flex;
  scroll-snap-type: x mandatory;
  overflow: auto;

  /* this will hide the scrollbar in old mozilla based browsers */
  overflow: -moz-scrollbars-none;

  /* For Firefox 64+ scrollbar */
  scrollbar-width: none;

  /* this will hide the scrollbar in internet explorers */
  -ms-overflow-style: none;
}
@media (min-width: 820px) {
.scroller--ARuy7 {
    scroll-snap-type: none;
}
  }
.scroller--ARuy7::-webkit-scrollbar {
  display: none;
  height: 0;
  background: transparent;
}
.scroller--ARuy7[data-dragging='true'] {
  scroll-snap-type: none;
  cursor: grabbing;
}
.scroller--ARuy7 > * {
  --scroll-margin: 20px;

  scroll-snap-align: start;
  scroll-margin-left: var(--scroll-margin);

  /* Для Safari */
  scroll-snap-margin: var(--scroll-margin);
  flex-shrink: 0;
  -webkit-user-drag: none;
  padding-right: 20px;

  /* Сейчас в базовых стилях из старого фронта всем
    элементам на странице проставляется box-sizing: border-box.
    Поэтому явно ставим */
  box-sizing: content-box;
}
@media (min-width: 760px) {
.scroller--ARuy7 > * {
    --scroll-margin: 30px;
}
  }
.scroller--ARuy7 > *:first-child {
  padding-left: 20px;
}
@media (min-width: 760px) {
.scroller--ARuy7 > *:first-child {
    padding-left: 30px;
}
  }
@media (min-width: 760px) {
.scroller--ARuy7 > *:last-child {
    /* Дизайн был рассчитан, на то, что ширина карусели 760px,
         а бордеры как бы накладываются сверху.
         Т.к. в css бордеры так не работают, получилась ширина в 758px.
         В итоге последний клик по кнопке прокручивает 2px.
         Чтобы это исправить, уменьшаем отступ на это два пикселя */
    padding-right: 28px;
}
  }
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > * {
  padding-right: 5px;
}
@media (min-width: 760px) {
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > * {
    --scroll-margin: calc((100vw - 700px) / 2);

    padding-right: 10px;
}
  }
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > *:first-child {
  padding-left: var(--scroll-margin);
}
@media (min-width: 820px) {
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > *:first-child {
    padding-left: 0;
}
  }
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > *:last-child {
  padding-right: var(--scroll-margin);
}
@media (min-width: 820px) {
.swiper--t1tgJ[data-fotorama='true'] .scroller--ARuy7 > *:last-child {
    padding-right: 0;
}
  }
.button--FtCCp {
  position: absolute;
  top: 35px;
  z-index: 1;
  display: none;
  width: 40px;
  height: 40px;
}
@media (min-width: 820px) {
.button--FtCCp {
    display: block;
}
  }
.button--FtCCp[data-control='prev'] {
  left: 0;
  transform: translateX(-50%);
}
.button--FtCCp[data-control='next'] {
  right: 0;
  transform: translateX(50%);
}
.swiper--t1tgJ[data-fotorama='true'] .button--FtCCp {
  top: 50%;
}
.swiper--t1tgJ[data-fotorama='true'] .button--FtCCp[data-control='prev'] {
  transform: translate(-50%, -50%);
}
.swiper--t1tgJ[data-fotorama='true'] .button--FtCCp[data-control='next'] {
  transform: translate(50%, -50%);
}
.description--YulcI {
  display: flex;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 760px) {
.description--YulcI {
    max-width: 700px;
    padding: 0;
}
  }
@media (min-width: 820px) {
.description--YulcI {
    max-width: 760px;
}
  }
.counter--LNtKV {
  font: var(--body-medium);
  font-feature-settings: "tnum";
  font-variant: tabular-nums;
  min-width: 45px;
  margin-right: 5px;
  margin-top: 15px;
}
@media (min-width: 820px) {
.counter--LNtKV {
    margin-top: 20px;
}
  }
.counter--LNtKV[data-nomargin='true'] {
  margin: 0;
}

.heading--EbbCW {
  margin: 0;
  word-break: break-word;
}

.heading--EbbCW[data-weight='normal'] {
  font-weight: normal;
}

.heading--EbbCW[data-level='1'] {
  font: var(--heading-one);
}

.heading--EbbCW[data-level='2'] {
  font: var(--heading-two);
}

.heading--EbbCW[data-level='3'] {
  font: var(--heading-three);
}

.heading--EbbCW[data-level='4'] {
  font: var(--heading-four);
}

.heading--EbbCW[data-level='5'] {
  font: var(--heading-five);
}

.heading--EbbCW[data-level='6'] {
  font: var(--heading-six);
}

.likes--WWA0a {
  display: inline-flex;
  font: var(--body-medium);
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  cursor: pointer;
  align-items: center;
  transition: color 100ms ease-in-out;
  gap: 3px;

  /* Отключает стандартные стили кнопки */
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Увеличиваем кликабельную область */
  height: 40px;
  padding: 0 5px;

  /* Компенсация кликабельной области,
    чтобы можно было выравнивать по контуру */
  margin: -10px -5px;
}

.icon--Csp2n {
  opacity: 0.9;
}

.likes--WWA0a:focus {
  outline-color: rgb(var(--outline-focus));
}

@media (hover: hover) {
  .likes--WWA0a:hover {
    color: rgb(var(--outline-hover));
  }
}

.counter--znncS {
  display: inline-flex;
  padding-top: 2px;
}

.bubble--ZxZyX {
  position: relative;
  display: inline-flex;
  font: var(--body-medium);
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  cursor: pointer;
  align-items: center;
  transition: color 100ms ease-in-out;
  gap: 3px;

  /* Отключает стандартные стили ссылки */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-decoration: none;

  /* Увеличиваем кликабельную область */
  height: 40px;
  padding: 0 5px;

  /* Компенсация кликабельной области,
    чтобы можно было выравнивать по контуру */
  margin: -10px -5px;
}

.bubble--ZxZyX[data-large='true'][data-inline='false'] {
  font: var(--body-large);
  margin-top: -7px;
  margin-bottom: -7px;
}

.bubble--ZxZyX[data-inline='true'] {
  min-width: 25px;
  height: 30px;
  margin: -5px;
  vertical-align: bottom;
}

.icon--OmFyO {
  opacity: 0.9;
}

.counter--BNSz7 {
  display: inline-flex;
  padding-top: 2px;
}

.bubble--ZxZyX:focus {
  outline-color: rgb(var(--outline-focus));
}

.bubble--ZxZyX[data-hovered='true'] {
  color: rgb(var(--outline-hover));
}

@media (hover: hover) {
  .bubble--ZxZyX[href][data-inherit-color='false']:hover {
    color: rgb(var(--outline-hover));
  }
}

.bubble--ZxZyX[data-inherit-color='true'] {
  color: inherit;
}

.favorites--RN9ne {
  display: inline-flex;
  font: var(--body-medium);
  color: rgb(var(--outline-#000));
  color: rgb(var(--outline-initial));
  cursor: pointer;
  align-items: center;
  transition: color 100ms ease-in-out;
  gap: 3px;

  /* Отключает стандартные стили кнопки */
  background-color: transparent;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  /* Увеличиваем кликабельную область */
  height: 40px;
  padding: 0 5px;

  /* Компенсация кликабельной области,
    чтобы можно было выравнивать по контуру */
  margin: -10px -5px;
}

.icon--n_Afn {
  opacity: 0.9;
}

.favorites--RN9ne:focus {
  outline-color: rgb(var(--outline-focus));
}

.counter--Bvlsx {
  display: inline-flex;
  padding-top: 2px;
}

@media (hover: hover) {
  .favorites--RN9ne:hover {
    color: rgb(var(--outline-hover));
  }
}

.meta--qpuWH {
  z-index: 2;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 10px;

  /* Чтобы при клике на иконки,
     мета не выделялась голубым на Android */
  -webkit-tap-highlight-color: transparent;
}

/* Базовая кнопка (primary accent): */
.button--A3ucP {
  /* Задаём пропертям дефолтные значения. Токены --button-background-color, --button-hover-color и --button-text-color
     используются для переопределения цветов кнопки из родительских компонентов, т.к. иногда дизайнеры хотят
     видеть кастомные цвета, выпадающие из общей системы */
  --background-color: var(--button-background-color, var(--fill-interactive));
  --hover: var(--button-hover-color, var(--fill-interactive-hover));
  --color: var(--button-text-color, var(--outline-light-static));

  display: inline-block;

  font: var(--interface-secondary); /* подключаем типографику */
  color: rgba(var(--color));
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;

  /* задаём размеры и отступы */
  width: 100%;
  padding: 15px 25px;
  margin-top: 30px;

  /* это реализация, использующая custom property */
  background-color: rgba(var(--background-color));
  transition:
    background-color 100ms ease-in-out,
    border-color 100ms ease-in-out;

  /* Сброс подчеркивания на случай, если кнопка является ссылкой */
  text-decoration: none;

  /* Выравнивание контента на случай, если кнопка является ссылкой */
  text-align: center;
}
@media (hover: hover) {
  .button--A3ucP:hover {
    background-color: rgba(var(--hover));
    cursor: pointer;
  }
}
@media (min-width: 760px) {
  .button--A3ucP {
    width: auto;
    min-width: 160px;
    margin-top: 40px;
  }
}
.button--A3ucP[data-size='small'] {
  font: var(--interface-caption);

  padding: 5px 15px;
  margin-top: 25px;
  border-radius: 5px;
  width: auto;
}
@media (min-width: 760px) {
  .button--A3ucP[data-size='small'] {
    min-width: auto;
    margin-top: 35px;
  }
}
/* Для демонстративных целей и случаев, когда кнопка отправится в обёртку */
.button--A3ucP[data-nomargin='true'] {
  margin: 0;
}
/* Соседство кнопок должно идти после nomagrin стиля */
.button--A3ucP + .button--A3ucP {
  margin-top: 10px;
}
@media (min-width: 760px) {
  .button--A3ucP + .button--A3ucP {
    margin-left: 10px;
    margin-top: 0;
  }
}
/* 
Убираем отступ сверху для соседства маленьких кнопок, 
потому что они не расползаются на всю ширину, а идут друг за другом
*/
.button--A3ucP[data-size='small'] + .button--A3ucP[data-size='small'] {
  margin-top: 0;
  margin-left: 10px;
}
/* 
Чтобы избежать дублирования, задаём цвета в разных состояниях переменными 
и далее переопределяем только переменные: 
https://increment.com/frontend/a-users-guide-to-css-variables/#css-variables-facilitate-style-encapsulation 
*/
/* а дальше начинам переопределять проперти для разных модификаторов */
/* Акцентные кнопки: */
.button--A3ucP[data-accent='success'] {
  --background-color: var(--fill-positive);
  --hover: var(--fill-positive-hover);
}
.button--A3ucP[data-accent='warning'] {
  --background-color: var(--fill-warning);
  --hover: var(--fill-warning-hover);
}
.button--A3ucP[data-accent='error'] {
  --background-color: var(--fill-negative);
  --hover: var(--fill-negative-hover);
}
/* Нейтральные кнопки */
.button--A3ucP[data-group='neutral'] {
  --color: var(--outline-inversed);
  --background-color: var(--fill-primary);
}
/* модификации */
.button--A3ucP[data-group='neutral'][data-secondary='true'] {
  --color: var(--outline-primary);
  --background-color: var(--fill-secondary);
}
/* 
у третьей нейтральной кнопки нет фона, 
вместо этого у нее бордер
*/
.button--A3ucP[data-group='neutral'][data-tertiary='true'] {
  --color: var(--outline-primary);
  background: none;
  padding: 14px 25px; /* При пэддинге 15px кнопка получается больше, чем стандартная из-за бордера */
  border: 1px solid rgb( none currentColor);
  border: 1px solid rgb(var(--outline-medium none currentColor));
  border: 1px solid rgb(var(--outline-initial));
}
.button--A3ucP[data-group='neutral'][data-tertiary='true'][data-size='small'] {
  padding: 4px 15px;
}
.button--A3ucP[data-group='neutral'][data-tertiary='true'][data-size='large'] {
  padding: 19px 25px;
}
@media (min-width: 760px) {
.button--A3ucP[data-group='neutral'][data-tertiary='true'][data-size='large'] {
    padding: 24px 75px;
}
  }
@media (hover: hover) {
  .button--A3ucP[data-group='neutral']:hover {
    --hover: var(--fill-primary-hover);
  }

  .button--A3ucP[data-group='neutral'][data-secondary='true']:hover {
    --hover: var(--fill-secondary-hover);
  }

  .button--A3ucP[data-group='neutral'][data-tertiary='true']:hover {
    border-color: rgb(var(--outline-hover));
    background: none;
  }
}
/* disabled описываем в конце, чтобы перебить специфичность */
.button--A3ucP[disabled], .button--A3ucP[disabled]:hover {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: default;
  opacity: var(--opacity-fill-disabled);
}
.button--A3ucP[data-fullsize='true'] {
  width: 100%;
}
.button--A3ucP[data-only-icon='true'] {
  display: flex;
  padding: 0;
  margin: 0;
  min-width: 50px;
  min-height: 50px;
  justify-content: center;
  align-items: center;
}
.button--A3ucP[data-rounded='true'][data-size='small'] {
  font: var(--interface-secondary);
  border-radius: 25px;
}
.button--A3ucP[data-size='large'] {
  font: var(--body-extra-large);
  padding: 20px 25px;
}
@media (min-width: 760px) {
.button--A3ucP[data-size='large'] {
    padding: 25px 75px;
}
  }
.button--A3ucP[data-rounded='true'][data-size='large'] {
  border-radius: 40px;
}
@media (min-width: 760px) {
.button--A3ucP[data-rounded='true'][data-size='large'] {
    border-radius: 30px;
}
  }
.button--A3ucP[data-with-icon='true'] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.iconContainer--JX9SA {
  display: inline-flex;
  align-items: center;
}

.metaWrapper--G9HCD {
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.badge--qj42c {
  display: inline-block;
  font: var(--body-small);
  text-decoration: none;
  color: rgb(var(--outline-secondary));
  line-height: 20px;
  background-color: rgb(var(--fill-secondary));
  border-radius: 10px;
  padding: 0 10px;
  margin-right: 10px;
  vertical-align: top;
}

.badge--qj42c[data-size='small'] {
  padding: 0 5px;
}

.badge--qj42c[data-nomargin='true'] {
  margin: 0;
}

.badge--qj42c[data-color='interactive'] {
  background-color: rgb(var(--surface-interactive));
}

.badge--qj42c[data-color='negative'] {
  background-color: rgb(var(--surface-negative));
}

.badge--qj42c[data-color='positive'] {
  background-color: rgb(var(--surface-positive));
}

.badge--qj42c[data-color='highlight'] {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
}

@media (hover: hover) {
  a.badge--qj42c:hover {
    background-color: rgb(var(--fill-secondary-hover));
  }

  a.badge--qj42c[data-color='interactive']:hover {
    background-color: rgb(var(--surface-interactive-hover));
  }

  a.badge--qj42c[data-color='negative']:hover {
    background-color: rgb(var(--surface-negative-hover));
  }

  a.badge--qj42c[data-color='positive']:hover {
    background-color: rgb(var(--surface-positive-hover));
  }
}

.skeleton--Wuw11 [data-skeleton='true'] {
  --skeleton-opacity-start: 50%;
  --skeleton-opacity-end: 100%;

  animation: skeleton-animate--tdvjt 3s linear infinite;
  background: linear-gradient(
    to right,
    rgba(var(--fill-secondary), var(--skeleton-opacity-start)),
    rgba(var(--fill-secondary), var(--skeleton-opacity-end)),
    rgba(var(--fill-secondary), var(--skeleton-opacity-start))
  );
  background-size: 1000px 100%;
}

@keyframes skeleton-animate--tdvjt {
  from {
    background-position: -1000px 0;
  }

  to {
    background-position: 1000px 0;
  }
}

.card--Gx5gJ {
  position: relative;
  display: inline-block;
  width: 220px;
  padding-bottom: 25px;
}

.link--amc7H {
  color: rgb(var(--outline-primary));
  text-decoration: none;
  -webkit-user-drag: none;
}

@media (hover: hover) {
  .link--amc7H:hover {
    color: rgb(var(--outline-hover));
  }
}

.link--amc7H::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.imageWrapper--PvUSr {
  position: relative;
  z-index: 0;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
}

.imageWrapper--PvUSr[data-default-bg='true'] {
  background: rgb(var(--outline-slight));
}

/* Делаем картинки резиновыми, ширина будет занимать 100%.
Для того, чтобы высота изменялась пропорционально,
добавляем родителю псевдоэлемент с паддингом,
величина которого зависит от ширины.
Псевдоэлемент растягивает imageWrapper,
а картинка позиционируется абсолютно относительно imageWrapper
и растягивается на 100% по высоте и ширине */

.imageWrapper--PvUSr::before {
  content: '';
  display: block;
  height: 0;
  padding-bottom: calc((110 / 240) * 100%);
}

.bg--jEQNa {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.image--JqDEN {
  --image-margin: 5px;

  position: absolute;
  top: var(--image-margin);
  left: 0;
  width: 100%;
  height: calc(100% - 2 * (var(--image-margin)));
}

.image--JqDEN[data-image-type='cookie'] {
  top: 17.5%;
  height: calc((110 / 170) * 100%);
}

.image--JqDEN[data-image-type='flow'] {
  top: 50%;
  left: 50%;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.badge--awjdd {
  position: relative;
  z-index: 1;
  margin-bottom: 5px;
  margin-left: -5px;
}

.title--ez8_8 {
  margin-bottom: 7px;
  word-break: break-word;
}

.meta--RJLBk {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  min-height: 28px;
}

.cardSkeleton--IUBDo {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.imageSkeleton--x7Zax {
  width: 220px;
  height: 100px;
  border-radius: 10px;
}

.infoSkeleton--DD_X3 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.titleSkeleton--XkdQC {
  width: 210px;
  height: 60px;
  border-radius: 10px;
}

.metaSkeleton--waN4a {
  width: 115px;
  height: 25px;
  border-radius: 10px;
}

/* Блок картинки ugc */

.ugcBgWrapper--D8e7l, .ugcBgBlur--wc3NV {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.ugcBgWrapper--D8e7l {
  z-index: 1;
  display: flex;
  justify-content: center;
}

.ugcBgBlur--wc3NV {
  z-index: 0;
  background-color: rgb(var(--surface-secondary));
}

.ugcBgBlurImage--v6I7O {
  filter: blur(15px);
  opacity: 0.25;
  height: 100%;
}

.ugcBg--ovN3N[data-cover='contain'] {
  height: 100%;
}

.ugcBg--ovN3N[data-cover='cover'] {
  width: 75px;
}

.ugcBg--ovN3N[data-cover='default'] {
  width: 100%;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--YY0aR {
  font: var(--accent-number);
}
.accent-quote--qYld8 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--qYld8 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--VowYQ {
  font: var(--accent-static);
}
.accent-lead--jpkOW {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--jpkOW {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--lxqgG {
  font: var(--accent-impact);
}
.accent-bold--fiD1h {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--fiD1h {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--BOGcv {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--BOGcv {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--_cF1s {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--_cF1s {
    padding: 4px 2px;
}
  }
mark.highlight--_cF1s[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--YK8yO {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--YK8yO {
    font: var(--body-primary-desktop);
}
  }
.body-primary--YK8yO b, .body-primary--YK8yO strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--YK8yO b, .body-primary--YK8yO strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--I2ltA {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--I2ltA {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--I2ltA b, .body-secondary--I2ltA strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--I2ltA b, .body-secondary--I2ltA strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--lR2zY {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--lR2zY {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--lR2zY b, .body-extra-large--lR2zY strong, .body-extra-large-bold--iuFY6 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--lR2zY b, .body-extra-large--lR2zY strong, .body-extra-large-bold--iuFY6 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--X6dyj {
  font: var(--body-large);
}
.body-large--X6dyj b, .body-large--X6dyj strong, .body-large-bold--sRJmm {
  font: var(--body-large-bold);
}
.body-medium--OQr6N {
  font: var(--body-medium);
}
.body-medium--OQr6N b, .body-medium--OQr6N strong, .body-medium-bold--PVcoM {
  font: var(--body-medium-bold);
}
.body-small--MI8qJ {
  font: var(--body-small);
}
.body-small--MI8qJ b, .body-small--MI8qJ strong, .body-small-bold--PbEx7 {
  font: var(--body-small-bold);
}
.heading-one--pjeSm, .h1--Hn5JX {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--pjeSm, .h1--Hn5JX {
    font: var(--heading-one-desktop);
}
  }
.heading-two--g_XZl, .h2--X9iid {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--g_XZl, .h2--X9iid {
    font: var(--heading-two-desktop);
}
  }
.heading-three--ozzqJ, .h3--hxpwg {
  font: var(--heading-three);
}
.heading-four--H53RD, .h4--bX6Sq {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--H53RD, .h4--bX6Sq {
    font: var(--heading-four-desktop);
}
  }
.heading-five--BVtKY, .h5--ckLqQ {
  font: var(--heading-five);
}
.heading-six--EEWRb, .h6--jQSqA {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--EEWRb, .h6--jQSqA {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--dUSlZ {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--dUSlZ {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--ahK9L {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--ahK9L {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--QCs81 {
  font: var(--interface-primary);
}
.interface-secondary--Xk3gu {
  font: var(--interface-secondary);
}
.interface-error--GJz3l {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--GJz3l {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--_VtlH {
  font: var(--interface-caption);
}
.interface-heading--_7ZGM {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--_7ZGM {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--f6bFW {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--f6bFW {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--Dtr3z, a.a--Dtr3z, span.a--Dtr3z {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--Dtr3z:hover, a.a--Dtr3z:hover, span.a--Dtr3z: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--Dtr3z[data-underline-gap='medium'], span.a--Dtr3z[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--Dtr3z[data-underline-gap='small'], span.a--Dtr3z[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--Dtr3z[data-pseudo='true'], span.a--Dtr3z[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--Dtr3z[data-pseudo='true']:hover, span.a--Dtr3z[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--Dtr3z[data-secondary='true'], span.a--Dtr3z[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--Dtr3z[data-secondary='true']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='positive'], span.a--Dtr3z[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--Dtr3z[data-surface='positive']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='negative'], span.a--Dtr3z[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--Dtr3z[data-surface='negative']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='warning'], span.a--Dtr3z[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--Dtr3z[data-surface='warning']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='interactive'], span.a--Dtr3z[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--Dtr3z[data-surface='interactive']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='placeholder'], span.a--Dtr3z[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--Dtr3z[data-surface='placeholder']:hover, span.a--Dtr3z[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--Dtr3z[data-surface='dim'], span.a--Dtr3z[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--Dtr3z[data-surface='dim']:hover, span.a--Dtr3z[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--Dtr3z[data-inverse='true'], span.a--Dtr3z[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--Dtr3z[data-inverse='true']:hover, span.a--Dtr3z[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--Dtr3z[data-secondary='true'][data-inverse='true'], span.a--Dtr3z[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--Dtr3z[data-secondary='true'][data-inverse='true']:hover, span.a--Dtr3z[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--fe60z, .title--VzpWq {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--AsYIw, .default-link--H9BWJ {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--H9BWJ {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--dTfZc {
  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--dTfZc {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--vUUgT {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--vUUgT {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--H9BWJ:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.title--VzpWq {
  padding-left: 20px;
  padding-top: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.title--VzpWq {
    padding-left: 30px;
    padding-top: var(--padding-block-tablet-top);
}
  }
.links--Xq2We {
  margin-top: 15px;
}
@media (min-width: 760px) {
.links--Xq2We {
    margin-top: 20px;
}
  }

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--aOtXQ {
  font: var(--accent-number);
}
.accent-quote--aTTaL {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--aTTaL {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--LS8_N {
  font: var(--accent-static);
}
.accent-lead--mB4_Q {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--mB4_Q {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--wDSza {
  font: var(--accent-impact);
}
.accent-bold--iSUHJ {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--iSUHJ {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--f51Hv {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--f51Hv {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--Iu7VG {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--Iu7VG {
    padding: 4px 2px;
}
  }
mark.highlight--Iu7VG[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--gLrYW {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--gLrYW {
    font: var(--body-primary-desktop);
}
  }
.body-primary--gLrYW b, .body-primary--gLrYW strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--gLrYW b, .body-primary--gLrYW strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--ULp1w {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--ULp1w {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--ULp1w b, .body-secondary--ULp1w strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--ULp1w b, .body-secondary--ULp1w strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--M6k3S {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--M6k3S {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--M6k3S b, .body-extra-large--M6k3S strong, .body-extra-large-bold--EYmeA {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--M6k3S b, .body-extra-large--M6k3S strong, .body-extra-large-bold--EYmeA {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--Nnqdv {
  font: var(--body-large);
}
.body-large--Nnqdv b, .body-large--Nnqdv strong, .body-large-bold--eCWpu {
  font: var(--body-large-bold);
}
.body-medium--EeR3g {
  font: var(--body-medium);
}
.body-medium--EeR3g b, .body-medium--EeR3g strong, .body-medium-bold--rDAZk {
  font: var(--body-medium-bold);
}
.body-small--O9WIl {
  font: var(--body-small);
}
.body-small--O9WIl b, .body-small--O9WIl strong, .body-small-bold--bcrC4 {
  font: var(--body-small-bold);
}
.heading-one--C8NWX, .h1--qshqf {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--C8NWX, .h1--qshqf {
    font: var(--heading-one-desktop);
}
  }
.heading-two--Hvatb, .h2--yr4Wq {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--Hvatb, .h2--yr4Wq {
    font: var(--heading-two-desktop);
}
  }
.heading-three--gVSht, .h3--NeqGT {
  font: var(--heading-three);
}
.heading-four--rKGyS, .h4--jxXkW {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--rKGyS, .h4--jxXkW {
    font: var(--heading-four-desktop);
}
  }
.heading-five--fVU83, .h5--VjsIr {
  font: var(--heading-five);
}
.heading-six--_PZJ0, .h6--ikjN2 {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--_PZJ0, .h6--ikjN2 {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--VymBs {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--VymBs {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--aK5k3 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--aK5k3 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--erysp {
  font: var(--interface-primary);
}
.interface-secondary--v6ewg {
  font: var(--interface-secondary);
}
.interface-error--_f4_d {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--_f4_d {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--MYtu2 {
  font: var(--interface-caption);
}
.interface-heading--hjTIq {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--hjTIq {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--KnTug {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--KnTug {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--fMQ6B, a.a--fMQ6B, span.a--fMQ6B {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--fMQ6B:hover, a.a--fMQ6B:hover, span.a--fMQ6B: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--fMQ6B[data-underline-gap='medium'], span.a--fMQ6B[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--fMQ6B[data-underline-gap='small'], span.a--fMQ6B[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--fMQ6B[data-pseudo='true'], span.a--fMQ6B[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--fMQ6B[data-pseudo='true']:hover, span.a--fMQ6B[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--fMQ6B[data-secondary='true'], span.a--fMQ6B[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--fMQ6B[data-secondary='true']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='positive'], span.a--fMQ6B[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--fMQ6B[data-surface='positive']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='negative'], span.a--fMQ6B[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--fMQ6B[data-surface='negative']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='warning'], span.a--fMQ6B[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--fMQ6B[data-surface='warning']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='interactive'], span.a--fMQ6B[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--fMQ6B[data-surface='interactive']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='placeholder'], span.a--fMQ6B[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--fMQ6B[data-surface='placeholder']:hover, span.a--fMQ6B[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--fMQ6B[data-surface='dim'], span.a--fMQ6B[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--fMQ6B[data-surface='dim']:hover, span.a--fMQ6B[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--fMQ6B[data-inverse='true'], span.a--fMQ6B[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--fMQ6B[data-inverse='true']:hover, span.a--fMQ6B[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--fMQ6B[data-secondary='true'][data-inverse='true'], span.a--fMQ6B[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--fMQ6B[data-secondary='true'][data-inverse='true']:hover, span.a--fMQ6B[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--nsmsN {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--AvcpD, .default-link--juPF5, .text--EKLTX {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--juPF5 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--HD3ko {
  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--HD3ko {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--Rg6cE {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--Rg6cE {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--juPF5:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Позиционирование кнопки */
.root--HioQa {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--color-background-default);
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  cursor: pointer;
}
/* Элементы кнопки */
.icon--ZBSdK {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  width: 17px;
  height: 17px;
  margin-top: 4px;
}
.text--EKLTX {
  width: 100%;
  margin-left: 5px;
  margin-right: 15px;
  cursor: pointer;
}
.chevron--uQAfa {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  color: var(--color-control-base);
}
/* Изменение цвета при наведении */
@media (hover: hover) {
  .root--HioQa:hover .text--EKLTX {
    color: var(--color-text-hover);
  }

  .root--HioQa:hover .chevron--uQAfa {
    color: var(--color-control-hover);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--zvFyf {
  font: var(--accent-number);
}
.accent-quote--C9fQu {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--C9fQu {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--HrcSo {
  font: var(--accent-static);
}
.accent-lead--oPEFf {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--oPEFf {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--YcvUG {
  font: var(--accent-impact);
}
.accent-bold--BFQWE {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--BFQWE {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--zm8I3 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--zm8I3 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--ZRfgc {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--ZRfgc {
    padding: 4px 2px;
}
  }
mark.highlight--ZRfgc[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--bSR8e {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--bSR8e {
    font: var(--body-primary-desktop);
}
  }
.body-primary--bSR8e b, .body-primary--bSR8e strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--bSR8e b, .body-primary--bSR8e strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--2TsTU {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--2TsTU {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--2TsTU b, .body-secondary--2TsTU strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--2TsTU b, .body-secondary--2TsTU strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--hNzU5 {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--hNzU5 {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--hNzU5 b, .body-extra-large--hNzU5 strong, .body-extra-large-bold--RSq4R {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--hNzU5 b, .body-extra-large--hNzU5 strong, .body-extra-large-bold--RSq4R {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--RN_Vw {
  font: var(--body-large);
}
.body-large--RN_Vw b, .body-large--RN_Vw strong, .body-large-bold--a_BZz {
  font: var(--body-large-bold);
}
.body-medium--rxdZ2 {
  font: var(--body-medium);
}
.body-medium--rxdZ2 b, .body-medium--rxdZ2 strong, .body-medium-bold--T1Tb3 {
  font: var(--body-medium-bold);
}
.body-small--Agka7 {
  font: var(--body-small);
}
.body-small--Agka7 b, .body-small--Agka7 strong, .body-small-bold--wsD61 {
  font: var(--body-small-bold);
}
.heading-one--RuIIt, .h1--wmLX8 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--RuIIt, .h1--wmLX8 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--AOd92, .h2--_HWUv {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--AOd92, .h2--_HWUv {
    font: var(--heading-two-desktop);
}
  }
.heading-three--BCtzf, .h3--eZFNB {
  font: var(--heading-three);
}
.heading-four--RQz8i, .h4--jgPbw {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--RQz8i, .h4--jgPbw {
    font: var(--heading-four-desktop);
}
  }
.heading-five--drjHs, .h5--vAnop {
  font: var(--heading-five);
}
.heading-six--sCHSK, .h6--R0LWJ {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--sCHSK, .h6--R0LWJ {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--Zczuc {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--Zczuc {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--Ct7tr {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--Ct7tr {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--zj5TS {
  font: var(--interface-primary);
}
.interface-secondary--jt8jR {
  font: var(--interface-secondary);
}
.interface-error--Yokf7 {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Yokf7 {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--E9cyB {
  font: var(--interface-caption);
}
.interface-heading--vgflG {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--vgflG {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--RAWi9 {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--RAWi9 {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--uzxpM, a.a--uzxpM, span.a--uzxpM {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--uzxpM:hover, a.a--uzxpM:hover, span.a--uzxpM: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--uzxpM[data-underline-gap='medium'], span.a--uzxpM[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--uzxpM[data-underline-gap='small'], span.a--uzxpM[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--uzxpM[data-pseudo='true'], span.a--uzxpM[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--uzxpM[data-pseudo='true']:hover, span.a--uzxpM[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--uzxpM[data-secondary='true'], span.a--uzxpM[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--uzxpM[data-secondary='true']:hover, span.a--uzxpM[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--uzxpM[data-surface='positive'], span.a--uzxpM[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--uzxpM[data-surface='positive']:hover, span.a--uzxpM[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--uzxpM[data-surface='negative'], span.a--uzxpM[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--uzxpM[data-surface='negative']:hover, span.a--uzxpM[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--uzxpM[data-surface='warning'], span.a--uzxpM[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--uzxpM[data-surface='warning']:hover, span.a--uzxpM[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--uzxpM[data-surface='interactive'], span.a--uzxpM[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--uzxpM[data-surface='interactive']:hover, span.a--uzxpM[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--uzxpM[data-surface='placeholder'], span.a--uzxpM[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--uzxpM[data-surface='placeholder']:hover, span.a--uzxpM[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--uzxpM[data-surface='dim'], span.a--uzxpM[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--uzxpM[data-surface='dim']:hover, span.a--uzxpM[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--uzxpM[data-inverse='true'], span.a--uzxpM[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--uzxpM[data-inverse='true']:hover, span.a--uzxpM[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--uzxpM[data-secondary='true'][data-inverse='true'], span.a--uzxpM[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--uzxpM[data-secondary='true'][data-inverse='true']:hover, span.a--uzxpM[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--BBKWM {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--KStFc, .default-link--SYMw1 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--SYMw1 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--eSfFu {
  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--eSfFu {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--O0ssa {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--O0ssa {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--SYMw1:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--tzyh8 {
  display: flex;
  flex-direction: column;
}
/* Список кнопок с торговыми названиями */
.drugsList--frj_3 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* Убираем стрелку */
details > summary {
  list-style: none;
}
details > summary::marker {
  content: '';
  display: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
/* Разделитель между кнопками */
.delimiter--L5Du0 {
  /* Специфический отступ по макету, чтобы разделителя не было под иконкой */
  width: calc(100% - 22px);
  margin-left: 22px;
  border: none;
  height: 1px;
  background-color: var(--color-border-default);
}
/* Кнопка "показать еще" */
.cutButton--gTqeJ {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 10px;
  font: var(--font-default);
  color: var(--color-control-base);
  cursor: pointer;

  /* Специальный набор стилей, чтобы сделать подчеркивание с длинным штрихом */
  background-image: linear-gradient(
    to right,
    var(--color-cut-button-border) 5px,
    transparent 5px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 5px) 1px;
}
.drugsList--frj_3[open] .cutButton--gTqeJ {
  display: none;
}
@media (hover: hover) {
  .cutButton--gTqeJ:hover {
    background-image: linear-gradient(
      to right,
      var(--color-cut-button-border-hover) 5px,
      transparent 5px
    );
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--UyczJ {
  font: var(--accent-number);
}
.accent-quote--sX_TG {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--sX_TG {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--Nk9P9 {
  font: var(--accent-static);
}
.accent-lead--TZHGr {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--TZHGr {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--gNnyM {
  font: var(--accent-impact);
}
.accent-bold--v8e9e {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--v8e9e {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--rv3x2 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--rv3x2 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--mS1ST {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--mS1ST {
    padding: 4px 2px;
}
  }
mark.highlight--mS1ST[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--D7rgg {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--D7rgg {
    font: var(--body-primary-desktop);
}
  }
.body-primary--D7rgg b, .body-primary--D7rgg strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--D7rgg b, .body-primary--D7rgg strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--iyzb_ {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--iyzb_ {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--iyzb_ b, .body-secondary--iyzb_ strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--iyzb_ b, .body-secondary--iyzb_ strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--dQOIa {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dQOIa {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--dQOIa b, .body-extra-large--dQOIa strong, .body-extra-large-bold--_i0_X {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--dQOIa b, .body-extra-large--dQOIa strong, .body-extra-large-bold--_i0_X {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--JAxBu {
  font: var(--body-large);
}
.body-large--JAxBu b, .body-large--JAxBu strong, .body-large-bold--JEymB {
  font: var(--body-large-bold);
}
.body-medium--DhCMj {
  font: var(--body-medium);
}
.body-medium--DhCMj b, .body-medium--DhCMj strong, .body-medium-bold--juau2 {
  font: var(--body-medium-bold);
}
.body-small--imaDB {
  font: var(--body-small);
}
.body-small--imaDB b, .body-small--imaDB strong, .body-small-bold--an_Au {
  font: var(--body-small-bold);
}
.heading-one--x6Btt, .h1--yvOUi {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--x6Btt, .h1--yvOUi {
    font: var(--heading-one-desktop);
}
  }
.heading-two--ktLZi, .h2--kNVOY {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--ktLZi, .h2--kNVOY {
    font: var(--heading-two-desktop);
}
  }
.heading-three--yLDwi, .h3--dA577 {
  font: var(--heading-three);
}
.heading-four--PkBW4, .h4--a_YB0 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--PkBW4, .h4--a_YB0 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--xWI3w, .h5--ewLyR {
  font: var(--heading-five);
}
.heading-six--QLx7J, .h6--LYHMN {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--QLx7J, .h6--LYHMN {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--tdkzx {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--tdkzx {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--KAWFJ {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--KAWFJ {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--Tyow3 {
  font: var(--interface-primary);
}
.interface-secondary--MBbws {
  font: var(--interface-secondary);
}
.interface-error--aApig {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--aApig {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--BA6Wy {
  font: var(--interface-caption);
}
.interface-heading--rL4Cp {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--rL4Cp {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--rxRXF {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--rxRXF {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--y7dFO, a.a--y7dFO, span.a--y7dFO {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--y7dFO:hover, a.a--y7dFO:hover, span.a--y7dFO: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--y7dFO[data-underline-gap='medium'], span.a--y7dFO[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--y7dFO[data-underline-gap='small'], span.a--y7dFO[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--y7dFO[data-pseudo='true'], span.a--y7dFO[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--y7dFO[data-pseudo='true']:hover, span.a--y7dFO[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--y7dFO[data-secondary='true'], span.a--y7dFO[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--y7dFO[data-secondary='true']:hover, span.a--y7dFO[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--y7dFO[data-surface='positive'], span.a--y7dFO[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--y7dFO[data-surface='positive']:hover, span.a--y7dFO[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--y7dFO[data-surface='negative'], span.a--y7dFO[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--y7dFO[data-surface='negative']:hover, span.a--y7dFO[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--y7dFO[data-surface='warning'], span.a--y7dFO[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--y7dFO[data-surface='warning']:hover, span.a--y7dFO[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--y7dFO[data-surface='interactive'], span.a--y7dFO[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--y7dFO[data-surface='interactive']:hover, span.a--y7dFO[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--y7dFO[data-surface='placeholder'], span.a--y7dFO[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--y7dFO[data-surface='placeholder']:hover, span.a--y7dFO[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--y7dFO[data-surface='dim'], span.a--y7dFO[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--y7dFO[data-surface='dim']:hover, span.a--y7dFO[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--y7dFO[data-inverse='true'], span.a--y7dFO[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--y7dFO[data-inverse='true']:hover, span.a--y7dFO[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--y7dFO[data-secondary='true'][data-inverse='true'], span.a--y7dFO[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--y7dFO[data-secondary='true'][data-inverse='true']:hover, span.a--y7dFO[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--sFJxK {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--IqFgr, .default-link--fXJwc {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--fXJwc {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--go79i {
  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--go79i {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--ep8jY {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--ep8jY {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--fXJwc:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--XB2dy {
  display: flex;
  flex-direction: column;
}
/* Список кнопок с торговыми названиями */
.drugsList--utKJd {
  display: flex;
  flex-direction: column;
  width: 100%;
}
/* Разделитель между кнопками */
.delimiter--IuVeO {
  /* Специфический отступ по макету, чтобы разделителя не было под иконкой */
  width: calc(100% - 22px);
  margin-left: 22px;
  border: none;
  height: 1px;
  background-color: var(--color-border-default);
}
.drugItem--R_QOl:last-child .delimiter--IuVeO {
  display: none;
}
/* Кнопка "показать еще" */
.cutButton--L_Rv9 {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 10px;
  margin-bottom: 10px;
  font: var(--font-default);
  color: var(--color-control-base);
  cursor: pointer;

  /* Специальный набор стилей, чтобы сделать подчеркивание с длинным штрихом */
  background-image: linear-gradient(
    to right,
    var(--color-cut-button-border) 5px,
    transparent 5px
  );
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: calc(5px + 5px) 1px;
}
@media (hover: hover) {
  .cutButton--L_Rv9:hover {
    background-image: linear-gradient(
      to right,
      var(--color-cut-button-border-hover) 5px,
      transparent 5px
    );
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--aRu7d {
  font: var(--accent-number);
}
.accent-quote--fRxay {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--fRxay {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--tvUbI {
  font: var(--accent-static);
}
.accent-lead--UPlBV {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--UPlBV {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--JGBnM {
  font: var(--accent-impact);
}
.accent-bold--sPEQh {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--sPEQh {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--de9dp {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--de9dp {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--wakA7 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--wakA7 {
    padding: 4px 2px;
}
  }
mark.highlight--wakA7[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--keJk0 {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--keJk0 {
    font: var(--body-primary-desktop);
}
  }
.body-primary--keJk0 b, .body-primary--keJk0 strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--keJk0 b, .body-primary--keJk0 strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--HB3JR {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--HB3JR {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--HB3JR b, .body-secondary--HB3JR strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--HB3JR b, .body-secondary--HB3JR strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--YH8eE {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--YH8eE {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--YH8eE b, .body-extra-large--YH8eE strong, .body-extra-large-bold--bguSR {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--YH8eE b, .body-extra-large--YH8eE strong, .body-extra-large-bold--bguSR {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--GmRV3 {
  font: var(--body-large);
}
.body-large--GmRV3 b, .body-large--GmRV3 strong, .body-large-bold--ogelT {
  font: var(--body-large-bold);
}
.body-medium--JobFv {
  font: var(--body-medium);
}
.body-medium--JobFv b, .body-medium--JobFv strong, .body-medium-bold--adnMc {
  font: var(--body-medium-bold);
}
.body-small--vLvUp {
  font: var(--body-small);
}
.body-small--vLvUp b, .body-small--vLvUp strong, .body-small-bold--w7jB6 {
  font: var(--body-small-bold);
}
.heading-one--u6ZvD, .h1--eEC55 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--u6ZvD, .h1--eEC55 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--raNOQ, .h2--XzIJX {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--raNOQ, .h2--XzIJX {
    font: var(--heading-two-desktop);
}
  }
.heading-three--rCNiY, .h3--phb5K {
  font: var(--heading-three);
}
.heading-four--KbpQF, .h4--Q9WK7 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--KbpQF, .h4--Q9WK7 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--KGV6z, .h5--wcwDn {
  font: var(--heading-five);
}
.heading-six--FY97a, .h6--OX7q_ {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--FY97a, .h6--OX7q_ {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--R70ty {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--R70ty {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--bpM3X {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--bpM3X {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--dhNJQ {
  font: var(--interface-primary);
}
.interface-secondary--ecUv5 {
  font: var(--interface-secondary);
}
.interface-error--DeWhu {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--DeWhu {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--B0Ldb {
  font: var(--interface-caption);
}
.interface-heading--JIqB1 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--JIqB1 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--TyfUZ {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--TyfUZ {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--iPIla, a.a--iPIla, span.a--iPIla {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--iPIla:hover, a.a--iPIla:hover, span.a--iPIla: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--iPIla[data-underline-gap='medium'], span.a--iPIla[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--iPIla[data-underline-gap='small'], span.a--iPIla[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--iPIla[data-pseudo='true'], span.a--iPIla[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--iPIla[data-pseudo='true']:hover, span.a--iPIla[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--iPIla[data-secondary='true'], span.a--iPIla[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--iPIla[data-secondary='true']:hover, span.a--iPIla[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--iPIla[data-surface='positive'], span.a--iPIla[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--iPIla[data-surface='positive']:hover, span.a--iPIla[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--iPIla[data-surface='negative'], span.a--iPIla[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--iPIla[data-surface='negative']:hover, span.a--iPIla[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--iPIla[data-surface='warning'], span.a--iPIla[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--iPIla[data-surface='warning']:hover, span.a--iPIla[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--iPIla[data-surface='interactive'], span.a--iPIla[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--iPIla[data-surface='interactive']:hover, span.a--iPIla[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--iPIla[data-surface='placeholder'], span.a--iPIla[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--iPIla[data-surface='placeholder']:hover, span.a--iPIla[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--iPIla[data-surface='dim'], span.a--iPIla[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--iPIla[data-surface='dim']:hover, span.a--iPIla[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--iPIla[data-inverse='true'], span.a--iPIla[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--iPIla[data-inverse='true']:hover, span.a--iPIla[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--iPIla[data-secondary='true'][data-inverse='true'], span.a--iPIla[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--iPIla[data-secondary='true'][data-inverse='true']:hover, span.a--iPIla[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--Zswqz, .title--AMY1m {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--D8VDt, .default-link--HFAaM, .info--qfDRH {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--HFAaM {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--kfQkp {
  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--kfQkp {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--oL9Zh {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--oL9Zh {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--HFAaM:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* По макету у этого блока должен быть уменьшен отступ снизу */
.root--VFodr {
  padding-top: var(--padding-block-mobile);
  padding-bottom: 10px;
}
@media (min-width: 760px) {
.root--VFodr {
    padding-top: var(--padding-block-tablet-top);
    padding-bottom: 20px;
}
  }
/* Верхушка блока с заголовком и текстом */
.titleBlock--iGXbI {
  display: flex;
  margin-bottom: 10px;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 760px) {
.titleBlock--iGXbI {
    justify-content: flex-start;
    align-items: center;
}
  }
.title--AMY1m {
  margin-right: 8px;
}
.info--qfDRH {
  max-width: 640px;
  margin-bottom: 10px;
}

.list--BZgOH {
  font: var(--body-primary);
  padding: 0;
  margin: 20px 0;
  list-style: none;
}
@media (min-width: 760px) {
.list--BZgOH {
    margin-bottom: 30px;
}
  }
/* В элементах статьи вложенные теги жирного начертания должны менять токен */
.list--BZgOH b, .list--BZgOH strong {
  font: var(--accent-bold);
}
ol.list--BZgOH {
  counter-reset: list;
}
.listItem--O6mHk {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
}
@media (min-width: 820px) {
.listItem--O6mHk {
    padding-left: 35px;
    margin-bottom: 20px;
}
  }
.listItem--O6mHk::before {
  content: '•';
  position: absolute;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20px;
  height: 25px;
}
@media (min-width: 820px) {
.listItem--O6mHk::before {
    width: 30px;
    height: 30px;
}
  }
.listItem--O6mHk[data-bullet]::before {
  content: attr(data-bullet);
  align-items: flex-start;
}
ol > .listItem--O6mHk::before {
  content: counter(list) '.';
  counter-increment: list;
  align-items: flex-start;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--avmwg {
  font: var(--accent-number);
}
.accent-quote--RDSHE {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--RDSHE {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--UUflN {
  font: var(--accent-static);
}
.accent-lead--MIEoH {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--MIEoH {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--kIlg2 {
  font: var(--accent-impact);
}
.accent-bold--eBH3c {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--eBH3c {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--uc91O {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--uc91O {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--jh_Mc {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--jh_Mc {
    padding: 4px 2px;
}
  }
mark.highlight--jh_Mc[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--LTaWG {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--LTaWG {
    font: var(--body-primary-desktop);
}
  }
.body-primary--LTaWG b, .body-primary--LTaWG strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--LTaWG b, .body-primary--LTaWG strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--ww6so {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--ww6so {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--ww6so b, .body-secondary--ww6so strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--ww6so b, .body-secondary--ww6so strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--kYQfl {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--kYQfl {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--kYQfl b, .body-extra-large--kYQfl strong, .body-extra-large-bold--BXsam {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--kYQfl b, .body-extra-large--kYQfl strong, .body-extra-large-bold--BXsam {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--yxlvR {
  font: var(--body-large);
}
.body-large--yxlvR b, .body-large--yxlvR strong, .body-large-bold--bDMWE {
  font: var(--body-large-bold);
}
.body-medium--_24X_ {
  font: var(--body-medium);
}
.body-medium--_24X_ b, .body-medium--_24X_ strong, .body-medium-bold--pwbtR {
  font: var(--body-medium-bold);
}
.body-small--fHGx7 {
  font: var(--body-small);
}
.body-small--fHGx7 b, .body-small--fHGx7 strong, .body-small-bold--EuznL {
  font: var(--body-small-bold);
}
.heading-one--_Uu1d, .h1--QrP0C {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--_Uu1d, .h1--QrP0C {
    font: var(--heading-one-desktop);
}
  }
.heading-two--nU9SK, .h2--ZNEdG {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--nU9SK, .h2--ZNEdG {
    font: var(--heading-two-desktop);
}
  }
.heading-three--XEopQ, .h3--B8nuV {
  font: var(--heading-three);
}
.heading-four--pRZHI, .h4--bL1eF {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--pRZHI, .h4--bL1eF {
    font: var(--heading-four-desktop);
}
  }
.heading-five--H2xx1, .h5--Rd8P9 {
  font: var(--heading-five);
}
.heading-six--MwqZ0, .h6--HnuHB {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--MwqZ0, .h6--HnuHB {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--SxEhY {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--SxEhY {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--UhMP4 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--UhMP4 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--Neg9K {
  font: var(--interface-primary);
}
.interface-secondary--WwADs {
  font: var(--interface-secondary);
}
.interface-error--MjXhy {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--MjXhy {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--t5z26 {
  font: var(--interface-caption);
}
.interface-heading--t7CuL {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--t7CuL {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--_T4kJ {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--_T4kJ {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--Pxcur, a.a--Pxcur, span.a--Pxcur {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--Pxcur:hover, a.a--Pxcur:hover, span.a--Pxcur: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--Pxcur[data-underline-gap='medium'], span.a--Pxcur[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--Pxcur[data-underline-gap='small'], span.a--Pxcur[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--Pxcur[data-pseudo='true'], span.a--Pxcur[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--Pxcur[data-pseudo='true']:hover, span.a--Pxcur[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--Pxcur[data-secondary='true'], span.a--Pxcur[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--Pxcur[data-secondary='true']:hover, span.a--Pxcur[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--Pxcur[data-surface='positive'], span.a--Pxcur[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--Pxcur[data-surface='positive']:hover, span.a--Pxcur[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--Pxcur[data-surface='negative'], span.a--Pxcur[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--Pxcur[data-surface='negative']:hover, span.a--Pxcur[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--Pxcur[data-surface='warning'], span.a--Pxcur[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--Pxcur[data-surface='warning']:hover, span.a--Pxcur[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--Pxcur[data-surface='interactive'], span.a--Pxcur[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--Pxcur[data-surface='interactive']:hover, span.a--Pxcur[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--Pxcur[data-surface='placeholder'], span.a--Pxcur[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--Pxcur[data-surface='placeholder']:hover, span.a--Pxcur[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--Pxcur[data-surface='dim'], span.a--Pxcur[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--Pxcur[data-surface='dim']:hover, span.a--Pxcur[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--Pxcur[data-inverse='true'], span.a--Pxcur[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--Pxcur[data-inverse='true']:hover, span.a--Pxcur[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--Pxcur[data-secondary='true'][data-inverse='true'], span.a--Pxcur[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--Pxcur[data-secondary='true'][data-inverse='true']:hover, span.a--Pxcur[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--N09kp, .title--MZBVD {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--aJeZg, .default-link--HPOTi {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--HPOTi {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--ByjuJ {
  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--ByjuJ {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--HIAsh {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--HIAsh {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--HPOTi:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Форма и цвет блока */
.root--fbJkM {
  position: relative;
  all: unset;
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-default);
  border-radius: 15px;
  overflow: hidden;
  cursor: default;
}
/* Элементы в заголовке блока */
.header--EqNM2 {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.header--EqNM2 {
    padding: var(--padding-block-tablet-main);
    padding-top: var(--padding-block-tablet-top);
    padding-bottom: var(--padding-block-tablet-top);
}
  }
/* Убираем стрелку */
details > summary {
  list-style: none;
}
details > summary::marker {
  content: '';
  display: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
.root--fbJkM[open] .header--EqNM2 {
  padding-bottom: 10px;
}
.title--MZBVD {
  cursor: pointer;
}
.chevron--igkso {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  color: var(--color-control-base);
}
/* Дочерние элементы, которые видно в открытом кате */
.children--DzUQF {
  padding: var(--padding-block-mobile);
  padding-top: 0;
}
@media (min-width: 760px) {
.children--DzUQF {
    padding: var(--padding-block-tablet-main);
    padding-top: 0;
}
  }
.children--DzUQF[data-with-horizontal-padding='false'] {
  padding-left: 0;
  padding-right: 0;
}
.children--DzUQF:empty {
  display: none;
}
/* Изменение при наведении */
@media (hover: hover) {
  .header--EqNM2:hover .chevron--igkso {
    color: var(--color-control-hover);
  }

  .root--fbJkM:hover {
    background-color: var(--color-background-hover);
    border: 1px solid var(--color-border-hover);
    cursor: pointer;
  }

  /* Сбрасываем стиль, если блок раскрыт */
  .root--fbJkM[open]:hover {
    background-color: var(--color-background-default);
    border: 1px solid var(--color-border-default);
    cursor: default;
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--CLxKL {
  font: var(--accent-number);
}
.accent-quote--z_Qi_ {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--z_Qi_ {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--TyILt {
  font: var(--accent-static);
}
.accent-lead--WO6XD {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--WO6XD {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--HyzhP {
  font: var(--accent-impact);
}
.accent-bold--fKap0 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--fKap0 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--OnLLk {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--OnLLk {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--Xnk7_ {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--Xnk7_ {
    padding: 4px 2px;
}
  }
mark.highlight--Xnk7_[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--Lmnbi {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--Lmnbi {
    font: var(--body-primary-desktop);
}
  }
.body-primary--Lmnbi b, .body-primary--Lmnbi strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--Lmnbi b, .body-primary--Lmnbi strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--YeXFw {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--YeXFw {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--YeXFw b, .body-secondary--YeXFw strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--YeXFw b, .body-secondary--YeXFw strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--fasma {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--fasma {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--fasma b, .body-extra-large--fasma strong, .body-extra-large-bold--J4hb3 {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--fasma b, .body-extra-large--fasma strong, .body-extra-large-bold--J4hb3 {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--o8N1_ {
  font: var(--body-large);
}
.body-large--o8N1_ b, .body-large--o8N1_ strong, .body-large-bold--hFVG7 {
  font: var(--body-large-bold);
}
.body-medium--RjDUr {
  font: var(--body-medium);
}
.body-medium--RjDUr b, .body-medium--RjDUr strong, .body-medium-bold--NjXx4 {
  font: var(--body-medium-bold);
}
.body-small--_kYTy {
  font: var(--body-small);
}
.body-small--_kYTy b, .body-small--_kYTy strong, .body-small-bold--pxPVX {
  font: var(--body-small-bold);
}
.heading-one--_0CqI, .h1--uKOtP {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--_0CqI, .h1--uKOtP {
    font: var(--heading-one-desktop);
}
  }
.heading-two--g6PYe, .h2--VHXX8 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--g6PYe, .h2--VHXX8 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--OaIMT, .h3--SSQvu {
  font: var(--heading-three);
}
.heading-four--LIKVI, .h4--nWAI4 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--LIKVI, .h4--nWAI4 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--q17ef, .h5--wyZ50 {
  font: var(--heading-five);
}
.heading-six--XLXWs, .h6--meGoR {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--XLXWs, .h6--meGoR {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--_E4dt {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--_E4dt {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--a_I6G {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--a_I6G {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--EFNDs {
  font: var(--interface-primary);
}
.interface-secondary--DpiSd {
  font: var(--interface-secondary);
}
.interface-error--Aj0iM {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Aj0iM {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--xyaNQ {
  font: var(--interface-caption);
}
.interface-heading--DPj5b {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--DPj5b {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--Ukiw8 {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--Ukiw8 {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--ILjJO, a.a--ILjJO, span.a--ILjJO {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--ILjJO:hover, a.a--ILjJO:hover, span.a--ILjJO: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--ILjJO[data-underline-gap='medium'], span.a--ILjJO[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--ILjJO[data-underline-gap='small'], span.a--ILjJO[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--ILjJO[data-pseudo='true'], span.a--ILjJO[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--ILjJO[data-pseudo='true']:hover, span.a--ILjJO[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--ILjJO[data-secondary='true'], span.a--ILjJO[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--ILjJO[data-secondary='true']:hover, span.a--ILjJO[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--ILjJO[data-surface='positive'], span.a--ILjJO[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--ILjJO[data-surface='positive']:hover, span.a--ILjJO[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--ILjJO[data-surface='negative'], span.a--ILjJO[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--ILjJO[data-surface='negative']:hover, span.a--ILjJO[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--ILjJO[data-surface='warning'], span.a--ILjJO[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--ILjJO[data-surface='warning']:hover, span.a--ILjJO[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--ILjJO[data-surface='interactive'], span.a--ILjJO[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--ILjJO[data-surface='interactive']:hover, span.a--ILjJO[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--ILjJO[data-surface='placeholder'], span.a--ILjJO[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--ILjJO[data-surface='placeholder']:hover, span.a--ILjJO[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--ILjJO[data-surface='dim'], span.a--ILjJO[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--ILjJO[data-surface='dim']:hover, span.a--ILjJO[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--ILjJO[data-inverse='true'], span.a--ILjJO[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--ILjJO[data-inverse='true']:hover, span.a--ILjJO[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--ILjJO[data-secondary='true'][data-inverse='true'], span.a--ILjJO[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--ILjJO[data-secondary='true'][data-inverse='true']:hover, span.a--ILjJO[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--WirAZ, .title--THWHz {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--aakTr, .default-link--x5gv0 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--x5gv0 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--nvvRh {
  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--nvvRh {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--yXbjU {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--yXbjU {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--x5gv0:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
/* Форма и цвет блока */
.root--BBRP9 {
  position: relative;
  all: unset;
  background-color: var(--color-background-default);
  border: 1px solid var(--color-border-default);
  border-radius: 15px;
  overflow: hidden;
  cursor: default;
}
/* Элементы в заголовке блока */
.header--w_gpE {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  padding: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.header--w_gpE {
    padding: var(--padding-block-tablet-main);
    padding-top: var(--padding-block-tablet-top);
    padding-bottom: var(--padding-block-tablet-top);
}
  }
.root--BBRP9[data-is-open='true'] .header--w_gpE {
  padding-bottom: 10px;
}
.title--THWHz {
  cursor: pointer;
}
.chevron--UOs4T {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  color: var(--color-control-base);
}
/* Дочерние элементы, которые видно в открытом кате */
.children--K5Ha4 {
  padding: var(--padding-block-mobile);
  padding-top: 0;
}
@media (min-width: 760px) {
.children--K5Ha4 {
    padding: var(--padding-block-tablet-main);
    padding-top: 0;
}
  }
.children--K5Ha4[data-with-horizontal-padding='false'] {
  padding-left: 0;
  padding-right: 0;
}
.children--K5Ha4:empty {
  display: none;
}
/* Изменение при наведении */
@media (hover: hover) {
  .root--BBRP9[data-is-open='false']:hover {
    background-color: var(--color-background-hover);
    border: 1px solid var(--color-border-hover);
    cursor: pointer;
  }

  .root--BBRP9[data-is-open='false']:hover .chevron--UOs4T {
    color: var(--color-control-hover);
  }

  .header--w_gpE:hover .chevron--UOs4T {
    color: var(--color-control-hover);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--j3Tmt {
  font: var(--accent-number);
}
.accent-quote--JE187 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--JE187 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--VkZCd {
  font: var(--accent-static);
}
.accent-lead--eVo4u {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--eVo4u {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--Ph287 {
  font: var(--accent-impact);
}
.accent-bold--UJKU0 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--UJKU0 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--sRKjV {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--sRKjV {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--h8iiq {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--h8iiq {
    padding: 4px 2px;
}
  }
mark.highlight--h8iiq[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--wHSxG {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--wHSxG {
    font: var(--body-primary-desktop);
}
  }
.body-primary--wHSxG b, .body-primary--wHSxG strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--wHSxG b, .body-primary--wHSxG strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--yK5Im {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--yK5Im {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--yK5Im b, .body-secondary--yK5Im strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--yK5Im b, .body-secondary--yK5Im strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--bk8pH {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--bk8pH {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--bk8pH b, .body-extra-large--bk8pH strong, .body-extra-large-bold--RU08r {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--bk8pH b, .body-extra-large--bk8pH strong, .body-extra-large-bold--RU08r {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--u5cTP {
  font: var(--body-large);
}
.body-large--u5cTP b, .body-large--u5cTP strong, .body-large-bold--FL8Y2 {
  font: var(--body-large-bold);
}
.body-medium--eLdNO {
  font: var(--body-medium);
}
.body-medium--eLdNO b, .body-medium--eLdNO strong, .body-medium-bold--EEwdI {
  font: var(--body-medium-bold);
}
.body-small--nmCu0 {
  font: var(--body-small);
}
.body-small--nmCu0 b, .body-small--nmCu0 strong, .body-small-bold--d0KSU {
  font: var(--body-small-bold);
}
.heading-one--EKH09, .h1--Z7Jbd {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--EKH09, .h1--Z7Jbd {
    font: var(--heading-one-desktop);
}
  }
.heading-two--kWlWi, .h2--nIZ1s {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--kWlWi, .h2--nIZ1s {
    font: var(--heading-two-desktop);
}
  }
.heading-three--UkRrv, .h3--kTB2L {
  font: var(--heading-three);
}
.heading-four--ehb1s, .h4--JYRm2 {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--ehb1s, .h4--JYRm2 {
    font: var(--heading-four-desktop);
}
  }
.heading-five--ZcMsm, .h5--FhZbd {
  font: var(--heading-five);
}
.heading-six--gMxBx, .h6--Pdzzm {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--gMxBx, .h6--Pdzzm {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--JlQnN {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--JlQnN {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--Q0Lo3 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--Q0Lo3 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--IUMBy {
  font: var(--interface-primary);
}
.interface-secondary--FdNhf {
  font: var(--interface-secondary);
}
.interface-error--bBCyu {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--bBCyu {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--hD9KT {
  font: var(--interface-caption);
}
.interface-heading--cNsAm {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--cNsAm {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--Gfzsa {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--Gfzsa {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--RWi2f, a.a--RWi2f, span.a--RWi2f {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--RWi2f:hover, a.a--RWi2f:hover, span.a--RWi2f: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--RWi2f[data-underline-gap='medium'], span.a--RWi2f[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--RWi2f[data-underline-gap='small'], span.a--RWi2f[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--RWi2f[data-pseudo='true'], span.a--RWi2f[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--RWi2f[data-pseudo='true']:hover, span.a--RWi2f[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--RWi2f[data-secondary='true'], span.a--RWi2f[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--RWi2f[data-secondary='true']:hover, span.a--RWi2f[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--RWi2f[data-surface='positive'], span.a--RWi2f[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--RWi2f[data-surface='positive']:hover, span.a--RWi2f[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--RWi2f[data-surface='negative'], span.a--RWi2f[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--RWi2f[data-surface='negative']:hover, span.a--RWi2f[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--RWi2f[data-surface='warning'], span.a--RWi2f[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--RWi2f[data-surface='warning']:hover, span.a--RWi2f[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--RWi2f[data-surface='interactive'], span.a--RWi2f[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--RWi2f[data-surface='interactive']:hover, span.a--RWi2f[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--RWi2f[data-surface='placeholder'], span.a--RWi2f[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--RWi2f[data-surface='placeholder']:hover, span.a--RWi2f[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--RWi2f[data-surface='dim'], span.a--RWi2f[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--RWi2f[data-surface='dim']:hover, span.a--RWi2f[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--RWi2f[data-inverse='true'], span.a--RWi2f[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--RWi2f[data-inverse='true']:hover, span.a--RWi2f[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--RWi2f[data-secondary='true'][data-inverse='true'], span.a--RWi2f[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--RWi2f[data-secondary='true'][data-inverse='true']:hover, span.a--RWi2f[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--iz8x8 {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--WALPQ, .default-link--wdFbH, .diseasesList--GvT_L li, .diseasesList--GvT_L p {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--wdFbH {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--_HTA1 {
  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--_HTA1 {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--JwgPh {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--JwgPh {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--wdFbH:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.diseasesList--GvT_L {
  display: flex;
  flex-direction: column;
  max-width: 640px;
  color: var(--color-text-default);
}
.diseasesList--GvT_L ul {
  margin: 0;
}
.diseasesList--GvT_L li {
  margin: 0;
}
.diseasesList--GvT_L p {
  margin: 0;
}
.diseasesList--GvT_L ul > * + * {
  margin-top: 10px;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--aVZuy {
  font: var(--accent-number);
}
.accent-quote--DUVrw {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--DUVrw {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--jZJhP {
  font: var(--accent-static);
}
.accent-lead--KQJvw {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--KQJvw {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--fX_Oz {
  font: var(--accent-impact);
}
.accent-bold--hD_NX {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--hD_NX {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--qJZrN {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--qJZrN {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--ThbQq {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--ThbQq {
    padding: 4px 2px;
}
  }
mark.highlight--ThbQq[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--tzqaO {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--tzqaO {
    font: var(--body-primary-desktop);
}
  }
.body-primary--tzqaO b, .body-primary--tzqaO strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--tzqaO b, .body-primary--tzqaO strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--gYBPX {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--gYBPX {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--gYBPX b, .body-secondary--gYBPX strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--gYBPX b, .body-secondary--gYBPX strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--amsEU {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--amsEU {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--amsEU b, .body-extra-large--amsEU strong, .body-extra-large-bold--ywxjk {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--amsEU b, .body-extra-large--amsEU strong, .body-extra-large-bold--ywxjk {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--e8fHK {
  font: var(--body-large);
}
.body-large--e8fHK b, .body-large--e8fHK strong, .body-large-bold--Ua77J {
  font: var(--body-large-bold);
}
.body-medium--vKDeH {
  font: var(--body-medium);
}
.body-medium--vKDeH b, .body-medium--vKDeH strong, .body-medium-bold--RbqRr {
  font: var(--body-medium-bold);
}
.body-small--BJdt1 {
  font: var(--body-small);
}
.body-small--BJdt1 b, .body-small--BJdt1 strong, .body-small-bold--PvxEK {
  font: var(--body-small-bold);
}
.heading-one--fwhqQ, .h1--cjbsM {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--fwhqQ, .h1--cjbsM {
    font: var(--heading-one-desktop);
}
  }
.heading-two--x2nYy, .h2--PaDqu {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--x2nYy, .h2--PaDqu {
    font: var(--heading-two-desktop);
}
  }
.heading-three--AH9Uj, .h3--BV_io {
  font: var(--heading-three);
}
.heading-four--vsDJO, .h4--aTWou {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--vsDJO, .h4--aTWou {
    font: var(--heading-four-desktop);
}
  }
.heading-five--oXERf, .h5--b6hC7 {
  font: var(--heading-five);
}
.heading-six--ziTJC, .h6--PCGyf {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--ziTJC, .h6--PCGyf {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--HPTui {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--HPTui {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--aQEN6 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--aQEN6 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--fXepx {
  font: var(--interface-primary);
}
.interface-secondary--Oy3YD {
  font: var(--interface-secondary);
}
.interface-error--o80vy {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--o80vy {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--bQT2G {
  font: var(--interface-caption);
}
.interface-heading--venOy {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--venOy {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--ndMmy {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--ndMmy {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--Vzi7n, a.a--Vzi7n, span.a--Vzi7n {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--Vzi7n:hover, a.a--Vzi7n:hover, span.a--Vzi7n: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--Vzi7n[data-underline-gap='medium'], span.a--Vzi7n[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--Vzi7n[data-underline-gap='small'], span.a--Vzi7n[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--Vzi7n[data-pseudo='true'], span.a--Vzi7n[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--Vzi7n[data-pseudo='true']:hover, span.a--Vzi7n[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--Vzi7n[data-secondary='true'], span.a--Vzi7n[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--Vzi7n[data-secondary='true']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='positive'], span.a--Vzi7n[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--Vzi7n[data-surface='positive']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='negative'], span.a--Vzi7n[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--Vzi7n[data-surface='negative']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='warning'], span.a--Vzi7n[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--Vzi7n[data-surface='warning']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='interactive'], span.a--Vzi7n[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--Vzi7n[data-surface='interactive']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='placeholder'], span.a--Vzi7n[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--Vzi7n[data-surface='placeholder']:hover, span.a--Vzi7n[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--Vzi7n[data-surface='dim'], span.a--Vzi7n[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--Vzi7n[data-surface='dim']:hover, span.a--Vzi7n[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--Vzi7n[data-inverse='true'], span.a--Vzi7n[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--Vzi7n[data-inverse='true']:hover, span.a--Vzi7n[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--Vzi7n[data-secondary='true'][data-inverse='true'], span.a--Vzi7n[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--Vzi7n[data-secondary='true'][data-inverse='true']:hover, span.a--Vzi7n[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--me1JF {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--TjyBd, .default-link--ezhtk, .title--MuCrQ {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--ezhtk {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--JAIW5 {
  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--JAIW5 {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--Uk9uO {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--Uk9uO {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--ezhtk:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--MCvCr {
  display: flex;
  flex-direction: column;
}
/* Заголовок */
.header--I1DiX {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/* Убираем стрелку */
details > summary {
  list-style: none;
}
details > summary::marker {
  content: '';
  display: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
.title--MuCrQ {
  max-width: 100%;
}
@media (min-width: 760px) {
.title--MuCrQ {
    max-width: 645px;
}
  }
.root--MCvCr[open] .title--MuCrQ {
  font: var(--font-bold-default);
  color: var(--color-text-title);
  margin-bottom: 10px;
}
/* Описание (скрывается/открывается при нажатии на заголовок) */
.description--esEPK {
  max-width: 100%;
}
@media (min-width: 760px) {
.description--esEPK {
    max-width: 640px;
}
  }
/* Иконка (плюс/крестик) */
.icon--CCJnZ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 30px;
  font-size: 17px;
  line-height: 25px;
  color: var(--color-control-base);
}
/* Изменение при наведении */
@media (hover: hover) {
  .header--I1DiX:hover .title--MuCrQ {
    cursor: pointer;
  }

  .header--I1DiX:hover .icon--CCJnZ {
    color: var(--color-control-hover);
  }

  .root--MCvCr:hover .title--MuCrQ {
    color: var(--color-text-hover);
  }

  .root--MCvCr[open]:hover .title--MuCrQ {
    color: var(--color-text-title);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--jg5kD {
  font: var(--accent-number);
}
.accent-quote--mW7WY {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--mW7WY {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--pG7WR {
  font: var(--accent-static);
}
.accent-lead--yY52t {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--yY52t {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--dYoXb {
  font: var(--accent-impact);
}
.accent-bold--BXhV6 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--BXhV6 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--VqXjJ {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--VqXjJ {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--AHnj4 {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--AHnj4 {
    padding: 4px 2px;
}
  }
mark.highlight--AHnj4[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--PgVLi {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--PgVLi {
    font: var(--body-primary-desktop);
}
  }
.body-primary--PgVLi b, .body-primary--PgVLi strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--PgVLi b, .body-primary--PgVLi strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--kAOjT {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--kAOjT {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--kAOjT b, .body-secondary--kAOjT strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--kAOjT b, .body-secondary--kAOjT strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--E_jNf {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--E_jNf {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--E_jNf b, .body-extra-large--E_jNf strong, .body-extra-large-bold--alwtn {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--E_jNf b, .body-extra-large--E_jNf strong, .body-extra-large-bold--alwtn {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--cCSzb {
  font: var(--body-large);
}
.body-large--cCSzb b, .body-large--cCSzb strong, .body-large-bold--ctcGw {
  font: var(--body-large-bold);
}
.body-medium--jfpV2 {
  font: var(--body-medium);
}
.body-medium--jfpV2 b, .body-medium--jfpV2 strong, .body-medium-bold--BW188 {
  font: var(--body-medium-bold);
}
.body-small--dCymQ {
  font: var(--body-small);
}
.body-small--dCymQ b, .body-small--dCymQ strong, .body-small-bold--zTU8k {
  font: var(--body-small-bold);
}
.heading-one--pUyoJ, .h1--f_D_0 {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--pUyoJ, .h1--f_D_0 {
    font: var(--heading-one-desktop);
}
  }
.heading-two--s_EZq, .h2--KOEAn {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--s_EZq, .h2--KOEAn {
    font: var(--heading-two-desktop);
}
  }
.heading-three--pDWGa, .h3--_o4PJ {
  font: var(--heading-three);
}
.heading-four--Pppol, .h4--tyfqk {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--Pppol, .h4--tyfqk {
    font: var(--heading-four-desktop);
}
  }
.heading-five--yL5R2, .h5--UkK0N {
  font: var(--heading-five);
}
.heading-six--OtEVZ, .h6--NCREV {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--OtEVZ, .h6--NCREV {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--fDHd0 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--fDHd0 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--mH5X0 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--mH5X0 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--aAY6y {
  font: var(--interface-primary);
}
.interface-secondary--mYWUh {
  font: var(--interface-secondary);
}
.interface-error--p9KCr {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--p9KCr {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--VH3Jf {
  font: var(--interface-caption);
}
.interface-heading--WtlXZ {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--WtlXZ {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--mxc7D {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--mxc7D {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--IrE8U, a.a--IrE8U, span.a--IrE8U {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--IrE8U:hover, a.a--IrE8U:hover, span.a--IrE8U: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--IrE8U[data-underline-gap='medium'], span.a--IrE8U[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--IrE8U[data-underline-gap='small'], span.a--IrE8U[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--IrE8U[data-pseudo='true'], span.a--IrE8U[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--IrE8U[data-pseudo='true']:hover, span.a--IrE8U[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--IrE8U[data-secondary='true'], span.a--IrE8U[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--IrE8U[data-secondary='true']:hover, span.a--IrE8U[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--IrE8U[data-surface='positive'], span.a--IrE8U[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--IrE8U[data-surface='positive']:hover, span.a--IrE8U[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--IrE8U[data-surface='negative'], span.a--IrE8U[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--IrE8U[data-surface='negative']:hover, span.a--IrE8U[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--IrE8U[data-surface='warning'], span.a--IrE8U[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--IrE8U[data-surface='warning']:hover, span.a--IrE8U[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--IrE8U[data-surface='interactive'], span.a--IrE8U[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--IrE8U[data-surface='interactive']:hover, span.a--IrE8U[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--IrE8U[data-surface='placeholder'], span.a--IrE8U[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--IrE8U[data-surface='placeholder']:hover, span.a--IrE8U[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--IrE8U[data-surface='dim'], span.a--IrE8U[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--IrE8U[data-surface='dim']:hover, span.a--IrE8U[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--IrE8U[data-inverse='true'], span.a--IrE8U[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--IrE8U[data-inverse='true']:hover, span.a--IrE8U[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--IrE8U[data-secondary='true'][data-inverse='true'], span.a--IrE8U[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--IrE8U[data-secondary='true'][data-inverse='true']:hover, span.a--IrE8U[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--OpF2w {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--DueGf, .default-link--Py1Tp, .title--VdQx1 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--Py1Tp {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--mGdjp {
  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--mGdjp {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--z0C5l {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--z0C5l {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--Py1Tp:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.openBlock--Ka1lI {
  display: flex;
  flex-direction: column;
}
.header--o8ZGt {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.openText--jDmWC {
  max-width: 100%;
}
@media (min-width: 760px) {
.openText--jDmWC {
    max-width: 640px;
}
  }
/* Строка заголовок */
.title--VdQx1 {
  max-width: 100%;
}
@media (min-width: 760px) {
.title--VdQx1 {
    max-width: 645px;
}
  }
.openBlock--Ka1lI .title--VdQx1 {
  font: var(--font-bold-default);
  color: var(--color-text-title);
  margin-bottom: 10px;
}
/* Иконка (плюс/крестик) */
.icon--B6gDQ {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-left: 30px;
  font-size: 17px;
  line-height: 25px;
  color: var(--color-control-base);
}
/* Изменение при наведении */
@media (hover: hover) {
  .header--o8ZGt:hover .title--VdQx1 {
    cursor: pointer;
  }

  .header--o8ZGt:hover .icon--B6gDQ {
    color: var(--color-control-hover);
  }

  .closeBlock--cg9qR:hover .title--VdQx1 {
    color: var(--color-text-hover);
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--jOEg2 {
  font: var(--accent-number);
}
.accent-quote--XgYMy {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--XgYMy {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--qj353 {
  font: var(--accent-static);
}
.accent-lead--txlfL {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--txlfL {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--oL_B1 {
  font: var(--accent-impact);
}
.accent-bold--R1ZDE {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--R1ZDE {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--nCpK2 {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--nCpK2 {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--ZvqlX {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--ZvqlX {
    padding: 4px 2px;
}
  }
mark.highlight--ZvqlX[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--kfk1J {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--kfk1J {
    font: var(--body-primary-desktop);
}
  }
.body-primary--kfk1J b, .body-primary--kfk1J strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--kfk1J b, .body-primary--kfk1J strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--LgvHO {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--LgvHO {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--LgvHO b, .body-secondary--LgvHO strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--LgvHO b, .body-secondary--LgvHO strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--KtTzk {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--KtTzk {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--KtTzk b, .body-extra-large--KtTzk strong, .body-extra-large-bold--u_DRr {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--KtTzk b, .body-extra-large--KtTzk strong, .body-extra-large-bold--u_DRr {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--zEbwj {
  font: var(--body-large);
}
.body-large--zEbwj b, .body-large--zEbwj strong, .body-large-bold--WCSkT {
  font: var(--body-large-bold);
}
.body-medium--UNQi1 {
  font: var(--body-medium);
}
.body-medium--UNQi1 b, .body-medium--UNQi1 strong, .body-medium-bold--s1j1R {
  font: var(--body-medium-bold);
}
.body-small--ZwNye {
  font: var(--body-small);
}
.body-small--ZwNye b, .body-small--ZwNye strong, .body-small-bold--S0LAZ {
  font: var(--body-small-bold);
}
.heading-one--jwWRR, .h1--on08s {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--jwWRR, .h1--on08s {
    font: var(--heading-one-desktop);
}
  }
.heading-two--z0cXm, .h2--xfZmv {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--z0cXm, .h2--xfZmv {
    font: var(--heading-two-desktop);
}
  }
.heading-three--vKHtQ, .h3--JvZts {
  font: var(--heading-three);
}
.heading-four--aBNvG, .h4--IrTEy {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--aBNvG, .h4--IrTEy {
    font: var(--heading-four-desktop);
}
  }
.heading-five--UpHbo, .h5--DvzKF {
  font: var(--heading-five);
}
.heading-six--aBDLr, .h6--NMWCn {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--aBDLr, .h6--NMWCn {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--DTIU2 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--DTIU2 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--rji8B {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--rji8B {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--wpuwA {
  font: var(--interface-primary);
}
.interface-secondary--PGZs4 {
  font: var(--interface-secondary);
}
.interface-error--uUPAE {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--uUPAE {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--ClzSW {
  font: var(--interface-caption);
}
.interface-heading--svOKq {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--svOKq {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--k4wS4 {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--k4wS4 {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--lCKvm, a.a--lCKvm, span.a--lCKvm {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--lCKvm:hover, a.a--lCKvm:hover, span.a--lCKvm: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--lCKvm[data-underline-gap='medium'], span.a--lCKvm[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--lCKvm[data-underline-gap='small'], span.a--lCKvm[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--lCKvm[data-pseudo='true'], span.a--lCKvm[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--lCKvm[data-pseudo='true']:hover, span.a--lCKvm[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--lCKvm[data-secondary='true'], span.a--lCKvm[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--lCKvm[data-secondary='true']:hover, span.a--lCKvm[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--lCKvm[data-surface='positive'], span.a--lCKvm[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--lCKvm[data-surface='positive']:hover, span.a--lCKvm[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--lCKvm[data-surface='negative'], span.a--lCKvm[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--lCKvm[data-surface='negative']:hover, span.a--lCKvm[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--lCKvm[data-surface='warning'], span.a--lCKvm[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--lCKvm[data-surface='warning']:hover, span.a--lCKvm[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--lCKvm[data-surface='interactive'], span.a--lCKvm[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--lCKvm[data-surface='interactive']:hover, span.a--lCKvm[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--lCKvm[data-surface='placeholder'], span.a--lCKvm[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--lCKvm[data-surface='placeholder']:hover, span.a--lCKvm[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--lCKvm[data-surface='dim'], span.a--lCKvm[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--lCKvm[data-surface='dim']:hover, span.a--lCKvm[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--lCKvm[data-inverse='true'], span.a--lCKvm[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--lCKvm[data-inverse='true']:hover, span.a--lCKvm[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--lCKvm[data-secondary='true'][data-inverse='true'], span.a--lCKvm[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--lCKvm[data-secondary='true'][data-inverse='true']:hover, span.a--lCKvm[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--M9mUx, .title--UtAxR {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--Bl68S, .default-link--a5TyS {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--a5TyS {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--ILmXr {
  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--ILmXr {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--cmsj2 {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--cmsj2 {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--a5TyS:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.title--UtAxR {
  padding-left: var(--padding-block-mobile);
  padding-right: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.title--UtAxR {
    padding-left: var(--padding-block-tablet-main);
    padding-right: var(--padding-block-tablet-main);
}
  }
.questionsList--tOYNH {
  margin-top: 20px;
}
.faqItem--yn5o1 {
  display: flex;
  flex-direction: column;
}
.questionBlock--tgSlQ {
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: var(--padding-block-mobile);
  padding-right: var(--padding-block-mobile);
}
@media (min-width: 760px) {
.questionBlock--tgSlQ {
    padding-left: var(--padding-block-tablet-main);
    padding-right: var(--padding-block-tablet-main);
}
  }
.faqItem--yn5o1:first-child .questionBlock--tgSlQ {
  margin-top: 0;
}
.faqItem--yn5o1:last-child .questionBlock--tgSlQ {
  margin-bottom: 0;
}
.delimiter--auTDk {
  border: none;
  height: 1px;
  background-color: var(--color-border-default);
}
.faqItem--yn5o1:last-child .delimiter--auTDk {
  display: none;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--mxoss {
  font: var(--accent-number);
}
.accent-quote--oiLe4 {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--oiLe4 {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--zinH4 {
  font: var(--accent-static);
}
.accent-lead--rni9v {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--rni9v {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--SofV6 {
  font: var(--accent-impact);
}
.accent-bold--iqybB {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--iqybB {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--tiCnF {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--tiCnF {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--brwiv {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--brwiv {
    padding: 4px 2px;
}
  }
mark.highlight--brwiv[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--rIlGL {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--rIlGL {
    font: var(--body-primary-desktop);
}
  }
.body-primary--rIlGL b, .body-primary--rIlGL strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--rIlGL b, .body-primary--rIlGL strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--VYOC5 {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--VYOC5 {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--VYOC5 b, .body-secondary--VYOC5 strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--VYOC5 b, .body-secondary--VYOC5 strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--chC7n {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--chC7n {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--chC7n b, .body-extra-large--chC7n strong, .body-extra-large-bold--QVRKK {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--chC7n b, .body-extra-large--chC7n strong, .body-extra-large-bold--QVRKK {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--hH5IJ {
  font: var(--body-large);
}
.body-large--hH5IJ b, .body-large--hH5IJ strong, .body-large-bold--XjqpX {
  font: var(--body-large-bold);
}
.body-medium--bNzps {
  font: var(--body-medium);
}
.body-medium--bNzps b, .body-medium--bNzps strong, .body-medium-bold--eBmAA {
  font: var(--body-medium-bold);
}
.body-small--iz9sG {
  font: var(--body-small);
}
.body-small--iz9sG b, .body-small--iz9sG strong, .body-small-bold--XuATD {
  font: var(--body-small-bold);
}
.heading-one--zNgvA, .h1--ut_xS {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--zNgvA, .h1--ut_xS {
    font: var(--heading-one-desktop);
}
  }
.heading-two--AoR6p, .h2--TMSKJ {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--AoR6p, .h2--TMSKJ {
    font: var(--heading-two-desktop);
}
  }
.heading-three--IesNK, .h3--_uUiw {
  font: var(--heading-three);
}
.heading-four--OTTmC, .h4--YqzNz {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--OTTmC, .h4--YqzNz {
    font: var(--heading-four-desktop);
}
  }
.heading-five--nWqmy, .h5--YZWOJ {
  font: var(--heading-five);
}
.heading-six--yhqdD, .h6--jUoNg {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--yhqdD, .h6--jUoNg {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--YEAP4 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--YEAP4 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--eqwg4 {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--eqwg4 {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--nSp_b {
  font: var(--interface-primary);
}
.interface-secondary--LmY6V {
  font: var(--interface-secondary);
}
.interface-error--Yn_DU {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--Yn_DU {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--YqdEa {
  font: var(--interface-caption);
}
.interface-heading--MK44I {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--MK44I {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--Er51o {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--Er51o {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--RkAUK, a.a--RkAUK, span.a--RkAUK {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--RkAUK:hover, a.a--RkAUK:hover, span.a--RkAUK: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--RkAUK[data-underline-gap='medium'], span.a--RkAUK[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--RkAUK[data-underline-gap='small'], span.a--RkAUK[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--RkAUK[data-pseudo='true'], span.a--RkAUK[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--RkAUK[data-pseudo='true']:hover, span.a--RkAUK[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--RkAUK[data-secondary='true'], span.a--RkAUK[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--RkAUK[data-secondary='true']:hover, span.a--RkAUK[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--RkAUK[data-surface='positive'], span.a--RkAUK[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--RkAUK[data-surface='positive']:hover, span.a--RkAUK[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--RkAUK[data-surface='negative'], span.a--RkAUK[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--RkAUK[data-surface='negative']:hover, span.a--RkAUK[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--RkAUK[data-surface='warning'], span.a--RkAUK[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--RkAUK[data-surface='warning']:hover, span.a--RkAUK[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--RkAUK[data-surface='interactive'], span.a--RkAUK[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--RkAUK[data-surface='interactive']:hover, span.a--RkAUK[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--RkAUK[data-surface='placeholder'], span.a--RkAUK[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--RkAUK[data-surface='placeholder']:hover, span.a--RkAUK[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--RkAUK[data-surface='dim'], span.a--RkAUK[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--RkAUK[data-surface='dim']:hover, span.a--RkAUK[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--RkAUK[data-inverse='true'], span.a--RkAUK[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--RkAUK[data-inverse='true']:hover, span.a--RkAUK[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--RkAUK[data-secondary='true'][data-inverse='true'], span.a--RkAUK[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--RkAUK[data-secondary='true'][data-inverse='true']:hover, span.a--RkAUK[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--BJXGe {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--EgvPr, .default-link--n9kVH, .paragraph--Mj3_V, .paragraph--Mj3_V a {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--n9kVH, .paragraph--Mj3_V a {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--e45qI {
  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--e45qI {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--sHRtp {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--sHRtp {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--n9kVH:hover, .paragraph--Mj3_V a:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--byRop {
  display: flex;
  flex-direction: column;
  max-width: 670px;
  margin: 30px 20px 55px;
  gap: 10px;
}
@media (min-width: 760px) {
.root--byRop {
    margin: 50px 0 90px;
    gap: 20px;
}
  }
.paragraph--Mj3_V {
  position: relative;
}

/*
  Под капотом скрываются такие переменные
  @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--jrZjw {
  font: var(--accent-number);
}
.accent-quote--GBXsz {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--GBXsz {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--LN4p_ {
  font: var(--accent-static);
}
.accent-lead--yhmTF {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--yhmTF {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--MUbVh {
  font: var(--accent-impact);
}
.accent-bold--ewCe6 {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--ewCe6 {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--a2mMq {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--a2mMq {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--tGCPM {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--tGCPM {
    padding: 4px 2px;
}
  }
mark.highlight--tGCPM[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--ZGdQw {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--ZGdQw {
    font: var(--body-primary-desktop);
}
  }
.body-primary--ZGdQw b, .body-primary--ZGdQw strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--ZGdQw b, .body-primary--ZGdQw strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--M9Gfm {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--M9Gfm {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--M9Gfm b, .body-secondary--M9Gfm strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--M9Gfm b, .body-secondary--M9Gfm strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--oIg1R {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--oIg1R {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--oIg1R b, .body-extra-large--oIg1R strong, .body-extra-large-bold--C4bTO {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--oIg1R b, .body-extra-large--oIg1R strong, .body-extra-large-bold--C4bTO {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--ZQA_u {
  font: var(--body-large);
}
.body-large--ZQA_u b, .body-large--ZQA_u strong, .body-large-bold--da2Ny {
  font: var(--body-large-bold);
}
.body-medium--KlNwP {
  font: var(--body-medium);
}
.body-medium--KlNwP b, .body-medium--KlNwP strong, .body-medium-bold--fsqp_ {
  font: var(--body-medium-bold);
}
.body-small--PApSC {
  font: var(--body-small);
}
.body-small--PApSC b, .body-small--PApSC strong, .body-small-bold--fkbS2 {
  font: var(--body-small-bold);
}
.heading-one--HzqzO, .h1--yTLgq {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--HzqzO, .h1--yTLgq {
    font: var(--heading-one-desktop);
}
  }
.heading-two--sGMQO, .h2--GeALA {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--sGMQO, .h2--GeALA {
    font: var(--heading-two-desktop);
}
  }
.heading-three--Xyqmk, .h3--HFs_6 {
  font: var(--heading-three);
}
.heading-four--rysC5, .h4--FRInv {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--rysC5, .h4--FRInv {
    font: var(--heading-four-desktop);
}
  }
.heading-five--NtIak, .h5--lpnpd {
  font: var(--heading-five);
}
.heading-six--SsBfM, .h6--azk7n {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--SsBfM, .h6--azk7n {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--Y0SOj {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--Y0SOj {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--LA0kc {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--LA0kc {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--mNE6A {
  font: var(--interface-primary);
}
.interface-secondary--jUZYD {
  font: var(--interface-secondary);
}
.interface-error--sG3Si {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--sG3Si {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--uhLJB {
  font: var(--interface-caption);
}
.interface-heading--lZJAR {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--lZJAR {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--jlBpU {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--jlBpU {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--_d6FH, a.a--_d6FH, span.a--_d6FH {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--_d6FH:hover, a.a--_d6FH:hover, span.a--_d6FH: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--_d6FH[data-underline-gap='medium'], span.a--_d6FH[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--_d6FH[data-underline-gap='small'], span.a--_d6FH[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--_d6FH[data-pseudo='true'], span.a--_d6FH[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--_d6FH[data-pseudo='true']:hover, span.a--_d6FH[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--_d6FH[data-secondary='true'], span.a--_d6FH[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--_d6FH[data-secondary='true']:hover, span.a--_d6FH[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--_d6FH[data-surface='positive'], span.a--_d6FH[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--_d6FH[data-surface='positive']:hover, span.a--_d6FH[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--_d6FH[data-surface='negative'], span.a--_d6FH[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--_d6FH[data-surface='negative']:hover, span.a--_d6FH[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--_d6FH[data-surface='warning'], span.a--_d6FH[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--_d6FH[data-surface='warning']:hover, span.a--_d6FH[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--_d6FH[data-surface='interactive'], span.a--_d6FH[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--_d6FH[data-surface='interactive']:hover, span.a--_d6FH[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--_d6FH[data-surface='placeholder'], span.a--_d6FH[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--_d6FH[data-surface='placeholder']:hover, span.a--_d6FH[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--_d6FH[data-surface='dim'], span.a--_d6FH[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--_d6FH[data-surface='dim']:hover, span.a--_d6FH[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--_d6FH[data-inverse='true'], span.a--_d6FH[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--_d6FH[data-inverse='true']:hover, span.a--_d6FH[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--_d6FH[data-secondary='true'][data-inverse='true'], span.a--_d6FH[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--_d6FH[data-secondary='true'][data-inverse='true']:hover, span.a--_d6FH[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--sAW41 {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--BfMAN, .default-link--uVA3n {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--uVA3n {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--eUJ6u {
  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--eUJ6u {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--IpBgb {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--IpBgb {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--uVA3n:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--THVaF {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (min-width: 760px) {
.root--THVaF {
    gap: 20px;
}
  }
.searchButton--VK0NS {
  position: sticky;
  bottom: var(--search-button-bottom);
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-right: 20px;
}
/* Сделали, чтобы пустой див, по которому работает IntersectionObserver, прилип к кнопке поиска */
.sbWidthEndpoint--yaRIp {
  margin-top: 55px;
}
@media (min-width: 760px) {
.sbWidthEndpoint--yaRIp {
    margin-top: 50px;
}
  }

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

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

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

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

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

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

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

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

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

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

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

.label--4ml7p {
  font: var(--interface-caption);
  color: rgb(var(--outline-placeholder));
  margin-bottom: 5px;
}

.label--4ml7p[data-with-required-star='true']::after {
  content: '*';
  color: rgb(var(--outline-negative));
  padding-left: 5px;
}

.control--mq92Q {
  position: relative;
}

.message--kQ2vJ, .error--LkfSt {
  margin-top: 5px;
}

.message--kQ2vJ {
  font: var(--body-small);
  color: rgb(var(--outline-placeholder));
}

.error--LkfSt {
  font: var(--interface-error);
  color: rgb(var(--outline-negative));
}

.select--fwLyO {
  display: block;
  font: var(--interface-secondary);
  width: 100%;
  color: rgb(var(--outline-secondary));
  background: rgb(var(--background-secondary));
  border-radius: 10px;
  border: 1px solid rgb(var(--outline-faint));
  padding: 10px 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: none;
  min-height: 50px;
}

.select--fwLyO:focus {
  border: 2px solid rgb(var(--outline-focus));
  padding: 10px 14px;
}

.select--fwLyO[data-active='true'] {
  border: 2px solid rgb(var(--outline-focus));
  padding: 10px 14px;
}

.select--fwLyO[data-disabled='true'] {
  color: var(--outline-disabled);
  background: var(--surface-disabled);
  border-color: rgba(var(--outline-primary), var(--opacity-border-disabled));
  cursor: auto;
}

.select--fwLyO[data-size='normal'][data-error='true'] {
  border-color: rgb(var(--outline-negative));
}

.select--fwLyO[data-size='thin'] {
  display: flex;
  justify-content: initial;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  background: none;
  border: none;
  padding: 0;
  padding: initial;
  color: rgb(var(--outline-interactive));
  border-radius: 0;
  border-radius: initial;
  min-height: auto;
}

.select--fwLyO[data-size='thin']::after {
  content: '';

  /*
      Элемент подчеркивания с закругленными краями,
      прозрачный в состоянии по умолчанию, чтобы высота при наведении не изменялась
     */
  opacity: 0;
  height: 1px;
  border-radius: 1px;
  width: 100%;
  background: rgb(var(--outline-interactive));
  margin-top: 2px;
}

.select--fwLyO[data-size='thin'][data-disabled='true'] {
  color: var(--outline-disabled);
}

.icon--lIlOc {
  color: rgb(var(--outline-placeholder));
}

.icon--lIlOc[data-clear-button='false'] {
  transition: transform 0.2s ease-in-out;
}

.select--fwLyO[data-active='true'] .icon--lIlOc {
  color: rgb(var(--outline-interactive));
}

.select--fwLyO[data-active='true'] .icon--lIlOc[data-clear-button='false'] {
  transform: rotate(180deg);
}

.select--fwLyO[data-size='thin'] .icon--lIlOc {
  color: rgb(var(--outline-interactive));
  margin-left: 5px;
}

.select--fwLyO[data-disabled='true'] .icon--lIlOc {
  color: var(--outline-disabled);
}

.content--Zx7N1 {
  display: grid;
  grid-template-columns: 1fr 0fr;
  align-items: center;
  text-align: left;
}

.placeholder--jvLmi {
  color: rgb(var(--outline-placeholder));
}

.title--SwZGY {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.dropDown--KSdza {
  position: absolute;
  z-index: 2;
  background: rgb(var(--background-secondary));
  border-radius: 15px;
  border: 1px solid rgba(var(--outline-primary), 0.1);
  box-shadow: 0 5px 10px rgba(var(--outline-dark-static), 0.2);
  margin-top: 10px;
  width: 100%;
}

.dropDown--KSdza[data-direction='right-to-left'] {
  right: 0;
}

.optionsWrap--qzki9 {
  overflow-x: hidden;
  border-radius: 15px;
  padding: 10px 0 0;
}

.options--BO0QV {
  margin: 0;
  padding: 0;
  list-style: none;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dropDown--KSdza::before {
  content: '';
  position: absolute;
  bottom: calc(100% - 3px);
  height: 7px;
  width: 7px;
  background: rgb(var(--background-secondary));
  transform: translateX(-50%) rotate(45deg);
  border-top: inherit;
  border-left: inherit;
}

.dropDown--KSdza[data-direction='left-to-right']::before {
  left: 20px;
}

.dropDown--KSdza[data-direction='right-to-left']::before {
  right: 20px;
}

.option--ZA358 {
  display: flex;
  font: var(--interface-primary);
  color: rgb(var(--outline-secondary));
  padding: 10px 15px;
  cursor: pointer;
  align-items: center;
}

.option--ZA358:last-child {
  margin-bottom: 10px;
}

.option--ZA358[data-selected='true'] {
  /* Фон выбранного элемента должен перекрывать бордер дропдауна */
  margin: 0 -1px;
  color: rgb(var(--outline-interactive));
  background-color: rgb(var(--surface-interactive));
}

.option--ZA358[data-hovered='true']:not([data-selected='true']) {
  background: rgb(var(--surface-hover));
}

.image--c4CrD {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 10px;
}

@media (hover: hover) {
  .select--fwLyO:hover {
    border-color: rgb(var(--outline-faint-hover));
  }

  .select--fwLyO[data-active='true']:hover {
    border-color: rgb(var(--outline-focus));
  }

  .select--fwLyO[data-disabled='true']:hover {
    border-color: rgba(var(--outline-primary), var(--opacity-border-disabled));
  }

  .select--fwLyO:hover .icon--lIlOc {
    color: rgb(var(--outline-hover));
  }

  .select--fwLyO[data-active='true']:hover .icon--lIlOc {
    color: rgb(var(--outline-interactive));
  }

  .select--fwLyO[data-size='thin']:hover .icon--lIlOc {
    color: rgb(var(--outline-interactive));
  }

  .select--fwLyO[data-disabled='true']:hover .icon--lIlOc {
    color: var(--outline-disabled);
  }

  /* stylelint-disable-next-line selector-max-specificity */
  .select--fwLyO[data-size='thin'][data-disabled='false'][data-active='false']:hover::after {
    opacity: 1;
    opacity: initial;
  }
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--juPYV {
  font: var(--accent-number);
}
.accent-quote--AjbBF {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--AjbBF {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--qnQhg {
  font: var(--accent-static);
}
.accent-lead--ZNKFJ {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--ZNKFJ {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--NdjjB {
  font: var(--accent-impact);
}
.accent-bold--YRIEu {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--YRIEu {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--CA1fa {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--CA1fa {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--kmC_k {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--kmC_k {
    padding: 4px 2px;
}
  }
mark.highlight--kmC_k[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--lwEuj {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--lwEuj {
    font: var(--body-primary-desktop);
}
  }
.body-primary--lwEuj b, .body-primary--lwEuj strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--lwEuj b, .body-primary--lwEuj strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--yxUfE {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--yxUfE {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--yxUfE b, .body-secondary--yxUfE strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--yxUfE b, .body-secondary--yxUfE strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--wJruE {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--wJruE {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--wJruE b, .body-extra-large--wJruE strong, .body-extra-large-bold--BGlSu {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--wJruE b, .body-extra-large--wJruE strong, .body-extra-large-bold--BGlSu {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--vlmtv {
  font: var(--body-large);
}
.body-large--vlmtv b, .body-large--vlmtv strong, .body-large-bold--Y0q4n {
  font: var(--body-large-bold);
}
.body-medium--vtHtD {
  font: var(--body-medium);
}
.body-medium--vtHtD b, .body-medium--vtHtD strong, .body-medium-bold--tAxzW {
  font: var(--body-medium-bold);
}
.body-small--JlexI {
  font: var(--body-small);
}
.body-small--JlexI b, .body-small--JlexI strong, .body-small-bold--l4bcA {
  font: var(--body-small-bold);
}
.heading-one--XwKAG, .h1--DbUbw {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--XwKAG, .h1--DbUbw {
    font: var(--heading-one-desktop);
}
  }
.heading-two--AgHgm, .h2--gaLl2 {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--AgHgm, .h2--gaLl2 {
    font: var(--heading-two-desktop);
}
  }
.heading-three--nKkEl, .h3--yFG9X {
  font: var(--heading-three);
}
.heading-four--gyRAL, .h4--Ji63v {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--gyRAL, .h4--Ji63v {
    font: var(--heading-four-desktop);
}
  }
.heading-five--YpPso, .h5--mEC6S {
  font: var(--heading-five);
}
.heading-six--_XsYl, .h6--PVz4Y {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--_XsYl, .h6--PVz4Y {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--VOtb7 {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--VOtb7 {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--qZPxn {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--qZPxn {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--OTEWi {
  font: var(--interface-primary);
}
.interface-secondary--mMhGz {
  font: var(--interface-secondary);
}
.interface-error--nhExp {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--nhExp {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--Q5n3q {
  font: var(--interface-caption);
}
.interface-heading--OqS7Q {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--OqS7Q {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--ceOGm {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--ceOGm {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--hkaJ7, a.a--hkaJ7, span.a--hkaJ7 {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--hkaJ7:hover, a.a--hkaJ7:hover, span.a--hkaJ7: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--hkaJ7[data-underline-gap='medium'], span.a--hkaJ7[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--hkaJ7[data-underline-gap='small'], span.a--hkaJ7[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--hkaJ7[data-pseudo='true'], span.a--hkaJ7[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--hkaJ7[data-pseudo='true']:hover, span.a--hkaJ7[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--hkaJ7[data-secondary='true'], span.a--hkaJ7[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--hkaJ7[data-secondary='true']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='positive'], span.a--hkaJ7[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--hkaJ7[data-surface='positive']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='negative'], span.a--hkaJ7[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--hkaJ7[data-surface='negative']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='warning'], span.a--hkaJ7[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--hkaJ7[data-surface='warning']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='interactive'], span.a--hkaJ7[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--hkaJ7[data-surface='interactive']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='placeholder'], span.a--hkaJ7[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--hkaJ7[data-surface='placeholder']:hover, span.a--hkaJ7[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--hkaJ7[data-surface='dim'], span.a--hkaJ7[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--hkaJ7[data-surface='dim']:hover, span.a--hkaJ7[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--hkaJ7[data-inverse='true'], span.a--hkaJ7[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--hkaJ7[data-inverse='true']:hover, span.a--hkaJ7[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--hkaJ7[data-secondary='true'][data-inverse='true'], span.a--hkaJ7[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--hkaJ7[data-secondary='true'][data-inverse='true']:hover, span.a--hkaJ7[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--KNXtB {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--Rbvs0, .default-link--MAptn, .releaseFormDescription--kTiwX {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--MAptn {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--YMtXS {
  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--YMtXS {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--IqKqb {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--IqKqb {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--MAptn:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.releaseForm--ueV1Y {
  display: flex;
  flex-direction: column;
  padding: 10px 20px 5px;
}
@media (min-width: 760px) {
.releaseForm--ueV1Y {
    padding: 10px 30px 5px;
}
  }
.releaseForm--ueV1Y.releaseForm--ueV1Y * {
  -webkit-tap-highlight-color: transparent;
}
.releaseFormDescription--kTiwX {
  padding-bottom: 5px;
  cursor: default;
}
/*
Данные стили нужны для того, чтобы обрезать текст
многоточием, если он не помещается на одну строчку
Подробнее: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp
*/
.select--kEx1n {
  display: -webkit-box;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-align: left;
  word-break: break-all;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--pwXBA {
  font: var(--accent-number);
}
.accent-quote--wktyt {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--wktyt {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--roysn {
  font: var(--accent-static);
}
.accent-lead--XWw0E {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--XWw0E {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--pc5tW {
  font: var(--accent-impact);
}
.accent-bold--RJDuu {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--RJDuu {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--cZCnR {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--cZCnR {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--P9gba {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--P9gba {
    padding: 4px 2px;
}
  }
mark.highlight--P9gba[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--SB8GX {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--SB8GX {
    font: var(--body-primary-desktop);
}
  }
.body-primary--SB8GX b, .body-primary--SB8GX strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--SB8GX b, .body-primary--SB8GX strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--sQKR2 {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--sQKR2 {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--sQKR2 b, .body-secondary--sQKR2 strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--sQKR2 b, .body-secondary--sQKR2 strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--U7Nda {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--U7Nda {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--U7Nda b, .body-extra-large--U7Nda strong, .body-extra-large-bold--dofej {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--U7Nda b, .body-extra-large--U7Nda strong, .body-extra-large-bold--dofej {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--qLkNC {
  font: var(--body-large);
}
.body-large--qLkNC b, .body-large--qLkNC strong, .body-large-bold--wEs9j {
  font: var(--body-large-bold);
}
.body-medium--nrb30 {
  font: var(--body-medium);
}
.body-medium--nrb30 b, .body-medium--nrb30 strong, .body-medium-bold--RjY_D {
  font: var(--body-medium-bold);
}
.body-small--nbnSe {
  font: var(--body-small);
}
.body-small--nbnSe b, .body-small--nbnSe strong, .body-small-bold--sXwBF {
  font: var(--body-small-bold);
}
.heading-one--tshjJ, .h1--JyAZT {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--tshjJ, .h1--JyAZT {
    font: var(--heading-one-desktop);
}
  }
.heading-two--rZsWC, .h2--a5QNi {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--rZsWC, .h2--a5QNi {
    font: var(--heading-two-desktop);
}
  }
.heading-three--pnwVF, .h3--WV5g_ {
  font: var(--heading-three);
}
.heading-four--HeUtC, .h4--L0g_e {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--HeUtC, .h4--L0g_e {
    font: var(--heading-four-desktop);
}
  }
.heading-five--A9fbh, .h5--LiWQx {
  font: var(--heading-five);
}
.heading-six--L_op0, .h6--wC3Sp {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--L_op0, .h6--wC3Sp {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--OYw7U {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--OYw7U {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--S5MMF {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--S5MMF {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--R99Dh {
  font: var(--interface-primary);
}
.interface-secondary--jj1ZJ {
  font: var(--interface-secondary);
}
.interface-error--qKN0J {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--qKN0J {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--dThlG {
  font: var(--interface-caption);
}
.interface-heading--rkLg8 {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--rkLg8 {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--15E7C {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--15E7C {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--dMJKH, a.a--dMJKH, span.a--dMJKH {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--dMJKH:hover, a.a--dMJKH:hover, span.a--dMJKH: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--dMJKH[data-underline-gap='medium'], span.a--dMJKH[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--dMJKH[data-underline-gap='small'], span.a--dMJKH[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--dMJKH[data-pseudo='true'], span.a--dMJKH[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--dMJKH[data-pseudo='true']:hover, span.a--dMJKH[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--dMJKH[data-secondary='true'], span.a--dMJKH[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--dMJKH[data-secondary='true']:hover, span.a--dMJKH[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--dMJKH[data-surface='positive'], span.a--dMJKH[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--dMJKH[data-surface='positive']:hover, span.a--dMJKH[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--dMJKH[data-surface='negative'], span.a--dMJKH[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--dMJKH[data-surface='negative']:hover, span.a--dMJKH[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--dMJKH[data-surface='warning'], span.a--dMJKH[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--dMJKH[data-surface='warning']:hover, span.a--dMJKH[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--dMJKH[data-surface='interactive'], span.a--dMJKH[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--dMJKH[data-surface='interactive']:hover, span.a--dMJKH[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--dMJKH[data-surface='placeholder'], span.a--dMJKH[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--dMJKH[data-surface='placeholder']:hover, span.a--dMJKH[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--dMJKH[data-surface='dim'], span.a--dMJKH[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--dMJKH[data-surface='dim']:hover, span.a--dMJKH[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--dMJKH[data-inverse='true'], span.a--dMJKH[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--dMJKH[data-inverse='true']:hover, span.a--dMJKH[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--dMJKH[data-secondary='true'][data-inverse='true'], span.a--dMJKH[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--dMJKH[data-secondary='true'][data-inverse='true']:hover, span.a--dMJKH[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--R93CC {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--de85Z, .default-link--S0PdX {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--S0PdX {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--Gyqrm {
  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--Gyqrm {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--biP_t {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--biP_t {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--S0PdX:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.root--f5O_1 {
  max-width: 640px;
}
/* Отменяем стили по умолчанию, проставленные РЛС */
.root--f5O_1 * {
  font: var(--font-default);
  font-style: normal;
}
.root--f5O_1 u {
  text-decoration: none;
}
.root--f5O_1 b {
  font-weight: normal;
}
.root--f5O_1 ul {
  margin-left: 15px;
  font: var(--font-default);
  color: var(--color-text-default);
}
.root--f5O_1 p {
  font: var(--font-default);
  color: var(--color-text-default);
  margin-bottom: 15px;
}
.root--f5O_1 p:last-child {
  margin-bottom: 0;
}
.root--f5O_1 table {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;

  /* Такие специфические отступы нужны для создания эффекта "наезжания" таблицы на границы блока */
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}
@media (min-width: 760px) {
.root--f5O_1 table {
    width: var(--block-tablet-width);
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    padding-right: 0;
}
  }
.root--f5O_1 table::-webkit-scrollbar {
  display: none;
}
.root--f5O_1 tr {
  border: 1px solid var(--color-border-default);
}
.root--f5O_1 td {
  padding: 10px;
  border: 1px solid var(--color-border-default);
  font: var(--font-default-medium);
  color: var(--color-text-default);
}
.root--f5O_1 table p, .root--f5O_1 table sub, .root--f5O_1 table sup {
  display: inline;
  font: var(--font-default-medium);
  color: var(--color-text-default);
  margin-bottom: 0;
}

/*
  Под капотом скрываются такие переменные
  @custom-media --tablet-viewport (min-width: 760px);
  @custom-media --desktop-viewport (min-width: 820px);
*/
.accent-number--L7416 {
  font: var(--accent-number);
}
.accent-quote--i99kl {
  font: var(--accent-quote-mobile);
}
@media (min-width: 760px) {
.accent-quote--i99kl {
    font: var(--accent-quote-desktop);
}
  }
.accent-static--W5n8C {
  font: var(--accent-static);
}
.accent-lead--ahTFk {
  font: var(--accent-lead-mobile);
}
@media (min-width: 760px) {
.accent-lead--ahTFk {
    font: var(--accent-lead-desktop);
    letter-spacing: -0.3px;
}
  }
.accent-impact--WD1Yl {
  font: var(--accent-impact);
}
.accent-bold--oXVeO {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.accent-bold--oXVeO {
    font: var(--accent-bold-desktop);
}
  }
.accent-label--Wssbc {
  font: var(--accent-label-mobile);
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media (min-width: 760px) {
.accent-label--Wssbc {
    font: var(--accent-label-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
mark.highlight--Y0iVV {
  background-color: rgb(var(--fill-highlight));
  color: rgb(var(--outline-dark-static));
  padding: 3px 1px;
}
@media (min-width: 760px) {
mark.highlight--Y0iVV {
    padding: 4px 2px;
}
  }
mark.highlight--Y0iVV[data-inherit-color='true'] {
  color: inherit;
}
.body-primary--a75ZY {
  font: var(--body-primary-mobile);
}
@media (min-width: 760px) {
.body-primary--a75ZY {
    font: var(--body-primary-desktop);
}
  }
.body-primary--a75ZY b, .body-primary--a75ZY strong {
  font: var(--accent-bold-mobile);
}
@media (min-width: 760px) {
.body-primary--a75ZY b, .body-primary--a75ZY strong {
    font: var(--accent-bold-desktop);
}
  }
.body-secondary--iF_aF {
  font: var(--body-secondary-mobile);
}
@media (min-width: 760px) {
.body-secondary--iF_aF {
    font: var(--body-secondary-desktop);
}
  }
.body-secondary--iF_aF b, .body-secondary--iF_aF strong {
  font: var(--body-secondary-bold-mobile);
}
@media (min-width: 760px) {
.body-secondary--iF_aF b, .body-secondary--iF_aF strong {
    font: var(--body-secondary-bold-desktop);
}
  }
.body-extra-large--iQpqZ {
  font: var(--body-extra-large-mobile);
}
@media (min-width: 760px) {
.body-extra-large--iQpqZ {
    font: var(--body-extra-large-desktop);
}
  }
.body-extra-large--iQpqZ b, .body-extra-large--iQpqZ strong, .body-extra-large-bold--QrSkM {
  font: var(--body-extra-large-bold-mobile);
}
@media (min-width: 760px) {
.body-extra-large--iQpqZ b, .body-extra-large--iQpqZ strong, .body-extra-large-bold--QrSkM {
    font: var(--body-extra-large-bold-desktop);
}
  }
.body-large--SyU6n {
  font: var(--body-large);
}
.body-large--SyU6n b, .body-large--SyU6n strong, .body-large-bold--aNAEv {
  font: var(--body-large-bold);
}
.body-medium--j4P3c {
  font: var(--body-medium);
}
.body-medium--j4P3c b, .body-medium--j4P3c strong, .body-medium-bold--Twr0E {
  font: var(--body-medium-bold);
}
.body-small--yF5mg {
  font: var(--body-small);
}
.body-small--yF5mg b, .body-small--yF5mg strong, .body-small-bold--hKHgC {
  font: var(--body-small-bold);
}
.heading-one--TyBbk, .h1--I2Cfj {
  font: var(--heading-one-mobile);
}
@media (min-width: 760px) {
.heading-one--TyBbk, .h1--I2Cfj {
    font: var(--heading-one-desktop);
}
  }
.heading-two--d0QRn, .h2--bmn5i {
  font: var(--heading-two-mobile);
}
@media (min-width: 760px) {
.heading-two--d0QRn, .h2--bmn5i {
    font: var(--heading-two-desktop);
}
  }
.heading-three--V4q3X, .h3--awV3S {
  font: var(--heading-three);
}
.heading-four--bORyg, .h4--e23PV {
  font: var(--heading-four-mobile);
}
@media (min-width: 760px) {
.heading-four--bORyg, .h4--e23PV {
    font: var(--heading-four-desktop);
}
  }
.heading-five--bv80F, .h5--rNqju {
  font: var(--heading-five);
}
.heading-six--zG2aE, .h6--lpbLb {
  font: var(--heading-six-mobile);
}
@media (min-width: 760px) {
.heading-six--zG2aE, .h6--lpbLb {
    font: var(--heading-six-desktop);
}
  }
.interface-heading-one--OV7WX {
  font: var(--interface-heading-one-mobile);
  letter-spacing: -0.03em;
}
@media (min-width: 760px) {
.interface-heading-one--OV7WX {
    font: var(--interface-heading-one-desktop);
}
  }
.interface-heading-two--Sba6f {
  font: var(--interface-heading-two-mobile);
}
@media (min-width: 760px) {
.interface-heading-two--Sba6f {
    font: var(--interface-heading-two-desktop);
}
  }
.interface-primary--j28jp {
  font: var(--interface-primary);
}
.interface-secondary--wtS2I {
  font: var(--interface-secondary);
}
.interface-error--SEdF3 {
  font: var(--interface-error-mobile);
}
@media (min-width: 760px) {
.interface-error--SEdF3 {
    font: var(--interface-error-desktop);
}
  }
.interface-caption--rKjwz {
  font: var(--interface-caption);
}
.interface-heading--GgNBW {
  font: var(--interface-heading-mobile);
}
@media (min-width: 760px) {
.interface-heading--GgNBW {
    font: var(--interface-heading);
}
  }
.interface-heading-two-regular--Wm8_O {
  font: var(--interface-heading-two-regular-mobile);
}
@media (min-width: 760px) {
.interface-heading-two-regular--Wm8_O {
    font: var(--interface-heading-two-regular-desktop);
}
  }
/* Добавляем тег в селекторы, чтобы повысить их вес.
Это нужно для того, чтобы стили кита не перебивались
стилями из старого фронта */
/* position relative задан для того, чтобы подчеркивание у ссылок не перекрывалось, например, хайлайтами */
.a--FVX3k, a.a--FVX3k, span.a--FVX3k {
  position: relative;
  color: rgb(var(--outline-interactive));
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
    .a--FVX3k:hover, a.a--FVX3k:hover, span.a--FVX3k: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--FVX3k[data-underline-gap='medium'], span.a--FVX3k[data-underline-gap='medium'] {
  padding-bottom: 3px;
}
a.a--FVX3k[data-underline-gap='small'], span.a--FVX3k[data-underline-gap='small'] {
  padding-bottom: 2px;
}
a.a--FVX3k[data-pseudo='true'], span.a--FVX3k[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--FVX3k[data-pseudo='true']:hover, span.a--FVX3k[data-pseudo='true']:hover {
      background-image: linear-gradient(
        to right,
        var(--color-link-border-hover) 5px,
        transparent 4px
      );
    }
  }
a.a--FVX3k[data-secondary='true'], span.a--FVX3k[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--FVX3k[data-secondary='true']:hover, span.a--FVX3k[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--FVX3k[data-surface='positive'], span.a--FVX3k[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--FVX3k[data-surface='positive']:hover, span.a--FVX3k[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--FVX3k[data-surface='negative'], span.a--FVX3k[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--FVX3k[data-surface='negative']:hover, span.a--FVX3k[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--FVX3k[data-surface='warning'], span.a--FVX3k[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--FVX3k[data-surface='warning']:hover, span.a--FVX3k[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--FVX3k[data-surface='interactive'], span.a--FVX3k[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--FVX3k[data-surface='interactive']:hover, span.a--FVX3k[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--FVX3k[data-surface='placeholder'], span.a--FVX3k[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--FVX3k[data-surface='placeholder']:hover, span.a--FVX3k[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--FVX3k[data-surface='dim'], span.a--FVX3k[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--FVX3k[data-surface='dim']:hover, span.a--FVX3k[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--FVX3k[data-inverse='true'], span.a--FVX3k[data-inverse='true'] {
  color: rgba(var(--outline-inversed));
}
@media (hover: hover) {
    a.a--FVX3k[data-inverse='true']:hover, span.a--FVX3k[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--FVX3k[data-secondary='true'][data-inverse='true'], span.a--FVX3k[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--FVX3k[data-secondary='true'][data-inverse='true']:hover, span.a--FVX3k[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--psozW {
  font: var(--font-title);
  color: var(--color-text-title);
}
.default-text--bHjS4, .default-link--SX1k4 {
  font: var(--font-default);
  color: var(--color-text-default);
  white-space: pre-wrap;
}
.default-link--SX1k4 {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--color-text-interactive);
}
.default-gradient--XfnF0 {
  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--XfnF0 {
    width: var(--size-gradient-tablet);
    height: var(--size-gradient-tablet);
}
  }
.main-page-title--zqjsQ {
  font: var(--heading-one-mobile);
  color: var(--color-text-title);
  white-space: pre-line;
}
@media (min-width: 760px) {
.main-page-title--zqjsQ {
    font: var(--heading-one-desktop);
}
  }
@media (hover: hover) {
  .default-link--SX1k4:hover {
    border-bottom: 1px solid var(--color-text-interactive-hover);
  }
}
.block--HMshD {
  display: flex;
  flex-direction: column;
}
.accordion--csEex {
  padding: 15px var(--padding-block-mobile);
}
@media (min-width: 760px) {
.accordion--csEex {
    padding-left: var(--padding-block-tablet-main);
    padding-right: var(--padding-block-tablet-main);
}
  }
.block--HMshD:first-child .accordion--csEex {
  margin-top: 5px;
}
.block--HMshD:last-child .accordion--csEex {
  padding-bottom: 0;
}
.delimiter--tKyWG {
  width: 100%;
  border: none;
  height: 1px;
  background-color: var(--color-border-default);
}
.block--HMshD:last-child .delimiter--tKyWG {
  display: none;
}