.toc,.toc *{-webkit-box-sizing:border-box;box-sizing:border-box}
.toc{padding:0.5rem 0.4em ;max-width:300px;margin:0;color:#333;position:relative;background:#ffffff4a;border-radius:5px;}
.toc.toc-fixed{position:fixed;top:24px;z-index:10}
.toc-hightlight{width:100%;background:#eee;position:absolute;left:0;top:0;border-left:3px solid dodgerblue;-webkit-transition:.2s;-o-transition:.2s;transition:.2s;z-index:0;}
.toc-brand{padding:0.5em 0;margin-bottom:0.4em;font-weight:700;font-size:1rem;line-height:inherit;white-space:nowrap;display:block;width:100%;border-bottom:1px solid #ddd;background:#ebeef3; text-align:center;}
.toc-navbar{position:relative;display:block;scroll-behavior:smooth ;border-left:4px solid #ebeef3; padding-left:15px;}
.toc-navbar::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:#ccc;border-radius:6px}
.toc-navbar::-webkit-scrollbar-track-piece{background-color:#fff;border-radius:0}
.toc-navbar::-webkit-scrollbar{width:10px;height:8px}
.toc-navbar::-webkit-scrollbar-thumb:vertical{height:50px;background-color:#999;border-radius:4px;outline:#fff solid 2px;outline-offset:-2px;border:2px solid #fff}
.toc-navbar::-webkit-scrollbar-thumb:hover{height:50px;background-color:#9f9f9f;border-radius:4px}
.toc-nav{display:block;padding-left:0;margin-bottom:0;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.toc-link{display:block;padding:.2rem 0 0.2em 0.4rem;font-size:.9rem;text-decoration:none;color:#555;position:relative;background:#ebeef3; margin:0.1em 0 0.1em -5px;z-index:0;}
.toc-link:before{height:.25rem;width:.25rem;background:#555;position:absolute;top:.8rem;left:1rem}
.toc-link.active:before,.toc-link:hover:before{background:dodgerblue}
.toc-link.active,.toc-link:hover{color:dodgerblue;background:#dbe1ea}