.autokad__filters {
  display: flex;
  justify-content: space-between;
}
.autokad__total {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.autokad__result-list {
  margin-top: 1em;
}
.autokad-case__inner {
  padding: 1em;
  border-color: #444444;
  cursor: default;
}
.autokad-case__inner:hover {
  border-color: #444444;
  cursor: default;
}
.autokad-case__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1em;
}
.autokad-case__caption {
  flex-basis: 60%;
  display: flex;
  flex-direction: column;
}
.autokad-case__process {
  background-color: #2f96b4;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  height: 2em;
  width: 15em;
  align-self: center;
}
.autokad-case__process--1 {
  width: 2em;
  background-color: #bd362f;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.autokad-case__process-container {
  flex-basis: 10%;
}
.autokad-case__process-container--1 {
  flex-basis: 1em;
}
.autokad-case__sum {
  font-size: large;
  font-weight: bold;
  flex-basis: 20%;
  display: flex;
  justify-content: flex-end;
}
.autokad-case__number {
  font-size: large;
  font-weight: bold;
}
.autokad-case__instance-container {
  display: flex;
  flex-direction: row;
}
.autokad-case__instance-container div {
  margin: 0 1em;
}
.autokad-case__instance-container div:first-of-type {
  margin: 0;
}
.autokad-case__type {
  font-style: italic;
}
.autokad-sides__row {
  display: flex;
  flex-direction: row;
}
.autokad-sides__caption {
  flex-basis: 20%;
  font-weight: bold;
}
.autokad-sides__companies {
  flex-basis: 80%;
  display: flex;
  flex-direction: column;
}
.autokad-sides__companies div {
  margin: 0.2em 0;
}
.autokad-documents h5 {
  text-align: center;
  font-weight: bold;
}
.autokad__company-name--highlight {
  background-color: yellow;
}
/*# sourceMappingURL=autokad.css.map */
.nkb-copiable-to-buffer__inner {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 0.2em;
}
.nkb-copiable-to-buffer__inner:hover {
  border: 1px solid #98012e;
}
/*# sourceMappingURL=nkbCopiableToBuffer.css.map */
.nkb-tooltip__inner {
  position: relative;
  display: inline-block;
}
.nkb-tooltip__inner:hover .nkb-tooltip__box {
  visibility: visible;
}
.nkb-tooltip__box {
  visibility: hidden;
  position: absolute;
  border: 1px solid #2f96b4;
  background-color: #2f96b4;
  color: white;
  top: -5px;
  left: 105%;
  cursor: default;
  min-width: 120px;
  z-index: 1;
  text-align: center;
  padding: 5px 0;
  border-radius: 4px;
}
.nkb-tooltip__box:hover {
  display: none;
}
.nkb-tooltip__box::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #2f96b4 transparent transparent;
}
/*# sourceMappingURL=nkbTooltip.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.login-page__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  height: 100vh;
  justify-content: center;
}
.login-page__login-container {
  border-radius: 3px;
  border: 1px solid var(--border);
  height: 10em;
  width: 20em;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.login-page__login-registration-toggle {
  display: flex;
  justify-content: space-around;
  flex-basis: 10%;
}
.login-page__login,
.login-page__registration {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  flex-basis: 70%;
  align-items: center;
}
.login-page__state-link--active {
  color: var(--text-muted-light);
}
.login-page__login-container--reg {
  height: auto;
  width: 38em;
  max-width: 95vw;
  padding: 1em 1.5em;
}
.login-page .reg-form {
  display: block;
  width: 100%;
}
.login-page .reg-form .reg-intro {
  margin: 0 0 0.75em;
}
.login-page .reg-form .reg-errors {
  margin: 0 0 0.75em;
}
.login-page .reg-form .reg-grid {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 0.5em 0.75em;
  align-items: center;
}
.login-page .reg-form .reg-label {
  text-align: right;
}
.login-page .reg-form .reg-label small {
  display: block;
}
.login-page .reg-form .reg-field input {
  width: 80%;
}
.login-page .reg-form .reg-field--radio label {
  display: block;
  cursor: pointer;
}
.login-page .reg-form .reg-captcha {
  grid-column: 1 / -1;
  text-align: center;
}
.login-page .reg-form .reg-captcha img {
  max-width: 240px;
}
.login-page .reg-form .reg-submit {
  margin: 1em 0 0 30%;
}
.login-page .req {
  color: red;
}
.login-page .nonreq {
  visibility: hidden;
}
.login-page .error {
  color: red;
}
.login-page .reg-success {
  padding: 0 1.5em 1em;
  text-align: center;
}
/*# sourceMappingURL=loginPage.css.map */
/* layout.less — глобальные переменные темы + обвязка нового лейаута
 * (порт styles.css: header/search/subnav/tools-pop/modal/sidebar/footer).
 *
 * Конфликтные generic-классы обвязки переименованы: .container → .nkb-container,
 * .btn → .nkb-btn — чтобы не задевать Bootstrap/существующие стили rsearch.
 * Контент тарифов — в pricingPage.less (скоуп .pricing-page). */
/* ===== Переменные (глобально на :root) ===== */
:root {
  --accent: #930028;
  /* дефолт — Бордо (ThemeService/anti-FOUC ставят инлайном) */
  --warn: #ff9800;
  /* предупреждение (астериск несохранённого графа и т.п.) — оранжевый */
  --radius: 24px;
  --h-scale: 0.85;
  --ink: #0f1e3d;
  --ink-2: #56627e;
  --ink-3: #8a94ad;
  --line: #e7ebf3;
  --line-2: #dfe4ef;
  --page: #ffffff;
  --paper: #ffffff;
  --soft: #f4f6fb;
  --soft-2: #eef1f8;
  --mix: #ffffff;
  --navy: #0c1a37;
  --navy-grad-a: #0e1d3e;
  --navy-grad-b: #081127;
  --accent-ink: color-mix(in oklab, var(--accent) 72%, #053a2a);
  --accent-soft: color-mix(in oklab, var(--accent) 14%, #fff);
  --accent-line: color-mix(in oklab, var(--accent) 35%, var(--line));
  /* Цвет текста НА залитом акценте. Дефолт — белый (под Бордо); для светлых
   * акцентов (бирюза и пр.) ThemeService ставит тёмный инлайном (контраст WCAG). */
  --on-accent: #ffffff;
  --shadow-sm: 0 1px 2px rgba(15, 30, 61, 0.04), 0 2px 8px rgba(15, 30, 61, 0.05);
  --shadow-md: 0 6px 24px rgba(15, 30, 61, 0.08), 0 2px 6px rgba(15, 30, 61, 0.05);
  --shadow-lg: 0 24px 60px rgba(9, 20, 46, 0.16), 0 8px 24px rgba(9, 20, 46, 0.1);
  --header-bg: color-mix(in oklab, var(--page) 86%, transparent);
  --maxw: 1200px;
  --rail-w: 264px;
  --rail-collapsed: 68px;
}
[data-theme="dark"] {
  --ink: #e9eefc;
  --ink-2: #a6b3d4;
  --ink-3: #7886ab;
  --line: rgba(150, 175, 225, 0.13);
  --line-2: rgba(150, 175, 225, 0.2);
  --page: #070f24;
  --paper: #0e1c3c;
  --soft: #0a1631;
  --soft-2: rgba(150, 175, 225, 0.1);
  --mix: #16264d;
  --accent-ink: color-mix(in oklab, var(--accent) 80%, #d8fff1);
  --accent-line: color-mix(in oklab, var(--accent) 32%, var(--line));
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.55);
  --header-bg: color-mix(in oklab, var(--page) 80%, transparent);
}
/* === Акцент «Бордо» === --accent ставит ThemeService инлайном; здесь — только
 * бордовая подмесь для --accent-ink (вместо «зелёной» бирюзовой). --on-accent
 * (#fff) ThemeService ставит инлайном по контрасту. data-accent ставит ThemeService. */
:root[data-accent="bordo"] {
  --accent-ink: color-mix(in oklab, var(--accent) 72%, #2a0810);
}
[data-theme="dark"][data-accent="bordo"] {
  /* На тёмной теме бордо ярче (тот же тон, выше светлота) — иначе мрачно.
   * ThemeService.effAccent ставит это же значение инлайном; здесь — fallback. */
  --accent: #e23a64;
  --accent-ink: color-mix(in oklab, var(--accent) 80%, #ffe1e6);
}
[data-dark-bg="warm"] {
  --line: #e8e9ec;
  --line-2: #dfe1e6;
  --page: #fdfdfe;
  --paper: #ffffff;
  --soft: #f2f3f5;
  --soft-2: #e9eaee;
  --mix: #ffffff;
  --navy: #23262d;
  --navy-grad-a: #22252c;
  --navy-grad-b: #16181d;
}
[data-theme="dark"][data-dark-bg="warm"] {
  --ink: #eef0f4;
  --ink-2: #b3b8c2;
  --ink-3: #838894;
  --line: rgba(200, 210, 230, 0.1);
  --line-2: rgba(200, 210, 230, 0.16);
  --page: #1b1d22;
  --paper: #23262d;
  --soft: #1f2128;
  --soft-2: rgba(200, 210, 230, 0.06);
  --mix: #282b33;
  --navy: #23262d;
  --navy-grad-a: #22252c;
  --navy-grad-b: #16181d;
}
html {
  scroll-behavior: smooth;
}
body {
  /* margin:0 всегда (раньше дефолтные 8px убирались только в граф-режиме —
     html.is-graph-page body — из-за чего правый край шапки/иконок сдвигался на 8px
     при переключении). Скролл обычных страниц обеспечивает высота контента, не margin. */
  margin: 0;
  color: var(--ink);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  transition: background 0.35s ease, color 0.35s ease;
}
/* Шрифт нового лейаута — только на обвязку (не трогаем существующие
 * страницы rsearch в router-outlet, у них свой шрифт). Заголовки сбрасываем
 * на inherit, т.к. глобальное правило h1..h6 (Bootstrap/rsearch) перебивает
 * наследование по специфичности. */
.site-header,
.side-rail,
.site-footer,
.modal-overlay {
  font-family: "Geist", system-ui, -apple-system, sans-serif;
  line-height: 1.55;
}
.modal-title,
.contacts-head,
.footer-cols h4 {
  font-family: inherit;
}
@keyframes modalFade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes modalPop {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes subnavPulse {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--accent) 50%, transparent);
  }
  70% {
    box-shadow: 0 0 0 7px color-mix(in oklab, var(--accent) 0%, transparent);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--accent) 0%, transparent);
  }
}
@keyframes subnavPulseActive {
  0% {
    box-shadow: 0 0 0 0 rgba(4, 35, 26, 0.5);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(4, 35, 26, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(4, 35, 26, 0);
  }
}
/* ===== Лейаут-контейнер: офсет под левый рейл ===== */
.nkb-layout {
  padding-left: var(--rail-collapsed);
  transition: padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nkb-layout.nav-pushed {
  padding-left: var(--rail-w);
}
/* Рабочая область всегда занимает весь экран по высоте (вьюпорт минус шапка),
 * поэтому подвал уходит за нижнюю кромку и виден только при скролле вниз — на
 * всех маршрутах, как на hero страницы поиска. --header-h измеряет
 * LayoutComponent (шапка + subnav переменной высоты); fallback 129px — высота
 * шапки с subnav (как в .hsearch). */
.layout-main {
  display: block;
  min-height: calc(100vh - var(--header-h, 129px));
}
/* Отступы рабочей области для всех маршрутов, кроме full-bleed страницы тарифов
 * (та сама управляет своей вёрсткой через .container). Иначе контент
 * существующих экранов (поиск/connections/egrul/foreignCompany) прилипает к
 * краям и обрезается. */
.layout-main--inset {
  padding: 28px clamp(16px, 3.5vw, 44px) 12px;
}
/* Страница графа связей (/graph/report): рабочая область — весь остаток вьюпорта,
 * без отступов и без вертикального скролла окна (высоту держит host-binding
 * GraphReportPageComponent, скроллится только внутренний .graph-object-layout). */
.layout-main--graph {
  padding: 0;
  overflow: hidden;
  min-height: 0;
}
/* [Граф] Экран «О сервисе» поверх граф-режима: тумблер слева позиционируется относительно main. */
.layout-main--graph,
.layout-main--graph-about {
  position: relative;
}
/* В режиме «О сервисе» (aboutFlag) контент маршрута (лендинг HyperSearch / граф-шелл) скрыт, но
 * СМОНТИРОВАН — поверх рендерится GraphContainerComponent. Angular вставляет компонент маршрута
 * непосредственно после <router-outlet>, поэтому скрываем именно его (соседний элемент),
 * а сам nkb-graph-container-ng2 (следующий за ним) остаётся виден. */
.layout-main--graph-about > router-outlet + *:not(nkb-graph-container-ng2) {
  display: none;
}
/* [Граф/О сервисе push] Стопка в верхней зоне граф-области: фикс. иконка (вне сдвига) + секционный
 * бар (едет снизу). Sticky под шапкой → остаётся при скролле страницы «О сервисе». overflow:hidden
 * клипует едущий бар (родители sticky-шапки overflow не трогаем). pointer-events:none — в граф-виде
 * (бара нет) клики свободно проходят к граф-тулбару под прозрачной стопкой; интерактивны только
 * иконка и бар. z90 выше сайдбара (z80), чей overflow рисуется поверх граф-области. */
.graph-about-stack {
  /* z-index НИЖЕ шапки (50): попапы тем/пользователя (внутри .site-header) должны выпадать ПОВЕРХ
   * этого бара. Бар лежит в .layout-main (сдвинут на --rail-collapsed вправо), с левым рейлом по
   * горизонтали не пересекается, поэтому опускание ниже рейла безопасно. Выше контента (выдача/граф). */
  z-index: 48;
  height: 40px;
  /* = высота граф-тулбара (.app-top-panel) — секционный бар той же высоты */
  overflow: hidden;
  pointer-events: none;
  /* Стиль бара — как у тулбара сервисных страниц (.subnav): серая заливка var(--soft) и верхняя
   * рамка var(--line). Заодно непрозрачный фон: бар sticky над контентом (выдача/лендинг/
   * «О сервисе»), без фона контент просвечивал при скролле. В граф-режиме переопределяется на
   * transparent + без рамки (там бар — оверлей над граф-тулбаром). */
  background: var(--soft);
  border-top: 1px solid var(--line);
  /* По умолчанию (поисковый контекст без графа: лендинг/результаты — .layout-main--inset, и
   * режим «О сервисе» — .layout-main--graph-about) стопка sticky под шапкой, остаётся при скролле. */
  position: sticky;
  top: var(--header-h, 68px);
}
/* В режиме 1 (.layout-main--inset с inset-паддингом) стопка должна стоять во всю ширину рабочей
 * области и в самом верху — компенсируем inset-паддинг main (top 28px, бока clamp). */
.layout-main--inset > .graph-about-stack {
  margin: -28px calc(-1 * clamp(16px, 3.5vw, 44px)) 0;
}
/* Граф-вид (и переход, пока шелл виден): стопка — ОВЕРЛЕЙ (absolute), НЕ резервирует поток,
 * иначе sticky сдвинул бы граф вниз. Лежит поверх граф-тулбара (прозрачна, клики проходят). */
.layout-main--graph > .graph-about-stack {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  background: transparent;
  /* в граф-режиме бар — прозрачный оверлей над граф-тулбаром */
  border-top: 0;
  /* рамка бара ни к чему поверх граф-тулбара */
}
/* Две иконки слева (О сервисе + Граф) — абсолютом над левым краем (вне @pushUp → не едут;
 * sticky-стопка держит их при скролле). z выше бара, чтобы в «О сервисе» лежать поверх его паддинга. */
.graph-about-icons {
  position: absolute;
  top: 4px;
  /* центр по вертикали в 40px-ряду: (40-32)/2 — не касается границ тулбара */
  left: 12px;
  z-index: 2;
  display: flex;
  gap: 8px;
  pointer-events: auto;
}
/* По стилю — вокабуляр .icon-action; активное состояние (aboutFlag/graphFlag) — СПЛОШНАЯ акцентная
 * заливка (как было у .graph-mode-toggle.is-on / .graph-about-ic.is-active). 32 в 40-ряду — кружок
 * не пересекает верх/низ. Спецификум .graph-about-stack (0,2,0) перебивает базовый .icon-action. */
.graph-about-stack .graph-about-ic {
  position: static;
  width: 32px;
  height: 32px;
}
/* Вертикальный разделитель между иконками «О сервисе» и «Граф» — как между табами
 * сервисных страниц (.subnav-scroll.is-tabs a + a::before): 1×18px, цвет --line-2. */
.graph-about-stack .graph-about-sep {
  align-self: center;
  width: 1px;
  height: 18px;
  background: var(--line-2);
  pointer-events: none;
  flex: 0 0 auto;
}
.graph-about-stack .graph-about-ic svg,
.graph-about-stack .graph-about-ic app-icon {
  width: 18px;
  height: 18px;
  display: block;
}
.graph-about-ic.is-active {
  color: var(--on-accent, #fff);
  background: var(--accent);
  border-color: var(--accent);
}
.graph-about-ic.is-active:hover {
  background: var(--accent-ink, var(--accent));
}
/* [Слияние] Несохранённый граф: иконка графа со встроенным астериском (var(--warn)) на иконках
 * Граф (тулбар) и СГА (сайдбар). В тулбаре размер задаёт .graph-about-ic svg (18px); в сайдбаре —
 * под размер app-icon node (20px). Линии графа — currentColor, астериск — var(--warn). */
.side-ic > .graph-unsaved-icon {
  display: block;
  width: 20px;
  height: 20px;
}
/* Секционный бар: внутри стопки на всю площадь; @pushUp двигает по Y (въезд снизу). Пилюли —
 * оригинальный стиль .subnav-sections (3 класса = 0,3,0, перебивает базовый .subnav-row.subnav-sections).
 * padding-left под фикс. иконку; без верхней границы; непрозрачный фон, нижний разделитель. */
.subnav-row.subnav-sections.graph-about-topbar {
  position: absolute;
  inset: 0;
  z-index: 1;
  height: 40px;
  /* = высота граф-тулбара (.app-top-panel) */
  padding-left: 96px;
  /* под две фикс. иконки слева (О сервисе + Граф) */
  border-top: 0;
  background: var(--bg-panel);
  border-bottom: 1px solid var(--border);
  pointer-events: auto;
}
.graph-about-topbar .subnav-caps {
  flex: 1 1 auto;
  min-width: 0;
}
/* На странице графа окно не скроллится: вертикальный и горизонтальный скролл —
 * только в рабочей области графа (.graph-object-layout). Класс вешает
 * LayoutComponent на documentElement на время /graph/report (см. syncActive).
 * Источник скролла окна — дефолтный margin body (~16px переполнения html, который
 * overflow:hidden один не блокирует — браузер пропагирует прокрутку): убираем margin,
 * тогда html ровно во весь экран. overflow:hidden — страховка. Высота графа
 * пересчитывается после смены margin (GraphReportPageComponent.updateHeight). */
html.is-graph-page {
  overflow: hidden;
}
html.is-graph-page body {
  margin: 0;
}
/* В граф-режиме окно не скроллится (overflow:hidden) → нет вертикальной полосы, и тулбар
   стал бы шире на её ширину, «прыгая» вправо. Компенсируем ширину полосы (--sbw, замер в
   LayoutComponent) ТОЛЬКО в шапке — контент/граф под ней остаются на всю ширину (без жёлоба
   во всю высоту). База padding контейнера шапки — 24px (см. .nkb-container). */
html.is-graph-page .site-header .nkb-container {
  padding-right: calc(24px + var(--sbw, 0px));
}
/* ===== Контейнер обвязки (аналог .container, без коллизий с Bootstrap) ===== */
.nkb-container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}
/* ===== Кнопки обвязки (.nkb-btn — без коллизий с Bootstrap .btn) ===== */
.nkb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.7);
  padding: 13px 20px;
  transition: 0.18s ease;
  white-space: nowrap;
  font-family: inherit;
  cursor: pointer;
}
.nkb-btn-block {
  width: 100%;
}
.nkb-btn-primary {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}
.nkb-btn-primary:hover {
  background: color-mix(in oklab, var(--accent) 88%, #000);
  box-shadow: 0 8px 20px color-mix(in oklab, var(--accent) 40%, transparent);
}
.nkb-btn-ghost {
  background: transparent;
  color: var(--ink-2);
}
.nkb-btn-ghost:hover {
  color: var(--ink);
  background: var(--soft-2);
}
/* ===== Header ===== */
.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--header-bg);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid var(--line);
}
/* full-bleed header (логотип у левого края) + 3-колоночная сетка (поиск по центру) */
.site-header .nkb-container {
  max-width: none;
}
/* Боковые колонки равны (1fr) → средняя колонка (поиск) строго по центру
 * тулбара. Ширину задаём самой колонке (≥360px, ~36vw, до 760px) — это и есть
 * «не менее 30% тулбара»; форма растягивается на 100% колонки. */
/* Ширина строки поиска в шапке = 30% ширины страницы (--hs-w-rest считает
 * LayoutComponent); fallback — clamp, пока переменная не вычислена. */
.site-header .header-row {
  display: grid;
  grid-template-columns: 1fr var(--hs-w-rest, clamp(360px, 36vw, 760px)) 1fr;
  align-items: center;
  gap: 16px;
  height: 64px;
}
.header-controls {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-self: end;
}
.header-controls .theme-toggle {
  margin-left: 0;
}
/* Полный логотип НКБ — единый векторный (лого2): лямбда-марка + надпись
   «НАЦИОНАЛЬНОЕ КРЕДИТНОЕ БЮРО» в одном SVG. Цвет — фирменный бордовый (--brand-red,
   фиксирован во всех темах), НЕ акцентный: логотип/идентичность не меняется при смене
   акцента. В тёмной теме допускается чуть более светлый тон для контраста (ниже). */
.brand-full {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: var(--ink);
  flex-shrink: 0;
}
.brand-full .ncb-logo-full {
  height: 42px;
  width: auto;
  flex-shrink: 0;
  display: block;
}
.brand-full .ncb-logo-full path {
  fill: var(--brand-red);
}
/* тёмная тема: чуть светлее бордового — для контраста на тёмном фоне (логотип остаётся
   бордовым, не акцентным). Покрывает и полный логотип, и краткий марк .modal-mark. */
[data-theme="dark"] .brand-full .ncb-logo-full path,
[data-theme="dark"] .modal-mark path,
.theme-dark .brand-full .ncb-logo-full path,
.theme-dark .modal-mark path {
  fill: #c41e44;
}
/* Поиск по центру (порт .header-search) — разметка из nkb-search-input */
/* Хост-элемент компонента <nkb-search-input> по умолчанию inline — заставляем
 * занять всю среднюю колонку грида, иначе строка прижимается влево. */
.header-row nkb-search-input {
  display: block;
  width: 100%;
  min-width: 0;
}
.header-search {
  display: flex;
  justify-content: center;
  min-width: 0;
}
.header-search form {
  position: relative;
  width: 100%;
}
.header-search .hs-icon {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--ink-2);
  pointer-events: none;
  display: flex;
}
/* !important перебивает глобальный theme-override rsearch
 * (`.theme-dark input:not([type=checkbox])…` — специфичность ~0,4,1, без
 * !important), который красил строку поиска в #1e1e1e + рамка #444 + inset-тень
 * → неоднородная заливка (тёмный центр, серые края). Непрозрачный var(--soft) —
 * равномерный фон; рамка/тень — из дизайна. Точечно, только на строке поиска. */
.site-header .header-search input {
  width: 100%;
  height: 40px;
  padding: 0 38px 0 38px;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  background: var(--soft) !important;
  border: 1px solid var(--line-2) !important;
  border-radius: 11px;
  outline: none;
  box-shadow: none !important;
  transition: 0.18s;
}
.site-header .header-search input::placeholder {
  color: var(--ink-2);
}
.site-header .header-search input:focus {
  border-color: var(--accent) !important;
  background: var(--page) !important;
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent) !important;
}
.header-search .hs-clear {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
  background: transparent;
  color: var(--ink-2);
  transition: 0.15s;
}
.header-search .hs-clear:hover {
  color: var(--ink);
  background: var(--line);
}
/* app-icon — inline-элемент: svg внутри стоит на базовой линии и иконки (лупа/крестик)
   смещаются вверх от центра. display:block убирает baseline-зазор → ровно по центру
   (контейнеры уже центрируют: .hs-icon flex, .hs-clear grid place-items:center). */
.header-search .hs-icon app-icon,
.header-search .hs-icon svg,
.header-search .hs-clear app-icon,
.header-search .hs-clear svg {
  display: block;
}
.header-search .hs-kbd {
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  font: 500 11px/1 var(--mono, ui-monospace, monospace);
  color: var(--ink-2);
  border: 1px solid var(--line-2);
  border-radius: 6px;
  padding: 3px 6px;
  pointer-events: none;
}
/* ---- FLIP: единственное поле поиска переезжает из шапки на экран «Поиск» ----
 * Тот же DOM-элемент (.header-search form) РАВНОМЕРНО масштабируется и смещается
 * к якорю .hsearch-anchor через CSS-переменные --hs-sc/--hs-dx/--hs-dy (их считает
 * LayoutComponent: --hs-sc = ширина якоря / ширина строки в шапке, 1.05–2.6).
 * Равномерный scale → ширина и высота, шрифт и лупа растут одинаково, БЕЗ
 * деформации. Стиль «Пружина»: позиция слегка перелетает якорь и мягко садится. */
.header-search form {
  transform-origin: center center;
  transition: transform var(--hs-dur, 0.72s) cubic-bezier(0.34, 1.5, 0.5, 1);
}
.header-search.is-hero form {
  transform: translate(var(--hs-dx, 0px), var(--hs-dy, 0px)) scale(var(--hs-sc, 2));
  filter: drop-shadow(0 10px 26px rgba(15, 30, 61, 0.22));
  /* приподнятый вид (масштабируется вместе с полем) */
}
/* z-index только на время ПЕРЕЛЁТА (is-flying): поле идёт поверх шапки/меню в обе
 * стороны. После входа снимается — при скролле поле уходит ПОД шапку (клип). */
.header-search.is-flying form {
  z-index: 90;
}
/* Читаемость поля на hero — только цвета/фон (размер задаёт scale). Hero в
 * светлой теме светлый ([data-theme="light"] .pricing-page .hsearch), поле
 * остаётся светлым из базовых токенных правил — иначе белый hero-текст
 * #eaf0ff на прозрачном фокус-фоне был невидим. Тёмные значения (плотный
 * непросвечивающий фон над hero-текстом) — только в тёмной теме, где hero —
 * navy-градиент. */
.site-header .header-search.is-hero input {
  transition: background 0.6s ease, border-color 0.6s ease, color 0.6s ease;
}
[data-theme="dark"] .header-search.is-hero form {
  filter: drop-shadow(0 10px 26px rgba(0, 0, 0, 0.45));
}
[data-theme="dark"] .site-header .header-search.is-hero input {
  color: #eaf0ff;
  background: rgba(18, 26, 48, 0.94) !important;
  border-color: rgba(190, 205, 240, 0.32) !important;
}
[data-theme="dark"] .header-search.is-hero input::placeholder {
  color: #9fb0d8;
}
[data-theme="dark"] .header-search.is-hero .hs-icon {
  color: #9fb0d8;
}
[data-theme="dark"] .header-search.is-hero .hs-kbd {
  color: #9fb0d8;
  border-color: rgba(190, 205, 240, 0.28);
}
[data-theme="dark"] .site-header .header-search.is-hero input:focus {
  background: rgba(255, 255, 255, 0.09) !important;
}
@media (prefers-reduced-motion: reduce) {
  .header-search form,
  .header-search.is-hero input {
    transition: none;
  }
}
/* ===== Subnav (часть рабочей области тарифов) ===== */
.subnav {
  border-top: 1px solid var(--line);
  background: var(--soft);
}
.subnav-row {
  display: flex;
  gap: 10px;
  height: 50px;
  align-items: center;
  overflow: visible;
}
.subnav-scroll {
  flex: 1 1 auto;
  min-width: 0;
  align-self: stretch;
  display: flex;
  gap: 8px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.subnav-scroll::-webkit-scrollbar {
  display: none;
}
.subnav-row a {
  position: relative;
  white-space: nowrap;
  font-size: 14.5px;
  color: var(--ink);
  font-weight: 600;
  padding: 9px 18px;
  border-radius: 999px;
  cursor: pointer;
  background: var(--page);
  border: 1px solid var(--line-2);
  box-shadow: var(--shadow-sm);
  transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.15s, border-color 0.15s, color 0.15s, box-shadow 0.15s;
}
.subnav-row a:hover {
  color: var(--accent-ink);
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 9%, var(--page));
  transform: translateY(-2px);
  box-shadow: 0 4px 10px color-mix(in oklab, var(--accent) 20%, transparent);
}
.subnav-row a:active {
  transform: translateY(0);
}
.subnav-row a.is-active {
  color: var(--on-accent);
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 6px 18px color-mix(in oklab, var(--accent) 38%, transparent);
}
.subnav-row a.is-active:hover {
  color: var(--on-accent);
  background: color-mix(in oklab, var(--accent) 90%, #000);
  transform: translateY(-2px);
}
[data-theme="dark"] .subnav-row a.is-active {
  color: var(--on-accent);
}
/* Недоступные без авторизации пункты subnav (меню сервисных страниц:
 * ПАЗЛ / Рег. дело / Иностранные компании) приглушаются. Бейдж счётчика
 * непрочитанных — внутри пилюли «Проверки связей». */
.subnav-row a.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.subnav-row a .badge {
  margin-left: 7px;
}
/* Меню сервисных страниц — табы (вариант A: «подчёркнутый таб всегда меняет
 * контент, пилюля всегда скроллит»). Без пилюльной заливки/рамки/тени и без
 * translateY-подъёма; активный таб — акцентное подчёркивание 3px, прижатое к
 * нижней границе строки subnav (bottom:0, а не -1px: строка — скролл-контейнер
 * с overflow-y:hidden, выступ за край был бы обрезан). Цвета только токенами —
 * хардкод --on-accent (#04231a у ярких акцентов) к табам не применяется. */
/* Сдвиг ряда табов влево на 12px, чтобы иконка «О сервисе» стояла в 12px от границы
 * сайдбара как на СГА (.graph-about-icons left:12px). Смещаем скролл-контейнер целиком
 * (а не иконку): у .subnav-scroll overflow-x:auto, отрицательный margin на ребёнке обрезался. */
.subnav-scroll.is-tabs {
  gap: 4px;
  margin-left: -12px;
}
/* Строка с табами ниже пилюльных (40px против 50px): табы компактнее.
 * :has уже используется в лейауте (tools-pop). */
.subnav-row:has(> .subnav-scroll.is-tabs) {
  height: 40px;
}
/* Вертикальный разделитель между соседними табами (не перед первым).
 * ::after занят подчёркиванием активного — рисуем через ::before. */
.subnav-scroll.is-tabs a + a::before {
  content: "";
  position: absolute;
  left: -2px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background: var(--line-2);
}
.subnav-scroll.is-tabs a {
  align-self: stretch;
  display: inline-flex;
  align-items: flex-end;
  padding: 6px 14px 10px;
  border-radius: 0;
  background: none;
  border: 0;
  box-shadow: none;
  font-weight: 700;
  color: var(--ink-2);
  transition: color 0.15s;
}
.subnav-scroll.is-tabs a:hover {
  color: var(--ink);
  background: none;
  border: 0;
  transform: none;
  box-shadow: none;
}
.subnav-scroll.is-tabs a:active {
  transform: none;
}
/* Активный таб — акцентный текст (контраст к серым соседям в обеих темах:
 * --accent-ink в тёмной осветляется сам) + вес на шаг жирнее. */
.subnav-scroll.is-tabs a.is-active {
  color: var(--accent-ink);
  font-weight: 800;
  background: none;
  box-shadow: none;
}
.subnav-scroll.is-tabs a.is-active:hover {
  color: var(--accent-ink);
  background: none;
  transform: none;
}
.subnav-scroll.is-tabs a.is-active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: var(--accent);
}
[data-theme="dark"] .subnav-scroll.is-tabs a.is-active {
  color: var(--accent-ink);
}
/* Таб «О сервисе» как иконка-кружок (ПАЗЛ / Рег.дело / Иностранные компании) —
 * вокабуляр .icon-action / СГА .graph-about-ic: вместо надписи кружок 32px, активный
 * таб — СПЛОШНАЯ акцентная заливка (без текстового подчёркивания ::after). */
