.table-of-contents{display:block;max-width:256px;--marker-offset: -12px}.table-of-contents__list{list-style-type:none}.table-of-contents__title{margin-bottom:var(--spacing-5)}.table-of-contents__list-item{position:relative;margin-bottom:0;padding-left:var(--spacing-6);padding-bottom:var(--spacing-5)}.table-of-contents__list-item:last-of-type::before{display:none}.table-of-contents__list-item::before{content:"";position:absolute;right:100%;height:100%;width:1px;background-color:var(--color-gray-20)}.table-of-contents__list-item::after{content:"";position:absolute;left:var(--marker-offset);top:0;width:24px;height:24px;background-color:var(--color-gray-10);border-radius:50%;z-index:1}.table-of-contents__list-item-title{color:var(--color-gray-70);text-decoration:none}.table-of-contents__list-item-title:hover{text-decoration:underline;text-decoration-color:var(--color-gray-50);cursor:pointer}.table-of-contents__list-item--active::after{background-color:var(--color-yellow);transition-property:background-color;transition-duration:var(--transition-time);transition-timing-function:var(--transition-easing)}.table-of-contents__list-item--active .table-of-contents__list-item-title{font-weight:var(--font-weight-bold)}