.switch-toc-wrap-div {
    margin: 0 0 1.25rem;
    border-bottom: var(--global-border) var(--border-color);
    display: flex;
    width: 100%;
    box-sizing: border-box;
    gap: 0.3125rem;
}

.switch-toc-wrap-div button {
    border: none;
    outline: none;
    background: none;
    font-family: var(--global-sidebar-title-font);
    color: inherit;
    font-size: 1.25rem;
    cursor: pointer;
    appearance: none;
    padding: 0.6em;
    background-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.switch-toc-wrap-div button.active-btn {
    border-bottom: var(--global-border-strong) var(--theme-color);
    cursor: default;
}

.switch-toc-wrap-div button:not(.active-btn) {
    cursor: pointer;
    transition-duration: var(--global-transition-duration);
}

.switch-toc-wrap-div button:not(.active-btn):hover {
    color: var(--theme-color);
}

.sidebar:has(.toc-btn.active-btn) .sidebar-nav li.collapse .app-sub-sidebar {
    display: inherit
}

.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul {
    margin: 0;
}

.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul>li>ul>li>a {
    font-weight: var(--global-font-weight-semibold);
    font-size: 1.25rem;
}

.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul>li>ul>li ul ul {
    border-left: var(--global-border) var(--theme-color);
}

.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul>li:not(:has(li.active)),
.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul>li>p,
.sidebar:has(.toc-btn.active-btn) .sidebar-nav>ul>li>ul>li:not(.active):not(:has(li.active)) {
    display: none;
}

.sidebar:has(.default-btn.active-btn) .sidebar-nav>ul>li>ul>li ul {
    display: none;
}

.sidebar:has(.default-btn.active-btn) .sidebar-nav>ul>li>ul>li:has(li.active)>a {
    border-left: var(--global-border-strong);
    color: var(--theme-color);
    font-weight: var(--global-font-weight-semibold);
    margin-left: calc(-1 * var(--global-border-strong-width));
}