@charset "UTF-8";
@import '@diplodoc/transform/dist/css/yfm.css';
/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
:root {
  --header-height: 64px;
}

.g-root {
  --pc-color-telegram: #51a4db;
  --pc-color-facebook: #4968ad;
  --pc-color-twitter: #4aa0eb;
  --pc-color-vk: #436eab;
  --pc-color-youtube: #eb3323;
  --pc-color-github: #25292e;
  --pc-color-rss: #f29c39;
  --pc-color-linkedin: #0a66c2;
  --g-text-accent-font-weight: 500;
  --pc-transparent: rgba(255, 255, 255, 0);
  --pc-border-radius: 24px;
  --pc-image-padding: 4px;
  --pc-color-sfx-shadow: var(--g-color-base-simple-hover);
  --pc-color-line-generic-active-solid: #b3b3b3;
  --pc-color-base-float-hover: var(--g-color-base-float);
  --pc-monochrome-button-background-color: #262626;
  --pc-monochrome-button-background-color-hover: #393939;
  --pc-monochrome-button-color: var(--g-color-text-light-primary);
  --pc-text-header-color: var(--g-color-text-primary);
  --pc-media-card-meta-info-color: var(--g-color-text-secondary);
  --pc-tab-item-color: var(--g-color-text-primary);
  --pc-tab-item-background-color: var(--g-color-base-generic);
  --pc-tab-item-background-color-hover: var(--g-color-base-generic-hover);
  --pc-selected-tab-item-color: var(--pc-monochrome-button-color);
  --pc-selected-tab-item-background-color: var(--pc-monochrome-button-background-color);
  --pc-selected-tab-item-background-color-hover: var(
      --pc-monochrome-button-background-color-hover
  );
  --pc-color-line-focus-light: var(--g-color-text-brand);
  --pc-color-line-focus-dark: var(--g-color-text-light-primary);
}
.g-root_theme_light {
  --pc-color-base-silver: #eff2f8;
  --pc-color-base-gold: #ffdb4d;
  --pc-color-base-asphalt: #313538;
  --pc-color-base-copper: #ffe6c4;
  --g-color-line-focus: var(--pc-color-line-focus-light);
}
.g-root_theme_dark {
  --pc-color-base-silver: #bcc0c4;
  --pc-color-base-gold: #ffde5d;
  --pc-color-base-asphalt: #474d52;
  --pc-color-base-copper: #7f7262;
  --g-color-line-focus: var(--pc-color-line-focus-dark);
}
.g-root.g-root_theme_dark {
  --pc-color-sfx-shadow: var(--g-color-sfx-shadow);
  --pc-color-line-generic-active-solid: #6c6c70;
  --pc-color-base-float-hover: var(--g-color-base-float-hover);
  --pc-monochrome-button-background-color: #ffffff;
  --pc-monochrome-button-background-color-hover: #e9e9e9;
  --pc-monochrome-button-color: var(--g-color-text-dark-primary);
}

/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.yfm_constructor {
  font-family: var(--g-font-family-sans);
  color: var(--g-color-text-primary);
}
.yfm_constructor code,
.yfm_constructor kbd,
.yfm_constructor pre {
  font-family: var(--g-font-family-monospace);
  color: var(--g-color-text-primary);
}
.yfm_constructor.yfm_constructor h1,
.yfm_constructor.yfm_constructor h2,
.yfm_constructor.yfm_constructor h3,
.yfm_constructor.yfm_constructor h4,
.yfm_constructor.yfm_constructor h5,
.yfm_constructor.yfm_constructor h6,
.yfm_constructor.yfm_constructor span,
.yfm_constructor.yfm_constructor p,
.yfm_constructor.yfm_constructor li {
  color: var(--g-color-text-primary);
}
.yfm_constructor.yfm_constructor_notice li,
.yfm_constructor.yfm_constructor_notice p {
  color: var(--g-color-text-secondary);
}
.yfm_constructor.yfm_constructor_meta_info p {
  color: var(--pc-media-card-meta-info-color);
  font-weight: var(--g-text-accent-font-weight);
}
.yfm_constructor.yfm_constructor ul,
.yfm_constructor.yfm_constructor ol,
.yfm_constructor.yfm_constructor li,
.yfm_constructor.yfm_constructor p {
  margin: 0 0 12px;
}
.yfm_constructor.yfm_constructor p strong {
  font-weight: var(--g-text-accent-font-weight);
}
.yfm_constructor.yfm_constructor_size_s ul,
.yfm_constructor.yfm_constructor_size_s ol,
.yfm_constructor.yfm_constructor_size_s li,
.yfm_constructor.yfm_constructor_size_s p {
  margin-bottom: 8px;
}
.yfm_constructor.yfm_constructor_theme_dark p {
  color: var(--g-color-text-light-primary);
}

.yfm_constructor_list_style ul {
  padding-left: 20px;
}
.yfm_constructor_list_style_dash ul {
  list-style-type: none;
  position: relative;
}
.yfm_constructor_list_style_dash ul li:before {
  content: "—";
  position: absolute;
  margin-left: -20px;
}
.yfm_constructor a {
  outline: none;
}
.utilityfocus .yfm_constructor a:focus {
  outline: 2px solid #ffdb4d;
}
.yfm_constructor a {
  color: var(--g-color-text-link);
  text-decoration: none;
  cursor: pointer;
}
.yfm_constructor a:hover, .yfm_constructor a:active {
  --pc-text-header-color: var(--g-color-text-link-hover);
  color: var(--g-color-text-link-hover);
}
.yfm_constructor a:focus {
  box-shadow: 0 0 0 2px var(--g-color-line-focus);
}
.yfm_constructor a:focus:not(:focus-visible) {
  box-shadow: none;
}
.yfm_constructor a {
  border-radius: var(--g-focus-border-radius);
}
.yfm_constructor table {
  color: var(--g-color-text-primary);
  border: 1px solid var(--g-color-line-generic);
  background: var(--g-color-base-background);
}
.yfm_constructor thead,
.yfm_constructor table tr:nth-child(2n) {
  background-color: var(--g-color-base-generic);
}

.yfm_constructor_table table {
  border: 0;
  table-layout: fixed;
}
.yfm_constructor_table thead,
.yfm_constructor_table tr {
  /* stylelint-disable declaration-no-important */
  background-color: transparent !important;
}
.yfm_constructor_table tbody tr {
  border-top: 1px solid var(--g-color-line-generic);
}
.yfm_constructor_table td,
.yfm_constructor_table th {
  min-width: 120px;
  width: 120px;
  box-sizing: content-box;
  white-space: inherit !important;
}
.yfm_constructor_table td:first-child,
.yfm_constructor_table th:first-child {
  min-width: 172px;
  width: 172px;
}
.yfm_constructor_table th {
  text-align: left !important;
}
.yfm_constructor_table {
  /* stylelint-enable declaration-no-important */
}

.pc-page-constructor {
  font-feature-settings: "liga", "kern", "pnum" on, "lnum" on, "ss03" on;
  margin-top: 0;
  background-color: var(--g-color-base-background);
  z-index: 10;
}
.pc-page-constructor__wrapper {
  position: relative;
}
.pc-page-constructor__background.pc-page-constructor__background {
  top: calc(-1 * var(--header-height));
}