/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--blur-sm:8px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-white);color:var(--color-zinc-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950)}@media (prefers-color-scheme:dark){body:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-950)}}body:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){body:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-indigo-600)}:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){:focus-visible:where(:root:not([data-theme]),:root:not([data-theme]) *){outline-color:var(--color-indigo-400)}}html[data-sidebar-open]{overflow:hidden}@media (width>=64rem){html[data-sidebar-open]{overflow:auto}}}@layer components{.demo-panel{border-style:var(--tw-border-style);border-width:1px;border-color:var(--demo-edge);background-color:var(--demo-bg);color:var(--demo-text);--demo-bg:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-zinc-900));--demo-edge:var(--lightningcss-light,var(--color-zinc-200))var(--lightningcss-dark,var(--color-zinc-900));--demo-text:var(--lightningcss-light,var(--color-zinc-700))var(--lightningcss-dark,var(--color-zinc-300));--demo-muted:var(--color-zinc-500);--demo-hover:var(--lightningcss-light,var(--color-zinc-100))var(--lightningcss-dark,var(--color-zinc-800));--demo-accent:var(--lightningcss-light,var(--color-indigo-600))var(--lightningcss-dark,var(--color-indigo-400));--demo-on-accent:var(--lightningcss-light,var(--color-white))var(--lightningcss-dark,var(--color-zinc-950));--demo-readout:var(--lightningcss-light,var(--color-indigo-600))var(--lightningcss-dark,var(--color-indigo-300));--demo-warn:var(--lightningcss-light,var(--color-amber-600))var(--lightningcss-dark,var(--color-amber-400));--demo-rule:var(--lightningcss-light,var(--color-zinc-200))var(--lightningcss-dark,var(--color-zinc-800));--demo-strip:var(--lightningcss-light,var(--color-zinc-50))var(--lightningcss-dark,#09090b66);border-radius:1.125rem;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.demo-panel{--demo-strip:var(--lightningcss-light,var(--color-zinc-50))var(--lightningcss-dark,color-mix(in oklab, var(--color-zinc-950) 40%, transparent))}}.demo-panel{--demo-code:var(--lightningcss-light,var(--color-zinc-800))var(--lightningcss-dark,var(--color-zinc-200));--demo-tab-hover:var(--lightningcss-light,var(--color-zinc-900))var(--lightningcss-dark,var(--color-zinc-200));--demo-chip:var(--lightningcss-light,var(--color-zinc-200))var(--lightningcss-dark,var(--color-zinc-800));--demo-chip-text:var(--lightningcss-light,var(--color-zinc-900))var(--lightningcss-dark,var(--color-zinc-100));--demo-chip-edge:var(--lightningcss-light,var(--color-zinc-200))var(--lightningcss-dark,var(--color-zinc-700))}.landing .demo-panel{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.landing .demo-panel:where([data-theme=dark],[data-theme=dark] *){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){.landing .demo-panel:where(:root:not([data-theme]),:root:not([data-theme]) *){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.markdown>.demo-panel{margin-top:calc(var(--spacing) * 6)}.demo-panel-header{min-height:calc(var(--spacing) * 5);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 2.5);display:flex}.demo-panel-label{align-items:center;gap:calc(var(--spacing) * 2);font-family:var(--font-mono);--tw-leading:1;--tw-font-weight:var(--font-weight-medium);font-size:.6875rem;line-height:1;font-weight:var(--font-weight-medium);--tw-tracking:.14em;letter-spacing:.14em;white-space:nowrap;color:var(--demo-muted);text-transform:uppercase;display:inline-flex}.demo-live-indicator{background-color:var(--color-emerald-500);border-radius:2147483647px;flex-shrink:0;width:7px;height:7px}@media (prefers-reduced-motion:no-preference){.demo-live-indicator{animation:2s ease-out infinite demo-pulse}}.demo-readout{min-height:calc(var(--spacing) * 5);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 1.5);min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;white-space:nowrap;color:var(--demo-readout);line-height:1;display:inline-flex;overflow:hidden}.demo-readout[data-state=edge]{color:var(--demo-warn)}.demo-readout:is([data-state=listening],[data-state=passed]){color:var(--demo-muted)}.demo-readout kbd{height:calc(var(--spacing) * 5);min-width:calc(var(--spacing) * 5);border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);padding-inline:var(--spacing);font-family:var(--font-mono);opacity:.85;border-color:currentColor;border-bottom-width:2px;border-radius:5px;place-items:center;font-size:.6875rem;display:inline-grid}.demo-readout-target{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);overflow:hidden}@media (prefers-reduced-motion:no-preference){.demo-readout-fresh{animation:.36s ease-out demo-fresh}}.demo-panel .code-tabs{border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--demo-rule);background-color:var(--demo-strip);border-radius:0;margin-top:0}.demo-panel>.code-copyable:not(.code-tabs){border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--demo-rule);background-color:var(--demo-strip);margin-top:0}.demo-panel>.code-copyable>.code-block{border-style:var(--tw-border-style);border-width:0;border-radius:0}.demo-panel>.code-copyable:not(.code-tabs)>.code-copy{top:calc(var(--spacing) * 2.5)}.demo-panel .code-tabs-bar{height:calc(var(--spacing) * 9);border-color:var(--demo-rule);padding-inline:calc(var(--spacing) * 2)}.demo-panel .code-tab{color:var(--demo-muted)}@media (hover:hover){.demo-panel .code-tab:hover{color:var(--demo-tab-hover)}}.demo-panel .code-tab[aria-selected=true]{background-color:var(--demo-chip);color:var(--demo-chip-text)}.demo-panel .code-copy{top:var(--spacing);right:calc(var(--spacing) * 2);border-color:var(--demo-chip-edge);background-color:var(--demo-chip);color:var(--demo-muted)}@media (hover:hover){.demo-panel .code-copy:hover{color:var(--demo-chip-text)}}.demo-panel .code-block{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3.5);color:var(--demo-code);background-color:#0000;font-size:.8rem}.demo-panel .shiki span{color:var(--lightningcss-light,var(--shiki-light))var(--lightningcss-dark,var(--shiki-dark))}.demo-hint{margin-inline:var(--spacing);margin-top:calc(var(--spacing) * 3);--tw-leading:calc(var(--spacing) * 7);font-size:.8125rem;line-height:calc(var(--spacing) * 7);color:var(--color-zinc-500)}.demo-hint:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.demo-hint:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.demo-hint .kbd{min-width:1.75em;padding-block:0;font-size:.6875rem}.demo-panel--code>.code-tabs{border-top-style:var(--tw-border-style);border-top-width:0}.demo-panel[data-demo] .demo-panel-header{column-gap:calc(var(--spacing) * 3);row-gap:calc(var(--spacing) * 2);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.demo-panel-preview{padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 4)}.demo-panel-preview .demo-surface{gap:var(--spacing);border-style:var(--tw-border-style);background-color:#0000;border-width:0;border-radius:0;margin:0;padding:0;display:grid}.demo-panel-preview :where([data-keyrove-item],[role=menuitem],[role=treeitem]){cursor:pointer;border-radius:var(--radius-lg);min-width:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--demo-text);outline-offset:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.12s;outline-color:#0000;transition-duration:.12s;display:block}@media (hover:hover){.demo-panel-preview :where([data-keyrove-item],[role=menuitem],[role=treeitem]):hover{background-color:var(--demo-hover)}}.demo-panel-preview :where([data-keyrove-item],[role=menuitem],[role=treeitem]):focus{background-color:var(--demo-accent);color:var(--demo-on-accent);outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--demo-accent)}.demo-panel-preview :where([disabled]){cursor:not-allowed;color:var(--demo-muted)}@media (hover:hover){.demo-panel-preview :where([disabled]):hover{background-color:#0000}}.demo-panel-preview :where([data-keyrove-skip]){cursor:default;padding-top:calc(var(--spacing) * 3.5);--tw-font-weight:var(--font-weight-semibold);font-size:.6875rem;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--demo-muted);text-transform:uppercase}@media (hover:hover){.demo-panel-preview :where([data-keyrove-skip]):hover{background-color:#0000}}.demo-panel-preview .demo-surface>:where([data-keyrove-skip]:first-child){padding-top:var(--spacing)}.demo-panel-preview :where(textarea){margin-top:calc(var(--spacing) * 2);resize:none;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--demo-chip-edge);background-color:var(--demo-bg);width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--demo-text);text-transform:none;outline-offset:2px;outline-color:#0000;display:block}.demo-panel-preview :where(textarea)::placeholder{color:var(--demo-muted)}.demo-panel-preview :where(textarea):focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--demo-accent)}.demo-panel-preview :where([data-keyrove-focus-key]:not([data-keyrove-item])){min-height:calc(var(--spacing) * 20);align-content:flex-start;align-items:center;column-gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--demo-chip-edge);min-width:0;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-semibold);font-size:.6875rem;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--demo-muted);text-transform:uppercase;outline-offset:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.12s;outline-color:#0000;flex-wrap:wrap;transition-duration:.12s;display:flex}.demo-panel-preview :where([data-keyrove-focus-key]:not([data-keyrove-item])):focus{color:var(--demo-accent);outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--demo-accent)}.demo-panel-preview :where([data-keyrove-focus-key]:not([data-keyrove-item]))>textarea{order:1}.demo-panel-preview :where([data-keyrove-item]>label){align-items:center;column-gap:calc(var(--spacing) * 3);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.demo-panel-preview :where([data-keyrove-item]>label>textarea){margin-top:0}.demo-panel-preview :where(input[type=text]){width:calc(var(--spacing) * 44);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--demo-chip-edge);background-color:var(--demo-bg);max-width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--demo-text);outline-offset:2px;outline-color:#0000;margin-left:auto}.demo-panel-preview :where(input[type=text]):focus{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--demo-accent)}.demo-panel-preview :where(input[type=range]){width:calc(var(--spacing) * 44);max-width:100%;accent-color:var(--demo-accent);margin-left:auto}.demo-panel-preview :where(input[type=checkbox]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);accent-color:var(--demo-accent)}.demo-panel-preview :where([data-keyrove-item]:focus) :where(input[type=checkbox],input[type=range]){accent-color:var(--demo-on-accent)}.demo-panel-preview :where([role=option]){align-items:center;gap:calc(var(--spacing) * 2.5);display:flex}.demo-panel-preview :where([role=option][aria-selected=true]):after{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--demo-accent);content:"✓";content:"✓" / "";margin-left:auto}.demo-panel-preview :where([role=option][aria-selected=true]:focus):after{color:currentColor}.demo-panel-preview :has(>.demo-item-icon){align-items:center;gap:calc(var(--spacing) * 2.5);display:flex}.demo-item-icon{pointer-events:none;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);opacity:.7;flex-shrink:0}:focus>.demo-item-icon{opacity:1}.demo-item-icon--open,[aria-expanded=true]>.demo-item-icon--closed{display:none}[aria-expanded=true]>.demo-item-icon--open{display:block}.demo-panel-preview [data-keyrove-orientation=horizontal]{flex-wrap:wrap;display:flex}.demo-panel-preview [data-keyrove-orientation=horizontal]>[data-keyrove-item]{gap:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 2)}.demo-panel-preview :where([data-keyrove-cols])>[data-keyrove-item]{text-align:center}.demo-panel[data-demo=responsive] .demo-panel-preview{margin-inline:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 2);max-width:calc(100% - 1rem);min-width:calc(var(--spacing) * 56);resize:horizontal;border-radius:var(--radius-lg);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--demo-rule);padding:calc(var(--spacing) * 2);overflow:auto}.demo-panel:is([data-demo=tools],[data-demo=landing-tools]) .demo-panel-preview [data-keyrove-item]{align-items:center;display:flex}.demo-panel:is([data-demo=tools],[data-demo=landing-tools]) .demo-panel-preview [data-keyrove-item]:after{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));opacity:.6;content:attr(aria-keyshortcuts);content:attr(aria-keyshortcuts) / "";margin-left:auto}.demo-panel[data-demo=panes] .demo-surface{gap:calc(var(--spacing) * 1.5);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.demo-panel[data-demo=panes] .demo-surface>:first-child{grid-area:1/1/span 2/1}.demo-panel[data-demo=panes] .demo-surface>:nth-child(3){grid-area:2/2}.demo-panel[data-demo=panes] .demo-surface>:after{border-style:var(--tw-border-style);border-width:1px;border-color:var(--demo-chip-edge);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);--tw-font-weight:var(--font-weight-normal);font-size:.625rem;font-weight:var(--font-weight-normal);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);white-space:nowrap;text-transform:none;border-radius:.25rem;margin-left:auto}.demo-panel[data-demo=panes] .demo-surface>:first-child:after{content:"Ctrl+Shift+1";content:"Ctrl+Shift+1" / ""}.demo-panel[data-demo=panes] .demo-surface>:nth-child(2):after{content:"Ctrl+Shift+2";content:"Ctrl+Shift+2" / ""}.demo-panel[data-demo=panes] .demo-surface>:nth-child(3):after{content:"Ctrl+Shift+3";content:"Ctrl+Shift+3" / ""}.demo-panel-preview [data-keyrove-root]:not([data-keyrove-cols]){gap:var(--spacing);border-radius:var(--radius-lg);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--demo-rule);padding:var(--spacing);display:flex}.demo-panel[data-demo=sidebar] .demo-surface [data-keyrove-item]{align-items:center;gap:calc(var(--spacing) * 2.5);width:100%;display:flex}.demo-panel-preview :is([role=group],[data-keyrove-item]+ul){margin-top:var(--spacing);margin-left:calc(var(--spacing) * 4);gap:var(--spacing);border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--demo-rule);padding-left:calc(var(--spacing) * 2);display:grid}.demo-panel-preview [aria-expanded]:before{width:calc(var(--spacing) * 2);content:"▸";content:"▸" / "";flex-shrink:0;display:inline-block}.demo-panel-preview [aria-expanded=true]:before{content:"▾";content:"▾" / ""}.demo-panel-preview [role=treeitem]:not([aria-expanded]),.demo-panel[data-demo=sidebar] .demo-surface>li>[data-keyrove-item]:not([aria-expanded]){padding-left:1.875rem}.search-trigger{height:calc(var(--spacing) * 8);cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-500);flex-shrink:0;display:inline-flex}@media (hover:hover){.search-trigger:hover{color:var(--color-zinc-900)}}.search-trigger:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.search-trigger:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.search-trigger:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.search-trigger:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.search-trigger:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.search-trigger:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.search-trigger:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.search-trigger:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.search-trigger[hidden],.search-retry[hidden]{display:none}.search-trigger kbd{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);padding-inline:var(--spacing);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));border-radius:.25rem}.search-trigger kbd:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.search-trigger kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.search-dialog{width:calc(100% - 2rem);max-width:var(--container-xl);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);color:var(--color-zinc-900);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);inset-inline:0;margin-inline:auto;padding:0;position:fixed;top:10dvh;overflow:hidden}.search-dialog:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.search-dialog:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.search-dialog:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.search-dialog:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.search-dialog:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.search-dialog:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.search-dialog{max-height:80dvh}.search-dialog::backdrop{background-color:#09090b80}@supports (color:color-mix(in lab, red, red)){.search-dialog::backdrop{background-color:color-mix(in oklab, var(--color-zinc-950) 50%, transparent)}}.search-dialog::backdrop{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.search-panel{flex-direction:column;max-height:80dvh;display:flex}.search-input-row{align-items:center;gap:calc(var(--spacing) * 3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-zinc-500);flex-shrink:0;display:flex}.search-input-row:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.search-input-row:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.search-input-row:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.search-input-row:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.search-input-row input{min-width:0;padding-block:var(--spacing);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-zinc-900);--tw-outline-style:none;background-color:#0000;outline-style:none;flex:1}.search-input-row input::placeholder{color:var(--color-zinc-500)}.search-input-row input:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.search-input-row input:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.search-results{overscroll-behavior:contain;min-height:0;padding:calc(var(--spacing) * 2);overflow-y:auto}.search-results:empty{display:none}.search-result{cursor:pointer;gap:var(--spacing);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);overflow-wrap:anywhere;flex-direction:column;display:flex}.search-result:hover{background-color:var(--color-zinc-100)}.search-result:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.search-result:hover:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.search-result:focus{background-color:var(--color-indigo-50);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-indigo-200);--tw-outline-style:none;--tw-ring-inset:inset;outline-style:none}.search-result:focus:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-indigo-950)}@media (prefers-color-scheme:dark){.search-result:focus:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-indigo-950)}}.search-result:focus:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color:var(--color-indigo-800)}@media (prefers-color-scheme:dark){.search-result:focus:where(:root:not([data-theme]),:root:not([data-theme]) *){--tw-ring-color:var(--color-indigo-800)}}.search-result-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.search-result-page{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-indigo-600)}.search-result-page:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.search-result-page:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.search-result-snippet{-webkit-line-clamp:2;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-500);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.search-result-snippet:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.search-result-snippet:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.search-status{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-500);flex-shrink:0}.search-status:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.search-status:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.search-retry{margin-inline:calc(var(--spacing) * 5);margin-bottom:calc(var(--spacing) * 3);cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-indigo-600);border-radius:.25rem;align-self:flex-start;text-decoration-line:underline}.search-retry:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.search-retry:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.search-help{align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:var(--spacing);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-zinc-200);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-zinc-500);flex-wrap:wrap;flex-shrink:0;display:flex}.search-help:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.search-help:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.search-help:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.search-help:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}html[data-search-modal-open]{overflow:hidden}.site-header{z-index:30;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);background-color:#fffc;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.site-header{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.site-header:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.site-header:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.site-header:where([data-theme=dark],[data-theme=dark] *){background-color:#09090bcc}@supports (color:color-mix(in lab, red, red)){.site-header:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-zinc-950) 80%, transparent)}}@media (prefers-color-scheme:dark){.site-header:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:#09090bcc}@supports (color:color-mix(in lab, red, red)){.site-header:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:color-mix(in oklab, var(--color-zinc-950) 80%, transparent)}}}.header-row{height:calc(var(--spacing) * 14);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);max-width:90rem;padding-inline:calc(var(--spacing) * 6);margin-inline:auto;display:flex}.wordmark{align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);display:inline-flex}.wordmark svg{color:var(--color-indigo-600)}.wordmark svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.wordmark svg:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.header-link{align-items:center;gap:calc(var(--spacing) * 1.5);color:var(--color-zinc-600);display:inline-flex}@media (hover:hover){.header-link:hover{color:var(--color-zinc-900)}}.header-link:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.header-link:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.header-link:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.header-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.icon-button{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);color:var(--color-zinc-600);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.icon-button:hover{background-color:var(--color-zinc-50);color:var(--color-zinc-900)}}.icon-button:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.icon-button:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.icon-button:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.icon-button:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.icon-button:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.icon-button:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.icon-button:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-zinc-800)}}@media (prefers-color-scheme:dark){@media (hover:hover){.icon-button:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{background-color:var(--color-zinc-800)}}}@media (hover:hover){.icon-button:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.icon-button:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.link{color:var(--color-indigo-600);text-underline-offset:2px;text-decoration-line:underline}.link:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.link:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.site-footer{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-zinc-200);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-600)}.site-footer:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.site-footer:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.site-footer:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.site-footer:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.footer-row{align-items:center;gap:calc(var(--spacing) * 4);max-width:90rem;padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);flex-direction:column;margin-inline:auto;display:flex}@media (width>=40rem){.footer-row{flex-direction:row;justify-content:space-between}}.footer-meta{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.footer-links{justify-content:center;column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}@media (hover:hover){.footer-link:hover{color:var(--color-zinc-900)}.footer-link:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.footer-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.header-row-narrow{max-width:var(--container-6xl)}.docs-shell{column-gap:calc(var(--spacing) * 10);max-width:90rem;padding-inline:calc(var(--spacing) * 6);margin-inline:auto;display:grid}@media (width>=64rem){.docs-shell{grid-template-columns:15rem minmax(0,1fr)}}@media (width>=80rem){.docs-shell{grid-template-columns:15rem minmax(0,1fr) 15rem}}.sidebar{visibility:hidden;z-index:50;width:calc(var(--spacing) * 72);--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 8);inset-block:0;position:fixed;left:0;overflow-y:auto}.sidebar:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.sidebar:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.sidebar:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950)}@media (prefers-color-scheme:dark){.sidebar:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-950)}}@media (width>=64rem){.sidebar{visibility:visible;top:calc(var(--spacing) * 14);z-index:auto;--tw-translate-x:0px;width:auto;height:calc(100vh - 3.5rem);translate:var(--tw-translate-x) var(--tw-translate-y);border-right-style:var(--tw-border-style);padding-inline:0;padding-right:calc(var(--spacing) * 4);background-color:#0000;border-right-width:0;position:sticky}.sidebar:where([data-theme=dark],[data-theme=dark] *){background-color:#0000}}@media (prefers-color-scheme:dark){@media (width>=64rem){.sidebar:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:#0000}}}.sidebar{transition:translate .2s var(--default-transition-timing-function), visibility 0s .2s}:root[data-sidebar-open] .sidebar{visibility:visible;--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y);transition-delay:0s}.sidebar-backdrop{z-index:40;background-color:#09090b66;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.sidebar-backdrop{background-color:color-mix(in oklab, var(--color-zinc-950) 40%, transparent)}}@media (width>=64rem){.sidebar-backdrop{display:none}}.sidebar-backdrop[hidden]{display:none}.sidebar-group+.sidebar-group{margin-top:calc(var(--spacing) * 6)}.sidebar-heading{margin-bottom:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-zinc-900)}.sidebar-heading:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.sidebar-heading:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.sidebar-link{border-left-style:var(--tw-border-style);padding-block:calc(var(--spacing) * 1.5);padding-left:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-600);border-color:#0000;border-left-width:1px;margin-left:-1px;display:block}@media (hover:hover){.sidebar-link:hover{border-color:var(--color-zinc-300);color:var(--color-zinc-900)}}.sidebar-link:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.sidebar-link:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.sidebar-link:where([data-theme=dark],[data-theme=dark] *):hover{border-color:var(--color-zinc-700)}}@media (prefers-color-scheme:dark){@media (hover:hover){.sidebar-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{border-color:var(--color-zinc-700)}}}@media (hover:hover){.sidebar-link:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.sidebar-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.sidebar-nav ul{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-zinc-200)}.sidebar-nav ul:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.sidebar-nav ul:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.sidebar-link[aria-current=page]{border-color:var(--color-indigo-600);background-color:var(--color-indigo-100);color:var(--color-indigo-600)}.sidebar-link[aria-current=page]:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.sidebar-link[aria-current=page]:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-indigo-400)}}.sidebar-link[aria-current=page]:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.sidebar-link[aria-current=page]:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.sidebar-link[aria-current=page]:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.sidebar-link[aria-current=page]:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.docs-main{min-width:0;padding-block:calc(var(--spacing) * 10)}.page-actions{margin-block:calc(var(--spacing) * 4);align-items:center;column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;display:flex}.page-action,.markdown a.page-action{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-500);text-decoration-line:none;display:inline-flex}@media (hover:hover){:is(.page-action,.markdown a.page-action):hover{color:var(--color-zinc-900)}}:is(.page-action,.markdown a.page-action):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){:is(.page-action,.markdown a.page-action):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){:is(.page-action,.markdown a.page-action):where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){:is(.page-action,.markdown a.page-action):where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.page-action span{text-decoration-line:underline;-webkit-text-decoration-color:var(--color-zinc-300);-webkit-text-decoration-color:var(--color-zinc-300);-webkit-text-decoration-color:var(--color-zinc-300);text-decoration-color:var(--color-zinc-300);text-underline-offset:4px}.page-action span:where([data-theme=dark],[data-theme=dark] *){-webkit-text-decoration-color:var(--color-zinc-600);-webkit-text-decoration-color:var(--color-zinc-600);-webkit-text-decoration-color:var(--color-zinc-600);text-decoration-color:var(--color-zinc-600)}@media (prefers-color-scheme:dark){.page-action span:where(:root:not([data-theme]),:root:not([data-theme]) *){-webkit-text-decoration-color:var(--color-zinc-600);-webkit-text-decoration-color:var(--color-zinc-600);-webkit-text-decoration-color:var(--color-zinc-600);text-decoration-color:var(--color-zinc-600)}}.page-action:hover span{-webkit-text-decoration-color:var(--color-zinc-500);-webkit-text-decoration-color:var(--color-zinc-500);-webkit-text-decoration-color:var(--color-zinc-500);text-decoration-color:var(--color-zinc-500)}.page-action:hover span:where([data-theme=dark],[data-theme=dark] *){-webkit-text-decoration-color:var(--color-zinc-400);-webkit-text-decoration-color:var(--color-zinc-400);-webkit-text-decoration-color:var(--color-zinc-400);text-decoration-color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.page-action:hover span:where(:root:not([data-theme]),:root:not([data-theme]) *){-webkit-text-decoration-color:var(--color-zinc-400);-webkit-text-decoration-color:var(--color-zinc-400);-webkit-text-decoration-color:var(--color-zinc-400);text-decoration-color:var(--color-zinc-400)}}.toc{display:none}@media (width>=80rem){.toc{display:block}}.toc-inner{top:calc(var(--spacing) * 14);max-height:calc(100vh - 3.5rem);padding-block:calc(var(--spacing) * 10);padding-left:calc(var(--spacing) * 4);position:sticky;overflow-y:auto}.toc-heading{margin-bottom:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-zinc-900)}.toc-heading:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.toc-heading:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.toc-link{margin-left:calc(var(--spacing) * -2);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-600);display:block}@media (hover:hover){.toc-link:hover{color:var(--color-zinc-900)}}.toc-link:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.toc-link:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.toc-link:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.toc-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.toc-link[data-level="3"]{padding-left:calc(var(--spacing) * 6)}.toc-link[data-active]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-indigo-600)}.toc-link[data-active]:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.toc-link[data-active]:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.sidebar-link:focus-visible,.toc-link:focus-visible{outline-offset:calc(2px * -1)}.sidebar-keys{float:right;gap:var(--spacing);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:flex}.sidebar-keys kbd{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);padding-inline:var(--spacing);font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-zinc-500);border-radius:.25rem}.sidebar-keys kbd:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.sidebar-keys kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.sidebar-keys kbd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.sidebar-keys kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.sidebar-keys-move{display:none}@media (hover:hover){:is(.sidebar,.toc):hover .sidebar-keys{opacity:1}}:is(.sidebar,.toc):has(:focus-visible) .sidebar-keys{opacity:1}:is(.sidebar,.toc):has(:focus-visible) .sidebar-keys-move{display:inline}.icon-light{display:block}.icon-light:where([data-theme=dark],[data-theme=dark] *){display:none}@media (prefers-color-scheme:dark){.icon-light:where(:root:not([data-theme]),:root:not([data-theme]) *){display:none}}.icon-dark{display:none}.icon-dark:where([data-theme=dark],[data-theme=dark] *){display:block}@media (prefers-color-scheme:dark){.icon-dark:where(:root:not([data-theme]),:root:not([data-theme]) *){display:block}}.icon-done,[data-copied] .icon-idle{display:none}[data-copied] .icon-done{display:block}.pager{margin-top:calc(var(--spacing) * 16);justify-content:space-between;gap:calc(var(--spacing) * 4);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-zinc-200);padding-top:calc(var(--spacing) * 6);display:flex}.pager:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.pager:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.pager-link{gap:var(--spacing);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);flex-direction:column;text-decoration-line:none;display:flex}@media (hover:hover){.pager-link:hover{background-color:var(--color-zinc-50)}.pager-link:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-zinc-900)}}@media (prefers-color-scheme:dark){@media (hover:hover){.pager-link:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{background-color:var(--color-zinc-900)}}}.pager-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-zinc-500)}.pager-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-indigo-600)}.pager-title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.pager-title:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.markdown{color:var(--color-zinc-700)}.markdown:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-300)}@media (prefers-color-scheme:dark){.markdown:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-300)}}.markdown :where(h1){scroll-margin-top:calc(var(--spacing) * 20);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;color:var(--color-zinc-900)}@media (width>=40rem){.markdown :where(h1){font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}.markdown :where(h1):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :where(h1):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :where(h2){margin-top:calc(var(--spacing) * 12);scroll-margin-top:calc(var(--spacing) * 20);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);padding-bottom:calc(var(--spacing) * 2);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);color:var(--color-zinc-900)}.markdown :where(h2):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.markdown :where(h2):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.markdown :where(h2):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :where(h2):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :where(h3){margin-top:calc(var(--spacing) * 8);scroll-margin-top:calc(var(--spacing) * 20);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-zinc-900)}.markdown :where(h3):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :where(h3):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :where(p){margin-top:calc(var(--spacing) * 4);--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.markdown :where(.lead){margin-top:calc(var(--spacing) * 3);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));color:var(--color-zinc-600)}.markdown :where(.lead):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.markdown :where(.lead):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.markdown :where(a){color:var(--color-indigo-600);text-underline-offset:2px;text-decoration-line:underline}@media (hover:hover){.markdown :where(a):hover{color:var(--color-indigo-500)}}.markdown :where(a):where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.markdown :where(a):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.markdown a.heading-anchor{color:inherit;text-decoration-line:none}.heading-anchor-mark{margin-left:calc(var(--spacing) * 2);color:var(--color-indigo-600);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.heading-anchor-mark:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.heading-anchor-mark:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.heading-anchor:hover .heading-anchor-mark,.heading-anchor:focus-visible .heading-anchor-mark{opacity:1}.markdown :where(strong){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-zinc-900)}.markdown :where(strong):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :where(strong):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :where(ul:not(.demo-surface,.demo-surface ul,.hero-facts,.hero-folders)){margin-top:calc(var(--spacing) * 4);list-style-type:disc}:where(.markdown :where(ul:not(.demo-surface,.demo-surface ul,.hero-facts,.hero-folders))>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.markdown :where(ul:not(.demo-surface,.demo-surface ul,.hero-facts,.hero-folders)){padding-left:calc(var(--spacing) * 6)}.markdown :where(ol:not(.demo-log-list)){margin-top:calc(var(--spacing) * 4);list-style-type:decimal}:where(.markdown :where(ol:not(.demo-log-list))>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.markdown :where(ol:not(.demo-log-list)){padding-left:calc(var(--spacing) * 6)}.markdown :where(li:not([data-keyrove-item]))::marker{color:var(--color-zinc-400)}.markdown :where(li:not([data-keyrove-item],.demo-surface li)) :where(ul,ol){margin-top:calc(var(--spacing) * 2)}.markdown :where(pre){margin-top:calc(var(--spacing) * 4)}.markdown :where(blockquote){margin-top:calc(var(--spacing) * 4);border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-zinc-300);padding-left:calc(var(--spacing) * 4);color:var(--color-zinc-600);font-style:italic}.markdown :where(blockquote):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.markdown :where(blockquote):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.markdown :where(blockquote):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.markdown :where(blockquote):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.markdown :where(hr){margin-top:calc(var(--spacing) * 10);border-color:var(--color-zinc-200)}.markdown :where(hr):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.markdown :where(hr):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.table-wrap{margin-top:calc(var(--spacing) * 4);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);overflow-x:auto}.table-wrap:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.table-wrap:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.markdown :where(table){border-collapse:collapse;width:100%;min-width:36rem;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.markdown :where(th){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);text-align:left;--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-zinc-900)}.markdown :where(th):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.markdown :where(th):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.markdown :where(th):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.markdown :where(th):where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.markdown :where(th):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :where(th):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :where(td){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);vertical-align:top;color:var(--color-zinc-600)}.markdown :where(td):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.markdown :where(td):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.markdown :where(td):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.markdown :where(td):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.markdown :where(tr:last-child td){border-bottom-style:var(--tw-border-style);border-bottom-width:0}.landing{max-width:var(--container-6xl);padding-inline:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 24);margin-inline:auto}.landing :where(p){max-width:var(--container-3xl)}.hero{gap:calc(var(--spacing) * 12);padding-top:calc(var(--spacing) * 12);display:grid}@media (width>=40rem){.hero{padding-top:calc(var(--spacing) * 16)}}@media (width>=64rem){.hero{padding-top:calc(var(--spacing) * 24);grid-template-columns:minmax(0,1fr) 30rem;align-items:flex-start}}.landing :where(h1){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-leading:1.05;--tw-font-weight:var(--font-weight-bold);line-height:1.05;font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (width>=40rem){.landing :where(h1){font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (width>=64rem){.landing :where(h1){font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.landing :where(h2){margin-top:calc(var(--spacing) * 24);border-bottom-style:var(--tw-border-style);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));border-bottom-width:0}@media (width>=40rem){.landing :where(h2){font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}.landing :where(h1+p){margin-top:calc(var(--spacing) * 6);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7);color:var(--color-zinc-600)}.landing :where(h1+p):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.landing :where(h1+p):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.hero-actions p{margin-top:calc(var(--spacing) * 8);align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.hero-actions a{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-zinc-900);text-decoration-line:none}@media (hover:hover){.hero-actions a:hover{background-color:var(--color-zinc-50)}}.hero-actions a:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.hero-actions a:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.hero-actions a:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.hero-actions a:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.hero-actions a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.hero-actions a:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}@media (hover:hover){.hero-actions a:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-zinc-800)}}@media (prefers-color-scheme:dark){@media (hover:hover){.hero-actions a:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{background-color:var(--color-zinc-800)}}}.hero-actions a:first-child{background-color:var(--color-indigo-600);color:var(--color-white);border-color:#0000}@media (hover:hover){.hero-actions a:first-child:hover{background-color:var(--color-indigo-700)}}.hero-actions a:first-child:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-indigo-500)}@media (prefers-color-scheme:dark){.hero-actions a:first-child:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-indigo-500)}}.hero-actions a:first-child:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-950)}@media (prefers-color-scheme:dark){.hero-actions a:first-child:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-950)}}@media (hover:hover){.hero-actions a:first-child:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-indigo-400)}}@media (prefers-color-scheme:dark){@media (hover:hover){.hero-actions a:first-child:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{background-color:var(--color-indigo-400)}}}.hero-install{align-items:center;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-100);max-width:100%;padding-block:calc(var(--spacing) * 2.5);padding-right:calc(var(--spacing) * 3);padding-left:calc(var(--spacing) * 4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-900);display:inline-flex}.hero-install:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.hero-install:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.hero-install:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.hero-install:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.hero-install:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.hero-install:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.hero-install code{white-space:nowrap;min-width:0;overflow-x:auto}.hero-install code:before{margin-right:calc(var(--spacing) * 2);color:var(--color-zinc-400)}.hero-install code:before:where(){color:var(--color-zinc-500)}@media (prefers-color-scheme:dark){.hero-install code:before:where(){color:var(--color-zinc-500)}}.hero-install code:before{content:"$";content:"$" / ""}.hero-install button{cursor:pointer;border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-zinc-300);padding-left:calc(var(--spacing) * 3);color:var(--color-zinc-500);flex-shrink:0;align-self:stretch;align-items:center;display:inline-flex}@media (hover:hover){.hero-install button:hover{color:var(--color-zinc-900)}}.hero-install button:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.hero-install button:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.hero-install button:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.hero-install button:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.hero-install button:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.hero-install button:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.hero-facts{margin-top:calc(var(--spacing) * 6);column-gap:calc(var(--spacing) * 4);row-gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-zinc-600);flex-wrap:wrap;display:flex}.hero-facts:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.hero-facts:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.hero-facts li{align-items:center;gap:calc(var(--spacing) * 1.5);display:inline-flex}.hero-facts svg{color:var(--color-emerald-600)}.hero-facts svg:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-400)}@media (prefers-color-scheme:dark){.hero-facts svg:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-emerald-400)}}.hero-demo{isolation:isolate;--wash:var(--color-indigo-500);min-width:0;position:relative}.hero-demo:where([data-theme=dark],[data-theme=dark] *){--wash:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.hero-demo:where(:root:not([data-theme]),:root:not([data-theme]) *){--wash:var(--color-indigo-400)}}.hero-demo:before{content:"";inset-inline:calc(var(--spacing) * -4);inset-block:calc(var(--spacing) * -8);z-index:calc(10 * -1);opacity:.15;--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);background-color:var(--wash);border-radius:3rem;position:absolute}.hero-folders{gap:var(--spacing);padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 4);display:grid}.hero-folders li{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2.5);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--demo-text);outline-offset:2px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.12s;outline-color:#0000;transition-duration:.12s;display:flex}@media (hover:hover){.hero-folders li:hover{background-color:var(--demo-hover)}}.hero-folders li:focus{background-color:var(--demo-accent);color:var(--demo-on-accent);outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--demo-accent)}.hero-folder-icon{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);opacity:.7}.hero-folders li:focus .hero-folder-icon{opacity:1}.hero-folders li[data-count]:after{font-family:var(--font-mono);color:var(--demo-muted);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);content:attr(data-count);content:attr(data-count) / "";margin-left:auto;font-size:.6875rem}.hero-folders li[data-count]:focus:after{color:var(--demo-on-accent)}.pattern-tabs{margin-top:calc(var(--spacing) * 6)}.pattern-tabs-bar{margin-top:calc(var(--spacing) * -16);gap:var(--spacing);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-50);max-width:100%;padding:var(--spacing);display:inline-flex}.pattern-tabs-bar:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.pattern-tabs-bar:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.pattern-tabs-bar:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.pattern-tabs-bar:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.pattern-tab{cursor:pointer;border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-zinc-600);flex-shrink:0}@media (hover:hover){.pattern-tab:hover{color:var(--color-zinc-900)}}.pattern-tab:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.pattern-tab:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.pattern-tab:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.pattern-tab:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.pattern-tab[aria-selected=true]{background-color:var(--color-white);color:var(--color-zinc-900);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-zinc-200)}.pattern-tab[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.pattern-tab[aria-selected=true]:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.pattern-tab[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.pattern-tab[aria-selected=true]:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.pattern-tab[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){--tw-ring-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.pattern-tab[aria-selected=true]:where(:root:not([data-theme]),:root:not([data-theme]) *){--tw-ring-color:var(--color-zinc-700)}}.markdown .pattern-panel>p:last-child a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:none}@media (hover:hover){.markdown .pattern-panel>p:last-child a:hover{text-decoration-line:underline}}.pattern-panel>p:last-child a:after{content:" →";content:" →" / ""}.landing-section{margin-top:calc(var(--spacing) * 24);align-items:flex-start;gap:calc(var(--spacing) * 8);display:grid}@media (width>=64rem){.landing-section{gap:calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr))}}.landing-section-copy h2{margin-top:calc(var(--spacing) * 3)}.landing-step{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);color:var(--color-indigo-600);text-transform:uppercase}.landing-step:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.landing-step:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}.landing-section-demo{margin-top:calc(var(--spacing) * 22);width:100%;min-width:0}.landing-section-demo>.pattern-tabs{margin-top:0}.landing-section-demo .pattern-tabs-bar{gap:calc(var(--spacing) * .5);width:fit-content;display:flex}.landing-section-demo .pattern-tab{padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}@media (width>=40rem){.landing-section-demo .pattern-tab{padding-inline:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.landing-section-demo .pattern-panel{padding-top:calc(var(--spacing) * 4)}.landing-section-demo .pattern-panel>p{margin-inline:var(--spacing);--tw-leading:calc(var(--spacing) * 7);font-size:.8125rem;line-height:calc(var(--spacing) * 7);color:var(--color-zinc-500)}.landing-section-demo .pattern-panel>p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.landing-section-demo .pattern-panel>p:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.feature-grid{margin-top:calc(var(--spacing) * 8);gap:calc(var(--spacing) * 4);display:grid}@media (width>=40rem){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.next-steps{margin-top:calc(var(--spacing) * 10);gap:calc(var(--spacing) * 4);display:grid}@media (width>=40rem){.next-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.next-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}:is(.feature,.next-step){border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);padding:calc(var(--spacing) * 5);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:relative}@media (hover:hover){:is(.feature,.next-step):hover{border-color:var(--color-indigo-300)}}:is(.feature,.next-step):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){:is(.feature,.next-step):where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}:is(.feature,.next-step):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){:is(.feature,.next-step):where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}@media (hover:hover){:is(.feature,.next-step):where([data-theme=dark],[data-theme=dark] *):hover{border-color:var(--color-indigo-700)}}@media (prefers-color-scheme:dark){@media (hover:hover){:is(.feature,.next-step):where(:root:not([data-theme]),:root:not([data-theme]) *):hover{border-color:var(--color-indigo-700)}}}.next-step:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-950)}@media (prefers-color-scheme:dark){.next-step:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-950)}}:is(.feature,.next-step):has(a:focus-visible){outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-indigo-600)}:is(.feature,.next-step):has(a:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){:is(.feature,.next-step):has(a:focus-visible):where(:root:not([data-theme]),:root:not([data-theme]) *){outline-color:var(--color-indigo-400)}}:is(.feature-icon,.next-step-icon){width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);border-radius:var(--radius-lg);background-color:var(--color-indigo-50);padding:calc(var(--spacing) * 2);color:var(--color-indigo-600)}:is(.feature-icon,.next-step-icon):where([data-theme=dark],[data-theme=dark] *){background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){:is(.feature-icon,.next-step-icon):where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}@media (prefers-color-scheme:dark){:is(.feature-icon,.next-step-icon):where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){:is(.feature-icon,.next-step-icon):where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}}:is(.feature-icon,.next-step-icon):where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){:is(.feature-icon,.next-step-icon):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}:is(.feature,.next-step) :where(h3){margin-top:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.markdown :is(.feature,.next-step) h3 a{color:var(--color-zinc-900);--tw-outline-style:none;outline-style:none;text-decoration-line:none}.markdown :is(.feature,.next-step) h3 a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.markdown :is(.feature,.next-step) h3 a:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.markdown :is(.feature,.next-step):hover h3 a{color:var(--color-indigo-600)}.markdown :is(.feature,.next-step):hover h3 a:where([data-theme=dark],[data-theme=dark] *){color:var(--color-indigo-400)}@media (prefers-color-scheme:dark){.markdown :is(.feature,.next-step):hover h3 a:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-indigo-400)}}:is(.feature,.next-step) h3 a:after{content:"";border-radius:var(--radius-xl);position:absolute;inset:0}:is(.feature,.next-step) :where(p){margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);color:var(--color-zinc-600)}:is(.feature,.next-step) :where(p):where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){:is(.feature,.next-step) :where(p):where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}.split{margin-top:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 4);display:grid}@media (width>=40rem){.split{grid-template-columns:repeat(2,minmax(0,1fr))}}.split-col{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);padding:calc(var(--spacing) * 5)}.split-col:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.split-col:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.split-col{--mark:var(--color-zinc-400)}.split-col:where([data-theme=dark],[data-theme=dark] *){--mark:var(--color-zinc-500)}@media (prefers-color-scheme:dark){.split-col:where(:root:not([data-theme]),:root:not([data-theme]) *){--mark:var(--color-zinc-500)}}.split-col[data-split=keyrove]{border-color:var(--color-indigo-200);background-color:#eef2ff99}@supports (color:color-mix(in lab, red, red)){.split-col[data-split=keyrove]{background-color:color-mix(in oklab, var(--color-indigo-50) 60%, transparent)}}.split-col[data-split=keyrove]:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-indigo-900)}@media (prefers-color-scheme:dark){.split-col[data-split=keyrove]:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-indigo-900)}}.split-col[data-split=keyrove]:where([data-theme=dark],[data-theme=dark] *){background-color:#625fff0d}@supports (color:color-mix(in lab, red, red)){.split-col[data-split=keyrove]:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-indigo-500) 5%, transparent)}}@media (prefers-color-scheme:dark){.split-col[data-split=keyrove]:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:#625fff0d}@supports (color:color-mix(in lab, red, red)){.split-col[data-split=keyrove]:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:color-mix(in oklab, var(--color-indigo-500) 5%, transparent)}}}.split-col[data-split=keyrove]{--mark:var(--color-emerald-600)}.split-col[data-split=keyrove]:where([data-theme=dark],[data-theme=dark] *){--mark:var(--color-emerald-400)}@media (prefers-color-scheme:dark){.split-col[data-split=keyrove]:where(:root:not([data-theme]),:root:not([data-theme]) *){--mark:var(--color-emerald-400)}}.split-col :where(h3){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));margin-top:0}.split-col ul{margin-top:calc(var(--spacing) * 3);list-style-type:none}:where(.split-col ul>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}.split-col ul{padding-left:0}.split-col li{padding-left:calc(var(--spacing) * 6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);position:relative}.split-col li:before{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--mark);position:absolute;top:0;left:0}.split-col[data-split=keyrove] li:before{content:"✓";content:"✓" / ""}.split-col[data-split=you] li:before{content:"→";content:"→" / ""}.closing{margin-top:calc(var(--spacing) * 24);border-radius:var(--radius-2xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-50);padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 10)}@media (width>=40rem){.closing{padding-inline:calc(var(--spacing) * 10)}}.closing:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.closing:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.closing:where([data-theme=dark],[data-theme=dark] *){background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.closing:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}@media (prefers-color-scheme:dark){.closing:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:#18181b99}@supports (color:color-mix(in lab, red, red)){.closing:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:color-mix(in oklab, var(--color-zinc-900) 60%, transparent)}}}.closing :where(h2){margin-top:0}.closing .hero-actions p{margin-top:calc(var(--spacing) * 6)}.code-inline{background-color:var(--color-zinc-100);padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);color:var(--color-zinc-800);border-radius:.25rem;font-size:.86em}.code-inline:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-inline:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.code-inline:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-200)}@media (prefers-color-scheme:dark){.code-inline:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-200)}}.code-block{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-50);padding:calc(var(--spacing) * 4);font-family:var(--font-mono);--tw-leading:var(--leading-relaxed);font-size:.84rem;line-height:var(--leading-relaxed);color:var(--color-zinc-800);overflow:auto}.code-block:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-block:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.code-block:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.code-block:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.code-block:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-200)}@media (prefers-color-scheme:dark){.code-block:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-200)}}.code-block{max-height:min(20rem,60dvh)}.code-tabs{margin-top:calc(var(--spacing) * 4);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-zinc-50);overflow:hidden}.code-tabs:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-tabs:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.code-tabs:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-900)}@media (prefers-color-scheme:dark){.code-tabs:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-900)}}.code-tabs-bar{height:calc(var(--spacing) * 10);align-items:center;gap:var(--spacing);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-zinc-200);padding-inline:calc(var(--spacing) * 2);display:flex;overflow-x:auto}.code-tabs-bar:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-tabs-bar:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-800)}}.code-tab{cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);padding:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-zinc-500);border-width:1px;border-color:#0000;flex-shrink:0}@media (hover:hover){.code-tab:hover{color:var(--color-zinc-900)}}.code-tab:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.code-tab:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.code-tab:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.code-tab:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.code-tab[aria-selected=true]{background-color:var(--color-zinc-200);color:var(--color-zinc-900)}.code-tab[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-tab[aria-selected=true]:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.code-tab[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.code-tab[aria-selected=true]:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-100)}}.code-tabs .code-block{border-style:var(--tw-border-style);border-width:0;border-radius:0;margin-top:0}.code-tabs .code-block:focus-visible{outline-offset:calc(2px * -1)}.code-copyable{margin-top:calc(var(--spacing) * 4);position:relative}.code-copyable>.code-block{padding-right:calc(var(--spacing) * 14);margin-top:0}.code-copyable>.code-tabs-bar{padding-right:calc(var(--spacing) * 14)}.code-copy{top:calc(var(--spacing) * 1.5);right:calc(var(--spacing) * 1.5);z-index:10;cursor:pointer;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-zinc-200);background-color:var(--color-white);padding:calc(var(--spacing) * 1.5);color:var(--color-zinc-500);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));align-items:center;display:inline-flex;position:absolute}.code-copy:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.code-copy:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.code-copy:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.code-copy:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.code-copy:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-400)}@media (prefers-color-scheme:dark){.code-copy:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-400)}}@media (hover:hover){.code-copy:hover{color:var(--color-zinc-900)}.code-copy:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-zinc-100)}}@media (prefers-color-scheme:dark){@media (hover:hover){.code-copy:where(:root:not([data-theme]),:root:not([data-theme]) *):hover{color:var(--color-zinc-100)}}}.shiki span{color:var(--shiki-light)}.shiki span:where([data-theme=dark],[data-theme=dark] *){color:var(--shiki-dark)}@media (prefers-color-scheme:dark){.shiki span:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--shiki-dark)}}.kbd{border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:var(--color-zinc-300);background-color:var(--color-white);min-width:2em;padding-inline:calc(var(--spacing) * 1.5);padding-block:calc(var(--spacing) * .5);text-align:center;font-family:var(--font-mono);--tw-leading:1.5em;color:var(--color-zinc-700);border-radius:.25rem;font-size:.75rem;line-height:1.5em;display:inline-block}.kbd:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){border-color:var(--color-zinc-700)}}.kbd:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-zinc-800)}@media (prefers-color-scheme:dark){.kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){background-color:var(--color-zinc-800)}}.kbd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-zinc-300)}@media (prefers-color-scheme:dark){.kbd:where(:root:not([data-theme]),:root:not([data-theme]) *){color:var(--color-zinc-300)}}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.max-h-60{max-height:calc(var(--spacing) * 60)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.resize{resize:both}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.p-1{padding:var(--spacing)}.text-right{text-align:right}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width>=40rem){.sm\:inline{display:inline}.sm\:gap-4{gap:calc(var(--spacing) * 4)}}@media (width>=48rem){.md\:flex{display:flex}.md\:hidden{display:none}.md\:gap-6{gap:calc(var(--spacing) * 6)}}@media (width>=64rem){.lg\:hidden{display:none}.lg\:inline{display:inline}}}@keyframes demo-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-emerald-500) 50%, transparent)}70%,to{box-shadow:0 0 0 6px color-mix(in oklab, var(--color-emerald-500) 0%, transparent)}}@keyframes demo-fresh{0%{opacity:.35}to{opacity:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}
