/* inter-regular - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - cyrillic_cyrillic-ext_latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v18-cyrillic_cyrillic-ext_latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.g-root {
    --g-font-family-sans: 'Inter', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
    --g-text-body-font-family: 'Inter', 'Helvetica Neue', 'Arial', 'Helvetica', sans-serif;
    --g-text-input-background-color: #F2F2F2;
    --g-text-input-placeholder-color: #77787B;
    --g-color-text-secondary: #84908D;
    --g-color-text-link: #00BD2B;
    --g-color-text-link-hover: #00BD2B;
    --g-color-base-selection: #E8F6EB;
    --g-color-base-selection-hover: #F2F2F2;
    --pc-image-padding: 0px;
    --pc-border-radius: 6px;

    --yfm-font-family-sans: var(--g-font-family-sans);

    --mp-container-width: 1440px;
    --mp-header-font-size: 32px;
    --mp-active-background-color: #E8F6EB;
    --mp-border-element-color: var(--g-color-private-black-100);
}

:focus-visible {
    outline: none;
}

.pc-layout__content>.pc-Grid .container-fluid,
.pc-layout__navigation>.container-fluid,
.container-fluid {
    width: 100%;
    max-width: var(--mp-container-width);
    padding: 0 40px;
}

/** Навигация */
.g-root .pc-desktop-navigation__wrapper {
    padding: 0;
}

.pc-logo {
    position: relative;
    padding: 8px 0;
}

.pc-logo .pc-logo__icon {
    margin-right: 0;
}

.pc-logo .pc-logo__text {
    font-size: 11px;
    color: var(--g-text-input-placeholder-color);
    position: absolute;
    right: 0;
    bottom: -12px;
}

.pc-desktop-navigation__buttons {
    gap: 16px;
}

.pc-desktop-navigation__right {
    gap: 8px;
}

.pc-desktop-navigation__mobile-navigation-container {
    padding-right: 0;

}

/** Поиск */

.Suggest {
    margin-right: 0;
}

.Suggest__input .g-text-input__content {
    border: none;
    background: none;
    border-radius: 0;
}

.Suggest__input input.g-text-input__control,
.dc-root_focused-search .Suggest__input input.g-text-input__control
{
    background-color: var(--g-text-input-background-color, var(--_--background-color));
    border-radius: var(--g-border-radius-m);
    padding-inline-end: 12px;
    padding: 9px 12px;
}

.Suggest__input .g-text-input__additional-content {
    width: 36px;
    height: 36px;
    padding: 6px;
    box-sizing: border-box;
}

.dc-sidebar-content__main-menu {
    padding: 12px 40px;
}

.dc-sidebar-content__main-menu .pc-navigation-item:has(.dc-controls),
.dc-sidebar-content__main-menu .pc-navigation-item:has(.dc-search-suggest__wrapper),
.dc-sidebar-content__controls-wrapper .dc-mobile-controls .dc-mobile-control:last-child {
    display: none;
}


.Suggest__close, .Suggest__end {
    display: flex;
    color: var(--g-color-text-secondary);
    margin-left: 0
}

/** Заголовки */
.pc-header-block {
    margin-top: 20px;
}

.pc-header-block .pc-header-block__content_vertical-offset_s {
    padding: 24px 0;
}

.pc-header-block .pc-header-block__content-inner {
    text-align: center;
}

.pc-header-block .pc-header-block__title {
    font-size: var(--mp-header-font-size);
    font-weight: 600;
}

/** Баннер */
.col:has(.pc-banner-block) {
    padding: 0;
}

.pc-block-base.pc-block-base.pc-block-base.pc-block-base_indentTop_l {
    margin-top: 24px;
}

.pc-banner-block .pc-banner-card__title {
    font-size: 20px;
    font-weight: 600;
}

.pc-banner-block .pc-banner-card__title a {
    color: inherit;
}

.pc-banner-block .pc-banner-card__title a:hover, .pc-banner-block .pc-banner-card__title a:active {
    --pc-text-header-color: var(--g-color-text-link-hover);
    color: var(--g-color-text-link-hover);
}

.pc-banner-block .pc-banner-card__subtitle {
    font-size: 15px;
}

.pc-banner-block .pc-banner-card__info {
    justify-content: center;
}

/** Модули */
.pc-block-base.pc-constructor-block_type_extended-features-block {
    background: var(--g-text-input-background-color);
    border-radius: var(--g-border-radius-m);
    padding: 32px !important;

    --g-text-display-2-font-size: 20px;
    --g-text-header-1-font-size: 20px;
    --g-text-accent-font-weight: 600;
}

.pc-block-base .pc-ExtendedFeaturesBlock__item {
    display: flex;
    gap: 8px;
}

.pc-block-base .pc-content__text_without-title .yfm {
    font-size: 13px;
}

.pc-ExtendedFeaturesBlock__item-title {
    --g-color-text-link: var(--pc-text-header-color);
    line-height: 100%;
}

.pc-ExtendedFeaturesBlock__container {
    padding-top: 4px;
}

/** Дополнительные разделы */
.pc-constructor-block_type_card-layout-block .pc-image-card,
.pc-constructor-block_type_card-layout-block .pc-card-base-block,
.pc-constructor-block_type_content-layout-block .pc-content-layout-block
{
    background: var(--g-text-input-background-color);

    --g-text-display-2-font-size: 20px;
    --g-text-header-1-font-size: 20px;
    --g-text-accent-font-weight: 600;
}

