@layer components{.c-page-toc{--toc-list-padding-top:8px;border-left:2px solid var(--brand-blue);display:flex;flex-direction:column;padding-left:9px}.c-page-toc__title{align-items:center;color:var(--brand-blue);display:inline-flex;font-size:15px;font-weight:var(--font-weight-semi-bold);gap:10px;letter-spacing:-.15px;line-height:1.2;position:relative;text-transform:uppercase}.c-page-toc__title__icon{background-color:var(--brand-blue);display:inline-block;height:16px;-webkit-mask:url(../../../img/icons/chevron-down-solid.svg) center/contain no-repeat;mask:url(../../../img/icons/chevron-down-solid.svg) center/contain no-repeat;transform:var(--mobile-toggle-transform-active,rotateX(0deg));transition:transform .15s ease;width:16px}.c-page-toc__mobile-toggle{inset:0;position:absolute}.c-page-toc__list{display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-body-2);gap:4px 20px;line-height:1.7;margin-top:0;padding-top:var(--toc-list-padding-top)}.c-page-toc--article{--page-toc-title-color:var(--brand-blue)}.c-page-toc__item{margin-top:0}.c-page-toc--article .c-page-toc__list{flex-direction:column}@media (min-width:801px){.c-page-toc__title__icon{display:none!important}.c-page-toc__mobile-toggle{display:none}}@media only screen and (max-width:800px){.c-page-toc{--toc-list-padding-top:0;--toc-list-visibility:hidden;align-content:start;display:grid;grid-template-rows:auto 0fr;overflow:hidden;transition:grid-template-rows .15s ease}.c-page-toc:has(.c-page-toc__mobile-toggle.is-active){--toc-list-padding-top:3px;--toc-list-visibility:visible;--mobile-toggle-transform-active:rotateX(180deg);grid-template-rows:auto 1fr}.c-page-toc__list{min-height:0;transition:.15s ease;transition-property:padding-top,visibility;visibility:var(--toc-list-visibility)}}}