.subnav-scroll.is-tabs a.tab-icon {
  align-self: center;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  color: var(--ink-2);
  /* Симметрия вокруг вертикального разделителя: зазор иконка→разделитель = разделитель→текст
   * следующего таба (16px). margin-right 14 + gap 4 − 2px (::before) даёт 16px слева от черты,
   * у следующего таба padding-left 14px + 2px до черты = 16px справа.
   * Горизонтальный сдвиг ряда под СГА — на контейнере .subnav-scroll.is-tabs (overflow-x:auto). */
  margin-right: 14px;
}
.subnav-scroll.is-tabs a.tab-icon svg {
  width: 18px;
  height: 18px;
  display: block;
}
.subnav-scroll.is-tabs a.tab-icon:hover {
  color: var(--ink);
  border-color: var(--accent);
  background: var(--soft-2);
}
.subnav-scroll.is-tabs a.tab-icon.is-active {
  color: var(--on-accent, #fff);
  font-weight: 700;
  background: var(--accent);
  border-color: var(--accent);
}
.subnav-scroll.is-tabs a.tab-icon.is-active:hover {
  color: var(--on-accent, #fff);
  background: var(--accent-ink, var(--accent));
}
.subnav-scroll.is-tabs a.tab-icon.is-active::after {
  display: none;
}
/* Вторая строка subnav — пилюли-якоря разделов подстраницы (скролл-спай);
 * вид пилюль — базовый .subnav-row a, как на «Продуктах и услугах». Строка
 * рендерится только на подстраницах с собственными sections.
 * Прежняя связка «акцентная капсула + хвостик-треугольник» удалена: хвостик
 * конфликтовал бы с подчёркиванием таба (оба — ::after активного пункта). */
/* Строка пилюль той же высоты, что базовая .subnav-row (50px), пилюли по
 * центру вертикали (align-items базового .subnav-row) — равные отступы
 * сверху/снизу. Разделительная линия сверху отделяет полосу табов от полосы
 * кнопок; подчёркивание активного таба (bottom:0) ложится прямо на неё. */
.subnav-row.subnav-sections {
  height: 50px;
  border-top: 1px solid var(--line-2);
}
.subnav-sections .subnav-caps {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  padding: 4px 2px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.subnav-sections .subnav-caps::-webkit-scrollbar {
  display: none;
}
.subnav-sections .subnav-caps a {
  font-size: 13.5px;
  padding: 8px 14px;
}
/* Правый блок инструментов (логин + тема) */
.subnav-tools {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
/* Иконка-действие в шапке (Войти / Выйти) — вокабуляр .theme-toggle */
.icon-action {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--ink-2);
  transition: 0.18s;
  flex-shrink: 0;
  cursor: pointer;
}
.icon-action:hover {
  color: var(--ink);
  border-color: var(--accent);
  background: var(--soft-2);
}
.icon-action svg {
  display: block;
  transition: transform 0.26s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.subnav-login:hover svg {
  transform: translateX(2px);
}
/* стрелка «въезжает» в дверь — только у кнопки входа */
/* Попап пользователя (раскрывается по ховеру на иконку — механика .tools-pop) */
.user-pop {
  width: auto;
  min-width: 200px;
  max-width: 280px;
  padding: 8px 16px;
  gap: 0;
}
.user-pop-name {
  font-size: 12.5px;
  line-height: 1.15;
  color: var(--ink-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-pop-email {
  font-size: 12.5px;
  line-height: 1.15;
  color: var(--ink-3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-pop-sep {
  height: 1px;
  margin: 1px 0;
  background: var(--line-2);
}
/* Вся строка кликабельна: тянем на всю ширину попапа (отрицательные поля
   компенсируют падинг .user-pop 14px/16px) и до нижних скруглённых углов. */
.user-pop-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 -8px;
  padding: 4px 8px;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-2);
  text-decoration: none;
  cursor: pointer;
  border-radius: 10px;
  transition: color 0.15s, background 0.15s;
}
.user-pop-item app-icon,
.user-pop-item svg {
  display: block;
}
.user-pop-item:hover {
  color: var(--accent-ink);
  background: var(--soft-2);
}
.subnav-tools .theme-toggle {
  margin-left: 0;
}
/* Переключатель режима «Граф» переехал во второй тулбар страницы СГА
   (.graph-about-ic--graph в .graph-about-stack), стили — общий вокабуляр .icon-action /
   .graph-about-ic.is-active (акцентная заливка активного режима). */
.theme-toggle {
  position: relative;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--ink-2);
  transition: 0.18s;
  flex-shrink: 0;
  cursor: pointer;
}
.theme-toggle:hover {
  color: var(--ink);
  border-color: var(--accent);
  background: var(--soft-2);
}
/* display:block — inline-svg стоит на базовой линии строки
   и сдвигает иконку от центра кружка. */
.theme-toggle svg {
  display: block;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.theme-toggle:hover svg {
  transform: rotate(25deg);
}
/* Бейдж «А» — индикатор режима «авто»; приглушён, кольцо цвета фона страницы
   отделяет его от иконки. Декоративный (смысл — в aria-label кнопки). */
.theme-toggle .theme-auto-badge {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in oklab, var(--accent) 14%, var(--page));
  color: var(--ink-2);
  border: 1px solid var(--line-2);
  font: 700 9px/1 Geist, system-ui, sans-serif;
  box-shadow: 0 0 0 2px var(--page, #fff);
  pointer-events: none;
}
/* Попап оформления (hover) */
.tools-pop-wrap {
  position: relative;
}
.tools-pop {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 90;
  width: 286px;
  padding: 18px;
  border-radius: 16px;
  background: var(--paper);
  border: 1px solid var(--line-2);
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  gap: 18px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.26s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.2s;
}
/* «Мостик» поверх зазора кнопка↔попап (12px) + запас по краям/высоте, чтобы
   диагональное движение курсора не выпадало из hover-зоны. */
.tools-pop::before {
  content: "";
  position: absolute;
  top: -14px;
  left: -8px;
  right: -8px;
  height: 16px;
}
/* :has(:focus-visible), а не :focus-within: мышиный клик по кнопке/чипам
   оставляет на них фокус, и попап «залипал» после увода курсора. Клавиатурный
   фокус (Tab) попап по-прежнему держит. */
.tools-pop-wrap:hover .tools-pop,
.tools-pop-wrap:has(:focus-visible) .tools-pop {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}
/* Меню пользователя — раскрывается по КЛИКУ (класс is-open от toggleUserMenu), НЕ по ховеру.
   Использует тот же .tools-pop (хром/позиция/анимация), но без hover-якоря .tools-pop-wrap. */
.user-menu-wrap {
  position: relative;
}
.user-menu-wrap.is-open .tools-pop {
  opacity: 1;
  visibility: visible;
  transform: none;
  pointer-events: auto;
}
.pop-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 9px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
}
.pop-val {
  font: 500 12px/1 "Geist Mono", ui-monospace, monospace;
  color: var(--ink-2);
  letter-spacing: 0;
  text-transform: none;
}
.pop-schemes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.scheme-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--soft-2);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-2);
  white-space: nowrap;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.scheme-chip:hover:not(:disabled) {
  color: var(--ink);
}
.scheme-chip.is-active {
  color: var(--ink);
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 12%, var(--paper));
}
/* недоступный акцент (чёрный в тёмной теме) — приглушён, без клика. */
.scheme-chip:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.scheme-dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset;
}
.pop-seg {
  display: flex;
  gap: 4px;
  background: var(--soft-2);
  border-radius: 11px;
  padding: 4px;
}
.seg-btn {
  flex: 1;
  padding: 8px 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
  transition: 0.15s;
}
.seg-btn:hover:not(.is-active) {
  color: var(--ink);
}
.seg-btn.is-active {
  background: var(--paper);
  color: var(--ink);
  box-shadow: var(--shadow-sm);
}
.tools-pop input[type="range"] {
  width: 100%;
  margin: 0;
  accent-color: var(--accent);
  cursor: pointer;
}
/* CTA «Демо-доступ» в subnav */
.subnav-cta {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
  cursor: pointer;
  text-decoration: none;
  padding: 9px 18px;
  border-radius: 999px;
  border: 1px solid var(--line-2);
  background: var(--page);
  box-shadow: var(--shadow-sm);
  transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.15s, background 0.15s, border-color 0.15s, color 0.15s;
}
.subnav-cta:hover {
  transform: translateY(-2px);
  color: var(--accent-ink);
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 9%, var(--page));
  box-shadow: 0 6px 16px color-mix(in oklab, var(--accent) 22%, transparent);
}
.subnav-cta:active {
  transform: translateY(0);
}
.subnav-cta.is-active {
  color: var(--on-accent);
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 6px 18px color-mix(in oklab, var(--accent) 38%, transparent);
}
.subnav-cta.is-active:hover {
  color: var(--on-accent);
  background: color-mix(in oklab, var(--accent) 90%, #000);
  transform: translateY(-2px);
}
.subnav-cta-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
  box-shadow: 0 0 0 0 color-mix(in oklab, var(--accent) 45%, transparent);
}
.subnav-cta.is-active .subnav-cta-dot {
  background: var(--on-accent);
}
@media (prefers-reduced-motion: no-preference) {
  .subnav-cta-dot {
    animation: subnavPulse 2s cubic-bezier(0.66, 0, 0.34, 1) infinite;
  }
  .subnav-cta.is-active .subnav-cta-dot {
    animation: subnavPulseActive 2s cubic-bezier(0.66, 0, 0.34, 1) infinite;
  }
}
/* ===== Login modal ===== */
.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: color-mix(in oklab, var(--navy) 62%, transparent);
  backdrop-filter: blur(3px);
  animation: modalFade 0.2s ease;
}
.modal-card {
  position: relative;
  width: 100%;
  max-width: 400px;
  background: var(--paper);
  border: 1px solid var(--line-2);
  border-radius: calc(var(--radius)*1.05);
  padding: 34px 32px;
  box-shadow: var(--shadow-lg);
  animation: modalPop 0.26s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: var(--soft-2);
  color: var(--ink-2);
  cursor: pointer;
  transition: 0.15s;
}
/* app-icon — кастомный элемент (display:inline): svg внутри стоит на базовой
   линии текста и съезжает в кружке; grid убирает baseline-зазор */
.modal-close app-icon {
  display: grid;
}
.modal-close:hover {
  background: var(--line);
  color: var(--ink);
}
.modal-head {
  text-align: center;
  margin-bottom: 24px;
}
/* Лого — в левом углу карточки (симметрично кнопке закрытия), заголовок —
   в той же строке по центру карточки. Отрицательные отступы выводят строку
   из паддинга карточки (34px/32px) к углу 16px; крайние колонки равны —
   центр заголовка совпадает с центром карточки */
.modal-head-row {
  display: grid;
  grid-template-columns: 46px 1fr 46px;
  align-items: center;
  margin: -18px -16px 12px;
}
.modal-head-row .modal-title {
  grid-column: 2;
}
.modal-mark {
  width: 46px;
  height: 40px;
}
.modal-mark svg {
  width: 100%;
  height: 100%;
  display: block;
}
/* краткий логотип (марк без подписи) — тот же фирменный бордовый, НЕ акцент. */
.modal-mark path {
  fill: var(--brand-red);
}
.modal-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--ink);
}
.modal-sub {
  margin-top: 6px;
  font-size: 13.5px;
  color: var(--ink-2);
  text-wrap: balance;
}
.modal-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.modal-form .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.modal-form .field-label {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--ink-2);
}
.modal-form input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  font: inherit;
  font-size: 14.5px;
  color: var(--ink);
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 11px;
  outline: none;
  transition: 0.16s;
}
.modal-form input::placeholder {
  color: var(--ink-3);
}
.modal-form input:focus {
  border-color: var(--accent);
  background: var(--page);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent);
}
.modal-form .nkb-btn {
  margin-top: 6px;
}
.modal-error {
  font-size: 13px;
  color: #e26d6d;
}
.modal-link {
  align-self: center;
  margin-top: 2px;
  font-size: 13px;
  font-weight: 500;
  color: var(--accent-ink);
  cursor: pointer;
}
.modal-link:hover {
  text-decoration: underline;
}
/* Табы «Логин | Регистрация» — как табы подстраниц (3px акцентное подчёркивание) */
.auth-tabs {
  display: flex;
  justify-content: center;
  gap: 2px;
  margin-top: 16px;
  box-shadow: inset 0 -1px 0 var(--line);
}
.auth-tab {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 600;
  color: var(--ink-2);
  cursor: pointer;
  transition: color 0.15s;
}
.auth-tab::after {
  content: "";
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  transition: background 0.15s;
}
.auth-tab:hover {
  color: var(--accent-ink);
}
.auth-tab:hover::after {
  background: color-mix(in oklab, var(--accent) 35%, transparent);
}
.auth-tab.is-active {
  color: var(--ink);
  cursor: default;
  pointer-events: none;
}
.auth-tab.is-active::after {
  background: var(--accent);
}
/* Каркас формы регистрации */
.modal-card.is-reg {
  max-width: 560px;
  max-height: calc(100vh - 48px);
  overflow: auto;
}
.modal-card.is-reg .modal-head {
  margin-bottom: 18px;
}
.reg-intro {
  font-size: 12.5px;
  line-height: 1.5;
  color: var(--ink-3);
  text-align: center;
}
.req {
  color: var(--accent);
  font-weight: 700;
  margin-right: 2px;
}
.reg-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 14px;
}
.reg-fields .field--wide {
  grid-column: 1 / -1;
}
/* «Тип» — подпись слева, радиокнопки в той же строке, всё по центру */
.modal-form .field--type {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.reg-field--radio {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
  align-items: center;
}
.reg-field--radio label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 13.5px;
  color: var(--ink);
  cursor: pointer;
  white-space: nowrap;
}
.reg-field--radio input {
  width: 15px;
  height: 15px;
  margin: 0;
  accent-color: var(--accent);
  cursor: pointer;
}
/* капча: картинка KCAPTCHA + поле в одной строке (полосы — фон до загрузки) */
.reg-captcha-row {
  display: flex;
  gap: 10px;
  align-items: center;
}
.reg-captcha-row input {
  flex: 1;
  min-width: 0;
}
.reg-captcha-box {
  flex: none;
  width: 104px;
  height: 48px;
  border-radius: 10px;
  background: repeating-linear-gradient(-55deg, var(--soft) 0 7px, color-mix(in oklab, var(--line) 45%, var(--soft)) 7px 9px);
  border: 1px dashed var(--line-2);
  user-select: none;
}
/* экран успеха */
.reg-sent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  padding: 6px 0 2px;
}
.reg-sent-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
}
.reg-sent-text {
  font-size: 13.5px;
  line-height: 1.5;
  color: var(--ink-2);
  text-wrap: balance;
}
@media (max-width: 600px) {
  .reg-fields {
    grid-template-columns: 1fr;
  }
}
/* Плавающие подписи (обе формы): подпись лежит внутри поля, при фокусе или
   вводе уезжает вверх и уменьшается. Детект «заполнено» — :placeholder-shown,
   поэтому у текстовых input обязателен placeholder=" " (пробел). Радиокнопки
   «Тип» не трогаем (нет прямого input); у капчи input вложен в
   .reg-captcha-row — подпись смещена правее картинки кода. */
.modal-form .field:has(> input),
.modal-form .field:has(.reg-captcha-row) {
  position: relative;
}
.modal-form .field:has(> input) .field-label,
.modal-form .field:has(.reg-captcha-row) > .field-label {
  position: absolute;
  z-index: 1;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  pointer-events: none;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-3);
  transition: top 0.16s ease, font-size 0.16s ease, color 0.16s ease;
}
.modal-form .field:has(.reg-captcha-row) > .field-label {
  left: 129px;
}
/* 104px капча + 10px зазор + 15px паддинг */
.modal-form .field:has(> input) input,
.modal-form .reg-captcha-row input {
  height: 48px;
  padding-top: 16px;
}
.modal-form .field:has(> input) input::placeholder,
.modal-form .reg-captcha-row input::placeholder {
  color: transparent;
}
/* фокус или заполнено → подпись уезжает вверх */
.modal-form .field:has(> input:focus) .field-label,
.modal-form .field:has( > input:not(:placeholder-shown)) .field-label,
.modal-form .field:has(.reg-captcha-row input:focus) > .field-label,
.modal-form .field:has(.reg-captcha-row input:not(:placeholder-shown)) > .field-label {
  top: 14px;
  font-size: 10.5px;
  letter-spacing: 0.03em;
  color: var(--ink-2);
}
/* ===== Левый рейл ===== */
.side-rail {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--rail-collapsed);
  z-index: 80;
  background: var(--page);
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  padding: 18px 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
}
.side-rail.is-open {
  width: var(--rail-w);
  box-shadow: var(--shadow-lg);
}
.side-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 14px;
}
.side-link {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 46px;
  padding: 0 12px;
  border-radius: 12px;
  color: var(--ink-2);
  font-weight: 500;
  font-size: 14.5px;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.side-link:hover {
  background: var(--soft-2);
  color: var(--ink);
}
.side-link.is-active {
  background: color-mix(in oklab, var(--accent) 12%, var(--mix));
  color: var(--accent-ink);
}
.side-ic {
  flex-shrink: 0;
  width: 24px;
  display: grid;
  place-items: center;
  color: var(--ink-3);
  transition: color 0.15s;
}
/* app-icon — инлайн-элемент: svg внутри стоит на базовой линии и приподнимается
   в строке; block на app-icon И svg убирает baseline-зазор (descender) и
   центрирует иконку по вертикали — как в .graph-mode-toggle выше */
.side-ic app-icon,
.side-ic app-icon svg {
  display: block;
}
.side-link:hover .side-ic {
  color: var(--ink);
}
.side-link.is-active .side-ic {
  color: var(--accent-ink);
}
.side-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.side-rail:not(.is-open) .side-link {
  justify-content: center;
  padding: 0;
}
.side-rail:not(.is-open) .side-label {
  display: none;
}
.side-toggle {
  width: auto;
  background: transparent;
  border: 0;
  font: inherit;
  margin-bottom: 6px;
}
.side-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  width: 18px;
  height: 14px;
}
.side-burger span {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: currentColor;
  transition: transform 0.26s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;
}
.side-burger.is-open span:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}
.side-burger.is-open span:nth-child(2) {
  opacity: 0;
}
.side-burger.is-open span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}
/* ===== Footer ===== */
/* Фон футера следует режиму Графит/Синий (var(--navy-grad-b) меняется по
 * data-dark-bg), иначе графитовый фон страницы соседствует с синим футером. */
