.table-of-contents{display:flex;padding:16px 16px 16px 20px;align-items:center;gap:8px;border-radius:16px;color:#363a43;background:#fff;position:fixed;top:28%;left:20px;right:0;z-index:100;width:300px}.table-of-contents__list{display:flex;flex-direction:column}.table-of-contents__list .toc-link{font-size:12px;position:relative;text-decoration:none;color:#64748b;font-weight:400;transition:color .2s ease;padding-top:6px;padding-bottom:6px;padding-left:20px;padding-right:10000px!important}.table-of-contents__list .toc-link p{font-size:12px;color:#64748b;font-weight:400;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.table-of-contents__list .toc-link p:hover{color:#363843}.table-of-contents__list .toc-link .dot{position:absolute;left:0;top:0;width:2px;height:100%;border-radius:2px;background-color:rgba(0,0,0,.1);transition:background-color .3s ease}.table-of-contents__list .toc-link.active{color:#0f172a;font-weight:500}.table-of-contents__list .toc-link.active .dot{background-color:#515bbe}.table-of-contents__short{display:flex;align-items:center;gap:8px;width:30px}.toc-indicator{display:flex;flex-direction:column;gap:8px}.toc-indicator__active-line,.toc-indicator__inactive-line{height:2px;border-radius:2px;transition:all .3s ease-in-out}.toc-indicator__active-line{width:27px;background-color:#363a43}.toc-indicator__inactive-line{width:21px;background-color:#c9cfd8}