.use-table-of-contents{counter-reset:h2;background-color:var(--color-background);border-radius:5px;padding:20px 15px}.use-table-of-contents details{transition:all .3s ease-in-out}.use-table-of-contents details[open] ul{animation:.5s cubic-bezier(.2,1,.3,1) contentReveal}.use-table-of-contents details[open] .arrow{transform:rotate(180deg)}.use-table-of-contents details summary{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;list-style:none;display:flex}.use-table-of-contents details summary::-webkit-details-marker{display:none}.use-table-of-contents details summary:focus{outline:none}.use-table-of-contents details summary .title{margin-block:0}.use-table-of-contents details summary .arrow{transition:transform .5s}.use-table-of-contents details summary .arrow svg{width:1rem;height:1rem}.use-table-of-contents details ul{word-break:break-word;margin-top:10px}.use-table-of-contents details ul li{margin-bottom:.5rem}.use-table-of-contents details ul.show-number .level-2{counter-increment:h2;counter-reset:h3 0 h4 0}.use-table-of-contents details ul.show-number .level-2 a:before{content:counter(h2) ". "}.use-table-of-contents details ul.show-number .level-3{counter-increment:h3;counter-reset:h4 0;padding-left:1rem}.use-table-of-contents details ul.show-number .level-3 a:before{content:counter(h2) "." counter(h3) ". "}.use-table-of-contents details ul.show-number .level-4{counter-increment:h4;padding-left:2rem}.use-table-of-contents details ul.show-number .level-4 a:before{content:counter(h2) "." counter(h3) "." counter(h4) ". "}.use-table-of-contents details ul.show-number .level-2~.level-4:not(.level-3~.level-4) a:before,.use-table-of-contents details ul.show-number .level-2~.level-4:not(:has(~.level-2)) a:before{content:counter(h2) "." counter(h4) ". "}@keyframes contentReveal{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}