.table-of-contents-container{left:calc(50% + (var(--site-article-width) / 2) + var(--spc-8));border:1px solid var(--color-transparent);box-sizing:border-box;width:250px;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}.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}@media (width<=1280px){.table-of-contents-container{display:none}}