.tock-box { margin: 4px 0; } .tock-cell { font-size: 1.6rem; padding: 2px 0; } .tock-root { margin-left: 8px; font-weight: bold; } .tock-a { color: var(--fg) !important; text-decoration: none !important; } .tock-a-num { font-size: 1.2rem; margin-right: 12px; } .tock-padl-1 { padding-left: 8px; } .tock-padl-2 { padding-left: 16px; } .tock-padl-3 { padding-left: 32px; } .tock-padl-4 { padding-left: 48px; } .tock-padl-5 { padding-left: 64px; } .tock-padl-6 { padding-left: 80px; } .tocw-wrap { position: absolute; overflow-y: auto; overflow-x: hidden; transition: top .2s, left .2s; -ms-overflow-style: none; scrollbar-width: none; } .tocw-wrap::-webkit-scrollbar { display: none; } .tocw-box { position: absolute; left: 0; top: 55%; width: 100%; } .tocw-cell { font-size: 1.4rem; padding: 2px 0; } .tocw-a-title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--inline-code-color); transition: opacity .5s; } .tocw-a { text-decoration: none !important; position: relative; } .tocw-a-num { font-size: 1rem; margin-right: 8px; } .tocw-padl-1 { padding-left: 8px; } .tocw-padl-2 { padding-left: 16px; } .tocw-padl-3 { padding-left: 24px; } .tocw-padl-4 { padding-left: 32px; } .tocw-padl-5 { padding-left: 40px; } .tocw-padl-6 { padding-left: 48px; } .tocw-a-bar { position: absolute; top: 50%; transform: translateY(-50%); left: 0; height: 3px; background-color: var(--theme-popup-border); transition: opacity .5s; } .tocw-a-bar-cur { background-color: var(--sidebar-active); } .tocw-a-title-cur { color: var(--sidebar--active); } .opacity0 { opacity: 0; }