/* Markdown base */ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */ :root{color-scheme:light;--df-canvas:#f6f6f8;--df-ink:#1d1d1f;--df-ink-body:#363638;--df-ink-secondary:#66666b;--df-ink-tertiary:#737379;--df-surface:#fff;--df-surface-secondary:#f3f3f5;--df-surface-soft:#f7f7f9;--df-surface-elevated:#fff;--df-surface-code:#f6f6f8;--df-code-ink:#1d1d1f;--df-docfuse-config-icon:url(./file-icons/config.svg);--df-border:transparent;--df-border-strong:transparent;--df-hairline:#1d1d1f1a;--df-accent-500:#08f;--df-accent-50:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-50:color-mix(in srgb, var(--df-accent-500) 6%, white)}}:root{--df-accent-100:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-100:color-mix(in srgb, var(--df-accent-500) 10%, white)}}:root{--df-accent-200:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-200:color-mix(in srgb, var(--df-accent-500) 20%, white)}}:root{--df-accent-300:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-300:color-mix(in srgb, var(--df-accent-500) 38%, white)}}:root{--df-accent-400:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-400:color-mix(in srgb, var(--df-accent-500) 68%, white)}}:root{--df-accent-600:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-600:color-mix(in srgb, var(--df-accent-500) 88%, black)}}:root{--df-accent-700:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-700:color-mix(in srgb, var(--df-accent-500) 78%, black)}}:root{--df-accent-800:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-800:color-mix(in srgb, var(--df-accent-500) 66%, black)}}:root{--df-accent-900:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-900:color-mix(in srgb, var(--df-accent-500) 52%, black)}}:root{--df-accent-soft:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-soft:color-mix(in srgb, var(--df-accent-500) 10%, white)}}:root{--df-accent-strong:#08f;--df-accent-deep:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-accent-deep:color-mix(in srgb, var(--df-accent-500) 78%, black)}}:root{--df-diagram-surface:var(--df-surface-soft);--df-diagram-foreground:var(--df-ink-body);--df-diagram-accent:var(--df-accent-500);--df-diagram-muted:var(--df-ink-secondary);--df-diagram-line:var(--df-ink-body)}@supports (color:color-mix(in lab, red, red)){:root{--df-diagram-line:color-mix(in srgb, var(--df-ink-body) 12%, transparent)}}:root{--df-accent-secondary:#6155f5;--df-info:#08f;--df-info-deep:#08f;--df-success:#34c759;--df-success-deep:#34c759;--df-warning:#ff8d28;--df-warning-deep:#ff8d28;--df-danger:#ff383c;--df-danger-deep:#ff383c;--df-info-soft:var(--df-info)}@supports (color:color-mix(in lab, red, red)){:root{--df-info-soft:color-mix(in oklab, var(--df-info) 9%, var(--df-surface))}}:root{--df-success-soft:var(--df-success)}@supports (color:color-mix(in lab, red, red)){:root{--df-success-soft:color-mix(in oklab, var(--df-success) 9%, var(--df-surface))}}:root{--df-warning-soft:var(--df-warning)}@supports (color:color-mix(in lab, red, red)){:root{--df-warning-soft:color-mix(in oklab, var(--df-warning) 9%, var(--df-surface))}}:root{--df-danger-soft:var(--df-danger)}@supports (color:color-mix(in lab, red, red)){:root{--df-danger-soft:color-mix(in oklab, var(--df-danger) 9%, var(--df-surface))}}:root{--df-yellow:#fc0;--df-overlay:#0000006b;--df-overlay-scrim:#0d0d0fe6;--df-overlay-control:#ffffff24;--df-overlay-ink:#ffffffc7;--df-overlay-ink-muted:#ffffff8f;--df-shadow-raised:0 20px 52px #1d1d1f24;--df-shadow-raised-sm:0 8px 22px #1d1d1f17;--df-shadow-inset:inset 0 1px 0 #ffffffb3;--df-block-shell-shadow:0 1px 2px #1d1d1f14, 0 6px 18px #1d1d1f0f;--df-terminal-canvas:#1c1c1e;--df-terminal-toolbar:#2b2b2f;--df-terminal-ink:#f5f5f7;--df-terminal-ink-secondary:#b9b9c0;--df-terminal-ink-tertiary:#98989f;--df-terminal-traffic-close:#ff5f57;--df-terminal-traffic-minimize:#febc2e;--df-terminal-traffic-maximize:#28c840;--df-font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--df-font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--df-font-mono:"SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;--df-body-font-size:1rem;--df-body-line-height:1.6;--df-heading-line-height:1.2;--df-heading-1-size:2rem;--df-heading-2-size:1.625rem;--df-heading-3-size:1.375rem;--df-heading-4-size:1.25rem;--df-heading-5-size:1.125rem;--df-heading-6-size:1.0625rem;--df-reading-width:100%;--df-content-width:100%;--df-site-gutter:2.25rem;--df-radius-sm:4px;--df-radius-md:6px;--df-radius-lg:8px;--df-radius-full:8px;--df-duration-fast:.12s;--df-duration-normal:.22s;--df-easing-default:cubic-bezier(.22, 1, .36, 1);--df-easing-spring:cubic-bezier(.2, .85, .25, 1);--df-glass-blur:18px;--df-header-height:4.25rem;--df-sidebar-width:17.5rem;--df-outline-width:18.75rem;--df-focus-ring:0 0 0 3px var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){:root{--df-focus-ring:0 0 0 3px color-mix(in srgb, var(--df-accent-500) 24%, transparent)}}html.dark,.dark{color-scheme:dark;--df-canvas:#1c1c1e;--df-ink:#f5f5f7;--df-ink-body:#e3e3e8;--df-ink-secondary:#b9b9c0;--df-ink-tertiary:#98989f;--df-surface:#232326;--df-surface-secondary:#343438;--df-surface-soft:#2b2b2f;--df-surface-elevated:#3b3b40;--df-surface-code:#202023;--df-code-ink:#f5f5f7;--df-hairline:#ffffff1f;--df-accent-500:#0091ff;--df-accent-50:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-50:color-mix(in srgb, var(--df-accent-500) 8%, var(--df-surface))}}html.dark,.dark{--df-accent-100:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-100:color-mix(in srgb, var(--df-accent-500) 14%, var(--df-surface))}}html.dark,.dark{--df-accent-200:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-200:color-mix(in srgb, var(--df-accent-500) 25%, var(--df-surface))}}html.dark,.dark{--df-accent-300:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-300:color-mix(in srgb, var(--df-accent-500) 42%, var(--df-surface))}}html.dark,.dark{--df-accent-400:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-400:color-mix(in srgb, var(--df-accent-500) 70%, var(--df-surface))}}html.dark,.dark{--df-accent-600:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-600:color-mix(in srgb, var(--df-accent-500) 88%, white)}}html.dark,.dark{--df-accent-700:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-700:color-mix(in srgb, var(--df-accent-500) 76%, white)}}html.dark,.dark{--df-accent-800:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-800:color-mix(in srgb, var(--df-accent-500) 62%, white)}}html.dark,.dark{--df-accent-900:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-900:color-mix(in srgb, var(--df-accent-500) 46%, white)}}html.dark,.dark{--df-accent-soft:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-soft:color-mix(in srgb, var(--df-accent-500) 18%, var(--df-surface))}}html.dark,.dark{--df-accent-strong:#0091ff;--df-accent-deep:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-accent-deep:color-mix(in srgb, var(--df-accent-500) 76%, white)}}html.dark,.dark{--df-accent-secondary:#6d7cff;--df-info:#0091ff;--df-info-deep:#0091ff;--df-success:#30d158;--df-success-deep:#30d158;--df-warning:#ff9230;--df-warning-deep:#ff9230;--df-danger:#ff4245;--df-danger-deep:#ff4245;--df-info-soft:var(--df-info)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-info-soft:color-mix(in oklab, var(--df-info) 9%, var(--df-surface))}}html.dark,.dark{--df-success-soft:var(--df-success)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-success-soft:color-mix(in oklab, var(--df-success) 9%, var(--df-surface))}}html.dark,.dark{--df-warning-soft:var(--df-warning)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-warning-soft:color-mix(in oklab, var(--df-warning) 9%, var(--df-surface))}}html.dark,.dark{--df-danger-soft:var(--df-danger)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-danger-soft:color-mix(in oklab, var(--df-danger) 9%, var(--df-surface))}}html.dark,.dark{--df-yellow:#ffd600;--df-overlay:#0000009e;--df-shadow-raised:0 22px 58px #00000057;--df-shadow-raised-sm:0 10px 28px #0000003d;--df-shadow-inset:inset 0 1px 0 #ffffff14;--df-block-shell-shadow:0 1px 2px #00000047, 0 6px 18px #0000002e;--df-focus-ring:0 0 0 3px var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){html.dark,.dark{--df-focus-ring:0 0 0 3px color-mix(in srgb, var(--df-accent-500) 36%, transparent)}}@media (max-width:47.5rem){:root{--df-site-gutter:1.25rem}}.df-content,.df-content *,.df-content :before,.df-content :after{box-sizing:border-box;border:0}.df-content{--df-block-padding:.875rem;--df-block-toolbar-height:3rem;--df-block-toolbar-surface:var(--df-ink)}@supports (color:color-mix(in lab, red, red)){.df-content{--df-block-toolbar-surface:color-mix(in oklab, var(--df-ink) 6%, var(--df-surface-secondary))}}.df-content{--df-block-stage-surface:var(--df-surface-soft);width:100%;max-width:var(--df-content-width);padding:1.75rem var(--df-site-gutter) 3.5rem;color:var(--df-ink-body);background:var(--df-surface);font-family:var(--df-font-sans);font-size:var(--df-body-font-size);line-height:var(--df-body-line-height);text-rendering:optimizelegibility;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere;margin:0}.df-content>:first-child{margin-top:0}.df-content>:last-child{margin-bottom:0}.df-content :where(h1,h2,h3,h4,h5,h6){color:var(--df-ink);font-family:var(--df-font-display);font-weight:720;line-height:var(--df-heading-line-height);letter-spacing:-.025em;scroll-margin-top:calc(var(--df-header-height) + 1.5rem);margin:1.5rem 0 .5rem;position:relative}.df-content h1{font-size:var(--df-heading-1-size);font-weight:760;line-height:var(--df-heading-line-height);letter-spacing:-.04em;margin:0 0 .9rem}.df-content h2{font-size:var(--df-heading-2-size);line-height:calc(var(--df-heading-line-height) + .05);letter-spacing:-.035em;margin-top:2.15rem}.df-content h3{font-size:var(--df-heading-3-size);line-height:calc(var(--df-heading-line-height) + .1);letter-spacing:-.025em;margin-top:1.7rem}.df-content h4{font-size:var(--df-heading-4-size);line-height:calc(var(--df-heading-line-height) + .15);letter-spacing:-.018em;margin-top:1.4rem}.df-content h5{font-size:var(--df-heading-5-size);font-weight:720;line-height:calc(var(--df-heading-line-height) + .2);letter-spacing:-.01em;margin-top:1.2rem}.df-content h6{color:var(--df-ink);font-size:var(--df-heading-6-size);font-weight:720;line-height:calc(var(--df-heading-line-height) + .2);letter-spacing:0;margin-top:1.05rem}.df-content :where(p,ul,ol,dl,blockquote,pre,table,figure,.df-callout,.df-code,.df-terminal,.df-table-window,.df-media-frame,.df-tabs,.df-steps,.df-api-block,.df-file-tree,.df-reading-time,.df-link-card,.df-card-grid,.df-image-gallery){margin:.78rem 0}.df-content p{max-width:var(--df-reading-width)}.df-content :where(strong,b){color:var(--df-ink);font-weight:700}.df-content :where(em,i){color:var(--df-ink)}.df-content a{color:var(--df-accent-500);text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.df-content a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 42%, transparent);text-decoration-color:color-mix(in srgb, currentColor 42%, transparent)}}.df-content a{text-underline-offset:.2em;transition:color var(--df-duration-fast) var(--df-easing-default), text-decoration-color var(--df-duration-fast) var(--df-easing-default);text-decoration-thickness:.075em}.df-content a:hover{color:var(--df-accent-700);text-decoration-color:currentColor}.df-content a:focus-visible,.df-content button:focus-visible,.df-content summary:focus-visible,.df-content input:focus-visible,.df-content select:focus-visible,.df-content textarea:focus-visible{box-shadow:var(--df-focus-ring);outline:none}.df-content mark{color:inherit;background:var(--df-yellow);border-radius:0;padding:0}@supports (color:color-mix(in lab, red, red)){.df-content mark{background:color-mix(in oklab, var(--df-yellow) 34%, transparent)}}.df-content mark{box-shadow:none;-webkit-box-decoration-break:clone;box-decoration-break:clone}.df-content :where(code,kbd,samp){font-family:var(--df-font-mono);font-size:.9em}.df-content :where(code,kbd){border-radius:var(--df-radius-sm);color:var(--df-code-ink);background:var(--df-surface-code);padding:.13em .32em}.df-content kbd{box-shadow:var(--df-shadow-inset), 0 2px 6px #1d1d1f1f;white-space:nowrap}.df-content abbr[title]{-webkit-text-decoration:underline dotted var(--df-accent-400);-webkit-text-decoration:underline dotted var(--df-accent-400);text-decoration:underline dotted var(--df-accent-400);text-underline-offset:.22em}.df-content del,.df-content s{color:var(--df-ink-secondary)}.df-content sub,.df-content sup{line-height:0}.df-content ul,.df-content ol{padding-inline-start:1.55em}.df-content li+li{margin-top:.3em}.df-content li::marker{color:inherit;font-weight:700}.df-content ul ul,.df-content ol ol,.df-content ul ol,.df-content ol ul{margin-block:.35em}.df-content dl{grid-template-columns:max-content minmax(0,1fr);align-items:baseline;gap:.4rem 1rem;display:grid}.df-content dt{color:var(--df-ink);font-weight:700}.df-content dd{min-width:0;color:var(--df-ink-body);margin:0}.df-content .contains-task-list{padding-inline-start:0;list-style:none}.df-content .task-list-item{align-items:flex-start;gap:.55em;display:flex}.df-content .task-list-item>input[type=checkbox]{appearance:none;background-color:var(--df-ink-secondary);border-radius:3px;flex:none;width:1.05em;height:1.05em;margin-top:.27em}@supports (color:color-mix(in lab, red, red)){.df-content .task-list-item>input[type=checkbox]{background-color:color-mix(in srgb, var(--df-ink-secondary) 12%, var(--df-surface-secondary))}}.df-content .task-list-item>input[type=checkbox]{opacity:1;background-position:50%;background-repeat:no-repeat;background-size:.78em}.df-content .task-list-item>input[type=checkbox]:checked{background-color:var(--df-success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3.25 8.25 3 3 6.5-7'/%3E%3C/svg%3E")}.df-content blockquote{color:var(--df-ink-secondary);background:var(--df-surface-soft);border-radius:var(--df-radius-md);padding:.9em 1.05em;position:relative}.df-content blockquote>:first-child{margin-top:0}.df-content blockquote>:last-child{margin-bottom:0}.df-content hr{background:0 0;height:0;margin:2.5em 0}.df-content :where(img,video,iframe,svg){max-width:100%}.df-content img{height:auto}.df-content figure{margin-inline:0}.df-content figcaption{color:var(--df-ink-secondary);text-align:center;margin-top:.6em;font-size:.86em}.df-anchor-island{opacity:0;width:24px;height:1.2em;transition:opacity var(--df-duration-fast) var(--df-easing-default);align-items:center;display:inline-flex;position:absolute;inset:0 auto auto -32px}.df-content :where(h1,h2,h3,h4,h5,h6):hover .df-anchor-island,.df-anchor-island:focus-within{opacity:1}.df-anchor{width:24px;height:24px;color:var(--df-ink-tertiary);box-shadow:none;opacity:.68;background:0 0;place-items:center;padding:0;text-decoration:none;display:inline-grid}.df-anchor>svg{width:14px;height:14px}.df-anchor:hover{color:var(--df-accent-500)}.df-code,.df-terminal,.df-table-window,.df-api-block,.df-file-tree,.df-media-frame,.df-image-gallery{border-radius:var(--df-radius-md);width:100%;min-width:0;color:var(--df-ink-body);background:var(--df-block-stage-surface);overflow:hidden}.df-code,.df-code-group,.df-table-window,.df-content details{box-shadow:var(--df-block-shell-shadow)}.df-code{color:var(--df-code-ink);border:0;outline:0}.df-terminal{color:var(--df-terminal-ink);background:var(--df-terminal-canvas);box-shadow:var(--df-block-shell-shadow)}.df-block-toolbar,.df-code-bar,.df-terminal-head,.df-api-endpoint,.df-table-preview-head,.df-gallery-dialog-head{min-height:var(--df-block-toolbar-height);padding:8px var(--df-block-padding);color:var(--df-ink-secondary);background:var(--df-block-toolbar-surface);box-shadow:none;-webkit-backdrop-filter:blur(var(--df-glass-blur)) saturate(145%);align-items:center;gap:.65rem;display:flex}:where(.df-gallery-dialog-head,.df-table-preview-head)>button:last-child{margin-inline-start:auto}.df-code-bar{border:0}.df-block-title{align-items:center;gap:.5rem;min-width:0;line-height:1;display:inline-flex}.df-block-title>svg{flex:none}.df-block-title>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.df-block-title,.df-code-file-name{color:var(--df-ink-secondary);font-family:var(--df-font-sans);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;font-weight:550;overflow:hidden}.df-code-lang{color:var(--df-ink-secondary);font-family:var(--df-font-mono);letter-spacing:.04em;font-size:.78rem;font-weight:550}.df-terminal-head:before{content:"";background:var(--df-terminal-traffic-close);width:10px;height:10px;box-shadow:18px 0 var(--df-terminal-traffic-minimize), 36px 0 var(--df-terminal-traffic-maximize);border-radius:50%;flex:0 0 10px;margin-inline:0 36px;display:inline-block}.df-terminal-head{color:var(--df-terminal-ink-secondary);background:var(--df-terminal-toolbar)}.df-terminal-head>.df-copy-snippet-button{margin-inline-start:auto}.df-code-file{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.df-code-file-icon{background-image:url(./file-icons/document.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:0;flex:none;width:1.05rem;min-width:1.05rem;height:1.05rem;padding:0;line-height:0;display:inline-block}.df-code-file-icon[data-df-file-icon=astro]{background-image:url(./file-icons/astro.svg)}.df-code-file-icon[data-df-file-icon=bun]{background-image:url(./file-icons/bun_light.svg)}.df-code-file-icon[data-df-file-icon=console]{background-image:url(./file-icons/console.svg)}.df-code-file-icon[data-df-file-icon=css]{background-image:url(./file-icons/css.svg)}.df-code-file-icon[data-df-file-icon=database]{background-image:url(./file-icons/database.svg)}.df-code-file-icon[data-df-file-icon=deno]{background-image:url(./file-icons/deno_light.svg)}.df-code-file-icon[data-df-file-icon=diff]{background-image:url(./file-icons/diff.svg)}.df-code-file-icon[data-df-file-icon=docker]{background-image:url(./file-icons/docker.svg)}.df-code-file-icon[data-df-file-icon=docfuse]{background-image:var(--df-docfuse-config-icon)}.df-code-file-icon[data-df-file-icon=environment]{background-image:url(./file-icons/environment.svg)}.df-code-file-icon[data-df-file-icon=git]{background-image:url(./file-icons/git.svg)}.df-code-file-icon[data-df-file-icon=github-actions]{background-image:url(./file-icons/github-actions.svg)}.df-code-file-icon[data-df-file-icon=go]{background-image:url(./file-icons/go.svg)}.df-code-file-icon[data-df-file-icon=javascript]{background-image:url(./file-icons/javascript.svg)}.df-code-file-icon[data-df-file-icon=json]{background-image:url(./file-icons/json.svg)}.df-code-file-icon[data-df-file-icon=markdown]{background-image:url(./file-icons/markdown.svg)}.df-code-file-icon[data-df-file-icon=nodejs]{background-image:url(./file-icons/nodejs.svg)}.df-code-file-icon[data-df-file-icon=npm]{background-image:url(./file-icons/npm.svg)}.df-code-file-icon[data-df-file-icon=pnpm]{background-image:url(./file-icons/pnpm_light.svg)}.df-code-file-icon[data-df-file-icon=python]{background-image:url(./file-icons/python.svg)}.df-code-file-icon[data-df-file-icon=react]{background-image:url(./file-icons/react.svg)}.df-code-file-icon[data-df-file-icon=rust]{background-image:url(./file-icons/rust.svg)}.df-code-file-icon[data-df-file-icon=sass]{background-image:url(./file-icons/sass.svg)}.df-code-file-icon[data-df-file-icon=config]{background-image:url(./file-icons/config.svg)}.df-code-file-icon[data-df-file-icon=settings]{background-image:url(./file-icons/settings.svg)}.df-code-file-icon[data-df-file-icon=svelte]{background-image:url(./file-icons/svelte.svg)}.df-code-file-icon[data-df-file-icon=typescript]{background-image:url(./file-icons/typescript.svg)}.df-code-file-icon[data-df-file-icon=vue]{background-image:url(./file-icons/vue.svg)}.df-code-file-icon[data-df-file-icon=yaml]{background-image:url(./file-icons/yaml.svg)}.df-code-file-icon[data-df-file-icon=yarn]{background-image:url(./file-icons/yarn.svg)}.dark .df-code-file-icon[data-df-file-icon=bun]{background-image:url(./file-icons/bun.svg)}.dark .df-code-file-icon[data-df-file-icon=deno]{background-image:url(./file-icons/deno.svg)}.dark .df-code-file-icon[data-df-file-icon=pnpm]{background-image:url(./file-icons/pnpm.svg)}.df-block-actions{gap:4px;margin-inline-start:auto;display:inline-flex}.df-block-button,.df-icon-button,.df-copy-snippet-button,.df-gallery-nav,.df-gallery-thumbs button,.df-sort-button{border-radius:var(--df-radius-sm);min-width:32px;min-height:32px;color:var(--df-ink-secondary);box-shadow:none;cursor:pointer;transition:color var(--df-duration-fast) var(--df-easing-default), background var(--df-duration-fast) var(--df-easing-default);background:0 0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.df-block-button:hover,.df-icon-button:hover,.df-copy-snippet-button:hover,.df-gallery-nav:hover,.df-gallery-thumbs button:hover,.df-sort-button:hover{color:var(--df-accent-500)}.df-content a.df-block-button{color:var(--df-ink-secondary);text-decoration:none}.df-content a.df-block-button:hover{color:var(--df-accent-500)}.df-code :where(.df-block-button,.df-copy-snippet-button),.df-code .df-block-button{color:var(--df-ink-secondary);opacity:.62;transition:opacity var(--df-duration-fast) var(--df-easing-default), color var(--df-duration-fast) var(--df-easing-default)}.df-code:hover :where(.df-block-button,.df-copy-snippet-button),.df-code:focus-within :where(.df-block-button,.df-copy-snippet-button){opacity:1}.df-terminal .df-copy-snippet-button{color:var(--df-terminal-ink-tertiary)}.df-code :where(.df-block-button,.df-copy-snippet-button):hover{color:var(--df-ink)}.df-terminal .df-copy-snippet-button:hover{color:var(--df-terminal-ink)}.df-block-button:active,.df-icon-button:active,.df-copy-snippet-button:active,.df-gallery-nav:active,.df-gallery-thumbs button:active,.df-sort-button:active{opacity:1}.df-code>pre,.df-code pre,.df-terminal>pre{padding-block:var(--df-block-padding);color:var(--df-code-ink);font-family:var(--df-font-mono);tab-size:2;margin:0;font-size:.84rem}.df-code>pre,.df-code pre{padding-inline:0;line-height:1.8}.df-terminal>pre{padding-inline:var(--df-block-padding);line-height:1.55}.df-code>pre,.df-code pre{white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;counter-reset:df-code-line;overflow-x:hidden}.df-terminal>pre{scrollbar-width:thin;scrollbar-color:var(--df-accent-300) transparent;overflow-x:auto}.df-code>pre.shiki,.df-code>pre.shiki code{color:var(--shiki-light,var(--df-code-ink))!important;background-color:var(--df-block-stage-surface)!important}html.dark .df-code>pre.shiki,html.dark .df-code>pre.shiki code,.dark .df-code>pre.shiki,.dark .df-code>pre.shiki code{color:var(--shiki-dark,var(--df-code-ink))!important;background-color:var(--df-block-stage-surface)!important}html.dark .df-code>pre.shiki span,.dark .df-code>pre.shiki span{color:var(--shiki-dark,inherit)!important}.df-code pre code,.df-terminal pre code{color:inherit;font:inherit;background:0 0;padding:0}.df-code pre code{width:100%;min-width:0;white-space:inherit;flex-direction:column;display:flex}.df-code .line,.df-code .diff{box-sizing:border-box;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;width:100%;max-width:100%;min-height:1.8em;padding-inline:calc(2.75ch + .4rem) 0;line-height:1.8;display:block;position:relative}.df-code .line:before{width:2.75ch;color:var(--df-ink-tertiary);content:counter(df-code-line);counter-increment:df-code-line;font-variant-numeric:tabular-nums;text-align:end;-webkit-user-select:none;user-select:none;position:absolute;inset-inline-start:0}.df-code .line.highlighted,.df-code .line.focused{background:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){.df-code .line.highlighted,.df-code .line.focused{background:color-mix(in srgb, var(--df-accent-500) 8%, transparent)}}.df-code .line.diff.add{background:var(--df-success)}@supports (color:color-mix(in lab, red, red)){.df-code .line.diff.add{background:color-mix(in oklab, var(--df-success) 13%, transparent)}}.df-code .line.diff.add:before{color:var(--df-success);content:"+"}.df-code .line.diff.remove{background:var(--df-danger)}@supports (color:color-mix(in lab, red, red)){.df-code .line.diff.remove{background:color-mix(in oklab, var(--df-danger) 13%, transparent)}}.df-code .line.diff.remove:before{color:var(--df-danger);content:"−"}.df-code .line.error{background:var(--df-danger)}@supports (color:color-mix(in lab, red, red)){.df-code .line.error{background:color-mix(in oklab, var(--df-danger) 13%, transparent)}}.df-code .line.warning{background:var(--df-warning)}@supports (color:color-mix(in lab, red, red)){.df-code .line.warning{background:color-mix(in oklab, var(--df-warning) 13%, transparent)}}.df-terminal-prompt{color:var(--df-success);font-family:var(--df-font-mono);font-weight:700}.df-terminal>pre{color:var(--df-terminal-ink)}.df-terminal-output{color:var(--df-terminal-ink-tertiary);grid-column:2;display:block}.df-terminal>pre>span{grid-template-columns:1.15rem minmax(0,1fr);display:grid}.df-terminal>pre>span>.df-terminal-prompt{grid-column:1}.df-terminal-status{color:var(--df-terminal-ink-tertiary);font-family:var(--df-font-mono);grid-column:1}.df-data-table{border-collapse:collapse;width:100%;font-size:.9em;display:block;overflow-x:auto}.df-data-table>table{border-collapse:inherit;table-layout:auto;width:100%;min-width:100%;margin:0}.df-table-window table{margin-block:0}.df-data-table th,.df-data-table td{text-align:start;vertical-align:top;padding:10px 14px}.df-data-table th{color:var(--df-ink);background:var(--df-table-head-surface,var(--df-ink))}@supports (color:color-mix(in lab, red, red)){.df-data-table th{background:var(--df-table-head-surface,color-mix(in oklab, var(--df-ink) 6%, var(--df-surface-secondary)))}}.df-data-table th{font-weight:720}.df-data-table tbody tr{background:var(--df-table-row-surface,var(--df-surface-elevated))}.df-data-table tbody tr:nth-child(2n){background:var(--df-table-row-alt-surface,var(--df-surface-secondary))}.df-data-table :is(th,td) code{white-space:nowrap;overflow-wrap:normal;word-break:normal}.df-sort-button{min-height:0;color:inherit;white-space:nowrap;gap:.35rem;padding:2px 4px}.df-sort-label{margin-inline-end:0}.df-sort-icon{width:1rem;height:1rem;color:var(--df-ink-tertiary);opacity:.68;justify-content:center;align-items:center;display:inline-flex}.df-sort-button[aria-pressed=true] .df-sort-icon{color:var(--df-ink-tertiary);opacity:1}.df-sort-icon path{opacity:.42;transition:stroke var(--df-duration-fast) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default)}.df-sort-button[data-sort=asc] .df-sort-icon path:nth-child(2),.df-sort-button[data-sort=desc] .df-sort-icon path:first-child{stroke:var(--df-accent-500);opacity:1}.df-sort-button:focus-visible{border-radius:var(--df-radius-sm);box-shadow:var(--df-focus-ring);outline:none}.df-table-window{--df-table-row-surface:var(--df-surface-elevated);--df-table-row-alt-surface:var(--df-surface-secondary);border:0;outline:0;display:block}.dark .df-table-window{--df-table-head-surface:var(--df-surface-secondary);--df-table-row-surface:var(--df-surface);--df-table-row-alt-surface:var(--df-surface-soft)}.dark .df-table-window>.df-block-toolbar{background:var(--df-surface-elevated)}@media (max-width:45rem){.df-table-window .df-data-table>table{min-width:680px}}.df-media-frame{box-shadow:none;background:0 0;place-items:center;padding:0;display:grid;overflow:visible}.df-media-frame img,.df-media-frame video,.df-media-frame iframe{object-fit:contain;border-radius:var(--df-radius-sm);width:100%;min-height:0;max-height:70dvh;display:block}.df-content>:where(video,iframe[data-df-element=embed]){border-radius:var(--df-radius-md);background:var(--df-surface-soft);width:100%;margin:.9rem 0;display:block}.df-content>video{height:auto;max-height:72dvh}.df-content>iframe[data-df-element=embed]{min-height:clamp(20rem,62dvh,45rem)}.df-content>audio{border-radius:var(--df-radius-md);color-scheme:light;background:var(--df-surface-secondary);width:min(100%,380px);height:38px;accent-color:var(--df-accent-500);margin:.9rem 0;display:block}.dark .df-content>audio{color-scheme:dark}.df-content>audio::-webkit-media-controls-enclosure{border-radius:var(--df-radius-md);background:var(--df-surface-secondary)}.df-content>audio::-webkit-media-controls-panel{border-radius:var(--df-radius-md);background:var(--df-surface-secondary)}.df-file-link{border-radius:var(--df-radius-md);width:100%;min-height:4.25rem;color:var(--df-ink);box-shadow:none;transition:background-color var(--df-duration-fast) var(--df-easing-default);background:0 0;grid-template-columns:2.75rem minmax(0,1fr) 2rem;align-items:center;gap:.875rem;margin:.25rem 0;padding:.625rem .75rem;text-decoration:none;display:grid}.df-file-link:hover{color:var(--df-ink);background:var(--df-surface-soft);text-decoration:none}.df-file-link:focus-visible{box-shadow:var(--df-focus-ring);outline:0}.df-file-icon{background-image:url(./file-icons/document.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:2.75rem;height:2.75rem;display:block}.df-file-icon[data-df-file-icon=pdf]{background-image:url(./file-icons/pdf.svg)}.df-file-icon[data-df-file-icon=word]{background-image:url(./file-icons/word.svg)}.df-file-icon[data-df-file-icon=powerpoint]{background-image:url(./file-icons/powerpoint.svg)}.df-file-icon[data-df-file-icon=excel]{background-image:url(./file-icons/excel.svg)}.df-file-details{gap:.125rem;min-width:0;display:grid}.df-file-name{color:var(--df-ink);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:560;line-height:1.35;overflow:hidden}.df-file-meta{color:var(--df-ink-secondary);font-size:.8125rem;line-height:1.35}.df-file-download{width:1.25rem;height:1.25rem;color:var(--df-ink-secondary);background:currentColor;justify-self:end;display:block;-webkit-mask:url(./file-icons/download.svg) 50%/contain no-repeat;mask:url(./file-icons/download.svg) 50%/contain no-repeat}.df-file-link:hover .df-file-download{color:var(--df-accent-500)}.df-copy-snippet{border-radius:var(--df-radius-sm);background:var(--df-surface-code);vertical-align:baseline;align-items:center;gap:5px;padding:2px 3px 2px 6px;display:inline-flex}.df-copy-snippet>code{background:0 0;padding:0}.df-copy-snippet>.df-copy-snippet-button{min-width:24px;min-height:24px;box-shadow:none;padding:3px}.df-callout,.df-aside{--df-callout-tone-deep:var(--df-info-deep);--df-callout-surface:var(--df-info-soft);border-radius:var(--df-radius-md);color:var(--df-ink-body);background:var(--df-callout-surface);box-shadow:none;padding:12px 14px 13px}.df-callout-title{color:var(--df-ink);align-items:center;gap:.5em;margin-bottom:.35em;font-weight:720;display:flex}.df-callout-icon{width:1.05rem;height:1.05rem;color:var(--df-callout-tone-deep);flex:0 0 1.05rem;display:block}.df-callout-body>:first-child{margin-top:0}.df-callout-body>:last-child{margin-bottom:0}.df-callout-tip{--df-callout-tone-deep:var(--df-success-deep);--df-callout-surface:var(--df-success-soft)}.df-callout-warning{--df-callout-tone-deep:var(--df-warning-deep);--df-callout-surface:var(--df-warning-soft)}.df-callout-danger{--df-callout-tone-deep:var(--df-danger-deep);--df-callout-surface:var(--df-danger-soft)}.df-content details{border-radius:var(--df-radius-md);background:var(--df-block-stage-surface);margin:.78rem 0;padding:0;overflow:hidden}.df-content summary{width:100%;min-height:var(--df-block-toolbar-height);padding:9px var(--df-block-padding);color:var(--df-ink);background:var(--df-block-toolbar-surface);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:680;list-style:none;display:flex}.df-content summary::-webkit-details-marker{display:none}.df-details-chevron{width:1rem;height:1rem;transition:transform var(--df-duration-normal) var(--df-easing-default);flex:none}.df-content details[open]>summary .df-details-chevron{transform:rotate(180deg)}.df-details-content{opacity:1;transition:grid-template-rows var(--df-duration-normal) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default);grid-template-rows:1fr;display:grid;overflow:hidden}.df-details-content-inner{min-height:0;padding:var(--df-block-padding);transition:padding-block var(--df-duration-normal) var(--df-easing-default);overflow:hidden}.df-content details:not([open])>.df-details-content{opacity:0;grid-template-rows:0fr;display:grid}.df-content details:not([open])>.df-details-content>.df-details-content-inner{padding-block:0}.df-tabs,.df-steps,.df-api-block,.df-file-tree,.df-card-grid{background:var(--df-surface-soft)}.df-tabs{background:0 0}.df-code-group{border-radius:var(--df-radius-md);background:var(--df-block-stage-surface);border:0;outline:0;grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative;overflow:hidden}.df-code-group .df-tabs-list{min-height:var(--df-block-toolbar-height);padding:0 var(--df-block-padding);background:var(--df-block-toolbar-surface);box-shadow:none;-webkit-backdrop-filter:blur(var(--df-glass-blur)) saturate(145%);grid-area:1/1;gap:22px;margin-bottom:0}.df-code-group>.df-tabs-content:not([hidden]){display:contents}.df-code-group>.df-tabs-content[hidden]{display:none}.df-code-group .df-code{box-shadow:none;border-radius:0;margin:0;display:contents;position:static}.df-code-group .df-code-bar{z-index:2;width:auto;min-height:var(--df-block-toolbar-height);padding:0 var(--df-block-padding) 0 6px;background:var(--df-block-toolbar-surface);pointer-events:auto;grid-area:1/2;justify-content:flex-end;position:static}.df-code-group pre{grid-area:2/1/auto/-1}.df-code-tabs-scroll{z-index:3;width:2.25rem;height:var(--df-block-toolbar-height);color:var(--df-ink-secondary);background:var(--df-block-toolbar-surface);cursor:pointer;transition:color var(--df-duration-fast) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default);place-items:center;padding:0;display:inline-grid;position:absolute;top:0}.df-code-tabs-scroll[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:inline-grid}.df-code-tabs-scroll-start{left:0}.df-code-tabs-scroll-end{right:2.875rem}.df-code-tabs-scroll svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1rem;height:1rem}.df-code-tabs-scroll:hover,.df-code-tabs-scroll:focus-visible{color:var(--df-accent-500)}.df-code-group .df-code-bar [data-df-slot=title]{display:none}.df-tabs>*,.df-steps>*,.df-api-block>*,.df-file-tree>*,.df-card-grid>*{min-width:0}.df-tabs-list{min-height:var(--df-block-toolbar-height);scrollbar-width:none;gap:14px;padding:0;display:flex;overflow-x:auto}.df-tabs:not(.df-code-group)>.df-tabs-list{width:100%;min-height:var(--df-block-toolbar-height);box-shadow:inset 0 -1px var(--df-hairline);background:0 0;gap:22px;padding:0}.df-tabs-list::-webkit-scrollbar{display:none}.df-gallery-thumbs::-webkit-scrollbar{display:none}.df-tabs-trigger{min-height:var(--df-block-toolbar-height);color:var(--df-ink-secondary);cursor:pointer;transition:color var(--df-duration-fast) var(--df-easing-default), background var(--df-duration-fast) var(--df-easing-default), box-shadow var(--df-duration-fast) var(--df-easing-default);background:0 0;border-radius:0;flex:none;padding:8px 3px 9px}.df-tabs:not(.df-code-group)>.df-tabs-list>.df-tabs-trigger{min-height:var(--df-block-toolbar-height);border-radius:0;padding:9px 2px 10px}.df-code-group .df-tabs-trigger{min-height:var(--df-block-toolbar-height);color:var(--df-ink-secondary);align-items:center;gap:.45rem;padding:8px 0 9px;font-size:.94rem;line-height:1;display:inline-flex}.df-code-group .df-tabs-trigger .df-code-file-icon{flex:none;align-self:center;width:1.1rem;min-width:1.1rem;height:1.1rem}.df-code-tab-label{white-space:nowrap;align-items:center;min-height:1rem}.df-code-group .df-tabs-trigger:not(:has(.df-code-file-icon)):before{content:"";background:url(./file-icons/document.svg) 50%/contain no-repeat;width:1.1rem;height:1.1rem}.df-code-group .df-tabs-trigger:hover,.df-code-group .df-tabs-trigger[aria-selected=true]{color:var(--df-accent-500);box-shadow:inset 0 -2px var(--df-accent-500);background:0 0}.df-tabs:not(.df-code-group)>.df-tabs-list>.df-tabs-trigger:hover{color:var(--df-ink);background:0 0}.df-tabs:not(.df-code-group)>.df-tabs-list>.df-tabs-trigger[aria-selected=true]{color:var(--df-accent-600);box-shadow:inset 0 -2px var(--df-accent-500);background:0 0}.df-tabs-content{animation:df-content-enter var(--df-duration-fast) var(--df-easing-default);background:0 0;padding:.8rem .15rem .25rem}.df-tabs-content>:first-child,.df-tabs-content>:last-child{margin-block:0}.df-tabs-content[hidden]{display:none}.df-steps{counter-reset:df-step;background:0 0;padding:.25rem 0;list-style:none}.df-content .df-steps{padding-inline-start:0}.df-steps>li{counter-increment:df-step;min-height:30px;padding-inline-start:2.55rem;position:relative}.df-steps>li+li{margin-top:1rem}.df-steps>li:before{z-index:1;content:counter(df-step);color:#fff;background:var(--df-accent-500);width:1.55rem;height:1.55rem;font:700 .7rem/1 var(--df-font-mono);border-radius:50%;place-items:center;display:inline-grid;position:absolute;inset-inline-start:0}.df-steps>li:not(:last-child):after{z-index:0;content:"";background:var(--df-hairline);inset-inline-start:.775rem;width:1px;position:absolute;top:1.55rem;bottom:-1rem;transform:translate(-50%)}.df-step-title{color:var(--df-ink);margin-bottom:.2em;font-weight:720;display:block}.df-steps>li>p{margin:.28rem 0 0}.df-api-block{background:var(--df-surface-secondary);box-shadow:var(--df-block-shell-shadow);padding:12px}.df-api-block>.df-api-endpoint{border-radius:var(--df-radius-sm);min-height:46px;color:var(--df-ink);background:var(--df-surface-elevated);box-shadow:none;padding:10px 12px}.df-api-method,.df-badge,.df-badge-success,.df-badge-warning,.df-badge-danger{border-radius:var(--df-radius-sm);min-height:24px;font:700 .74rem/1 var(--df-font-mono);letter-spacing:.03em;align-items:center;padding:3px 7px;display:inline-flex}.df-api-method,.df-badge,.df-badge-accent{color:var(--df-accent-700);background:var(--df-accent-soft)}.df-badge-success{color:var(--df-success-deep);background:var(--df-success-soft)}.df-badge-warning{color:var(--df-warning-deep);background:var(--df-warning-soft)}.df-badge-danger{color:var(--df-danger-deep);background:var(--df-danger-soft)}.df-api-path-param{color:var(--df-danger-deep);font-family:var(--df-font-mono)}.df-api-params,.df-api-response{background:0 0;margin:10px 0 0;padding:0}.df-api-block .df-api-params .df-table-window{background:var(--df-surface);box-shadow:none}.df-api-response{border-radius:var(--df-radius-sm);min-height:42px;color:var(--df-ink-body);background:var(--df-surface);align-items:center;gap:.55rem;padding:9px 11px;display:flex}.df-api-response:has(.df-badge-success){background:var(--df-success-soft)}.df-api-response:has(.df-badge-warning){background:var(--df-warning-soft)}.df-api-response:has(.df-badge-danger){background:var(--df-danger-soft)}.df-api-block .df-api-params .df-table-window>.df-block-toolbar{display:none}.df-table-window>.df-block-toolbar{min-height:var(--df-block-toolbar-height);padding:8px var(--df-block-padding);background:var(--df-surface-elevated);box-shadow:none}.df-table-preview-body{width:100%;padding:var(--df-block-padding);background:var(--df-surface);display:block}.df-file-tree{font-size:var(--df-body-font-size);line-height:var(--df-body-line-height);padding:.5rem}.df-content .df-file-tree ul,.df-content .df-file-tree ol,.df-file-tree ul{flex-direction:column;gap:0;margin:0;padding:0;padding-inline-start:1.25rem;list-style:none;display:flex}.df-content .df-file-tree>ul,.df-file-tree>ul{padding-inline-start:0}.df-content .df-file-tree ul ul,.df-content .df-file-tree ol ol,.df-content .df-file-tree ul ol,.df-content .df-file-tree ol ul{margin-block:0}.df-file-tree li,.df-content .df-file-tree li+li{margin:0;display:flex;position:relative}.df-file-tree-branch{flex-direction:column}.df-file-tree-children{margin:0;padding:0}.df-file-tree-folder,.df-file-tree-file{appearance:none;border-radius:var(--df-radius-sm);width:100%;min-height:2rem;color:var(--df-ink-body);font:inherit;line-height:var(--df-body-line-height);text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.2rem .5rem;display:flex}.df-file-tree-folder:hover,.df-file-tree-file:hover{color:var(--df-ink);background:var(--df-ink)}@supports (color:color-mix(in lab, red, red)){.df-file-tree-folder:hover,.df-file-tree-file:hover{background:color-mix(in srgb, var(--df-ink) 5%, transparent)}}.df-file-tree-current{color:var(--df-accent-500);background:var(--df-accent-soft)}.df-file-tree ul[data-df-state=collapsed],.df-file-tree [data-df-state=collapsed]>ul,.df-file-tree [data-df-state=collapsed]>.df-file-tree-children,.df-file-tree-children[data-df-state=collapsed]{display:none}.df-file-tree-folder-icon,.df-file-tree-file-icon{width:1rem;height:1rem;color:var(--df-ink-tertiary);flex:0 0 1rem;place-items:center;display:inline-grid}.df-file-tree-folder-icon>svg,.df-file-tree-file-icon>svg{width:1rem;height:1rem;display:block}.df-file-tree-current .df-file-tree-file-icon,.dark .df-file-tree-current,.dark .df-file-tree-current .df-file-tree-file-icon{color:var(--df-accent-500)}@supports (color:color-mix(in lab, red, red)){.dark .df-file-tree-current,.dark .df-file-tree-current .df-file-tree-file-icon{color:color-mix(in srgb, var(--df-accent-500) 56%, white)}}.df-reading-time{color:var(--df-ink-tertiary);margin:0 0 1.1rem;font-size:.875em}.df-link-card{border-radius:var(--df-radius-md);color:inherit;background:var(--df-surface-soft);transition:background var(--df-duration-normal) var(--df-easing-default), box-shadow var(--df-duration-normal) var(--df-easing-default);padding:14px 16px;text-decoration:none;display:block}.df-link-card:hover{background:var(--df-accent-soft);box-shadow:var(--df-shadow-raised-sm)}.df-link-card strong{margin-bottom:.25em;display:block}.df-card-grid{background:0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;padding:0;display:grid}@keyframes df-content-enter{0%{opacity:0}to{opacity:1}}.df-gallery-stage{background:var(--df-block-stage-surface);min-height:160px;position:relative}.df-gallery-lightbox,.df-table-preview{--df-block-padding:14px;--df-block-toolbar-height:48px;--df-block-toolbar-surface:var(--df-surface-secondary)}@supports (color:color-mix(in lab, red, red)){.df-gallery-lightbox,.df-table-preview{--df-block-toolbar-surface:color-mix(in srgb, var(--df-surface-secondary) 88%, transparent)}}.df-gallery-lightbox,.df-table-preview{--df-block-stage-surface:var(--df-surface-soft);z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.df-gallery-lightbox[hidden],.df-table-preview[hidden]{display:none}.df-gallery-backdrop,.df-table-preview-backdrop{background:var(--df-overlay);position:absolute;inset:0}.df-gallery-dialog,.df-table-preview-card{z-index:1;border-radius:var(--df-radius-md);background:var(--df-surface-elevated);width:min(100vw - 48px,1040px);max-height:min(82dvh,47.5rem);position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.df-gallery-dialog,.df-table-preview-card{background:color-mix(in srgb, var(--df-surface-elevated) 94%, transparent)}}.df-gallery-dialog,.df-table-preview-card{box-shadow:var(--df-shadow-raised);-webkit-backdrop-filter:blur(var(--df-glass-blur)) saturate(130%);animation:df-dialog-in var(--df-duration-normal) var(--df-easing-default)}.df-gallery-stage,.df-table-preview-body{max-height:calc(min(82dvh, 47.5rem) - var(--df-block-toolbar-height));overflow:auto}.df-table-preview-body{background:var(--df-surface-soft)}.df-table-preview-body .df-table-window{max-height:calc(min(82dvh, 47.5rem) - var(--df-block-toolbar-height) - (var(--df-block-padding) * 2));border-radius:var(--df-radius-sm);background:var(--df-surface);box-shadow:none;overflow:auto}.df-image-gallery{background:0 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px;padding:0;display:grid;overflow:visible}.df-image-gallery>figure{min-width:0;box-shadow:none;background:0 0;margin:0;padding:0}.df-media-zoom{border-radius:var(--df-radius-sm);cursor:zoom-in;background:0 0;width:100%;padding:0;display:block}.df-image-lightbox{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.df-image-lightbox-backdrop{background:var(--df-overlay-scrim);-webkit-backdrop-filter:blur(18px)saturate(115%);width:100%;height:100%;padding:0;position:absolute;inset:0}.df-image-lightbox-card{z-index:1;width:min(92vw,1440px);max-height:90dvh;box-shadow:none;animation:df-dialog-in var(--df-duration-normal) var(--df-easing-default);background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.df-image-lightbox-card img{border-radius:var(--df-radius-sm);object-fit:contain;width:auto;max-width:100%;max-height:86dvh;box-shadow:0 24px 70px #0000006b}.df-image-lightbox-card p{color:var(--df-overlay-ink);text-align:center;margin:12px 0 0}.df-image-lightbox-close{z-index:2;color:#fff;background:var(--df-overlay-control);-webkit-backdrop-filter:blur(16px)saturate(135%);position:fixed;inset:18px 18px auto auto;box-shadow:0 8px 24px #00000038}.df-gallery-trigger{appearance:none;width:100%;color:inherit;box-shadow:none;cursor:zoom-in;background:0 0;margin:0;padding:0;display:block}.df-gallery-trigger img{aspect-ratio:16/10;border-radius:var(--df-radius-sm);object-fit:cover;background:0 0;width:100%;max-height:58dvh;display:block}.df-gallery-thumbs{scrollbar-width:none;justify-content:center;gap:6px;padding:10px 12px 14px;display:flex;overflow-x:auto}.df-gallery-thumbs button{background:var(--df-overlay-control);flex:0 0 58px;width:58px;height:44px;min-height:44px;padding:3px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.df-gallery-thumbs button{background:color-mix(in oklab, var(--df-overlay-control) 70%, transparent)}}.df-gallery-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.df-gallery-thumbs button.is-current{color:#fff;background:oklab(100% 0 5.96046e-8/.28)}.df-gallery-stage figure{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;min-height:min(62dvh,38.75rem);margin:0;display:grid}.df-gallery-stage figure>img{object-fit:contain;border-radius:var(--df-radius-sm);width:auto;max-width:100%;max-height:min(62dvh,38.75rem);box-shadow:0 24px 70px #0006}.df-gallery-stage figcaption{width:auto;color:var(--df-overlay-ink);text-align:center;justify-content:center;align-self:center;align-items:center;gap:.55rem;padding:0;display:flex}.df-gallery-count{color:var(--df-overlay-ink-muted);font:500 .78rem/1.4 var(--df-font-sans)}.df-gallery-nav{z-index:2;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.df-gallery-prev{inset-inline-start:12px}.df-gallery-next{inset-inline-end:12px}.df-gallery-lightbox .df-gallery-backdrop{background:var(--df-overlay-scrim);-webkit-backdrop-filter:blur(18px)saturate(115%)}.df-gallery-lightbox .df-gallery-dialog{width:min(94vw,1440px);max-height:92dvh;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-radius:0}.df-gallery-lightbox .df-gallery-dialog-head{color:var(--df-overlay-ink);-webkit-backdrop-filter:none;background:0 0}.df-gallery-lightbox .df-gallery-dialog-head .df-icon-button,.df-gallery-lightbox .df-gallery-nav{color:#fff;background:var(--df-overlay-control);-webkit-backdrop-filter:blur(16px)saturate(135%);box-shadow:0 8px 24px #00000038}.df-gallery-lightbox .df-gallery-stage{background:0 0}@keyframes df-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.df-action-success{color:var(--df-success-deep)!important}.df-action-icon{flex:0 0 1em;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.df-action-icon-success,[data-df-copied=true] .df-action-icon-copy{display:none}[data-df-copied=true] .df-action-icon-success{display:inline-flex}.df-action-error{color:var(--df-danger-deep)!important}.df-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:47.5rem){.df-content{padding-inline:var(--df-site-gutter)}.df-anchor-island{inset-inline-start:-1.75rem}.df-content dl{grid-template-columns:1fr;gap:.2rem}.df-content dd+dt{margin-top:.55rem}.df-code>pre,.df-code pre{padding-inline:0}.df-terminal-output,.df-terminal>pre{padding-inline:14px;font-size:.8rem}.df-gallery-lightbox,.df-table-preview{padding:12px}.df-image-gallery{grid-template-columns:1fr}.df-gallery-stage figure{min-height:48dvh}.df-table-preview-card{width:min(100%,1040px)}.df-content>iframe[data-df-element=embed]{min-height:360px}}@media (hover:none){.df-code :where(.df-block-button,.df-copy-snippet-button){opacity:1}}@media (prefers-reduced-transparency:reduce){.df-table-preview-card{background:var(--df-surface-elevated);-webkit-backdrop-filter:none}.df-gallery-backdrop,.df-image-lightbox-backdrop{background:var(--df-overlay-scrim)}@supports (color:color-mix(in lab, red, red)){.df-gallery-backdrop,.df-image-lightbox-backdrop{background:color-mix(in oklab, var(--df-overlay-scrim) 96%, black)}}.df-gallery-backdrop,.df-image-lightbox-backdrop{-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.df-content *,.df-content :before,.df-content :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}} /* Default theme */ /* * Docfuse's shared visual contract. * * The palette is intentionally semantic: Markdown and the site shell consume * the same variables, while a host can override the documented values from * `@docfuse/markdown/theme`. Content surfaces stay opaque; translucent * material is reserved for temporary controls and overlays. */ :root { color-scheme: light; --df-canvas: #f6f6f8; --df-ink: #1d1d1f; --df-ink-body: #363638; --df-ink-secondary: #66666b; --df-ink-tertiary: #737379; --df-surface: #ffffff; --df-surface-secondary: #f3f3f5; --df-surface-soft: #f7f7f9; --df-surface-elevated: #ffffff; --df-surface-code: #f6f6f8; --df-code-ink: #1d1d1f; --df-docfuse-config-icon: url('./file-icons/config.svg'); /* The contract keeps these names for theme overrides. Visual rules never draw a border; they use surfaces, inset highlights, and shadows instead. */ --df-border: transparent; --df-border-strong: transparent; --df-hairline: rgb(29 29 31 / 0.1); /* Default semantic palette. Components derive interaction and status tones from this contract instead of introducing local color constants. */ --df-accent-500: #0088ff; --df-accent-50: color-mix(in srgb, var(--df-accent-500) 6%, white); --df-accent-100: color-mix(in srgb, var(--df-accent-500) 10%, white); --df-accent-200: color-mix(in srgb, var(--df-accent-500) 20%, white); --df-accent-300: color-mix(in srgb, var(--df-accent-500) 38%, white); --df-accent-400: color-mix(in srgb, var(--df-accent-500) 68%, white); --df-accent-600: color-mix(in srgb, var(--df-accent-500) 88%, black); --df-accent-700: color-mix(in srgb, var(--df-accent-500) 78%, black); --df-accent-800: color-mix(in srgb, var(--df-accent-500) 66%, black); --df-accent-900: color-mix(in srgb, var(--df-accent-500) 52%, black); --df-accent-soft: color-mix(in srgb, var(--df-accent-500) 10%, white); --df-accent-strong: #0088ff; --df-accent-deep: color-mix(in srgb, var(--df-accent-500) 78%, black); /* Official diagram plugins consume this shared theme contract. */ --df-diagram-surface: var(--df-surface-soft); --df-diagram-foreground: var(--df-ink-body); --df-diagram-accent: var(--df-accent-500); --df-diagram-muted: var(--df-ink-secondary); --df-diagram-line: color-mix(in srgb, var(--df-ink-body) 12%, transparent); --df-accent-secondary: #6155f5; --df-info: #0088ff; --df-info-deep: #0088ff; --df-success: #34c759; --df-success-deep: #34c759; --df-warning: #ff8d28; --df-warning-deep: #ff8d28; --df-danger: #ff383c; --df-danger-deep: #ff383c; --df-info-soft: color-mix(in oklab, var(--df-info) 9%, var(--df-surface)); --df-success-soft: color-mix(in oklab, var(--df-success) 9%, var(--df-surface)); --df-warning-soft: color-mix(in oklab, var(--df-warning) 9%, var(--df-surface)); --df-danger-soft: color-mix(in oklab, var(--df-danger) 9%, var(--df-surface)); --df-yellow: #ffcc00; --df-overlay: rgb(0 0 0 / 0.42); --df-overlay-scrim: rgb(13 13 15 / 0.9); --df-overlay-control: rgb(255 255 255 / 0.14); --df-overlay-ink: rgb(255 255 255 / 0.78); --df-overlay-ink-muted: rgb(255 255 255 / 0.56); --df-shadow-raised: 0 20px 52px rgb(29 29 31 / 0.14); --df-shadow-raised-sm: 0 8px 22px rgb(29 29 31 / 0.09); --df-shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.7); --df-block-shell-shadow: 0 1px 2px rgb(29 29 31 / 0.08), 0 6px 18px rgb(29 29 31 / 0.06); /* Terminal is always a dark surface. Traffic-light dots are macOS chrome, not semantic status colors — do not reuse them for callouts or badges. */ --df-terminal-canvas: #1c1c1e; --df-terminal-toolbar: #2b2b2f; --df-terminal-ink: #f5f5f7; --df-terminal-ink-secondary: #b9b9c0; --df-terminal-ink-tertiary: #98989f; --df-terminal-traffic-close: #ff5f57; --df-terminal-traffic-minimize: #febc2e; --df-terminal-traffic-maximize: #28c840; --df-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-mono: 'SFMono-Regular', 'JetBrains Mono', Consolas, 'Liberation Mono', Menlo, monospace; /* Typography scales with the user's root font size. Line heights stay unitless. */ --df-body-font-size: 1rem; --df-body-line-height: 1.6; --df-heading-line-height: 1.2; --df-heading-1-size: 2rem; --df-heading-2-size: 1.625rem; --df-heading-3-size: 1.375rem; --df-heading-4-size: 1.25rem; --df-heading-5-size: 1.125rem; --df-heading-6-size: 1.0625rem; --df-reading-width: 100%; --df-content-width: 100%; --df-site-gutter: 2.25rem; --df-radius-sm: 4px; --df-radius-md: 6px; --df-radius-lg: 8px; --df-radius-full: 8px; --df-duration-fast: 120ms; --df-duration-normal: 220ms; --df-easing-default: cubic-bezier(0.22, 1, 0.36, 1); --df-easing-spring: cubic-bezier(0.2, 0.85, 0.25, 1); --df-glass-blur: 18px; /* Major layout dimensions use rem; optical geometry below intentionally uses px. */ --df-header-height: 4.25rem; --df-sidebar-width: 17.5rem; --df-outline-width: 18.75rem; --df-focus-ring: 0 0 0 3px color-mix(in srgb, var(--df-accent-500) 24%, transparent); } html.dark, .dark { color-scheme: dark; --df-canvas: #1c1c1e; --df-ink: #f5f5f7; --df-ink-body: #e3e3e8; --df-ink-secondary: #b9b9c0; --df-ink-tertiary: #98989f; --df-surface: #232326; --df-surface-secondary: #343438; --df-surface-soft: #2b2b2f; --df-surface-elevated: #3b3b40; --df-surface-code: #202023; --df-code-ink: #f5f5f7; --df-hairline: rgb(255 255 255 / 0.12); --df-accent-500: #0091ff; --df-accent-50: color-mix(in srgb, var(--df-accent-500) 8%, var(--df-surface)); --df-accent-100: color-mix(in srgb, var(--df-accent-500) 14%, var(--df-surface)); --df-accent-200: color-mix(in srgb, var(--df-accent-500) 25%, var(--df-surface)); --df-accent-300: color-mix(in srgb, var(--df-accent-500) 42%, var(--df-surface)); --df-accent-400: color-mix(in srgb, var(--df-accent-500) 70%, var(--df-surface)); --df-accent-600: color-mix(in srgb, var(--df-accent-500) 88%, white); --df-accent-700: color-mix(in srgb, var(--df-accent-500) 76%, white); --df-accent-800: color-mix(in srgb, var(--df-accent-500) 62%, white); --df-accent-900: color-mix(in srgb, var(--df-accent-500) 46%, white); --df-accent-soft: color-mix(in srgb, var(--df-accent-500) 18%, var(--df-surface)); --df-accent-strong: #0091ff; --df-accent-deep: color-mix(in srgb, var(--df-accent-500) 76%, white); --df-accent-secondary: #6d7cff; --df-info: #0091ff; --df-info-deep: #0091ff; --df-success: #30d158; --df-success-deep: #30d158; --df-warning: #ff9230; --df-warning-deep: #ff9230; --df-danger: #ff4245; --df-danger-deep: #ff4245; --df-info-soft: color-mix(in oklab, var(--df-info) 9%, var(--df-surface)); --df-success-soft: color-mix(in oklab, var(--df-success) 9%, var(--df-surface)); --df-warning-soft: color-mix(in oklab, var(--df-warning) 9%, var(--df-surface)); --df-danger-soft: color-mix(in oklab, var(--df-danger) 9%, var(--df-surface)); --df-yellow: #ffd600; --df-overlay: rgb(0 0 0 / 0.62); --df-shadow-raised: 0 22px 58px rgb(0 0 0 / 0.34); --df-shadow-raised-sm: 0 10px 28px rgb(0 0 0 / 0.24); --df-shadow-inset: inset 0 1px 0 rgb(255 255 255 / 0.08); --df-block-shell-shadow: 0 1px 2px rgb(0 0 0 / 0.28), 0 6px 18px rgb(0 0 0 / 0.18); --df-focus-ring: 0 0 0 3px color-mix(in srgb, var(--df-accent-500) 36%, transparent); } @media (max-width: 47.5rem) { :root { --df-site-gutter: 1.25rem; } } /* Math */ /* KaTeX */ @font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(fonts/KaTeX_AMS-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Caligraphic-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Caligraphic-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Fraktur-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Fraktur-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(fonts/KaTeX_Main-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Main-BoldItalic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Main-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Main-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(fonts/KaTeX_Math-BoldItalic.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(fonts/KaTeX_Math-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(fonts/KaTeX_SansSerif-Bold.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(fonts/KaTeX_SansSerif-Italic.woff2) format("woff2")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(fonts/KaTeX_SansSerif-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Script-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size1-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size2-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size3-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Size4-Regular.woff2) format("woff2")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(fonts/KaTeX_Typewriter-Regular.woff2) format("woff2")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;position:relative;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.17.0"}.katex .katex-mathml{border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .smash{display:inline;line-height:0}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex svg{fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} /* Docfuse shell */ /* Docfuse site shell: quiet structure, coloured navigation, precise motion. */ *, *::before, *::after { box-sizing: border-box; border: 0; } html { min-width: 20rem; background: var(--df-canvas); overscroll-behavior: none; scroll-behavior: smooth; } body { min-width: 20rem; margin: 0; overscroll-behavior: none; color: var(--df-ink-body); background: var(--df-canvas); font-family: var(--df-font-sans); font-size: var(--df-body-font-size); line-height: var(--df-body-line-height); text-rendering: optimizeLegibility; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; } .df-page-root { display: contents; } button, input, select, textarea { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } button { border: 0; } a { color: inherit; } ::selection { color: var(--df-surface); background: var(--df-accent-500); } .df-header { position: fixed; inset: 0 0 auto; z-index: 20; width: 100%; min-height: var(--df-header-height); border-bottom: 1px solid color-mix(in srgb, var(--df-accent-500) 18%, transparent); background: color-mix(in srgb, var(--df-surface) 68%, transparent); box-shadow: none; backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); transition: border-color var(--df-duration-fast) var(--df-easing-default), background var(--df-duration-fast) var(--df-easing-default), backdrop-filter var(--df-duration-fast) var(--df-easing-default); } .df-header-home { border-bottom-color: transparent; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; } .df-header-home.df-header-scrolled { border-bottom-color: color-mix(in srgb, var(--df-accent-500) 18%, transparent); background: color-mix(in srgb, var(--df-surface) 68%, transparent); backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); } .df-header-inner { display: grid; grid-template-columns: calc(var(--df-sidebar-width) - 24px) minmax(0, 1fr) auto; align-items: center; min-height: var(--df-header-height); gap: 0; width: 100%; padding: 10px 24px; } .df-brand { grid-column: 1; display: inline-flex; flex: 0 0 auto; align-items: center; min-width: 0; color: var(--df-ink); text-decoration: none; } .df-brand-logo { display: block; flex: 0 0 auto; width: auto; max-width: 10rem; height: 3rem; object-fit: contain; } .df-brand-logo-dark { display: none; } .dark .df-brand-logo-light { display: none; } .dark .df-brand-logo-dark { display: block; } .df-brand-mark { display: block; flex: 0 0 auto; width: 3rem; height: 3rem; } .df-sidebar-toggle, .df-search-trigger, .df-icon-button, .df-version-badge, .df-menu-item, .df-header-link, .df-btn, .df-page-source, .df-doc-pagination-link { transition: color var(--df-duration-fast) var(--df-easing-default), background var(--df-duration-fast) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default); } .df-sidebar-toggle, .df-icon-button, .df-version-badge, .df-search-trigger { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); background: transparent; box-shadow: none; cursor: pointer; } .df-sidebar-toggle { display: none; } .df-sidebar-toggle, .df-icon-button { width: 36px; padding: 8px; } .df-sidebar-toggle:hover, .df-icon-button:hover, .df-version-badge:hover { color: var(--df-accent-500); background: transparent; } .df-search-trigger:hover { color: var(--df-accent-500); background: var(--df-surface-secondary); } .df-sidebar-toggle:active, .df-icon-button:active, .df-search-trigger:active, .df-version-badge:active, .df-btn:active, .df-page-source:active { opacity: 1; } .df-search-trigger { grid-column: 2; justify-self: start; justify-content: flex-start; gap: 8px; width: clamp(11.5rem, 16vw, 14rem); margin: 0; padding: 7px 9px 7px 11px; background: var(--df-surface-secondary); backdrop-filter: blur(var(--df-glass-blur)) saturate(145%); -webkit-backdrop-filter: blur(var(--df-glass-blur)) saturate(145%); font-size: 0.84rem; text-align: start; } .df-kbd { margin-inline-start: auto; padding: 2px 5px; border-radius: var(--df-radius-sm); color: var(--df-ink-tertiary); background: var(--df-surface-secondary); font: 0.68rem/1 var(--df-font-mono); } .df-header-right { grid-column: 3; display: inline-flex; align-items: center; gap: 7px; margin-inline-start: 0; } .df-header-nav { display: inline-flex; align-items: center; gap: 2px; } .df-header-link { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 10px; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); font-size: 0.9375rem; text-decoration: none; } .df-header-link:hover, .df-header-link-active { color: var(--df-accent-500); background: transparent; } .df-version-badge { gap: 5px; padding: 7px 10px; font: 0.8125rem/1 var(--df-font-mono); } .df-menu { position: relative; } .df-menu > summary { list-style: none; } .df-menu > summary::-webkit-details-marker { display: none; } .df-menu-list { position: absolute; inset: calc(100% + 8px) 0 auto auto; z-index: 30; min-width: 150px; padding: 5px; border-radius: var(--df-radius-md); background: color-mix(in srgb, var(--df-surface-elevated) 92%, transparent); box-shadow: var(--df-shadow-raised-sm), var(--df-shadow-inset); backdrop-filter: blur(var(--df-glass-blur)); } .df-menu-item { display: flex; align-items: center; min-height: 32px; padding: 6px 8px; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); font-size: 0.8rem; text-decoration: none; } .df-menu-item:hover, .df-menu-item-active { color: var(--df-accent-500); background: var(--df-accent-soft); } .df-lang-trigger { width: auto; gap: 2px; padding: 7px 6px 7px 8px; } .df-menu > summary .lucide-chevron-down { transition: transform var(--df-duration-fast) var(--df-easing-default); } .df-menu[open] > summary .lucide-chevron-down { transform: rotate(180deg); } .df-language-menu-list { width: 8rem; min-width: 8rem; padding: 0.375rem; } .df-language-menu-item { width: 100%; min-height: 2.375rem; padding: 0.5rem 0.75rem; font-size: 0.875rem; } .df-language-menu-item:hover { color: var(--df-ink); background: var(--df-surface-secondary); } .df-language-menu-item.df-menu-item-active { color: var(--df-accent-500); background: transparent; } .df-language-menu-item.df-menu-item-active:hover { background: var(--df-surface-secondary); } .df-icon-sun { display: none; } .dark .df-icon-sun { display: block; } .dark .df-icon-moon { display: none; } .df-progress { position: absolute; inset: auto 0 0; height: 2px; overflow: hidden; background: transparent; } .df-progress > span { display: block; width: 100%; height: 100%; background: var(--df-accent-500); transform: scaleX(0); transform-origin: left center; } .df-shell { display: grid; grid-template-columns: var(--df-sidebar-width) minmax(0, 1fr) var(--df-outline-width); min-height: 100vh; padding-top: var(--df-header-height); background: var(--df-canvas); } .df-header-hidden .df-shell { padding-top: 0; } .df-header-hidden :where(.df-sidebar, .df-outline) { top: 0; height: auto; } .df-sidebar, .df-outline { min-width: 0; overflow-y: auto; overflow-anchor: none; overscroll-behavior-y: none; scrollbar-width: none; } .df-sidebar::-webkit-scrollbar, .df-outline::-webkit-scrollbar { display: none; } .df-sidebar { --df-sidebar-indent: 0px; position: fixed; inset: var(--df-header-height) auto 0 0; width: var(--df-sidebar-width); height: auto; z-index: 10; background: var(--df-surface-soft); } .df-sidebar-nav { padding: 1.5rem 0.875rem 2rem; } .df-sidebar-primary-nav { display: none; } .df-sidebar-items + .df-sidebar-items { margin-top: 1.125rem; padding-top: 1.125rem; } .df-sidebar-link, .df-sidebar-subgroup-title { display: flex; align-items: center; min-height: 2.375rem; gap: 0.5rem; width: 100%; padding-block: 0.5rem; padding-inline: calc(0.625rem + var(--df-sidebar-indent, 0rem)) 0.625rem; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); font-size: 0.875rem; text-decoration: none; cursor: pointer; transition: color var(--df-duration-fast) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default); } .df-sidebar-link:hover, .df-sidebar-subgroup-title:hover, .df-sidebar-link-active { color: var(--df-accent-500); } .dark :where(.df-sidebar-link:hover, .df-sidebar-subgroup-title:hover, .df-sidebar-link-active) { color: var(--df-accent-700); } .df-sidebar-subgroup { margin-top: 0.3125rem; } .df-sidebar-subgroup-title { list-style: none; font-weight: 700; } .df-sidebar-subgroup-title::-webkit-details-marker { display: none; } .df-chevron { margin-inline-start: auto; transition: transform var(--df-duration-normal) var(--df-easing-spring); } .df-sidebar-subgroup[open] .df-chevron { transform: rotate(180deg); } .df-sidebar-subgroup-items { margin: 0.25rem 0; } .df-sidebar-subgroup-items .df-sidebar-link { min-height: 2rem; padding-block: 0.375rem; font-size: 0.8125rem; } .df-main { grid-column: 2; min-width: 0; min-height: calc(100vh - var(--df-header-height)); overscroll-behavior-y: none; background: var(--df-surface); } .df-shell-playground { grid-template-columns: var(--df-sidebar-width) minmax(0, 1fr); } .df-playground-page { overflow: hidden; } .df-playground-page .df-progress { display: none; } .df-playground-main { grid-column: 2 / -1; height: calc(100dvh - var(--df-header-height)); overflow: clip; } .df-header-hidden .df-playground-main { height: 100dvh; } .df-playground { --df-playground-source-width: 45%; position: relative; display: grid; grid-template-columns: minmax(12rem, var(--df-playground-source-width, 45%)) 0.5rem minmax(0, 1fr); height: 100%; min-height: 0; background: var(--df-surface); } .df-playground-toggle { display: none; } .df-playground-pane { display: grid; grid-template-rows: minmax(0, 1fr); min-width: 0; min-height: 0; overflow: clip; } .df-playground-source { background: var(--df-surface); } .df-playground-source > textarea { display: block; width: 100%; height: 100%; min-width: 0; min-height: 0; margin: 0; padding: clamp(1rem, 2vw, 1.5rem); resize: none; border: 0; outline: 0; overflow: auto; color: var(--df-code-ink); background: transparent; tab-size: 2; font: 0.82rem/1.65 var(--df-font-mono); white-space: pre; } .df-playground-preview-scroll { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; background: var(--df-surface); } .df-playground-source > textarea, .df-playground-preview-scroll { scrollbar-width: none; -ms-overflow-style: none; } .df-playground-source > textarea::-webkit-scrollbar, .df-playground-preview-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; } .df-playground-status { margin: clamp(1rem, 2vw, 1.5rem); color: var(--df-ink-secondary); font-size: 0.875rem; } .df-playground-error { color: var(--df-danger-deep, #b42318); white-space: pre-wrap; } .df-playground-resizer { position: relative; z-index: 4; min-width: 0.5rem; min-height: 0; cursor: col-resize; touch-action: none; } .df-playground-resizer::before { position: absolute; inset: 0 50%; width: 1px; background: color-mix(in srgb, var(--df-ink) 14%, transparent); content: ''; transform: translateX(-50%); transition: background var(--df-duration-fast) var(--df-easing-default); } .df-playground-resizer:hover::before, .df-playground-resizer:focus-visible::before, .df-playground[data-resizing] > .df-playground-resizer::before { background: var(--df-accent-500); } .df-playground-resizer:focus-visible { outline: 0; } .df-playground[data-resizing] { cursor: col-resize; user-select: none; } .df-skip-link { position: fixed; z-index: 1000; inset-block-start: 8px; inset-inline-start: 8px; padding: 8px 12px; border: 2px solid var(--df-accent-600); border-radius: var(--df-radius-sm); background: var(--df-surface-elevated); color: var(--df-ink); font-weight: 700; transform: translateY(calc(-100% - 16px)); } .df-skip-link:focus { transform: translateY(0); } .df-outline { position: fixed; inset: var(--df-header-height) 0 0 auto; width: var(--df-outline-width); height: auto; padding: 1.75rem 1.375rem 2.25rem 1.5rem; background: color-mix(in srgb, var(--df-surface) 88%, transparent); box-shadow: none; backdrop-filter: blur(18px) saturate(125%); -webkit-backdrop-filter: blur(18px) saturate(125%); } .df-outline-nav { display: grid; position: relative; gap: 0; padding-inline-start: 0.75rem; } .df-outline-nav::before { position: absolute; inset-block: 0.1875rem; inset-inline-start: 0; width: 1px; background: color-mix(in srgb, var(--df-ink-tertiary) 16%, transparent); content: ''; } .df-outline-link { position: relative; display: block; padding: 0.3125rem 0; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); font-size: 0.8125rem; line-height: 1.35; text-decoration: none; transition: color var(--df-duration-fast) var(--df-easing-default), opacity var(--df-duration-fast) var(--df-easing-default); } .df-outline-link::before { position: absolute; inset-block: 0.35rem; inset-inline-start: -0.75rem; width: 2px; border-radius: 1px; background: var(--df-accent-500); content: ''; opacity: 0; transition: opacity var(--df-duration-fast) var(--df-easing-default); } .df-outline-link-1 { color: var(--df-ink); font-size: 0.875rem; font-weight: 700; } .df-outline-link-2 { padding-inline-start: 0.5rem; font-size: 0.85rem; font-weight: 650; } .df-outline-link-3 { padding-inline-start: 1.125rem; font-weight: 600; } .df-outline-link-4 { padding-inline-start: 1.75rem; font-weight: 550; } .df-outline-link-5 { padding-inline-start: 2.375rem; color: var(--df-ink-tertiary); font-weight: 500; } .df-outline-link-6 { padding-inline-start: 3rem; color: var(--df-ink-tertiary); font-weight: 500; } .df-outline-link:hover, .df-outline-link[data-active='true'] { color: var(--df-accent-500); } .df-outline-link[data-active='true']::before { opacity: 1; } .df-outline-ad { display: block; margin-top: 26px; color: var(--df-ink-secondary); font-size: 0.72rem; text-decoration: none; } .df-outline-ad img { display: block; width: 100%; margin-top: 8px; border-radius: var(--df-radius-sm); } .df-page-footer { padding: 0 var(--df-site-gutter) 48px; } .df-page-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 0; color: var(--df-ink-secondary); font-size: 0.78rem; } .df-page-meta-actions { display: inline-flex; align-items: center; gap: 10px; } .df-page-meta-actions a, .df-page-source { color: var(--df-accent-500); background: none; cursor: pointer; text-decoration: none; } .df-page-meta-actions a:hover, .df-page-source:hover { color: var(--df-accent-700); } .df-doc-pagination { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .df-doc-pagination-link { display: grid; gap: 4px; min-width: 0; padding: 14px 16px; border-radius: var(--df-radius-md); background: var(--df-surface-soft); text-decoration: none; box-shadow: none; } .df-doc-pagination-link:hover { background: var(--df-accent-soft); } .df-doc-pagination-link-next { text-align: end; } .df-doc-pagination-label { color: var(--df-ink-secondary); font-size: 0.72rem; } .df-doc-pagination-title { overflow: hidden; color: var(--df-ink); font-size: 0.9rem; text-overflow: ellipsis; white-space: nowrap; } /* Home page */ .df-home { position: relative; overflow: clip; min-height: 100dvh; padding: var(--df-header-height) 0 0; background: radial-gradient(circle at 88% 14%, color-mix(in oklab, #8c5cff 17%, transparent), transparent 31rem), radial-gradient(circle at 55% 34%, color-mix(in oklab, #38c8ff 10%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in oklab, var(--df-surface) 94%, #eef4ff), #f6f7ff 58%, #f1f4ff); } .dark .df-home { background: radial-gradient(circle at 86% 12%, color-mix(in oklab, #7658ff 18%, transparent), transparent 30rem), radial-gradient(circle at 57% 31%, color-mix(in oklab, #1abcf2 9%, transparent), transparent 27rem), linear-gradient( 135deg, color-mix(in oklab, var(--df-canvas) 91%, #11182c), color-mix(in oklab, var(--df-canvas) 86%, #19172b) 58%, color-mix(in oklab, var(--df-canvas) 92%, #10172a) ); } .df-header-hidden .df-home { padding-top: 0; } .df-hero { position: relative; isolation: isolate; display: grid; align-items: center; max-width: 72.5rem; margin: 0 auto; padding: clamp(2rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3rem) clamp(2.25rem, 3.4vw, 2.75rem); } .df-hero-with-visual { grid-template-columns: minmax(0, 0.96fr) minmax(25rem, 1.04fr); gap: clamp(1.5rem, 3vw, 3.5rem); } .df-hero-copy { position: relative; z-index: 2; grid-column: 1; min-width: 0; max-width: 36.5rem; } .df-hero-title { display: block; margin: 0; padding-inline-end: 0.16em; color: transparent; background: linear-gradient(105deg, #06185f 0%, #0d6df0 54%, #8f43eb 100%); background-clip: text; -webkit-background-clip: text; font-family: Menlo, Monaco, Consolas, 'Liberation Mono', monospace; font-size: clamp(4.35rem, 7.5vw, 5.65rem); font-weight: 700; letter-spacing: -0.06em; line-height: 0.92; overflow-wrap: anywhere; text-wrap: balance; -webkit-text-fill-color: transparent; } .dark .df-hero-title { background-image: linear-gradient(105deg, #f2f5ff 0%, #70b4ff 54%, #c679ff 100%); } @media (forced-colors: active) { .df-hero-title { color: CanvasText; background: none; -webkit-text-fill-color: currentColor; } } .df-hero-accent { max-width: 36rem; margin: 1rem 0 0; color: color-mix(in oklab, var(--df-ink) 92%, #243b82); font-size: clamp(1.5rem, 2.35vw, 1.9rem); font-weight: 700; letter-spacing: -0.03em; line-height: 1.3; } .df-hero-tagline { max-width: 36.5rem; margin: 1.35rem 0 0; color: var(--df-ink-secondary); font-size: clamp(1rem, 1.3vw, 1.075rem); line-height: 1.8; } .df-hero-actions { display: flex; flex-wrap: wrap; gap: 1.1rem; margin-top: 1.5rem; } .df-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.65rem; min-height: 2.75rem; padding: 0.5rem 1.4rem; border-radius: 999px; font-size: 0.94rem; font-weight: 650; text-decoration: none; transition: color var(--df-duration-fast) var(--df-easing-default), background var(--df-duration-fast) var(--df-easing-default), box-shadow var(--df-duration-fast) var(--df-easing-default); } .df-btn svg { width: 1.1rem; height: 1.1rem; } .df-btn-primary { color: #fff; background: linear-gradient(110deg, #087af7, #395cf4 52%, #9344ec); box-shadow: 0 0.8rem 1.8rem color-mix(in oklab, #5060f5 28%, transparent); } .df-btn-primary:hover { color: #fff; box-shadow: 0 1rem 2rem color-mix(in oklab, #684ff1 38%, transparent); } .dark .df-btn-primary { box-shadow: none; } .df-btn-secondary { color: #3262e8; padding-inline: 1.4rem; border: 0; background: color-mix(in oklab, #dfe6ff 72%, var(--df-surface)); box-shadow: none; } .df-btn-secondary:hover { color: #5e45e7; background: color-mix(in oklab, #d5dcff 78%, var(--df-surface)); box-shadow: none; } .dark .df-btn-secondary { color: #bec8ff; background: color-mix(in oklab, #6268dc 24%, var(--df-surface)); box-shadow: none; } .dark .df-btn-secondary:hover { color: #d3d9ff; background: color-mix(in oklab, #696ee5 32%, var(--df-surface)); box-shadow: none; } .df-btn:focus-visible { outline: 3px solid color-mix(in oklab, #5e63f4 58%, transparent); outline-offset: 3px; } .df-hero-visual { position: relative; z-index: 1; grid-column: 2; width: min(100%, 33rem); aspect-ratio: 4 / 3; min-width: 0; align-self: center; justify-self: end; pointer-events: none; } .df-hero-visual img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; filter: drop-shadow(0 2rem 3rem color-mix(in oklab, #6a68f5 16%, transparent)); animation: df-home-visual-float 8s ease-in-out infinite; } .dark .df-hero-visual { opacity: 0.74; } .dark .df-hero-visual img { filter: brightness(0.88) saturate(1.12) contrast(1.06) drop-shadow(0 2rem 3rem color-mix(in oklab, #6155f4 22%, transparent)); } .df-feature-section { position: relative; z-index: 2; padding: clamp(2rem, 3.2vw, 2.5rem) clamp(1.5rem, 4vw, 3rem); } .df-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem 1.75rem; max-width: 66.875rem; margin: 0 auto; } .df-feature { display: flex; overflow: hidden; flex-direction: column; padding: 1.8rem 2rem 1.45rem; border: 0; border-radius: 0.75rem; color: inherit; background: linear-gradient( 145deg, color-mix(in oklab, var(--df-surface) 94%, #f4f6ff), color-mix(in oklab, var(--df-surface) 78%, #eff1ff) ); box-shadow: inset 0 1px 0 color-mix(in oklab, #fff 90%, transparent), 0 1rem 2.5rem color-mix(in oklab, #5461bf 9%, transparent); } .dark .df-feature { background: linear-gradient( 145deg, color-mix(in oklab, var(--df-surface) 92%, #181b2d), color-mix(in oklab, var(--df-surface) 84%, #121725) ); box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 1rem 2.5rem rgb(0 0 0 / 24%); } .dark .df-feature h3 { color: var(--df-ink); } .df-feature-icon { display: inline-flex; width: 3rem; height: 3rem; align-items: center; justify-content: center; color: #5b62ed; border-radius: 0.75rem; background: color-mix(in oklab, #7467f4 14%, var(--df-surface)); } .dark .df-feature-icon { background: color-mix(in oklab, #786af8 24%, var(--df-surface)); } .df-feature-icon svg { width: 2.5rem; height: 2.5rem; } .df-feature-icon img { display: block; width: 2.5rem; height: 2.5rem; object-fit: contain; } .df-feature h3 { margin: 1.2rem 0 0.4rem; color: color-mix(in oklab, var(--df-ink) 92%, #0d1a55); font-size: 1.08rem; letter-spacing: -0.015em; } .df-feature p { margin: 0; color: var(--df-ink-secondary); font-size: 0.86rem; line-height: 1.62; } @keyframes df-home-visual-float { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -0.55rem, 0); } } /* Search and source overlays: material belongs to transient UI only. */ .df-search-modal, .df-source-sheet { position: fixed; inset: 0; z-index: 100; } .df-search-modal[hidden], .df-source-sheet[hidden] { display: none; } .df-search-backdrop, .df-source-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; background: var(--df-overlay); cursor: default; } .df-search-panel, .df-source-panel { position: absolute; z-index: 1; overflow: hidden; border-radius: var(--df-radius-lg); background: color-mix(in srgb, var(--df-surface-elevated) 94%, transparent); box-shadow: var(--df-shadow-raised); backdrop-filter: blur(var(--df-glass-blur)); } .df-search-panel { top: 12dvh; left: 50%; width: min(620px, calc(100vw - 32px)); max-height: 76dvh; transform: translateX(-50%); } .df-search-field { display: flex; align-items: center; gap: 9px; padding: 12px 14px; background: color-mix(in srgb, var(--df-surface) 70%, transparent); } .df-search-input { min-width: 0; flex: 1; padding: 4px 0; border: 0; outline: 0; color: var(--df-ink); background: transparent; } .df-search-close { padding: 5px 7px; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); background: var(--df-surface-secondary); cursor: pointer; } .df-search-body { max-height: calc(76dvh - var(--df-header-height)); overflow: auto; padding: 10px; } .df-search-section-label { margin: 7px 8px; color: var(--df-ink-tertiary); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; } .df-command-item, .df-search-result { display: flex; align-items: center; width: 100%; border-radius: var(--df-radius-sm); color: var(--df-ink-body); background: transparent; text-align: start; text-decoration: none; cursor: pointer; } .df-command-item { gap: 10px; padding: 10px; } .df-search-result { align-items: flex-start; gap: 12px; padding: 11px 12px; } .df-command-item:hover { color: var(--df-accent-500); background: var(--df-accent-soft); } .df-search-result:hover { background: color-mix(in srgb, var(--df-accent-500) 7%, transparent); } .df-command-glyph { display: inline-grid; flex: 0 0 32px; width: 32px; height: 32px; place-items: center; border-radius: var(--df-radius-sm); color: var(--df-accent-500); background: var(--df-accent-soft); font: 700 0.72rem/1 var(--df-font-mono); } .df-search-result-copy { min-width: 0; flex: 1; } .df-search-result strong, .df-search-result small { display: block; } .df-search-result strong { color: var(--df-ink); font-size: 0.94rem; line-height: 1.35; } .df-search-result small { display: -webkit-box; overflow: hidden; margin-top: 3px; color: var(--df-ink-secondary); font-size: 0.82rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .df-search-result mark { padding: 0 0.08em; border-radius: 2px; color: inherit; background: color-mix(in srgb, var(--df-warning) 24%, transparent); } .df-search-result-arrow { flex: 0 0 auto; margin-top: 1px; color: var(--df-ink-tertiary); font-size: 1rem; line-height: 1.25; } .df-search-result:hover .df-search-result-arrow { color: var(--df-accent-500); } .df-command-item strong, .df-command-item small { display: block; } .df-command-item strong { font-size: 0.86rem; } .df-command-item small { margin-top: 2px; color: var(--df-ink-secondary); font-size: 0.74rem; } .df-search-results[hidden] { display: none; } .df-search-empty { padding: 32px 12px; color: var(--df-ink-secondary); text-align: center; } .df-source-panel { inset: 24px 24px 24px auto; display: flex; flex-direction: column; width: min(680px, calc(100vw - 48px)); } .df-source-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; } .df-source-head p { margin: 0; color: var(--df-ink); font-weight: 700; } .df-source-head span { display: block; margin-top: 3px; color: var(--df-ink-secondary); font: 0.72rem/1.3 var(--df-font-mono); } .df-source-actions { display: inline-flex; gap: 5px; } .df-source-panel textarea { min-height: 0; flex: 1; width: 100%; resize: none; padding: 18px; outline: 0; color: var(--df-code-ink); background: var(--df-surface-code); font: 0.8rem/1.65 var(--df-font-mono); } .df-not-found { display: grid; min-height: 100dvh; place-content: center; gap: 8px; padding: 32px; background: var(--df-surface); text-align: center; } .df-not-found-code { color: var(--df-accent-500); font: 700 clamp(4rem, 12vw, 8rem)/0.9 var(--df-font-display); letter-spacing: -0.08em; } .df-not-found-title { margin: 0; color: var(--df-ink); font-size: 1.7rem; } .df-not-found-desc { margin: 0; color: var(--df-ink-secondary); } .df-not-found-link { justify-self: center; margin-top: 10px; padding: 9px 13px; border-radius: var(--df-radius-md); color: #fff; background: var(--df-accent-500); text-decoration: none; } .df-not-found-link:hover { background: var(--df-accent-700); } .df-sidebar-backdrop { display: none; } @media (max-width: 73.75rem) { :root { --df-outline-width: 17.5rem; } } @media (max-width: 61.25rem) { .df-shell { grid-template-columns: var(--df-sidebar-width) minmax(0, 1fr); } .df-outline { display: none; } } @media (max-width: 52.5rem) { .df-sidebar-toggle { display: inline-flex; } .df-header-inner { display: flex; padding-inline: 16px; gap: 12px; } .df-header-nav { display: none; } .df-search-trigger { justify-self: auto; width: auto; margin-inline-start: 8px; } .df-search-trigger > span { display: none; } .df-shell { display: block; } .df-sidebar { position: fixed; inset: var(--df-header-height) auto 0 0; z-index: 60; width: min(var(--df-sidebar-width), 84vw); transform: translateX(-102%); transition: transform var(--df-duration-normal) var(--df-easing-spring); } .df-sidebar[data-open='true'] { transform: translateX(0); } .df-sidebar-primary-nav { display: grid; gap: 0.125rem; padding: 1rem 0.875rem 0.5rem; } .df-sidebar-primary-link { display: flex; align-items: center; min-height: 2.75rem; padding: 0.625rem; border-radius: var(--df-radius-sm); color: var(--df-ink-secondary); font-size: 0.9375rem; text-decoration: none; transition: color var(--df-duration-fast) var(--df-easing-default); } .df-sidebar-primary-link:hover, .df-sidebar-primary-link-active { color: var(--df-accent-500); } .df-sidebar-primary-nav + .df-sidebar-nav { padding-top: 0.5rem; } .df-sidebar-backdrop { position: fixed; inset: var(--df-header-height) 0 0; z-index: 50; width: 100%; background: var(--df-overlay); } .df-sidebar-backdrop:not([hidden]) { display: block; } .df-main { min-height: calc(100dvh - var(--df-header-height)); } .df-playground-main { height: calc(100dvh - var(--df-header-height)); } .df-header-hidden .df-playground-main { height: 100dvh; } .df-playground { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); } .df-playground-toggle { position: absolute; z-index: 5; inset-block-start: 0.75rem; inset-inline-end: 0.75rem; display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border: 0; color: var(--df-ink-secondary); background: transparent; cursor: pointer; opacity: 1; transition: color var(--df-duration-fast) var(--df-easing-default); } .df-playground-toggle:hover { color: var(--df-ink); } .df-playground-toggle:focus-visible { outline: 2px solid var(--df-accent-500); outline-offset: 2px; } .df-playground-toggle-preview { display: none; } .df-playground[data-view='source'] .df-playground-toggle-source { display: none; } .df-playground[data-view='source'] .df-playground-toggle-preview { display: block; } .df-playground-pane { display: none; grid-row: 1; } .df-playground-resizer { display: none; } .df-playground[data-view='source'] .df-playground-source, .df-playground[data-view='preview'] .df-playground-preview { display: grid; } .df-playground-source { border-inline-end: 0; } .df-hero { grid-template-columns: minmax(0, 1fr); } .df-hero-copy { max-width: 35rem; } .df-hero-visual { position: absolute; grid-column: auto; top: 50%; right: -8rem; width: 30rem; justify-self: auto; transform: translateY(-50%); opacity: 0.22; } .dark .df-hero-visual { opacity: 0.24; } .df-features { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 45rem; } } @media (max-width: 35rem) { .df-header-inner { gap: 7px; } .df-header-right { margin-inline-start: auto; } .df-version-badge { display: none; } .df-header-right { gap: 4px; } .df-hero { padding: 2rem 1.25rem 2.25rem; } .df-hero-copy { max-width: none; } .df-hero-title { font-size: clamp(3.1rem, 16vw, 4.25rem); } .df-hero-accent { font-size: clamp(1.45rem, 7vw, 1.85rem); } .df-hero-tagline { font-size: 0.94rem; } .df-hero-actions { align-items: stretch; flex-direction: column; } .df-btn { width: 100%; } .df-hero-visual { top: 4rem; right: -12rem; width: 26rem; transform: none; opacity: 0.12; } .dark .df-hero-visual { opacity: 0.14; } .df-feature-section { padding: 2rem 1.25rem; } .df-features { grid-template-columns: 1fr; } .df-feature { padding: 1.6rem 1.5rem 1.35rem; } .df-page-meta { align-items: flex-start; flex-direction: column-reverse; } .df-doc-pagination { grid-template-columns: 1fr; } .df-doc-pagination-link-next { text-align: start; } .df-source-panel { inset: 12px; width: auto; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } :root { --df-canvas: #f6f6f8; --df-ink: #1d1d1f; --df-ink-body: #363638; --df-ink-secondary: #66666b; --df-ink-tertiary: #737379; --df-surface: #ffffff; --df-surface-secondary: #f3f3f5; --df-surface-soft: #f7f7f9; --df-surface-elevated: #ffffff; --df-border: transparent; --df-border-strong: transparent; --df-hairline: rgb(29 29 31 / 0.1); --df-accent-500: #0088ff; --df-accent-soft: color-mix(in srgb, var(--df-accent-500) 10%, white); --df-accent-strong: #0088ff; --df-accent-deep: color-mix(in srgb, var(--df-accent-500) 78%, black); --df-accent-secondary: #6155f5; --df-info: #0088ff; --df-info-deep: #0088ff; --df-success: #34c759; --df-success-deep: #34c759; --df-warning: #ff8d28; --df-warning-deep: #ff8d28; --df-danger: #ff383c; --df-danger-deep: #ff383c; --df-surface-code: #f6f6f8; --df-code-ink: #1d1d1f; --df-overlay: rgb(0 0 0 / 0.42); --df-shadow-raised: 0 20px 52px rgb(29 29 31 / 0.14); --df-shadow-raised-sm: 0 8px 22px rgb(29 29 31 / 0.09); --df-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-mono: 'SFMono-Regular', 'JetBrains Mono', Consolas, 'Liberation Mono', Menlo, monospace; --df-body-font-size: 1rem; --df-body-line-height: 1.6; --df-heading-line-height: 1.2; --df-heading-1-size: 2rem; --df-heading-2-size: 1.625rem; --df-heading-3-size: 1.375rem; --df-heading-4-size: 1.25rem; --df-heading-5-size: 1.125rem; --df-heading-6-size: 1.0625rem; --df-reading-width: 100%; --df-content-width: 100%; --df-site-gutter: 2.25rem; --df-radius-sm: 8px; --df-radius-md: 8px; --df-radius-lg: 8px; --df-radius-full: 8px; --df-duration-fast: 120ms; --df-duration-normal: 220ms; --df-easing-default: cubic-bezier(0.22, 1, 0.36, 1); --df-accent-50: color-mix(in oklab, #0088ff 8%, var(--df-surface)); --df-accent-100: color-mix(in oklab, #0088ff 16%, var(--df-surface)); --df-accent-200: color-mix(in oklab, #0088ff 28%, var(--df-surface)); --df-accent-300: color-mix(in oklab, #0088ff 48%, var(--df-surface)); --df-accent-400: color-mix(in oklab, #0088ff 78%, var(--df-surface)); --df-accent-600: color-mix(in oklab, #0088ff 88%, var(--df-ink)); --df-accent-700: color-mix(in oklab, #0088ff 76%, var(--df-ink)); --df-accent-800: color-mix(in oklab, #0088ff 62%, var(--df-ink)); --df-accent-900: color-mix(in oklab, #0088ff 48%, var(--df-ink)); --df-sidebar-width: 17.5rem; --df-outline-width: 18.75rem; } .dark { --df-canvas: #1c1c1e; --df-ink: #f5f5f7; --df-ink-body: #e3e3e8; --df-ink-secondary: #b9b9c0; --df-ink-tertiary: #98989f; --df-surface: #232326; --df-surface-secondary: #343438; --df-surface-soft: #2b2b2f; --df-surface-elevated: #3b3b40; --df-border: transparent; --df-border-strong: transparent; --df-hairline: rgb(255 255 255 / 0.12); --df-accent-500: #0091ff; --df-accent-soft: color-mix(in srgb, var(--df-accent-500) 18%, var(--df-surface)); --df-accent-strong: #0091ff; --df-accent-deep: color-mix(in srgb, var(--df-accent-500) 76%, white); --df-accent-secondary: #6d7cff; --df-info: #0091ff; --df-info-deep: #0091ff; --df-success: #30d158; --df-success-deep: #30d158; --df-warning: #ff9230; --df-warning-deep: #ff9230; --df-danger: #ff4245; --df-danger-deep: #ff4245; --df-surface-code: #202023; --df-code-ink: #f5f5f7; --df-overlay: rgb(0 0 0 / 0.62); --df-shadow-raised: 0 22px 58px rgb(0 0 0 / 0.34); --df-shadow-raised-sm: 0 10px 28px rgb(0 0 0 / 0.24); --df-font-display: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Helvetica Neue', 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; --df-font-mono: 'SFMono-Regular', 'JetBrains Mono', Consolas, 'Liberation Mono', Menlo, monospace; --df-body-font-size: 1rem; --df-body-line-height: 1.6; --df-heading-line-height: 1.2; --df-heading-1-size: 2rem; --df-heading-2-size: 1.625rem; --df-heading-3-size: 1.375rem; --df-heading-4-size: 1.25rem; --df-heading-5-size: 1.125rem; --df-heading-6-size: 1.0625rem; --df-reading-width: 100%; --df-content-width: 100%; --df-site-gutter: 2.25rem; --df-radius-sm: 8px; --df-radius-md: 8px; --df-radius-lg: 8px; --df-radius-full: 8px; --df-duration-fast: 120ms; --df-duration-normal: 220ms; --df-easing-default: cubic-bezier(0.22, 1, 0.36, 1); --df-accent-50: color-mix(in oklab, #0091ff 8%, var(--df-surface)); --df-accent-100: color-mix(in oklab, #0091ff 16%, var(--df-surface)); --df-accent-200: color-mix(in oklab, #0091ff 28%, var(--df-surface)); --df-accent-300: color-mix(in oklab, #0091ff 48%, var(--df-surface)); --df-accent-400: color-mix(in oklab, #0091ff 78%, var(--df-surface)); --df-accent-600: color-mix(in oklab, #0091ff 88%, var(--df-ink)); --df-accent-700: color-mix(in oklab, #0091ff 76%, var(--df-ink)); --df-accent-800: color-mix(in oklab, #0091ff 62%, var(--df-ink)); --df-accent-900: color-mix(in oklab, #0091ff 48%, var(--df-ink)); }