:where(html){--csstools-color-scheme--light: ;--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-0);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);-webkit-text-size-adjust:none;--shadow-strength:10%;--shadow-color:220 40% 2%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467);accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-1);color-scheme:dark;font-family:var(--font-system-ui);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}:where(html) :where(dialog){background-color:var(--surface-2)}:where(html) :where(button,.btn){--_highlight:var(--_highlight-dark);--_bg:var(--_bg-dark);--_ink-shadow:var(--_ink-shadow-dark)}:where(html) :where(button,.btn):where([type=reset]){--_text:var(--red-2);--_border:var(--surface-3)}:where(html) [disabled]:where(button,input[type=button],.btn){--_text:var(--gray-5)}:where(html) [disabled]:where(button,input[type=submit],.btn){--_text:var(--gray-5)}:where(html) [disabled]:where(button,input[type=reset],.btn){--_text:var(--gray-5)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(html) :where([disabled]),:where(html) :where([type=reset]),:where(html) :where([type=submit]),:where(html) :where(form button:not([type=button])){--_bg:var(--surface-1)}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1);text-wrap:balance}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"],pre)){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::-moz-placeholder{color:var(--gray-7);color:var(--gray-6);opacity:.75}::placeholder{color:var(--gray-7);color:var(--gray-6);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){field-sizing:content;padding-block:.75ch;padding-inline:var(--size-relative-4) 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);background-color:var(--gray-10);border-radius:var(--radius-2)}:where(textarea){field-sizing:content;min-block-size:2lh;min-inline-size:var(--size-content-1);resize:vertical}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-monospace-code),monospace}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){direction:ltr;max-inline-size:-moz-max-content;max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3);text-wrap:pretty}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1);text-wrap:balance}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);background-color:var(--surface-2);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:-moz-fit-content;width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child td:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table a:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table button:not(.does-not-exist):focus-visible){outline-offset:-2px}:where(table [contenteditable]:focus-visible){outline-offset:-2px}:where(td){background:var(--surface-1);max-inline-size:var(--size-content-2);text-wrap:pretty}:where(td,th){padding:var(--size-2);text-align:left}:where(td:not([align])){text-align:center}:where(th:not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--surface-3)}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}:root{--color-neutral-lightness-inc:- 6%;--color-neutral-lightness-1:100%;--color-neutral-lightness-2:calc(var(--color-neutral-lightness-1) var(--color-neutral-lightness-inc));--color-neutral-lightness-3:calc(var(--color-neutral-lightness-2) var(--color-neutral-lightness-inc));--color-neutral-lightness-4:calc(var(--color-neutral-lightness-3) var(--color-neutral-lightness-inc));--color-neutral-lightness-5:calc(var(--color-neutral-lightness-4) var(--color-neutral-lightness-inc));--color-neutral-lightness-6:calc(var(--color-neutral-lightness-5) var(--color-neutral-lightness-inc));--color-neutral-lightness-7:calc(var(--color-neutral-lightness-6) var(--color-neutral-lightness-inc));--color-neutral-lightness-8:calc(var(--color-neutral-lightness-7) var(--color-neutral-lightness-inc));--color-neutral-lightness-9:calc(var(--color-neutral-lightness-8) var(--color-neutral-lightness-inc));--color-neutral-lightness-10:calc(var(--color-neutral-lightness-9) var(--color-neutral-lightness-inc));--color-neutral-lightness-11:calc(var(--color-neutral-lightness-10) var(--color-neutral-lightness-inc));--color-neutral-lightness-12:calc(var(--color-neutral-lightness-11) var(--color-neutral-lightness-inc));--color-neutral-lightness-13:calc(var(--color-neutral-lightness-12) var(--color-neutral-lightness-inc));--color-lightness-inc:- 6%;--color-lightness-1:100%;--color-lightness-2:calc(var(--color-lightness-1) var(--color-lightness-inc));--color-lightness-3:calc(var(--color-lightness-2) var(--color-lightness-inc));--color-lightness-4:calc(var(--color-lightness-3) var(--color-lightness-inc));--color-lightness-5:calc(var(--color-lightness-4) var(--color-lightness-inc));--color-lightness-6:calc(var(--color-lightness-5) var(--color-lightness-inc));--color-lightness-7:calc(var(--color-lightness-6) var(--color-lightness-inc));--color-lightness-8:calc(var(--color-lightness-7) var(--color-lightness-inc));--color-lightness-9:calc(var(--color-lightness-8) var(--color-lightness-inc));--color-lightness-10:calc(var(--color-lightness-9) var(--color-lightness-inc));--color-lightness-11:calc(var(--color-lightness-10) var(--color-lightness-inc));--color-lightness-12:calc(var(--color-lightness-11) var(--color-lightness-inc));--color-chroma-inc:0.03;--color-chroma-1:0.02;--color-chroma-2:calc(var(--color-chroma-1) + var(--color-chroma-inc));--color-chroma-3:calc(var(--color-chroma-2) + var(--color-chroma-inc));--color-chroma-4:calc(var(--color-chroma-3) + var(--color-chroma-inc));--color-chroma-5:calc(var(--color-chroma-4) + var(--color-chroma-inc));--color-chroma-6:calc(var(--color-chroma-5) + var(--color-chroma-inc));--color-chroma-7:calc(var(--color-chroma-6) + var(--color-chroma-inc));--color-chroma-8:calc(var(--color-chroma-7) - var(--color-chroma-inc));--color-chroma-9:calc(var(--color-chroma-8) - var(--color-chroma-inc));--color-chroma-10:calc(var(--color-chroma-9) - var(--color-chroma-inc));--color-chroma-11:calc(var(--color-chroma-10) - var(--color-chroma-inc));--color-chroma-12:calc(var(--color-chroma-11) - var(--color-chroma-inc));--color-neutral-base:200;--color-neutral-chroma-base:0.005;--color-gray-chroma-base:0.01;--color-stone-base:130;--color-slate-base:256;--color-pink-base:0;--color-rose-base:12;--color-red-base:30;--color-orange-base:60;--color-amber-base:80;--color-gold-base:100;--color-yellow-base:92.5;--color-lime-base:125;--color-green-base:140;--color-emerald-base:165;--color-teal-base:180;--color-cyan-base:207;--color-sky-base:225;--color-blue-base:260;--color-violet-base:285;--color-purple-base:300;--color-fuchsia-base:320;--color-magenta-base:330;--neutral-1-values:var(--color-neutral-lightness-1) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-2-values:var(--color-neutral-lightness-2) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-3-values:var(--color-neutral-lightness-3) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-4-values:var(--color-neutral-lightness-4) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-5-values:var(--color-neutral-lightness-5) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-6-values:var(--color-neutral-lightness-6) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-7-values:var(--color-neutral-lightness-7) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-8-values:var(--color-neutral-lightness-8) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-9-values:var(--color-neutral-lightness-9) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-10-values:var(--color-neutral-lightness-10) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-11-values:var(--color-neutral-lightness-11) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-12-values:var(--color-neutral-lightness-12) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-13-values:var(--color-neutral-lightness-13) var(--color-neutral-chroma-base) var(--color-neutral-base);--neutral-1:oklch(var(--neutral-1-values));--neutral-2:oklch(var(--neutral-2-values));--neutral-3:oklch(var(--neutral-3-values));--neutral-4:oklch(var(--neutral-4-values));--neutral-5:oklch(var(--neutral-5-values));--neutral-6:oklch(var(--neutral-6-values));--neutral-7:oklch(var(--neutral-7-values));--neutral-8:oklch(var(--neutral-8-values));--neutral-9:oklch(var(--neutral-9-values));--neutral-10:oklch(var(--neutral-10-values));--neutral-11:oklch(var(--neutral-11-values));--neutral-12:oklch(var(--neutral-12-values));--neutral-13:oklch(var(--neutral-13-values));--stone-1:oklch(var(--color-lightness-1) var(--color-gray-chroma-base) var(--color-stone-base));--stone-2:oklch(var(--color-lightness-2) var(--color-gray-chroma-base) var(--color-stone-base));--stone-3:oklch(var(--color-lightness-3) var(--color-gray-chroma-base) var(--color-stone-base));--stone-4:oklch(var(--color-lightness-4) var(--color-gray-chroma-base) var(--color-stone-base));--stone-5:oklch(var(--color-lightness-5) var(--color-gray-chroma-base) var(--color-stone-base));--stone-6:oklch(var(--color-lightness-6) var(--color-gray-chroma-base) var(--color-stone-base));--stone-7:oklch(var(--color-lightness-7) var(--color-gray-chroma-base) var(--color-stone-base));--stone-8:oklch(var(--color-lightness-8) var(--color-gray-chroma-base) var(--color-stone-base));--stone-9:oklch(var(--color-lightness-9) var(--color-gray-chroma-base) var(--color-stone-base));--stone-10:oklch(var(--color-lightness-10) var(--color-gray-chroma-base) var(--color-stone-base));--stone-11:oklch(var(--color-lightness-11) var(--color-gray-chroma-base) var(--color-stone-base));--stone-12:oklch(var(--color-lightness-12) var(--color-gray-chroma-base) var(--color-stone-base));--slate-1:oklch(var(--color-lightness-1) var(--color-gray-chroma-base) var(--color-slate-base));--slate-2:oklch(var(--color-lightness-2) var(--color-gray-chroma-base) var(--color-slate-base));--slate-3:oklch(var(--color-lightness-3) var(--color-gray-chroma-base) var(--color-slate-base));--slate-4:oklch(var(--color-lightness-4) var(--color-gray-chroma-base) var(--color-slate-base));--slate-5:oklch(var(--color-lightness-5) var(--color-gray-chroma-base) var(--color-slate-base));--slate-6:oklch(var(--color-lightness-6) var(--color-gray-chroma-base) var(--color-slate-base));--slate-7:oklch(var(--color-lightness-7) var(--color-gray-chroma-base) var(--color-slate-base));--slate-8:oklch(var(--color-lightness-8) var(--color-gray-chroma-base) var(--color-slate-base));--slate-9:oklch(var(--color-lightness-9) var(--color-gray-chroma-base) var(--color-slate-base));--slate-10:oklch(var(--color-lightness-10) var(--color-gray-chroma-base) var(--color-slate-base));--slate-11:oklch(var(--color-lightness-11) var(--color-gray-chroma-base) var(--color-slate-base));--slate-12:oklch(var(--color-lightness-12) var(--color-gray-chroma-base) var(--color-slate-base));--pink-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-pink-base));--pink-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-pink-base));--pink-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-pink-base));--pink-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-pink-base));--pink-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-pink-base));--pink-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-pink-base));--pink-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-pink-base));--pink-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-pink-base));--pink-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-pink-base));--pink-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-pink-base));--pink-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-pink-base));--pink-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-pink-base));--red-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-red-base));--red-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-red-base));--red-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-red-base));--red-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-red-base));--red-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-red-base));--red-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-red-base));--red-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-red-base));--red-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-red-base));--red-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-red-base));--red-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-red-base));--red-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-red-base));--red-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-red-base));--orange-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-orange-base));--orange-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-orange-base));--orange-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-orange-base));--orange-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-orange-base));--orange-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-orange-base));--orange-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-orange-base));--orange-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-orange-base));--orange-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-orange-base));--orange-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-orange-base));--orange-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-orange-base));--orange-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-orange-base));--orange-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-orange-base));--amber-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-amber-base));--amber-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-amber-base));--amber-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-amber-base));--amber-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-amber-base));--amber-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-amber-base));--amber-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-amber-base));--amber-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-amber-base));--amber-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-amber-base));--amber-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-amber-base));--amber-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-amber-base));--amber-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-amber-base));--amber-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-amber-base));--gold-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-gold-base));--gold-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-gold-base));--gold-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-gold-base));--gold-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-gold-base));--gold-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-gold-base));--gold-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-gold-base));--gold-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-gold-base));--gold-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-gold-base));--gold-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-gold-base));--gold-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-gold-base));--gold-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-gold-base));--gold-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-gold-base));--yellow-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-yellow-base));--yellow-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-yellow-base));--yellow-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-yellow-base));--yellow-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-yellow-base));--yellow-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-yellow-base));--yellow-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-yellow-base));--yellow-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-yellow-base));--yellow-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-yellow-base));--yellow-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-yellow-base));--yellow-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-yellow-base));--yellow-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-yellow-base));--yellow-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-yellow-base));--lime-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-lime-base));--lime-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-lime-base));--lime-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-lime-base));--lime-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-lime-base));--lime-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-lime-base));--lime-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-lime-base));--lime-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-lime-base));--lime-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-lime-base));--lime-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-lime-base));--lime-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-lime-base));--lime-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-lime-base));--lime-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-lime-base));--green-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-green-base));--green-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-green-base));--green-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-green-base));--green-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-green-base));--green-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-green-base));--green-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-green-base));--green-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-green-base));--green-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-green-base));--green-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-green-base));--green-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-green-base));--green-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-green-base));--green-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-green-base));--emerald-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-emerald-base));--emerald-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-emerald-base));--emerald-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-emerald-base));--emerald-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-emerald-base));--emerald-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-emerald-base));--emerald-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-emerald-base));--emerald-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-emerald-base));--emerald-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-emerald-base));--emerald-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-emerald-base));--emerald-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-emerald-base));--emerald-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-emerald-base));--emerald-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-emerald-base));--teal-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-teal-base));--teal-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-teal-base));--teal-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-teal-base));--teal-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-teal-base));--teal-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-teal-base));--teal-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-teal-base));--teal-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-teal-base));--teal-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-teal-base));--teal-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-teal-base));--teal-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-teal-base));--teal-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-teal-base));--teal-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-teal-base));--cyan-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-cyan-base));--cyan-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-cyan-base));--cyan-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-cyan-base));--cyan-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-cyan-base));--cyan-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-cyan-base));--cyan-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-cyan-base));--cyan-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-cyan-base));--cyan-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-cyan-base));--cyan-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-cyan-base));--cyan-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-cyan-base));--cyan-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-cyan-base));--cyan-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-cyan-base));--sky-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-sky-base));--sky-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-sky-base));--sky-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-sky-base));--sky-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-sky-base));--sky-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-sky-base));--sky-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-sky-base));--sky-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-sky-base));--sky-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-sky-base));--sky-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-sky-base));--sky-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-sky-base));--sky-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-sky-base));--sky-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-sky-base));--blue-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-blue-base));--blue-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-blue-base));--blue-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-blue-base));--blue-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-blue-base));--blue-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-blue-base));--blue-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-blue-base));--blue-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-blue-base));--blue-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-blue-base));--blue-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-blue-base));--blue-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-blue-base));--blue-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-blue-base));--blue-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-blue-base));--violet-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-violet-base));--violet-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-violet-base));--violet-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-violet-base));--violet-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-violet-base));--violet-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-violet-base));--violet-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-violet-base));--violet-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-violet-base));--violet-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-violet-base));--violet-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-violet-base));--violet-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-violet-base));--violet-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-violet-base));--violet-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-violet-base));--purple-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-purple-base));--purple-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-purple-base));--purple-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-purple-base));--purple-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-purple-base));--purple-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-purple-base));--purple-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-purple-base));--purple-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-purple-base));--purple-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-purple-base));--purple-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-purple-base));--purple-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-purple-base));--purple-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-purple-base));--purple-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-purple-base));--fuchsia-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-fuchsia-base));--fuchsia-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-fuchsia-base));--fuchsia-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-fuchsia-base));--fuchsia-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-fuchsia-base));--fuchsia-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-fuchsia-base));--fuchsia-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-fuchsia-base));--fuchsia-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-fuchsia-base));--fuchsia-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-fuchsia-base));--fuchsia-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-fuchsia-base));--fuchsia-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-fuchsia-base));--fuchsia-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-fuchsia-base));--fuchsia-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-fuchsia-base));--magenta-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-magenta-base));--magenta-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-magenta-base));--magenta-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-magenta-base));--magenta-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-magenta-base));--magenta-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-magenta-base));--magenta-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-magenta-base));--magenta-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-magenta-base));--magenta-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-magenta-base));--magenta-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-magenta-base));--magenta-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-magenta-base));--magenta-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-magenta-base));--magenta-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-magenta-base));--rose-1:oklch(var(--color-lightness-1) var(--color-chroma-1) var(--color-rose-base));--rose-2:oklch(var(--color-lightness-2) var(--color-chroma-2) var(--color-rose-base));--rose-3:oklch(var(--color-lightness-3) var(--color-chroma-3) var(--color-rose-base));--rose-4:oklch(var(--color-lightness-4) var(--color-chroma-4) var(--color-rose-base));--rose-5:oklch(var(--color-lightness-5) var(--color-chroma-5) var(--color-rose-base));--rose-6:oklch(var(--color-lightness-6) var(--color-chroma-6) var(--color-rose-base));--rose-7:oklch(var(--color-lightness-7) var(--color-chroma-7) var(--color-rose-base));--rose-8:oklch(var(--color-lightness-8) var(--color-chroma-8) var(--color-rose-base));--rose-9:oklch(var(--color-lightness-9) var(--color-chroma-9) var(--color-rose-base));--rose-10:oklch(var(--color-lightness-10) var(--color-chroma-10) var(--color-rose-base));--rose-11:oklch(var(--color-lightness-11) var(--color-chroma-11) var(--color-rose-base));--rose-12:oklch(var(--color-lightness-12) var(--color-chroma-12) var(--color-rose-base));--surface-1:var(--neutral-2);--surface-2:var(--neutral-3);--surface-3:var(--neutral-4);--border:var(--neutral-5);--text-1:var(--neutral-13);--text-2:var(--neutral-9);--accent:var(--blue-8);--accent-subtle:oklch(from var(--accent) l c h/0.15);--green:var(--emerald-8);--red:var(--red-8);--yellow:var(--amber-8);--sidebar-w:240px;--content-max:800px}@media (prefers-color-scheme:dark){:root{--color-neutral-lightness-inc:+ 6.5%;--color-neutral-lightness-1:7%;--surface-1:var(--neutral-2);--surface-2:var(--neutral-1);--surface-3:var(--neutral-3);--border:var(--neutral-4);--text-1:var(--neutral-13);--text-2:var(--neutral-12);--accent:var(--blue-5);--green:var(--emerald-4);--red:var(--red-5);--yellow:var(--amber-4)}}html{--csstools-color-scheme--light:initial;background:var(--surface-1);color:var(--text-1);color-scheme:light dark;font-family:system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){html{--csstools-color-scheme--light: }}body{display:flex;min-height:100dvh}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;padding:24px 16px;position:fixed;top:0;width:var(--sidebar-w);z-index:10}.sidebar-logo{color:var(--text-1);display:block;font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px;-webkit-text-decoration:none;text-decoration:none}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:2px}.sidebar-section{color:var(--text-2);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;margin-top:20px;padding-left:8px;text-transform:uppercase}.sidebar-nav a{border-radius:6px;color:var(--text-2);display:block;font-size:14px;padding:6px 8px;-webkit-text-decoration:none;text-decoration:none;transition:color .15s ease,background .15s ease}.sidebar-nav a:hover{color:var(--text-1);--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) hsla(0,0%,100%,.04);background:var(--csstools-light-dark-toggle--0,rgba(0,0,0,.05));background:light-dark(rgba(0,0,0,.05),hsla(0,0%,100%,.04))}.sidebar-nav a[aria-current=page]{color:var(--text-1);--csstools-light-dark-toggle--1:var(--csstools-color-scheme--light) hsla(0,0%,100%,.06);background:var(--csstools-light-dark-toggle--1,rgba(0,0,0,.07));background:light-dark(rgba(0,0,0,.07),hsla(0,0%,100%,.06));font-weight:600}.sidebar-children{list-style:none;margin-bottom:4px;margin-top:2px;padding-left:12px}.sidebar-children li{margin-bottom:1px}.sidebar-children a{color:var(--text-2);font-size:13px;opacity:.8;padding:4px 8px}.sidebar-children a:hover,.sidebar-children a[aria-current=page]{opacity:1}main{flex:1;margin-left:var(--sidebar-w);max-width:calc(var(--content-max) + var(--sidebar-w) + 96px);padding:48px 48px 80px}main>h1{font-size:max(28px,min(4vw,40px));font-weight:900;letter-spacing:-.03em;margin-bottom:24px}.header-anchor{color:inherit}.header-anchor,.header-anchor:hover{-webkit-text-decoration:none;text-decoration:none}.header-anchor:hover:before{background:currentColor;content:"";height:.7em;inset-inline-start:-1.2em;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;opacity:.4;position:absolute;top:.3em;width:.7em}:where(h1,h2,h3,h4,h5,h6):has(.header-anchor){position:relative}h2{border-bottom:1px solid var(--border);font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;margin-top:40px;padding-bottom:8px}h3{font-size:18px;margin-top:28px}h3,h4{font-weight:700;margin-bottom:8px}h4{font-size:15px;margin-top:20px}p{color:var(--text-2);margin-bottom:12px}li strong,p strong{color:var(--text-1)}a{color:var(--accent);-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}ol,ul{color:var(--text-2);margin-bottom:12px;padding-left:24px}li{margin-bottom:4px}code,li code{font-size:.875em}code{background:var(--accent-subtle);border-radius:4px;color:var(--accent);font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;padding:2px 6px}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;line-height:1.5;margin-bottom:16px;overflow-x:auto;padding:20px 24px}pre code{background:none;color:var(--text-1);font-size:14px;padding:0}table{border-collapse:collapse;font-size:14px;margin-bottom:16px;width:100%}th{font-size:12px;font-weight:700;letter-spacing:.06em;padding:8px 12px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid var(--border);color:var(--text-2)}td{padding:10px 12px;vertical-align:top}td code{white-space:nowrap}.hero h1{background:linear-gradient(135deg,var(--green),var(--accent));-webkit-background-clip:text;font-size:max(32px,min(5vw,56px));font-weight:900;letter-spacing:-.03em;-webkit-text-fill-color:transparent;background-clip:text}.hero .tagline{color:var(--text-2);font-size:max(16px,min(2vw,20px));line-height:1.5;margin-top:12px}.features{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:16px}.feature{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:20px}.feature h3{color:var(--text-1);margin-top:0}.feature p{font-size:14px;margin-bottom:0}.examples,.tutorials{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.example-card,.tutorial-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:block;padding:20px;-webkit-text-decoration:none;text-decoration:none;transition:border-color .15s ease,transform .1s ease}.example-card:hover,.tutorial-card:hover{border-color:var(--accent);-webkit-text-decoration:none;text-decoration:none;transform:translateY(-2px)}.example-card h3,.tutorial-card h3{color:var(--text-1);margin-top:0}.example-card p,.tutorial-card p{font-size:14px;margin-bottom:0}.tutorial-demo-link{background:var(--accent-subtle);border:1px solid var(--accent);border-radius:6px;color:var(--accent);display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:8px 16px;transition:background .15s ease}.tutorial-demo-link,.tutorial-demo-link:hover{-webkit-text-decoration:none;text-decoration:none}.tutorial-demo-link:hover{background:oklch(from var(--accent) l c h/.25)}dl.def{margin-bottom:24px}dl.def dt{color:var(--accent);font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:15px;font-weight:600;margin-bottom:4px;margin-top:16px}dl.def dt:first-child{margin-top:0}dl.def dd{color:var(--text-2);font-size:14px;margin-bottom:12px;padding-left:16px}.badge{border-radius:4px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;margin-left:8px;padding:2px 6px;vertical-align:middle}.badge.attr{background:oklch(from var(--green) l c h/.15);color:var(--green)}.badge.prop{background:var(--accent-subtle);color:var(--accent)}.badge.method{background:oklch(from var(--red) l c h/.15);color:var(--red)}.badge.event{background:oklch(from var(--yellow) l c h/.15);color:var(--yellow)}.token.cdata,.token.comment,.token.doctype,.token.prolog{--csstools-light-dark-toggle--2:var(--csstools-color-scheme--light) #636e7b;color:var(--csstools-light-dark-toggle--2,#6a737d);color:light-dark(#6a737d,#636e7b)}.token.punctuation{--csstools-light-dark-toggle--3:var(--csstools-color-scheme--light) #8b949e;color:var(--csstools-light-dark-toggle--3,#24292e);color:light-dark(#24292e,#8b949e)}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{--csstools-light-dark-toggle--4:var(--csstools-color-scheme--light) #79c0ff;color:var(--csstools-light-dark-toggle--4,#005cc5);color:light-dark(#005cc5,#79c0ff)}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{--csstools-light-dark-toggle--5:var(--csstools-color-scheme--light) #a5d6ff;color:var(--csstools-light-dark-toggle--5,#22863a);color:light-dark(#22863a,#a5d6ff)}.language-css .token.string,.token.entity,.token.operator,.token.url{--csstools-light-dark-toggle--6:var(--csstools-color-scheme--light) #d2a8ff;color:var(--csstools-light-dark-toggle--6,#6f42c1);color:light-dark(#6f42c1,#d2a8ff)}.token.atrule,.token.attr-value,.token.keyword{--csstools-light-dark-toggle--7:var(--csstools-color-scheme--light) #ff7b72;color:var(--csstools-light-dark-toggle--7,#d73a49);color:light-dark(#d73a49,#ff7b72)}.token.class-name,.token.function{--csstools-light-dark-toggle--8:var(--csstools-color-scheme--light) #d2a8ff;color:var(--csstools-light-dark-toggle--8,#6f42c1);color:light-dark(#6f42c1,#d2a8ff)}.token.important,.token.regex,.token.variable{--csstools-light-dark-toggle--9:var(--csstools-color-scheme--light) #ffa657;color:var(--csstools-light-dark-toggle--9,#e36209);color:light-dark(#e36209,#ffa657)}@media (max-width:768px){.sidebar{border-bottom:1px solid var(--border);border-right:none;padding:16px;position:static;width:100%}.sidebar-nav{display:flex;flex-wrap:wrap;gap:4px}.sidebar-section{margin-top:8px;width:100%}body{flex-direction:column}main{margin-left:0;padding:24px 20px 60px}}.demo-embed{margin:24px 0;position:relative}.demo-embed iframe,.demo-link{display:block}.demo-link{font-size:12px;margin-top:4px;opacity:.4;text-align:right;transition:opacity .15s ease}.demo-link:hover{opacity:.8}