.scroll-tracing {
    display: flex;
}

.scroll-tracing-tree > ul {
    position: -webkit-sticky;
    position: sticky;
    font-size: 0.8rem;
    top: 90px;
}

.scroll-tracing-tree > ul > ul > li > a {
    padding-left: 10px!important;
}

.scroll-tracing-tree > ul > ul > ul > li > a {
    padding-left: 20px!important;
}

.scroll-tracing-tree > li {
    padding-left: 10px;
}

.scroll-tracing-tree {
    flex-basis: 260px;
    flex-shrink: 0;
}

.scroll-tracing-html h1[id]::before, 
.scroll-tracing-html h2[id]::before, 
.scroll-tracing-html h3[id]::before, 
.scroll-tracing-html h4[id]::before, 
.scroll-tracing-html h5[id]::before, 
.scroll-tracing-html h6[id]::before {
    content: '';
    display: block;
    height: 84px;
    margin-top: -84px;
}
#table-of-contents ul, 
#table-of-contents li {
    padding: 0!important;
    margin: 0!important;
    list-style: none;
}
#table-of-contents .toc-h1 > a { padding-left: 0.5rem; }
#table-of-contents .toc-h2 > a { padding-left: 1.5rem; }
#table-of-contents .toc-h3 > a, 
#table-of-contents .toc-h4 > a, 
#table-of-contents .toc-h5 > a, 
#table-of-contents .toc-h6 > a { padding-left: 40px; }
#table-of-contents {
    margin-left: 15px;
}
ul > li::before {
    content: "";
}
#table-of-contents a {
    overflow: initial;
    display: block;
    padding: 0.3rem;
    color: #636363;
    background: none;
    border-left: 4px solid #e8e9ea;
    white-space: normal;
}
#table-of-contents a:hover {
    border-left-color: #b9b9b9;
    color: black;
}
#table-of-contents a.active {
    border-left-color: #00A0FF;
    color: #00A0FF;
}

@media (max-width: 979px) {
    .scroll-tracing-tree {
        display: none;
    }
}