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