#hub-toc-fragment-state{display:none}.hub-toc{--transition-in:0.48s cubic-bezier(0.0,0.0,0.2,1);--transition-out:0.32s cubic-bezier(0.4,0.0,1,1);position:-webkit-sticky;position:sticky;top:var(--top-page-spacing);z-index:50}.hub-toc-nav{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:hsla(0,0%,100%,.76);border-bottom:1px solid var(--border-color);position:relative}.hub-toc-fragment{align-items:center;display:grid;grid-template-columns:1fr 36px;height:var(--toc-fragment-height);padding:0 var(--gutter);position:relative;transition:background var(--transition-out) .32s;z-index:3}.hub-toc-fragment-text{font-size:14px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hub-toc-fragment-state:checked~.hub-toc-nav .hub-toc-fragment{background:#fff;transition:background var(--transition-in)}.hub-toc-fragment-toggle{color:inherit;cursor:pointer;height:var(--toc-fragment-height);width:var(--toc-fragment-height)}.hub-toc-fragment-toggle-icon{height:24px;transition:transform .32s ease-out;width:24px}#hub-toc-fragment-state:checked~.hub-toc-nav .hub-toc-fragment-toggle-icon{transform:rotate(180deg)}.hub-toc-list{background:#fff;font-size:13px;line-height:18px;opacity:0;padding:var(--gutter);position:absolute;top:var(--toc-fragment-height);transform:translateY(-100vh);transition:opacity var(--transition-out),transform var(--transition-out);width:100%;z-index:2}#hub-toc-fragment-state:checked~.hub-toc-nav .hub-toc-list{opacity:1;transform:none;transition:opacity var(--transition-in),transform var(--transition-in)}.hub-toc-list li{padding:0 0 0 4px;position:relative}.hub-toc-list>li.active>a{font-weight:var(--font-primary-bolder)}.hub-toc-list>li:before{background:#fff;border:1px solid var(--color-gray-three);border-radius:50%;box-shadow:0 0 0 4px #fff;content:"";height:9px;left:-4px;position:absolute;top:9px;width:9px;z-index:1}.hub-toc-list>li.active:before{background:var(--color-accent);border-color:var(--color-accent)}.hub-toc-list>li:after{background-color:var(--color-gray-three);content:"";height:100%;left:0;position:absolute;top:0;width:1px}.hub-toc-list li a{color:inherit;display:block;padding:4px 0 4px 8px}.hub-toc-list li a:hover{background:var(--color-secondary)}.hub-toc-sublist{display:none;position:relative;z-index:1}.hub-toc-list li.active .hub-toc-sublist{display:block}.hub-toc-sublist:before{background:linear-gradient(var(--color-gray-three),var(--color-gray-three) 50%,#fff 0,#fff);background-size:1px 4px;content:"";height:100%;left:-4px;position:absolute;top:0;width:1px}.hub-toc-sublist li:before{background:transparent;border-radius:50%;content:"";height:7px;left:-7px;position:absolute;top:10px;width:7px}.hub-toc-sublist li.active:before{background:var(--color-accent)}.hub-toc-sublist li.active a{color:var(--color-accent)}.hub-toc-fragment-bg-dim{background:rgba(0,0,0,.48);height:100vh;opacity:0;position:absolute;top:var(--toc-fragment-height);transition:visibility var(--transition-out),opacity var(--transition-out) .2s;visibility:hidden;width:100%;z-index:1}#hub-toc-fragment-state:checked~.hub-toc-nav .hub-toc-fragment-bg-dim{opacity:1;transition:visibility var(--transition-in),opacity var(--transition-in) .48s;visibility:visible}@media (max-width:960px){.hub-toc-heading{display:none}}@media (min-width:960px){.hub-toc{margin:0 var(--content-gap) 0 0;position:relative;top:auto}.hub-toc-nav{border:none;margin:calc(105px + var(--top-page-spacing)) 0 0;padding:0 0 var(--content-gap);position:-webkit-sticky;position:sticky;top:calc(var(--top-page-spacing) + 73px)}.hub-toc-fragment{display:none}.hub-toc-list{opacity:1;padding:0;position:relative;top:auto;transform:none}}