.blog-toc-rail.svelte-14i2l4b{display:none}@media(min-width:1024px){.blog-toc-rail.svelte-14i2l4b{position:fixed;right:1.25rem;top:50%;z-index:20;display:block;width:14rem;height:min(70vh,40rem);transform:translateY(-50%);pointer-events:auto;opacity:1;visibility:visible;transition:opacity .28s cubic-bezier(.16,1,.3,1),visibility .28s linear}.blog-toc-rail.hidden.svelte-14i2l4b{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0ms linear .22s}}.blog-toc-inner.svelte-14i2l4b{position:relative;width:100%;height:100%}.blog-toc-track.svelte-14i2l4b{position:absolute;right:0;top:0;bottom:0;width:2px;pointer-events:none}.blog-toc-seg.svelte-14i2l4b{position:absolute;left:0;right:0;background-color:color-mix(in oklch,var(--foreground) 15%,transparent);border-radius:9999px;transition:background-color .18s ease}.blog-toc-seg.active.svelte-14i2l4b{background-color:var(--primary)}.blog-toc-item.svelte-14i2l4b{position:absolute;right:.65rem;max-width:calc(100% - .75rem);opacity:0;transform:translate(4px,-50%);pointer-events:none;text-decoration:none;outline:none;cursor:pointer;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1)}.blog-toc-item.active.svelte-14i2l4b{opacity:1;transform:translateY(-50%);pointer-events:auto}.blog-toc-rail.svelte-14i2l4b:hover .blog-toc-item:where(.svelte-14i2l4b),.blog-toc-rail.svelte-14i2l4b:focus-within .blog-toc-item:where(.svelte-14i2l4b){opacity:1;transform:translateY(-50%);pointer-events:auto}.blog-toc-label.svelte-14i2l4b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400;line-height:1.25;letter-spacing:-.02em;text-align:right;opacity:1;color:color-mix(in oklch,var(--foreground) 45%,transparent);transition:color .15s ease}.blog-toc-item.past.svelte-14i2l4b .blog-toc-label:where(.svelte-14i2l4b){color:color-mix(in oklch,var(--foreground) 85%,transparent)}.blog-toc-item.active.svelte-14i2l4b .blog-toc-label:where(.svelte-14i2l4b){color:var(--primary);font-weight:600}.blog-toc-item.svelte-14i2l4b:hover .blog-toc-label:where(.svelte-14i2l4b),.blog-toc-item.svelte-14i2l4b:focus-visible .blog-toc-label:where(.svelte-14i2l4b){color:var(--foreground)}.blog-toc-item.svelte-14i2l4b:focus-visible{outline:1px solid color-mix(in oklch,var(--foreground) 35%,transparent);outline-offset:2px;border-radius:2px}@media(prefers-reduced-motion:reduce){.blog-toc-seg.svelte-14i2l4b,.blog-toc-item.svelte-14i2l4b,.blog-toc-label.svelte-14i2l4b{transition:none}}