.site-footer {
  background: var(--navy-grad-b);
  color: #9fb0d8;
  padding: 60px 0 28px;
  border-top: 1px solid var(--line);
}
.footer-inner {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  gap: 40px;
}
.contacts-head {
  color: #e7eefc;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}
.contacts-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.contacts-list li {
  display: flex;
  align-items: center;
  gap: 13px;
  font-size: 14px;
  color: #9fb0d8;
  line-height: 1.5;
}
.contact-ic {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  color: var(--accent);
}
.contact-ic svg {
  width: 20px;
  height: 20px;
}
.contacts-list a {
  color: #9fb0d8;
  transition: 0.15s;
}
.contacts-list a:hover {
  color: var(--accent);
}
.contacts-social {
  display: flex;
  gap: 12px;
  margin-top: 22px;
}
.social-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: rgba(150, 175, 225, 0.1);
  color: #aab8da;
  transition: 0.18s;
}
.social-btn svg {
  width: 19px;
  height: 19px;
}
.social-btn:hover {
  background: var(--accent);
  color: var(--on-accent);
  transform: translateY(-2px);
}
/* footer columns left-to-right (вариант header-search всегда активен) */
.footer-cols {
  display: contents;
}
.footer-cols h4 {
  color: #cdd8f2;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 14px;
}
.footer-cols div {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.footer-cols a {
  font-size: 13.5px;
  color: #8d9bc0;
  transition: 0.15s;
}
.footer-cols a:hover {
  color: var(--accent);
}
/* Пункты раздела «Модули» — иконка слева (как в левом сайдбаре). */
.footer-cols a.footer-mod {
  display: flex;
  align-items: center;
  gap: 9px;
}
.footer-mod-ic {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  color: var(--accent);
}
.footer-mod-ic app-icon,
.footer-mod-ic app-icon svg {
  display: block;
}
.footer-bottom {
  display: flex;
  justify-content: center;
  text-align: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid rgba(150, 175, 225, 0.12);
  font-size: 12.5px;
  color: #6b7798;
}
/* Светлая тема: футер тоже светлый (иначе тёмный футер на светлой странице). */
[data-theme="light"] .site-footer {
  background: var(--soft);
  color: var(--ink-2);
}
[data-theme="light"] .site-footer .contacts-head,
[data-theme="light"] .site-footer .footer-cols h4 {
  color: var(--ink);
}
[data-theme="light"] .site-footer .contacts-list li,
[data-theme="light"] .site-footer .contacts-list a,
[data-theme="light"] .site-footer .footer-cols a {
  color: var(--ink-2);
}
[data-theme="light"] .site-footer .contacts-list a:hover,
[data-theme="light"] .site-footer .footer-cols a:hover {
  color: var(--accent-ink);
}
[data-theme="light"] .site-footer .social-btn {
  background: var(--soft-2);
  color: var(--ink-2);
}
[data-theme="light"] .site-footer .footer-bottom {
  color: var(--ink-3);
  border-top-color: var(--line);
}
/* ===== Responsive ===== */
@media (max-width: 760px) {
  .header-search {
    display: none;
  }
  .site-header .header-row {
    grid-template-columns: auto 1fr;
  }
  .nkb-layout,
  .nkb-layout.nav-pushed {
    padding-left: 0;
  }
  .side-rail {
    width: var(--rail-w);
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
  }
  .side-rail.is-open {
    transform: none;
  }
  .side-rail .side-link {
    justify-content: flex-start;
    padding: 0 12px;
  }
  .side-rail .side-label {
    display: block;
  }
}
@media (max-width: 680px) {
  .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
}
/*# sourceMappingURL=layout.css.map */
/* pricingPage.less — стили рабочей области тарифов (порт styles.css, секции
 * контента). Всё скоупится под .pricing-page, чтобы generic-классы (.btn,
 * .container, .section, .field, сбросы *, a) не задевали существующие
 * компоненты rsearch в том же router-outlet. Переменные/обвязка — в layout.less.
 *
 * [data-direction]-блоки и .cta-band из эталона опущены: в angular-bootstrap
 * (app-main.js) они не активируются, на снимки не влияют. */
@keyframes flashRing {
  0% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--accent) 60%, transparent), var(--shadow-md);
  }
  18% {
    box-shadow: 0 0 0 5px var(--accent), 0 10px 30px color-mix(in oklab, var(--accent) 38%, transparent);
  }
  55% {
    box-shadow: 0 0 0 5px var(--accent), 0 10px 30px color-mix(in oklab, var(--accent) 30%, transparent);
  }
  100% {
    box-shadow: 0 0 0 0 color-mix(in oklab, var(--accent) 0%, transparent), var(--shadow-md);
  }
}
.pricing-page {
  /* Шрифт нового лейаута. Заголовки/контролы сбрасываем на inherit, т.к.
   * глобальное h1..h6 (Bootstrap/rsearch) перебивает наследование. */
  font-family: "Geist", system-ui, -apple-system, sans-serif;
  line-height: 1.55;
  /* Bootstrap-клирфикс .container::before/::after ломает grid/flex (.hero-inner) */
  /* ---- Section head ---- */
  /* ---- Buttons ---- */
  /* ---- Hero ---- */
  /* содержимое .graph-panel (canvas, подсказка, бейдж) рисует scenario-graph.js */
  /* ---- Task selector ---- */
  /* ---- Helper sections ---- */
  /* ---- Pricing ---- */
  /* ---- Seat card ---- */
  /* ---- Comparison ---- */
  /* ---- Modules ---- */
  /* ---- One-time ---- */
  /* ---- Choose ---- */
  /* ---- FAQ (одноколоночный — в эталоне header-search вариант) ---- */
  /* ---- Form ---- */
  /* Bootstrap-сетка lead-form (мост из inline-style эталона) */
  /* ---- Гиперпоиск (экран начала поиска) ---- */
  /* Колонка на всю высоту: зоны above/below (flex:1) держат строку поиска (якорь) ровно
     по центру высоты экрана независимо от объёма текста сверху/снизу. */
  /* Якорь FLIP: задаёт ШИРИНУ-цель (от неё масштаб поля:
     --hs-sc = width якоря / ширина строки в шапке) и центр приземления.
     Высота резервирует место в потоке под визуально увеличенное (scale) поле. */
  /* ---- Responsive ---- */
}
.pricing-page h1,
.pricing-page h2,
.pricing-page h3,
.pricing-page h4,
.pricing-page h5,
.pricing-page h6 {
  font-family: inherit;
}
.pricing-page button,
.pricing-page input,
.pricing-page select,
.pricing-page textarea {
  font-family: inherit;
}
.pricing-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.pricing-page .mono {
  font-family: "Geist Mono", "Geist", ui-monospace, monospace;
}
.pricing-page a {
  color: inherit;
  text-decoration: none;
}
.pricing-page a:hover,
.pricing-page a:focus {
  text-decoration: none;
  color: inherit;
}
.pricing-page button {
  font-family: inherit;
  cursor: pointer;
}
.pricing-page img,
.pricing-page svg,
.pricing-page canvas {
  display: block;
  max-width: 100%;
}
.pricing-page ::selection {
  background: color-mix(in oklab, var(--accent) 30%, transparent);
}
.pricing-page .container {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
}
.pricing-page .container::before,
.pricing-page .container::after {
  content: none !important;
  display: none !important;
}
.pricing-page .section {
  padding: 84px 0;
}
.pricing-page .section-soft {
  background: var(--soft);
}
.pricing-page .section-dark {
  background: linear-gradient(170deg, var(--navy-grad-a), var(--navy-grad-b));
  color: #dfe6f6;
}
.pricing-page .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-ink);
  padding: 5px 11px;
  border: 1px solid var(--accent-line);
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
}
.pricing-page .section-dark .eyebrow {
  color: var(--accent);
  background: color-mix(in oklab, var(--accent) 14%, transparent);
  border-color: color-mix(in oklab, var(--accent) 32%, transparent);
}
.pricing-page .sec-head {
  margin-bottom: 44px;
  max-width: 760px;
}
.pricing-page .sec-head-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.pricing-page .sec-title {
  font-size: calc(clamp(28px, 3.4vw, 42px) * var(--h-scale));
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 16px 0 0;
  text-wrap: balance;
}
.pricing-page .sec-lead {
  margin-top: 14px;
  font-size: 17px;
  color: var(--ink-2);
  max-width: 62ch;
}
.pricing-page .section-dark .sec-lead {
  color: #a9b6d6;
}
.pricing-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.7);
  padding: 13px 20px;
  transition: 0.18s ease;
  white-space: nowrap;
}
.pricing-page .btn svg {
  transition: transform 0.18s ease;
}
.pricing-page .btn:hover svg {
  transform: translateX(2px);
}
.pricing-page .btn-block {
  width: 100%;
}
.pricing-page .btn-primary {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}
.pricing-page .btn-primary:hover {
  background: color-mix(in oklab, var(--accent) 88%, #000);
  box-shadow: 0 8px 20px color-mix(in oklab, var(--accent) 40%, transparent);
}
.pricing-page .btn-outline {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-2);
}
.pricing-page .btn-outline:hover {
  border-color: var(--accent);
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
}
.pricing-page .btn-ghost {
  background: transparent;
  color: var(--ink-2);
}
.pricing-page .btn-ghost:hover {
  color: var(--ink);
  background: var(--soft-2);
}
.pricing-page .btn-outline-light {
  background: transparent;
  color: #eaf0ff;
  border-color: rgba(190, 205, 240, 0.32);
}
.pricing-page .btn-outline-light:hover {
  border-color: var(--accent);
  color: #fff;
}
.pricing-page .section-dark .btn-ghost {
  color: #b9c4e0;
}
.pricing-page .section-dark .btn-ghost:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.pricing-page .hero .btn-outline {
  color: #eaf0ff;
  border-color: rgba(190, 205, 240, 0.32);
}
.pricing-page .hero .btn-outline:hover {
  border-color: var(--accent);
  color: #fff;
  background: rgba(150, 175, 225, 0.08);
}
.pricing-page .hero .btn-ghost {
  color: #cdd8f2;
}
.pricing-page .hero .btn-ghost:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
}
.pricing-page .hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, var(--navy-grad-a), var(--navy-grad-b) 70%);
  color: #e8eefb;
}
.pricing-page .hero-grid-bg {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background-image: linear-gradient(rgba(140, 165, 220, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(140, 165, 220, 0.06) 1px, transparent 1px);
  background-size: 46px 46px;
  mask-image: radial-gradient(120% 90% at 70% 0%, #000 30%, transparent 80%);
}
.pricing-page .hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 48px;
  align-items: center;
  padding: 72px 24px 84px;
}
.pricing-page .hero-copy {
  max-width: 600px;
}
.pricing-page .hero-h1 {
  font-size: calc(clamp(32px, 4.4vw, 54px) * var(--h-scale));
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.06;
  margin-top: 20px;
  text-wrap: balance;
}
.pricing-page .hero-slogan {
  font-size: clamp(17px, 2vw, 21px);
  color: var(--accent);
  font-weight: 600;
  margin-top: 18px;
  font-style: italic;
  letter-spacing: 0.01em;
}
.pricing-page .hero-lead {
  margin-top: 18px;
  font-size: 16.5px;
  color: #aebbdb;
  line-height: 1.6;
  max-width: 54ch;
}
.pricing-page .hero-sub {
  margin-top: 14px;
  font-size: 15px;
  color: #8d9bc0;
  max-width: 52ch;
}
.pricing-page .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
  justify-content: center;
}
.pricing-page .hero-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 30px;
}
.pricing-page .trust-chip {
  flex: 1 1 0;
  min-width: max-content;
  text-align: center;
  font-size: 12.5px;
  color: #9fadd2;
  padding: 6px 12px;
  border: 1px solid rgba(150, 170, 220, 0.2);
  border-radius: 999px;
  background: rgba(150, 170, 220, 0.05);
}
.pricing-page .hero-visual {
  position: relative;
}
.pricing-page .graph-panel {
  position: relative;
  aspect-ratio: 1/0.92;
  border-radius: calc(var(--radius) * 1.4);
  background: radial-gradient(120% 120% at 40% 25%, rgba(80, 120, 190, 0.14), rgba(10, 20, 44, 0.2));
  border: 1px solid rgba(150, 175, 225, 0.16);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 30px 70px rgba(5, 12, 30, 0.5);
}
.pricing-page .task-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.pricing-page .task-row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  gap: 6px 10px;
  text-align: left;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 18px;
  transition: 0.18s ease;
  align-items: center;
}
.pricing-page .task-row:hover {
  border-color: var(--accent-line);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.pricing-page .task-row.active {
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent);
}
.pricing-page .task-q {
  font-weight: 600;
  font-size: 15px;
  color: var(--ink);
  grid-column: 1;
}
.pricing-page .task-arrow {
  grid-column: 2;
  grid-row: 1/3;
  color: var(--accent-ink);
  opacity: 0.5;
  align-self: center;
}
.pricing-page .task-row:hover .task-arrow {
  opacity: 1;
  transform: translateX(2px);
}
.pricing-page .task-rec {
  grid-column: 1;
  font-size: 13px;
  color: var(--ink-2);
  font-weight: 500;
}
.pricing-page .task-row.active .task-rec {
  color: var(--accent-ink);
}
.pricing-page .section.is-helper {
  padding: 50px 0;
}
.pricing-page .section.is-helper .container {
  position: relative;
  background: color-mix(in oklab, var(--accent) 4%, var(--soft));
  border: 1px solid var(--line-2);
  border-radius: calc(var(--radius)*1.5);
  padding: 36px clamp(22px, 3vw, 44px) 32px;
  box-shadow: var(--shadow-sm);
}
.pricing-page .section.is-helper .sec-head {
  margin-bottom: 26px;
  max-width: 760px;
}
.pricing-page .helper-tag {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  font: 600 11.5px/1 "Geist Mono", ui-monospace, monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: var(--ink-2);
}
.pricing-page .helper-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  flex-shrink: 0;
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent) 16%, transparent);
}
.pricing-page .helper-flow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
  padding: 9px 17px;
  border-radius: 999px;
  border: 1px dashed var(--accent-line);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
  color: var(--accent-ink);
  font-size: 13.5px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.16s;
}
.pricing-page .helper-flow:hover {
  background: color-mix(in oklab, var(--accent) 13%, var(--mix));
  border-color: var(--accent);
}
.pricing-page .helper-flow-arrow {
  transform: rotate(90deg);
  transition: transform 0.16s;
}
.pricing-page .helper-flow:hover .helper-flow-arrow {
  transform: rotate(90deg) translateX(2px);
}
.pricing-page .section.is-helper .choose-list {
  border: 0;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
}
.pricing-page .section.is-helper .choose-row {
  padding-left: 14px;
  padding-right: 14px;
}
.pricing-page .section.is-helper .choose-row:hover {
  background: var(--paper);
  border-radius: 10px;
}
.pricing-page .plans-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}
.pricing-page .plan {
  position: relative;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) * 1.15);
  padding: 30px 26px;
  transition: 0.25s ease;
  box-shadow: var(--shadow-sm);
}
.pricing-page .plan:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}
.pricing-page .plan-featured {
  border-color: transparent;
  background: linear-gradient(180deg, var(--navy-grad-a), var(--navy-grad-b));
  color: #e7eefc;
  box-shadow: var(--shadow-lg);
  transform: scale(1.025);
}
.pricing-page .plan-featured:hover {
  transform: scale(1.025) translateY(-3px);
}
.pricing-page .plan-hi {
  box-shadow: 0 0 0 3px var(--accent), var(--shadow-md);
  border-color: var(--accent);
}
.pricing-page .is-flash {
  animation: flashRing 2s cubic-bezier(0.4, 0, 0.2, 1);
  border-color: var(--accent) !important;
}
.pricing-page .plan-featured.plan-hi {
  box-shadow: 0 0 0 3px var(--accent), var(--shadow-lg);
}
.pricing-page .plan-ribbon {
  position: absolute;
  top: 0;
  right: 26px;
  transform: translateY(-50%);
  background: var(--accent);
  color: var(--on-accent);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 6px 13px;
  border-radius: 999px;
  box-shadow: var(--shadow-sm);
}
.pricing-page .plan-name-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.pricing-page .plan-name {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pricing-page .plan-badge {
  font-size: 11px;
  font-weight: 600;
  color: var(--accent);
  background: color-mix(in oklab, var(--accent) 16%, transparent);
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid color-mix(in oklab, var(--accent) 30%, transparent);
}
.pricing-page .plan:not(.plan-featured) .plan-badge {
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 10%, var(--mix));
}
.pricing-page .plan-price {
  display: flex;
  align-items: baseline;
  gap: 3px;
  margin-top: 18px;
}
.pricing-page .price-num {
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.03em;
  font-family: "Geist", sans-serif;
}
.pricing-page .price-num.sm {
  font-size: 28px;
}
.pricing-page .price-cur {
  font-size: 22px;
  font-weight: 600;
  color: var(--ink-2);
}
.pricing-page .plan-featured .price-cur {
  color: #9fb0d8;
}
.pricing-page .price-per {
  font-size: 15px;
  color: var(--ink-3);
  font-weight: 500;
  margin-left: 3px;
}
.pricing-page .plan-featured .price-per {
  color: #8d9bc0;
}
.pricing-page .price-once {
  font-size: 12px;
  color: var(--ink-3);
  margin-left: 6px;
  align-self: center;
  border: 1px solid var(--line-2);
  border-radius: 999px;
  padding: 2px 8px;
}
.pricing-page .plan-vat {
  font-size: 13px;
  color: var(--ink-3);
  margin-top: 3px;
}
.pricing-page .plan-featured .plan-vat {
  color: #8d9bc0;
}
.pricing-page .plan-tagline {
  font-size: 14.5px;
  color: var(--ink-2);
  margin-top: 14px;
  min-height: 42px;
  line-height: 1.5;
}
.pricing-page .plan-featured .plan-tagline {
  color: #aebbdb;
}
.pricing-page .plan .btn {
  margin-top: 20px;
}
.pricing-page .plan-body {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}
.pricing-page .plan-featured .plan-body {
  border-color: rgba(150, 175, 225, 0.18);
}
.pricing-page .plan-list-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 14px;
}
.pricing-page .plan-featured .plan-list-label {
  color: #8d9bc0;
}
.pricing-page .feat-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pricing-page .feat {
  display: flex;
  gap: 10px;
  font-size: 14.5px;
  line-height: 1.45;
  align-items: flex-start;
}
.pricing-page .feat-ic {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--accent) 16%, var(--mix));
  color: var(--accent-ink);
  margin-top: 1px;
}
.pricing-page .plan-featured .feat-ic {
  background: color-mix(in oklab, var(--accent) 22%, transparent);
  color: var(--accent);
}
.pricing-page .feat-no .feat-ic {
  background: var(--soft-2);
  color: var(--ink-3);
}
.pricing-page .plan-featured .feat-no .feat-ic {
  background: rgba(150, 175, 225, 0.12);
  color: #7e8cb0;
}
.pricing-page .feat-no {
  color: var(--ink-3);
}
.pricing-page .feat-list-no {
  margin-top: 14px;
}
.pricing-page .plan-callout {
  margin-top: 16px;
  background: color-mix(in oklab, var(--accent) 12%, transparent);
  border: 1px solid color-mix(in oklab, var(--accent) 26%, transparent);
  border-radius: 12px;
  padding: 13px 15px;
}
.pricing-page .callout-title {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pricing-page .callout-vals {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #dbe6ff;
}
.pricing-page .plan-opt {
  margin-top: 18px;
}
.pricing-page .opt-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: 0;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-2);
  padding: 4px 0;
}
.pricing-page .opt-toggle:hover {
  color: var(--accent-ink);
}
.pricing-page .plan-featured .opt-toggle {
  color: #aebbdb;
}
.pricing-page .opt-list {
  list-style: none;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: 1px dashed var(--line-2);
  padding-top: 12px;
}
.pricing-page .plan-featured .opt-list {
  border-color: rgba(150, 175, 225, 0.2);
}
.pricing-page .opt-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13.5px;
  color: var(--ink-2);
}
.pricing-page .opt-list b {
  color: var(--ink);
  font-weight: 600;
  text-align: right;
}
.pricing-page .plan-featured .opt-list li {
  color: #9fb0d8;
}
.pricing-page .plan-featured .opt-list b {
  color: #e7eefc;
}
.pricing-page .seat-card {
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 24px;
  align-items: center;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius)*1.15);
  padding: 24px 28px;
  box-shadow: var(--shadow-sm);
}
.pricing-page .seat-ic {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--accent) 14%, var(--mix));
  color: var(--accent-ink);
  flex-shrink: 0;
}
.pricing-page .seat-name {
  font-size: 18px;
  font-weight: 700;
}
.pricing-page .seat-desc {
  font-size: 14.5px;
  color: var(--ink-2);
  margin-top: 6px;
  max-width: 62ch;
}
.pricing-page .seat-note {
  font-size: 13px;
  color: var(--ink-3);
  margin-top: 8px;
  max-width: 70ch;
  line-height: 1.5;
}
.pricing-page .seat-side {
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  flex-shrink: 0;
}
.pricing-page .seat-side .plan-price {
  margin-top: 0;
}
.pricing-page .seat-side .btn {
  margin-top: 8px;
}
.pricing-page .cmp-scroll {
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius)*1.15);
  background: var(--paper);
  box-shadow: var(--shadow-sm);
}
.pricing-page .cmp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}
.pricing-page .cmp-table th,
.pricing-page .cmp-table td {
  padding: 15px 18px;
  text-align: center;
  font-size: 14.5px;
}
.pricing-page .cmp-feat-h,
.pricing-page .cmp-feat {
  text-align: left;
  font-weight: 600;
  color: var(--ink);
  position: sticky;
  left: 0;
  background: var(--paper);
  min-width: 230px;
  z-index: 1;
}
.pricing-page .cmp-feat {
  font-weight: 500;
  color: var(--ink-2);
}
.pricing-page .cmp-table thead th {
  font-size: 15px;
  font-weight: 700;
  border-bottom: 2px solid var(--line);
  padding-top: 20px;
  padding-bottom: 18px;
}
.pricing-page .cmp-col-h {
  color: var(--ink);
}
.pricing-page .cmp-prem {
  color: var(--accent-ink);
}
.pricing-page .cmp-star {
  display: inline-flex;
  margin-right: 5px;
  color: var(--accent);
  vertical-align: -1px;
}
.pricing-page .cmp-table tbody tr {
  border-bottom: 1px solid var(--line);
}
.pricing-page .cmp-table tbody tr:last-child {
  border-bottom: 0;
}
.pricing-page .cmp-table tbody tr:hover td,
.pricing-page .cmp-table tbody tr:hover .cmp-feat {
  background: var(--soft);
}
.pricing-page .cmp-prem-cell {
  background: color-mix(in oklab, var(--accent) 4%, var(--mix));
}
.pricing-page .cmp-table tbody tr:hover .cmp-prem-cell {
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
}
.pricing-page .cmp-price-row td,
.pricing-page .cmp-price-row .cmp-feat {
  font-weight: 700;
  color: var(--ink);
  font-size: 15px;
}
.pricing-page .cmp-yes {
  color: var(--accent-ink);
  display: inline-flex;
}
.pricing-page .cmp-no {
  color: var(--ink-3);
  display: inline-flex;
  opacity: 0.6;
}
.pricing-page .cmp-partial {
  font-size: 13px;
  color: var(--ink-2);
  background: var(--soft-2);
  padding: 3px 9px;
  border-radius: 999px;
  font-weight: 500;
}
.pricing-page .cmp-text {
  color: var(--ink-2);
  font-weight: 500;
}
.pricing-page .cmp-prem-cell .cmp-text,
.pricing-page .cmp-prem-cell .cmp-yes {
  font-weight: 600;
}
.pricing-page .mod-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.pricing-page .mod-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius)*1.15);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  transition: 0.22s ease;
}
.pricing-page .mod-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
  border-color: var(--accent-line);
}
.pricing-page .mod-hi {
  border-color: var(--accent-line);
  background: linear-gradient(180deg, color-mix(in oklab, var(--accent) 5%, var(--mix)), var(--mix));
}
.pricing-page .mod-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.pricing-page .mod-ic {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--accent) 14%, var(--mix));
  color: var(--accent-ink);
}
.pricing-page .mod-price {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.pricing-page .mod-name {
  font-size: 19px;
  font-weight: 700;
  margin-top: 18px;
  letter-spacing: -0.01em;
}
.pricing-page .mod-sub {
  font-size: 13px;
  color: var(--accent-ink);
  font-weight: 600;
  margin-top: 4px;
}
.pricing-page .mod-desc {
  font-size: 14.5px;
  color: var(--ink-2);
  margin-top: 10px;
  line-height: 1.55;
}
.pricing-page .mod-status {
  display: flex;
  gap: 8px;
  margin-top: 18px;
  flex-wrap: wrap;
}
.pricing-page .mod-status-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 90px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 9px 11px;
}
.pricing-page .mod-status-row span {
  font-size: 11.5px;
  color: var(--ink-3);
  font-weight: 500;
}
.pricing-page .mod-status-row b {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
}
.pricing-page .mod-status-row.on {
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
  border-color: var(--accent-line);
}
.pricing-page .mod-status-row.on b {
  color: var(--accent-ink);
}
.pricing-page .mod-limit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
  font-weight: 600;
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 10%, var(--mix));
  border: 1px solid var(--accent-line);
  border-radius: 999px;
  padding: 7px 13px;
}
.pricing-page .mod-points {
  list-style: none;
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 16px;
}
.pricing-page .mod-points li,
.pricing-page .one-list li {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.4;
}
.pricing-page .dotmark {
  flex-shrink: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  margin-top: 7px;
}
.pricing-page .mod-pos {
  font-size: 13.5px;
  color: var(--ink-3);
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  line-height: 1.55;
  font-style: italic;
}
.pricing-page .one-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  align-items: start;
}
.pricing-page .one-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: calc(var(--radius)*1.15);
  padding: 28px;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.22s ease;
}
.pricing-page .one-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
  border-color: var(--accent-line);
}
.pricing-page .one-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing-page .one-ic {
  width: 46px;
  height: 46px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--accent) 14%, var(--mix));
  color: var(--accent-ink);
}
.pricing-page .one-name {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.25;
}
.pricing-page .one-sub {
  font-weight: 500;
  color: var(--ink-3);
  font-size: 14px;
}
.pricing-page .one-price {
  display: flex;
  align-items: baseline;
  gap: 3px;
}
.pricing-page .one-desc {
  font-size: 14px;
  color: var(--ink-2);
  margin-top: 14px;
  line-height: 1.55;
}
.pricing-page .one-cols {
  display: grid;
  gap: 18px;
  margin-top: 20px;
}
.pricing-page .one-label {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-bottom: 10px;
}
.pricing-page .one-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pricing-page .one-note {
  font-size: 12.5px;
  color: var(--ink-3);
  margin-top: 16px;
  line-height: 1.55;
  font-style: italic;
}
.pricing-page .one-card .btn {
  margin-top: auto;
}
.pricing-page .one-card .one-note + .btn {
  margin-top: 18px;
}
.pricing-page .choose-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius)*1.15);
  overflow: hidden;
  background: var(--paper);
  box-shadow: var(--shadow-sm);
}
.pricing-page .choose-row {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 20px;
  align-items: center;
  padding: 20px 26px;
  border-bottom: 1px solid var(--line);
  transition: 0.15s;
}
.pricing-page .choose-row:last-child {
  border-bottom: 0;
}
.pricing-page .choose-row:hover {
  background: var(--soft);
}
.pricing-page .choose-num {
  font-family: "Geist Mono", monospace;
  font-size: 13px;
  color: var(--accent-ink);
  font-weight: 500;
}
.pricing-page .choose-cond {
  font-size: 15.5px;
  color: var(--ink);
  font-weight: 500;
}
.pricing-page .choose-line {
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--line-2) 0 4px, transparent 4px 9px);
}
.pricing-page .choose-rec {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--accent-ink);
  text-align: right;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s;
}
.pricing-page .choose-rec:hover {
  color: var(--accent);
}
.pricing-page .choose-rec-multi {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.pricing-page .choose-rec-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--accent-ink);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s;
}
.pricing-page .choose-rec-link:hover {
  color: var(--accent);
  text-decoration: underline;
}
.pricing-page .choose-rec-slash {
  color: var(--ink-3);
  font-weight: 400;
}
.pricing-page .choose-rec-ic {
  opacity: 0.55;
  transition: transform 0.15s, opacity 0.15s;
}
.pricing-page .choose-rec:hover .choose-rec-ic {
  opacity: 1;
  transform: translateX(2px);
}
.pricing-page .faq-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px 24px;
}
.pricing-page .faq-item {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  transition: 0.18s;
  align-self: start;
}
.pricing-page .faq-item.open {
  border-color: var(--accent-line);
  box-shadow: var(--shadow-sm);
}
.pricing-page .faq-q {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  text-align: left;
  background: none;
  border: 0;
  padding: 20px 22px;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--ink);
}
.pricing-page .faq-ic {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--soft-2);
  color: var(--ink-2);
  transition: 0.18s;
}
.pricing-page .faq-item.open .faq-ic {
  background: var(--accent);
  color: var(--on-accent);
}
.pricing-page .faq-a-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease;
}
.pricing-page .faq-item.open .faq-a-wrap {
  grid-template-rows: 1fr;
}
.pricing-page .faq-a {
  overflow: hidden;
  font-size: 14.5px;
  color: var(--ink-2);
  line-height: 1.6;
  padding: 0 22px;
}
.pricing-page .faq-item.open .faq-a {
  padding: 0 22px 20px;
}
.pricing-page .form-wrap {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 48px;
  align-items: start;
}
.pricing-page .form-aside {
  position: sticky;
  top: 90px;
}
.pricing-page .form-title {
  font-size: calc(clamp(26px, 3vw, 34px)*var(--h-scale));
  font-weight: 700;
  letter-spacing: -0.02em;
  margin-top: 16px;
  line-height: 1.12;
}
.pricing-page .form-sub {
  font-size: 15.5px;
  color: #a9b6d6;
  margin-top: 14px;
  line-height: 1.6;
  max-width: 42ch;
}
.pricing-page .form-bullets {
  list-style: none;
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pricing-page .form-bullets li {
  display: flex;
  align-items: center;
  gap: 11px;
  font-size: 15px;
  color: #cdd8f2;
}
.pricing-page .form-bullets .feat-ic {
  background: color-mix(in oklab, var(--accent) 22%, transparent);
  color: var(--accent);
}
.pricing-page .lead-form {
  background: var(--paper);
  border-radius: calc(var(--radius)*1.3);
  padding: 32px;
  box-shadow: var(--shadow-lg);
  color: var(--ink);
}
.pricing-page .lead-form label.field {
  font-weight: 400;
  margin-bottom: 0;
}
.pricing-page .lead-form .row.lead-fields {
  margin-left: -10px;
  margin-right: -10px;
}
.pricing-page .lead-form .row.lead-fields > [class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 6px;
}
.pricing-page .lead-form .row.lead-fields > div:nth-child(odd) {
  clear: left;
}
.pricing-page .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.pricing-page .field-wide {
  grid-column: 1/-1;
}
.pricing-page .field-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
}
.pricing-page .field-label i {
  color: var(--accent-ink);
  font-style: normal;
  margin-left: 2px;
}
.pricing-page .field input,
.pricing-page .field select,
.pricing-page .field textarea {
  font-family: inherit;
  font-size: 14.5px;
  color: var(--ink);
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 11px;
  padding: 12px 14px;
  transition: 0.15s;
  width: 100%;
}
.pricing-page .field textarea {
  resize: vertical;
}
.pricing-page .field input:focus,
.pricing-page .field select:focus,
.pricing-page .field textarea:focus {
  outline: 0;
  border-color: var(--accent);
  background: var(--paper);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent);
}
.pricing-page .field input::placeholder,
.pricing-page .field textarea::placeholder {
  color: var(--ink-3);
}
.pricing-page .form-foot {
  margin-top: 22px;
}
.pricing-page .form-legal {
  font-size: 12px;
  color: var(--ink-3);
  margin-top: 12px;
  text-align: center;
  line-height: 1.5;
}
.pricing-page .form-success {
  text-align: center;
  max-width: 520px;
  margin: 0 auto;
  padding: 30px 0;
}
.pricing-page .success-ic {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 22px;
  background: var(--accent);
  color: var(--on-accent);
  box-shadow: 0 0 0 8px color-mix(in oklab, var(--accent) 18%, transparent);
}
.pricing-page .form-success h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.pricing-page .form-success p {
  font-size: 16px;
  color: #a9b6d6;
  margin-top: 14px;
  line-height: 1.6;
}
.pricing-page .form-success .btn {
  margin-top: 26px;
}
.pricing-page .hsearch {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 129px);
  display: flex;
  align-items: stretch;
  background: linear-gradient(160deg, var(--navy-grad-a), var(--navy-grad-b) 70%);
  color: #e8eefb;
}
.pricing-page .hsearch-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 24px;
  text-align: center;
}
.pricing-page .hsearch-above {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.pricing-page .hsearch-below {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.pricing-page .hsearch-h1 {
  font-size: calc(clamp(30px, 4vw, 48px) * var(--h-scale));
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.07;
  margin-top: 18px;
  text-wrap: balance;
}
.pricing-page .hsearch-sub {
  margin: 16px auto 0;
  font-size: 16.5px;
  color: #aebbdb;
  line-height: 1.6;
  max-width: 60ch;
}
.pricing-page .hsearch-anchor {
  margin: 0 auto;
  width: min(92%, 640px);
  height: 84px;
  pointer-events: none;
}
.pricing-page .hsearch-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 34px auto 0;
  max-width: 660px;
  padding: 7px 7px 7px 16px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(190, 205, 240, 0.25);
  border-radius: 16px;
  transition: 0.18s ease;
}
.pricing-page .hsearch-box:focus-within {
  border-color: var(--accent);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 0 4px color-mix(in oklab, var(--accent) 22%, transparent);
}
.pricing-page .hsearch-box .hb-icon {
  display: flex;
  color: #9fb0d8;
  flex-shrink: 0;
}
.pricing-page .hsearch-box input {
  flex: 1;
  min-width: 0;
  height: 50px;
  background: transparent;
  border: 0;
  outline: 0;
  font: inherit;
  font-size: 17px;
  color: #eaf0ff;
}
.pricing-page .hsearch-box input::placeholder {
  color: #7e8db3;
}
.pricing-page .hsearch-box .hb-clear {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #9fb0d8;
  cursor: pointer;
  transition: 0.15s;
}
.pricing-page .hsearch-box .hb-clear:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}
.pricing-page .hsearch-box .hb-btn {
  flex-shrink: 0;
  height: 50px;
  padding: 0 22px;
  font-size: 15px;
}
.pricing-page .hsearch-types {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 20px;
}
.pricing-page .hs-type-label {
  font-size: 13px;
  color: #8d9bc0;
}
.pricing-page .hs-type {
  font-size: 12.5px;
  color: #bcc9e6;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(150, 170, 220, 0.22);
  background: rgba(150, 170, 220, 0.06);
}
.pricing-page .hsearch-hint {
  margin-top: 30px;
  font-size: 13.5px;
  color: #8d9bc0;
}
@media (max-width: 560px) {
  .pricing-page .hsearch-box {
    flex-wrap: wrap;
    padding: 12px;
  }
  .pricing-page .hsearch-box .hb-btn {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .pricing-page .hero-inner {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .pricing-page .hero-visual {
    max-width: 520px;
  }
  .pricing-page .plans-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
  .pricing-page .plan-featured {
    transform: none;
  }
  .pricing-page .plan-featured:hover {
    transform: translateY(-3px);
  }
  .pricing-page .one-grid {
    grid-template-columns: 1fr;
    max-width: 560px;
    margin: 0 auto;
  }
  .pricing-page .form-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .pricing-page .form-aside {
    position: static;
  }
}
@media (max-width: 900px) {
  .pricing-page .task-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 680px) {
  .pricing-page .section {
    padding: 60px 0;
  }
  .pricing-page .container {
    padding: 0 18px;
  }
  .pricing-page .task-grid {
    grid-template-columns: 1fr;
  }
  .pricing-page .mod-grid {
    grid-template-columns: 1fr;
  }
  .pricing-page .mod-points {
    grid-template-columns: 1fr;
  }
  .pricing-page .seat-card {
    grid-template-columns: 1fr;
    text-align: left;
    gap: 18px;
  }
  .pricing-page .seat-side {
    align-items: flex-start;
    text-align: left;
    width: 100%;
  }
  .pricing-page .seat-side .btn {
    width: 100%;
  }
  .pricing-page .choose-row {
    grid-template-columns: auto 1fr;
    gap: 6px 14px;
  }
  .pricing-page .choose-line {
    display: none;
  }
  .pricing-page .choose-rec {
    grid-column: 2;
    text-align: left;
  }
  .pricing-page .footer-inner {
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
  .pricing-page .hero-actions .btn {
    flex: 1;
    min-width: 160px;
  }
}
/* ===== СВЕТЛАЯ ТЕМА: тёмные баннеры становятся светлыми =====
 * hero / карточка «Премиум» (раздел тарифов) / форма заявки (section-dark)
 * по умолчанию используют тёмный navy-градиент независимо от темы. В светлой
 * теме делаем их светлыми с контрастным текстом. Селектор на уровне <html>
 * [data-theme="light"], поэтому правила — вне скоупа .pricing-page. */
[data-theme="light"] .pricing-page .hero {
  background: linear-gradient(165deg, #fbfcfe, #eef2fa);
  color: var(--ink);
}
[data-theme="light"] .pricing-page .hero-h1 {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .hero-slogan {
  color: var(--accent-ink);
}
[data-theme="light"] .pricing-page .hero-lead {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .hero-sub {
  color: var(--ink-3);
}
[data-theme="light"] .pricing-page .hero-grid-bg {
  background-image: linear-gradient(rgba(60, 80, 130, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 80, 130, 0.06) 1px, transparent 1px);
}
[data-theme="light"] .pricing-page .trust-chip {
  color: var(--ink-2);
  border-color: var(--line-2);
  background: #fff;
}
[data-theme="light"] .pricing-page .graph-panel {
  background: radial-gradient(120% 120% at 40% 25%, #fff, #eef2fa);
  border-color: var(--line-2);
  box-shadow: var(--shadow-lg);
}
[data-theme="light"] .pricing-page .hero .btn-outline {
  color: var(--ink);
  border-color: var(--line-2);
}
[data-theme="light"] .pricing-page .hero .btn-outline:hover {
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
}
[data-theme="light"] .pricing-page .plan-featured {
  background: linear-gradient(180deg, var(--paper), var(--soft));
  color: var(--ink);
  border: 1px solid var(--accent);
  box-shadow: var(--shadow-lg);
}
[data-theme="light"] .pricing-page .plan-featured .plan-name {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .plan-featured .price-cur,
[data-theme="light"] .pricing-page .plan-featured .price-per,
[data-theme="light"] .pricing-page .plan-featured .plan-vat,
[data-theme="light"] .pricing-page .plan-featured .plan-tagline,
[data-theme="light"] .pricing-page .plan-featured .plan-list-label,
[data-theme="light"] .pricing-page .plan-featured .opt-toggle,
[data-theme="light"] .pricing-page .plan-featured .opt-list li {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .plan-featured .feat-ic {
  background: color-mix(in oklab, var(--accent) 16%, var(--mix));
  color: var(--accent-ink);
}
[data-theme="light"] .pricing-page .plan-featured .feat-no .feat-ic {
  background: var(--soft-2);
  color: var(--ink-3);
}
[data-theme="light"] .pricing-page .plan-featured .plan-body {
  border-color: var(--line);
}
[data-theme="light"] .pricing-page .plan-featured .callout-vals {
  color: var(--accent-ink);
}
[data-theme="light"] .pricing-page .plan-featured .opt-list b {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .section-dark {
  background: var(--soft);
  color: var(--ink);
}
[data-theme="light"] .pricing-page .section-dark .sec-lead {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .section-dark .eyebrow {
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
  border-color: var(--accent-line);
}
[data-theme="light"] .pricing-page .form-title {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .form-sub {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .form-bullets li {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .form-success p {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .btn-outline-light {
  color: var(--ink);
  border-color: var(--line-2);
}
[data-theme="light"] .pricing-page .btn-outline-light:hover {
  color: var(--accent-ink);
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
}
/* Гиперпоиск в светлой теме */
[data-theme="light"] .pricing-page .hsearch {
  background: linear-gradient(165deg, #fbfcfe, #eef2fa);
  color: var(--ink);
}
[data-theme="light"] .pricing-page .hsearch-h1 {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .hsearch-sub {
  color: var(--ink-2);
}
[data-theme="light"] .pricing-page .hsearch-box {
  background: var(--paper);
  border-color: var(--line-2);
}
[data-theme="light"] .pricing-page .hsearch-box input {
  color: var(--ink);
}
[data-theme="light"] .pricing-page .hs-type-label {
  color: var(--ink-3);
}
[data-theme="light"] .pricing-page .hs-type {
  color: var(--ink-2);
  border-color: var(--line-2);
  background: var(--soft-2);
}
[data-theme="light"] .pricing-page .hsearch-hint {
  color: var(--ink-3);
}
/*# sourceMappingURL=pricingPage.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.search-result__inner {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
}
.search-result__popup {
  font-size: 14px;
  line-height: 1.42857;
}
.search-result__content {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
.search-result__outlet {
  flex-basis: 75%;
}
.search-result__outlet--big {
  flex-basis: 100%;
}
.search-result__links-and-filters {
  flex-basis: 22%;
}
/*# sourceMappingURL=searchResult.css.map */
.search-result-list .result-list-element {
  font-size: 14px;
  line-height: 20px;
}
.search-result-list .result-list-element ul.list-inline {
  margin: 0;
}
/*# sourceMappingURL=searchResultList.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.infos-relations__aff {
  display: block;
  height: 600px;
  background: transparent no-repeat center url(images/aff.png);
  font-size: 120%;
  border-style: dotted;
  margin: 20px auto;
}
.infos-relations__conf {
  display: block;
  height: 600px;
  background: transparent no-repeat center url(images/conf.png);
  font-size: 120%;
  border-style: dotted;
  margin: 20px auto;
}
.infos-relations__open {
  display: block;
  height: 600px;
  background: transparent no-repeat center url(images/open.png);
  font-size: 120%;
  border-style: dotted;
  margin: 20px auto;
}
.infos-relations__rels {
  display: block;
  height: 600px;
  background: transparent no-repeat center url(images/rels.png);
  font-size: 120%;
  border-style: dotted;
  margin: 20px auto;
}
.infos-relations__list-element {
  padding: 1em;
  cursor: default;
}
.infos-relations__filters {
  display: flex;
  flex-direction: row;
}
.infos-relations__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.infos-relations__filters--fz {
  display: flex;
  flex-direction: row;
}
.infos-relations__filters--fz-element {
  margin: 0 1em;
}
.infos-relations__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.infos-relations__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.infos-relations__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.infos-relations__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.infos-relations__caption-header {
  font-weight: bold;
  font-size: large;
}
.infos-relations__client-entry {
  display: flex;
  flex-direction: row;
}
.infos-relations__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.infos-relations__contract {
  margin-top: 1em;
}
.infos-relations__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.infos-relations__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.infos-relations__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.infos-relations__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=infoRelations.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.changes__list-element {
  padding: 1em;
  cursor: default;
}
.changes__filters {
  display: flex;
  flex-direction: row;
}
.changes__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.changes__filters--fz {
  display: flex;
  flex-direction: row;
}
.changes__filters--fz-element {
  margin: 0 1em;
}
.changes__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.changes__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.changes__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.changes__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.changes__caption-header {
  font-weight: bold;
  font-size: large;
}
.changes__client-entry {
  display: flex;
  flex-direction: row;
}
.changes__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.changes__contract {
  margin-top: 1em;
}
.changes__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.changes__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.changes__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.changes__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=foreignCompanyContainer.css.map */
/* «О сервисе» услуги «Иностранные компании» — стили встраиваемого блока
 * .gd-about «Международное досье НКБ» из дизайн-handoff
 * (sandbox/tmp/handoff-gl-about/gl-about.html). Классы с префиксом gd-,
 * наружу ничего не протекает.
 *
 * Блок приведён к единому стилю страниц «О сервисе» (.pz-about / .rg-about /
 * .gr-about): та же типографика (заголовки clamp(28,3.4vw,40) и
 * clamp(21,2.4vw,28)), кнопки (солидный акцент + outline, 46px/999px),
 * тени и радиусы от токенов темы, ритм секций 72px. Эталонные тёмные блоки
 * (карточка заказа, шапки мокапов, API-блок, финальный CTA) в светлой теме
 * заменены светлыми панелями на токенах — сильно тёмных фонов в светлой теме
 * нет; в тёмной теме финальный CTA — общий тёмный градиент страниц
 * «О сервисе», API-блок — как .gr-truth. Демо-обвязка handoff (шапка, меню)
 * не переносилась; якорные CTA скроллят через PricingUiService.scrollToId. */
.gd-about {
  --gd-bg: var(--soft);
  --gd-surface: var(--paper);
  --gd-ink: var(--ink);
  --gd-muted: var(--ink-2);
  --gd-ink-3: var(--ink-3);
  --gd-line: var(--line);
  --gd-line-2: var(--line-2);
  --gd-brand: var(--accent);
  --gd-brand-ink: var(--accent-ink);
  --gd-brand-dark: color-mix(in oklab, var(--accent) 78%, #000);
  --gd-brand-soft: color-mix(in oklab, var(--accent) 11%, var(--paper));
  --gd-blue: var(--navy);
  --gd-blue-ink: var(--navy);
  --gd-blue-soft: color-mix(in oklab, var(--navy) 8%, var(--paper));
  --gd-green: #16845f;
  --gd-green-soft: #e6f5ef;
  --gd-amber: #b56a20;
  --gd-amber-soft: #fff3df;
  --gd-orange: #df7f16;
  --gd-orange-soft: #fff0dc;
  --gd-red-soft: #fde8e8;
  --gd-shadow-sm: var(--shadow-sm);
  --gd-shadow-md: var(--shadow-md);
  --gd-radius: var(--radius, 18px);
  color: var(--gd-ink);
  font-family: inherit;
  line-height: 1.5;
}
.gd-about * {
  box-sizing: border-box;
}
:where(.gd-about) a {
  color: inherit;
  text-decoration: none;
}
.gd-about .gd-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}
.gd-about .gd-btn-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
/* Кнопки — как .pz-btn/.rg-btn/.gr-btn: солидный акцент + outline. */
.gd-about .gd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.15s, box-shadow 0.15s;
}
.gd-about .gd-btn:hover {
  transform: translateY(-2px);
}
.gd-about .gd-btn.gd-primary {
  background: var(--gd-brand);
  color: var(--on-accent, #fff);
  box-shadow: 0 14px 30px color-mix(in oklab, var(--gd-brand) 28%, transparent);
}
.gd-about .gd-btn.gd-outline {
  background: transparent;
  border-color: var(--gd-line-2);
  color: var(--gd-ink);
}
.gd-about .gd-btn.gd-outline:hover {
  border-color: var(--gd-brand);
}
.gd-about .gd-btn.gd-ghost {
  background: var(--gd-brand-soft);
  color: var(--gd-brand-ink);
  border-color: color-mix(in oklab, var(--gd-brand) 15%, transparent);
}
.gd-about .gd-hero {
  padding: 72px 0 36px;
}
.gd-about .gd-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 0.85fr);
  gap: 42px;
  align-items: center;
}
.gd-about .gd-eyebrow {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 7px 13px;
  border: 1px solid color-mix(in oklab, var(--gd-brand) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--gd-brand) 8%, transparent);
  color: var(--gd-brand-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.gd-about h1,
.gd-about h2,
.gd-about h3 {
  margin: 0;
  line-height: 1.1;
  letter-spacing: -0.015em;
}
.gd-about h1 {
  margin-top: 16px;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--gd-ink);
  text-wrap: balance;
}
.gd-about .gd-subtitle {
  margin-top: 8px;
  color: var(--gd-brand-ink);
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 700;
  letter-spacing: -0.015em;
}
.gd-about .gd-lead {
  margin: 14px 0 0;
  font-size: 17px;
  color: var(--gd-muted);
  max-width: 62ch;
  text-wrap: pretty;
}
.gd-about .gd-hero-copy {
  margin: 14px 0 0;
  color: var(--gd-muted);
  max-width: 60ch;
  font-size: 15px;
  line-height: 1.65;
  text-wrap: pretty;
}
.gd-about .gd-formula {
  margin: 18px 0 0;
  padding: 16px 20px;
  border-left: 5px solid var(--gd-brand);
  border-radius: calc(var(--gd-radius)*0.8);
  background: var(--gd-bg);
  font-size: 14.5px;
  font-weight: 700;
  color: var(--gd-ink);
  max-width: 60ch;
  text-wrap: pretty;
}
.gd-about .gd-formula + .gd-btn-row {
  margin-top: 24px;
}
.gd-about .gd-hero-visual {
  position: relative;
  border-radius: calc(var(--gd-radius)*1.15);
  padding: 24px;
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  box-shadow: var(--gd-shadow-md);
  min-height: 580px;
}
.gd-about .gd-hero-visual::before {
  content: "";
  position: absolute;
  inset: 18px;
  border-radius: var(--gd-radius);
  background-image: linear-gradient(var(--gd-line) 1px, transparent 1px), linear-gradient(90deg, var(--gd-line) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle, #000 48%, transparent 76%);
  pointer-events: none;
}
.gd-about .gd-visual-title {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: center;
  margin-bottom: 18px;
}
.gd-about .gd-visual-title strong {
  color: var(--gd-ink);
  font-size: 17px;
  letter-spacing: -0.015em;
}
.gd-about .gd-metric {
  padding: 7px 10px;
  border-radius: 12px;
  background: var(--gd-green-soft);
  color: var(--gd-green);
  font-weight: 800;
  font-size: 12px;
}
.gd-about .gd-world-card {
  position: relative;
  z-index: 1;
  min-height: 230px;
  border-radius: var(--gd-radius);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  overflow: hidden;
  padding: 16px;
}
.gd-about .gd-world-dots {
  position: absolute;
  inset: 12px;
  opacity: 0.9;
}
.gd-about .gd-dot {
  position: absolute;
  width: var(--s);
  height: var(--s);
  left: var(--x);
  top: var(--y);
  border-radius: 999px;
  background: var(--c);
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--c) 13%, transparent);
}
.gd-about .gd-arc {
  position: absolute;
  border: 1px solid color-mix(in oklab, var(--gd-brand) 28%, transparent);
  border-bottom: 0;
  border-left: 0;
  border-radius: 50%;
  transform: rotate(var(--r));
}
.gd-about .gd-arc.gd-a1 {
  width: 210px;
  height: 74px;
  left: 110px;
  top: 68px;
  --r: 8deg;
}
.gd-about .gd-arc.gd-a2 {
  width: 180px;
  height: 58px;
  left: 235px;
  top: 92px;
  --r: -16deg;
  border-color: rgba(22, 132, 95, 0.28);
}
.gd-about .gd-arc.gd-a3 {
  width: 250px;
  height: 88px;
  left: 44px;
  top: 112px;
  --r: -10deg;
  border-color: rgba(181, 106, 32, 0.35);
}
.gd-about .gd-route {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 9px;
  margin-top: 14px;
}
.gd-about .gd-route-step {
  min-height: 82px;
  padding: 10px;
  border-radius: calc(var(--gd-radius)*0.7);
  background: var(--gd-bg);
  border: 1px solid var(--gd-line);
  font-size: 12px;
  color: var(--gd-muted);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.gd-about .gd-route-step b {
  color: var(--gd-ink);
  font-size: 13px;
}
.gd-about .gd-route-step::after {
  content: "\2192";
  color: var(--gd-brand-ink);
  font-weight: 900;
  align-self: flex-end;
}
.gd-about .gd-route-step:last-child::after {
  content: "\2713";
  color: var(--gd-green);
}
/* Карточка заказа в hero — светлая панель (в эталоне — navy-блок; сильно
 * тёмные фоны в светлой теме убраны, токены сами адаптируют её к тёмной). */
.gd-about .gd-order-card {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  border-radius: var(--gd-radius);
  padding: 18px;
  background: var(--gd-blue-soft);
  border: 1px solid var(--gd-line);
  color: var(--gd-ink);
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-order-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.gd-about .gd-order-head small {
  color: var(--gd-muted);
  display: block;
}
.gd-about .gd-pill {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--gd-brand) 10%, transparent);
  color: var(--gd-brand-ink);
  font-size: 12px;
  font-weight: 700;
}
.gd-about .gd-order-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.gd-about .gd-order-field {
  padding: 11px 12px;
  border-radius: 14px;
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
}
.gd-about .gd-order-field span {
  display: block;
  color: var(--gd-muted);
  font-size: 11px;
}
.gd-about .gd-order-field b {
  display: block;
  margin-top: 2px;
  font-size: 14px;
}
.gd-about section {
  padding: 36px 0;
}
.gd-about .gd-section-head {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: end;
  margin-bottom: 26px;
}
.gd-about .gd-section-head h2 {
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 700;
  line-height: 1.15;
  color: var(--gd-ink);
  max-width: 820px;
  text-wrap: balance;
}
.gd-about .gd-section-head p {
  margin: 0;
  color: var(--gd-muted);
  max-width: 520px;
  font-size: 15.5px;
  line-height: 1.6;
  text-wrap: pretty;
}
.gd-about .gd-kicker {
  color: var(--gd-brand-ink);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12.5px;
  margin-bottom: 10px;
}
.gd-about .gd-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.gd-about .gd-card {
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  border-radius: var(--gd-radius);
  padding: 22px;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-card h3 {
  color: var(--gd-ink);
  font-size: 16.5px;
  margin-bottom: 10px;
}
.gd-about .gd-card p {
  margin: 0;
  color: var(--gd-muted);
  font-size: 14px;
  line-height: 1.6;
}
.gd-about .gd-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: var(--gd-brand-ink);
  background: var(--gd-brand-soft);
  font-weight: 800;
}
.gd-about .gd-process {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
  counter-reset: step;
}
.gd-about .gd-process-card {
  position: relative;
  padding: 20px;
  border-radius: var(--gd-radius);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  min-height: 238px;
  overflow: hidden;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-process-card::before {
  counter-increment: step;
  content: counter(step, decimal-leading-zero);
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--gd-blue-soft);
  color: var(--gd-ink);
  font-weight: 800;
  margin-bottom: 18px;
}
.gd-about .gd-process-card::after {
  content: "";
  position: absolute;
  right: -28px;
  top: 42px;
  width: 56px;
  height: 2px;
  background: var(--gd-brand);
  opacity: 0.35;
}
.gd-about .gd-process-card:last-child::after {
  display: none;
}
.gd-about .gd-process-card h3 {
  font-size: 16.5px;
  color: var(--gd-ink);
}
.gd-about .gd-process-card p {
  color: var(--gd-muted);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 0;
}
.gd-about .gd-feature-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.gd-about .gd-feature {
  padding: 14px 15px;
  border-radius: calc(var(--gd-radius)*0.7);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  color: var(--gd-ink);
  font-size: 14px;
  font-weight: 600;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-feature::before {
  content: "\2022";
  color: var(--gd-brand-ink);
  font-size: 24px;
  vertical-align: -2px;
  margin-right: 8px;
}
.gd-about .gd-transparency {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 22px;
  align-items: stretch;
}
.gd-about .gd-map-panel,
.gd-about .gd-matrix-panel {
  border-radius: calc(var(--gd-radius)*1.15);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  padding: 22px;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-matrix-panel h3 {
  font-size: 16.5px;
}
.gd-about .gd-abstract-map {
  position: relative;
  min-height: 360px;
  border-radius: var(--gd-radius);
  overflow: hidden;
  background: linear-gradient(140deg, var(--gd-surface), var(--gd-bg));
  border: 1px solid var(--gd-line);
}
.gd-about .gd-land {
  position: absolute;
  border-radius: 48% 52% 46% 54%;
  opacity: 0.92;
  filter: drop-shadow(0 10px 20px rgba(16, 41, 71, 0.08));
}
.gd-about .gd-l1 {
  width: 170px;
  height: 88px;
  left: 7%;
  top: 25%;
  background: var(--gd-orange);
  transform: rotate(-12deg);
}
.gd-about .gd-l2 {
  width: 110px;
  height: 140px;
  left: 24%;
  top: 46%;
  background: var(--gd-amber);
  transform: rotate(18deg);
}
.gd-about .gd-l3 {
  width: 230px;
  height: 112px;
  left: 43%;
  top: 22%;
  background: var(--gd-green);
  transform: rotate(-4deg);
}
.gd-about .gd-l4 {
  width: 90px;
  height: 128px;
  left: 68%;
  top: 47%;
  background: var(--gd-amber);
  transform: rotate(10deg);
}
.gd-about .gd-l5 {
  width: 160px;
  height: 86px;
  right: 6%;
  top: 28%;
  background: var(--gd-brand);
  transform: rotate(13deg);
}
.gd-about .gd-l6 {
  width: 120px;
  height: 64px;
  right: 17%;
  bottom: 12%;
  background: var(--gd-green);
  transform: rotate(-6deg);
}
.gd-about .gd-scan-line {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.7), transparent);
  transform: translateX(-100%);
  animation: gd-scan 5s linear infinite;
}
@keyframes gd-scan {
  to {
    transform: translateX(100%);
  }
}
/* Анимация «сканера» декоративная — отключаем при prefers-reduced-motion
 * (рекомендация handoff). */
@media (prefers-reduced-motion: reduce) {
  .gd-about .gd-scan-line {
    animation: none;
  }
}
.gd-about .gd-legend {
  display: grid;
  gap: 10px;
  margin-top: 16px;
}
.gd-about .gd-legend-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: calc(var(--gd-radius)*0.7);
  background: var(--gd-bg);
  border: 1px solid var(--gd-line);
  font-size: 14px;
  font-weight: 600;
}
.gd-about .gd-swatch {
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: var(--c);
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--c) 13%, transparent);
}
.gd-about .gd-country-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 13px 0;
  border-bottom: 1px solid var(--gd-line);
  font-size: 14.5px;
}
.gd-about .gd-country-row:last-child {
  border-bottom: 0;
}
.gd-about .gd-bar {
  width: 132px;
  height: 9px;
  border-radius: 999px;
  background: var(--gd-blue-soft);
  overflow: hidden;
}
.gd-about .gd-bar span {
  display: block;
  height: 100%;
  width: var(--w);
  background: var(--c);
  border-radius: 999px;
}
.gd-about .gd-note {
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: calc(var(--gd-radius)*0.8);
  background: var(--gd-amber-soft);
  color: #654018;
  border: 1px solid rgba(181, 106, 32, 0.24);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.55;
}
.gd-about .gd-dossier-map {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  padding: 18px;
  border-radius: calc(var(--gd-radius)*1.15);
  background: var(--gd-bg);
  border: 1px solid var(--gd-line);
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-dossier-item {
  min-height: 172px;
  padding: 20px;
  border-radius: var(--gd-radius);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  position: relative;
  overflow: hidden;
}
.gd-about .gd-dossier-item::before {
  content: attr(data-num);
  position: absolute;
  right: 14px;
  top: 8px;
  color: color-mix(in oklab, var(--gd-brand) 10%, transparent);
  font-size: 58px;
  font-weight: 900;
  line-height: 1;
}
.gd-about .gd-dossier-item h3 {
  color: var(--gd-ink);
  font-size: 16.5px;
  margin-bottom: 8px;
}
.gd-about .gd-dossier-item p {
  margin: 0;
  color: var(--gd-muted);
  font-size: 14px;
  line-height: 1.6;
}
.gd-about .gd-products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.gd-about .gd-product {
  padding: 22px;
  border-radius: var(--gd-radius);
  border: 1px solid var(--gd-line);
  background: var(--gd-surface);
  position: relative;
  overflow: hidden;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-product::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--gd-brand), var(--gd-blue));
}
.gd-about .gd-product h3 {
  font-size: 16.5px;
}
.gd-about .gd-product p {
  color: var(--gd-muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 8px 0 0;
}
.gd-about .gd-mockup-grid {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 18px;
  align-items: start;
}
.gd-about .gd-mockup {
  border-radius: calc(var(--gd-radius)*1.15);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  box-shadow: var(--gd-shadow-md);
  overflow: hidden;
}
/* Шапка мокапа — светлая (в эталоне — navy); токены адаптируют к тёмной теме. */
.gd-about .gd-mockup-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 18px;
  background: var(--gd-bg);
  color: var(--gd-ink);
  border-bottom: 1px solid var(--gd-line);
  align-items: center;
}
.gd-about .gd-window-dots {
  display: flex;
  gap: 6px;
}
.gd-about .gd-window-dots span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--gd-line-2);
}
.gd-about .gd-form-shell {
  padding: 18px;
  display: grid;
  gap: 12px;
}
.gd-about .gd-field label {
  display: block;
  color: var(--gd-muted);
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 6px;
}
.gd-about .gd-field .gd-input,
.gd-about .gd-select,
.gd-about .gd-textarea {
  min-height: 43px;
  border-radius: 12px;
  border: 1px solid var(--gd-line-2);
  background: var(--gd-bg);
  padding: 10px 12px;
  color: var(--gd-muted);
  font-weight: 600;
}
.gd-about .gd-textarea {
  min-height: 78px;
}
.gd-about .gd-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.gd-about .gd-fake-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
}
.gd-about .gd-table-wrap {
  overflow-x: auto;
}
.gd-about .gd-fake-table th {
  text-align: left;
  color: var(--gd-muted);
  font-size: 12px;
  padding: 12px;
  background: var(--gd-bg);
  border-bottom: 1px solid var(--gd-line);
  white-space: nowrap;
}
.gd-about .gd-fake-table td {
  padding: 13px 12px;
  border-bottom: 1px solid var(--gd-line);
  color: var(--gd-ink);
  vertical-align: top;
}
.gd-about .gd-fake-table tr:last-child td {
  border-bottom: 0;
}
/* .gd-action-link в эталоне — якорные <a>; здесь это <button> в ячейках
 * мокапов, поэтому добавлен сброс UA-стилей кнопки. */
.gd-about .gd-action-link {
  color: var(--gd-brand-ink);
  font-weight: 700;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}
.gd-about .gd-status {
  display: inline-flex;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.gd-about .gd-status.gd-green {
  color: var(--gd-green);
  background: var(--gd-green-soft);
}
.gd-about .gd-status.gd-blue {
  color: var(--gd-ink);
  background: var(--gd-blue-soft);
}
.gd-about .gd-status.gd-amber {
  color: var(--gd-amber);
  background: var(--gd-amber-soft);
}
.gd-about .gd-status.gd-red {
  color: var(--gd-brand-ink);
  background: var(--gd-red-soft);
}
.gd-about .gd-archive-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  align-items: stretch;
}
.gd-about .gd-archive-step {
  position: relative;
  padding: 22px;
  border-radius: var(--gd-radius);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  min-height: 170px;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-archive-step:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -22px;
  top: 50%;
  width: 30px;
  height: 30px;
  border-top: 2px solid var(--gd-brand);
  border-right: 2px solid var(--gd-brand);
  transform: translateY(-50%) rotate(45deg);
  opacity: 0.35;
}
.gd-about .gd-archive-step strong {
  color: var(--gd-ink);
  font-size: 18px;
  display: block;
  margin-bottom: 8px;
}
.gd-about .gd-archive-step p {
  color: var(--gd-muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}
/* API-блок — как .gr-topology/.gr-truth в светлой теме: светлая панель с
 * синей подложкой (в эталоне — тёмный градиент); тёмная тема — ниже. */
.gd-about .gd-api-block {
  border-radius: calc(var(--gd-radius)*1.15);
  padding: 28px;
  background: color-mix(in oklab, var(--gd-blue) 6%, var(--gd-surface));
  border: 1px solid color-mix(in oklab, var(--gd-blue) 20%, var(--gd-line));
  color: var(--gd-ink);
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-api-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  margin: 22px 0;
}
.gd-about .gd-api-node {
  min-height: 88px;
  border-radius: calc(var(--gd-radius)*0.7);
  padding: 14px;
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.gd-about .gd-api-node:not(:last-child)::after {
  content: "\2192";
  position: absolute;
  right: -12px;
  color: var(--gd-brand-ink);
  opacity: 0.7;
  font-size: 22px;
  z-index: 1;
}
.gd-about .gd-api-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.gd-about .gd-api-card {
  border-radius: calc(var(--gd-radius)*0.7);
  padding: 16px;
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  color: var(--gd-muted);
  font-size: 14px;
}
.gd-about .gd-security-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.gd-about .gd-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.gd-about .gd-compare-col {
  border-radius: calc(var(--gd-radius)*1.15);
  padding: 24px;
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-compare-col h3 {
  font-size: 17.5px;
}
.gd-about .gd-compare-col.gd-accent {
  background: color-mix(in oklab, var(--gd-brand) 5%, var(--gd-surface));
  border-color: color-mix(in oklab, var(--gd-brand) 18%, var(--gd-line));
}
.gd-about .gd-compare-col.gd-accent h3 {
  color: var(--gd-brand-ink);
}
.gd-about .gd-compare-col ul {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}
.gd-about .gd-compare-col li {
  display: flex;
  gap: 10px;
  color: var(--gd-muted);
  font-size: 14.5px;
  line-height: 1.5;
}
.gd-about .gd-compare-col li::before {
  content: "\2014";
  color: var(--gd-ink-3);
  font-weight: 900;
}
.gd-about .gd-compare-col.gd-accent li::before {
  content: "\2713";
  color: var(--gd-green);
}
.gd-about .gd-limit-box {
  border-radius: calc(var(--gd-radius)*1.15);
  background: var(--gd-surface);
  border: 1px solid var(--gd-line);
  padding: 26px;
  box-shadow: var(--gd-shadow-sm);
}
.gd-about .gd-limit-box h2 {
  font-size: clamp(21px, 2.4vw, 28px);
}
.gd-about .gd-limit-box p {
  color: var(--gd-muted);
  font-size: 15px;
  line-height: 1.6;
  margin: 12px 0 0;
}
.gd-about .gd-final-cta {
  padding: 36px 0 72px;
}
/* Финальный CTA — как .pz-cta/.rg-cta/.gr-cta: в светлой теме — светлая
 * акцентная панель (в эталоне — тёмный градиент), в тёмной — общий тёмный
 * градиент страниц «О сервисе» (см. блок тёмной темы). */
.gd-about .gd-cta-card {
  border-radius: calc(var(--gd-radius)*1.15);
  padding: clamp(28px, 5vw, 54px);
  color: var(--gd-muted);
  background: color-mix(in oklab, var(--gd-brand) 6%, var(--gd-surface));
  border: 1px solid color-mix(in oklab, var(--gd-brand) 22%, var(--gd-line));
  box-shadow: var(--gd-shadow-sm);
  position: relative;
  overflow: hidden;
}
.gd-about .gd-cta-card::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -100px;
  width: 330px;
  height: 330px;
  border-radius: 50%;
  border: 56px solid color-mix(in oklab, var(--gd-brand) 7%, transparent);
}
.gd-about .gd-cta-card h2 {
  font-size: clamp(21px, 2.4vw, 28px);
  color: var(--gd-ink);
  max-width: 800px;
}
.gd-about .gd-cta-card p {
  max-width: 720px;
  color: var(--gd-muted);
  font-size: 15px;
  line-height: 1.6;
}
.gd-about .gd-cta-card .gd-btn {
  position: relative;
  z-index: 1;
}
@media (max-width: 1080px) {
  .gd-about .gd-hero-grid,
  .gd-about .gd-transparency,
  .gd-about .gd-mockup-grid {
    grid-template-columns: 1fr;
  }
  .gd-about .gd-hero-visual {
    min-height: auto;
  }
  .gd-about .gd-cards,
  .gd-about .gd-dossier-map,
  .gd-about .gd-products {
    grid-template-columns: repeat(2, 1fr);
  }
  .gd-about .gd-process {
    grid-template-columns: repeat(3, 1fr);
  }
  .gd-about .gd-feature-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .gd-about .gd-api-flow,
  .gd-about .gd-api-cards {
    grid-template-columns: 1fr;
  }
  .gd-about .gd-api-node:not(:last-child)::after {
    right: auto;
    bottom: -17px;
    transform: rotate(90deg);
  }
}
@media (max-width: 720px) {
  .gd-about .gd-container {
    padding: 0 18px;
  }
  .gd-about section {
    padding: 28px 0;
  }
  .gd-about .gd-hero {
    padding: 48px 0 28px;
  }
  .gd-about .gd-final-cta {
    padding: 28px 0 56px;
  }
  .gd-about .gd-hero-grid {
    gap: 24px;
  }
  .gd-about .gd-section-head {
    display: block;
  }
  .gd-about .gd-section-head p {
    margin-top: 12px;
  }
  .gd-about .gd-route {
    grid-template-columns: 1fr;
  }
  .gd-about .gd-cards,
  .gd-about .gd-process,
  .gd-about .gd-feature-grid,
  .gd-about .gd-dossier-map,
  .gd-about .gd-products,
  .gd-about .gd-archive-steps,
  .gd-about .gd-security-grid,
  .gd-about .gd-compare {
    grid-template-columns: 1fr;
  }
  .gd-about .gd-order-grid,
  .gd-about .gd-two-col {
    grid-template-columns: 1fr;
  }
  .gd-about .gd-world-card {
    min-height: 185px;
  }
  .gd-about .gd-abstract-map {
    min-height: 260px;
  }
  .gd-about .gd-archive-step:not(:last-child)::after {
    display: none;
  }
  .gd-about .gd-btn {
    flex: 1;
    min-width: 160px;
  }
}
/* конвертированные inline-стили эталона (точки карты, полосы, свотчи) */
.gd-about .gd-d1 {
  --x: 14%;
  --y: 36%;
  --s: 18px;
  --c: var(--gd-orange);
}
.gd-about .gd-d2 {
  --x: 28%;
  --y: 54%;
  --s: 13px;
  --c: var(--gd-amber);
}
.gd-about .gd-d3 {
  --x: 48%;
  --y: 31%;
  --s: 22px;
  --c: var(--gd-green);
}
.gd-about .gd-d4 {
  --x: 72%;
  --y: 46%;
  --s: 16px;
  --c: var(--gd-brand);
}
.gd-about .gd-d5 {
  --x: 82%;
  --y: 66%;
  --s: 12px;
  --c: var(--gd-green);
}
.gd-about .gd-d6 {
  --x: 61%;
  --y: 70%;
  --s: 10px;
  --c: var(--gd-amber);
}
.gd-about .gd-sw1 {
  --c: var(--gd-green);
}
.gd-about .gd-sw2 {
  --c: var(--gd-amber);
}
.gd-about .gd-sw3 {
  --c: var(--gd-orange);
}
.gd-about .gd-sw4 {
  --c: var(--gd-brand);
}
.gd-about .gd-bw1 {
  --w: 82%;
  --c: var(--gd-green);
}
.gd-about .gd-bw2 {
  --w: 76%;
  --c: var(--gd-green);
}
.gd-about .gd-bw3 {
  --w: 54%;
  --c: var(--gd-amber);
}
.gd-about .gd-bw4 {
  --w: 38%;
  --c: var(--gd-orange);
}
.gd-about .gd-bw5 {
  --w: 22%;
  --c: var(--gd-brand);
}
.gd-about .gd-api-block .gd-mb0 {
  margin-bottom: 0;
}
.gd-about .gd-api-block .gd-kicker-rose {
  color: var(--gd-brand-ink);
}
.gd-about .gd-api-block .gd-dimtext {
  color: var(--gd-muted);
}
/* ===== тёмная тема ===== */
[data-theme="dark"] .gd-about {
  --gd-blue-soft: rgba(130, 160, 215, 0.14);
  --gd-brand-soft: color-mix(in oklab, var(--accent) 18%, var(--paper));
  --gd-green: #41c08f;
  --gd-green-soft: rgba(40, 180, 130, 0.15);
  --gd-amber: #e0a35f;
  --gd-amber-soft: rgba(205, 145, 65, 0.15);
  --gd-orange: #ec9c4f;
  --gd-orange-soft: rgba(225, 140, 50, 0.14);
  --gd-red-soft: rgba(225, 90, 100, 0.16);
}
[data-theme="dark"] .gd-about .gd-scan-line {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
}
[data-theme="dark"] .gd-about .gd-dossier-item::before {
  color: color-mix(in oklab, var(--accent) 22%, transparent);
}
[data-theme="dark"] .gd-about .gd-note {
  background: rgba(205, 145, 65, 0.12);
  border-color: rgba(205, 145, 65, 0.32);
  color: #ecd2ac;
}
/* API-блок и финальный CTA в тёмной теме остаются теми же тонированными
 * панелями, что в светлой (как на остальных страницах «О сервисе») — фон при
 * переключении темы не меняется кардинально; доля оттенка гуще, потому что
 * 6% подмеса к тёмной бумаге почти не видно. */
[data-theme="dark"] .gd-about .gd-api-block {
  background: color-mix(in oklab, #8fa3d9 12%, var(--paper));
}
[data-theme="dark"] .gd-about .gd-cta-card {
  background: color-mix(in oklab, var(--gd-brand) 12%, var(--paper));
}
/*# sourceMappingURL=foreignCompanyPromo.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.foreign i {
  cursor: pointer;
}
.foreign i:hover {
  background-color: #ddd;
}
.foreign__inner {
  display: flex;
  flex-direction: column;
}
.foreign__info {
  display: flex;
  flex-direction: row;
}
.foreign__logo {
  flex-basis: 20%;
  align-self: center;
}
.foreign__logo img {
  border-radius: 3px;
}
.foreign__description {
  flex-basis: 80%;
}
.foreign__forms-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.foreign label {
  font-size: 12px;
}
.foreign .form {
  margin: 0.5em;
  border: 1px solid var(--border);
  border-radius: 3px;
}
.foreign__form {
  flex-basis: 100%;
  padding: 1em;
  margin: 0.5em;
  border: 1px solid var(--border);
  border-radius: 3px;
}
.foreign__form--executive {
  flex-basis: 94%;
  margin-top: 2em;
  display: flex;
  flex-direction: row;
}
.foreign__form-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
  margin: 0.5em 0;
  position: relative;
  padding-left: 1em;
}
.foreign__form-field label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.foreign__form-field--error {
  color: #b94a48;
}
.foreign__form-field--invisible {
  opacity: 0;
}
.foreign__form-comment {
  font-size: 12px;
  padding-left: 0.5em;
  font-weight: 300;
  font-style: italic;
}
.foreign__form-input {
  border-radius: 3px;
  border: 1px solid var(--border);
  padding-left: 0.5em;
  padding-right: 0.5em;
  flex-basis: 13em;
  height: 30px;
}
.foreign__form-input--long {
  flex-basis: 18em;
}
.foreign__form-input--date {
  height: 30px;
}
.foreign__form-input-button {
  position: absolute;
  right: 0;
  border-radius: 0 3px 3px 0;
}
.foreign__form-input-container {
  display: flex;
}
.foreign__form-caption {
  font-weight: 300;
}
.submit-button {
  margin-top: 1em;
}
/*# sourceMappingURL=foreignCompanyCreate.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.i {
  cursor: pointer;
}
.i:hover {
  background-color: #ddd;
}
.changes__list-element {
  padding: 1em;
  cursor: default;
}
.changes__filters {
  display: flex;
  flex-direction: row;
}
.changes__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.changes__filters--fz {
  display: flex;
  flex-direction: row;
}
.changes__filters--fz-element {
  margin: 0 1em;
}
.changes__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.changes__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.changes__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.changes__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.changes__caption-header {
  font-weight: bold;
  font-size: large;
}
.changes__client-entry {
  display: flex;
  flex-direction: row;
}
.changes__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.changes__contract {
  margin-top: 1em;
}
.changes__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.changes__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.changes__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.changes__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=foreignCompanyOrders.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.i {
  cursor: pointer;
}
.i:hover {
  background-color: #ddd;
}
.changes__list-element {
  padding: 1em;
  cursor: default;
}
.changes__filters {
  display: flex;
  flex-direction: row;
}
.changes__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.changes__filters--fz {
  display: flex;
  flex-direction: row;
}
.changes__filters--fz-element {
  margin: 0 1em;
}
.changes__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.changes__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.changes__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.changes__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.changes__caption-header {
  font-weight: bold;
  font-size: large;
}
.changes__client-entry {
  display: flex;
  flex-direction: row;
}
.changes__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.changes__contract {
  margin-top: 1em;
}
.changes__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.changes__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.changes__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.changes__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=foreignCompanyOrder.component.css.map */
/* research.component.less — стили страницы «Расширенное исследование».
 *
 * Всё скоупится под .research-page, чтобы generic-классы (.btn, .field,
 * .eyebrow, сбросы *) не задевали другие компоненты rsearch в том же
 * router-outlet (тот же приём, что в pricingPage.less). Переменные/обвязка —
 * в layout.less (--page/--paper/--ink/--accent…), тема переключается ими.
 *
 * Раскладка: шапка (1fr / formula-card) → воркспейс (форма / sticky-инфо,
 * align-items:start — sticky-колонка не уходит ниже формы) → 5 шагов на всю
 * ширину. КРИТИЧНО: ни на одном родителе не должно быть overflow:hidden/auto —
 * это сломало бы position:sticky инфо-колонки. */
.research-page {
  font-family: "Geist", system-ui, -apple-system, sans-serif;
  line-height: 1.55;
  color: var(--ink);
  /* ---- generic: eyebrow / field / buttons (порт дизайн-системы НКБ) ---- */
  /* ============ ШАПКА ============ */
  /* formula-card — единственный тёмный элемент, в обеих темах. */
  /* ============ ВОРКСПЕЙС ============ */
  /* теги цели */
  /* типы объекта */
  /* точная идентификация */
  /* чекбоксы */
  /* сроки */
  /* конфиденциальность */
  /* загрузка */
  /* ошибка / футер / сноска */
  /* аккордеон */
  /* ============ ИНФО-КОЛОНКА (sticky) ============ */
  /* ============ КАК ПРОХОДИТ РАБОТА ============ */
  /* ============ ЭКРАН УСПЕХА ============ */
  /* ============ АДАПТИВ ============ */
}
.research-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.research-page h1,
.research-page h2,
.research-page h3,
.research-page h4 {
  font-family: inherit;
}
.research-page button,
.research-page input,
.research-page select,
.research-page textarea {
  font-family: inherit;
}
.research-page button {
  cursor: pointer;
}
.research-page svg {
  display: block;
}
.research-page ::selection {
  background: color-mix(in oklab, var(--accent) 30%, transparent);
}
.research-page .research-inner {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding: 8px 0 40px;
}
.research-page .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-ink);
  padding: 5px 11px;
  border: 1px solid var(--accent-line);
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
}
.research-page .field {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.research-page .field-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
}
.research-page .field input,
.research-page .field textarea {
  font-family: inherit;
  font-size: 14.5px;
  color: var(--ink);
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 11px;
  padding: 12px 14px;
  transition: 0.15s;
  width: 100%;
}
.research-page .field textarea {
  resize: vertical;
  min-height: 84px;
  line-height: 1.5;
}
.research-page .field input:focus,
.research-page .field textarea:focus {
  outline: 0;
  border-color: var(--accent);
  background: var(--paper);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 18%, transparent);
}
.research-page .field input::placeholder,
.research-page .field textarea::placeholder {
  color: var(--ink-3);
}
.research-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.7);
  padding: 13px 20px;
  transition: 0.18s ease;
  white-space: nowrap;
}
.research-page .btn svg {
  transition: transform 0.18s ease;
}
.research-page .btn:hover svg {
  transform: translateX(2px);
}
.research-page .btn-primary {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}
.research-page .btn-primary:hover {
  background: color-mix(in oklab, var(--accent) 88%, #000);
  box-shadow: 0 8px 20px color-mix(in oklab, var(--accent) 40%, transparent);
}
.research-page .btn-outline {
  background: transparent;
  color: var(--ink);
  border-color: var(--line-2);
}
.research-page .btn-outline:hover {
  border-color: var(--accent);
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
}
.research-page .research-head {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 36px;
  align-items: center;
  padding: 8px 0 36px;
}
.research-page .research-h1 {
  font-size: calc(clamp(28px, 3.4vw, 42px) * var(--h-scale, 1));
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-top: 16px;
}
.research-page .research-lead {
  margin-top: 14px;
  font-size: 17px;
  color: var(--ink);
  font-weight: 500;
}
.research-page .research-sub {
  margin-top: 10px;
  font-size: 15px;
  color: var(--ink-2);
  max-width: 64ch;
  line-height: 1.6;
}
.research-page .rs-formula {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(160deg, #182c54, #0f1e3d 65%);
  color: #e8eefb;
  border: 1px solid color-mix(in oklab, var(--accent) 34%, transparent);
  border-radius: calc(var(--radius) * 0.85);
  padding: 22px 22px;
  box-shadow: var(--shadow-md);
  position: relative;
  overflow: hidden;
}
.research-page .rs-formula::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--accent);
}
.research-page .rs-formula strong {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}
.research-page .rs-formula span {
  font-size: 13px;
  color: #aebbdb;
  line-height: 1.5;
}
.research-page .rs-workspace {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 28px;
  align-items: start;
}
.research-page .research-card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}
.research-page .rs-order {
  padding: 28px clamp(20px, 2.4vw, 32px);
}
.research-page .rs-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 20px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--line);
}
.research-page .rs-card-head h2 {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.research-page .rs-card-head p {
  margin-top: 6px;
  font-size: 14px;
  color: var(--ink-2);
}
.research-page .rs-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
  color: var(--accent-ink);
  padding: 6px 11px;
  border: 1px solid var(--accent-line);
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent) 7%, var(--mix));
  white-space: nowrap;
}
.research-page .rs-status svg {
  width: 14px;
  height: 14px;
}
.research-page .rs-block {
  padding: 22px 0;
  border-bottom: 1px solid var(--line);
}
.research-page .rs-block:last-of-type {
  border-bottom: 0;
}
.research-page .rs-label {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 12px;
}
.research-page .rs-hint-p {
  font-size: 13px;
  color: var(--ink-2);
  margin: -6px 0 14px;
}
.research-page .rs-hint {
  color: var(--ink-3);
  font-weight: 400;
}
.research-page .rs-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.research-page .rs-tag {
  font-size: 13px;
  color: var(--ink-2);
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 999px;
  padding: 7px 13px;
  transition: 0.15s;
}
.research-page .rs-tag:hover {
  border-color: var(--accent);
  color: var(--accent-ink);
  background: color-mix(in oklab, var(--accent) 7%, var(--mix));
}
.research-page .rs-objtypes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.research-page .rs-objtype {
  font-size: 13.5px;
  font-weight: 500;
  color: var(--ink-2);
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  padding: 9px 15px;
  transition: 0.15s;
}
.research-page .rs-objtype:hover {
  border-color: var(--accent-line);
  color: var(--ink);
}
.research-page .rs-objtype.is-active {
  color: var(--on-accent);
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 4px 12px color-mix(in oklab, var(--accent) 30%, transparent);
}
.research-page .rs-ident {
  margin-top: 18px;
  padding: 16px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 14px;
}
.research-page .rs-ident-label {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
  margin-bottom: 12px;
}
.research-page .rs-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.research-page .rs-grid .rs-wide {
  grid-column: 1 / -1;
}
.research-page .rs-ident .field input {
  background: var(--paper);
}
.research-page .rs-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.research-page .rs-check {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  cursor: pointer;
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 11px;
  transition: 0.15s;
}
.research-page .rs-check input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.research-page .rs-check:hover {
  border-color: var(--accent-line);
}
.research-page .rs-check-box {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--line-2);
  border-radius: 6px;
  background: var(--paper);
  transition: 0.15s;
}
.research-page .rs-check-box svg {
  opacity: 0;
  color: var(--on-accent);
  transition: 0.12s;
}
.research-page .rs-check-label {
  font-size: 13.5px;
  color: var(--ink);
  line-height: 1.35;
}
.research-page .rs-check.is-on {
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
  border-color: var(--accent);
}
.research-page .rs-check.is-on .rs-check-box {
  background: var(--accent);
  border-color: var(--accent);
}
.research-page .rs-check.is-on .rs-check-box svg {
  opacity: 1;
}
.research-page .rs-urgency {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.research-page .rs-urg {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  padding: 16px;
  background: var(--soft);
  border: 1px solid var(--line-2);
  border-radius: 14px;
  transition: 0.15s;
}
.research-page .rs-urg:hover {
  border-color: var(--accent-line);
}
.research-page .rs-urg.is-active {
  background: color-mix(in oklab, var(--accent) 6%, var(--mix));
  border-color: var(--accent);
  box-shadow: 0 0 0 3px color-mix(in oklab, var(--accent) 16%, transparent);
}
.research-page .rs-urg-top {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}
.research-page .rs-urg.is-active .rs-urg-top {
  color: var(--accent-ink);
}
.research-page .rs-urg-time {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-2);
}
.research-page .rs-urg-note {
  font-size: 12.5px;
  color: var(--ink-3);
  line-height: 1.4;
}
.research-page .rs-notice {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  font-size: 12.5px;
  color: var(--ink-2);
  line-height: 1.5;
}
.research-page .rs-notice svg {
  flex-shrink: 0;
  margin-top: 1px;
  color: var(--ink-3);
}
.research-page .rs-confid p {
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.6;
  margin-bottom: 14px;
}
.research-page .rs-inline-check {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  font-size: 14px;
  color: var(--ink);
  font-weight: 500;
}
.research-page .rs-inline-check input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.research-page .rs-inline-check .rs-check-box {
  width: 20px;
  height: 20px;
}
.research-page .rs-inline-check.is-on .rs-check-box {
  background: var(--accent);
  border-color: var(--accent);
}
.research-page .rs-inline-check.is-on .rs-check-box svg {
  opacity: 1;
}
.research-page .rs-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  padding: 26px 20px;
  border: 1.5px dashed var(--line-2);
  border-radius: 16px;
  background: var(--soft);
  transition: 0.15s;
  cursor: pointer;
}
.research-page .rs-upload:hover {
  border-color: var(--accent);
  background: color-mix(in oklab, var(--accent) 4%, var(--mix));
}
.research-page .rs-upload-ic {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: color-mix(in oklab, var(--accent) 10%, var(--mix));
  color: var(--accent-ink);
}
.research-page .rs-upload strong {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--ink);
}
.research-page .rs-upload-sub {
  font-size: 12.5px;
  color: var(--ink-2);
  line-height: 1.5;
  max-width: 52ch;
}
.research-page .rs-error {
  margin-top: 18px;
  font-size: 14px;
  font-weight: 500;
  color: var(--danger);
  background: color-mix(in oklab, var(--danger) 8%, var(--mix));
  border: 1px solid color-mix(in oklab, var(--danger) 30%, transparent);
  border-radius: 11px;
  padding: 12px 14px;
}
.research-page .rs-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
}
.research-page .rs-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.research-page .rs-afternote {
  margin-top: 14px;
  font-size: 12.5px;
  color: var(--ink-3);
  line-height: 1.55;
}
.research-page .rs-agreement {
  margin-top: 22px;
  border-top: 1px solid var(--line);
  padding-top: 18px;
}
.research-page .rs-agree-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  text-align: left;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ink-2);
  background: transparent;
  border: 0;
  padding: 4px 0;
  transition: 0.15s;
}
.research-page .rs-agree-toggle:hover {
  color: var(--accent-ink);
}
.research-page .rs-agree-toggle svg {
  flex-shrink: 0;
  color: var(--accent-ink);
}
.research-page .rs-agree-body {
  margin-top: 14px;
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.6;
}
.research-page .rs-agree-body > p {
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--ink);
}
.research-page .rs-agree-body ol {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.research-page .rs-agree-body li {
  padding-left: 4px;
}
.research-page .rs-aside {
  position: sticky;
  top: 150px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.research-page .rs-info {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
  padding: 20px 20px;
}
.research-page .rs-info h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 14px;
}
.research-page .rs-info-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.research-page .rs-info-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: var(--ink-2);
  line-height: 1.4;
}
.research-page .rs-dot {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.research-page .rs-dot-check {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: color-mix(in oklab, var(--accent) 14%, var(--mix));
  color: var(--accent-ink);
  margin-top: 1px;
}
.research-page .rs-dot-num {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  background: var(--soft-2);
  color: var(--ink-2);
  margin-top: 1px;
}
.research-page .rs-method p {
  font-size: 12.5px;
  color: var(--ink-3);
  line-height: 1.6;
}
.research-page .rs-method p + p {
  margin-top: 10px;
}
.research-page .rs-process-card {
  margin-top: 28px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 28px clamp(20px, 2.4vw, 32px);
}
.research-page .rs-process-card > h2 {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 22px;
}
.research-page .rs-process {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.research-page .rs-step {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px;
  background: var(--soft);
  border: 1px solid var(--line);
  border-radius: 16px;
}
.research-page .rs-step-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 700;
  color: var(--on-accent);
  background: var(--accent);
  box-shadow: 0 4px 12px color-mix(in oklab, var(--accent) 28%, transparent);
}
.research-page .rs-step h3 {
  font-size: 15px;
  font-weight: 700;
  color: var(--ink);
}
.research-page .rs-step p {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.5;
}
.research-page .research-success {
  max-width: 640px;
  margin: 24px auto 0;
  text-align: center;
  padding: 44px clamp(24px, 4vw, 48px);
}
.research-page .success-ic {
  display: grid;
  place-items: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 18px;
  border-radius: 50%;
  color: var(--on-accent);
  background: var(--accent);
  box-shadow: 0 10px 28px color-mix(in oklab, var(--accent) 35%, transparent);
}
.research-page .research-success h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.research-page .research-success p {
  margin: 14px auto 24px;
  font-size: 15px;
  color: var(--ink-2);
  line-height: 1.6;
  max-width: 52ch;
}
@media (max-width: 1040px) {
  .research-page {
    /* на планшете инфо-колонка идёт под формой в 2 столбца, static */
  }
  .research-page .research-head {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .research-page .rs-workspace {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .research-page .rs-aside {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .research-page .rs-aside .rs-info {
    flex: 1 1 280px;
  }
  .research-page .rs-process {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .research-page .rs-checks,
  .research-page .rs-urgency,
  .research-page .rs-grid {
    grid-template-columns: 1fr;
  }
  .research-page .rs-aside {
    flex-direction: column;
  }
  .research-page .rs-process {
    grid-template-columns: 1fr;
  }
  .research-page .rs-card-head {
    flex-direction: column;
  }
}
/*# sourceMappingURL=research.component.css.map */
/* docs.component.less — стили посадочной страницы «Документация».
 *
 * Порт блока .doc-* из канонического референса
 * (tmp/handoff-docs/docs-page-reference.html). Всё скоупится под .docs-page,
 * чтобы generic-классы (.eyebrow, .btn, .hero-grid-bg, сбросы *) не задевали
 * другие компоненты rsearch в том же router-outlet (тот же приём, что в
 * research.component.less / pricingPage.less). Переменные/тема — из layout.less
 * (--page/--paper/--ink/--accent…); .doc-* взяты из референса 1:1.
 *
 * Раскладка ≤ 1 экрана: .doc-page вертикально центрирует контент; min-height
 * считается от реальной высоты шапки (--header-h) за вычетом inset-паддинга
 * .layout-main--inset (28px сверху + 12px снизу), чтобы страница помещалась без
 * прокрутки (в прототипе было фикс. 110px чужой шапки). Декоративная сетка
 * .hero-grid-bg уводится маской в правый верхний угол; .doc-page overflow:hidden
 * её обрезает. */
.docs-page {
  font-family: "Geist", system-ui, -apple-system, sans-serif;
  line-height: 1.55;
  color: var(--ink);
  /* ---- generic: eyebrow / buttons (порт дизайн-системы НКБ) ---- */
  /* ---- фоновая сетка (по умолчанию — тёмная, светлая тема переопределяет) ---- */
  /* ===== Документация (.doc-*) — копия из styles.css прототипа ===== */
}
.docs-page * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.docs-page h1,
.docs-page h3 {
  font-family: inherit;
}
.docs-page button {
  font-family: inherit;
  cursor: pointer;
}
.docs-page svg {
  display: block;
}
.docs-page ::selection {
  background: color-mix(in oklab, var(--accent) 30%, transparent);
}
.docs-page .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--accent-ink);
  padding: 5px 11px;
  border: 1px solid var(--accent-line);
  border-radius: 999px;
  background: color-mix(in oklab, var(--accent) 8%, var(--mix));
}
.docs-page .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  border: 1px solid transparent;
  border-radius: calc(var(--radius) * 0.7);
  padding: 13px 20px;
  transition: 0.18s ease;
  white-space: nowrap;
}
.docs-page .btn-primary {
  background: var(--accent);
  color: var(--on-accent);
  border-color: var(--accent);
}
.docs-page .btn-primary:hover {
  background: color-mix(in oklab, var(--accent) 88%, #000);
  box-shadow: 0 8px 20px color-mix(in oklab, var(--accent) 40%, transparent);
}
.docs-page .doc-cta .btn svg {
  transition: transform 0.18s ease;
}
.docs-page .doc-cta .btn:hover svg {
  transform: translate(2px, -2px);
}
.docs-page .hero-grid-bg {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  pointer-events: none;
  background-image: linear-gradient(rgba(140, 165, 220, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(140, 165, 220, 0.06) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 82% 28%, #000, transparent 70%);
  mask-image: radial-gradient(ellipse 70% 70% at 82% 28%, #000, transparent 70%);
}
.docs-page .doc-page {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  min-height: calc(100vh - var(--header-h, 129px) - 40px);
}
.docs-page .doc-wrap {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  width: 100%;
}
.docs-page .doc-title {
  font-size: calc(clamp(30px, 3.6vw, 44px) * var(--h-scale, 1));
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.08;
  margin: 16px 0 0;
  text-wrap: balance;
}
.docs-page .doc-lead {
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.6;
  color: var(--ink-2);
  max-width: 66ch;
}
.docs-page .doc-lead a,
.docs-page .doc-sub a {
  color: var(--accent-ink);
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--accent-line);
  text-underline-offset: 3px;
  transition: 0.15s;
}
.docs-page .doc-lead a:hover,
.docs-page .doc-sub a:hover {
  text-decoration-color: var(--accent);
}
.docs-page .doc-lead strong {
  color: var(--ink);
  font-weight: 600;
}
.docs-page .doc-layout {
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 40px;
  align-items: start;
}
.docs-page .doc-stats {
  margin-top: 22px;
  display: flex;
  gap: 14px;
}
.docs-page .doc-stat {
  flex: 1;
  padding: 14px 16px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.docs-page .doc-stat b {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--accent-ink);
}
.docs-page .doc-stat span {
  font-size: 12.5px;
  color: var(--ink-3);
  line-height: 1.3;
}
.docs-page .doc-sub {
  margin-top: 20px;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--ink-3);
  max-width: 60ch;
}
.docs-page .doc-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.docs-page .doc-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 24px;
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  transition: 0.18s ease;
  color: var(--ink);
}
.docs-page .doc-card:hover {
  border-color: var(--accent);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.docs-page .doc-card-ic {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: color-mix(in oklab, var(--accent) 12%, var(--mix));
  color: var(--accent-ink);
  border: 1px solid var(--accent-line);
}
.docs-page .doc-card h3 {
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -0.01em;
  margin-top: 4px;
}
.docs-page .doc-card p {
  font-size: 14.5px;
  color: var(--ink-2);
  line-height: 1.5;
}
.docs-page .doc-card-url {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Geist Mono", ui-monospace, monospace;
  font-size: 13px;
  color: var(--accent-ink);
  padding-top: 12px;
  border-top: 1px solid var(--line);
}
.docs-page .doc-card-url svg {
  transition: transform 0.18s ease;
}
.docs-page .doc-card:hover .doc-card-url svg {
  transform: translate(2px, -2px);
}
.docs-page .doc-cta {
  margin-top: 24px;
}
@media (max-width: 860px) {
  .docs-page .doc-layout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .docs-page .doc-stats {
    flex-wrap: wrap;
  }
}
/* Светлая тема — сетка переключается на светлые линии (как в pricingPage). */
[data-theme="light"] .docs-page .hero-grid-bg {
  background-image: linear-gradient(rgba(60, 80, 130, 0.06) 1px, transparent 1px), linear-gradient(90deg, rgba(60, 80, 130, 0.06) 1px, transparent 1px);
}
/*# sourceMappingURL=docs.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.news-tab__view .loadingnews {
  margin: 12%;
  text-align: center;
}
.news-tab__view .tabs {
  height: 50px;
  margin-bottom: 10px;
}
.news-tab__view .tabs .activetab {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.news-tab__view .tabs .short-view {
  margin: 2px;
  outline: none;
  height: 30px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  padding: 2px;
}
.news-tab__view .news-list {
  position: relative;
  padding: 5px 7px 0;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--border);
  background-color: var(--bg-primary);
}
.news-tab__view .news-list .title {
  font-weight: bold;
  font-size: large;
}
.news-tab__view .news-list .created {
  color: var(--text-muted);
  font-weight: bold;
}
.news-tab__view .news-list .tiny {
  color: var(--text-light);
  padding: 5px;
  padding-bottom: 10px;
}
.news-tab__view .news-list .tiny img {
  max-width: 100%;
}
.news-tab__view .news-list .heading {
  padding-left: 5px;
}
.news-tab__view .news-list:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 5px 15px #777;
  transform: rotate(3deg);
}
.news-tab__view .news-list:hover {
  cursor: -webkit-grab;
  cursor: grab;
  border: 1px solid var(--border);
}
/*# sourceMappingURL=newsTab.styles.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.news-detail__view .back {
  margin: 10px;
}
.news-detail__view .back i {
  float: left;
}
.news-detail__view .news-list {
  position: relative;
  padding: 5px 7px 0;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--border);
  background-color: var(--bg-primary);
}
.news-detail__view .news-list .title {
  font-weight: bold;
  font-size: large;
}
.news-detail__view .news-list .created {
  color: var(--text-muted);
  font-weight: bold;
}
.news-detail__view .news-list .tiny {
  color: var(--text-light);
  padding: 20px;
}
.news-detail__view .news-list .tiny img {
  max-width: 100%;
}
.news-detail__view .news-list .heading {
  padding: 10px;
}
.news-detail__view .news-list:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 10px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  box-shadow: 0 5px 15px #777;
  transform: rotate(3deg);
}
.news-detail__view .news-list:hover {
  cursor: -webkit-grab;
  cursor: grab;
  border: 1px solid var(--border);
}
/*# sourceMappingURL=newsDetail.styles.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.egrul-statement__inner {
  display: flex;
  flex-direction: column;
}
.egrul-statement__forms-container {
  display: flex;
  flex-direction: row;
  align-self: center;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.egrul-statement__form {
  flex-basis: 45%;
  padding: 1em;
  margin: 0.5em;
  border: 1px solid var(--border);
  border-radius: 3px;
}
.egrul-statement__form--executive {
  flex-basis: 94%;
  margin-top: 2em;
  display: flex;
  flex-direction: row;
}
.egrul-statement__form-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 27em;
  font-size: 16px;
  margin: 0.5em 0;
  position: relative;
  padding-left: 1em;
}
.egrul-statement__form-field label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.egrul-statement__form-field--error {
  color: #b94a48;
}
.egrul-statement__form-field--invisible {
  opacity: 0;
}
.egrul-statement__form-comment {
  font-size: 12px;
  padding-left: 0.5em;
  font-weight: 300;
  font-style: italic;
}
.egrul-statement__form-input {
  border-radius: 3px;
  border: 1px solid var(--border);
  padding-left: 0.5em;
  padding-right: 0.5em;
  flex-basis: 13em;
  height: 30px;
}
.egrul-statement__form-input--long {
  flex-basis: 18em;
}
.egrul-statement__form-input--date {
  height: 30px;
}
.egrul-statement__form-input-button {
  position: absolute;
  right: 0;
  border-radius: 0 3px 3px 0;
}
.egrul-statement__form-input-container {
  display: flex;
}
.egrul-statement__form-caption {
  font-weight: 300;
}
.submit-button {
  margin-top: 1em;
}
/*# sourceMappingURL=egrulStatement.css.map */
/* «О сервисе» Регистрационного дела — стили встраиваемого блока .rg-about из
 * дизайн-handoff (sandbox/tmp/handoff-rg-about/rg-about.html). Всё заскоупено
 * под .rg-about, наружу ничего не протекает.
 *
 * Палитра/радиусы/тени НЕ захардкожены: переменные --rg-* переопределены
 * токенами дизайн-системы лейаута (src/ng2/layout/layout.less) — блок сам
 * подхватывает акцент, тёмную тему и пользовательское скругление. Остальные
 * правила — как в эталоне, не трогаем. Локальное меню-якоря сюда не
 * переносилось: оно рендерится в subnav шапки (layout.less). */
.rg-about {
  /* --- токены: маппинг на дизайн-систему хоста --- */
  --rg-accent: var(--accent);
  /* основной акцент (бордо) */
  --rg-accent-ink: var(--accent-ink);
  /* акцент для текста */
  --rg-navy-a: var(--navy-grad-a);
  /* тёмный градиент, точка A */
  --rg-navy-b: var(--navy-grad-b);
  /* тёмный градиент, точка B */
  --rg-ink: var(--ink);
  /* основной текст */
  --rg-ink-2: var(--ink-2);
  /* вторичный текст */
  --rg-ink-3: var(--ink-3);
  /* приглушённый текст */
  --rg-paper: var(--paper);
  /* фон карточек */
  --rg-soft: var(--soft);
  /* мягкая подложка */
  --rg-line: var(--line);
  /* границы */
  --rg-line-2: var(--line-2);
  /* границы (формы) */
  --rg-radius: var(--radius, 18px);
  --rg-shadow-sm: var(--shadow-sm);
  --rg-shadow-md: var(--shadow-md);
  color: var(--rg-ink);
  font-family: inherit;
  line-height: 1.5;
}
.rg-about * {
  box-sizing: border-box;
}
.rg-about .rg-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px;
}
/* --- общие элементы --- */
.rg-about .rg-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid color-mix(in oklab, var(--rg-accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--rg-accent) 8%, transparent);
  color: var(--rg-accent-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.rg-about .rg-title {
  margin: 16px 0 0;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-wrap: balance;
}
.rg-about .rg-lead {
  margin: 14px 0 0;
  font-size: 17px;
  color: var(--rg-ink-2);
  max-width: 62ch;
  text-wrap: pretty;
}
.rg-about .rg-copy {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--rg-ink-2);
  max-width: 60ch;
  text-wrap: pretty;
}
.rg-about .rg-sub {
  margin-top: 72px;
}
.rg-about .rg-sub-title {
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0;
  text-wrap: balance;
}
.rg-about .rg-sub-lead {
  margin: 12px 0 26px;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--rg-ink-2);
  max-width: 68ch;
  text-wrap: pretty;
}
.rg-about .rg-h4 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.rg-about .rg-p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--rg-ink-2);
  text-wrap: pretty;
}
.rg-about .rg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.15s, box-shadow 0.15s;
}
.rg-about .rg-btn:hover {
  transform: translateY(-2px);
}
.rg-about .rg-btn-primary {
  background: var(--rg-accent);
  color: var(--on-accent, #fff);
  box-shadow: 0 14px 30px color-mix(in oklab, var(--rg-accent) 28%, transparent);
}
.rg-about .rg-btn-outline {
  background: transparent;
  border-color: var(--rg-line-2);
  color: var(--rg-ink);
}
.rg-about .rg-btn-outline:hover {
  border-color: var(--rg-accent);
}
/* --- 1. интро: копия + форма поиска --- */
.rg-about .rg-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 48px;
  align-items: center;
}
.rg-about .rg-actions {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.rg-about .rg-visual {
  background: var(--rg-paper);
  border: 1px solid var(--rg-line);
  border-radius: calc(var(--rg-radius)*1.15);
  padding: 18px;
  box-shadow: var(--rg-shadow-md);
}
.rg-about .rg-search {
  padding: 18px;
  border: 1px solid var(--rg-line);
  border-radius: calc(var(--rg-radius)*0.8);
  background: var(--rg-soft);
}
.rg-about .rg-search label {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--rg-ink-2);
  line-height: 1.45;
}
.rg-about .rg-fake-input {
  min-height: 52px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border-radius: 12px;
  background: var(--rg-paper);
  border: 1px solid var(--rg-line-2);
  color: var(--rg-ink-3);
  font-size: 14px;
}
.rg-about .rg-docs {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.rg-about .rg-doc {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--rg-soft);
  border: 1px solid var(--rg-line);
}
.rg-about .rg-doc strong {
  display: block;
  font-size: 14px;
}
.rg-about .rg-doc div span {
  font-size: 12.5px;
  color: var(--rg-ink-2);
}
.rg-about .rg-badge {
  align-self: flex-start;
  flex-shrink: 0;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  color: var(--rg-accent-ink);
  background: color-mix(in oklab, var(--rg-accent) 12%, transparent);
  white-space: nowrap;
}
/* --- сплит-блоки (2 и 5) --- */
.rg-about .rg-split {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 34px;
  align-items: start;
}
.rg-about .rg-split .rg-sub-lead {
  margin-bottom: 0;
}
.rg-about .rg-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rg-about .rg-list li {
  position: relative;
  padding: 15px 18px 15px 44px;
  border: 1px solid var(--rg-line);
  border-radius: calc(var(--rg-radius)*0.7);
  background: var(--rg-paper);
  font-size: 14.5px;
  line-height: 1.5;
  box-shadow: var(--rg-shadow-sm);
}
.rg-about .rg-list li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 21px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--rg-accent);
}
/* --- 3. возможности (4 шага) и 6. задачи --- */
.rg-about .rg-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.rg-about .rg-step {
  background: var(--rg-paper);
  border: 1px solid var(--rg-line);
  border-radius: var(--rg-radius);
  padding: 22px;
  box-shadow: var(--rg-shadow-sm);
}
.rg-about .rg-step-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--rg-line-2);
  border-radius: 10px;
  background: var(--rg-soft);
  font-size: 14px;
  color: var(--rg-accent-ink);
  font-weight: 600;
}
.rg-about .rg-step .rg-h4 {
  margin-top: 12px;
}
.rg-about .rg-scen {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
/* В блоке 6 («Для каких задач используется») сетка идёт сразу после заголовка
 * без подводки — в эталоне отступа нет (огрех handoff). Даём 26px, как у
 * .rg-sub-lead перед сетками остальных секций. */
.rg-about .rg-sub-title + .rg-scen {
  margin-top: 26px;
}
.rg-about .rg-scen-card {
  background: var(--rg-paper);
  border: 1px solid var(--rg-line);
  border-radius: var(--rg-radius);
  padding: 22px;
  box-shadow: var(--rg-shadow-sm);
}
/* --- 4. почему это важно (цветные карточки) ---
 * В светлой теме — светлые пастельные подложки в тех же оттенках, что тёмные
 * градиенты макета (сильно тёмных фонов в светлой теме нет — единый стиль
 * страниц «О сервисе»); №2 — бордовый #930028, зафиксирован по макету и НЕ
 * следует акцентной схеме темы (решение пользователя). В тёмной теме —
 * тёмные градиенты, осветлённые варианты из PROMPT.md (см. ниже). */
.rg-about .rg-why {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.rg-about .rg-why-card {
  padding: 24px;
  border-radius: var(--rg-radius);
  border: 1px solid var(--rg-line);
  box-shadow: var(--rg-shadow-sm);
}
.rg-about .rg-why-card:nth-child(1) {
  background: color-mix(in oklab, #3a4663 8%, var(--rg-paper));
}
.rg-about .rg-why-card:nth-child(2) {
  background: color-mix(in oklab, #930028 7%, var(--rg-paper));
  border-color: color-mix(in oklab, #930028 22%, var(--rg-line));
}
.rg-about .rg-why-card:nth-child(3) {
  background: color-mix(in oklab, #16264d 9%, var(--rg-paper));
}
.rg-about .rg-why-card:nth-child(4) {
  background: color-mix(in oklab, #45444f 8%, var(--rg-paper));
}
/* --- 7. таблица отличий --- */
.rg-about .rg-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--rg-line);
  border-radius: calc(var(--rg-radius)*1.15);
  background: var(--rg-paper);
  box-shadow: var(--rg-shadow-sm);
}
/* Как в блоках 6 и 9: таблица сразу после заголовка без подводки — те же 26px. */
.rg-about .rg-sub-title + .rg-table-wrap {
  margin-top: 26px;
}
.rg-about .rg-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}
.rg-about .rg-table th,
.rg-about .rg-table td {
  padding: 15px 20px;
  text-align: left;
  font-size: 14.5px;
  vertical-align: top;
  border-bottom: 1px solid var(--rg-line);
  width: 50%;
}
.rg-about .rg-table thead th {
  font-size: 15px;
  font-weight: 700;
  border-bottom: 2px solid var(--rg-line);
  padding-top: 18px;
}
.rg-about .rg-table th:last-child {
  color: var(--rg-accent-ink);
}
.rg-about .rg-table td:first-child {
  color: var(--rg-ink-2);
}
.rg-about .rg-table td:last-child {
  font-weight: 600;
  background: color-mix(in oklab, var(--rg-accent) 4%, var(--rg-paper));
}
.rg-about .rg-table tbody tr:last-child td {
  border-bottom: 0;
}
/* --- 8. простая форма / большой архив --- */
.rg-about .rg-archive {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 1.05fr);
  gap: 30px;
  align-items: center;
  background: var(--rg-soft);
  border: 1px solid var(--rg-line);
  border-radius: calc(var(--rg-radius)*1.15);
  padding: 32px;
}
.rg-about .rg-archive .rg-sub-lead {
  margin-bottom: 10px;
}
.rg-about .rg-shot {
  margin: 0;
  border: 1px solid var(--rg-line-2);
  border-radius: calc(var(--rg-radius)*0.8);
  background: var(--rg-paper);
  overflow: hidden;
  box-shadow: var(--rg-shadow-md);
}
.rg-about .rg-shot-bar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 16px;
  border-bottom: 1px solid var(--rg-line);
  font-size: 12.5px;
  color: var(--rg-ink-2);
}
.rg-about .rg-shot-body {
  padding: 16px 18px 18px;
}
.rg-about .rg-shot-title {
  font-weight: 700;
  margin-bottom: 10px;
}
.rg-about .rg-shot-field {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--rg-line);
  font-size: 13.5px;
}
.rg-about .rg-shot-field span {
  color: var(--rg-ink-2);
}
.rg-about .rg-shot-actions {
  display: grid;
  gap: 12px;
  margin-top: 16px;
  padding: 14px;
  border-radius: 12px;
  background: var(--rg-soft);
  border: 1px solid var(--rg-line);
}
.rg-about .rg-check {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  font-weight: 600;
  margin: 0;
}
.rg-about .rg-check input {
  width: 17px;
  height: 17px;
  accent-color: var(--rg-accent);
}
.rg-about .rg-shot-btn {
  justify-self: start;
}
.rg-about .rg-shot-cap {
  margin-top: 10px;
  font-size: 12.5px;
  color: var(--rg-ink-2);
}
/* --- 9. виды выписок --- */
.rg-about .rg-types {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
/* Как и в блоке 6: сетка сразу после заголовка без подводки — даём те же 26px. */
.rg-about .rg-sub-title + .rg-types {
  margin-top: 26px;
}
/* --- 10. оговорка --- */
.rg-about .rg-notice {
  background: color-mix(in oklab, var(--rg-accent) 6%, var(--rg-paper));
  border: 1px solid var(--rg-line);
  border-left: 6px solid var(--rg-accent);
  border-radius: calc(var(--rg-radius)*0.8);
  padding: 28px 30px;
  box-shadow: var(--rg-shadow-sm);
}
.rg-about .rg-notice-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.rg-about .rg-notice .rg-p {
  margin-top: 12px;
}
/* --- 11. CTA — в светлой теме светлая акцентная панель, в тёмной — общий
 * тёмный градиент страниц «О сервисе» (см. блок тёмной темы ниже) --- */
.rg-about .rg-cta {
  background: color-mix(in oklab, var(--rg-accent) 6%, var(--rg-paper));
  border: 1px solid color-mix(in oklab, var(--rg-accent) 22%, var(--rg-line));
  border-radius: calc(var(--rg-radius)*1.15);
  padding: clamp(32px, 5vw, 56px);
  text-align: center;
  color: var(--rg-ink-2);
  box-shadow: var(--rg-shadow-sm);
}
.rg-about .rg-cta-title {
  margin: 0;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--rg-ink);
  text-wrap: balance;
}
.rg-about .rg-cta-text {
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.6;
  max-width: 72ch;
  text-wrap: pretty;
}
.rg-about .rg-cta-strong {
  margin: 14px auto 0;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--rg-ink);
}
.rg-about .rg-cta-actions {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
/* --- тёмная тема: карточки «Почему это важно» и CTA остаются теми же
 * тонированными панелями, что в светлой — фон при переключении темы не
 * меняется кардинально. Оттенки те же (для сине-серых — осветлённые исходники
 * из PROMPT.md, иначе подмес к тёмной бумаге не виден), доля гуще. --- */
[data-theme="dark"] .rg-about .rg-why-card:nth-child(1) {
  background: color-mix(in oklab, #8fa3d9 11%, var(--rg-paper));
}
[data-theme="dark"] .rg-about .rg-why-card:nth-child(2) {
  background: color-mix(in oklab, #930028 25%, var(--rg-paper));
}
[data-theme="dark"] .rg-about .rg-why-card:nth-child(3) {
  background: color-mix(in oklab, #8fa3d9 15%, var(--rg-paper));
}
[data-theme="dark"] .rg-about .rg-why-card:nth-child(4) {
  background: color-mix(in oklab, #9a99a6 12%, var(--rg-paper));
}
[data-theme="dark"] .rg-about .rg-cta {
  background: color-mix(in oklab, var(--rg-accent) 12%, var(--rg-paper));
}
/* --- адаптив --- */
@media (max-width: 1020px) {
  .rg-about .rg-steps,
  .rg-about .rg-scen,
  .rg-about .rg-why {
    grid-template-columns: repeat(2, 1fr);
  }
  .rg-about .rg-types {
    grid-template-columns: 1fr;
  }
  .rg-about .rg-intro,
  .rg-about .rg-split,
  .rg-about .rg-archive {
    grid-template-columns: 1fr;
  }
  .rg-about .rg-visual {
    max-width: 560px;
  }
}
@media (max-width: 680px) {
  .rg-about .rg-container {
    padding: 48px 18px;
  }
  .rg-about .rg-sub {
    margin-top: 56px;
  }
  .rg-about .rg-steps,
  .rg-about .rg-scen,
  .rg-about .rg-why {
    grid-template-columns: 1fr;
  }
  .rg-about .rg-actions .rg-btn,
  .rg-about .rg-cta-actions .rg-btn {
    flex: 1;
    min-width: 160px;
  }
}
/*# sourceMappingURL=egrulStatementPromo.css.map */
/* «О сервисе» модуля «Пульс ЕГРЮЛ / ЕГРИП» — стили встраиваемого блока
 * .pl-about из дизайн-handoff (sandbox/tmp/handoff-pulse-about/pulse-about.html).
 * Всё заскоупено под .pl-about, наружу ничего не протекает.
 *
 * Палитра/радиусы/тени НЕ захардкожены: переменные --pl-* переопределены
 * токенами дизайн-системы лейаута (src/ng2/layout/layout.less) — блок сам
 * подхватывает акцент, тёмную тему и пользовательское скругление. Page-specific
 * акценты (зелёный «позитив/импакт», янтарный, тёмный фон строки API-потока)
 * оставлены значениями эталона: host-токенов под них нет, а тёмная строка API
 * по замыслу handoff остаётся тёмной в обеих темах (как тёмный градиент CTA).
 * Остальные правила — как в эталоне, не трогаем. Локальное меню-якоря сюда не
 * переносилось: оно рендерится в subnav шапки (layout.less, SERVICE_NAV). */
.pl-about {
  /* --- токены: маппинг на дизайн-систему хоста --- */
  --pl-accent: var(--accent);
  /* основной акцент (бордо) */
  --pl-accent-ink: var(--accent-ink);
  /* акцент для текста */
  --pl-navy-a: var(--navy-grad-a);
  /* тёмный градиент CTA, точка A */
  --pl-navy-b: var(--navy-grad-b);
  /* тёмный градиент CTA, точка B */
  --pl-ink: var(--ink);
  /* основной текст */
  --pl-ink-2: var(--ink-2);
  /* вторичный текст */
  --pl-ink-3: var(--ink-3);
  /* приглушённый текст */
  --pl-paper: var(--paper);
  /* фон карточек */
  --pl-soft: var(--soft);
  /* мягкая подложка */
  --pl-line: var(--line);
  /* границы */
  --pl-line-2: var(--line-2);
  /* границы (акценты) */
  --pl-good: #16845f;
  /* зелёный (позитивный тег, импакт) */
  --pl-warn: #f5b23c;
  /* янтарный (резерв тех. акцентов) */
  --pl-code-bg: #0e233d;
  /* тёмная строка API-потока */
  --pl-radius: var(--radius, 18px);
  --pl-shadow-sm: var(--shadow-sm);
  --pl-shadow-md: var(--shadow-md);
  color: var(--pl-ink);
  font-family: inherit;
  line-height: 1.5;
}
.pl-about * {
  box-sizing: border-box;
}
.pl-about .pl-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 64px 24px;
}
/* --- общие элементы --- */
.pl-about .pl-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid color-mix(in oklab, var(--pl-accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--pl-accent) 8%, transparent);
  color: var(--pl-accent-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pl-about .pl-title {
  margin: 16px 0 0;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-wrap: balance;
}
.pl-about .pl-lead {
  margin: 14px 0 0;
  font-size: 17px;
  color: var(--pl-ink-2);
  max-width: 62ch;
  text-wrap: pretty;
}
.pl-about .pl-copy {
  margin: 14px 0 0;
  font-size: 15px;
  color: var(--pl-ink-2);
  max-width: 64ch;
  text-wrap: pretty;
}
.pl-about .pl-sub {
  margin-top: 72px;
}
.pl-about .pl-sub-title {
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0;
  text-wrap: balance;
}
.pl-about .pl-sub-lead {
  margin: 12px 0 26px;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--pl-ink-2);
  max-width: 72ch;
  text-wrap: pretty;
}
.pl-about .pl-h4 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pl-about .pl-p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pl-ink-2);
  text-wrap: pretty;
}
.pl-about .pl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.15s, box-shadow 0.15s;
}
.pl-about .pl-btn:hover {
  transform: translateY(-2px);
}
.pl-about .pl-btn-primary {
  background: var(--pl-accent);
  color: var(--on-accent, #fff);
  box-shadow: 0 14px 30px color-mix(in oklab, var(--pl-accent) 28%, transparent);
}
.pl-about .pl-btn-outline {
  background: transparent;
  border-color: var(--pl-line-2);
  color: var(--pl-ink);
}
.pl-about .pl-btn-outline:hover {
  border-color: var(--pl-accent);
}
/* --- 1. интро: копия + лента событий --- */
.pl-about .pl-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 48px;
  align-items: center;
}
.pl-about .pl-actions {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.pl-about .pl-formula {
  margin: 24px 0 0;
  padding: 18px 22px;
  border-left: 5px solid var(--pl-accent);
  border-radius: 0 calc(var(--pl-radius)*0.6) calc(var(--pl-radius)*0.6) 0;
  background: var(--pl-paper);
  box-shadow: var(--pl-shadow-sm);
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--pl-ink);
  text-wrap: pretty;
}
.pl-about .pl-visual {
  background: var(--pl-paper);
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*1.15);
  padding: 18px;
  box-shadow: var(--pl-shadow-md);
}
.pl-about .pl-feed-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid var(--pl-line);
}
.pl-about .pl-feed-top strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
}
.pl-about .pl-feed-top span {
  font-size: 12px;
  color: var(--pl-ink-3);
}
.pl-about .pl-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  background: var(--pl-soft);
  color: var(--pl-ink-2);
}
.pl-about .pl-chip-live {
  color: var(--pl-accent-ink);
  background: color-mix(in oklab, var(--pl-accent) 12%, transparent);
}
.pl-about .pl-chip-live::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pl-accent);
}
.pl-about .pl-flow {
  display: grid;
  gap: 12px;
}
.pl-about .pl-flow-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  align-items: stretch;
}
.pl-about .pl-flow-card {
  padding: 14px;
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.7);
  background: var(--pl-paper);
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-flow-card strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.pl-about .pl-flow-sub {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--pl-ink-2);
}
.pl-about .pl-flow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}
.pl-about .pl-flow-arrow {
  display: grid;
  place-items: center;
  color: var(--pl-accent-ink);
  font-size: 22px;
  font-weight: 800;
}
.pl-about .pl-event {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 12px;
  align-items: start;
  padding: 13px;
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.7);
  background: var(--pl-paper);
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-event strong {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
.pl-about .pl-event > div > span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--pl-ink-2);
}
.pl-about .pl-event-ic {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
}
.pl-about .pl-ic-imp {
  background: var(--pl-accent);
}
.pl-about .pl-ic-ok {
  background: var(--pl-good);
}
.pl-about .pl-event-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.pl-about .pl-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  background: var(--pl-soft);
  color: var(--pl-ink-2);
}
.pl-about .pl-tag-imp {
  color: var(--pl-accent-ink);
  background: color-mix(in oklab, var(--pl-accent) 12%, transparent);
}
.pl-about .pl-tag-good {
  color: var(--pl-good);
  background: color-mix(in oklab, var(--pl-good) 12%, transparent);
}
/* --- 2 / 6 / 8. карточки-шаги --- */
.pl-about .pl-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.pl-about .pl-results {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pl-about .pl-step {
  position: relative;
  background: var(--pl-paper);
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  padding: 22px;
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-step-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--pl-line-2);
  border-radius: 10px;
  background: var(--pl-soft);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 14px;
  color: var(--pl-accent-ink);
  font-weight: 600;
  margin-bottom: 12px;
}
/* стрелки между узлами графа влияния */
.pl-about .pl-results .pl-step:not(:last-child)::after {
  content: "\2192";
  position: absolute;
  top: 50%;
  right: -18px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  color: var(--pl-accent-ink);
  background: var(--pl-paper);
  border: 1px solid var(--pl-line);
  border-radius: 999px;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
}
/* --- 3. список изменений (равные столбцы) --- */
.pl-about .pl-tags {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: 0 0 18px;
}
.pl-about .pl-tag-lg {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 58px;
  padding: 14px 18px;
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.7);
  background: var(--pl-paper);
  font-size: 14.5px;
  font-weight: 600;
  color: var(--pl-ink);
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-tag-lg::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pl-accent);
  flex-shrink: 0;
}
/* --- 4. важные / технические --- */
.pl-about .pl-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.pl-about .pl-card {
  background: var(--pl-paper);
  border: 1px solid var(--pl-line);
  border-left: 6px solid var(--pl-accent);
  border-radius: calc(var(--pl-radius)*0.85);
  padding: 26px;
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-card-tech {
  border-left-color: var(--pl-ink-3);
}
.pl-about .pl-list {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.pl-about .pl-list li {
  position: relative;
  padding: 14px 18px 14px 42px;
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.6);
  background: var(--pl-soft);
  font-size: 14px;
  line-height: 1.5;
}
.pl-about .pl-list li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 20px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pl-accent);
}
.pl-about .pl-card-tech .pl-list li::before {
  background: var(--pl-ink-3);
}
/* --- 5. списки наблюдения --- */
.pl-about .pl-watch {
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.85);
  overflow: hidden;
  background: var(--pl-paper);
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-watch-row {
  display: grid;
  grid-template-columns: 1.6fr 0.8fr 1fr 0.8fr;
  gap: 14px;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid var(--pl-line);
}
.pl-about .pl-watch-row:last-child {
  border-bottom: 0;
}
.pl-about .pl-watch-head {
  background: var(--pl-soft);
  font-size: 12.5px;
  font-weight: 700;
  color: var(--pl-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pl-about .pl-watch-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--pl-ink);
}
.pl-about .pl-watch-num {
  font-size: 15px;
  font-weight: 700;
  color: var(--pl-ink-2);
  font-variant-numeric: tabular-nums;
}
.pl-about .pl-watch-imp {
  color: var(--pl-accent-ink);
}
/* --- 6. импакт-строка --- */
.pl-about .pl-impact {
  margin-top: 22px;
  padding: 20px 24px;
  border: 1px solid color-mix(in oklab, var(--pl-good) 22%, transparent);
  border-radius: calc(var(--pl-radius)*0.8);
  color: var(--pl-good);
  background: color-mix(in oklab, var(--pl-good) 7%, var(--pl-paper));
  font-size: 17px;
  font-weight: 700;
  text-wrap: balance;
}
/* --- 7. дерево мутаций --- */
.pl-about .pl-tree {
  position: relative;
  padding-left: 28px;
  margin-top: 6px;
}
.pl-about .pl-tree::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 9px;
  width: 2px;
  background: var(--pl-line-2);
}
.pl-about .pl-tree-event {
  position: relative;
  margin-bottom: 16px;
  padding: 24px;
  border: 1px solid var(--pl-line);
  border-radius: calc(var(--pl-radius)*0.85);
  background: var(--pl-paper);
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-tree-event:last-child {
  margin-bottom: 0;
}
.pl-about .pl-tree-event::before {
  content: "";
  position: absolute;
  top: 28px;
  left: -27px;
  width: 14px;
  height: 14px;
  border: 3px solid var(--pl-paper);
  border-radius: 50%;
  background: var(--pl-accent);
  box-shadow: 0 0 0 2px var(--pl-accent);
}
.pl-about .pl-tree-tech::before {
  background: var(--pl-ink-3);
  box-shadow: 0 0 0 2px var(--pl-ink-3);
}
.pl-about .pl-tree-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--pl-ink-3);
}
.pl-about .pl-tree-title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.pl-about .pl-diff {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 6px;
}
.pl-about .pl-diff-box {
  padding: 14px;
  border-radius: calc(var(--pl-radius)*0.6);
  background: var(--pl-soft);
  border: 1px solid var(--pl-line);
  font-size: 14px;
  color: var(--pl-ink);
}
.pl-about .pl-diff-box b {
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  color: var(--pl-ink-3);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
/* --- 8. API / внутренний контур --- */
.pl-about .pl-api-strip {
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid #243e5d;
  border-radius: calc(var(--pl-radius)*0.7);
  color: #dbe7f5;
  background: var(--pl-code-bg);
  overflow-x: auto;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 14px;
}
/* --- 9. сценарии --- */
.pl-about .pl-scen {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pl-about .pl-scen-card {
  background: var(--pl-paper);
  border: 1px solid var(--pl-line);
  border-radius: var(--pl-radius);
  padding: 22px;
  box-shadow: var(--pl-shadow-sm);
}
/* --- 10. таблица отличий --- */
.pl-about .pl-cmp-scroll {
  overflow-x: auto;
}
.pl-about .pl-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}
.pl-about .pl-table th,
.pl-about .pl-table td {
  padding: 15px 20px;
  text-align: left;
  font-size: 14.5px;
  vertical-align: top;
  border-bottom: 1px solid var(--pl-line);
  width: 50%;
}
.pl-about .pl-table thead th {
  font-size: 15px;
  font-weight: 700;
  border-bottom: 2px solid var(--pl-line);
  padding-top: 18px;
}
.pl-about .pl-table th:last-child {
  color: var(--pl-accent-ink);
}
.pl-about .pl-table td:first-child {
  color: var(--pl-ink-2);
}
.pl-about .pl-table td:last-child {
  font-weight: 600;
  color: var(--pl-ink);
  background: color-mix(in oklab, var(--pl-accent) 4%, var(--pl-paper));
}
.pl-about .pl-table tbody tr:last-child td {
  border-bottom: 0;
}
/* --- 11. методологическая оговорка --- */
.pl-about .pl-note {
  background: color-mix(in oklab, var(--pl-accent) 6%, var(--pl-paper));
  border: 1px solid var(--pl-line);
  border-left: 6px solid var(--pl-accent);
  border-radius: calc(var(--pl-radius)*0.8);
  padding: 28px 30px;
  box-shadow: var(--pl-shadow-sm);
}
.pl-about .pl-note-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
/* --- 12. CTA --- */
.pl-about .pl-cta {
  background: linear-gradient(160deg, var(--pl-navy-a), var(--pl-navy-b));
  border-radius: calc(var(--pl-radius)*1.15);
  padding: clamp(32px, 5vw, 56px);
  text-align: center;
  color: #b9c4e0;
}
.pl-about .pl-cta-title {
  margin: 0;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: #fff;
  text-wrap: balance;
}
.pl-about .pl-cta-text {
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.6;
  max-width: 72ch;
  text-wrap: pretty;
}
.pl-about .pl-cta-actions {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.pl-about .pl-cta .pl-btn-outline {
  color: #eaf0ff;
  border-color: rgba(190, 205, 240, 0.32);
}
.pl-about .pl-cta .pl-btn-outline:hover {
  border-color: #fff;
  color: #fff;
}
/* --- адаптив --- */
@media (max-width: 1020px) {
  .pl-about .pl-intro,
  .pl-about .pl-two {
    grid-template-columns: 1fr;
  }
  .pl-about .pl-steps,
  .pl-about .pl-results,
  .pl-about .pl-scen {
    grid-template-columns: repeat(2, 1fr);
  }
  .pl-about .pl-visual {
    max-width: 600px;
  }
  .pl-about .pl-results .pl-step:not(:last-child)::after {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -18px;
    transform: translateX(-50%) rotate(90deg);
  }
  .pl-about .pl-results .pl-step:nth-child(2n):not(:last-child)::after {
    display: none;
  }
}
@media (max-width: 680px) {
  .pl-about .pl-container {
    padding: 44px 18px;
  }
  .pl-about .pl-sub {
    margin-top: 56px;
  }
  .pl-about .pl-steps,
  .pl-about .pl-results,
  .pl-about .pl-scen {
    grid-template-columns: 1fr;
  }
  .pl-about .pl-flow-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .pl-about .pl-flow-arrow {
    transform: rotate(90deg);
  }
  .pl-about .pl-watch-row {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .pl-about .pl-watch-head {
    display: none;
  }
  .pl-about .pl-watch-name {
    grid-column: 1 / -1;
  }
  .pl-about .pl-diff {
    grid-template-columns: 1fr;
  }
  .pl-about .pl-results .pl-step:nth-child(2n):not(:last-child)::after {
    display: grid;
  }
}
/*# sourceMappingURL=pulsePromo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
nkb-connections-ng2 {
  /* Меню разделов «О сервисе / Списки / Проверки связей» — общий .page-subnav
   * (layout.less): тот же subnav, что на странице «Продукты и услуги». */
  /* list-info */
  /* np-rsearch-node-traces */
  /* dropdown help */
}
nkb-connections-ng2 .tools.order {
  height: 45px;
  padding-top: 30px;
}
nkb-connections-ng2 .tools.order label.inside-list {
  display: inline-block;
  margin-left: 3px;
}
nkb-connections-ng2 .tools.order .order-btn {
  margin-top: -5px;
  border-color: var(--search-bg);
}
nkb-connections-ng2 .tools.order .check-options .filters {
  width: 400px;
  margin-left: 80px;
  margin-top: -5px;
}
nkb-connections-ng2 .tools.order .check-options .filters .span3 {
  width: 180px;
}
nkb-connections-ng2 .list-info {
  margin-bottom: 20px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
nkb-connections-ng2 .list-info .list-name:not(input) {
  position: relative;
  font-size: 24.5px;
  line-height: 30px;
  color: var(--text-light);
}
nkb-connections-ng2 .list-info .list-type {
  padding-top: 6px;
}
nkb-connections-ng2 li[class*="span"],
nkb-connections-ng2 form[class*="span"] {
  margin-left: 0;
}
nkb-connections-ng2 .tools > li {
  display: block;
}
nkb-connections-ng2 [np-rsearch-node-traces] .tools {
  margin: 0;
}
nkb-connections-ng2 [np-rsearch-node-traces] [np-connections-widgets-node-favorites] {
  display: none !important;
}
nkb-connections-ng2 [np-rsearch-node-traces] .trace-pager .page-prev,
nkb-connections-ng2 [np-rsearch-node-traces] .trace-pager .page-next,
nkb-connections-ng2 [np-rsearch-node-traces] .trace-pager .page-info {
  padding-top: 2px;
  padding-bottom: 2px;
}
nkb-connections-ng2 .page-info {
  font-stretch: normal;
}
nkb-connections-ng2 .dropdown-help > a {
  display: inline-block;
  margin-top: -2px;
}
nkb-connections-ng2 .dropdown-help .dropdown-menu {
  width: 600px;
  margin-top: -2px;
  padding: 10px 14px 0 14px;
  border-radius: 4px;
}
/*# sourceMappingURL=connections.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.connections-list__filters {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 50px 0 25px;
}
.connections-list__filters select {
  margin: 0 3px;
}
.connections-list__filters-label {
  color: var(--text-muted);
}
.connections-list__filters-buttons {
  display: flex;
  margin: 0 0 0 10px;
}
.connections-list__filters-log {
  padding: 5px 10px;
  font-weight: normal;
  border: 1px solid var(--text-muted);
  box-sizing: border-box;
  width: 100%;
}
.connections-list__filters-log-depth {
  position: absolute;
  top: -27px;
  left: 11px;
}
.connections-list__filters-log-title {
  font-size: 13px;
}
.connections-list__filters-log-option {
  font-style: italic;
  font-size: 13px;
}
.connections-list__connections {
  display: flex;
  text-align: right;
}
.connections-list__connections button {
  margin: 0 3px 6px 3px;
}
.connections-list__connections-wide {
  width: 100%;
}
.connections-list__paginator {
  padding: 1em;
}
.connections-list__list-container {
  display: flex;
  flex-direction: column;
  margin-top: 2em;
}
.connections-list-element__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 3em;
  padding: 0.5em 0;
  align-items: center;
}
.connections-list-element__inner .connections-list-element__toolbar {
  opacity: 0;
}
.connections-list-element__inner:hover a {
  color: #98012e;
}
.connections-list-element__inner:hover .connections-list-element__toolbar {
  opacity: 1;
  color: #3a87ad;
}
.connections-list-element__inner:hover .connections-list-element__toolbar a {
  color: #3a87ad;
}
.connections-list-element__inner:hover .muted {
  color: #98012e;
}
.connections-list-element__icon {
  flex-basis: 5%;
}
.connections-list-element__checkbox {
  flex-basis: 5%;
}
.connections-list-element__name {
  display: flex;
  flex-direction: row;
  flex-basis: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.connections-list-element__name a {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.connections-list-element__toolbar {
  flex-basis: 10%;
  color: #3a87ad;
}
.connections-list-element__toolbar a {
  margin-left: 1em;
}
.connections-list-element__toolbar a:hover {
  color: #98012e !important;
}
.connections-list-element__info {
  flex-basis: 30%;
  display: flex;
  justify-content: flex-end;
}
/*# sourceMappingURL=connectionsList.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
/* current-list */
nkb-connections-details-ng2 .list-entries {
  margin-bottom: 20px;
  box-sizing: border-box;
}
nkb-connections-details-ng2 .list-entries .list-entry {
  position: relative;
  min-height: 50px;
  margin-bottom: -1px;
  padding: 9px 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--border);
  background-color: var(--bg-primary);
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
nkb-connections-details-ng2 .list-entries .list-entry_full-view {
  margin-bottom: 20px;
}
nkb-connections-details-ng2 .list-item-checkbox {
  display: inline-block;
  min-width: 27px;
  padding-left: 7px;
}
nkb-connections-details-ng2 .list-item-edit {
  display: flex;
  flex-direction: row;
  vertical-align: middle;
}
nkb-connections-details-ng2 .list-entries .list-entry.shadow-lift-lb-corner:after {
  background-color: var(--bg-primary);
}
nkb-connections-details-ng2 .list-entries .list-entry .list-item-info {
  padding: 10px 13px 0 0;
}
nkb-connections-details-ng2 .list-entries .user-data-wrapper {
  margin-left: 10px;
  margin-top: 5px;
}
nkb-connections-details-ng2 .list-entries .user-data-wrapper .row {
  margin-left: 0;
}
nkb-connections-details-ng2 .list-entries .list-entry .user-data-label {
  padding: 0 5px 0 8px;
  color: var(--text-muted);
}
nkb-connections-details-ng2 .list-entries .list-entry .user-data {
  color: var(--text-muted);
}
nkb-connections-details-ng2 .list-entries .list-entry .user-data .text {
  color: var(--text-muted);
}
nkb-connections-details-ng2 .list-entries .list-entry .user-data [np-inline-edit] {
  font-size: 120%;
}
nkb-connections-details-ng2 .list-entries .list-entry .user-data [np-inline-edit] .inline-edit-on {
  top: -1px;
  visibility: hidden;
}
nkb-connections-details-ng2 .list-entries .list-entry:hover .user-data [np-inline-edit] .inline-edit-on {
  visibility: visible;
}
nkb-connections-details-ng2 .list-entries .list-entry .validation-info {
  padding: 5px 0 0 2px;
  color: var(--text-muted);
}
nkb-connections-details-ng2 .list-entries .list-entry [np-connections-node-info] {
  margin-bottom: -5px;
  padding: 10px 0 0 2px;
}
nkb-connections-details-ng2 .list-entries .list-entry [np-connections-node-info].INDIVIDUAL .node-header {
  margin-bottom: 5px;
}
nkb-connections-details-ng2 .list-item-header {
  padding: 0 0 10px 0;
}
nkb-connections-details-ng2 .list-item-header__ogrn {
  display: inline-block;
  width: 153px;
  padding: 0 0 0 33px;
}
nkb-connections-details-ng2 .list-item-header__name {
  display: inline-block;
  width: 401px;
}
nkb-connections-details-ng2 .list-item-header__since {
  display: inline-block;
  width: 137px;
}
nkb-connections-details-ng2 .list-item-header__status {
  display: inline-block;
  width: 100px;
}
nkb-connections-details-ng2 .list-item__view-wrap {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 4px;
  padding: 1px;
  cursor: pointer;
  border: 1px solid var(--border);
  border-radius: 3px;
  color: var(--text-input);
  font-size: 24px;
}
nkb-connections-details-ng2 .list-item__view-wrap_current {
  opacity: 0.3;
  cursor: default;
}
nkb-connections-details-ng2 .list-item__tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nkb-connections-details-ng2 .list-item__small-view {
  display: inline-block;
}
.connections__name {
  overflow: hidden;
  vertical-align: middle;
  display: inline-block;
  width: 400px;
  color: var(--link);
  text-overflow: ellipsis;
}
.connections-company {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.connections-company__item {
  position: relative;
  min-height: 42px;
  padding: 10px 5px;
  margin-bottom: -1px;
  border: 1px solid var(--panel-border);
  border-radius: 3px;
}
.connections-company__item-number {
  position: absolute;
  top: 10px;
  left: -30px;
  color: var(--text-muted);
}
.connections-company__item-part {
  padding: 0 10px;
}
.connections-company__item-part:empty {
  padding: 0;
}
.connections-company__item-part:first-child {
  padding-left: 0;
}
.connections-company__item-part:last-child {
  padding-right: 0;
}
.connections-company__item-date {
  display: inline-block;
  width: 140px;
}
.connections-company__item-active {
  color: #009a00;
}
.connections-company__item-liquidated {
  color: #b94a48;
}
.connections-company__item-intermediate {
  color: #ff9933;
}
.connections-company__item-info {
  position: relative;
  vertical-align: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #3a87ad;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-style: normal;
}
.connections-company__item-info:hover .connections-company__item-info-inside {
  display: inline-block;
}
.connections-company__item-info-inside {
  position: absolute;
  display: none;
  right: 0;
  bottom: 0;
  width: 300px;
  padding: 10px;
  background: #3a87ad;
  font-size: 13px;
}
.connections-individual {
  display: inline-block;
}
/*# sourceMappingURL=connectionsDetails.css.map */
/* «О сервисе» ПАЗЛ — стили встраиваемого блока .pz-about из дизайн-handoff
 * (sandbox/tmp/handoff-pazl-about/pazl-about.html). Всё заскоупено под
 * .pz-about, наружу ничего не протекает.
 *
 * Палитра/радиусы/тени НЕ захардкожены: переменные --pz-* переопределены
 * токенами дизайн-системы лейаута (src/ng2/layout/layout.less) — блок сам
 * подхватывает акцент, тёмную тему и пользовательское скругление. Остальные
 * правила — как в эталоне, не трогаем. Стили подменю (.pz-subnav) сюда не
 * переносились: подменю страницы рендерится в subnav шапки (layout.less). */
.pz-about {
  /* --- токены: маппинг на дизайн-систему хоста --- */
  --pz-accent: var(--accent);
  /* основной акцент (бордо) */
  --pz-accent-ink: var(--accent-ink);
  /* акцент для текста */
  --pz-navy: var(--navy);
  /* тёмно-синий (обводка узлов графа) */
  --pz-navy-a: var(--navy-grad-a);
  /* тёмный градиент, точка A */
  --pz-navy-b: var(--navy-grad-b);
  /* тёмный градиент, точка B */
  --pz-ink: var(--ink);
  /* основной текст */
  --pz-ink-2: var(--ink-2);
  /* вторичный текст */
  --pz-ink-3: var(--ink-3);
  /* приглушённый текст */
  --pz-paper: var(--paper);
  /* фон карточек */
  --pz-soft: var(--soft);
  /* мягкая подложка */
  --pz-line: var(--line);
  /* границы */
  --pz-line-2: var(--line-2);
  /* границы (пунктир) */
  --pz-warn: #f5b23c;
  /* янтарный (риск/оговорка) — нет хост-токена */
  --pz-radius: var(--radius, 18px);
  --pz-shadow-sm: var(--shadow-sm);
  --pz-shadow-md: var(--shadow-md);
  color: var(--pz-ink);
  font-family: inherit;
  line-height: 1.5;
}
.pz-about * {
  box-sizing: border-box;
}
.pz-about .pz-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px;
}
/* --- общие элементы --- */
.pz-about .pz-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid color-mix(in oklab, var(--pz-accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--pz-accent) 8%, transparent);
  color: var(--pz-accent-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.pz-about .pz-title {
  margin: 16px 0 0;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-wrap: balance;
}
.pz-about .pz-lead {
  margin: 14px 0 0;
  font-size: 17px;
  color: var(--pz-ink-2);
  max-width: 62ch;
  text-wrap: pretty;
}
.pz-about .pz-sub {
  margin-top: 72px;
}
.pz-about .pz-sub.is-center {
  text-align: center;
}
.pz-about .pz-sub.is-center .pz-sub-lead {
  margin-left: auto;
  margin-right: auto;
}
.pz-about .pz-sub-title {
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0;
  text-wrap: balance;
}
.pz-about .pz-sub-lead {
  margin: 12px 0 26px;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--pz-ink-2);
  max-width: 68ch;
  text-wrap: pretty;
}
.pz-about .pz-h4 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.pz-about .pz-p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--pz-ink-2);
  text-wrap: pretty;
}
.pz-about .pz-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.15s, box-shadow 0.15s;
}
.pz-about .pz-btn:hover {
  transform: translateY(-2px);
}
.pz-about .pz-btn-primary {
  background: var(--pz-accent);
  color: var(--on-accent, #fff);
  box-shadow: 0 14px 30px color-mix(in oklab, var(--pz-accent) 28%, transparent);
}
.pz-about .pz-btn-outline {
  background: transparent;
  border-color: var(--pz-line-2);
  color: var(--pz-ink);
}
.pz-about .pz-btn-outline:hover {
  border-color: var(--pz-accent);
}
/* --- 1. интро: копия + граф --- */
.pz-about .pz-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 48px;
  align-items: center;
}
.pz-about .pz-note {
  margin: 18px 0 0;
  padding: 16px 20px;
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius);
  background: var(--pz-soft);
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.55;
  max-width: 60ch;
  text-wrap: pretty;
}
.pz-about .pz-actions {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.pz-about .pz-visual {
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: calc(var(--pz-radius)*1.15);
  padding: 18px;
  box-shadow: var(--pz-shadow-md);
}
.pz-about .pz-graph {
  position: relative;
  min-height: 380px;
  border-radius: calc(var(--pz-radius)*0.8);
  overflow: hidden;
  background: linear-gradient(90deg, var(--pz-line) 1px, transparent 1px), linear-gradient(0deg, var(--pz-line) 1px, transparent 1px), var(--pz-soft);
  background-size: 38px 38px;
}
/* Обводка узлов — как у узлов SVG-графов «Графа связей» (.gr-node): тёмно-синяя
 * var(--navy) толщиной 2px (бледная --line терялась на сетчатом фоне .pz-graph). */
.pz-about .pz-gnode {
  position: absolute;
  display: grid;
  place-items: center;
  width: 108px;
  min-height: 56px;
  padding: 9px;
  border-radius: 14px;
  background: var(--pz-paper);
  border: 2px solid var(--pz-navy);
  box-shadow: var(--pz-shadow-sm);
  text-align: center;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.3;
  z-index: 2;
}
.pz-about .pz-gnode.is-primary {
  background: var(--pz-accent);
  border-color: var(--pz-accent);
  color: var(--on-accent, #fff);
}
.pz-about .pz-gnode.is-risk {
  background: color-mix(in oklab, var(--pz-warn) 16%, var(--pz-paper));
  border-color: color-mix(in oklab, var(--pz-warn) 55%, transparent);
  color: #7a4a00;
}
.pz-about .pz-n1 {
  left: 26px;
  top: 46px;
}
.pz-about .pz-n2 {
  left: 198px;
  top: 36px;
}
.pz-about .pz-n3 {
  right: 26px;
  top: 100px;
}
.pz-about .pz-n4 {
  left: 72px;
  bottom: 66px;
}
.pz-about .pz-n5 {
  left: 222px;
  bottom: 36px;
}
.pz-about .pz-n6 {
  right: 34px;
  bottom: 84px;
}
.pz-about .pz-edge {
  position: absolute;
  height: 2.5px;
  transform-origin: left center;
  border-radius: 999px;
  z-index: 1;
  background: linear-gradient(90deg, color-mix(in oklab, var(--pz-accent) 25%, transparent), var(--pz-accent));
}
.pz-about .pz-e1 {
  width: 120px;
  left: 128px;
  top: 76px;
  transform: rotate(-4deg);
}
.pz-about .pz-e2 {
  width: 130px;
  left: 296px;
  top: 94px;
  transform: rotate(21deg);
}
.pz-about .pz-e3 {
  width: 104px;
  left: 136px;
  bottom: 118px;
  transform: rotate(-22deg);
}
.pz-about .pz-e4 {
  width: 110px;
  left: 306px;
  bottom: 88px;
  transform: rotate(-13deg);
}
.pz-about .pz-e5 {
  width: 228px;
  left: 128px;
  top: 182px;
  transform: rotate(19deg);
  opacity: 0.5;
}
.pz-about .pz-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 14px;
}
.pz-about .pz-metric {
  padding: 14px;
  border-radius: calc(var(--pz-radius)*0.7);
  background: var(--pz-soft);
  border: 1px solid var(--pz-line);
}
.pz-about .pz-metric strong {
  display: block;
  font-size: 21px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--pz-accent-ink);
}
.pz-about .pz-metric span {
  display: block;
  margin-top: 4px;
  font-size: 12.5px;
  color: var(--pz-ink-2);
}
/* --- 2. вопросы (5 в ряд, центр) --- */
.pz-about .pz-qgrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pz-about .pz-q {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  text-align: left;
  padding: 18px 20px;
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  box-shadow: var(--pz-shadow-sm);
}
/* --- 3. шаги --- */
.pz-about .pz-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.pz-about .pz-results {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.pz-about .pz-step {
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius);
  padding: 22px;
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-step-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--pz-line-2);
  border-radius: 10px;
  background: var(--pz-soft);
  font-size: 14px;
  color: var(--pz-accent-ink);
  font-weight: 600;
}
.pz-about .pz-step .pz-h4 {
  margin-top: 12px;
}
.pz-about .pz-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.pz-about .pz-pills li {
  padding: 6px 11px;
  border-radius: 999px;
  background: color-mix(in oklab, var(--pz-accent) 8%, var(--pz-soft));
  color: var(--pz-accent-ink);
  font-size: 12.5px;
  font-weight: 700;
}
.pz-about .pz-flow {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 10px;
  padding: 18px 22px;
  border: 1px dashed var(--pz-line-2);
  border-radius: var(--pz-radius);
  background: var(--pz-soft);
  font-size: 14px;
  font-weight: 600;
}
.pz-about .pz-flow .pz-arrow {
  color: var(--pz-ink-3);
}
.pz-about .pz-flow .is-risk {
  color: var(--pz-accent-ink);
}
/* --- 4. сценарии --- */
.pz-about .pz-scen {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.pz-about .pz-scen-card {
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: var(--pz-radius);
  padding: 22px;
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-scen-ic {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--pz-accent) 8%, var(--pz-soft));
  margin-bottom: 14px;
  font-size: 21px;
  line-height: 1;
}
/* --- 5. реестры --- */
.pz-about .pz-reg {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 20px;
  align-items: stretch;
}
/* Карточка «Реестры» в светлой теме — светлая акцентная панель (тёмный
 * градиент эталона остаётся только в тёмной теме, см. блок ниже): сильно
 * тёмных фонов в светлой теме нет — единый стиль страниц «О сервисе». */
