:root{color-scheme:dark;--x-bg: #0e0e10;--x-surface: #17171a;--x-surface-2: #202024;--x-code-bg: #09090b;--x-border: #2e2e34;--x-border-strong: #48484f;--x-text: #f4f4f5;--x-muted: #a1a1aa;--x-on-tone: #0b0b0d;--x-blue: #4f8cff;--x-green: #34d399;--x-amber: #fbbf24;--x-red: #f87171;--x-primary: var(--x-blue);--x-success: var(--x-green);--x-warning: var(--x-amber);--x-danger: var(--x-red);--x-info: var(--x-blue);--x-chart-api: var(--x-blue);--x-chart-web: #0ea5a0;--x-font: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--x-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", Menlo, Consolas, monospace;--x-radius: .75rem;--x-radius-sm: .5rem;--x-radius-pill: 999px;--x-gutter: 1rem;--x-gap: 1rem;--x-block: 1.25rem;--x-card-pad: 1.125rem;--x-container: 100%;--x-header-h: 4rem;--x-ring: 0 0 0 3px color-mix(in oklab, var(--x-primary) 40%, transparent);--x-shadow: 0 1px 0 rgb(255 255 255 / .03) inset, 0 16px 40px -20px rgb(0 0 0 / .7);--x-speed: .16s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--x-bg);scroll-behavior:smooth;scrollbar-color:var(--x-border-strong) transparent}body{margin:0;min-block-size:100svh;background-color:var(--x-bg);color:var(--x-text);font-family:var(--x-font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[id]{scroll-margin-block-start:calc(var(--x-header-h) + 1rem)}::selection{background:color-mix(in oklab,var(--x-primary) 35%,transparent);color:var(--x-text)}:focus-visible{outline:2px solid var(--x-primary);outline-offset:2px}[hidden]{display:none!important}:where(body,#app)>:is(header,main,footer){inline-size:100%;max-inline-size:var(--x-container);margin-inline:auto;padding-inline:var(--x-gutter)}@property --x-header-bg{syntax: "<color>"; inherits: true; initial-value: #17171a;}@property --x-header-line{syntax: "<color>"; inherits: true; initial-value: #48484f;}@property --x-header-shadow{syntax: "<number>"; inherits: true; initial-value: 1;}:where(body,#app)>header{--x-header-bg: var(--x-surface);--x-header-line: var(--x-border-strong);--x-header-shadow: 1;position:sticky;inset-block-start:0;z-index:20;min-block-size:var(--x-header-h);display:flex;align-items:center;background:var(--x-header-bg);border-image:linear-gradient(to top,var(--x-header-line) 1px,var(--x-header-bg) 1px) fill 0 / 0 / 0 100vmax}:where(body,#app)>header:after{content:"";position:absolute;inset-inline:0;inset-block-start:100%;block-size:1rem;pointer-events:none;opacity:var(--x-header-shadow);border-image:linear-gradient(rgb(0 0 0 / .55),transparent) fill 0 / 0 / 0 100vmax}@supports (animation-timeline: scroll()){:where(body,#app)>header{--x-header-bg: var(--x-bg);--x-header-line: var(--x-border);--x-header-shadow: 0;animation:x-header-lift linear both;animation-timeline:scroll(root);animation-range:0 4rem}}@keyframes x-header-lift{to{--x-header-bg: var(--x-surface);--x-header-line: var(--x-border-strong);--x-header-shadow: 1}}:where(body,#app)>header>nav{flex:1}:where(body,#app)>main{padding-block:1.5rem 2.5rem}:where(body,#app)>footer{padding-block:2rem;border-block-start:1px solid var(--x-border);color:var(--x-muted);font-size:.875rem}main>aside{margin-block-end:2rem}section{margin-block-end:2.5rem}[data-grid]{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--x-gap);margin-block-end:var(--x-block)}[data-grid]>*{margin:0;min-inline-size:0}h1,h2,h3,h4,h5,h6{margin-block:0 .6em;font-weight:600;line-height:1.2;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(1.875rem,1.5rem + 1.6vw,2.75rem);letter-spacing:-.03em}h2{font-size:clamp(1.5rem,1.25rem + 1.2vw,2.125rem);letter-spacing:-.02em}h3{font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem)}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.8rem;color:var(--x-muted);letter-spacing:.08em;text-transform:uppercase}p,ul,ol,dl,blockquote,pre,figure,table,details,form,fieldset{margin-block:0 var(--x-block)}p{text-wrap:pretty}:where(p,ul,ol,dl,blockquote,pre,figure,table,details,form,fieldset,[data-grid])+:is(h2,h3){margin-block-start:2.25rem}:where(p,ul,ol,dl,blockquote,pre,figure,table,details,form,fieldset,[data-grid])+:is(h4,h5,h6){margin-block-start:1.75rem}hgroup{margin-block-end:var(--x-block)}hgroup>*{margin-block:0}hgroup>*+*{margin-block-start:.35rem}hgroup>p{color:var(--x-muted)}a{color:var(--x-primary);font-weight:500;text-decoration:underline 1px color-mix(in oklab,currentColor 35%,transparent);text-underline-offset:.25em;transition:color var(--x-speed),text-decoration-color var(--x-speed)}a:hover{color:color-mix(in oklab,var(--x-primary) 70%,white);text-decoration-color:currentColor}small{font-size:.85em;color:var(--x-muted)}strong,b{font-weight:600}mark{padding:.05em .3em;border-radius:.3em;background:color-mix(in oklab,var(--x-primary) 28%,transparent);color:var(--x-text)}abbr[title]{text-decoration:underline dotted;cursor:help}ins{color:var(--x-success);text-decoration:none}del{color:var(--x-danger)}sub,sup{font-size:.75em;line-height:0}ul,ol{padding-inline-start:1.25rem}li+li{margin-block-start:.25rem}li::marker{color:var(--x-muted)}dl{display:grid;gap:.25rem 1rem}dt{color:var(--x-muted);font-size:.875rem}dd{margin:0 0 .5rem}blockquote{margin-inline:0;padding:.25rem 0 .25rem 1rem;border-inline-start:3px solid var(--x-primary);font-size:1.05em}blockquote footer,blockquote cite{display:block;margin-block-start:.5rem;color:var(--x-muted);font-size:.875rem;font-style:normal}hr{margin-block:2rem;border:0;border-block-start:1px solid var(--x-border)}img,svg,video,canvas{max-inline-size:100%;block-size:auto}img,video{border-radius:var(--x-radius)}figure{margin-inline:0}figcaption{margin-block-start:.5rem;color:var(--x-muted);font-size:.875rem}:is(article,aside,section,details,dialog,blockquote,li,td,dd,[data-grid]>*,fieldset)>:last-child:not(dialog,footer){margin-block-end:0}code,kbd,samp,pre{font-family:var(--x-mono);font-size:.875em}:not(pre)>code{padding:.15em .4em;border-radius:.35rem;background:var(--x-surface-2);color:var(--x-text);overflow-wrap:anywhere}kbd{padding:.1em .45em;border:1px solid var(--x-border-strong);border-block-end-width:2px;border-radius:.35rem;background:var(--x-surface);color:var(--x-text)}pre{padding:1rem;overflow-x:auto;border:1px solid var(--x-border);border-radius:var(--x-radius);background:var(--x-code-bg);line-height:1.6;tab-size:4}pre>code{display:block;color:var(--x-text)}nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}nav ul,nav ol{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}nav li{margin:0}:is(main,footer) nav:not(:last-child){margin-block-end:var(--x-block)}nav li>a:not([role=button]){display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:var(--x-radius-pill);color:var(--x-muted);text-decoration:none;transition:background-color var(--x-speed),color var(--x-speed)}nav li>a:not([role=button]):hover{background:var(--x-surface-2);color:var(--x-text)}nav li>a[aria-current]:not([aria-current=false]){background:color-mix(in oklab,var(--x-primary) 16%,transparent);color:var(--x-primary)}nav strong>a,nav li>strong{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--x-text);font-size:1.1rem;text-decoration:none}:where(body,#app)>:is(header,footer) nav ul{gap:.25rem 1.5rem}:where(body,#app)>:is(header,footer) nav li>a:not([role=button]){min-block-size:2.75rem;padding:0;border-radius:0;font-weight:500;text-decoration:underline 2px transparent;text-underline-offset:.5em;transition:color var(--x-speed),text-decoration-color var(--x-speed)}:where(body,#app)>:is(header,footer) nav li>a:not([role=button]):hover{background:none;color:var(--x-text);text-decoration-color:var(--x-border-strong)}:where(body,#app)>:is(header,footer) nav li>a[aria-current]:not([aria-current=false]){background:none;color:var(--x-primary);text-decoration-color:currentColor}:where(body,#app)>header{padding-block:.5rem}:where(body,#app)>header>nav{row-gap:0}:where(body,#app)>footer>nav{flex-direction:column;align-items:flex-start;gap:1rem}:where(body,#app)>footer nav li>a:not([role=button]){min-block-size:2.5rem}:where(body,#app)>:is(header,footer) nav ul:not(:has(>li>a:not([role=button]))){gap:.25rem}:where(body,#app)>header nav:has(>button[aria-haspopup=dialog])>ul:last-of-type{display:none}:where(body,#app)>header dialog{inline-size:min(20rem,85vw);max-inline-size:none;block-size:100svh;max-block-size:100svh;margin:0 0 0 auto}:where(body,#app)>header dialog[open]{animation:x-drawer .2s ease-out}:where(body,#app)>header dialog>article{display:flex;flex-direction:column;block-size:100%;max-block-size:none;border-block:0;border-inline-end:0;border-radius:var(--x-radius) 0 0 var(--x-radius)}:where(body,#app)>header dialog>article>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}:where(body,#app)>header dialog>article>nav{flex:1;align-items:flex-start}:where(body,#app)>header dialog nav ul{flex-direction:column;align-items:stretch;inline-size:100%;gap:0}:where(body,#app)>header dialog nav li>a:not([role=button]){display:flex;font-size:1.0625rem}:where(body,#app)>header dialog>article>footer>*{inline-size:100%}nav[aria-label=breadcrumb i] ol,nav[aria-label=breadcrumb i] ul{gap:0;font-size:.875rem}nav[aria-label=breadcrumb i] li>a:not([role=button]){padding:0;background:none}nav[aria-label=breadcrumb i] li+li:before{content:"/";margin-inline:.6rem;color:var(--x-border-strong)}nav[aria-label=breadcrumb i] [aria-current]{color:var(--x-text)}main>aside nav ul{flex-wrap:nowrap;overflow-x:auto;padding-block-end:.25rem;scrollbar-width:none}main>aside nav li>a:not([role=button]){white-space:nowrap;font-size:.875rem}:where(button,[role=button],input[type=submit],input[type=button],input[type=reset]){--x-tone: var(--x-primary)}button,[role=button],input:is([type=submit],[type=button],[type=reset]),::file-selector-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-block-size:2.625rem;padding:.55rem 1.1rem;border:1px solid var(--x-tone);border-radius:var(--x-radius-sm);background:var(--x-tone);color:var(--x-on-tone);font:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;max-inline-size:100%;overflow-wrap:anywhere;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--x-speed),border-color var(--x-speed),color var(--x-speed),box-shadow var(--x-speed),filter var(--x-speed)}:is(button,[role=button],input:is([type=submit],[type=button],[type=reset])):hover{filter:brightness(1.08)}:is(button,[role=button],input:is([type=submit],[type=button],[type=reset])):active{filter:brightness(.95)}:is(button,[role=button],input:is([type=submit],[type=button],[type=reset])):focus-visible{outline:none;box-shadow:var(--x-ring)}:is(button,[role=button],input) :is(svg){inline-size:1.1em;block-size:1.1em;flex-shrink:0}:is(button,input):disabled,[role=button][aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}input[type=reset],:is(button,[role=button])[data-variant=secondary],::file-selector-button{border-color:var(--x-border);background:var(--x-surface-2);color:var(--x-text)}:is(button,[role=button],input)[data-variant=outline]{border-color:color-mix(in oklab,var(--x-tone) 55%,transparent);background:transparent;color:var(--x-tone)}:is(button,[role=button],input)[data-variant=outline]:hover{background:color-mix(in oklab,var(--x-tone) 10%,transparent);filter:none}:is(button,[role=button])[data-variant=ghost]{border-color:transparent;background:transparent;color:var(--x-muted)}:is(button,[role=button])[data-variant=ghost]:hover{background:var(--x-surface-2);color:var(--x-text);filter:none}:is(button,[role=button])[data-variant=link]{min-block-size:auto;padding:0;border-color:transparent;background:none;color:var(--x-tone);font-weight:500;text-decoration:underline;text-underline-offset:.2em}:is(button,[role=button],input)[data-size=sm]{min-block-size:2rem;padding:.3rem .7rem;font-size:.8125rem}:is(button,[role=button],input)[data-size=lg]{min-block-size:3.125rem;padding:.75rem 1.5rem;font-size:1.0625rem}:is(button,[role=button])[data-size=icon]{inline-size:2.625rem;padding:0}p:has(>:is(button,[role=button],input[type=submit])){display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}::file-selector-button{margin-inline-end:.75rem;min-block-size:2rem;padding:.3rem .8rem;font-size:.8125rem}label,legend{display:block;margin-block-end:.4rem;font-size:.9375rem;font-weight:500}fieldset{min-inline-size:0;margin-inline:0;padding:0;border:0}input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color],[type=submit],[type=button],[type=reset],[type=image],[type=hidden]),select,textarea,output{display:block;inline-size:100%;min-block-size:2.75rem;margin-block:0 var(--x-block);padding:.6rem .85rem;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);background:var(--x-surface);color:var(--x-text);font:inherit;font-size:1rem;line-height:1.4;transition:border-color var(--x-speed),box-shadow var(--x-speed)}textarea{min-block-size:7rem;resize:vertical}::placeholder{color:color-mix(in oklab,var(--x-muted) 75%,transparent);opacity:1}:is(input,select,textarea):hover:not(:disabled,:focus){border-color:var(--x-border-strong)}:is(input,select,textarea):focus{outline:none;border-color:var(--x-primary);box-shadow:var(--x-ring)}:is(input,select,textarea):disabled{opacity:.5;cursor:not-allowed}:is(input,textarea)[readonly]{border-style:dashed;background:var(--x-surface-2)}select{appearance:none;padding-inline-end:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.1rem;cursor:pointer}select[multiple],select[size]{padding-inline-end:.85rem;background-image:none}input[type=search]{border-radius:var(--x-radius-pill);padding-inline:1.1rem}input[type=file]{display:block;inline-size:100%;margin-block:0 var(--x-block);padding:.4rem;border:1px dashed var(--x-border-strong);border-radius:var(--x-radius-sm);color:var(--x-muted);font:inherit;font-size:.875rem}input[type=color]{display:block;inline-size:3.5rem;block-size:2.75rem;margin-block:0 var(--x-block);padding:.25rem;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);background:var(--x-surface);cursor:pointer}input[type=range]{display:block;inline-size:100%;margin-block:.5rem var(--x-block);accent-color:var(--x-primary)}:is(input,select,textarea,fieldset[role=group],output):has(+small){margin-block-end:.35rem}:is(input,select,textarea,fieldset[role=group],output)+small{display:block;margin-block-end:var(--x-block)}:is(input,select,textarea)[aria-invalid=true]{border-color:var(--x-danger)}:is(input,select,textarea)[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--x-danger) 35%,transparent)}:is(input,select,textarea)[aria-invalid=false]{border-color:color-mix(in oklab,var(--x-success) 70%,transparent)}:is(input,select,textarea,fieldset)[aria-invalid=true]+small{color:var(--x-danger)}:is(input,select,textarea,fieldset)[aria-invalid=false]+small{color:var(--x-success)}fieldset[role=group]:has([aria-invalid=true])+small{color:var(--x-danger)}input:is([type=checkbox],[type=radio]){appearance:none;flex-shrink:0;inline-size:1.2rem;block-size:1.2rem;margin:0;border:1.5px solid var(--x-border-strong);border-radius:.35rem;background:var(--x-surface) center / .85rem no-repeat;vertical-align:middle;cursor:pointer;transition:background-color var(--x-speed),border-color var(--x-speed),box-shadow var(--x-speed)}input[type=radio]{border-radius:50%}input:is([type=checkbox],[type=radio]):checked,input[type=checkbox]:indeterminate{border-color:var(--x-primary);background-color:var(--x-primary)}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0d' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0b0d' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}input[type=radio]:checked{box-shadow:inset 0 0 0 .25rem var(--x-surface)}input:is([type=checkbox],[type=radio]):focus-visible{outline:none;box-shadow:var(--x-ring)}input[type=radio]:checked:focus-visible{box-shadow:inset 0 0 0 .25rem var(--x-surface),var(--x-ring)}input[type=checkbox][role=switch]{inline-size:2.4rem;block-size:1.35rem;border-radius:var(--x-radius-pill);background:var(--x-surface-2);background-image:none;position:relative}input[type=checkbox][role=switch]:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:.15rem;inline-size:.95rem;block-size:.95rem;border-radius:50%;background:var(--x-muted);translate:0 -50%;transition:translate var(--x-speed),background-color var(--x-speed)}input[type=checkbox][role=switch]:checked{background:var(--x-primary)}input[type=checkbox][role=switch]:checked:before{background:var(--x-on-tone);translate:1.05rem -50%}label:has(>input:is([type=checkbox],[type=radio])){display:flex;align-items:center;gap:.6rem;font-weight:400;cursor:pointer}label:has(>input:is([type=checkbox],[type=radio]))+label:has(>input:is([type=checkbox],[type=radio])){margin-block-start:.5rem}fieldset>legend+label{margin-block-start:.25rem}fieldset[role=group]{display:flex;flex-direction:column;gap:.5rem}fieldset[role=group]>*{margin:0}fieldset[role=group]>span{display:flex;align-items:center;padding:.6rem .85rem;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);background:var(--x-surface-2);color:var(--x-muted);font-size:.9375rem;white-space:nowrap}fieldset[role=group]>:is(input,select,output){flex:1 1 auto;min-inline-size:0}output{font-family:var(--x-mono);font-size:.9375rem;color:var(--x-primary);background:var(--x-surface-2);overflow-wrap:anywhere}article{margin-block:0 var(--x-block);padding:var(--x-card-pad);border:1px solid var(--x-border);border-radius:var(--x-radius);background:var(--x-surface);box-shadow:var(--x-shadow)}article>header,article>footer{margin-inline:calc(var(--x-card-pad) * -1);padding:calc(var(--x-card-pad) * .75) var(--x-card-pad)}article>header{margin-block:calc(var(--x-card-pad) * -1) var(--x-card-pad);border-block-end:1px solid var(--x-border)}article>footer{margin-block:var(--x-card-pad) calc(var(--x-card-pad) * -1);border-block-start:1px solid var(--x-border);border-end-start-radius:inherit;border-end-end-radius:inherit;background:color-mix(in oklab,var(--x-surface-2) 60%,transparent)}article>header>:is(h1,h2,h3,h4,h5,h6,hgroup,p){margin:0}article>:has(+footer){margin-block-end:0}:where(article[data-variant]){--x-tone: var(--x-primary)}article[data-variant]{border-color:color-mix(in oklab,var(--x-tone) 55%,transparent);background:linear-gradient(160deg,color-mix(in oklab,var(--x-tone) 14%,var(--x-surface)),var(--x-surface) 70%);box-shadow:0 0 0 1px color-mix(in oklab,var(--x-tone) 20%,transparent),0 18px 48px -24px color-mix(in oklab,var(--x-tone) 55%,transparent),var(--x-shadow)}article[data-variant]>header{border-block-end-color:color-mix(in oklab,var(--x-tone) 30%,transparent);background:color-mix(in oklab,var(--x-tone) 10%,transparent);border-start-start-radius:inherit;border-start-end-radius:inherit}article[data-variant]>header>:is(h1,h2,h3,h4,h5,h6){color:var(--x-tone)}article[data-variant]>footer{border-block-start-color:color-mix(in oklab,var(--x-tone) 30%,transparent)}:where([role=alert],[role=status]:not(output,progress)){--x-tone: var(--x-info)}:where([role=alert]){--x-tone: var(--x-danger)}[role=alert],[role=status]:not(output,progress){display:block;margin-block:0 var(--x-block);padding:.8rem 1rem;border:1px solid color-mix(in oklab,var(--x-tone) 35%,transparent);border-inline-start-width:4px;border-radius:var(--x-radius-sm);background:color-mix(in oklab,var(--x-tone) 9%,var(--x-surface));color:var(--x-text)}:is([role=alert],[role=status])>strong:first-child{color:var(--x-tone)}:where(mark[data-variant]){--x-tone: var(--x-primary)}mark[data-variant]{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border:1px solid color-mix(in oklab,var(--x-tone) 30%,transparent);border-radius:var(--x-radius-pill);background:color-mix(in oklab,var(--x-tone) 14%,transparent);color:var(--x-tone);font-size:.75rem;font-weight:600;line-height:1.4;letter-spacing:.02em;white-space:nowrap;vertical-align:middle}mark[data-variant]:before{content:"";inline-size:.4rem;block-size:.4rem;border-radius:50%;background:currentColor}figure:has(>table){overflow-x:auto;border:1px solid var(--x-border);border-radius:var(--x-radius);background:var(--x-surface)}figure:has(>table)>figcaption{margin:0;padding:.75rem 1rem;border-block-start:1px solid var(--x-border)}figure>table{margin:0;min-inline-size:44rem}table{inline-size:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}caption{padding:.75rem 1rem;color:var(--x-muted);font-size:.875rem;text-align:start;caption-side:bottom}th,td{padding:.75rem 1rem;border-block-end:1px solid var(--x-border);text-align:start;vertical-align:middle}thead th{color:var(--x-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}tbody tr{transition:background-color var(--x-speed)}tbody tr:hover{background:color-mix(in oklab,var(--x-surface-2) 70%,transparent)}tbody tr:last-child>*{border-block-end:0}tr[aria-current]:not([aria-current=false]){background:color-mix(in oklab,var(--x-primary) 10%,transparent)}td{overflow-wrap:anywhere}td :is(data,time,code,mark,button,[role=button]){overflow-wrap:normal;white-space:nowrap}td>p:has(>:is(button,[role=button])){flex-wrap:nowrap;gap:.25rem}tfoot td,tfoot th{font-weight:600}:where(progress){--x-tone: var(--x-primary)}progress{display:block;appearance:none;inline-size:100%;block-size:.5rem;margin-block:.4rem var(--x-block);overflow:hidden;border:0;border-radius:var(--x-radius-pill);background:var(--x-surface-2);color:var(--x-tone)}progress::-webkit-progress-bar{border-radius:var(--x-radius-pill);background:var(--x-surface-2)}progress::-webkit-progress-value{border-radius:var(--x-radius-pill);background:var(--x-tone);transition:inline-size .4s ease}progress::-moz-progress-bar{border-radius:var(--x-radius-pill);background:var(--x-tone)}progress:indeterminate{background:linear-gradient(90deg,var(--x-surface-2) 25%,var(--x-tone) 50%,var(--x-surface-2) 75%) 0 0 / 200% 100%;animation:x-slide 1.4s linear infinite}progress:indeterminate::-webkit-progress-bar{background:transparent}progress:indeterminate::-moz-progress-bar{background:transparent}meter{display:block;inline-size:100%;block-size:.5rem;margin-block:.4rem var(--x-block);border:0;border-radius:var(--x-radius-pill);background:var(--x-surface-2)}meter::-webkit-meter-bar{block-size:.5rem;border:0;border-radius:var(--x-radius-pill);background:var(--x-surface-2)}meter::-webkit-meter-optimum-value{border-radius:var(--x-radius-pill);background:var(--x-success)}meter::-webkit-meter-suboptimum-value{border-radius:var(--x-radius-pill);background:var(--x-warning)}meter::-webkit-meter-even-less-good-value{border-radius:var(--x-radius-pill);background:var(--x-danger)}meter:-moz-meter-optimum::-moz-meter-bar{background:var(--x-success)}meter:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--x-warning)}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--x-danger)}details{border-block-end:1px solid var(--x-border)}details+details{margin-block-start:calc(var(--x-block) * -1)}summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem;font-weight:500;list-style:none;cursor:pointer;transition:color var(--x-speed)}summary::-webkit-details-marker{display:none}summary:after{content:"";flex-shrink:0;inline-size:.5rem;block-size:.5rem;border-inline-end:2px solid var(--x-muted);border-block-end:2px solid var(--x-muted);rotate:45deg;translate:0 -.15rem;transition:rotate var(--x-speed)}summary:hover,details[open]>summary{color:var(--x-primary)}details[open]>summary:after{rotate:225deg;translate:0 .1rem}details[open]>:last-child{margin-block-end:1rem}dialog{inline-size:calc(100% - 2rem);max-inline-size:32rem;max-block-size:calc(100svh - 2rem);margin:auto;padding:0;overflow:visible;border:0;background:transparent;color:var(--x-text)}dialog::backdrop{background:#08080ca6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog[open]{animation:x-pop .18s ease-out}dialog>article{margin:0;max-block-size:calc(100svh - 2rem);overflow-y:auto}dialog>article>footer,article>footer:has(>:is(button,[role=button])){display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}dialog form[method=dialog]{display:contents}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:30;inset-block-end:calc(100% + .5rem);inset-inline-start:50%;padding:.35rem .6rem;border-radius:.4rem;background:var(--x-text);color:var(--x-bg);font-size:.75rem;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;translate:-50% .25rem;transition:opacity var(--x-speed),translate var(--x-speed)}[data-tooltip]:is(:hover,:focus-visible):after{opacity:1;translate:-50% 0}[aria-busy=true]:before{content:"";display:inline-block;flex-shrink:0;inline-size:1em;block-size:1em;margin-inline-end:.5em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;vertical-align:-.15em;animation:x-spin .7s linear infinite}:is(button,[role=button])[aria-busy=true]{pointer-events:none}:is(button,[role=button])[aria-busy=true]:before{margin:0}:is(article,section)[aria-busy=true]{display:grid;place-items:center;min-block-size:8rem;color:var(--x-muted)}form[role=search]{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.25rem}form[role=search]>*{margin:0}form[role=search]>ul{display:flex;flex-wrap:wrap;gap:.25rem;padding:0;list-style:none}form[role=search]>ul>li{margin:0}form[role=search]>div{flex:1 1 10rem;max-inline-size:16rem}form[role=search] :is(select,input,fieldset){margin:0}form[role=search] label{color:var(--x-muted);font-size:.8125rem}form[role=search][aria-busy=true]:before{align-self:center;color:var(--x-muted)}figure[data-chart]{position:relative;margin-inline:0}figure[data-chart]>svg{display:block;inline-size:100%;overflow:visible;font-family:var(--x-font);font-size:.75rem;font-variant-numeric:tabular-nums;touch-action:pan-y}figure[data-chart]>svg:focus-visible{outline:none;box-shadow:var(--x-ring);border-radius:var(--x-radius-sm)}figure[data-chart] svg text{fill:var(--x-muted)}figure[data-chart] svg line{stroke:var(--x-border);stroke-width:1;shape-rendering:crispEdges}figure[data-chart] svg :is([data-series=api],[data-series=clicks]){fill:var(--x-chart-api)}figure[data-chart] svg [data-series=web]{fill:var(--x-chart-web)}figure[data-chart] svg [data-hover]{fill:transparent}figure[data-chart] svg [data-hover][aria-current=true]{fill:var(--x-surface-2)}figure[data-chart]>ul{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 0 .75rem;padding:0;color:var(--x-muted);font-size:.8125rem;list-style:none}figure[data-chart]>ul>li{display:inline-flex;align-items:center;gap:.45rem;margin:0}figure[data-chart]>ul>li[data-series]:before{content:"";inline-size:.75rem;block-size:.25rem;border-radius:var(--x-radius-pill);background:var(--x-chart-api)}figure[data-chart]>ul>li[data-series=web]:before{background:var(--x-chart-web)}figure[data-chart]>[role=tooltip]{position:absolute;z-index:5;inset-block-start:2rem;min-inline-size:9rem;padding:.5rem .7rem;border:1px solid var(--x-border-strong);border-radius:var(--x-radius-sm);background:var(--x-surface-2);box-shadow:var(--x-shadow);font-size:.8125rem;line-height:1.4;pointer-events:none}figure[data-chart]>[role=tooltip]>p{margin:0 0 .25rem;color:var(--x-muted)}figure[data-chart]>[role=tooltip]>dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0}figure[data-chart]>[role=tooltip] :is(dt,dd){margin:0;font-size:inherit}figure[data-chart]>[role=tooltip] dd{color:var(--x-text);font-weight:600;text-align:end}figure[data-chart]>details{margin-block:.75rem 0;border:0;font-size:.875rem}figure[data-chart]>details>summary{padding-block:.25rem;color:var(--x-muted)}ol[data-bars]{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}ol[data-bars]>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .75rem;margin:0}ol[data-bars]>li>span:first-child{display:flex;align-items:center;gap:.5rem;min-inline-size:0;overflow-wrap:anywhere}ol[data-bars]>li>data{font-variant-numeric:tabular-nums;font-weight:600}ol[data-bars]>li>[role=presentation]{grid-column:1 / -1;display:block;block-size:.5rem;border-radius:0 4px 4px 0;background:var(--x-chart-api)}ol[data-bars]>li[data-muted]>[role=presentation]{background:color-mix(in oklab,var(--x-chart-api) 45%,var(--x-surface))}[role=toolbar]{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem;padding:.35rem;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);background:var(--x-surface-2)}[role=toolbar]:has(+*>[contenteditable]){border-block-end:0;border-end-start-radius:0;border-end-end-radius:0}[role=toolbar] button{min-block-size:2.25rem;min-inline-size:2.25rem;padding:.35rem;border-color:transparent;background:transparent;color:var(--x-muted);font-weight:500}[role=toolbar] button:hover{background:var(--x-surface);color:var(--x-text);filter:none}[role=toolbar] button[aria-pressed=true]{background:color-mix(in oklab,var(--x-primary) 18%,transparent);color:var(--x-primary)}[role=toolbar] [role=separator]{align-self:stretch;inline-size:1px;margin:.3rem .2rem;background:var(--x-border)}[role=toolbar] input{flex:1 1 12rem;inline-size:auto;min-block-size:2.25rem;margin:0;padding:.35rem .6rem;font-size:.9375rem}[contenteditable=true]{min-block-size:12rem;margin-block-end:var(--x-block);padding:1rem;border:1px solid var(--x-border);border-radius:var(--x-radius-sm);background:var(--x-surface);color:var(--x-text);overflow-wrap:anywhere;transition:border-color var(--x-speed),box-shadow var(--x-speed)}[role=toolbar]+*>[contenteditable]{border-start-start-radius:0;border-start-end-radius:0}[contenteditable=true]:focus{outline:none;border-color:var(--x-primary);box-shadow:var(--x-ring)}[contenteditable][aria-invalid=true]{border-color:var(--x-danger)}[contenteditable][aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--x-danger) 35%,transparent)}div:has(>[role=toolbar]+*>[contenteditable]){margin-block-end:var(--x-block)}div:has(>[role=toolbar]+*>[contenteditable]):has(+small){margin-block-end:.35rem}[role=toolbar]+*>[contenteditable]{margin-block-end:0}div:has(>[role=toolbar]+*>[aria-invalid=true])+small{color:var(--x-danger)}div:has(>[role=toolbar]+*>[contenteditable])+small{display:block;margin-block-end:var(--x-block)}[contenteditable]>:first-child{margin-block-start:0}[contenteditable]>:last-child{margin-block-end:0}[contenteditable] h2{font-size:1.5rem}[contenteditable] h3{font-size:1.2rem}[contenteditable] p{margin-block-end:.75rem}[data-variant=success]{--x-tone: var(--x-success)}[data-variant=warning]{--x-tone: var(--x-warning)}[data-variant=danger],[data-variant=destructive]{--x-tone: var(--x-danger)}[data-variant=info]{--x-tone: var(--x-info)}@keyframes x-spin{to{rotate:360deg}}@keyframes x-slide{to{background-position:-200% 0}}@keyframes x-drawer{0%{translate:100% 0}}@keyframes x-pop{0%{opacity:0;scale:.97}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (min-width: 576px){:root{--x-gutter: 1.25rem}button,[role=button],input:is([type=submit],[type=button],[type=reset]){white-space:nowrap}fieldset[role=group]{flex-direction:row;gap:0}fieldset[role=group]>*{border-radius:0}fieldset[role=group]>*+*{margin-inline-start:-1px}fieldset[role=group]>:first-child{border-start-start-radius:var(--x-radius-sm);border-end-start-radius:var(--x-radius-sm)}fieldset[role=group]>:last-child{border-start-end-radius:var(--x-radius-sm);border-end-end-radius:var(--x-radius-sm)}fieldset[role=group]>:focus{position:relative;z-index:1}[data-grid]{grid-template-columns:repeat(2,minmax(0,1fr))}dl{grid-template-columns:minmax(8rem,max-content) 1fr}dt{font-size:.9375rem}dd{margin:0}}@media (min-width: 768px){:root{--x-gutter: 1.5rem;--x-card-pad: 1.5rem;--x-container: 48rem;--x-block: 1.5rem}:where(body,#app)>main{padding-block:2.5rem 3.5rem}:where(body,#app)>:is(header,footer) nav ul{column-gap:2rem}:where(body,#app)>header nav:has(>button[aria-haspopup=dialog])>ul:last-of-type{display:flex}:where(body,#app)>header nav>button[aria-haspopup=dialog]{display:none}:where(body,#app)>footer>nav{flex-direction:row;align-items:center}section{margin-block-end:3.5rem}}@media (min-width: 1024px){:root{--x-container: 64rem;--x-gap: 1.25rem}main:has(>aside){display:grid;grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:3rem}main>aside{position:sticky;inset-block-start:calc(var(--x-header-h) + 1.5rem);max-block-size:calc(100svh - var(--x-header-h) - 3rem);margin:0;overflow-y:auto}main>aside nav ul{flex-direction:column;align-items:stretch;overflow:visible}main>aside nav li>a:not([role=button]){display:flex;border-radius:var(--x-radius-sm)}[data-grid]:not([data-grid="2"]){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){:root{--x-container: 78rem;--x-gap: 1.5rem}main:has(>aside){grid-template-columns:15rem minmax(0,1fr);gap:4rem}[data-grid]:not([data-grid="2"],[data-grid="3"]){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1536px){:root{--x-container: 88rem;--x-header-h: 4.5rem}html{font-size:106.25%}}