html, body{
    overscroll-behavior: none;
}

.wh_footer {
    position: absolute;
    padding: 0;
    min-width: 226px;
    background: none;
}

.wh_content_area > div.row {
    justify-content: space-between;
    flex-wrap: nowrap;
}

#wh_publication_toc,
#wh_topic_body,
#wh_topic_toc {
    flex: 0 0 0;
    transition: width 450ms ease-in-out, flex-basis 450ms ease-in-out, padding-right 450ms ease-in-out, padding-left 450ms ease-in-out;
}

.safari #wh_publication_toc,
.safari #wh_topic_body,
.safari #wh_topic_toc {
    transition: all 0.45s ease-in-out;
}

nav#wh_publication_toc {
    width: 284px;
    flex-basis: 284px;
    overflow: hidden;
    z-index: 699;
    transition: width 450ms ease-in-out, flex-basis 450ms ease-in-out, padding-right 450ms ease-in-out, padding-left 450ms ease-in-out;
}
nav#wh_publication_toc>* {
    margin-left: 0;
    transition: margin-left 450ms ease-in-out;
}

.safari nav#wh_publication_toc {
    transition: all 0.45s ease-in-out;
}

.left-side-menu-close nav#wh_publication_toc {
    width: 0;
    flex-basis: 0;
}
.left-side-menu-close nav#wh_publication_toc>* {
    margin-left: -284px;
}

div#wh_topic_body {
    flex-grow: 1;
    flex-shrink: 1;
    max-width: none;
    flex-basis: min-content;
    padding-top: 54px; /* see oxygen_wh_template/ecp-ru-new/resources/js/common.js dynamicPaddingTopWhTopicBody() */
    padding-left: 34px;
    padding-right: 37px;
    overflow-x: auto;
    transition: padding-right 450ms ease-in-out, padding-left 450ms ease-in-out;
}

.safari div#wh_topic_body {
    transition: all 0.45s ease-in-out;
}

.right-side-menu-close div#wh_topic_body {
    padding-right: 105px;
}

.left-side-menu-close div#wh_topic_body {
    padding-left: 105px;
}

@media (max-width: 1279.9px) {
    .right-side-menu-close div#wh_topic_body,
    .left-side-menu-close div#wh_topic_body,
    div#wh_topic_body {
        padding-right: 75px;
        padding-left: 72px;
    }
    nav#wh_publication_toc {
        width: 280px;
        flex-basis: 280px;
    }
}

@media (max-width: 767.9px) {
    div#wh_topic_body,
    .right-side-menu-close div#wh_topic_body,
    .left-side-menu-close div#wh_topic_body {
        padding-right: 24px;
        padding-left: 24px;
    }
}

nav#wh_topic_toc {
    flex-grow: 0;
    width: 283px;
    flex-basis: 283px;
    overflow: hidden;
    z-index: 699;
    transition: width 450ms ease-in-out, flex-basis 450ms ease-in-out, padding-right 450ms ease-in-out, padding-left 450ms ease-in-out;
}

.safari nav#wh_topic_toc {
    transition: all 0.45s ease-in-out;
}

.right-side-menu-close nav#wh_topic_toc {
    width: 0;
    flex-basis: 0;
}

#wh_close_topic_toc_button,
#wh_close_publication_toc_button {
    display: none !important;
}

.right-side-menu-close nav#wh_topic_toc,
.left-side-menu-close nav#wh_publication_toc {
    transition: width 450ms ease-in-out, flex-basis 450ms ease-in-out, padding-right 450ms ease-in-out, padding-left 450ms ease-in-out;
}

@media screen {
    .right-side-menu-close nav#wh_topic_toc,
    .left-side-menu-close nav#wh_publication_toc {
        padding-left: 0;
        padding-right: 0;
    }
}

.safari.right-side-menu-close nav#wh_topic_toc,
.safari.left-side-menu-close nav#wh_publication_toc {
    transition: all 0.45s ease-in-out;
}

.left-side-menu-transition-disable nav#wh_publication_toc,
.right-side-menu-transition-disable nav#wh_topic_toc {
    transition: width 0ms ease-in-out, flex-basis 0ms ease-in-out, padding-right 0ms ease-in-out, padding-left 0ms ease-in-out;
}

.safari.left-side-menu-transition-disable nav#wh_publication_toc,
.safari.right-side-menu-transition-disable nav#wh_topic_toc {
    transition: all 0s ease-in-out;
}

.left-side-menu-transition-disable div#wh_topic_body,
.right-side-menu-transition-disable div#wh_topic_body {
    transition: padding-right 0s ease-in-out, padding-left 0s ease-in-out;
}

.safari.left-side-menu-transition-disable #div#wh_topic_body,
.safari.right-side-menu-transition-disable div#wh_topic_body {
    transition: all 0s ease-in-out;
}

figure.fig {
    margin-bottom: 15px;
}

.topic {
    border-bottom: solid 1px transparent;
}

#wh_topic_body .fig_hide figcaption.title,
#wh_topic_body .fig_show figcaption.title {
    position: relative;
}

#wh_topic_body .fig_hide figcaption.title::after,
#wh_topic_body .fig_show figcaption.title::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 43px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiPiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPHBhdGggZmlsbD0iIzYzNjM2MyIgZD0iTTEuODM0IDBMNi4yNCA0LjU4IDEwLjY0NiAwIDEyIDEuNDFsLTUuNzYgNi01Ljc2LTZ6Ii8+ICAgIDwvZz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat;
    transition: all 200ms;
    cursor: pointer;
    border-radius: 25px;
    height: 24px;
    width: 24px;
}

#wh_topic_body .fig_hide figcaption.title::after,
#wh_topic_body .fig_show.fig_hide_open figcaption.title::after,
#wh_topic_body .fig_show.active figcaption.title::after {
    background-color: unset;
    box-shadow: unset;
    transform: rotate(-90deg);
}

#wh_topic_body .fig_show figcaption.title::after,
#wh_topic_body .fig_hide.fig_hide_open figcaption.title::after,
#wh_topic_body .fig_hide.active figcaption.title::after {
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
    transform: rotate(0deg);
}

#wh_topic_body .fig_hide figcaption.title .fig--title,
#wh_topic_body .fig_show figcaption.title .fig--title {
    display: block;
    margin-left: 62px;
}