unmagic-components 0.3.0 → 0.4.0

data/lib/unmagic/components/browser/assets/browser.css

@@ -0,0 +1,2 @@
+/*! 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--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-content:"";--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-800:oklch(47% .157 37.304);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-800:oklch(45.3% .124 130.933);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--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);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--aspect-video:16 / 9;--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;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}}@layer components{.UnmagicTable{border-collapse:separate;--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);overflow:hidden}.UnmagicTable:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicTable--full{width:100%}.UnmagicTable--fixed{table-layout:fixed}.UnmagicTable__caption{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.UnmagicTable thead th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--color-neutral-600)}.UnmagicTable thead th:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:#26262680}@supports (color:color-mix(in lab, red, red)){.UnmagicTable thead th:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.UnmagicTable thead th:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicTable tbody td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);vertical-align:middle}.UnmagicTable tbody td:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.UnmagicTable tbody tr:last-child>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.UnmagicTable tbody tr:hover>td{background-color:var(--color-neutral-50)}.UnmagicTable tbody tr:hover>td:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicTable tbody tr.has-details>td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.UnmagicTable tbody tr.UnmagicTable__details>td{padding-top:0}.UnmagicTable .is-right{text-align:right}.UnmagicTable .is-center{text-align:center}.UnmagicTable .is-numeric{--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,)}.UnmagicTable__sort{align-items:center;gap:var(--spacing);color:inherit;text-decoration-line:none;display:inline-flex}.UnmagicTable__sort:hover{color:var(--color-neutral-900)}.UnmagicTable__sort:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicSkeleton{height:calc(var(--spacing) * 4);border-radius:var(--radius-sm);background-color:var(--color-neutral-200);position:relative;overflow:hidden}.UnmagicSkeleton:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicSkeleton.is-right{margin-left:auto}.UnmagicSkeleton:after{content:"";background-image:linear-gradient(90deg,#0000,#ffffffb3,#0000);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.UnmagicSkeleton:after{background-image:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-white) 70%, transparent), transparent)}}.UnmagicSkeleton:after{animation:1.5s ease-in-out infinite unmagic-skeleton-shimmer;transform:translate(-100%)}.UnmagicSkeleton:where([data-theme=dark],[data-theme=dark] *):after{background-image:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@supports (color:color-mix(in lab, red, red)){.UnmagicSkeleton:where([data-theme=dark],[data-theme=dark] *):after{background-image:linear-gradient(90deg, transparent, color-mix(in oklab, var(--color-white) 5%, transparent), transparent)}}@keyframes unmagic-skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.UnmagicSkeleton:after{animation:none}}.UnmagicSkeletonLine{align-items:center;max-width:100%;height:1lh;display:flex}.UnmagicSkeleton--text{border-radius:var(--radius-sm);width:100%;height:.7em}.UnmagicSkeletonText{max-width:100%;display:block}.UnmagicSkeleton--circle{border-radius:3.40282e38px;flex-shrink:0;display:block}.UnmagicSkeleton--block{border-radius:var(--radius-lg);width:100%;max-width:100%;display:block}.UnmagicSkeleton--button{width:calc(var(--spacing) * 22);border-radius:var(--radius-md);vertical-align:middle;height:calc(2rem + 2px);display:inline-block}.UnmagicSkeleton--button.UnmagicSkeleton--small{width:calc(var(--spacing) * 18);height:calc(1.5rem + 2px)}.UnmagicSkeleton--button.UnmagicSkeleton--large{width:calc(var(--spacing) * 28);border-radius:var(--radius-lg);height:calc(2.75rem + 2px)}.UnmagicEmptyState{border-radius:var(--radius-lg);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-neutral-300);padding:calc(var(--spacing) * 8);text-align:center;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-500)}.UnmagicEmptyState:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700)}.UnmagicPagination{margin-top:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);display:flex}.UnmagicPagination__link{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);text-decoration-line:none}.UnmagicPagination__link:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicPagination__link:hover{background-color:var(--color-neutral-50)}.UnmagicPagination__link:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicPagination__link[aria-disabled=true]{pointer-events:none;opacity:.5}.UnmagicDescriptionList{column-gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));grid-template-columns:max-content 1fr;display:grid}.UnmagicDescriptionList dt{color:var(--color-neutral-600);grid-column-start:1}.UnmagicDescriptionList dt:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicDescriptionList dd{color:var(--color-neutral-900);grid-column-start:2;margin:0}.UnmagicDescriptionList dd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicDescriptionList--stacked{column-gap:calc(var(--spacing) * 8);row-gap:calc(var(--spacing) * 5);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:40rem){.UnmagicDescriptionList--stacked{grid-template-columns:repeat(2,minmax(0,1fr))}.UnmagicDescriptionList--stacked>.is-full{grid-column:span 2/span 2}}.UnmagicDescriptionList--stacked dt{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-wide);letter-spacing:var(--tracking-wide);color:var(--color-neutral-400);text-transform:uppercase;grid-column:auto}.UnmagicDescriptionList--stacked dt:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicDescriptionList--stacked dd{margin-top:var(--spacing);color:var(--color-neutral-900);grid-column:auto}.UnmagicDescriptionList--stacked dd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicField{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.UnmagicField--in-row{flex:1;margin-bottom:0}.UnmagicField--inline{margin-bottom:0}.UnmagicFieldGroup{margin-bottom:calc(var(--spacing) * 4);gap:calc(var(--spacing) * 4);flex-direction:column;display:flex}@media (min-width:40rem){.UnmagicFieldGroup{flex-direction:row}}.UnmagicFieldGroup--inline{align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.UnmagicLabel{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-600)}.UnmagicLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicLabel{font-size:var(--text-sm)}.UnmagicLabel__required{color:var(--color-red-500)}.UnmagicLabel__required:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicHint{color:var(--color-neutral-500);font-size:var(--text-sm);margin:0}.UnmagicError{color:var(--color-red-600);margin:0}.UnmagicError:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicError{font-size:var(--text-sm)}.UnmagicFormErrors{margin-bottom:calc(var(--spacing) * 4);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200);background-color:var(--color-red-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);color:var(--color-red-700)}.UnmagicFormErrors:where([data-theme=dark],[data-theme=dark] *){border-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.UnmagicFormErrors:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-red-400) 30%, transparent)}}.UnmagicFormErrors:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicFormErrors:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicFormErrors:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicFormErrors{font-size:var(--text-sm)}.UnmagicCheckField{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing) * 3);display:flex}.UnmagicCheckField__text{gap:calc(var(--spacing) * .5);flex-direction:column;display:flex}.UnmagicCheckField__label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.UnmagicCheckField__label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicCheckField__label{font-size:var(--text-sm)}.UnmagicCheckList{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex}.UnmagicCheckList--inline{column-gap:calc(var(--spacing) * 6);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.UnmagicInput,.UnmagicSelect{font:inherit;box-sizing:border-box;border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);max-width:100%;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(--color-neutral-900);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);margin:0}:is(.UnmagicInput,.UnmagicSelect):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicField :where(.UnmagicInput,.UnmagicSelect){width:100%}.UnmagicField--inline :where(.UnmagicInput,.UnmagicSelect){width:auto}.UnmagicInput::placeholder{color:var(--color-neutral-500);opacity:1}.UnmagicInput:focus-visible,.UnmagicSelect:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}:is(.UnmagicInput:focus-visible,.UnmagicSelect:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicInput[aria-invalid=true],.UnmagicSelect[aria-invalid=true]{border-color:var(--color-red-600)}:is(.UnmagicInput[aria-invalid=true],.UnmagicSelect[aria-invalid=true]):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-red-400)}.UnmagicInput[aria-invalid=true]:focus-visible,.UnmagicSelect[aria-invalid=true]:focus-visible{outline-color:var(--color-red-600)}:is(.UnmagicInput[aria-invalid=true]:focus-visible,.UnmagicSelect[aria-invalid=true]:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-red-400)}.UnmagicInput[readonly],.UnmagicInput:disabled,.UnmagicSelect:disabled{background-color:var(--color-neutral-50);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}:is(.UnmagicInput[readonly],.UnmagicInput:disabled,.UnmagicSelect:disabled):where([data-theme=dark],[data-theme=dark] *){background-color:#26262680}@supports (color:color-mix(in lab, red, red)){:is(.UnmagicInput[readonly],.UnmagicInput:disabled,.UnmagicSelect:disabled):where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.UnmagicInput:disabled,.UnmagicSelect:disabled{cursor:not-allowed;color:var(--color-neutral-500)}:is(.UnmagicInput:disabled,.UnmagicSelect:disabled):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}textarea.UnmagicInput{resize:vertical}.UnmagicInput::-webkit-date-and-time-value{text-align:start;min-height:1.25rem}.UnmagicSelect{appearance:none;padding-right:calc(var(--spacing) * 8);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1.125rem),calc(100% - .8125rem);background-repeat:no-repeat;background-size:.3125rem .3125rem}.UnmagicSelect[multiple],.UnmagicSelect[size]:not([size="1"]){padding-right:calc(var(--spacing) * 3);background-image:none}.UnmagicInput--small,.UnmagicSelect--small{padding-block:var(--spacing);padding-left:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.UnmagicInput--small{padding-right:calc(var(--spacing) * 2.5)}.UnmagicSelect--small{padding-right:calc(var(--spacing) * 7)}.UnmagicInput--large,.UnmagicSelect--large{border-radius:var(--radius-lg);padding-block:calc(var(--spacing) * 2.5);padding-left:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.UnmagicInput--large{padding-right:calc(var(--spacing) * 4)}.UnmagicSelect--large{padding-right:calc(var(--spacing) * 9)}.UnmagicCheck,.UnmagicRadio{box-sizing:border-box;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);cursor:pointer;appearance:none;border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-500);background-color:var(--color-white);flex:none;place-content:center;margin:0;display:inline-grid}:is(.UnmagicCheck,.UnmagicRadio):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900)}.UnmagicCheck,.UnmagicRadio{vertical-align:-.125rem}.UnmagicRadio{border-radius:3.40282e38px}.UnmagicCheckField :is(.UnmagicCheck,.UnmagicRadio){margin-top:calc(var(--spacing) * .5)}.UnmagicCheck:before,.UnmagicRadio:before{visibility:hidden;background-color:var(--color-white);content:""}.UnmagicCheck:before{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}.UnmagicRadio:before{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5);border-radius:3.40282e38px}:is(.UnmagicCheck,.UnmagicRadio):where([data-theme=dark],[data-theme=dark] *):before{background-color:var(--color-neutral-900)}.UnmagicCheck:checked,.UnmagicCheck:indeterminate,.UnmagicRadio:checked{border-color:var(--color-neutral-900);background-color:var(--color-neutral-900)}:is(.UnmagicCheck:checked,.UnmagicCheck:indeterminate,.UnmagicRadio:checked):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-white);background-color:var(--color-white)}.UnmagicCheck:checked:before,.UnmagicCheck:indeterminate:before,.UnmagicRadio:checked:before{visibility:visible}.UnmagicCheck:indeterminate:before{height:calc(var(--spacing) * .5);clip-path:none}.UnmagicCheck:focus-visible,.UnmagicRadio:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}:is(.UnmagicCheck:focus-visible,.UnmagicRadio:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicCheck[aria-invalid=true],.UnmagicRadio[aria-invalid=true]{border-color:var(--color-red-600)}:is(.UnmagicCheck[aria-invalid=true],.UnmagicRadio[aria-invalid=true]):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-red-400)}.UnmagicCheck:disabled,.UnmagicRadio:disabled{cursor:not-allowed;opacity:.5}@media (forced-colors:active){.UnmagicSelect{appearance:auto;background-image:none;padding-right:.75rem}.UnmagicCheck:before,.UnmagicRadio:before{forced-color-adjust:none;background-color:canvastext}}.UnmagicButton{font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3.5);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);white-space:nowrap;color:var(--color-neutral-900);text-decoration-line:none;display:inline-flex}.UnmagicButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicButton:hover{background-color:var(--color-neutral-50)}.UnmagicButton:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicButton:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicButton:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicButton:disabled,.UnmagicButton[aria-disabled=true]{pointer-events:none;opacity:.5}.UnmagicButton--primary{background-color:var(--color-neutral-900);color:var(--color-white);border-color:#0000}.UnmagicButton--primary:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-white);color:var(--color-neutral-900);border-color:#0000}.UnmagicButton--primary:hover{background-color:var(--color-neutral-900);opacity:.9}.UnmagicButton--primary:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-white)}.UnmagicButton--ghost,.UnmagicButton--ghost:where([data-theme=dark],[data-theme=dark] *){background-color:#0000;border-color:#0000}.UnmagicButton--danger{color:var(--color-red-600)}.UnmagicButton--danger:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicButton--danger:hover{background-color:var(--color-red-50)}.UnmagicButton--danger:hover:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicButton--danger:hover:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicButton--icon{padding:calc(var(--spacing) * 1.5);color:var(--color-neutral-500);background-color:#0000;border-color:#0000}.UnmagicButton--icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500);background-color:#0000;border-color:#0000}.UnmagicButton--icon:hover{color:var(--color-neutral-900)}.UnmagicButton--icon:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicButton--small{padding-inline:calc(var(--spacing) * 2.5);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.UnmagicButton--large{border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.UnmagicIcon{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);flex-shrink:0}.UnmagicVisuallyHidden{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.UnmagicDialogBox{border-style:var(--tw-border-style);max-width:calc(100vw - 2rem);max-height:90dvh;color:inherit;background-color:#0000;border-width:0;margin:auto;padding:0;overflow:visible}.UnmagicDialogBox:focus{--tw-outline-style:none;outline-style:none}.UnmagicDialogBox::backdrop{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.UnmagicDialogBox::backdrop{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.UnmagicDialogBox::backdrop{-webkit-backdrop-filter:blur(var(--blur-xs));backdrop-filter:blur(var(--blur-xs))}.UnmagicDialogBox:where([data-theme=dark],[data-theme=dark] *)::backdrop{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.UnmagicDialogBox:where([data-theme=dark],[data-theme=dark] *)::backdrop{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.UnmagicDialogBox[open]{animation:.15s ease-out unmagic-dialog-in}@keyframes unmagic-dialog-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}}@media (prefers-reduced-motion:reduce){.UnmagicDialogBox[open]{animation:none}}.UnmagicDialog{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);width:min(100vw - 2rem,32rem);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-neutral-900);--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.UnmagicDialog:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicDialog--wide{width:min(100vw - 2rem,48rem)}.UnmagicDialog__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 2);margin:0;display:flex}.UnmagicDialog__title{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);margin:0}.UnmagicDialog__close{margin-right:calc(var(--spacing) * -1.5);margin-left:auto}.UnmagicDialog__body{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 4)}.UnmagicDialog__body>:first-child{margin-top:0}.UnmagicDialog__body>:last-child{margin-bottom:0}.UnmagicDialog__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 5);padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 4);display:flex}.UnmagicDialog__error{align-items:flex-start;gap:calc(var(--spacing) * 3);color:var(--color-neutral-600);display:flex}.UnmagicDialog__error:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicDialog__error>.UnmagicIcon{margin-top:calc(var(--spacing) * .5);color:var(--color-red-500)}.UnmagicDialog__error>.UnmagicIcon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicDialog__error>p{margin:0}.UnmagicDialog__skeleton-field{margin-bottom:calc(var(--spacing) * 5);gap:calc(var(--spacing) * 2);display:grid}.UnmagicDialog__skeleton-title{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 40)}.UnmagicDialog__skeleton-label{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 24)}.UnmagicDialog__skeleton-input{height:calc(var(--spacing) * 9);border-radius:var(--radius-md)}.UnmagicDialog__skeleton-button{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 24);border-radius:var(--radius-md)}.UnmagicToasts__stack{pointer-events:none;z-index:60;gap:calc(var(--spacing) * 2);border-style:var(--tw-border-style);width:min(100vw - 2rem,24rem);color:inherit;background-color:#0000;border-width:0;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset:1rem 1rem auto auto;overflow:visible}.UnmagicToast{pointer-events:auto;align-items:flex-start;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);opacity:0;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:flex}.UnmagicToast:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicToast{transition:opacity .2s,transform .2s;transform:translateY(-.5rem)}.UnmagicToast[data-open]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.UnmagicToast{transition:none;transform:none}}.UnmagicToast__icon{margin-top:calc(var(--spacing) * .5)}.UnmagicToast__message{overflow-wrap:anywhere;flex:auto;min-width:0}.UnmagicToast__dismiss{margin-block:calc(var(--spacing) * -.5);cursor:pointer;border-radius:var(--radius-sm);border-style:var(--tw-border-style);padding:var(--spacing);opacity:.6;color:inherit;background-color:#0000;border-width:0;flex-shrink:0;margin-left:0;margin-right:-.25rem;display:inline-flex}.UnmagicToast__dismiss:hover,.UnmagicToast__dismiss:focus-visible{opacity:1}.UnmagicToast__dismiss .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicToast--good{border-color:var(--color-green-200);background-color:var(--color-green-50);color:var(--color-green-700)}.UnmagicToast--good:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-green-900);background-color:var(--color-green-950);color:var(--color-green-400)}.UnmagicToast--warn{border-color:var(--color-amber-200);background-color:var(--color-amber-50);color:var(--color-amber-700)}.UnmagicToast--warn:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-amber-900);background-color:var(--color-amber-950);color:var(--color-amber-400)}.UnmagicToast--bad{border-color:var(--color-red-200);background-color:var(--color-red-50);color:var(--color-red-700)}.UnmagicToast--bad:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-red-900);background-color:var(--color-red-950);color:var(--color-red-400)}.UnmagicToast--info .UnmagicToast__icon{color:var(--color-neutral-500)}.UnmagicBadge{align-items:center;gap:var(--spacing);background-color:var(--color-neutral-100);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * .5);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);white-space:nowrap;color:var(--color-neutral-600);border-radius:3.40282e38px;display:inline-flex}.UnmagicBadge:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-400)}.UnmagicBadge--good{background-color:var(--color-green-50);color:var(--color-green-700)}.UnmagicBadge--good:where([data-theme=dark],[data-theme=dark] *){background-color:#05df721a}@supports (color:color-mix(in lab, red, red)){.UnmagicBadge--good:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-green-400) 10%, transparent)}}.UnmagicBadge--good:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}.UnmagicBadge--warn{background-color:var(--color-amber-50);color:var(--color-amber-700)}.UnmagicBadge--warn:where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.UnmagicBadge--warn:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 10%, transparent)}}.UnmagicBadge--warn:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}.UnmagicBadge--bad{background-color:var(--color-red-50);color:var(--color-red-700)}.UnmagicBadge--bad:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicBadge--bad:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicBadge--bad:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicBadge--info{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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-inset-ring-color:var(--color-neutral-300);background-color:#0000}.UnmagicBadge--info:where([data-theme=dark],[data-theme=dark] *){--tw-inset-ring-color:var(--color-neutral-700);background-color:#0000}.UnmagicBadge--accent{background-color:var(--color-neutral-900);color:var(--color-white)}.UnmagicBadge--accent:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-white);color:var(--color-neutral-900)}.UnmagicCard{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);color:var(--color-neutral-900);flex-direction:column;display:flex}.UnmagicCard:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-100)}.UnmagicCard--link{text-decoration-line:none;transition:border-color .15s,box-shadow .15s}.UnmagicCard--link:hover{border-color:var(--color-neutral-300)}.UnmagicCard--link:hover:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700)}.UnmagicCard--link:hover{box-shadow:0 1px 3px #00000014}.UnmagicCard--link:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicCard--link:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicCard__header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 4);padding-top:calc(var(--spacing) * 4);margin:0;padding-bottom:0;display:flex}.UnmagicCard__title{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);margin:0}.UnmagicCard__actions{align-items:center;gap:calc(var(--spacing) * 2);margin-left:auto;display:flex}.UnmagicCard__body{padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);flex:auto}.UnmagicCard__body--flush{padding:0}.UnmagicCard__header+.UnmagicCard__body--flush{margin-top:calc(var(--spacing) * 4)}.UnmagicCard__body--flush>.UnmagicTable{border-style:var(--tw-border-style);border-width:0;border-radius:0}.UnmagicCard__footer{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-50);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3);color:var(--color-neutral-600);display:flex}.UnmagicCard__footer:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:#26262680}@supports (color:color-mix(in lab, red, red)){.UnmagicCard__footer:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.UnmagicCard__footer:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicCard__footer{font-size:var(--text-sm);border-radius:0 0 calc(var(--radius-xl) - 1px) calc(var(--radius-xl) - 1px)}.UnmagicPageHeader{margin-inline:0;margin-top:0;margin-bottom:calc(var(--spacing) * 6);padding:0}.UnmagicPageHeader__back{margin-bottom:calc(var(--spacing) * 2);align-items:center;gap:var(--spacing);color:var(--color-neutral-500);font-size:var(--text-sm);text-decoration-line:none;display:inline-flex}.UnmagicPageHeader__back:hover{color:var(--color-neutral-900)}.UnmagicPageHeader__back:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicPageHeader__row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.UnmagicPageHeader__main{flex:20rem;min-width:0}.UnmagicPageHeader__heading{align-items:center;gap:calc(var(--spacing) * 3);flex-wrap:wrap;display:flex}.UnmagicPageHeader__title{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.UnmagicPageHeader__title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicPageHeader__title{letter-spacing:-.01em}.UnmagicPageHeader__description{margin-top:var(--spacing);max-width:var(--container-2xl);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-neutral-500)}.UnmagicPageHeader__actions{align-items:center;gap:calc(var(--spacing) * 3);flex-shrink:0;display:flex}.UnmagicCallout{align-items:flex-start;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-normal);line-height:var(--leading-normal);color:var(--color-neutral-600);display:flex}.UnmagicCallout:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);color:var(--color-neutral-400)}.UnmagicCallout__icon{margin-top:calc(var(--spacing) * .5)}.UnmagicCallout__content{flex:auto;min-width:0}.UnmagicCallout__heading{margin-bottom:var(--spacing);align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.UnmagicCallout__title{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900);margin:0}.UnmagicCallout__title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicCallout__body>:first-child{margin-top:0}.UnmagicCallout__body>:last-child{margin-bottom:0}.UnmagicCallout--good{border-color:var(--color-green-200);background-color:var(--color-green-50)}.UnmagicCallout--good:where([data-theme=dark],[data-theme=dark] *){border-color:#05df724d}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--good:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-green-400) 30%, transparent)}}.UnmagicCallout--good:where([data-theme=dark],[data-theme=dark] *){background-color:#05df721a}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--good:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-green-400) 10%, transparent)}}.UnmagicCallout--good .UnmagicCallout__icon{color:var(--color-green-700)}.UnmagicCallout--good .UnmagicCallout__icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}.UnmagicCallout--warn{border-color:var(--color-amber-200);background-color:var(--color-amber-50)}.UnmagicCallout--warn:where([data-theme=dark],[data-theme=dark] *){border-color:#fcbb004d}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--warn:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-amber-400) 30%, transparent)}}.UnmagicCallout--warn:where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--warn:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 10%, transparent)}}.UnmagicCallout--warn .UnmagicCallout__icon{color:var(--color-amber-700)}.UnmagicCallout--warn .UnmagicCallout__icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}.UnmagicCallout--bad{border-color:var(--color-red-200);background-color:var(--color-red-50)}.UnmagicCallout--bad:where([data-theme=dark],[data-theme=dark] *){border-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--bad:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-red-400) 30%, transparent)}}.UnmagicCallout--bad:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--bad:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicCallout--bad .UnmagicCallout__icon{color:var(--color-red-700)}.UnmagicCallout--bad .UnmagicCallout__icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicCallout--info{background-color:var(--color-neutral-50)}.UnmagicCallout--info:where([data-theme=dark],[data-theme=dark] *){background-color:#26262680}@supports (color:color-mix(in lab, red, red)){.UnmagicCallout--info:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-800) 50%, transparent)}}.UnmagicCallout--info .UnmagicCallout__icon{color:var(--color-neutral-500)}.UnmagicTooltip--term{cursor:help;-webkit-text-decoration-color:var(--color-neutral-500);-webkit-text-decoration-color:var(--color-neutral-500);text-decoration-color:var(--color-neutral-500);text-underline-offset:.2em;text-decoration-line:underline;text-decoration-style:dashed}.UnmagicTooltip--term:focus-visible{border-radius:var(--radius-xs);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicTooltip--term:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicTooltip__popup{pointer-events:none;border-radius:var(--radius-md);border-style:var(--tw-border-style);background-color:var(--color-neutral-900);width:max-content;max-width:min(20rem,100vw - 1rem);padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 1.5);text-align:left;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--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);white-space:normal;color:var(--color-white);text-transform:none;opacity:0;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:0;margin:0;font-style:normal;position:fixed}.UnmagicTooltip__popup:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700);color:var(--color-neutral-100)}.UnmagicTooltip__popup{line-height:1.4;transition:opacity .1s;inset:auto}.UnmagicTooltip__popup[data-open]{opacity:1}@media (prefers-reduced-motion:reduce){.UnmagicTooltip__popup{transition:none}}.UnmagicMenu{display:inline-block;position:relative}.UnmagicMenu__trigger{list-style-type:none}.UnmagicMenu__trigger::-webkit-details-marker{display:none}.UnmagicMenu__panel{z-index:50;min-width:calc(var(--spacing) * 44);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:var(--spacing);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);flex-direction:column;display:flex;position:absolute}.UnmagicMenu__panel:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900)}.UnmagicMenu__panel{top:calc(100% + .25rem)}.UnmagicMenu__panel--end{right:0}.UnmagicMenu__panel--start{left:0}.UnmagicMenu__form{display:contents}.UnmagicMenu__item{font:inherit;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 2.5);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));white-space:nowrap;color:var(--color-neutral-900);background-color:#0000;border-width:0;text-decoration-line:none;display:flex}.UnmagicMenu__item:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicMenu__item:hover,.UnmagicMenu__item:focus-visible{background-color:var(--color-neutral-100);--tw-outline-style:none;outline-style:none}:is(.UnmagicMenu__item:hover,.UnmagicMenu__item:focus-visible):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicMenu__item .UnmagicIcon{color:var(--color-neutral-500)}.UnmagicMenu__item--danger,.UnmagicMenu__item--danger .UnmagicIcon{color:var(--color-red-600)}:is(.UnmagicMenu__item--danger,.UnmagicMenu__item--danger .UnmagicIcon):where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicMenu__item--danger:hover,.UnmagicMenu__item--danger:focus-visible{background-color:var(--color-red-50)}:is(.UnmagicMenu__item--danger:hover,.UnmagicMenu__item--danger:focus-visible):where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){:is(.UnmagicMenu__item--danger:hover,.UnmagicMenu__item--danger:focus-visible):where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicMenu__divider{margin-inline:calc(var(--spacing) * -1);margin-block:var(--spacing);border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200)}.UnmagicMenu__divider:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.UnmagicTabs{display:block}.UnmagicTabs__list{gap:var(--spacing);border-radius:var(--radius-lg);background-color:var(--color-neutral-100);padding:var(--spacing);flex-wrap:wrap;display:inline-flex}.UnmagicTabs__list:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicTabs__tab{font:inherit;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-md);border-style:var(--tw-border-style);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));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-neutral-500);background-color:#0000;border-width:0;margin:0;text-decoration-line:none;display:inline-flex}.UnmagicTabs__tab:hover{color:var(--color-neutral-900)}.UnmagicTabs__tab:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicTabs__tab[aria-selected=true],.UnmagicTabs__tab[aria-current=page]{background-color:var(--color-white);color:var(--color-neutral-900)}:is(.UnmagicTabs__tab[aria-selected=true],.UnmagicTabs__tab[aria-current=page]):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700);color:var(--color-neutral-100)}.UnmagicTabs__tab[aria-selected=true],.UnmagicTabs__tab[aria-current=page]{box-shadow:0 1px 2px #00000014}.UnmagicTabs__tab:focus-visible,.UnmagicTabs__panel:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}:is(.UnmagicTabs__tab:focus-visible,.UnmagicTabs__panel:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicTabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:.55}.UnmagicTabs__tab[aria-disabled=true]:hover,.UnmagicTabs__tab[aria-disabled=true]:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicTabs__reason{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.UnmagicTabs__panel{border-radius:var(--radius-sm);padding-top:calc(var(--spacing) * 4)}.UnmagicClipboard{vertical-align:middle;display:inline-flex}.UnmagicClipboard__done,.UnmagicClipboard[data-copied] .UnmagicClipboard__idle{display:none}.UnmagicClipboard[data-copied] .UnmagicClipboard__done{display:block}.UnmagicClipboard[data-copied] .UnmagicClipboard__button{color:var(--color-green-700)}.UnmagicClipboard[data-copied] .UnmagicClipboard__button:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-400)}.UnmagicAutogrow{display:block}.UnmagicAutogrow textarea{resize:none;overflow-y:hidden}.UnmagicAvatar{background-color:var(--color-neutral-100);vertical-align:middle;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);-webkit-user-select:none;user-select:none;border-radius:3.40282e38px;flex-shrink:0;place-items:center;display:inline-grid;position:relative;overflow:hidden}.UnmagicAvatar:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-400)}.UnmagicAvatar>*{grid-area:1/1}.UnmagicAvatar__image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.UnmagicAvatar--small{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:.625rem}.UnmagicAvatar--medium{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.UnmagicAvatar--large{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.UnmagicAvatar--square{border-radius:var(--radius-md)}.UnmagicAvatar--tint-1{background-color:var(--color-sky-100);color:var(--color-sky-700)}.UnmagicAvatar--tint-1:where([data-theme=dark],[data-theme=dark] *){background-color:#00bcfe26}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-1:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-sky-400) 15%, transparent)}}.UnmagicAvatar--tint-1:where([data-theme=dark],[data-theme=dark] *){color:var(--color-sky-300)}.UnmagicAvatar--tint-2{background-color:var(--color-emerald-100);color:var(--color-emerald-700)}.UnmagicAvatar--tint-2:where([data-theme=dark],[data-theme=dark] *){background-color:#00d29426}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-2:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-emerald-400) 15%, transparent)}}.UnmagicAvatar--tint-2:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-300)}.UnmagicAvatar--tint-3{background-color:var(--color-amber-100);color:var(--color-amber-700)}.UnmagicAvatar--tint-3:where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb0026}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-3:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 15%, transparent)}}.UnmagicAvatar--tint-3:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-300)}.UnmagicAvatar--tint-4{background-color:var(--color-rose-100);color:var(--color-rose-700)}.UnmagicAvatar--tint-4:where([data-theme=dark],[data-theme=dark] *){background-color:#ff667f26}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-4:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-rose-400) 15%, transparent)}}.UnmagicAvatar--tint-4:where([data-theme=dark],[data-theme=dark] *){color:var(--color-rose-300)}.UnmagicAvatar--tint-5{background-color:var(--color-violet-100);color:var(--color-violet-700)}.UnmagicAvatar--tint-5:where([data-theme=dark],[data-theme=dark] *){background-color:#a685ff26}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-5:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-violet-400) 15%, transparent)}}.UnmagicAvatar--tint-5:where([data-theme=dark],[data-theme=dark] *){color:var(--color-violet-300)}.UnmagicAvatar--tint-6{background-color:var(--color-teal-100);color:var(--color-teal-700)}.UnmagicAvatar--tint-6:where([data-theme=dark],[data-theme=dark] *){background-color:#00d3bd26}@supports (color:color-mix(in lab, red, red)){.UnmagicAvatar--tint-6:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-teal-400) 15%, transparent)}}.UnmagicAvatar--tint-6:where([data-theme=dark],[data-theme=dark] *){color:var(--color-teal-300)}.UnmagicAvatarGroup{align-items:center;display:inline-flex}.UnmagicAvatarGroup>*{box-shadow:0 0 0 2px var(--color-white)}.UnmagicAvatarGroup>:where([data-theme=dark],[data-theme=dark] *){box-shadow:0 0 0 2px var(--color-neutral-900)}.UnmagicAvatarGroup>*+*{margin-left:calc(var(--spacing) * -2)}.UnmagicAvatarGroup--small>*+*{margin-left:calc(var(--spacing) * -1.5)}.UnmagicAvatarGroup__more{background-color:var(--color-neutral-50);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-500);--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,);border-radius:3.40282e38px;flex-shrink:0;place-items:center;display:inline-grid}.UnmagicAvatarGroup__more:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-400)}.UnmagicAvatarGroup--small .UnmagicAvatarGroup__more{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);font-size:.625rem}.UnmagicAvatarGroup--medium .UnmagicAvatarGroup__more{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.UnmagicAvatarGroup--large .UnmagicAvatarGroup__more{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.UnmagicElapsed{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--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,)}.UnmagicProse{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-neutral-900);display:block}.UnmagicProse:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicProse{overflow-wrap:break-word}.UnmagicProse>:first-child{margin-top:0}.UnmagicProse>:last-child{margin-bottom:0}.UnmagicProse :where(p,ul,ol,pre,blockquote,table,hr):not(:where(.not-prose *)){margin-block:.75em}.UnmagicProse :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose *)){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-900)}.UnmagicProse :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicProse :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose *)){margin-block:1.25em .5em;line-height:1.3}.UnmagicProse :where(h1):not(:where(.not-prose *)){font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.UnmagicProse :where(h2):not(:where(.not-prose *)){font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.UnmagicProse :where(h3):not(:where(.not-prose *)){font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.UnmagicProse :where(h4,h5,h6):not(:where(.not-prose *)){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.UnmagicProse :where(ul):not(:where(.not-prose *)){padding-inline-start:1.5em;list-style-type:disc}.UnmagicProse :where(ol):not(:where(.not-prose *)){padding-inline-start:1.5em;list-style-type:decimal}.UnmagicProse :where(li):not(:where(.not-prose *)),.UnmagicProse :where(li>ul,li>ol):not(:where(.not-prose *)){margin-block:.25em}.UnmagicProse :where(strong):not(:where(.not-prose *)){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.UnmagicProse :where(a):not(:where(.not-prose *)){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900);text-decoration-line:underline;-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400);text-underline-offset:2px}.UnmagicProse :where(a):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100);-webkit-text-decoration-color:var(--color-neutral-500);-webkit-text-decoration-color:var(--color-neutral-500);text-decoration-color:var(--color-neutral-500)}.UnmagicProse :where(blockquote):not(:where(.not-prose *)){border-left-style:var(--tw-border-style);border-left-width:2px;border-color:var(--color-neutral-300);padding-left:calc(var(--spacing) * 3);color:var(--color-neutral-600)}.UnmagicProse :where(blockquote):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);color:var(--color-neutral-400)}.UnmagicProse :where(hr):not(:where(.not-prose *)){border-style:var(--tw-border-style);border-width:0;border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200)}.UnmagicProse :where(hr):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.UnmagicProse :where(:not(pre)>code):not(:where(.not-prose *)){background-color:var(--color-neutral-100);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);border-radius:.25rem;font-size:.9em}.UnmagicProse :where(:not(pre)>code):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicProse :where(pre):not(:where(.not-prose *)){border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-50);padding:calc(var(--spacing) * 3);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);overflow-x:auto}.UnmagicProse :where(pre):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900)}.UnmagicProse :where(pre code):not(:where(.not-prose *)){font-size:inherit;background-color:#0000;padding:0}.UnmagicProse :where(table):not(:where(.not-prose *)){border-collapse:collapse;text-align:left;width:max-content;max-width:100%;display:block;overflow-x:auto}.UnmagicProse :where(th,td):not(:where(.not-prose *)){border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-neutral-200);padding-block:calc(var(--spacing) * 1.5);padding-right:calc(var(--spacing) * 4);vertical-align:top}.UnmagicProse :where(th,td):not(:where(.not-prose *)):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.UnmagicProse :where(th):not(:where(.not-prose *)){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.UnmagicProse :where(ul:has(>li>input[type=checkbox])):not(:where(.not-prose *)){padding-left:var(--spacing);list-style-type:none}.UnmagicAutoscroll,.UnmagicOptimistic{display:contents}.UnmagicStreamingMarkdown,.UnmagicAIChat{display:block}.UnmagicAIChat>:not([hidden])~:not([hidden]){margin-top:calc(var(--spacing) * 6)}.UnmagicAIChat>[data-ai-chat-timeline]+[data-ai-chat-timeline]:not([hidden]){margin-top:calc(var(--spacing) * 3)}.UnmagicAIChat:has(>:not(.UnmagicAIChat__welcome,[hidden]))>.UnmagicAIChat__welcome{display:none}.UnmagicAIChat__latest{pointer-events:none;bottom:calc(var(--spacing) * 4);z-index:10;justify-content:center;height:0;display:flex;position:sticky}.UnmagicAIChat__latestButton{font:inherit;pointer-events:auto;width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9);--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y);cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);color:var(--color-neutral-600);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}.UnmagicAIChat__latestButton:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900);color:var(--color-neutral-300)}.UnmagicAIChat__latestButton{transition:opacity .15s}.UnmagicAIChat__latestButton[hidden]{display:none}.UnmagicAIChat__latestButton:hover{color:var(--color-neutral-900)}.UnmagicAIChat__latestButton:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-white)}.UnmagicAIChat__latestButton:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChat__latestButton:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatSpinner{animation:1s linear infinite unmagic-ai-chat-spin}@keyframes unmagic-ai-chat-spin{to{transform:rotate(360deg)}}@keyframes unmagic-ai-chat-pulse{50%{opacity:.35}}.UnmagicAIChatChevron{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5);flex-shrink:0;transition:rotate .15s}details[open]>summary .UnmagicAIChatChevron{rotate:90deg}@media (prefers-reduced-motion:reduce){.UnmagicAIChatSpinner{animation:2s ease-in-out infinite unmagic-ai-chat-pulse}.UnmagicAIChatChevron,.UnmagicAIChat__latestButton{transition:none}}:is(.UnmagicAIChatToolCall,.UnmagicAIChatReasoning,.UnmagicAIChatFailure,.UnmagicAIChatPlan,.UnmagicAIChatWorkspace) summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style-type:none}:is(.UnmagicAIChatToolCall,.UnmagicAIChatReasoning,.UnmagicAIChatFailure,.UnmagicAIChatPlan,.UnmagicAIChatWorkspace) summary::-webkit-details-marker{display:none}:is(.UnmagicAIChatToolCall,.UnmagicAIChatReasoning,.UnmagicAIChatFailure,.UnmagicAIChatPlan,.UnmagicAIChatWorkspace) summary:focus-visible{border-radius:var(--radius-xs);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}:is(.UnmagicAIChatToolCall,.UnmagicAIChatReasoning,.UnmagicAIChatFailure,.UnmagicAIChatPlan,.UnmagicAIChatWorkspace) summary:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatMessage{align-items:flex-start;gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.UnmagicAIChatMessage--user{align-items:flex-end}.UnmagicAIChatMessage--assistant>.UnmagicAIChatMessage__body{width:100%}.UnmagicAIChatMessage__bubble{border-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-sm);background-color:var(--color-neutral-900);max-width:85%;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);white-space:pre-wrap;color:var(--color-white)}.UnmagicAIChatMessage__bubble:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.UnmagicAIChatMessage__bubble{overflow-wrap:anywhere}.UnmagicAIChatMessage[data-optimistic] .UnmagicAIChatMessage__bubble{opacity:.6}.UnmagicAIChatMessage__attachments{max-width:85%}.UnmagicAIChatMessage__thinking{padding-block:calc(var(--spacing) * .5);color:var(--color-neutral-400);display:inline-flex}.UnmagicAIChatMessage__thinking:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatMessage__footer{min-height:calc(var(--spacing) * 7);align-items:center;gap:var(--spacing);display:flex}.UnmagicAIChatReasoning{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-50);max-width:85%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500)}.UnmagicAIChatReasoning:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-400)}.UnmagicAIChatReasoning__head{align-items:center;gap:calc(var(--spacing) * 1.5);display:flex}.UnmagicAIChatReasoning__head:hover{color:var(--color-neutral-900)}.UnmagicAIChatReasoning__head:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatReasoning__head .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatReasoning__block{margin-top:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-600)}.UnmagicAIChatReasoning__block:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicAIChatToolCall{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-500);position:relative}.UnmagicAIChatToolCall:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicAIChatToolCall__join{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:1px;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-neutral-200);display:none;position:absolute}.UnmagicAIChatToolCall__join:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700)}.UnmagicAIChatToolCall__join{left:.4375rem;top:calc(var(--spacing) * -2.5);height:calc(var(--spacing) * 2)}[data-ai-chat-timeline]+[data-ai-chat-timeline]>.UnmagicAIChatToolCall__join{display:block}.UnmagicAIChatToolCall__row{align-items:center;column-gap:calc(var(--spacing) * 2);row-gap:calc(var(--spacing) * .5);flex-wrap:wrap;min-width:0;display:flex}summary.UnmagicAIChatToolCall__row:hover{color:var(--color-neutral-900)}summary.UnmagicAIChatToolCall__row:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatToolCall__glyph{flex-shrink:0;display:inline-flex}.UnmagicAIChatToolCall__glyph .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatToolCall--done .UnmagicAIChatToolCall__glyph,.UnmagicAIChatToolCall--queued .UnmagicAIChatToolCall__glyph{color:var(--color-neutral-400)}:is(.UnmagicAIChatToolCall--done .UnmagicAIChatToolCall__glyph,.UnmagicAIChatToolCall--queued .UnmagicAIChatToolCall__glyph):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatToolCall--waiting .UnmagicAIChatToolCall__glyph{color:var(--color-amber-600)}.UnmagicAIChatToolCall--waiting .UnmagicAIChatToolCall__glyph:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-500)}.UnmagicAIChatToolCall--failed .UnmagicAIChatToolCall__glyph,.UnmagicAIChatToolCall--failed .UnmagicAIChatToolCall__name{color:var(--color-red-600)}:is(.UnmagicAIChatToolCall--failed .UnmagicAIChatToolCall__glyph,.UnmagicAIChatToolCall--failed .UnmagicAIChatToolCall__name):where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicAIChatToolCall__name{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.UnmagicAIChatToolCall__summary{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium);min-width:0;font-weight:var(--font-weight-medium);color:var(--color-neutral-700);overflow:hidden}.UnmagicAIChatToolCall__summary:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300)}.UnmagicAIChatToolCall__readings{align-items:center;gap:calc(var(--spacing) * 2.5);flex-shrink:0;display:inline-flex}.UnmagicAIChatToolCall__reading{align-items:center;gap:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-400);--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,);display:inline-flex}.UnmagicAIChatToolCall__reading:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatToolCall__reading .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatToolCall__reading--warn{color:var(--color-amber-600)}.UnmagicAIChatToolCall__reading--warn:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-500)}.UnmagicAIChatToolCall__progress{padding-left:calc(var(--spacing) * 5.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-400);flex-basis:100%}.UnmagicAIChatToolCall__progress:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatToolCall__body{margin-top:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 3);padding-bottom:var(--spacing);padding-left:calc(var(--spacing) * 5.5);flex-direction:column;display:flex;position:relative}.UnmagicAIChatToolCall__made{margin-top:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 5.5);flex-wrap:wrap;display:flex;position:relative}.UnmagicAIChatToolCall__rail{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);width:1px;translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-neutral-200);position:absolute;bottom:0}.UnmagicAIChatToolCall__rail:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700)}.UnmagicAIChatToolCall__rail{left:.4375rem;top:calc(var(--spacing) * -1.5)}.UnmagicAIChatPayload{gap:calc(var(--spacing) * 1.5);flex-direction:column;min-width:0;display:flex}.UnmagicAIChatPayload__head{align-items:center;gap:calc(var(--spacing) * 2);display:flex}.UnmagicAIChatPayload__label{--tw-font-weight:var(--font-weight-medium);font-size:10px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-neutral-500);text-transform:uppercase;flex:1}.UnmagicAIChatPayload__timing{align-items:center;gap:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-400);--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,);display:inline-flex}.UnmagicAIChatPayload__timing .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatPayload__code{max-height:calc(var(--spacing) * 64);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);color:var(--color-neutral-800);overflow:auto}.UnmagicAIChatPayload__code:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-950);color:var(--color-neutral-200)}.UnmagicAIChatPayload__code:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatPayload__code:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatPayload__code>pre{padding:calc(var(--spacing) * 2.5);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);overflow-wrap:break-word;white-space:pre-wrap;background-color:#0000;margin:0}.UnmagicAIChatFailure{border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-red-200);background-color:var(--color-red-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.UnmagicAIChatFailure:where([data-theme=dark],[data-theme=dark] *){border-color:#ff65684d}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-red-400) 30%, transparent)}}.UnmagicAIChatFailure:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicAIChatFailure__head{align-items:flex-start;gap:calc(var(--spacing) * 2);display:flex}.UnmagicAIChatFailure__icon{margin-top:calc(var(--spacing) * .5);color:var(--color-red-600)}.UnmagicAIChatFailure__icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicAIChatFailure__text{flex:1;min-width:0}.UnmagicAIChatFailure__message{color:var(--color-red-800);margin:0}.UnmagicAIChatFailure__message:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-300)}.UnmagicAIChatFailure__cause{margin-top:var(--spacing);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));overflow-wrap:break-word;color:#bf000fe6;margin-bottom:0}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure__cause{color:color-mix(in oklab, var(--color-red-700) 90%, transparent)}}.UnmagicAIChatFailure__cause:where([data-theme=dark],[data-theme=dark] *){color:#ff6568e6}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure__cause:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-red-400) 90%, transparent)}}.UnmagicAIChatFailure__details{margin-top:calc(var(--spacing) * 2)}.UnmagicAIChatFailure__summary{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:#bf000fcc;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure__summary{color:color-mix(in oklab, var(--color-red-700) 80%, transparent)}}.UnmagicAIChatFailure__summary:where([data-theme=dark],[data-theme=dark] *){color:#ff6568cc}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatFailure__summary:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-red-400) 80%, transparent)}}.UnmagicAIChatFailure__body{margin-top:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 3);flex-direction:column;display:flex}.UnmagicAIChatFailure__retry{margin-top:calc(var(--spacing) * 2)}.UnmagicAIChatPlan,.UnmagicAIChatWorkspace{padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);display:block}:is(.UnmagicAIChatPlan,.UnmagicAIChatWorkspace):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatPlan+.UnmagicAIChatWorkspace{border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-neutral-200)}.UnmagicAIChatPlan+.UnmagicAIChatWorkspace:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.UnmagicAIChatPlan__head,.UnmagicAIChatWorkspace__head{align-items:center;gap:calc(var(--spacing) * 2);color:var(--color-neutral-400);display:flex}:is(.UnmagicAIChatPlan__head,.UnmagicAIChatWorkspace__head):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatPlan__title,.UnmagicAIChatWorkspace__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-neutral-900);margin:0}:is(.UnmagicAIChatPlan__title,.UnmagicAIChatWorkspace__title):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatPlan__count,.UnmagicAIChatWorkspace__count{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-400);--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,);flex-shrink:0;margin-left:auto}.UnmagicAIChatPlan__empty,.UnmagicAIChatWorkspace__empty{margin-top:calc(var(--spacing) * 2);color:var(--color-neutral-400);margin-bottom:0}:is(.UnmagicAIChatPlan__empty,.UnmagicAIChatWorkspace__empty):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatPlan__steps{margin-inline:0;margin-top:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 1.5);flex-direction:column;margin-bottom:0;padding:0;list-style-type:none;display:flex}.UnmagicAIChatPlan__step{align-items:flex-start;gap:calc(var(--spacing) * 2);display:flex}.UnmagicAIChatPlan__glyph{margin-top:calc(var(--spacing) * .5);flex-shrink:0;display:inline-flex}.UnmagicAIChatPlan__glyph .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatPlan__text{min-width:0}.UnmagicAIChatPlan__detail{margin-top:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500)}.UnmagicAIChatPlan__step[data-state=completed] .UnmagicAIChatPlan__glyph{color:var(--color-green-600)}.UnmagicAIChatPlan__step[data-state=completed] .UnmagicAIChatPlan__glyph:where([data-theme=dark],[data-theme=dark] *){color:var(--color-green-500)}.UnmagicAIChatPlan__step[data-state=completed] .UnmagicAIChatPlan__label{color:var(--color-neutral-400);text-decoration-line:line-through}.UnmagicAIChatPlan__step[data-state=completed] .UnmagicAIChatPlan__label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatPlan__step[data-state=in_progress] .UnmagicAIChatPlan__glyph{color:var(--color-neutral-900)}.UnmagicAIChatPlan__step[data-state=in_progress] .UnmagicAIChatPlan__glyph:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatPlan__step[data-state=waiting] .UnmagicAIChatPlan__glyph{color:var(--color-amber-600)}.UnmagicAIChatPlan__step[data-state=waiting] .UnmagicAIChatPlan__glyph:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-500)}.UnmagicAIChatPlan__step[data-state=in_progress] .UnmagicAIChatPlan__label,.UnmagicAIChatPlan__step[data-state=waiting] .UnmagicAIChatPlan__label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}:is(.UnmagicAIChatPlan__step[data-state=in_progress] .UnmagicAIChatPlan__label,.UnmagicAIChatPlan__step[data-state=waiting] .UnmagicAIChatPlan__label):where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatPlan__step[data-state=pending] .UnmagicAIChatPlan__glyph{color:var(--color-neutral-300)}.UnmagicAIChatPlan__step[data-state=pending] .UnmagicAIChatPlan__glyph:where([data-theme=dark],[data-theme=dark] *),.UnmagicAIChatPlan__step[data-state=pending] .UnmagicAIChatPlan__label{color:var(--color-neutral-600)}.UnmagicAIChatPlan__step[data-state=pending] .UnmagicAIChatPlan__label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicAIChatWorkspace__files{margin-inline:0;margin-top:calc(var(--spacing) * 3);flex-direction:column;margin-bottom:0;padding:0;list-style-type:none;display:flex}.UnmagicAIChatWorkspace__file,.UnmagicAIChatWorkspace__link{align-items:center;gap:calc(var(--spacing) * 1.5);min-width:0;display:flex}.UnmagicAIChatWorkspace__file{border-radius:var(--radius-md);padding-inline:var(--spacing);padding-block:var(--spacing);color:var(--color-neutral-700)}.UnmagicAIChatWorkspace__file:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300)}.UnmagicAIChatWorkspace__link{color:inherit;flex:1;text-decoration-line:none}.UnmagicAIChatWorkspace__file:has(>.UnmagicAIChatWorkspace__link):hover{background-color:var(--color-neutral-100)}.UnmagicAIChatWorkspace__file:has(>.UnmagicAIChatWorkspace__link):hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicAIChatWorkspace__link:focus-visible{border-radius:var(--radius-xs);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatWorkspace__link:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatWorkspace__icon{color:var(--color-neutral-400)}.UnmagicAIChatWorkspace__icon:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatWorkspace__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.UnmagicAIChatWorkspace__directory{color:var(--color-neutral-400)}.UnmagicAIChatWorkspace__directory:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.UnmagicAIChatWorkspace__size{padding-left:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-400);--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,);flex-shrink:0;margin-left:auto}.UnmagicAIChatComposer{gap:calc(var(--spacing) * 2);flex-direction:column;display:flex;position:relative;container-type:inline-size}.UnmagicAIChatComposer__chips:empty{display:none}.UnmagicAIChatComposer__chips{gap:calc(var(--spacing) * 1.5);flex-wrap:wrap;display:flex}.UnmagicAIChatComposer__box{align-items:flex-end;gap:calc(var(--spacing) * 2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-white);padding:calc(var(--spacing) * 2);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);display:flex}.UnmagicAIChatComposer__box:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900)}.UnmagicAIChatComposer__box:focus-within,.UnmagicAIChatComposer__box:focus-within:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-500)}.UnmagicAIChatComposer__box:has(.UnmagicAIChatComposer__field:focus-visible){outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatComposer__box:has(.UnmagicAIChatComposer__field:focus-visible):where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatComposer__box>.UnmagicAutogrow{flex:1;align-self:center;min-width:0}.UnmagicAIChatComposer__field{font:inherit;max-height:calc(var(--spacing) * 60);border-style:var(--tw-border-style);width:100%;padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;background-color:#0000;border-width:0;outline-style:none;display:block}.UnmagicAIChatComposer__field::placeholder{color:var(--color-neutral-400)}.UnmagicAIChatComposer__field:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatComposer__field:where([data-theme=dark],[data-theme=dark] *)::placeholder{color:var(--color-neutral-500)}.UnmagicAIChatComposer__attach,.UnmagicAIChatComposer__actions,.UnmagicAIChatComposer__action{align-items:center;gap:var(--spacing);flex-shrink:0;display:flex}.UnmagicAIChatComposer__action{gap:calc(var(--spacing) * 2)}.UnmagicAIChatComposer__hint{clip-path:inset(50%);width:1px;height:1px;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;color:var(--color-neutral-500);border-width:0;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (min-width:36rem){.UnmagicAIChatComposer__hint{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}}.UnmagicAIChatComposer__stop:hover{border-color:var(--color-red-300);background-color:var(--color-red-50);color:var(--color-red-700)}.UnmagicAIChatComposer__stop:hover:where([data-theme=dark],[data-theme=dark] *){border-color:#ff656866}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatComposer__stop:hover:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-red-400) 40%, transparent)}}.UnmagicAIChatComposer__stop:hover:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatComposer__stop:hover:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicAIChatComposer__stop:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicAIChatStopForm{display:none}.UnmagicAIChatSlashMenu{z-index:20;margin-top:calc(var(--spacing) * 2);max-height:calc(var(--spacing) * 64);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:var(--spacing);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);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;display:block;position:absolute;top:100%;overflow-y:auto}.UnmagicAIChatSlashMenu:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900)}.UnmagicAIChatSlashMenu[hidden]{display:none}.UnmagicAIChatSlashMenu--above{margin-top:0;margin-bottom:calc(var(--spacing) * 2);top:auto;bottom:100%}.UnmagicAIChatSlashMenu__list{margin:0;padding:0;list-style-type:none}.UnmagicAIChatSlashMenu__item{cursor:pointer;align-items:baseline;gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.UnmagicAIChatSlashMenu__item[hidden]{display:none}.UnmagicAIChatSlashMenu__item[aria-selected=true]{background-color:var(--color-neutral-100)}.UnmagicAIChatSlashMenu__item[aria-selected=true]:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.UnmagicAIChatSlashMenu__name{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-900);flex-shrink:0}.UnmagicAIChatSlashMenu__name:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatSlashMenu__argument{color:var(--color-neutral-400)}.UnmagicAIChatSlashMenu__description{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);overflow:hidden}.UnmagicAIChatAttachments{gap:calc(var(--spacing) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.UnmagicAIChatAttachments--end{justify-content:flex-end}.UnmagicAIChatAttachments__file,.UnmagicAIChatAttachments__link{align-items:center;gap:calc(var(--spacing) * 2);min-width:0;display:flex}.UnmagicAIChatAttachments__file{max-width:calc(var(--spacing) * 64);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding-block:var(--spacing);padding-right:calc(var(--spacing) * 2.5);padding-left:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-700)}.UnmagicAIChatAttachments__file:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-300)}.UnmagicAIChatAttachments__link{color:inherit;text-decoration-line:none}.UnmagicAIChatAttachments__thumb{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.UnmagicAIChatAttachments__glyph{margin-left:calc(var(--spacing) * 1.5);color:var(--color-neutral-400)}.UnmagicAIChatAttachments__name{text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-medium);min-width:0;font-weight:var(--font-weight-medium);overflow:hidden}.UnmagicAIChatAttachments__size{color:var(--color-neutral-400);--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,);flex-shrink:0}.UnmagicAIChatAttachments__remove{font:inherit;margin-right:calc(var(--spacing) * -1);cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing) * .5);color:var(--color-neutral-400);background-color:#0000;border-width:0;border-radius:.25rem;flex-shrink:0;display:inline-flex}.UnmagicAIChatAttachments__remove:hover{color:var(--color-neutral-900)}.UnmagicAIChatAttachments__remove:hover:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatAttachments__remove:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatAttachments__remove:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatAttachments__remove .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatDropzone{display:block;position:relative}.UnmagicAIChatDropzone__overlay{pointer-events:none;z-index:30;border-radius:var(--radius-2xl);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:2px;border-color:var(--color-neutral-400);background-color:#ffffffd9;place-items:center;display:none;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatDropzone__overlay{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.UnmagicAIChatDropzone__overlay:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-500);background-color:#0a0a0ad9}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatDropzone__overlay:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-950) 85%, transparent)}}.UnmagicAIChatDropzone[data-dragging]>.UnmagicAIChatDropzone__overlay{display:grid}.UnmagicAIChatDropzone__overlay p{align-items:center;gap: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-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-600);margin:0;display:inline-flex}.UnmagicAIChatDropzone__overlay p:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300)}.UnmagicAIChatWelcome{padding-block:calc(var(--spacing) * 10);text-align:center;flex-direction:column;align-items:center;display:flex}.UnmagicAIChatWelcome__heading{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);color:var(--color-neutral-900);margin:0}.UnmagicAIChatWelcome__heading:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatWelcome__body{margin-inline:0;margin-top:calc(var(--spacing) * 2);max-width:var(--container-md);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-500);margin-bottom:0}.UnmagicAIChatWelcome__body:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicAIChatWelcome__suggestions{margin-inline:0;margin-top:calc(var(--spacing) * 6);justify-content:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;margin-bottom:0;padding:0;list-style-type:none;display:flex}.UnmagicAIChatWelcome__suggestion{font:inherit;cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);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(--color-neutral-600);border-radius:3.40282e38px;display:inline-flex}.UnmagicAIChatWelcome__suggestion:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-900);color:var(--color-neutral-300)}.UnmagicAIChatWelcome__suggestion:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.UnmagicAIChatWelcome__suggestion:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-100)}.UnmagicAIChatWelcome__suggestion:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatWelcome__suggestion:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatWelcome__suggestion .UnmagicIcon{color:var(--color-neutral-400)}.UnmagicAIChatRequest,.UnmagicAIChatPermission{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-700)}:is(.UnmagicAIChatRequest,.UnmagicAIChatPermission):where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900);color:var(--color-neutral-300)}.UnmagicAIChatRequest--waiting,.UnmagicAIChatPermission--waiting{border-color:var(--color-amber-300);background-color:var(--color-amber-50)}:is(.UnmagicAIChatRequest--waiting,.UnmagicAIChatPermission--waiting):where([data-theme=dark],[data-theme=dark] *){border-color:#fcbb004d}@supports (color:color-mix(in lab, red, red)){:is(.UnmagicAIChatRequest--waiting,.UnmagicAIChatPermission--waiting):where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-amber-400) 30%, transparent)}}:is(.UnmagicAIChatRequest--waiting,.UnmagicAIChatPermission--waiting):where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb001a}@supports (color:color-mix(in lab, red, red)){:is(.UnmagicAIChatRequest--waiting,.UnmagicAIChatPermission--waiting):where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 10%, transparent)}}.UnmagicAIChatRequest--declined,.UnmagicAIChatRequest--cancelled,.UnmagicAIChatRequest--timed_out{opacity:.6}.UnmagicAIChatRequest__head,.UnmagicAIChatPermission__head{align-items:center;gap:calc(var(--spacing) * 2);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.UnmagicAIChatRequest--waiting .UnmagicAIChatRequest__head,.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__head{color:var(--color-amber-900)}:is(.UnmagicAIChatRequest--waiting .UnmagicAIChatRequest__head,.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__head):where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-200)}.UnmagicAIChatRequest__outcome{align-items:center;gap:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);margin-left:auto;display:inline-flex}.UnmagicAIChatRequest__outcome .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatRequest__prompt{margin-top:calc(var(--spacing) * 2);color:var(--color-neutral-900);margin-bottom:0}.UnmagicAIChatRequest__prompt:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatRequest__form{margin:0}.UnmagicAIChatRequest__form>.UnmagicField{margin-top:calc(var(--spacing) * 4)}.UnmagicAIChatRequest__question{margin-inline:0;margin-top:calc(var(--spacing) * 4);border-style:var(--tw-border-style);border-width:0;min-width:0;margin-bottom:0;padding:0}.UnmagicAIChatRequest__legend{gap:calc(var(--spacing) * .5);flex-direction:column;width:100%;padding:0;display:flex}.UnmagicAIChatRequest__header{--tw-font-weight:var(--font-weight-medium);font-size:10px;font-weight:var(--font-weight-medium);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--color-neutral-500);text-transform:uppercase}.UnmagicAIChatRequest--waiting .UnmagicAIChatRequest__header{color:var(--color-amber-800)}.UnmagicAIChatRequest--waiting .UnmagicAIChatRequest__header:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}.UnmagicAIChatRequest__label{color:var(--color-neutral-900)}.UnmagicAIChatRequest__label:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatRequest__options{margin-top:calc(var(--spacing) * 2);gap:calc(var(--spacing) * 1.5);flex-direction:column;display:flex}.UnmagicAIChatRequest__option{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing) * 3);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 2.5);display:flex}.UnmagicAIChatRequest__option:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900)}.UnmagicAIChatRequest__option:hover{border-color:var(--color-neutral-300)}.UnmagicAIChatRequest__option:hover:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700)}.UnmagicAIChatRequest__option:has(:checked){border-color:var(--color-amber-400);background-color:#fef3c699}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatRequest__option:has(:checked){background-color:color-mix(in oklab, var(--color-amber-100) 60%, transparent)}}.UnmagicAIChatRequest__option:has(:checked):where([data-theme=dark],[data-theme=dark] *){border-color:#fcbb0080}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatRequest__option:has(:checked):where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-amber-400) 50%, transparent)}}.UnmagicAIChatRequest__option:has(:checked):where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb0026}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatRequest__option:has(:checked):where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 15%, transparent)}}.UnmagicAIChatRequest__option>input{margin-top:calc(var(--spacing) * .5);flex-shrink:0}.UnmagicAIChatRequest__choice{flex-direction:column;min-width:0;display:flex}.UnmagicAIChatRequest__choiceLabel{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-neutral-900)}.UnmagicAIChatRequest__choiceLabel:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatRequest__choiceDescription{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500)}.UnmagicAIChatRequest__picked{margin-top:calc(var(--spacing) * 1.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-amber-800);margin-bottom:0}.UnmagicAIChatRequest__picked:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-400)}.UnmagicAIChatRequest__picked--none{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-neutral-500)}.UnmagicAIChatRequest__answers{margin-top:calc(var(--spacing) * 3);gap:calc(var(--spacing) * 1.5);flex-direction:column;margin-bottom:0;display:flex}.UnmagicAIChatRequest__answer{gap:calc(var(--spacing) * 2);display:flex}.UnmagicAIChatRequest__answer dt{color:var(--color-neutral-500);flex-shrink:0}.UnmagicAIChatRequest__answer dd{color:var(--color-neutral-900);margin:0}.UnmagicAIChatRequest__answer dd:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatRequest__actions,.UnmagicAIChatPermission__actions{margin-top:calc(var(--spacing) * 4);align-items:center;gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.UnmagicAIChatRequest__aside{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);margin:0}.UnmagicAIChatPermission:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-amber-500)}.UnmagicAIChatPermission__ask{margin-top:calc(var(--spacing) * 2);column-gap:calc(var(--spacing) * 2);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);flex-wrap:wrap;margin-bottom:0;display:flex}.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__ask{color:#7b3306b3}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__ask{color:color-mix(in oklab, var(--color-amber-900) 70%, transparent)}}.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__ask:where([data-theme=dark],[data-theme=dark] *){color:#fee685b3}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__ask:where([data-theme=dark],[data-theme=dark] *){color:color-mix(in oklab, var(--color-amber-200) 70%, transparent)}}.UnmagicAIChatPermission__tool{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__argument{color:var(--color-amber-900)}.UnmagicAIChatPermission--waiting .UnmagicAIChatPermission__argument:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-200)}.UnmagicAIChatPermission__summary{margin-top:calc(var(--spacing) * 2)}.UnmagicAIChatPermission__reason{margin-top:var(--spacing);color:var(--color-neutral-600)}.UnmagicAIChatPermission__reason:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.UnmagicAIChatPermission__examples{margin-top:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 5);color:var(--color-neutral-500);margin-bottom:0;list-style-type:disc}.UnmagicAIChatPermission__actions>form,.UnmagicAIChatProposal__actions>form,.UnmagicAIChatActionBar>form,.UnmagicAIChatBranchPicker>form{margin:0;display:inline-flex}.UnmagicAIChatPermission__allow,.UnmagicAIChatPermission__allow:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-red-600);color:var(--color-white);border-color:#0000}.UnmagicAIChatPermission__allow:hover,.UnmagicAIChatPermission__allow:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-red-500)}.UnmagicAIChatPermission__widen{border-color:var(--color-red-300);color:var(--color-red-700)}.UnmagicAIChatPermission__widen:where([data-theme=dark],[data-theme=dark] *){border-color:#ff656866}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatPermission__widen:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-red-400) 40%, transparent)}}.UnmagicAIChatPermission__widen:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicAIChatPermission__widen:hover{background-color:var(--color-red-50)}.UnmagicAIChatPermission__widen:hover:where([data-theme=dark],[data-theme=dark] *){background-color:#ff65681a}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatPermission__widen:hover:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-red-400) 10%, transparent)}}.UnmagicAIChatPermission__outcome{margin-top:calc(var(--spacing) * 3);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-neutral-500);margin-bottom:0}.UnmagicAIChatPermission--granted .UnmagicAIChatPermission__outcome{color:var(--color-red-700)}.UnmagicAIChatPermission--granted .UnmagicAIChatPermission__outcome:where([data-theme=dark],[data-theme=dark] *){color:var(--color-red-400)}.UnmagicAIChatProposal{margin-block:calc(var(--spacing) * 2);justify-content:space-between;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-neutral-200);background-color:var(--color-neutral-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));flex-wrap:wrap;display:flex}.UnmagicAIChatProposal:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900)}.UnmagicAIChatProposal--rejected{opacity:.55}.UnmagicAIChatProposal__body{align-items:flex-start;gap:calc(var(--spacing) * 2);min-width:0;display:flex}.UnmagicAIChatProposal__glyph{margin-top:calc(var(--spacing) * .5);color:var(--color-blue-600)}.UnmagicAIChatProposal__glyph:where([data-theme=dark],[data-theme=dark] *){color:var(--color-blue-400)}.UnmagicAIChatProposal__claim{color:var(--color-neutral-900);margin:0}.UnmagicAIChatProposal__claim:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatProposal__meta{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);margin:0}.UnmagicAIChatProposal__actions{align-items:center;gap:calc(var(--spacing) * 1.5);display:flex}.UnmagicAIChatProposal__outcome{align-items:center;gap:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);display:inline-flex}.UnmagicAIChatProposal__outcome .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatCitation{margin-inline:0;margin-block:calc(var(--spacing) * 2);align-items:flex-start;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);border-left-style:var(--tw-border-style);border-left-width:3px;border-color:var(--color-blue-300);background-color:var(--color-neutral-50);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.UnmagicAIChatCitation:where([data-theme=dark],[data-theme=dark] *){border-color:#54a2ff80}@supports (color:color-mix(in lab, red, red)){.UnmagicAIChatCitation:where([data-theme=dark],[data-theme=dark] *){border-color:color-mix(in oklab, var(--color-blue-400) 50%, transparent)}}.UnmagicAIChatCitation:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900)}.UnmagicAIChatCitation__main{flex:1;min-width:0}.UnmagicAIChatCitation__caption{margin-bottom:calc(var(--spacing) * .5);align-items:baseline;column-gap:calc(var(--spacing) * 2);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);flex-wrap:wrap;display:flex}.UnmagicAIChatCitation__who{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-neutral-700)}.UnmagicAIChatCitation__who:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300)}.UnmagicAIChatCitation__when{color:inherit;text-decoration-line:none}a.UnmagicAIChatCitation__when:hover{text-decoration-line:underline}.UnmagicAIChatCitation__quote{border-style:var(--tw-border-style);white-space:pre-wrap;color:var(--color-neutral-900);border-width:0;margin:0;padding:0}.UnmagicAIChatCitation__quote:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicAIChatCitation--compact{padding-block:var(--spacing);align-items:baseline}.UnmagicAIChatCitation--compact .UnmagicAIChatCitation__main{align-items:baseline;gap:calc(var(--spacing) * 2);display:flex}.UnmagicAIChatCitation--compact .UnmagicAIChatCitation__caption{flex-wrap:nowrap;flex-shrink:0;margin-bottom:0}.UnmagicAIChatCitation--compact .UnmagicAIChatCitation__quote{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.UnmagicAIChatActionBar{align-items:center;gap:calc(var(--spacing) * .5);display:inline-flex}.UnmagicAIChatActionBar[data-reveal=hover]{opacity:0;transition:opacity .15s}.UnmagicAIChatMessage:hover .UnmagicAIChatActionBar[data-reveal=hover],.UnmagicAIChatActionBar[data-reveal=hover]:focus-within{opacity:1}@media (hover:none){.UnmagicAIChatActionBar[data-reveal=hover]{opacity:1}}@media (prefers-reduced-motion:reduce){.UnmagicAIChatActionBar[data-reveal=hover]{transition:none}}.UnmagicAIChatActionBar .UnmagicButton--icon{padding:var(--spacing)}.UnmagicAIChatActionBar .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicAIChatBranchPicker{align-items:center;gap:calc(var(--spacing) * .5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);display:inline-flex}.UnmagicAIChatBranchPicker__count{padding-inline:calc(var(--spacing) * .5);--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,)}.UnmagicAIChatBranchPicker__step{font:inherit;cursor:pointer;border-radius:var(--radius-md);border-style:var(--tw-border-style);padding:var(--spacing);color:var(--color-neutral-500);background-color:#0000;border-width:0;justify-content:center;align-items:center;text-decoration-line:none;display:inline-flex}.UnmagicAIChatBranchPicker__step:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.UnmagicAIChatBranchPicker__step:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-100)}.UnmagicAIChatBranchPicker__step:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicAIChatBranchPicker__step:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicAIChatBranchPicker__step[aria-disabled=true]{pointer-events:none;cursor:default;opacity:.4}.UnmagicAIChatBranchPicker__step .UnmagicIcon{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.UnmagicSortableList,.UnmagicSortableItem{display:block}unmagic-sortable-param{display:none}[data-sortable-handle]{cursor:grab}.UnmagicSortableHandle{touch-action:none}[data-sortable-handle]:active{cursor:grabbing}html:has([data-sortable-placeholder]){cursor:grabbing;-webkit-user-select:none;user-select:none}[data-sortable-dragging]{pointer-events:none;z-index:50;opacity:.95;filter:drop-shadow(0 8px 12px #0003);margin:0;position:fixed;top:0;left:0}[data-sortable-placeholder]{opacity:.4}[data-sortable-lifted]{border-radius:var(--radius-lg);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-900)}[data-sortable-lifted]:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-100)}@media (pointer:coarse){.UnmagicSortableItem{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}.UnmagicSortableItem:focus-visible{border-radius:var(--radius-lg);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicSortableItem:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicSortableList--horizontal{display:flex}.UnmagicSortableList--grid{flex-wrap:wrap;display:flex}.UnmagicBoard{position:relative}.UnmagicBoard__columns{align-items:flex-start;gap:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 2);overscroll-behavior-x:contain;display:flex;position:relative;overflow-x:auto}.UnmagicBoard__column,.UnmagicBoard__tail{width:calc(var(--spacing) * 72);flex-shrink:0}.UnmagicBoard__panel{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-neutral-100);flex-direction:column;display:flex}.UnmagicBoard__panel:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800);background-color:var(--color-neutral-900)}.UnmagicBoard__panel{max-height:var(--unmagic-board-column-height,75dvh)}.UnmagicBoard__head{align-items:center;gap:var(--spacing);min-width:0;padding-inline:calc(var(--spacing) * 2);padding-top:calc(var(--spacing) * 2);padding-bottom:var(--spacing);display:flex}.UnmagicBoard__grip{padding:var(--spacing);color:var(--color-neutral-400)}.UnmagicBoard__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;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-neutral-900);flex:1;margin:0;overflow:hidden}.UnmagicBoard__title:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.UnmagicBoard__count{background-color:var(--color-neutral-200);padding-inline:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-neutral-500);--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,);border-radius:3.40282e38px;flex-shrink:0}.UnmagicBoard__count:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-400)}.UnmagicBoard__actions{align-items:center;gap:calc(var(--spacing) * .5);flex-shrink:0;display:flex}.UnmagicBoard__cards{min-height:calc(var(--spacing) * 12);gap:calc(var(--spacing) * 2);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 2);padding-block:var(--spacing);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.UnmagicBoard__cards[data-sortable-over]{background-color:#e5e5e5b3}@supports (color:color-mix(in lab, red, red)){.UnmagicBoard__cards[data-sortable-over]{background-color:color-mix(in oklab, var(--color-neutral-200) 70%, transparent)}}.UnmagicBoard__cards[data-sortable-over]:where([data-theme=dark],[data-theme=dark] *){background-color:#262626b3}@supports (color:color-mix(in lab, red, red)){.UnmagicBoard__cards[data-sortable-over]:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-800) 70%, transparent)}}.UnmagicBoard__card{cursor:grab;border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-neutral-200);background-color:var(--color-white);padding:calc(var(--spacing) * 3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-900);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.UnmagicBoard__card:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:var(--color-neutral-950);color:var(--color-neutral-100)}.UnmagicBoard__card:hover{border-color:var(--color-neutral-300)}.UnmagicBoard__card:hover:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-600)}.UnmagicBoard__card[data-sortable-dragging]{rotate:2deg}.UnmagicBoard__column[data-sortable-lifted]{border-radius:var(--radius-xl)}.UnmagicBoard__add{padding-inline:calc(var(--spacing) * 2);padding-top:var(--spacing);padding-bottom:calc(var(--spacing) * 2)}.UnmagicBoard__addToggle{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-lg);padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-neutral-500);-webkit-user-select:none;user-select:none;list-style-type:none;display:flex}.UnmagicBoard__addToggle::-webkit-details-marker{display:none}.UnmagicBoard__addToggle:hover{background-color:var(--color-neutral-200);color:var(--color-neutral-900)}.UnmagicBoard__addToggle:hover:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800);color:var(--color-neutral-100)}.UnmagicBoard__addToggle:focus-visible{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-neutral-400)}.UnmagicBoard__addToggle:focus-visible:where([data-theme=dark],[data-theme=dark] *){outline-color:var(--color-neutral-500)}.UnmagicBoard__add[open]>.UnmagicBoard__addToggle{display:none}.UnmagicBoard__addForm{gap:calc(var(--spacing) * 2);flex-direction:column;margin:0;display:flex}.UnmagicBoard__addField{max-height:calc(var(--spacing) * 40);width:100%}.UnmagicBoard__addActions{align-items:center;gap:var(--spacing);display:flex}.UnmagicBoard__addColumn{border-radius:var(--radius-xl);border-style:var(--tw-border-style);--tw-border-style:dashed;border-style:dashed;border-width:1px;border-color:var(--color-neutral-300);background-color:var(--color-neutral-50);padding:0}.UnmagicBoard__addColumn:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-700);background-color:#17171780}@supports (color:color-mix(in lab, red, red)){.UnmagicBoard__addColumn:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-900) 50%, transparent)}}.UnmagicBoard__addColumn[open]{--tw-border-style:solid;background-color:var(--color-neutral-100);padding:calc(var(--spacing) * 2);border-style:solid}.UnmagicBoard__addColumn[open]:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900)}.UnmagicBoard__addColumn>.UnmagicBoard__addToggle{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5)}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-y-0{inset-block:0}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-11{top:calc(var(--spacing) * 11)}.top-24{top:calc(var(--spacing) * 24)}.right-2{right:calc(var(--spacing) * 2)}.left-0{left:0}.z-20{z-index:20}.z-30{z-index:30}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-14{margin-block:calc(var(--spacing) * 14)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.-ml-px{margin-left:-1px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-40{height:calc(var(--spacing) * 40)}.h-96{height:calc(var(--spacing) * 96)}.h-\[38rem\]{height:38rem}.h-fit{height:fit-content}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-\[75vh\]{max-height:75vh}.max-h-full{max-height:100%}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-52{min-height:calc(var(--spacing) * 52)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[32rem\]{width:32rem}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-center{transform-origin:50%}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-150{--tw-scale-x:150%;--tw-scale-y:150%;--tw-scale-z:150%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.8\]{scale:.8}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-neutral-200{border-color:var(--color-neutral-200)}.border-transparent{border-color:#0000}.bg-amber-100{background-color:var(--color-amber-100)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-50\/70{background-color:#fafafab3}@supports (color:color-mix(in lab, red, red)){.bg-neutral-50\/70{background-color:color-mix(in oklab, var(--color-neutral-50) 70%, transparent)}}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200\/70{background-color:#e5e5e5b3}@supports (color:color-mix(in lab, red, red)){.bg-neutral-200\/70{background-color:color-mix(in oklab, var(--color-neutral-200) 70%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(var\(--color-neutral-200\)_1px\,transparent_1px\)\]{background-image:radial-gradient(var(--color-neutral-200) 1px,transparent 1px)}.from-orange-400{--tw-gradient-from:var(--color-orange-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-rose-500{--tw-gradient-from:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-neutral-900{--tw-gradient-to:var(--color-neutral-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[background-size\:16px_16px\]{background-size:16px 16px}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-56{padding-top:calc(var(--spacing) * 56)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-40{padding-right:calc(var(--spacing) * 40)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.pl-3{padding-left:calc(var(--spacing) * 3)}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[0\.8125rem\]{font-size:.8125rem}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-amber-800{color:var(--color-amber-800)}.text-emerald-800{color:var(--color-emerald-800)}.text-indigo-700{color:var(--color-indigo-700)}.text-lime-800{color:var(--color-lime-800)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-orange-800{color:var(--color-orange-800)}.text-rose-800{color:var(--color-rose-800)}.text-sky-800{color:var(--color-sky-800)}.text-teal-800{color:var(--color-teal-800)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.backdrop-blur{--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,)}.select-none{-webkit-user-select:none;user-select:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}@media (hover:hover){.hover\:border-neutral-300:hover{border-color:var(--color-neutral-300)}.hover\:border-neutral-400:hover{border-color:var(--color-neutral-400)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-200\/60:hover{background-color:#e5e5e599}@supports (color:color-mix(in lab, red, red)){.hover\:bg-neutral-200\/60:hover{background-color:color-mix(in oklab, var(--color-neutral-200) 60%, transparent)}}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\:col-start-2{grid-column-start:2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (min-width:64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_16rem\]{grid-template-columns:minmax(0,1fr) 16rem}.lg\:py-14{padding-block:calc(var(--spacing) * 14)}.lg\:pl-64{padding-left:calc(var(--spacing) * 64)}}@media (min-width:80rem){.xl\:block{display:block}.xl\:grid{display:grid}.xl\:grid-cols-\[minmax\(0\,1fr\)_12rem\]{grid-template-columns:minmax(0,1fr) 12rem}.xl\:gap-12{gap:calc(var(--spacing) * 12)}}@media (min-width:96rem){.\32 xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.dark\:border-neutral-800:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-800)}.dark\:bg-amber-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#fcbb0026}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-amber-400) 15%, transparent)}}.dark\:bg-emerald-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#00d29426}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-emerald-400) 15%, transparent)}}.dark\:bg-lime-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#9de50026}@supports (color:color-mix(in lab, red, red)){.dark\:bg-lime-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-lime-400) 15%, transparent)}}.dark\:bg-neutral-800:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-800)}.dark\:bg-neutral-900:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-900)}.dark\:bg-neutral-900\/40:where([data-theme=dark],[data-theme=dark] *){background-color:#17171766}@supports (color:color-mix(in lab, red, red)){.dark\:bg-neutral-900\/40:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-900) 40%, transparent)}}.dark\:bg-neutral-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950)}.dark\:bg-neutral-950\/85:where([data-theme=dark],[data-theme=dark] *){background-color:#0a0a0ad9}@supports (color:color-mix(in lab, red, red)){.dark\:bg-neutral-950\/85:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-neutral-950) 85%, transparent)}}.dark\:bg-orange-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#ff8b1a26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-orange-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-orange-400) 15%, transparent)}}.dark\:bg-rose-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#ff667f26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-rose-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-rose-400) 15%, transparent)}}.dark\:bg-sky-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#00bcfe26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-sky-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-sky-400) 15%, transparent)}}.dark\:bg-teal-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#00d3bd26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-teal-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-teal-400) 15%, transparent)}}.dark\:bg-violet-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:#a685ff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-violet-400\/15:where([data-theme=dark],[data-theme=dark] *){background-color:color-mix(in oklab, var(--color-violet-400) 15%, transparent)}}.dark\:bg-white:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-white)}.dark\:bg-\[radial-gradient\(var\(--color-neutral-800\)_1px\,transparent_1px\)\]:where([data-theme=dark],[data-theme=dark] *){background-image:radial-gradient(var(--color-neutral-800) 1px,transparent 1px)}.dark\:text-amber-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-amber-300)}.dark\:text-emerald-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-emerald-300)}.dark\:text-lime-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-lime-300)}.dark\:text-neutral-100:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-100)}.dark\:text-neutral-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-200)}.dark\:text-neutral-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-300)}.dark\:text-neutral-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-400)}.dark\:text-neutral-500:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-500)}.dark\:text-neutral-900:where([data-theme=dark],[data-theme=dark] *){color:var(--color-neutral-900)}.dark\:text-orange-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-orange-300)}.dark\:text-rose-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-rose-300)}.dark\:text-sky-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-sky-300)}.dark\:text-teal-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-teal-300)}.dark\:text-violet-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-violet-300)}.dark\:\[color-scheme\:dark\]:where([data-theme=dark],[data-theme=dark] *){color-scheme:dark}@media (hover:hover){.dark\:hover\:border-neutral-500:where([data-theme=dark],[data-theme=dark] *):hover{border-color:var(--color-neutral-500)}.dark\:hover\:border-neutral-700:where([data-theme=dark],[data-theme=dark] *):hover{border-color:var(--color-neutral-700)}.dark\:hover\:bg-neutral-800:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-800)}.dark\:hover\:bg-neutral-900:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900)}.dark\:hover\:text-neutral-100:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-neutral-100)}}.sortable-active\:bg-neutral-50[data-sortable-active],.sortable-active\:bg-neutral-50:has([data-sortable-active]){background-color:var(--color-neutral-50)}.dark\:sortable-active\:bg-neutral-900:where([data-theme=dark],[data-theme=dark] *)[data-sortable-active],.dark\:sortable-active\:bg-neutral-900:where([data-theme=dark],[data-theme=dark] *):has([data-sortable-active]){background-color:var(--color-neutral-900)}.sortable-over\:bg-neutral-100[data-sortable-over],.sortable-over\:bg-neutral-100:has([data-sortable-over]){background-color:var(--color-neutral-100)}.dark\:sortable-over\:bg-neutral-800:where([data-theme=dark],[data-theme=dark] *)[data-sortable-over],.dark\:sortable-over\:bg-neutral-800:where([data-theme=dark],[data-theme=dark] *):has([data-sortable-over]){background-color:var(--color-neutral-800)}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}.PreviewExample{position:relative}.PreviewExample__tabs>.UnmagicTabs__list{position:absolute;top:0;right:0}.PreviewExample__tabs>.UnmagicTabs__panel{padding-top:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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-content{syntax:"*";inherits:false;initial-value:""}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes pulse{50%{opacity:.5}}

data/lib/unmagic/components/browser/catalog/ai_chat.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat,
+  name: "Conversation",
+  group: "AI chat",
+  helper: "ai_chat",
+  import: "unmagic/components",
+  description: "The root of the AI chat components: the scrolling region a conversation's turns are rendered into, " \
+               "and the spacing between them. It follows new content while you're at the bottom, stops when you " \
+               "scroll up, and offers a way back.",
+  examples: [
+    { key: :conversation, title: "A whole conversation", layout: :full,
+      description: "Every piece together: a question, reasoning, a run of tool calls with one still going, a reply " \
+                   "that quotes a record and proposes something, a permission request, and the plan and workspace " \
+                   "beside it. Scroll up inside it to see the jump-to-latest button." },
+    { key: :live, title: "Send a message", layout: :full,
+      description: "The composer posts for real. The question is drawn at once, dimmed, until the server confirms " \
+                   "it under the same id; the reply then streams in and settles. Press Stop mid-reply to freeze it." },
+    { key: :welcome, title: "An empty conversation", layout: :full,
+      description: "chat.welcome shows until the first entry arrives." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_action_bar.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_action_bar,
+  name: "Action bar",
+  group: "AI chat",
+  helper: "ai_chat_action_bar",
+  import: "unmagic/components/toolbar",
+  description: "The controls under a turn: copy it, run it again, edit it. A toolbar — one Tab stop, arrow keys " \
+               "between controls — that shows on hover or focus, and always on touch screens.",
+  examples: [
+    { key: :hover, title: "On a reply", layout: :full,
+      description: "Hover the reply, or Tab to it: the bar appears as it takes focus." },
+    { key: :always, title: "Always shown",
+      description: "reveal: :always." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_attachments.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_attachments,
+  name: "Attachments",
+  group: "AI chat",
+  helper: "ai_chat_attachments",
+  import: "unmagic/components/dropzone",
+  description: "Files on their way into a conversation: a drop zone around the page, chips on the composer for " \
+               "what's attached and unsent, and tiles on the turn that sent them. Dragging is never the only way in.",
+  examples: [
+    { key: :dropzone, title: "Dropping and pasting", layout: :full,
+      description: "Drag a file over the box, paste one into the field, or use the paperclip. Remove one with its ×." },
+    { key: :sent, title: "On a sent turn", layout: :full,
+      description: "Tiles with a thumbnail or a glyph, aligned to the turn." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_branch_picker.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_branch_picker,
+  name: "Branch picker",
+  group: "AI chat",
+  helper: "ai_chat_branch_picker",
+  description: "Walking between versions of a turn. It renders the position and follows links you supply; what a " \
+               "branch is stays your application's business. One version renders nothing.",
+  examples: [
+    { key: :positions, title: "First, middle and last",
+      description: "An end with nowhere to go is disabled, not a dead link." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_citation.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_citation,
+  name: "Citation",
+  group: "AI chat",
+  helper: "ai_chat_citation",
+  description: "A quotation of a record, rendered from the record rather than the model's paraphrase of it — so the " \
+               "words are the real ones. The quote is escaped text, so neither the record nor the model can inject " \
+               "markup.",
+  examples: [
+    { key: :quote, title: "A quoted message", layout: :full,
+      description: "cite.avatar with no block draws the gem's avatar for the author." },
+    { key: :compact, title: "A list of sources", layout: :full,
+      description: "compact: true, one line each." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_composer.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_composer,
+  name: "Composer",
+  group: "AI chat",
+  helper: "ai_chat_composer",
+  import: "unmagic/components/ai_chat",
+  description: "The box a person types into, and the one button at the end of it: Send, or Stop while a turn runs. " \
+               "Only the button changes with the turn's state, so a half-typed draft always survives.",
+  examples: [
+    { key: :states, title: "Every state", layout: :full,
+      description: "Idle, running, stopping, and waiting on a question above. Enter sends, Shift+Enter makes a new " \
+                   "line, and Enter does nothing without Send." },
+    { key: :parts, title: "With controls", layout: :full,
+      description: "attach and actions put controls in the box." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_failure.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_failure,
+  name: "Failure",
+  group: "AI chat",
+  helper: "ai_chat_failure",
+  description: "A turn that fell over, and what it fell over on. The sentence is for whoever asked; the diagnostics, " \
+               "folded away, are for whoever works on the assistant.",
+  examples: [
+    { key: :full, title: "With details and a retry", layout: :full,
+      description: "Render it below a turn's body, never in its place: a reply cut off at the context limit still " \
+                   "has its answer above." },
+    { key: :plain, title: "Just the sentence", layout: :full,
+      description: "A turn that failed before anything was recorded." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_message.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_message,
+  name: "Message",
+  group: "AI chat",
+  helper: "ai_chat_message",
+  description: "One turn. A user's question is a bubble of plain text; an assistant's answer is unbubbled prose, " \
+               "because a question is a remark and an answer is a document.",
+  examples: [
+    { key: :turns, title: "A question and an answer", layout: :full,
+      description: "The assistant's body is the host's rendered HTML, styled by UnmagicProse." },
+    { key: :states, title: "Thinking, stopped and empty", layout: :full,
+      description: "streaming: true shows a spinner until the first token; final: true refuses later flushes; an " \
+                   "empty settled turn is hidden." },
+    { key: :parts, title: "Reasoning, actions and branches", layout: :full,
+      description: "The parts a turn can carry, in the order they render. Hover the reply to see its actions." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_payload.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_payload,
+  name: "Payload",
+  group: "AI chat",
+  helper: "ai_chat_payload",
+  description: "What went into a tool call or came back, to be read exactly as written. Structured data is laid out " \
+               "a key to a line; the block scrolls, wraps, and colours through the host's highlighter via " \
+               "config.code_block.",
+  examples: [
+    { key: :json, title: "Structured data", layout: :full,
+      description: "A Hash, an Array, or a string holding JSON." },
+    { key: :text, title: "Text, long", layout: :full,
+      description: "Anything else stays text. It scrolls past a height and is reachable " \
+                   "by keyboard." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_permission.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_permission,
+  name: "Permission",
+  group: "AI chat",
+  helper: "ai_chat_permission",
+  description: "An agent asking to be allowed something, with the answer under the reasoning rather than in a dialog " \
+               "that arrived without it. The ask comes first, in the tool's own name; the reasoning is its case.",
+  examples: [
+    { key: :waiting, title: "Asking", layout: :full,
+      description: "Allow is the prominent, consequential choice; a second, wider grant is offered only when there's " \
+                   "something to widen. Focus goes to the card, never to Allow." },
+    { key: :answered, title: "Answered", layout: :full,
+      description: "Granted, refused, and a request answered in the chat with nothing granted." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_plan.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_plan,
+  name: "Plan",
+  group: "AI chat",
+  helper: "ai_chat_plan",
+  description: "The checklist an agent is working through, redrawn in place as it goes. A done step recedes and the " \
+               "one being worked stands up, so a long plan reads as a position rather than a list.",
+  examples: [
+    { key: :states, title: "A plan under way",
+      description: "Waiting is the one step in colour: the only state that won't move on its own." },
+    { key: :empty, title: "Empty",
+      description: "It still renders, so a broadcast has something to replace." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_proposal.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_proposal,
+  name: "Proposal",
+  group: "AI chat",
+  helper: "ai_chat_proposal",
+  description: "An offer the agent made in passing — a fact it inferred, something it suggests tracking — with its " \
+               "actions while pending, settling into a quiet decided state. Unlike a request, it doesn't stop the " \
+               "work.",
+  examples: [
+    { key: :inline, title: "Inside a reply", layout: :full,
+      description: "Quieter than a card, so it doesn't read as the end of the reply." },
+    { key: :decided, title: "Decided", layout: :full,
+      description: "Accepted, and dismissed (dimmed)." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_reasoning.rb

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_reasoning,
+  name: "Reasoning",
+  group: "AI chat",
+  helper: "ai_chat_reasoning",
+  description: "The model's thinking, collapsed above the reply it led to. Shut by default, and there for when a " \
+               "reply is wrong and the working-out is the first place anyone looks.",
+  examples: [
+    { key: :settled, title: "Settled",
+      description: "duration: titles it with how long the model thought." },
+    { key: :thinking, title: "Still thinking",
+      description: "streaming: true says so, with a spinner that pulses instead of turning under reduced motion." }
+  ]

data/lib/unmagic/components/browser/catalog/ai_chat_request.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+Unmagic::Components::Browser::Catalog.component :ai_chat_request,
+  name: "Request",
+  group: "AI chat",
+  helper: "ai_chat_request",
+  description: "The agent asking something it can't work out itself, with the answers right there. It asks in " \
+               "choices or with a form, and keeps its questions once answered — the question is most of what the " \
+               "card is worth later.",
+  examples: [
+    { key: :choices, title: "Choices", layout: :full,
+      description: "One question or several, single or multiple choice. A single choice is required." },
+    { key: :form, title: "A form", layout: :full,
+      description: "request.form takes your own fields; Decline skips validation." },
+    { key: :answered, title: "Answered", layout: :full,
+      description: "The options go and what was picked stays. Declined and cancelled cards dim." }
+  ]