.pc-constructor-block_type_card-layout-block .pc-image-card .pc-image-card__image {
    display: flex;
    justify-content: center;
}

.pc-constructor-block_type_card-layout-block .pc-image-card .pc-image-card__image_inner {
    width: auto;
}

.pc-image-card .pc-title-item__text a {
    color: inherit;
}

.pc-image-card .pc-title-item__text a:hover, .pc-image-card .pc-title-item__text a:active {
    --pc-text-header-color: var(--g-color-text-link-hover);
    color: var(--g-color-text-link-hover);
}

/** Help us */
.pc-constructor-block_type_content-layout-block .pc-content-layout-block {
    padding: 32px;
    border-radius: var(--g-border-radius-m);
    margin-bottom: 24px;
}

/** Контент страницы */
.dc-doc-page {
    width: auto;
}

.dc-doc-layout__toc {
    padding-left: 0;
}

.dc-toc__content>.dc-toc__list {
    padding-right: 22px;
}

.dc-toc > .dc-toc__content > .dc-toc__list {
    --mp-toc-list-level: 0;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 1;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 2;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 3;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 4;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 5;
}

.dc-toc > .dc-toc__content > .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list .dc-toc__list {
    --mp-toc-list-level: 6;
}

.dc-toc__list-item:not(.dc-toc__list-item_labeled) >.dc-toc__list {
    padding-left: 0;
}

.dc-toc .dc-toc-item__arrow {
    margin-left: 4px;
}

.dc-toc .dc-toc-item__arrow,
.dc-toc .dc-toc-item__arrow .g-button__icon {
    width: 16px !important;
    height: 16px;
}

.dc-toc .dc-toc__list-item > .dc-toc-item__wrapper {
    gap: 4px;
}

.dc-toc__list-item > .dc-toc-item__wrapper > .dc-toc-item__link {
    flex-grow: 1;
}

.dc-toc__list-item > .dc-toc-item__wrapper {
    padding-left: calc(var(--mp-toc-list-level) * 16px);
}

.dc-toc__list-item > .dc-toc-item__link > .dc-toc-item__text,
.dc-toc__list-item > button.dc-toc-item__text {
    padding-left: calc(var(--mp-toc-list-level) * 16px + 24px);
}

.dc-toc__list-item > button.dc-toc-item__text .dc-toc-item__icon {
    left: calc(var(--mp-toc-list-level)* 16px + 4px)
}

.dc-doc-page__content figure {
    margin: 0;
    padding: 0;
}

.dc-doc-page__body > .embed-responsive .embed-responsive-item,
.dc-doc-page__body > figure {
    display: block;
    height: auto;
    width: 100% !important;
    margin: 8px 0;
}

.dc-doc-page__body > .embed-responsive .embed-responsive-item {
    aspect-ratio: 16 / 9;
    border: 1px solid var(--mp-border-element-color);
    box-sizing: border-box;
}

.dc-doc-page__body > figure img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--mp-border-element-color);
    box-sizing: border-box;
    cursor: zoom-in;
}

.dc-doc-page__body > .embed-responsive + .dc-doc-page__body > figure,
.dc-doc-page__body > figure + .dc-doc-page__body > .embed-responsive,
.dc-doc-page__body > .embed-responsive + .dc-doc-page__body > .embed-responsive,
.dc-doc-page__body > figure + .dc-doc-page__body > figure {
    margin-top: 0;
}

.dc-doc-page__content .yfm {
    color: #262626;
    line-height: 1.4;
}

/* gallery */
.gallery {
    display: none;
}

.splide {
    padding: 0 57px;
}

.splide__arrows {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    width: calc(100% - 114px);
}

.splide__arrow {
    width: 32px;
    height: 32px;
    background: white;
    box-shadow: 0 2px 4px rgba(10, 10, 12, .08);
    border-radius: 50%;
    border: 0;
    cursor: pointer;
    position: absolute;
    z-index: 1;
}

.splide__arrow--next {
    right: 8px;
}

.splide__arrow--prev {
    transform: rotate(180deg);
    left: 8px;
}

.splide__arrow svg {
    width: 18px;
    height: 18px;
    fill: #3E425E;
    transform: scale(.6);
}

.splide__arrow:hover svg {
    transform: scale(.8)
}

.splide__arrow:disabled {
    opacity: .6;
}

.splide__slide figure {
    text-align: center;
    background: #F2F2F2;
}

.splide__slide figure img {
    max-width: 100%;
    height: auto;
    cursor: zoom-in;
    border: 1px solid var(--mp-border-element-color);
    box-sizing: border-box;
}

.thumbnails {
    display: flex;
    margin: 1rem auto 0;
    padding: 0;
    justify-content: center;
}

.thumbnail {
    width: auto;
    height: 56px;
    overflow: hidden;
    list-style: none;
    margin: 0 0.2rem;
    cursor: pointer;
    opacity: 0.3;
    box-sizing: border-box;
    border: 2px solid transparent;
    padding: 2px;
}

.thumbnail.is-active {
    opacity: 1;
    border: 2px solid #4DD16B;
}

.thumbnail img {
    width: auto;
    height: 56px;
}