.pz-about .pz-reg-feat {
  background: color-mix(in oklab, var(--pz-accent) 7%, var(--pz-paper));
  border: 1px solid color-mix(in oklab, var(--pz-accent) 22%, var(--pz-line));
  border-radius: calc(var(--pz-radius)*1.15);
  padding: 30px;
  color: var(--pz-ink-2);
  box-shadow: var(--pz-shadow-sm);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.pz-about .pz-reg-ic {
  width: 48px;
  height: 48px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  background: color-mix(in oklab, var(--pz-accent) 12%, transparent);
  color: var(--pz-accent-ink);
  font-size: 23px;
  font-weight: 800;
  line-height: 1;
}
.pz-about .pz-reg-title {
  margin: 16px 0 0;
  font-size: clamp(20px, 2.2vw, 26px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.18;
  color: var(--pz-ink);
  text-wrap: balance;
}
.pz-about .pz-reg-feat p {
  margin: 12px 0 0;
  font-size: 14.5px;
  line-height: 1.6;
  text-wrap: pretty;
}
.pz-about .pz-card {
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: calc(var(--pz-radius)*1.15);
  padding: 28px;
  box-shadow: var(--pz-shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 14px;
  align-items: flex-start;
}
.pz-about .pz-reg .pz-card .pz-h4 {
  font-size: 19px;
}
.pz-about .pz-reg-list {
  margin: 4px 0 0;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--pz-ink-2);
  font-size: 14.5px;
  line-height: 1.55;
}
/* --- 6. скорость --- */
.pz-about .pz-speed {
  display: grid;
  grid-template-columns: 0.75fr 1.25fr;
  gap: 32px;
  align-items: center;
  background: var(--pz-paper);
  border: 1px solid var(--pz-line);
  border-radius: calc(var(--pz-radius)*1.15);
  padding: 34px;
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-speed-num {
  text-align: center;
}
.pz-about .pz-speed-num strong {
  display: block;
  font-size: clamp(44px, 6vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.045em;
  color: var(--pz-accent-ink);
  font-weight: 700;
}
.pz-about .pz-speed-num span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--pz-ink-2);
}
.pz-about .pz-speed .pz-p {
  font-size: 14.5px;
}
/* --- 7. таблица отличий --- */
.pz-about .pz-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--pz-line);
  border-radius: calc(var(--pz-radius)*1.15);
  background: var(--pz-paper);
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
}
.pz-about .pz-table th,
.pz-about .pz-table td {
  padding: 15px 20px;
  text-align: left;
  font-size: 14.5px;
  vertical-align: top;
  border-bottom: 1px solid var(--pz-line);
  width: 50%;
}
.pz-about .pz-table thead th {
  font-size: 15px;
  font-weight: 700;
  border-bottom: 2px solid var(--pz-line);
  padding-top: 18px;
}
.pz-about .pz-table th:last-child {
  color: var(--pz-accent-ink);
}
.pz-about .pz-table td:first-child {
  color: var(--pz-ink-2);
}
.pz-about .pz-table td:last-child {
  font-weight: 600;
  background: color-mix(in oklab, var(--pz-accent) 4%, var(--pz-paper));
}
.pz-about .pz-table tbody tr:last-child td {
  border-bottom: 0;
}
/* --- 9. оговорка --- */
.pz-about .pz-notice {
  background: color-mix(in oklab, var(--pz-warn) 7%, var(--pz-paper));
  border: 1px solid var(--pz-line);
  border-left: 6px solid var(--pz-warn);
  border-radius: calc(var(--pz-radius)*0.8);
  padding: 28px 30px;
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-notice-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.015em;
}
.pz-about .pz-notice .pz-p {
  margin-top: 12px;
}
/* --- 10. CTA — в светлой теме светлая акцентная панель, в тёмной — общий
 * тёмный градиент страниц «О сервисе» (см. блок тёмной темы ниже) --- */
