.sidebar-sticky {
position: sticky;
top: 110px;
z-index: 1;
display: flex;
flex-direction: column;
gap: 24px;
}
.toc-on-this-page .toc-title {
display: block;
font-weight: 600;
margin-bottom: 10px;
font-size: 13px;
letter-spacing: 0.05em;
color: #0058ff;
}
.toc-on-this-page ul {
list-style: none;
margin: 0;
padding: 0;
}
.toc-on-this-page li {
margin-bottom: 8px;
list-style: none;
}
.toc-on-this-page li a {
font-size: 14px;
font-weight: 500;
color: #8f8f8f;
}
.toc-on-this-page li a b {
font-weight: inherit !important;
}
.toc-on-this-page li a strong {
font-weight: inherit !important;
} .toc-on-this-page [class*="toc-level-"] a {
font-size: 14px;
font-weight: 500;
color: #8f8f8f;
}
.toc-on-this-page .toc-level-3 {
position: relative;
margin-left: 14px;
display: flex;
gap: 10px;
}
.toc-on-this-page .toc-level-3::before {
content: "";
width: 6px;
height: 6px;
background-color: #115efb;
display: block;
flex-shrink: 0;
margin-top: 7px;
}
.toc-on-this-page .toc-level-3::marker {
color: #115efb;
font-size: 1em;
}
.toc-on-this-page a:hover {
color: #0058ff;
text-decoration: underline;
}
.share,
.toc-on-this-page {
position: static !important;
}
.toc-on-this-page {
max-height: 400px;
overflow-y: auto;
scroll-behavior: smooth;
} .toc-on-this-page::-webkit-scrollbar {
width: 6px;
}
.toc-on-this-page::-webkit-scrollbar-track {
background: transparent;
}
.toc-on-this-page::-webkit-scrollbar-thumb {
background: #215ef2;
border-radius: 3px;
}
.toc-on-this-page::-webkit-scrollbar-thumb:hover {
background: #1a4bd8;
} .toc-on-this-page {
scrollbar-width: thin;
scrollbar-color: #215ef2 transparent;
}
.toc-on-this-page a.active {
color: #0058ff !important;
font-weight: 500;
}