@layer theme,base;@layer components{:where(.jx-toc){min-width:0}:where(.jx-toc .jx-toc-desktop){display:none}@media (width>=900px){:where(.jx-toc .jx-toc-mobile){display:none}:where(.jx-toc .jx-toc-desktop){padding-left:18px;font-size:12.5px;display:block;position:relative}:where(.jx-toc .jx-spine){background:color-mix(in oklab, var(--border) 18%, transparent);width:2px;position:absolute;top:6px;bottom:6px;left:0}:where(.jx-toc .jx-spine-fill){background:var(--primary);transform-origin:top;width:2px;height:100%;transform:scaleY(var(--jx-progress,0));transition:transform 90ms linear;position:absolute;top:0;left:0}:where(.jx-toc .jx-toc-title){font-family:var(--font-nav);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.24em;margin:0 0 12px;font-size:11px}:where(.jx-toc .jx-toc-desktop ul){margin:0;padding:0;list-style:none}:where(.jx-toc .jx-toc-desktop li){margin:6px 0;position:relative}:where(){content:"";background:color-mix(in oklab, var(--background), var(--primary) calc(var(--w,0) * 100%));border:2px solid color-mix(in oklab, color-mix(in oklab, var(--border) 30%, transparent), var(--primary) calc(var(--w,0) * 100%));border-color:var(--primary);background:var(--primary);width:8px;height:8px;display:none;position:absolute;top:50%;left:-21px;transform:translateY(-50%)}:where(.jx-toc .jx-toc-desktop a){color:color-mix(in oklab, var(--muted-foreground), var(--primary) calc(var(--w,0) * 100%));opacity:calc(.62 + .38 * var(--w,0));font-size:12.5px;text-decoration:none}:where(.jx-toc .jx-toc-desktop a:hover){color:var(--foreground)}:where(.jx-toc .jx-toc-desktop li.active>a){color:var(--primary);font-weight:700}:where(.jx-toc .jx-toc-desktop li li a){font-size:11.5px}}:where(.jx-toc .jx-toc-mobile){outline:1px solid color-mix(in oklab, var(--border) 25%, transparent);outline-offset:-1px;position:relative}:where(.jx-toc .jx-viewport){height:var(--jx-chrome-bar,44px);transition:height .24s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}:where(.jx-toc .jx-toc-mobile[data-open] .jx-viewport){scrollbar-gutter:stable both-edges;overscroll-behavior:contain;height:56vh;overflow-y:auto}:where(.jx-toc .jx-viewport ul){margin:0;padding:0;list-style:none}:where(.jx-toc .jx-viewport li+li){border-top:1px solid color-mix(in oklab, var(--border) 12%, transparent)}:where(.jx-toc .jx-viewport a){height:var(--jx-chrome-bar,44px);font-family:var(--font-nav);color:color-mix(in oklab, var(--muted-foreground), var(--primary) calc(var(--w,0) * 100%));opacity:calc(.62 + .38 * var(--w,0));white-space:nowrap;text-overflow:ellipsis;border-left:2px solid color-mix(in oklab, transparent, var(--primary) calc(var(--w,0) * 100%));align-items:center;gap:10px;padding-inline:16px 52px;font-size:12.5px;text-decoration:none;display:flex;overflow:hidden}:where(.jx-toc .jx-viewport a .jx-cursor){color:var(--primary);opacity:var(--jx-cur,0);flex:none;width:12px}:where(.jx-toc .jx-viewport li li a){font-size:11.5px}:where(.jx-toggle){width:var(--jx-chrome-bar,44px);height:var(--jx-chrome-bar,44px);outline:1px solid color-mix(in oklab, var(--border) 25%, transparent);outline-offset:-1px;background:color-mix(in oklab, var(--background) 68%, transparent);color:var(--muted-foreground);cursor:pointer;border:0;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;top:0;right:0}:where(.jx-toc .jx-toc-mobile[data-open] .jx-toggle){transform:rotate(180deg)}@media (forced-colors:active){:where(.jx-toc .jx-toc-mobile){background:canvas;outline-color:canvastext}}@media (prefers-reduced-motion:reduce){:where(.jx-toc .jx-viewport),:where(.jx-toggle),:where(.jx-toc .jx-spine-fill){transition:none}}:where(.jx-toc-aside){min-width:0}@media (width>=900px){:where(.jx-toc-aside){align-self:start;max-height:calc(100vh - 40px);position:sticky;top:20px}}@media (width<=899.9px){:where(.jx-toc-aside){z-index:40;height:0;position:sticky;top:0}}@container jx-shell (width<=899.9px){:where(.jx-toc .jx-toc-desktop){display:none}:where(.jx-toc .jx-toc-mobile){display:block}}@container jx-shell (width>=900px){:where(.jx-toc .jx-toc-desktop){display:block}:where(.jx-toc .jx-toc-mobile){display:none}}@media (width>=900px){:where(.jx-top-layer .jx-toc[data-area=toc]){scrollbar-width:thin;scrollbar-gutter:stable both-edges;padding-block-start:1.25rem;padding-left:max(1.25rem - var(--jx-scrollbar-thin,0px), 0px);padding-right:max(.5rem - var(--jx-scrollbar-thin,0px), 0px)}}@layer theme{:root{--jx-toc-line:76px}}}