.pz-about .pz-cta {
  background: color-mix(in oklab, var(--pz-accent) 6%, var(--pz-paper));
  border: 1px solid color-mix(in oklab, var(--pz-accent) 22%, var(--pz-line));
  border-radius: calc(var(--pz-radius)*1.15);
  padding: clamp(32px, 5vw, 56px);
  text-align: center;
  color: var(--pz-ink-2);
  box-shadow: var(--pz-shadow-sm);
}
.pz-about .pz-cta-title {
  margin: 0;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--pz-ink);
  text-wrap: balance;
}
.pz-about .pz-cta-text {
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.6;
  max-width: 72ch;
  text-wrap: pretty;
}
.pz-about .pz-cta-strong {
  margin: 14px auto 0;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--pz-ink);
}
.pz-about .pz-cta-actions {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
/* --- тёмная тема: «Реестры» и CTA остаются теми же акцентными панелями, что
 * в светлой — фон при переключении темы не меняется кардинально. Доля акцента
 * гуще: 6–7% подмеса к тёмной бумаге почти не видно. --- */
[data-theme="dark"] .pz-about .pz-reg-feat {
  background: color-mix(in oklab, var(--pz-accent) 14%, var(--pz-paper));
}
[data-theme="dark"] .pz-about .pz-cta {
  background: color-mix(in oklab, var(--pz-accent) 12%, var(--pz-paper));
}
/* --- тёмная тема: обводка обычных узлов графа (--navy) сливается с тёмным
 * фоном — осветляем в той же гамме, что у узлов графов «Графа связей».
 * Акцентный is-primary и янтарный is-risk не трогаем — :not(). --- */
[data-theme="dark"] .pz-about .pz-gnode:not(.is-primary):not(.is-risk) {
  border-color: color-mix(in oklab, var(--pz-navy) 40%, #a5b9e6);
}
/* --- тёмная тема: узел «Негативный реестр» перекрашен (рекомендация handoff —
 * тёмно-янтарный текст #7a4a00 нечитаем на тёмном фоне) --- */
[data-theme="dark"] .pz-about .pz-gnode.is-risk {
  color: #f5c97a;
  background: color-mix(in oklab, #f5b23c 14%, var(--pz-paper));
  border-color: color-mix(in oklab, #f5b23c 40%, transparent);
}
/* --- адаптив --- */
@media (max-width: 1020px) {
  .pz-about .pz-qgrid,
  .pz-about .pz-scen,
  .pz-about .pz-steps,
  .pz-about .pz-results {
    grid-template-columns: repeat(2, 1fr);
  }
  .pz-about .pz-reg,
  .pz-about .pz-speed,
  .pz-about .pz-intro {
    grid-template-columns: 1fr;
  }
  .pz-about .pz-visual {
    max-width: 560px;
  }
}
@media (max-width: 680px) {
  .pz-about .pz-container {
    padding: 48px 18px;
  }
  .pz-about .pz-sub {
    margin-top: 56px;
  }
  .pz-about .pz-qgrid,
  .pz-about .pz-scen,
  .pz-about .pz-steps,
  .pz-about .pz-results {
    grid-template-columns: 1fr;
  }
  .pz-about .pz-actions .pz-btn,
  .pz-about .pz-cta-actions .pz-btn {
    flex: 1;
    min-width: 160px;
  }
}
/*# sourceMappingURL=connections.promo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.not-viewed {
  font-weight: bold;
}
.result-list__inner {
  padding: 2em;
  font-size: 14px;
}
.result-list__paginator {
  flex-basis: 80%;
}
.result-list__toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 1em;
}
.result-list .order {
  display: block;
  padding: 2px 0;
  border-top: 1px solid #eee;
  cursor: pointer;
}
.result-list .order:hover {
  font-weight: bold;
}
.result-list__row {
  display: flex;
  flex-direction: row;
  padding: 20px 0 0;
}
.result-list__check {
  flex-basis: 10%;
}
.result-list__row-data {
  flex-basis: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.result-list__row-data .link {
  color: var(--link);
}
.result-list__row-data:hover .link {
  color: var(--accent);
  border-bottom-color: currentColor;
}
/*# sourceMappingURL=resultList.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.link-list__toolbox {
  display: flex;
}
.link-list__inner {
  margin-top: 1em;
}
.link-list__history-container {
  z-index: 1;
  position: relative;
  padding: 10px 0px;
  margin-bottom: 5px;
  text-align: center;
}
.link-list__history-caption {
  padding: 0 6px;
  color: var(--text-header-light);
  background-color: var(--bg-primary);
}
.link-list__history-caption::before {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  background-color: var(--border);
  width: 95%;
}
.link-list__number {
  color: var(--text-muted);
  position: absolute;
  top: 0;
  left: -2em;
  margin: 0;
}
.link-list .result-list-element nkb-favorites-dialog {
  top: 1.5em;
}
.link-list .result-list-element.on-report > span.ng2-on-report-badge {
  top: 3.4em;
}
.nkb-relation-table-inn-filter__inner span {
  color: var(--link-underline);
  cursor: pointer;
}
.inn-select {
  font-size: 13px !important;
  margin-right: 2em;
}
.inn-select select {
  width: 100%;
  padding-left: 2em;
  content: "";
}
.icon--danger {
  position: relative;
  vertical-align: 0;
  display: inline-block;
  width: 13px;
  height: 13px;
  background: #b94a48;
  border-radius: 50%;
  cursor: help;
  color: var(--bg-primary);
  text-align: center;
  font-size: 11px;
  font-style: normal;
  margin-right: 1em;
}
.danger {
  color: #bd362f;
}
.purchase-additional_info {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
}
/*# sourceMappingURL=linksList.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.product-link {
  position: relative;
}
.main {
  /* Группа справа: форма логина + переключатель темы. Переключатель прижат
     к логину (малый gap, без растягивания space-between) и центрирован по
     вертикали относительно формы логина. */
}
.main__inner {
  margin-right: 50px;
  margin-left: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: column;
  align-content: space-between;
}
.main__header {
  margin-top: 15px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.main__header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nkb-logo--header {
  width: 200px;
  cursor: pointer;
}
.footer__inner {
  padding: 20px 0 10px 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
.footer__links-row {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
}
.footer__links {
  flex-basis: 60%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.footer__link {
  flex-basis: 38%;
  margin-bottom: 1em;
}
.footer__link--small {
  flex-basis: 24%;
}
.footer__partners {
  flex-basis: 40%;
  display: flex;
  justify-content: space-around;
}
.footer__partners a {
  display: block;
  width: 100%;
  height: 100%;
}
.footer__partners #tp {
  height: 36px;
  width: 36px;
  background: url(images/partners.png) 0 0;
}
.footer__partners #fms {
  height: 36px;
  width: 60px;
  background: url(images/partners.png) -120px 0;
}
.footer__partners #fas {
  height: 36px;
  width: 45px;
  background: url(images/partners.png) -240px 0;
}
.footer__partners #stat {
  height: 36px;
  width: 36px;
  background: url(images/partners.png) -360px 0;
}
.footer__partners #fns {
  height: 36px;
  width: 36px;
  background: url(images/partners.png) -480px 0;
}
.footer__credentials {
  text-align: center;
  color: var(--text-muted);
}
.ng-animate-block-transitions {
  transition: 0s all!important;
  -webkit-transition: 0s all!important;
}
/* show the element during a show/hide animation when the
 * animation is ongoing, but the .ng-hide class is active */
.ng-hide-add-active,
.ng-hide-remove {
  display: block!important;
}
/*# sourceMappingURL=mainView.css.map */
/* Скоуп под легаси-компонент: глобальный .theme-toggle перебивал бы кружок
   кнопки темы нового лейаута (layout.less) — специфичность одинаковая,
   побеждал порядок подключения в бандле. */
nkb-theme-toggle .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: var(--text-light);
  line-height: 1;
}
nkb-theme-toggle .theme-toggle .material-icons {
  font-size: 22px;
}
nkb-theme-toggle .theme-toggle:hover {
  color: var(--link);
}
/*# sourceMappingURL=themeToggle.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.nkb-list-entries .tools {
  margin-bottom: 20px;
  padding: 20px 0 20px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.nkb-list-entries .tools {
  margin-bottom: 20px;
}
.nkb-list-entries .inline {
  vertical-align: top;
}
.nkb-list-entries .file-name {
  max-width: 250px;
  font-style: italic;
}
.nkb-list-entries textarea {
  width: 366px;
  max-width: 366px;
  min-width: 366px;
  margin: 0 0 10px 0;
  word-wrap: normal;
  white-space: pre;
  overflow: auto;
}
.nkb-list-entries .actions {
  margin-bottom: 20px;
}
.nkb-list-entries .actions a {
  vertical-align: -5px;
}
/* attach-file-wrapper */
.attach-file-wrapper {
  position: relative;
  overflow: hidden;
}
.attach-file-wrapper input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transform: translate(-5000px, -5000px) scale(0.5);
  transform: translate(-5000px, -5000px) scale(0.5);
  direction: ltr;
  cursor: pointer;
}
/*# sourceMappingURL=listEntries.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
/* bootstrap.min.css здесь больше не импортируется: vendored бутстрап удалён,
 * легаси-сабсет глобально подключает styles/bootstrap-lite.less
 * (через common-styles). */
