@property --gradient-color-2{syntax:"<color>";initial-value:#6366f1;inherits:false}#toc-backdrop{background:rgba(0,0,0,.4);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;will-change:opacity;z-index:999998}@media (min-width:768px){#toc-backdrop{backdrop-filter:blur(8px);background:rgba(0,0,0,.5)}}#motion-toc-wrapper{bottom:20px;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;right:0;transform:translateY(40px);z-index:999999}#motion-toc-pill{background:#242424;border:1px solid hsla(0,0%,100%,.15);border-radius:40px;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);display:flex;flex-direction:column;max-width:95vw;overflow:hidden;position:relative;transition:width .4s cubic-bezier(.23,1,.32,1),border-radius .4s,padding .4s;width:380px;will-change:transform,width,border-radius}#motion-toc-pill.is-open{border-radius:24px;max-width:95vw;padding-top:20px;width:500px}@media (hover:hover){#motion-toc-pill:before{background:radial-gradient(120px circle at var(--x,50%) var(--y,50%),hsla(0,0%,100%,.12),transparent 100%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s;z-index:1}#motion-toc-pill:hover:before{opacity:1}}.pill-main-bar{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;gap:12px;min-height:44px;order:2;padding:8px 12px;position:relative;z-index:2}#motion-toc-pill.is-open .pill-main-bar{border-top:1px solid hsla(0,0%,100%,.1);margin:10px 12px 0;padding:8px 0}.pill-color-dot{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--ghost-accent-color),#fff 60%),var(--ghost-accent-color));border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:--gradient-color-2 .5s;width:24px}.pill-text-current,.pill-text-next,.pill-title,.toc-item{-webkit-font-smoothing:antialiased;backface-visibility:hidden;transform:translateZ(0)}.pill-title{color:#fff;flex:1;font-size:13px;font-weight:400;height:1.4em;overflow:hidden;position:relative}.pill-text-current,.pill-text-next{inset:0;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);overflow:hidden;position:absolute;white-space:nowrap}.pill-text-next{opacity:0;transform:translateY(20px)}.pill-content-list{display:flex;flex-direction:column;gap:2px;max-height:0;opacity:0;order:1;overflow-y:auto;padding:0;scrollbar-width:thin;transition:opacity .2s ease;z-index:2}#motion-toc-pill.is-open .pill-content-list{max-height:60vh;opacity:1;padding:0 10px 10px;pointer-events:auto}.toc-item{background-color:transparent;border-radius:8px;color:#ccc;display:block;font-size:15px;mask-image:linear-gradient(90deg,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);overflow:hidden;padding:10px 12px;position:relative;text-decoration:none!important;transition:background-color .3s ease-out,color .3s ease-out,transform .2s ease-out;white-space:nowrap}.toc-item.toc-h3{color:#969696!important;font-size:14px;padding-left:28px!important}.toc-item.active{background-color:hsla(0,0%,100%,.1);color:#fff!important;transform:translateX(2px)}@media (hover:hover){.toc-item:hover{background-color:hsla(0,0%,100%,.1);color:#fff!important;transform:translateX(2px)}}#circle-indicator{fill:none;stroke:#fff;stroke-width:2.5;stroke-dasharray:62.83;stroke-dashoffset:62.83;transform:rotate(-90deg);transform-origin:14px 14px}h2,h3{scroll-margin-top:100px}@media (min-width:768px){#motion-toc-pill.is-open{width:600px}}@media (max-width:767px){#motion-toc-wrapper{bottom:10px}#motion-toc-pill{max-width:65vw;transition:max-width .4s cubic-bezier(.23,1,.32,1),border-radius .4s,padding .4s}.pill-main-bar{padding:6px 12px}.pill-content-list{padding:0}#motion-toc-pill.is-open{border-radius:20px;max-width:95vw!important;padding-top:12px}#motion-toc-pill.is-open .pill-content-list{padding:0 6px 6px}#motion-toc-pill.is-open .pill-main-bar{border-radius:0;border-top:1px solid hsla(0,0%,100%,.1);margin:8px 12px 0;padding:10px 0}h2,h3{scroll-margin-top:30px}}