@media screen and (min-width: 769px) {
    .sidebar-collapse-toggle {
        position: absolute;
        /* z-index выше блока с лого (custom.css), иначе он перехватывает клики по кнопке. */
        z-index: 20;
        right: 12px;
        top: calc((var(--header-row-height, 50px) - 24px) / 2);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 24px;
        padding: 0;
        background: transparent;
        border: 1px solid var(--color-search-text, #84889C);
        border-radius: var(--radius-s);
        color: var(--color-search-text, #84889C);
        cursor: pointer;
    }

    .sidebar-collapse-toggle:hover,
    .sidebar-collapse-toggle:focus-visible {
        background: rgba(255, 255, 255, .1);
        border-color: var(--color-menu-caption, #9B99FF);
        color: var(--color-menu-caption, #9B99FF);
    }

    .sidebar-collapse-toggle svg {
        width: 16px;
        height: 16px;
        transition: transform .2s ease;
    }

    html.sidebar-collapsed .sidebar-collapse-toggle svg {
        transform: rotate(180deg);
    }

    /* Специфичность должна быть выше правил sidebar-resize.css, иначе они переопределят свёрнутую ширину. */
    html.sidebar-collapsed .wy-nav-side {
        width: var(--sidebar-collapsed-width) !important;
        min-width: 0 !important;
        overflow: hidden !important;
        cursor: pointer;
    }

    html.sidebar-collapsed .wy-nav-content-wrap {
        margin-left: var(--sidebar-collapsed-width) !important;
    }

    html.sidebar-collapsed .wy-side-scroll {
        width: 100% !important;
        overflow: hidden !important;
    }

    html.sidebar-collapsed .rst-content > div[role="navigation"] {
        left: var(--sidebar-collapsed-width) !important;
    }

    html.sidebar-collapsed .wy-nav-side-resizer {
        display: none !important;
    }

    html.sidebar-collapsed .wy-menu-vertical {
        display: none !important;
    }

    html.sidebar-collapsed .wy-side-nav-search {
        width: 100%;
        margin: 0;
        padding: 0;
        background: transparent;
    }

    html.sidebar-collapsed .wy-side-nav-search > a.icon.icon-home {
        display: none !important;
    }

    /* Transition должен работать только во время переключения, иначе он мешает перетаскиванию ширины в sidebar-resize.js. */
    html.sidebar-anim .wy-nav-side,
    html.sidebar-anim .wy-nav-content-wrap,
    html.sidebar-anim .rst-content > div[role="navigation"] {
        transition: width .22s ease, margin-left .22s ease, left .22s ease;
    }
}

@media screen and (max-width: 768px) {
    .sidebar-collapse-toggle {
        display: none;
    }
}