.nkb-login__inner {
  width: 180px;
  height: 50px;
}
.nkb-login__wrapper {
  display: flex;
  margin: 0 0 5px 0;
}
.nkb-login__signin {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: space-between;
  height: inherit;
  align-items: stretch;
}
.nkb-login__login-input {
  overflow-y: hidden;
  display: inline-block;
  width: 100px;
  height: 23px;
  line-height: 19px;
  margin: 0 0 5px;
  padding: 1px 12px;
  font-size: 14px;
  color: var(--text-input);
  background-color: var(--bg-primary);
  background-image: none;
  border: 1px solid var(--border);
  outline: none;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.nkb-login__login-input:-ms-input-placeholder {
  margin: 0 0 5px;
  padding: 1px 12px;
}
.nkb-login__login-input:last-child {
  margin-bottom: 0;
}
.nkb-login__link {
  white-space: nowrap;
  line-height: 26px;
}
.nkb-login__btn {
  height: 2.5rem;
  width: 50px;
  padding: 2px !important;
}
.nkb-login__user-name {
  margin-right: 20px;
  height: 2rem;
  flex-basis: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nkb-login__balance {
  margin-right: 30px;
}
.login-error-message {
  width: 8em;
}
@-webkit-keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ngdialog-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes ngdialog-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.ngdialog {
  box-sizing: border-box;
}
.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
  box-sizing: inherit;
}
.ngdialog {
  position: fixed;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* fix for Scrollbars not clickable on overflow #552 */
  background: var(--bg-primary);
  animation: ngdialog-fadein 0.5s;
  /* end fix for Scrollbars not clickable on overflow #552 */
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
  -webkit-animation: none !important;
  animation: none !important;
}
.ngdialog-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
  /* fix for Scrollbars not clickable on overflow #552 */
  margin-right: 15px;
  background: transparent;
  /* end fix for Scrollbars not clickable on overflow #552 */
}
.ngdialog-no-overlay {
  pointer-events: none;
}
.ngdialog.ngdialog-closing .ngdialog-overlay {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}
.ngdialog-content {
  background: var(--bg-primary);
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
  pointer-events: all;
}
.ngdialog.ngdialog-closing .ngdialog-content {
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadeout 0.5s;
  animation: ngdialog-fadeout 0.5s;
}
.ngdialog-close:before {
  font-family: ProximaNova, Arial, sans-serif;
  content: '\D7';
  cursor: pointer;
}
html.ngdialog-open,
body.ngdialog-open {
  overflow: hidden;
}
.registration-modal {
  /* active state */
}
.registration-modal input {
  font-size: 18px;
  padding: 10px 10px 10px 5px;
  display: block;
  width: 300px;
  border: none;
  border-bottom: 1px solid var(--border);
  height: 37px;
}
.registration-modal input:focus {
  outline: none;
  border-bottom: 1px solid var(--text-primary);
}
.registration-modal label {
  color: var(--text-muted);
  font-size: 18px;
  font-weight: normal;
  position: relative;
  pointer-events: none;
  left: 5px;
  top: -22px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.registration-modal input:focus + label,
.registration-modal input.ng-not-empty + label {
  opacity: 0;
}
.registration-modal__conditions {
  color: var(--text-muted);
  font-size: 10px;
}
.registration-modal__back {
  position: fixed;
  font-weight: bold;
  line-height: 34px;
  color: var(--text-muted-light);
  font-size: 24px;
  top: 0;
  left: 0;
  padding: 51px;
}
.login-toggle {
  font-size: 10px;
  position: absolute;
  top: -22px;
  right: 1px;
}
.login-toggle a {
  color: #fc4c02;
}
/*# sourceMappingURL=login.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.favorites-list__toolbox {
  padding: 0.8em 1.2em;
}
.caption__inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-basis: max-content;
}
/*# sourceMappingURL=favoritesList.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.add-new-list__dialog {
  display: flex;
  flex-flow: row;
}
.add-new-list__buttons {
  margin-left: 0.5em;
}
/*# sourceMappingURL=addNewList.css.map */
/* «О сервисе» Графа связей — стили встраиваемого блока .gr-about из
 * дизайн-handoff (sandbox/tmp/handoff-gr-about/gr-about.html). Всё заскоупено
 * под .gr-about, наружу ничего не протекает.
 *
 * Палитра/радиусы/тени НЕ захардкожены: переменные --gr-* переопределены
 * токенами дизайн-системы лейаута (src/ng2/layout/layout.less) — блок сам
 * подхватывает акцент, тёмную тему и пользовательское скругление. Янтарный
 * --gr-warn остаётся из эталона (у темы нет warn-токена). Остальные правила —
 * как в эталоне, не трогаем. Локальное меню-якоря сюда не переносилось: оно
 * рендерится в subnav шапки (layout.less). */
.gr-about {
  /* --- токены: маппинг на дизайн-систему хоста --- */
  --gr-accent: var(--accent);
  /* основной акцент (бордо) */
  --gr-accent-ink: var(--accent-ink);
  /* акцент для текста */
  --gr-navy: var(--navy);
  /* тёмно-синий (узлы, шапки) */
  --gr-navy-a: var(--navy-grad-a);
  /* тёмный градиент, точка A */
  --gr-navy-b: var(--navy-grad-b);
  /* тёмный градиент, точка B */
  --gr-warn: #f5b23c;
  /* янтарный (узел-бенефициар, риск-чип) */
  --gr-ink: var(--ink);
  /* основной текст */
  --gr-ink-2: var(--ink-2);
  /* вторичный текст */
  --gr-ink-3: var(--ink-3);
  /* приглушённый текст */
  --gr-paper: var(--paper);
  /* фон карточек */
  --gr-soft: var(--soft);
  /* мягкая подложка */
  --gr-soft-2: var(--soft-2);
  /* подложка чипов */
  --gr-line: var(--line);
  /* границы */
  --gr-line-2: var(--line-2);
  /* границы (формы) */
  --gr-radius: var(--radius, 18px);
  --gr-shadow-sm: var(--shadow-sm);
  --gr-shadow-md: var(--shadow-md);
  color: var(--gr-ink);
  font-family: inherit;
  line-height: 1.5;
}
.gr-about * {
  box-sizing: border-box;
}
.gr-about .gr-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 72px 24px;
}
/* --- общие элементы --- */
.gr-about .gr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 13px;
  border: 1px solid color-mix(in oklab, var(--gr-accent) 30%, transparent);
  border-radius: 999px;
  background: color-mix(in oklab, var(--gr-accent) 8%, transparent);
  color: var(--gr-accent-ink);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.gr-about .gr-title {
  margin: 16px 0 0;
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
  text-wrap: balance;
}
.gr-about .gr-subtitle {
  margin: 12px 0 0;
  font-size: clamp(18px, 2vw, 23px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
.gr-about .gr-copy {
  margin: 14px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--gr-ink-2);
  max-width: 60ch;
  text-wrap: pretty;
}
.gr-about .gr-note {
  margin: 18px 0 0;
  padding: 14px 18px;
  border-left: 4px solid var(--gr-accent);
  border-radius: 0 14px 14px 0;
  background: var(--gr-soft);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
  max-width: 56ch;
  text-wrap: pretty;
}
.gr-about .gr-sub {
  margin-top: 72px;
}
.gr-about .gr-sub-title {
  font-size: clamp(21px, 2.4vw, 28px);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.15;
  margin: 0;
  text-wrap: balance;
}
.gr-about .gr-sub-lead {
  margin: 12px 0 26px;
  font-size: 15.5px;
  line-height: 1.6;
  color: var(--gr-ink-2);
  max-width: 68ch;
  text-wrap: pretty;
}
.gr-about .gr-h4 {
  margin: 0;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.01em;
}
.gr-about .gr-p {
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--gr-ink-2);
  text-wrap: pretty;
}
.gr-about .gr-kicker {
  margin-bottom: 10px;
  color: var(--gr-accent-ink);
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.gr-about .gr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  transition: transform 0.15s, box-shadow 0.15s;
}
.gr-about .gr-btn:hover {
  transform: translateY(-2px);
}
.gr-about .gr-btn-primary {
  background: var(--gr-accent);
  color: var(--on-accent, #fff);
  box-shadow: 0 14px 30px color-mix(in oklab, var(--gr-accent) 28%, transparent);
}
.gr-about .gr-btn-outline {
  background: transparent;
  border-color: var(--gr-line-2);
  color: var(--gr-ink);
}
.gr-about .gr-btn-outline:hover {
  border-color: var(--gr-accent);
}
/* --- 1. интро: копия + макет поиска и графа --- */
.gr-about .gr-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: 48px;
  align-items: center;
}
.gr-about .gr-actions {
  margin-top: 24px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.gr-about .gr-visual {
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  border-radius: calc(var(--gr-radius)*1.15);
  padding: 18px;
  box-shadow: var(--gr-shadow-md);
}
.gr-about .gr-searchbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  background: var(--gr-soft);
  border: 1px solid var(--gr-line);
  font-size: 13.5px;
  color: var(--gr-ink-2);
}
.gr-about .gr-searchbox strong {
  color: var(--gr-ink);
}
.gr-about .gr-pill {
  flex-shrink: 0;
  padding: 7px 13px;
  border-radius: 999px;
  background: var(--gr-accent);
  color: var(--on-accent, #fff);
  font-size: 12px;
  font-weight: 800;
}
.gr-about .gr-hero-visual {
  position: relative;
  height: 400px;
  margin-top: 14px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid var(--gr-line);
  background: linear-gradient(var(--gr-line) 1px, transparent 1px), linear-gradient(90deg, var(--gr-line) 1px, transparent 1px), var(--gr-soft);
  background-size: 34px 34px;
}
.gr-about .gr-minicard {
  position: absolute;
  top: 18px;
  left: 16px;
  width: 200px;
  padding: 14px;
  border-radius: 16px;
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  box-shadow: var(--gr-shadow-md);
  z-index: 3;
}
.gr-about .gr-label {
  display: block;
  color: var(--gr-ink-3);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
}
.gr-about .gr-minicard strong {
  display: block;
  margin-top: 7px;
}
.gr-about .gr-minicard p {
  margin: 7px 0 0;
  color: var(--gr-ink-2);
  font-size: 12.5px;
  line-height: 1.45;
}
.gr-about .gr-badge {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 800;
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--gr-accent);
}
.gr-about .gr-badge-depth {
  right: 14px;
  top: 14px;
}
.gr-about .gr-badge-group {
  left: 16px;
  bottom: 14px;
}
/* --- SVG-графы --- */
.gr-about .gr-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.gr-about .gr-large-graph .gr-svg {
  position: static;
  display: block;
  min-height: 520px;
}
.gr-about .gr-edge {
  stroke: color-mix(in oklab, var(--gr-ink-3) 70%, transparent);
  stroke-width: 2;
  fill: none;
}
.gr-about .gr-edge-hot {
  stroke: var(--gr-accent);
  stroke-width: 3.5;
  fill: none;
}
.gr-about .gr-text {
  font: 700 12px/1 system-ui, sans-serif;
  fill: var(--gr-ink-2);
}
.gr-about .gr-caption {
  font: 700 11px/1 system-ui, sans-serif;
  fill: var(--gr-ink-3);
}
.gr-about .gr-node {
  fill: var(--gr-paper);
  stroke: var(--gr-navy);
  stroke-width: 2;
}
.gr-about .gr-node-person {
  fill: color-mix(in oklab, var(--gr-accent) 10%, var(--gr-paper));
  stroke: color-mix(in oklab, var(--gr-accent) 55%, transparent);
  stroke-width: 2;
}
.gr-about .gr-node-benefit {
  fill: color-mix(in oklab, var(--gr-warn) 14%, var(--gr-paper));
  stroke: color-mix(in oklab, var(--gr-warn) 55%, transparent);
  stroke-width: 2;
}
.gr-about .gr-node-focus {
  fill: var(--gr-accent);
  stroke: color-mix(in oklab, var(--gr-accent) 60%, #000);
  stroke-width: 2.5;
}
.gr-about .gr-text-focus {
  font: 800 13px/1 system-ui, sans-serif;
  fill: #fff;
}
/* --- 2. методология и 10. честная аналитика --- */
.gr-about .gr-topology {
  padding: clamp(24px, 3.5vw, 40px);
  border-radius: calc(var(--gr-radius)*1.15);
  border: 1px solid color-mix(in oklab, var(--gr-accent) 22%, var(--gr-line));
  background: color-mix(in oklab, var(--gr-accent) 5%, var(--gr-paper));
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-topology .gr-p {
  margin-top: 12px;
  font-size: 15.5px;
  max-width: 920px;
}
/* «Честная аналитика» в светлой теме — светлая панель с синей подложкой
 * (тёмный градиент эталона остаётся только в тёмной теме, см. ниже). */
.gr-about .gr-truth {
  padding: clamp(26px, 4vw, 40px);
  border-radius: calc(var(--gr-radius)*1.15);
  background: color-mix(in oklab, var(--gr-navy) 6%, var(--gr-paper));
  border: 1px solid color-mix(in oklab, var(--gr-navy) 20%, var(--gr-line));
  color: var(--gr-ink-2);
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-truth .gr-kicker {
  color: var(--gr-accent-ink);
}
.gr-about .gr-truth .gr-sub-title {
  color: var(--gr-ink);
}
.gr-about .gr-truth .gr-p {
  margin-top: 12px;
  color: var(--gr-ink-2);
  font-size: 15px;
  max-width: 920px;
}
.gr-about .gr-quote {
  margin-top: 20px;
  padding: 20px;
  border-radius: 16px;
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  color: var(--gr-ink);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.4;
}
/* --- 3. проблема (4 карточки) --- */
.gr-about .gr-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.gr-about .gr-step {
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  border-radius: var(--gr-radius);
  padding: 22px;
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-step-num {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid var(--gr-line-2);
  border-radius: 10px;
  background: var(--gr-soft);
  font-size: 14px;
  color: var(--gr-accent-ink);
  font-weight: 600;
}
.gr-about .gr-step .gr-h4 {
  margin-top: 12px;
}
/* --- 4. поток 01–05 и пятиколоночные сетки --- */
.gr-about .gr-flow {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-bottom: 14px;
}
/* Шаги 01–05 в светлой теме — светлые пастельные карточки в оттенках тёмных
 * градиентов эталона (градиенты остаются только в тёмной теме, см. ниже). */
.gr-about .gr-flow-step {
  position: relative;
  padding: 18px;
  min-height: 140px;
  border-radius: var(--gr-radius);
  color: var(--gr-ink);
  background: color-mix(in oklab, var(--gr-navy) 7%, var(--gr-paper));
  border: 1px solid var(--gr-line);
  overflow: hidden;
}
.gr-about .gr-flow-step:nth-child(2),
.gr-about .gr-flow-step:nth-child(4) {
  background: color-mix(in oklab, var(--gr-accent) 8%, var(--gr-paper));
  border-color: color-mix(in oklab, var(--gr-accent) 22%, var(--gr-line));
}
.gr-about .gr-flow-step:nth-child(5) {
  background: color-mix(in oklab, #45444f 8%, var(--gr-paper));
}
.gr-about .gr-flow-step::after {
  content: "\2192";
  position: absolute;
  right: 12px;
  bottom: 4px;
  font-size: 34px;
  opacity: 0.22;
  font-weight: 900;
}
.gr-about .gr-flow-step:last-child::after {
  content: "\2713";
}
.gr-about .gr-flow-step span {
  display: block;
  color: var(--gr-accent-ink);
  font-size: 12.5px;
  font-weight: 800;
}
.gr-about .gr-flow-step strong {
  display: block;
  margin-top: 8px;
  font-size: 19px;
  line-height: 1.2;
}
.gr-about .gr-flow-step p {
  margin: 7px 0 0;
  color: var(--gr-ink-2);
  font-size: 12.5px;
  line-height: 1.45;
}
.gr-about .gr-five {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
}
.gr-about .gr-feature,
.gr-about .gr-chain,
.gr-about .gr-tool {
  padding: 20px;
  border-radius: var(--gr-radius);
  border: 1px solid var(--gr-line);
  background: var(--gr-paper);
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-tool {
  position: relative;
  overflow: hidden;
  padding-left: 24px;
}
.gr-about .gr-tool::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--gr-accent);
}
.gr-about .gr-tool:nth-child(2n)::before {
  background: var(--gr-navy);
}
/* --- 5. граф раскрытия: layout --- */
.gr-about .gr-graph-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.55fr);
  gap: 18px;
  align-items: stretch;
}
.gr-about .gr-large-graph {
  padding: 16px;
  border-radius: calc(var(--gr-radius)*1.15);
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-graph-copy {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.gr-about .gr-stat {
  padding: 22px;
  border-radius: var(--gr-radius);
  border: 1px solid var(--gr-line);
  background: var(--gr-paper);
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-stat strong {
  display: block;
  margin-top: 8px;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -0.02em;
}
.gr-about .gr-stat .gr-p {
  margin-top: 10px;
}
.gr-about .gr-highlight {
  flex: 1;
  padding: 22px;
  border-radius: var(--gr-radius);
  background: color-mix(in oklab, var(--gr-accent) 8%, var(--gr-paper));
  border: 1px solid color-mix(in oklab, var(--gr-accent) 25%, var(--gr-line));
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-highlight .gr-h4 {
  color: var(--gr-ink);
  font-size: 19px;
}
.gr-about .gr-highlight .gr-p {
  margin-top: 10px;
  color: var(--gr-ink-2);
}
/* --- 6. цепочки --- */
.gr-about .gr-mini-chain {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
}
.gr-about .gr-chip {
  padding: 5px 9px;
  border-radius: 999px;
  color: var(--gr-navy);
  background: var(--gr-soft-2);
  font-size: 11.5px;
  font-weight: 800;
  line-height: 1.3;
}
.gr-about .gr-chip.is-person {
  color: var(--gr-accent-ink);
  background: color-mix(in oklab, var(--gr-accent) 12%, transparent);
}
.gr-about .gr-chip.is-risk {
  color: #7a4a00;
  background: color-mix(in oklab, var(--gr-warn) 22%, var(--gr-paper));
}
.gr-about .gr-arrow {
  color: var(--gr-ink-3);
  font-weight: 900;
  font-size: 12px;
}
/* --- 7. сценарии (6 карточек) --- */
.gr-about .gr-scen {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.gr-about .gr-scen-card {
  background: var(--gr-paper);
  border: 1px solid var(--gr-line);
  border-radius: var(--gr-radius);
  padding: 22px;
  box-shadow: var(--gr-shadow-sm);
}
/* --- 9. сравнение --- */
.gr-about .gr-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.gr-about .gr-compare-col {
  border-radius: calc(var(--gr-radius)*1.15);
  border: 1px solid var(--gr-line);
  background: var(--gr-paper);
  overflow: hidden;
  box-shadow: var(--gr-shadow-sm);
}
.gr-about .gr-compare-head {
  padding: 18px 22px;
  color: var(--gr-ink);
  font-weight: 800;
  font-size: 17.5px;
  background: color-mix(in oklab, var(--gr-navy) 8%, var(--gr-paper));
  border-bottom: 1px solid var(--gr-line);
}
.gr-about .gr-compare-col.is-strong .gr-compare-head {
  color: var(--gr-accent-ink);
  background: color-mix(in oklab, var(--gr-accent) 10%, var(--gr-paper));
}
.gr-about .gr-compare-list {
  margin: 0;
  padding: 8px 22px 20px;
  list-style: none;
}
.gr-about .gr-compare-list li {
  display: flex;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid var(--gr-line);
  color: var(--gr-ink-2);
  font-size: 14.5px;
  line-height: 1.5;
}
.gr-about .gr-compare-list li:last-child {
  border-bottom: 0;
}
.gr-about .gr-compare-list li::before {
  content: "\2022";
  color: var(--gr-ink-3);
  font-weight: 900;
}
.gr-about .is-strong .gr-compare-list li::before {
  content: "\2713";
  color: var(--gr-accent-ink);
}
/* --- 11. CTA — в светлой теме светлая акцентная панель, в тёмной — общий
 * тёмный градиент страниц «О сервисе» (см. блок тёмной темы ниже) --- */
.gr-about .gr-cta {
  background: color-mix(in oklab, var(--gr-accent) 6%, var(--gr-paper));
  border: 1px solid color-mix(in oklab, var(--gr-accent) 22%, var(--gr-line));
  border-radius: calc(var(--gr-radius)*1.15);
  padding: clamp(32px, 5vw, 56px);
  text-align: center;
  color: var(--gr-ink-2);
  box-shadow: var(--gr-shadow-sm);
}
/* Заголовок CTA держим в одну строку: верх clamp снижен с 34px (не влезал в
 * ширину блока и ломался на две строки), на широких экранах перенос запрещён;
 * ≤1020px — обычный перенос с балансировкой (см. адаптив). */
.gr-about .gr-cta-title {
  margin: 0;
  font-size: clamp(24px, 2.55vw, 30px);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.12;
  color: var(--gr-ink);
  text-wrap: balance;
  white-space: nowrap;
}
.gr-about .gr-cta-text {
  margin: 16px auto 0;
  font-size: 15px;
  line-height: 1.6;
  max-width: 72ch;
  text-wrap: pretty;
}
.gr-about .gr-cta-actions {
  margin-top: 26px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
/* --- отступы после заголовков с сетками --- */
.gr-about .gr-sub-title + .gr-five,
.gr-about .gr-sub-title + .gr-compare,
.gr-about .gr-sub-title + .gr-graph-layout,
.gr-about .gr-sub-title + .gr-flow {
  margin-top: 22px;
}
/* --- тёмная тема: выделенные блоки (truth, шаги 01–05, highlight, шапки
 * сравнения, CTA) остаются теми же тонированными панелями, что в светлой —
 * фон при переключении темы не меняется кардинально. Доля оттенка гуще:
 * 6–8% подмеса к тёмной бумаге почти не видно. Тексты/рамки — токены,
 * адаптируются сами. --- */
[data-theme="dark"] .gr-about .gr-truth {
  background: color-mix(in oklab, #8fa3d9 12%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-cta {
  background: color-mix(in oklab, var(--gr-accent) 12%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-flow-step {
  background: color-mix(in oklab, #8fa3d9 12%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-flow-step:nth-child(2),
[data-theme="dark"] .gr-about .gr-flow-step:nth-child(4) {
  background: color-mix(in oklab, var(--gr-accent) 14%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-flow-step:nth-child(5) {
  background: color-mix(in oklab, #9a99a6 12%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-highlight {
  background: color-mix(in oklab, var(--gr-accent) 14%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-compare-head {
  background: color-mix(in oklab, #8fa3d9 12%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-compare-col.is-strong .gr-compare-head {
  background: color-mix(in oklab, var(--gr-accent) 14%, var(--gr-paper));
}
/* Тёмно-синяя полоса чётных карточек инструментов (--navy) на тёмной теме
 * сливается с фоном карточки (--paper) — осветляем до контрастного синего
 * из той же гаммы, что границы тёмных блоков (165,185,230). */
[data-theme="dark"] .gr-about .gr-tool:nth-child(2n)::before {
  background: color-mix(in oklab, var(--gr-navy) 40%, #a5b9e6);
}
/* Обычный чип цепочки: тёмно-синий текст (--navy) на тёмной теме нечитаем
 * на тёмной подложке --soft-2 — осветляем в той же сине-серой гамме.
 * is-person (акцентный) и is-risk (янтарный) не трогаем — :not(). */
[data-theme="dark"] .gr-about .gr-chip:not(.is-person):not(.is-risk) {
  color: #b9c8ee;
}
[data-theme="dark"] .gr-about .gr-chip.is-risk {
  color: #f5c97a;
  background: color-mix(in oklab, #f5b23c 16%, var(--gr-paper));
}
[data-theme="dark"] .gr-about .gr-node-focus {
  fill: #22356b;
}
/* Обводка обычных узлов SVG-графов (--navy) на тёмной теме сливается с фоном
 * карточки — осветляем, как полосы инструментов (.gr-tool::before). */
[data-theme="dark"] .gr-about .gr-node {
  stroke: color-mix(in oklab, var(--gr-navy) 40%, #a5b9e6);
}
/* --- адаптив --- */
@media (max-width: 1020px) {
  .gr-about .gr-cta-title {
    white-space: normal;
  }
  .gr-about .gr-intro,
  .gr-about .gr-graph-layout,
  .gr-about .gr-compare {
    grid-template-columns: 1fr;
  }
  .gr-about .gr-steps,
  .gr-about .gr-flow,
  .gr-about .gr-five,
  .gr-about .gr-scen {
    grid-template-columns: repeat(2, 1fr);
  }
  .gr-about .gr-visual {
    max-width: 560px;
  }
  .gr-about .gr-large-graph {
    overflow-x: auto;
  }
  .gr-about .gr-large-graph .gr-svg {
    min-width: 680px;
    min-height: 460px;
  }
}
@media (max-width: 680px) {
  .gr-about .gr-container {
    padding: 48px 18px;
  }
  .gr-about .gr-sub {
    margin-top: 56px;
  }
  .gr-about .gr-steps,
  .gr-about .gr-flow,
  .gr-about .gr-five,
  .gr-about .gr-scen {
    grid-template-columns: 1fr;
  }
  .gr-about .gr-hero-visual {
    height: 360px;
  }
  .gr-about .gr-actions .gr-btn,
  .gr-about .gr-cta-actions .gr-btn {
    flex: 1;
    min-width: 160px;
  }
}
/*# sourceMappingURL=graphContainer.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
/* products */
.nkb-info-products__inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
  min-height: 10em;
  margin-bottom: 2em;
}
.products .links-row {
  margin-bottom: 30px;
}
.products ul.list-inline {
  margin: 0 0 0 -20px;
  padding: 0;
}
.products ul.list-inline li {
  margin: 0 0 0 20px;
  padding: 0;
}
.nkb-info-products__product {
  flex-basis: 30%;
}
.nkb-info-products__product--small {
  flex-basis: 15%;
}
/* product-link */
.product-link {
  display: block;
  text-rendering: optimizelegibility;
}
.product-link .link-icon {
  display: block;
  float: left;
  margin-top: 0;
  padding-right: 7px;
  font-size: 150%;
}
.product-link .link-text {
  display: block;
  float: left;
  margin-top: 3px;
  white-space: pre;
}
.link-text--new {
  padding-left: 2rem;
}
.product-link.large .link-icon {
  font-size: 180%;
}
.product-link.large .link-text {
  font-size: 120%;
}
/*# sourceMappingURL=infoProducts.css.map */
.filter-element {
  margin-top: 1em;
  margin-bottom: 1em;
}
/* Список фильтра регионов/ИНН (.filter-item > a[.active]).
 *
 * Баг: выбранный регион не выделялся. Причина — в теме (theme.less) и --link, и
 * --link-active указывают на один и тот же var(--accent-ink), а единственная
 * подсветка активного пункта была общим правилом `a.active { color: @linkActiveColor }`.
 * Совпадающие цвета → визуально активный пункт не отличался от обычного.
 *
 * Здесь задаём активному пункту ЯВНОЕ выделение (фон + акцентный цвет + жирность),
 * не завязываясь на совпадение токенов ссылок. Фон-подсветка гарантирует видимость
 * выбора даже если цвет ссылки где-то переопределён. */
.filter-item a {
  display: block;
  padding: 5px 10px;
  border-radius: 8px;
  transition: background 0.15s ease, color 0.15s ease;
}
.filter-item a .count {
  font-weight: 500;
}
.filter-item a:hover {
  background: var(--soft-2, rgba(127, 127, 127, 0.08));
}
.filter-item a.active {
  color: var(--accent);
  font-weight: 600;
  background: color-mix(in oklab, var(--accent) 14%, transparent);
}
.filter-item a.active .count {
  color: var(--accent);
}
/* Одиночный (неактивный) пункт — «Все — <регион>», когда регион один. */
.filter-item--inactive {
  padding: 5px 10px;
}
/*# sourceMappingURL=searchResultFilters.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.result-types__breadcrumbs {
  background: inherit;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  margin-bottom: 2em;
  list-style: none;
}
.result-types__breadcrumbs li {
  margin-top: 1em;
}
.result-types__breadcrumb-element {
  display: flex;
}
.result-types__breadcrumb-element::before {
  content: '/ ';
  /* code Hex notation */
  padding-right: 3px;
  margin-left: 5px;
  margin-right: 5px;
  color: var(--text-header-light);
}
.result-types__breadcrumb-container {
  display: flex;
  flex-direction: column;
}
.action {
  cursor: pointer;
}
.breadcrumb__container {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}
/*# sourceMappingURL=searchResultTypes.css.map */
.nkb-info__news {
  padding-bottom: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.nkb-news .mark-new {
  left: 4px;
}
.nkb-info__message {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid transparent;
  border-radius: 3px;
}
.nkb-info__message:hover {
  border: 1px solid #cccccc;
}
.nkb-info__message-icon {
  margin-top: 2px;
  margin-right: 10px;
}
.nkb-info__message-body {
  width: 430px;
  line-height: 22px;
}
.nkb-info__message-heading {
  cursor: pointer;
}
/*# sourceMappingURL=newsWidget.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.unauthorized-hint {
  /* Сжатие пробелов — только для анонимизированных данных (░-блоки) у
	   неавторизованного пользователя. Для залогиненного (реальный текст)
	   пробелы остаются нормальными и читаемыми. */
}
.unauthorized-hint .hover-data {
  line-height: 1.3;
  display: inline-block;
  position: relative;
  word-break: break-word;
}
.unauthorized-hint .hover-data.is-anon {
  word-spacing: -0.25em;
}
.unauthorized-hint .hover-data:hover::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: var(--bg-primary);
  box-shadow: -4px -4px 20px 0 rgba(21, 52, 86, 0.1);
  position: absolute;
  top: 100%;
  margin-top: 2px;
  left: 30px;
  transform: rotate(45deg);
  z-index: 150;
}
.unauthorized-hint .hover-data:hover::after {
  content: '\417\430\440\435\433\438\441\442\440\438\440\443\439\442\435\441\44C   \432   \441\438\441\442\435\43C\435   \447\442\43E\431\44B   \443\432\438\434\435\442\44C   \43F\43E\43B\43D\443\44E   \438\43D\444\43E\440\43C\430\446\438\44E';
  position: absolute;
  top: 100%;
  word-spacing: normal;
  margin-top: 7px;
  left: 0px;
  font-size: 13px;
  color: var(--text-primary);
  background: var(--bg-primary);
  box-shadow: 2px 2px 12px 0 rgba(21, 52, 86, 0.31);
  z-index: 10;
  width: 420px;
  padding: 8px 8px 8px 8px;
  border-radius: 3px;
}
/*# sourceMappingURL=unauthorizedHint.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.comment__inner {
  padding-top: 1em;
}
.comment__author {
  color: #2f96b4;
}
.comment__date {
  color: #2f96b4;
}
/*# sourceMappingURL=comment.css.map */
.comment-widget__tools {
  display: flex;
  justify-content: flex-start;
}
.comment-widget__tools-element {
  margin-right: 20px;
}
.tag {
  cursor: pointer;
  padding: 0.2em 0.5em;
  margin: 0.2em;
  border-radius: 5px;
  font-size: small;
}
.tag__expirience--selected {
  background-color: #ddd;
}
.tag__reputation--selected {
  background-color: #7cafdd;
}
.tag__can-pay--selected {
  background-color: #f1e060;
}
.tag__fraud--selected {
  background-color: #f7b759;
}
.tag__criminal--selected {
  background-color: #f2776e;
}
/*# sourceMappingURL=commentWidget.css.map */
.edit-comment__inner {
  padding: 1em;
  display: flex;
  flex-direction: column;
}
.edit-comment__textarea {
  width: 100%;
}
.edit-comment__textarea textarea {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.edit-comment__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.edit-comment__tags {
  margin-top: 1em;
}
/*# sourceMappingURL=editComment.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.nkb-graph-info__inner {
  position: relative;
}
.nkb-graph-info__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  background: transparent;
  color: var(--accent);
  cursor: default;
  transition: 0.18s;
}
.nkb-graph-info__icon > svg {
  display: block;
  width: 16px;
  height: 16px;
}
.nkb-graph-info__inner:hover .nkb-graph-info__icon {
  color: var(--ink);
  border-color: var(--accent);
  background: var(--soft-2);
}
.nkb-graph-info__text {
  padding: 1em;
  min-width: 20em;
  border: 1px solid var(--border);
  border-radius: 12px;
  position: absolute;
  top: 32px;
  left: 0;
  background-color: var(--bg-primary);
  z-index: 10;
}
.nkb-graph-info__text::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}
/*# sourceMappingURL=graphInfo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
nkb-paginator {
  width: 100%;
}
.paginator {
  display: flex;
  justify-content: space-between;
}
.paginator__pages {
  display: inline-block;
}
.paginator__ranges {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  align-items: center;
}
.paginator__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
}
.paginator__list-item-container {
  display: flex;
  flex-direction: row;
}
.paginator__list-item {
  display: inline-block;
  min-width: 28px;
  margin: 0 3px;
  padding: 2px 5px;
  border: 1px solid var(--border);
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
}
.paginator__list-item:hover {
  color: #bd362f;
}
.paginator__list-item--current {
  color: var(--text-muted);
}
.paginator__list-item--locked {
  color: var(--text-muted);
  cursor: default;
}
.paginator__list-item_dots {
  border: none;
}
/*# sourceMappingURL=paginator.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.common-node-info {
  /**/
}
.common-node-info__inner {
  position: relative;
}
.common-node-info__info {
  position: absolute;
  top: 0;
  right: 100%;
  padding: 13px 15px 0 0;
  text-align: right;
  white-space: nowrap;
  color: var(--text-muted);
}
.common-node-info__info-entry {
  margin-bottom: 4px;
}
.common-node-info__entry {
  display: flex;
  justify-content: space-between;
}
.common-node-info__entry:empty {
  display: none;
}
.common-node-info__value-label,
.common-node-info__value-muted {
  color: var(--text-muted);
}
.common-node-info__reg-state {
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.common-node-info__reg-state-text {
  max-width: 40em;
}
.common-node-info__law {
  margin-right: 3rem;
}
.common-node-info__inn {
  margin-bottom: 0;
}
.common-node-info ul.list-inline {
  margin: 0;
  padding: 0 0 5px 0;
}
.common-node-info ul.list-inline li {
  margin: 0;
  padding: 0 10px 0 0;
}
.node-header-top {
  display: flex;
  justify-content: space-between;
}
.node-header {
  color: var(--link);
  display: flex;
  flex-direction: column;
}
.node-header--details {
  font-size: 1.5em;
  color: var(--text-primary);
}
.node-header--intermediate {
  color: #ff9933 !important;
}
.node-header--liquidate {
  color: #b94a48 !important;
}
.node-header__individual {
  font-size: larger;
}
.node-header__individual--details {
  font-size: 1.5em;
  padding-left: 0px;
  margin-bottom: 20px;
}
.liquidate-state {
  color: #bd362f !important;
}
.liquidate-state--intermediate {
  color: #ff9933 !important;
}
.former-name__inner {
  font-size: 0.9em;
  font-style: italic;
  color: var(--text-muted);
}
/*# sourceMappingURL=commonNodeInfo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.egrul-link-banner__inner {
  display: flex;
  margin-bottom: 1em;
  margin-top: 1em;
  padding-left: 0.5em;
  align-items: baseline;
}
.egrul-link-banner__datepicker {
  margin-left: 1em;
  font-style: italic;
  text-decoration: underline dotted !important;
}
.egrul-link-banner__date-button {
  color: var(--link);
  font-style: normal;
}
.egrul-link-banner__history {
  margin-left: 1em;
}
.egrul-download-link:hover {
  color: #f89406;
}
.egrul-download-link__inner {
  align-self: center;
  background-color: #2f96b4;
  width: 7em;
  color: var(--bg-primary);
  font-size: 13px;
  display: flex;
  border-radius: 3px;
}
.egrul-download-link__icon {
  background-color: #2f96b4;
  flex-basis: 30%;
  text-align: center;
  border-radius: 3px 0 0 3px;
}
.egrul-download-link__caption {
  flex-basis: 70%;
  text-align: center;
  padding-top: 2px;
  color: var(--bg-primary);
}
/*# sourceMappingURL=egrulLinkBanner.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.relation-info__inner--small {
  margin-left: 0em;
  padding-right: 1em;
}
.relation-info__entry {
  color: var(--text-header-light);
  margin-top: 3px;
  margin-bottom: 1px;
}
.relation-info__entry--small {
  color: var(--text-header-light);
  font-weight: 400;
  font-size: 80%;
  letter-spacing: 0.002ex;
}
.relation-data__first-description:first-letter {
  text-transform: uppercase;
}
/*# sourceMappingURL=relationInfo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.relation-text__inner {
  color: var(--text-header-light);
}
/*# sourceMappingURL=relationText.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.snr__type {
  font-style: italic;
  color: var(--text-muted);
}
.sshr__text {
  font-style: italic;
  color: var(--text-muted);
}
/*# sourceMappingURL=snr.css.map */
nkb-check-options {
  color: gray;
  font-size: small;
}
nkb-check-options ul {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}
nkb-check-options ul li:before {
  content: "\2611";
  position: absolute;
  left: 0;
}
/*# sourceMappingURL=checkOptions.component.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
nkb-favorites-dialog .favorites-modal {
  position: absolute;
  top: 0em;
  left: -3em;
  z-index: 1000;
}
nkb-favorites-dialog .modal {
  overflow: unset;
}
/*# sourceMappingURL=favoritesDialog.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.favorites__inner {
  font-size: 14px;
}
.favorites__mark {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  color: #f89406;
  line-height: 0;
  transition: 0.18s;
}
.favorites__mark > svg {
  display: block;
  width: 14px;
  height: 14px;
}
.favorites__mark:hover {
  color: var(--accent-ink);
  border-color: var(--accent);
}
.favorites__mark--no {
  color: var(--accent);
}
.favorites__link {
  position: relative;
}
nkb-favorites-dialog .favorites-modal {
  position: absolute;
  top: 0em;
  left: -3em;
  z-index: 1000;
}
nkb-favorites-dialog .modal {
  overflow: unset;
}
/*# sourceMappingURL=favoritesDialog.css.map */
.nkb-node-combinations__inner {
  padding-left: 2em;
}
.nkb-node-combinations__pair {
  margin-bottom: 1em;
}
/*# sourceMappingURL=nodeCombinations.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.order-settings-form {
  width: 50em;
}
.order-settings-form label {
  font-weight: normal;
}
.order-settings-form .nkb-select--history {
  width: 14em;
}
.order-settings-form__inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.order-settings-form__icon {
  position: relative;
  align-self: flex-start;
}
.order-settings-form__common {
  display: flex;
  flex-direction: column;
}
.order-settings-form__common label {
  margin: 0;
}
.order-settings-form__level {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 10em;
  align-items: center;
}
.order-settings-form__other {
  position: absolute;
  top: 3.2rem;
  right: 0;
  width: 40em;
  display: none;
  flex-direction: row;
  background-color: var(--bg-primary);
  border: 1px solid var(--border);
  border-radius: 3px;
}
.order-settings-form__other--opened {
  display: flex;
}
.order-settings-form__other-element-container {
  display: flex;
  flex-direction: column;
  padding: 1em;
}
.order-settings-form__other-element-container__left {
  flex-basis: 50%;
}
.order-settings-form__other-element-container__right {
  flex-basis: 50%;
}
.order-settings-form__other-element-container .record {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.order-settings-form__other-element-container .record .record-input {
  flex-basis: 20%;
}
.order-settings-form__other-element-container .record .record-name {
  flex-basis: 80%;
  margin-bottom: 1em;
}
.order-settings-form__other-element-container .record .record-name i {
  color: var(--text-light);
}
.order-settings-form__other-element-container .record .record-name i:before {
  content: '(';
}
.order-settings-form__other-element-container .record .record-name i:after {
  content: ')';
}
/*# sourceMappingURL=orderSettingsForm.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.result-details__inner {
  margin-top: 2em;
  font-size: 14px;
}
.result-details__navigation-panel {
  margin-bottom: 1em;
}
.result-details__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.result-details__order-info-text {
  color: var(--text-muted);
}
.result-details__check-options-container {
  width: 30em;
}
.result-details__time-changed {
  color: var(--text-muted);
}
.result-details__list-names-container {
  display: flex;
  flex-direction: column;
}
.result-details__list-names {
  font-size: 150%;
  line-height: 25px;
}
.result-details__tools {
  display: flex;
  justify-content: space-between;
}
.result-details__result {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.result-details__node-traces-view {
  flex-basis: 70%;
  display: flex;
  flex-direction: column;
}
.result-details__node-traces-navigation {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 2em;
  align-items: center;
}
.result-details__pairs-box {
  flex-basis: 30%;
  padding-left: 1em;
  max-height: 50vh;
  overflow-y: auto;
}
.result-details__pair {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-bottom: 1em;
}
.result-details__pair-container {
  margin-left: 1em;
}
.from-graph:hover {
  background-color: var(--bg-flat-hover);
  cursor: grab;
}
/* [Слияние] «Связи»/результат проверки в стиль сайта: кнопки экспорта/анализа и стрелки пейджера —
 * у .nkb-button display:flex закомментирован, отсюда «кривое» содержимое; выравниваем inline-flex.
 * img-иконки фикс-тёмные → в тёмной теме инвертируем для контраста. */
.result-details .nkb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
}
.result-details .nkb-button img {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
}
.result-details .nkb-button span {
  margin: 0;
}
[data-theme="dark"] .result-details .nkb-button img {
  filter: invert(1) brightness(1.5);
}
/*# sourceMappingURL=resultDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.trace-result {
  padding-left: 5em;
}
.trace-result .empty-result {
  padding-top: 5px;
  color: var(--text-muted);
}
.trace-result .trace-part {
  display: flex;
  flex-direction: column;
}
.trace-result .trace-part__row {
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: flex-start;
}
.trace-result .trace-part__info {
  position: absolute;
  /* right: 90%; */
  /* margin-left: 2em; */
  /* white-space: nowrap; */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: var(--text-muted);
  left: -5em;
}
.trace-result .trace-part__node-status {
  font-size: 14px;
  width: 4em;
  text-align: right;
  line-height: 0;
  margin-top: 6px;
}
.trace-result .trace-part__node-status .ng2-on-report-badge {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
  color: var(--accent);
}
.trace-result .trace-part__node-status .ng2-on-report-badge > svg {
  display: block;
  width: 14px;
  height: 14px;
}
.trace-result .trace-part__result-link {
  padding: 0 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: var(--text-header-light);
  display: flex;
}
.trace-result .trace-part__result-link .relation-arrow {
  margin-left: 10px;
  margin-right: 10px;
}
.trace-result .trace-part__result-link .relation-data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.trace-result .ogrn-small {
  font-size: smaller;
}
.trace-pager {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.trace-pager .page-prev .nkb-button {
  margin-right: 0;
  border-radius: 3px 0 0 3px;
}
.trace-pager .page-next .nkb-button {
  margin-left: 0;
  border-radius: 0 3px 3px 0;
}
.trace-pager .page-info {
  width: 10em;
  padding-top: 4px;
  padding-bottom: 4px;
  color: var(--text-header-light) !important;
  background-color: var(--bg-primary) !important;
  cursor: default !important;
}
.trace-pager .page-info.nkb-button {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
}
.ends-of-trace {
  color: var(--link-active);
}
/*# sourceMappingURL=traceResult.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.balance-forms_done:before {
  content: "\2714";
  color: #51a351;
  padding: 0 0 0 4px;
}
.balance-forms_warn:before {
  content: "\26A0";
  color: #f89406;
  padding: 0 0 0 4px;
}
.balance-forms_error:before {
  content: "\2716";
  color: #bd362f;
  padding: 0 0 0 4px;
}
/*# sourceMappingURL=balanceForms.css.map */
.share-capital__type {
  color: var(--text-muted);
}
.share-capital__icon {
  font-size: unset;
}
/*# sourceMappingURL=shareCapital.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.nkb-button {
  margin: 2px;
  outline: none;
  height: 30px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border-radius: 4px;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  border: 1px solid var(--border);
  padding: 2px;
}
.nkb-button--xs {
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nkb-button:hover,
.nkb-button.active {
  border-color: var(--border);
  background-color: var(--bg-flat-hover);
}
.nkb-button :disabled {
  color: var(--text-muted);
}
.nkb-button--connections {
  margin: 0 0 6px;
}
.nkb-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.nkb-button span {
  margin: 0 1rem;
}
/*# sourceMappingURL=nkbButton.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.inline-edit__input {
  display: flex;
  flex-direction: row;
}
.inline-edit__input input {
  color: var(--text-primary);
}
/*# sourceMappingURL=inlineEdit.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
/* np-rsearch-input */
nkb-search-input {
  width: 50%;
}
/* Chrome/Safari рисуют нативный крестик очистки у input[type="search"]
 * (::-webkit-search-cancel-button) — он дублировал кастомную кнопку .hs-clear
 * (в Chrome два крестика, в Firefox один: там нативного нет). Скрываем нативный,
 * оставляя только .hs-clear. Скоуплено под nkb-search-input — rsearch-бар графа
 * (своя строка поиска) не затрагивается. */
nkb-search-input input[type="search"]::-webkit-search-cancel-button,
nkb-search-input input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
.nkb-search-input__inner {
  padding-top: 4px;
}
.nkb-search-input__input-group {
  margin: 0;
  margin-bottom: 10px;
  padding: 2px;
  background-color: var(--search-bg);
  white-space: nowrap;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 0;
  display: flex;
}
.nkb-search-input__input {
  flex-basis: 85%;
  line-height: 25px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid var(--search-border);
  webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  outline-color: var(--search-bg);
  background-color: var(--bg-primary);
}
.nkb-search-input__input:focus {
  border: 1px solid transparent;
  background-color: var(--bg-primary);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.nkb-search-input__input:-moz-placeholder {
  color: var(--search-placeholder);
}
.nkb-search-input__input:-ms-input-placeholder {
  color: var(--search-placeholder);
}
.nkb-search-input__input::-webkit-input-placeholder {
  color: var(--search-placeholder);
}
.nkb-search-input__button {
  flex-basis: 15%;
  line-height: 25px;
  font-size: 16px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  color: var(--search-btn);
}
/*# sourceMappingURL=searchInput.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.affiliated-cause-filter__inner {
  margin-left: 1em;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}
.affiliated-cause-filter__element {
  display: flex;
  justify-content: space-between;
}
.affiliated-cause-filter__element--active a {
  color: var(--link-active);
}
/*# sourceMappingURL=affiliatedCauseFilter.css.map */
.promo-box__menu {
  width: 30em;
}
.promo-box__info {
  width: 30em;
}
/*# sourceMappingURL=promoBox.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.dishonest__list-element {
  padding: 1em;
  cursor: default;
}
.dishonest__filters {
  display: flex;
  flex-direction: row;
}
.dishonest__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.dishonest__filters--fz {
  display: flex;
  flex-direction: row;
}
.dishonest__filters--fz-element {
  margin: 0 1em;
}
.dishonest__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.dishonest__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.dishonest__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.dishonest__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.dishonest__caption-header {
  font-weight: bold;
  font-size: large;
}
.dishonest__client-entry {
  display: flex;
  flex-direction: row;
}
.dishonest__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.dishonest__contract {
  margin-top: 1em;
}
.dishonest__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.dishonest__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.dishonest__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.dishonest__purchase {
  margin-top: 1em;
}
.dishonest-supplier-found {
  color: #b94a48;
}
/*# sourceMappingURL=UnfairSupplierDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.dregistry__list-element {
  padding: 1em;
  cursor: default;
}
.dregistry__filters {
  display: flex;
  flex-direction: row;
}
.dregistry__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.dregistry__filters--fz {
  display: flex;
  flex-direction: row;
}
.dregistry__filters--fz-element {
  margin: 0 1em;
}
.dregistry__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.dregistry__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.dregistry__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.dregistry__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.dregistry__caption-header {
  font-weight: bold;
  font-size: large;
}
.dregistry__client-entry {
  display: flex;
  flex-direction: row;
}
.dregistry__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.dregistry__contract {
  margin-top: 1em;
}
.dregistry__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.dregistry__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.dregistry__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.dregistry__purchase {
  margin-top: 1em;
}
.dregistry-found {
  color: #b94a48;
}
/*# sourceMappingURL=DregistryDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.loads__list-element {
  padding: 1em;
  cursor: default;
}
.loads__filters {
  display: flex;
  flex-direction: row;
}
.loads__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.loads__filters--fz {
  display: flex;
  flex-direction: row;
}
.loads__filters--fz-element {
  margin: 0 1em;
}
.loads__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.loads__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.loads__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.loads__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.loads__caption-header {
  font-weight: bold;
  font-size: large;
}
.loads__client-entry {
  display: flex;
  flex-direction: row;
}
.loads__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.loads__contract {
  margin-top: 1em;
}
.loads__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.loads__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.loads__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.loads__purchase {
  margin-top: 1em;
}
.loads-found {
  color: #b94a48;
}
/*# sourceMappingURL=LoadsDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.dregistry__list-element {
  padding: 1em;
  cursor: default;
}
.dregistry__filters {
  display: flex;
  flex-direction: row;
}
.dregistry__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.dregistry__filters--fz {
  display: flex;
  flex-direction: row;
}
.dregistry__filters--fz-element {
  margin: 0 1em;
}
.dregistry__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.dregistry__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.dregistry__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.dregistry__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.dregistry__caption-header {
  font-weight: bold;
  font-size: large;
}
.dregistry__client-entry {
  display: flex;
  flex-direction: row;
}
.dregistry__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.dregistry__contract {
  margin-top: 1em;
}
.dregistry__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.dregistry__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.dregistry__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.dregistry__purchase {
  margin-top: 1em;
}
.biregistry-found {
  color: #b94a48;
}
/*# sourceMappingURL=BiregistryDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.iplegallist__list-element {
  padding: 1em;
  cursor: default;
}
.iplegallist__filters {
  display: flex;
  flex-direction: row;
}
.iplegallist__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.iplegallist__filters--fz {
  display: flex;
  flex-direction: row;
}
.iplegallist__filters--fz-element {
  margin: 0 1em;
}
.iplegallist__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.iplegallist__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.iplegallist__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.iplegallist__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.iplegallist__caption-header {
  font-weight: bold;
  font-size: large;
}
.iplegallist__client-entry {
  display: flex;
  flex-direction: row;
}
.iplegallist__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.iplegallist__contract {
  margin-top: 1em;
}
.iplegallist__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.iplegallist__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.iplegallist__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.iplegallist__purchase {
  margin-top: 1em;
}
.iplegallist-found {
  color: #b94a48;
}
/*# sourceMappingURL=IplegallistDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.ccstats__list-element {
  padding: 1em;
  cursor: default;
}
.ccstats__filters {
  display: flex;
  flex-direction: row;
}
.ccstats__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.ccstats__filters--fz {
  display: flex;
  flex-direction: row;
}
.ccstats__filters--fz-element {
  margin: 0 1em;
}
.ccstats__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.ccstats__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.ccstats__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.ccstats__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.ccstats__caption-header {
  font-weight: bold;
  font-size: large;
}
.ccstats__client-entry {
  display: flex;
  flex-direction: row;
}
.ccstats__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.ccstats__contract {
  margin-top: 1em;
}
.ccstats__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.ccstats__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.ccstats__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.ccstats__purchase {
  margin-top: 1em;
}
.ccstats-found {
  color: #b94a48;
}
/*# sourceMappingURL=CCStatsDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.changes__list-element {
  padding: 1em;
  cursor: default;
}
.changes__filters {
  display: flex;
  flex-direction: row;
}
.changes__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.changes__filters--fz {
  display: flex;
  flex-direction: row;
}
.changes__filters--fz-element {
  margin: 0 1em;
}
.changes__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.changes__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.changes__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.changes__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.changes__caption-header {
  font-weight: bold;
  font-size: large;
}
.changes__client-entry {
  display: flex;
  flex-direction: row;
}
.changes__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.changes__contract {
  margin-top: 1em;
}
.changes__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.changes__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.changes__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.changes__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=ForeignTradeDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.addinfo__list-element {
  padding: 1em;
  cursor: default;
}
.addinfo__filters {
  display: flex;
  flex-direction: row;
}
.addinfo__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.addinfo__filters--fz {
  display: flex;
  flex-direction: row;
}
.addinfo__filters--fz-element {
  margin: 0 1em;
}
.addinfo__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.addinfo__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.addinfo__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.addinfo__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.addinfo__caption-header {
  font-weight: bold;
  font-size: large;
}
.addinfo__client-entry {
  display: flex;
  flex-direction: row;
}
.addinfo__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.addinfo__contract {
  margin-top: 1em;
}
.addinfo__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.addinfo__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.addinfo__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.addinfo__purchase {
  margin-top: 1em;
}
.addinfo-found {
  color: #2f96b4;
}
/*# sourceMappingURL=AddInfoDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.changes__list-element {
  padding: 1em;
  cursor: default;
}
.changes__filters {
  display: flex;
  flex-direction: row;
}
.changes__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.changes__filters--fz {
  display: flex;
  flex-direction: row;
}
.changes__filters--fz-element {
  margin: 0 1em;
}
.changes__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.changes__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.changes__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.changes__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.changes__caption-header {
  font-weight: bold;
  font-size: large;
}
.changes__client-entry {
  display: flex;
  flex-direction: row;
}
.changes__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.changes__contract {
  margin-top: 1em;
}
.changes__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.changes__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.changes__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.changes__purchase {
  margin-top: 1em;
}
.changes-found {
  color: #2f96b4;
}
/*# sourceMappingURL=ChangesDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.bankrupt__list-element {
  padding: 1em;
  cursor: default;
}
.bankrupt__filters {
  display: flex;
  flex-direction: row;
}
.bankrupt__filters--group {
  display: flex;
  flex-direction: column;
  margin: 0 1em;
}
.bankrupt__filters--fz {
  display: flex;
  flex-direction: row;
}
.bankrupt__filters--fz-element {
  margin: 0 1em;
}
.bankrupt__filters--fz-element:first-of-type {
  margin-left: 0em;
}
.bankrupt__entry-card {
  border: 1px solid var(--border);
  border-radius: 3px;
  padding: 2em;
  margin-bottom: 1em;
}
.bankrupt__entry-card--ARCHIVED {
  color: var(--text-muted);
}
.bankrupt__caption {
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.bankrupt__caption-header {
  font-weight: bold;
  font-size: large;
}
.bankrupt__client-entry {
  display: flex;
  flex-direction: row;
}
.bankrupt__client-entry-header {
  font-weight: bold;
  flex-basis: 20%;
}
.bankrupt__contract {
  margin-top: 1em;
}
.bankrupt__contract-info-entry {
  display: flex;
  flex-direction: row;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.bankrupt__contract-info-name {
  flex-basis: 80%;
  font-style: italic;
}
.bankrupt__contract-info-sum {
  flex-basis: 20%;
  font-weight: bold;
  align-self: center;
  text-align: center;
}
.bankrupt__purchase {
  margin-top: 1em;
}
.bankrupt-found {
  color: #b94a48;
}
/*# sourceMappingURL=BankruptDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.nkb-search-result-details__inner {
  position: relative;
  font-size: 14px;
  line-height: 1.4286;
}
.nkb-search-result-details ul.list-inline {
  margin: 0;
}
.nkb-search-result-details__inner.on-report .ng2-on-report-badge {
  position: absolute;
  top: 35px;
  right: calc(100% + 11px);
  z-index: 2;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid var(--line-2);
}
.nkb-search-result-details .ng2-on-report-badge > svg {
  display: block;
  width: 14px;
  height: 14px;
  color: var(--accent);
}
.nkb-search-result-details nkb-favorites-dialog {
  position: absolute;
  top: 9px;
  left: -28px;
}
.nkb-search-result-details .actions {
  padding: 0 7px 0 0;
}
.nkb-search-result-details .actions .col-md-5 {
  width: 360px;
}
.nkb-search-result-details .actions .actions-row {
  margin-bottom: 20px;
}
.nkb-search-result-details .actions .actions-label {
  margin-top: 0;
  line-height: 1;
  font-weight: normal;
  color: var(--text-header-light);
}
.nkb-search-result-details .actions .actions-list {
  margin-bottom: 20px;
}
.nkb-search-result-details .actions .actions-list li > ul {
  padding-top: 5px;
}
.nkb-search-result-details .product-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 5px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--panel-border);
  background-color: var(--bg-panel);
}
.nkb-search-result-details .product-panel .shadow-lift-lb-corner:before {
  z-index: -2;
  position: absolute;
  content: "";
  bottom: 20px;
  right: 5px;
  left: 10px;
  top: 0;
  background-color: var(--shadow-color);
  -webkit-box-shadow: 0 15px 10px var(--shadow-color);
  -moz-box-shadow: 0 15px 10px var(--shadow-color);
  box-shadow: 0 15px 10px var(--shadow-color);
  -webkit-transform: rotate(1deg);
  -moz-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  -o-transform: rotate(1deg);
  transform: rotate(1deg);
}
.nkb-search-result-details .product-panel .shadow-lift-lb-corner:after {
  background-color: var(--bg-primary);
}
.nkb-search-result-details .product-panel-label {
  margin-top: 5px;
  line-height: 1;
  font-weight: normal;
  color: var(--text-header-light);
}
.nkb-search-result-details ul > li {
  margin-bottom: 5px;
}
.purchase-lot-information {
  margin-left: 0.5em;
  margin-top: 0.5em;
}
.lot-number {
  font-weight: 700;
  margin-bottom: 0.2em;
}
/*# sourceMappingURL=searchResultDetails.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.action.relations-product {
  position: relative;
  display: block;
  height: 127px;
  margin-top: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid var(--panel-border);
  background: var(--bg-panel) no-repeat 22px 38px url(images/relations.png);
}
.action.relations-product:after {
  background-color: var(--bg-primary);
}
.search-result-link__block {
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
}
.search-result-link__header {
  color: var(--text-header-light);
  margin: 0 0 2px;
  line-height: 1.2;
}
.search-result-link__li {
  margin-bottom: 2px;
  line-height: 1.3;
}
.search-result-link ul.list-unstyled {
  margin: 0;
}
.search-result-link ul.list-unstyled li {
  line-height: 1.3;
}
.search-result-link .action {
  line-height: 1.3;
}
.search-result-link__label {
  color: #51a351;
}
/*# sourceMappingURL=searchResultLink.css.map */
.nkb-relation-link__filter {
  margin-left: 1em;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}
.nkb-relation-link__filter-element {
  display: flex;
  justify-content: space-between;
}
/*# sourceMappingURL=relationLink.css.map */
.actions__purchase {
  margin-left: 0.5em;
  margin-top: 0.5em;
}
.egrul-prods {
  margin-top: 1em;
}
/*# sourceMappingURL=actions.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.beneficiars {
  /* feature-flag D3-toggle: показ под localStorage feature.d3graph=1 */
}
.beneficiars__inner {
  padding: 10px 0px 20px 0;
  display: flex;
  flex-direction: column;
}
.beneficiars__tools {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 15px;
}
.beneficiars__filters {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  justify-content: space-between;
}
.beneficiars__export {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 1em;
}
.beneficiars__pager {
  margin-top: 0.5em;
  margin-right: 1em;
  align-self: flex-end;
  display: flex;
  flex-direction: row;
}
.beneficiars__select {
  width: 12em;
  margin-right: 5px;
}
.beneficiars__select select {
  width: 100%;
}
.beneficiars__select--history {
  width: 14em;
}
.beneficiars__filters-message {
  padding-top: 5px;
  color: var(--text-muted);
}
.beneficiars__percent-range {
  width: 14em !important;
  margin-right: 2em;
  padding-top: 0.3em;
}
.beneficiars__percent-value {
  flex-basis: 4em;
  color: var(--text-light);
  text-align: right;
  padding-top: 0.5em;
}
.beneficiars__view-toggle {
  display: inline-flex;
  margin-left: 1em;
}
.beneficiars__view-toggle button {
  padding: 0.3em 0.8em;
  border: 1px solid var(--text-muted);
  background: transparent;
  cursor: pointer;
}
.beneficiars__view-toggle button:first-child {
  border-radius: 3px 0 0 3px;
}
.beneficiars__view-toggle button:last-child {
  border-radius: 0 3px 3px 0;
  border-left: none;
}
.beneficiars__view-toggle button.active {
  background: #2f96b4;
  color: white;
  border-color: #2f96b4;
}
/* ===== [Слияние] Тулбар бенефициаров «в стиль сайта» (новый лейаут rsearch) =====
 * Контролы переведены на дизайн-токены нового лейаута: фон var(--paper), рамка var(--line-2),
 * текст var(--ink), скругление, svg-шеврон, акцент на hover/focus. */
.beneficiars__tools {
  padding-bottom: 16px;
}
.beneficiars .nkb-select {
  height: auto;
  background-color: var(--paper);
  border: 1px solid var(--line-2);
  border-radius: 10px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a94ad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat;
  background-position: right 11px center;
  transition: border-color 0.15s;
}
.beneficiars .nkb-select:hover,
.beneficiars .nkb-select:focus-within {
  border-color: var(--accent);
}
.beneficiars .nkb-select select {
  height: 36px;
  padding: 6px 30px 6px 12px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--ink);
  cursor: pointer;
}
.beneficiars__export {
  gap: 14px;
}
.beneficiars__export input[type="checkbox"] {
  accent-color: var(--accent);
  width: 15px;
  height: 15px;
  cursor: pointer;
  vertical-align: -2px;
}
.beneficiars__export b {
  font-weight: 600;
  color: var(--ink);
}
.beneficiars__percent-range {
  accent-color: var(--accent);
}
.beneficiars__percent-value {
  color: var(--ink-2);
}
.beneficiars__filters-message,
.beneficiars .filters-message.hint {
  color: var(--ink-3);
  font-size: 13px;
}
.beneficiars__export .nkb-button,
.beneficiars__pager .nkb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 0 14px;
  border-radius: 10px;
}
.beneficiars__export .nkb-button img,
.beneficiars__pager .nkb-button img {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
}
.beneficiars__export .nkb-button span,
.beneficiars__pager .nkb-button span {
  margin: 0;
}
/* Тёмная тема: img-иконки кнопок и стрелок пейджера тулбара цепочек — фиксированно-тёмные,
 * на тёмном фоне почти не видны. Инвертируем (светлые) для контраста. */
[data-theme="dark"] .beneficiars__pager .nkb-button img,
[data-theme="dark"] .beneficiars__export .nkb-button img {
  filter: invert(1) brightness(1.5);
}
/*# sourceMappingURL=beneficiars.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.node-history__inner {
  color: var(--text-header-light);
}
.node-history__labels {
  color: var(--text-muted);
  margin-left: 5px;
}
.node-history__icon {
  vertical-align: -5px;
  font-size: 150%;
}
.node-history__entry {
  font-style: italic;
  margin-right: 10px;
}
/*# sourceMappingURL=nodeHistory.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.autokad-info__table {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.autokad-info__table-row {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.info-cell {
  display: flex;
  flex-direction: column;
  flex-basis: 30%;
  font-size: small;
}
.info-cell--header {
  font-size: 11px;
  font-weight: bold;
}
.info-cell--row-header {
  font-variant: all-petite-caps;
}
.info-cell--plaintiff-active {
  color: #51a351;
}
.info-cell--plaintiff-closed {
  color: rgba(89, 186, 89, 0.34);
}
.info-cell--defendant-active {
  color: #bd362f;
}
.info-cell--defendant-closed {
  color: var(--link-active-underline);
}
/*# sourceMappingURL=autokadInfo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.balance-properties__inner {
  margin-top: 1em;
  margin-left: 1.3em;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.balance-properties__property {
  flex-basis: 50%;
  font-size: small;
}
.balance-properties__property-caption {
  font-size: 11px;
}
.indicator--up {
  color: #51a351;
}
.indicator--down {
  color: #bd362f;
}
.balance-properties__percent {
  font-size: 11px;
}
.balance-properties__percent--up {
  color: #51a351;
}
.balance-properties__percent--down {
  color: #bd362f;
}
/*# sourceMappingURL=finInfo.css.map */
/*
 * Animate
 *
 * TODO проверить в браузерах
 */
/*
 * animate-pulsed-flash
 *
 */
.animatePulsedFlashKeyframes 0%,
.animatePulsedFlashKeyframes 50%,
.animatePulsedFlashKeyframes 100% {
  opacity: 1;
}
.animatePulsedFlashKeyframes 25%,
.animatePulsedFlashKeyframes 75% {
  opacity: 0.5;
}
.animate-pulsed-flash {
  -webkit-animation: animate-pulsed-flash 2s infinite;
  -moz-animation: animate-pulsed-flash 2s infinite;
  -ms-animation: animate-pulsed-flash 2s infinite;
  -o-animation: animate-pulsed-flash 2s infinite;
  animation: animate-pulsed-flash 2s infinite;
}
/*
 * animate-pulsed-flash 1-iteration
 *
 */
.animate-pulsed-flash-1 {
  -webkit-animation: animate-pulsed-flash 2s 1;
  -moz-animation: animate-pulsed-flash 2s 1;
  -ms-animation: animate-pulsed-flash 2s 1;
  -o-animation: animate-pulsed-flash 2s 1;
  animation: animate-pulsed-flash 2s 1;
}
/*
 * animate-fadeout
 *
 */
.animateFadeoutKeyframes 0% {
  opacity: 1;
}
.animateFadeoutKeyframes 100% {
  opacity: 0;
}
.animate-fadeout {
  -webkit-animation: animate-fadeout 0.5s;
  -moz-animation: animate-fadeout 0.5s;
  -ms-animation: animate-fadeout 0.5s;
  -o-animation: animate-fadeout 0.5s;
  animation: animate-fadeout 0.5s;
}
/*
 * animate-fadein
 *
 */
.animateFadeinKeyframes 0% {
  opacity: 0;
}
.animateFadeinKeyframes 100% {
  opacity: 1;
}
.animate-fadein {
  -webkit-animation: animate-fadein 0.5s;
  -moz-animation: animate-fadein 0.5s;
  -ms-animation: animate-fadein 0.5s;
  -o-animation: animate-fadein 0.5s;
  animation: animate-fadein 0.5s;
}
/* app */
/* Цвета-leaf переведены на CSS-токены (см. theme.less). Значения light = :root,
   dark = .theme-dark на <html>. Бренд/статус-цвета ниже остаются литералами. */
/* content */
/* link — репойнтнуто с бренда на токены: ссылки светлеют на тёмном, логотип нет */
/* button */
/* input */
/* box */
/* icon */
/**/
/* state */
/* shadows */
/* panel */
/* search input — жёлтый bg сохраняем во всех темах, обрамление темится */
/* favorites */
.small-subject-state__entry--micro {
  color: #2f96b4;
}
.small-subject-state__entry--small {
  color: #51a351;
}
.small-subject-state__entry--medium {
  color: #f89406;
}
/*# sourceMappingURL=smallSubjectState.css.map */