@layer components{.table-of-contents-block{--border-color: var(--black);--number-font-size: 3rem;--link-default-color: var(--grey-5);--link-default-icon-color: var(--grey-5);border-radius:var(--card-radius)}.table-of-contents-block ul{display:flex;flex-direction:column;gap:5px}.table-of-contents-block ul [class^=link-]{align-items:flex-start}.table-of-contents-block ul [class^=link-]>.icon{width:24px;min-width:24px;transform:translateY(5px)}.table-of-contents-block ul>li>ul{padding-left:40px}.table-of-contents-block ol{display:flex;flex-direction:column;gap:10px}.table-of-contents-block.grid-view{background-color:rgba(0,0,0,0)}.table-of-contents-block.grid-view>.block-header{margin-bottom:30px;padding-bottom:10px;border-bottom:2px solid var(--border-color)}.table-of-contents-block.grid-view ol{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;counter-reset:items}.table-of-contents-block.grid-view ol>li{flex:1;min-width:140px;counter-increment:items;text-align:center}.table-of-contents-block.grid-view ol>li:before{display:block;margin-bottom:5px;font-size:var(--number-font-size);border-bottom:2px solid var(--border-color);content:counter(items)}.table-of-contents-block.grid-view ol>li:nth-child(-n+9):before{content:"0" counter(items)}.table-of-contents-block.grid-view ol>li>a .icon{display:none}@media(min-width: 576px){.table-of-contents-block.grid-view ol{gap:40px}.table-of-contents-block.grid-view ol>li{min-width:200px}}}