.table-of-contents-container{width:250px;margin-left:calc(var(--spc-text-content) - 2px);border:1px solid var(--color-transparent);box-sizing:border-box;border-left-width:0;transition:border-color 80ms ease-out;position:fixed}.table-of-contents-container:hover{border-color:var(--color-ui-1);transition:border-color .2s ease-out}.table-of-contents{padding:var(--spc-4);transform-origin:0;opacity:.5;transition:transform .1s cubic-bezier(0,.405,0,1.01),opacity .1s ease-out;transform:scaleY(.5)scaleX(.2)translate(100px)}.table-of-contents-container:hover .table-of-contents{opacity:1;transform:scaleY(1)translate(0)scaleX(1)}.table-of-contents ul{gap:var(--spc-2);flex-direction:column;padding:0;display:flex}.table-of-contents ul ul{padding-left:20px}.table-of-contents li{gap:var(--spc-2);flex-direction:column;display:flex}.table-of-contents a:hover{text-decoration:underline}[data-toc-item-active=true]{color:red}.table-of-contents a{width:var(--spc-full);min-height:var(--spc-2);background-color:currentColor;text-decoration:none;display:inline-block}.table-of-contents a span{display:none}.table-of-contents-container:hover .table-of-contents a{background-color:#0000}.table-of-contents-container:hover .table-of-contents a span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}