orbital_ui 0.3.1

data/app/assets/stylesheets/orbital_ui/index.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-space-y-reverse:0;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-500:#fb2c36;--color-red-900:#82181a;--color-red-950:#460809;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-900:#1c398e;--color-gray-300:#d1d5dc;--color-gray-800:#1e2939;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-destructive:var(--destructive);--color-destructive-foreground:var(--destructive-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-tone-success:var(--tone-success);--color-tone-warning:var(--tone-warning);--color-tone-danger:var(--tone-danger);--color-tone-magic:var(--tone-magic);--color-tone-info:var(--tone-info);--text-body-xs:11px;--text-body-xs--line-height:16px;--text-body-sm:12px;--text-body-sm--line-height:16px;--text-body-md:14px;--text-body-md--line-height:20px;--text-body-lg:16px;--text-body-lg--line-height:24px;--text-body-xl:18px;--text-body-xl--line-height:28px;--text-heading-xs:12px;--text-heading-xs--line-height:16px;--text-heading-sm:14px;--text-heading-sm--line-height:20px;--text-heading-md:16px;--text-heading-md--line-height:24px;--text-heading-lg:18px;--text-heading-lg--line-height:24px;--text-heading-xl:20px;--text-heading-xl--line-height:28px;--text-heading-2xl:24px;--text-heading-2xl--line-height:32px;--text-heading-3xl:30px;--text-heading-3xl--line-height:36px;--text-heading-4xl:36px;--text-heading-4xl--line-height:40px}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-red-950:lab(13.003% 29.04 16.7519);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-900:lab(26.1542% 15.7545 -51.5504);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-800:lab(16.1051% -1.18239 -11.7533)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-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}*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}:hover{scrollbar-color:var(--muted-foreground) transparent}body{background-color:var(--background);color:var(--foreground)}html :where(*){border-color:var(--color-border);border-style:solid;border-width:0}input{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer components{.Orbital-Accordion{flex-direction:column;width:100%;display:flex}.Orbital-Accordion-Item{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;width:100%}.Orbital-Accordion-Item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.Orbital-Accordion-Item [data-accordion-trigger]{align-items:center}.Orbital-Accordion-Item [data-accordion-chevron]{transition:transform .2s ease-out}.Orbital-Accordion-Item:has(.Orbital-Accordion-Item-Content[data-state=open]) [data-accordion-chevron]{transform:rotate(180deg)}.Orbital-Accordion-Item-Content{transition:height .2s ease-out;overflow:hidden}.Orbital-Accordion-Item-Content[data-state=closed]{height:0}.Orbital-Accordion-Item-Inner{align-items:flex-start;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground);flex-direction:column;padding-bottom:1rem;display:flex}.Orbital-Avatar{background-color:var(--color-secondary);color:var(--color-secondary-foreground);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.Orbital-Avatar[data-shape=round]{border-radius:2147483647px}.Orbital-Avatar[data-shape=square]{border-radius:var(--radius-md)}.Orbital-Avatar[data-size=xs]{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}.Orbital-Avatar[data-size=sm]{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)}.Orbital-Avatar[data-size=md]{height:calc(var(--spacing) * 10);width:calc(var(--spacing) * 10)}.Orbital-Avatar[data-size=lg]{height:calc(var(--spacing) * 12);width:calc(var(--spacing) * 12)}.Orbital-Avatar[data-size=xl]{height:calc(var(--spacing) * 16);width:calc(var(--spacing) * 16)}.Orbital-Avatar-Image{object-fit:cover;width:100%;height:100%}.Orbital-Avatar-Initials{--tw-font-weight:var(--font-weight-medium);width:100%;height:100%;font-weight:var(--font-weight-medium);color:var(--color-secondary-foreground);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.Orbital-Avatar[data-size=xs] .Orbital-Avatar-Initials,.Orbital-Avatar[data-size=sm] .Orbital-Avatar-Initials{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.Orbital-Avatar[data-size=md] .Orbital-Avatar-Initials{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.Orbital-Avatar[data-size=lg] .Orbital-Avatar-Initials{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.Orbital-Avatar[data-size=xl] .Orbital-Avatar-Initials{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.Orbital-Avatar-Icon{width:100%;height:100%;color:var(--color-secondary-foreground);justify-content:center;align-items:center;display:flex}.Orbital-Badge{border-style:var(--tw-border-style);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);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-radius:2147483647px;align-items:center;display:inline-flex}.Orbital-Badge:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.Orbital-Badge[data-variant=default]{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:#0000}@media (hover:hover){.Orbital-Badge[data-variant=default]:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.Orbital-Badge[data-variant=default]:hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}}.Orbital-Badge[data-variant=secondary]{background-color:var(--color-secondary);color:var(--color-secondary-foreground);border-color:#0000}@media (hover:hover){.Orbital-Badge[data-variant=secondary]:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.Orbital-Badge[data-variant=secondary]:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}}.Orbital-Badge[data-variant=destructive]{background-color:var(--color-destructive);color:var(--color-destructive-foreground);border-color:#0000}@media (hover:hover){.Orbital-Badge[data-variant=destructive]:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.Orbital-Badge[data-variant=destructive]:hover{background-color:color-mix(in oklab, var(--color-destructive) 80%, transparent)}}}.Orbital-Badge[data-variant=outline]{color:var(--color-card-foreground)}.Orbital-Badge[data-variant=ghost]{background-color:#0000;border-color:#0000}@media (hover:hover){.Orbital-Badge[data-variant=ghost]:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}}.Orbital-Badge-Dot{margin-left:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2);border-radius:2147483647px;display:inline-block}.Orbital-Badge>.Orbital-Icon{margin-right:var(--spacing);margin-left:calc(var(--spacing) * -.5)}.Orbital-Badge-Dot[data-tone=default]{background-color:currentColor}.Orbital-Badge-Dot[data-tone=success]{background-color:var(--color-tone-success)}.Orbital-Badge-Dot[data-tone=warning]{background-color:var(--color-tone-warning)}.Orbital-Badge-Dot[data-tone=danger]{background-color:var(--color-tone-danger)}.Orbital-Badge-Dot[data-tone=info]{background-color:var(--color-tone-info)}.Orbital-Badge-Dot[data-tone=subdued]{background-color:var(--color-muted-foreground)}:is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=success]{background-color:#22c55e}:is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=warning]{background-color:#eab308}:is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=danger]{background-color:#ef4444}:is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=info]{background-color:#6db3ff}:is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=subdued]{background-color:#a1a1aa}.dark :is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=success]{background-color:#16a34a}.dark :is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=warning]{background-color:#ca8a04}.dark :is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=danger]{background-color:#dc2626}.dark :is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=info]{background-color:#2b7fff}.dark :is(.Orbital-Badge[data-variant=default],.Orbital-Badge[data-variant=destructive]) .Orbital-Badge-Dot[data-tone=subdued]{background-color:#71717a}.Orbital-Button{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-md);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;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-outline-style:none;outline-style:none;display:inline-flex}.Orbital-Button:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.Orbital-Button[data-disabled=true]{pointer-events:none;opacity:.5}.Orbital-Button[data-fullwidth]{width:100%}.Orbital-Button[data-variant=default]{background-color:var(--color-primary);color:var(--color-primary-foreground)}@media (hover:hover){.Orbital-Button[data-variant=default]:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){.Orbital-Button[data-variant=default]:hover{background-color:color-mix(in oklab, var(--color-primary) 90%, transparent)}}}.Orbital-Button[data-variant=destructive]{background-color:var(--color-destructive);color:var(--color-white)}@media (hover:hover){.Orbital-Button[data-variant=destructive]:hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){.Orbital-Button[data-variant=destructive]:hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}}.Orbital-Button[data-variant=outline]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input);background-color:var(--color-card)}@media (hover:hover){.Orbital-Button[data-variant=outline]:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}}.Orbital-Button[data-variant=secondary]{background-color:var(--color-secondary);color:var(--color-secondary-foreground)}@media (hover:hover){.Orbital-Button[data-variant=secondary]:hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){.Orbital-Button[data-variant=secondary]:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.Orbital-Button[data-variant=ghost]:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}}.Orbital-Button[data-variant=link]{color:var(--color-primary);text-underline-offset:4px}@media (hover:hover){.Orbital-Button[data-variant=link]:hover{text-decoration-line:underline}}.Orbital-Button[data-size=sm]{height:calc(var(--spacing) * 6);gap:calc(var(--spacing) * 1.5);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 3);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.Orbital-Button[data-size=default]{height:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 4);padding-block:var(--spacing)}.Orbital-Button[data-size=lg]{height:calc(var(--spacing) * 11);border-radius:var(--radius-md);padding-inline:calc(var(--spacing) * 6);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.Orbital-Button[data-size=icon]{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);flex-shrink:0;padding:0}.Orbital-ButtonGroup{align-items:stretch;display:flex}.Orbital-ButtonGroup[data-orientation=horizontal]>.Orbital-Button:not(:first-child),.Orbital-ButtonGroup[data-orientation=horizontal]>:not(:first-child) .Orbital-Button,.Orbital-ButtonGroup[data-orientation=horizontal]>.Orbital-Dropdown-Container:not(:first-child){border-left-style:var(--tw-border-style);border-left-width:0;border-top-left-radius:0;border-bottom-left-radius:0}.Orbital-ButtonGroup[data-orientation=horizontal]>.Orbital-Button:not(:last-child),.Orbital-ButtonGroup[data-orientation=horizontal]>:not(:last-child) .Orbital-Button,.Orbital-ButtonGroup[data-orientation=horizontal]>.Orbital-Dropdown-Container:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Orbital-ButtonGroup[data-orientation=vertical]{flex-direction:column}.Orbital-ButtonGroup[data-orientation=vertical]>.Orbital-Button:not(:first-child),.Orbital-ButtonGroup[data-orientation=vertical]>:not(:first-child) .Orbital-Button,.Orbital-ButtonGroup[data-orientation=vertical]>.Orbital-Dropdown-Container:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:0;border-top-left-radius:0;border-top-right-radius:0}.Orbital-ButtonGroup[data-orientation=vertical]>.Orbital-Button:not(:last-child),.Orbital-ButtonGroup[data-orientation=vertical]>:not(:last-child) .Orbital-Button,.Orbital-ButtonGroup[data-orientation=vertical]>.Orbital-Dropdown-Container:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.Orbital-Card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-card);color:var(--color-card-foreground);--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);border-width:1px;flex-direction:column;display:flex}.Orbital-Card-Header{flex-direction:column;display:flex}:where(.Orbital-Card-Header>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.Orbital-Card-Header{padding:calc(var(--spacing) * 6)}.Orbital-Card-Content{padding:calc(var(--spacing) * 6);flex:1;padding-top:0}.Orbital-Card-Content:first-child{padding-top:calc(var(--spacing) * 6)}.Orbital-Card-Content[data-gap]{gap:var(--card-gap);flex-direction:column;display:flex}.Orbital-Card-Content[data-gap="0"]{--card-gap:0px}.Orbital-Card-Content[data-gap="0.5"]{--card-gap:.125rem}.Orbital-Card-Content[data-gap="1"]{--card-gap:.25rem}.Orbital-Card-Content[data-gap="1.5"]{--card-gap:.375rem}.Orbital-Card-Content[data-gap="2"]{--card-gap:.5rem}.Orbital-Card-Content[data-gap="3"]{--card-gap:.75rem}.Orbital-Card-Content[data-gap="4"]{--card-gap:1rem}.Orbital-Card-Content[data-gap="5"]{--card-gap:1.25rem}.Orbital-Card-Content[data-gap="6"]{--card-gap:1.5rem}.Orbital-Card-Content[data-gap="8"]{--card-gap:2rem}.Orbital-Card-Content[data-gap="10"]{--card-gap:2.5rem}.Orbital-Card-Content[data-gap="12"]{--card-gap:3rem}.Orbital-Card-Content[data-gap="16"]{--card-gap:4rem}.Orbital-Card-Content[data-padding]{padding-inline:var(--card-padding,1.5rem);padding-bottom:var(--card-padding,1.5rem)}.Orbital-Card-Content[data-padding]:first-child{padding-top:var(--card-padding,1.5rem)}.Orbital-Card-Content[data-padding="0"]{--card-padding:0px}.Orbital-Card-Content[data-padding="0.5"]{--card-padding:.125rem}.Orbital-Card-Content[data-padding="1"]{--card-padding:.25rem}.Orbital-Card-Content[data-padding="1.5"]{--card-padding:.375rem}.Orbital-Card-Content[data-padding="2"]{--card-padding:.5rem}.Orbital-Card-Content[data-padding="3"]{--card-padding:.75rem}.Orbital-Card-Content[data-padding="4"]{--card-padding:1rem}.Orbital-Card-Content[data-padding="5"]{--card-padding:1.25rem}.Orbital-Card-Content[data-padding="6"]{--card-padding:1.5rem}.Orbital-Card-Content[data-padding="8"]{--card-padding:2rem}.Orbital-Card-Content[data-padding="10"]{--card-padding:2.5rem}.Orbital-Card-Content[data-padding="12"]{--card-padding:3rem}.Orbital-Card-Content[data-padding="16"]{--card-padding:4rem}.Orbital-Card-Footer{padding:calc(var(--spacing) * 6);align-items:center;margin-top:auto;padding-top:0;display:flex}.Orbital-Card-Title{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);line-height:1;font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.Orbital-Card-Description{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height));color:var(--color-muted-foreground)}.Orbital-Card-Action{align-items:center;display:flex}.Orbital-CheckBox{gap:calc(var(--spacing) * 1.5);--tw-leading:1;line-height:1;display:grid}.Orbital-CheckBox-Label{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);-webkit-user-select:none;user-select:none;display:flex}.Orbital-CheckBox-Control{cursor:pointer;align-items:center;gap:calc(var(--spacing) * 2);display:flex;position:relative}.Orbital-CheckBox-Input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Orbital-CheckBox-Indicator{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);border-radius:var(--radius-sm);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-800);background-color:var(--color-white);position:relative}.Orbital-CheckBox-Input:checked+.Orbital-CheckBox-Indicator{background-color:var(--color-primary)}.Orbital-CheckBox-Icon{padding:var(--spacing);color:var(--color-white);display:none;position:absolute;left:0}.Orbital-CheckBox-Input:checked~.Orbital-CheckBox-Icon{display:inline-flex}.Orbital-CheckBox-Input:disabled~.Orbital-CheckBox-Icon{opacity:.75}.Orbital-CheckBox-Input:disabled+.Orbital-CheckBox-Indicator,.Orbital-CheckBox:has(.Orbital-CheckBox-Input:disabled) .Orbital-CheckBox-Label{cursor:not-allowed;opacity:.75}.Orbital-Grid{display:grid}.Orbital-Grid[data-columns="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}.Orbital-Grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.Orbital-Grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.Orbital-Grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.Orbital-Grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.Orbital-Grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.Orbital-Grid[data-columns="12"]{grid-template-columns:repeat(12,minmax(0,1fr))}.Orbital-Grid[data-gap="0"]{--grid-gap:0px}.Orbital-Grid[data-gap="0.5"]{--grid-gap:.125rem}.Orbital-Grid[data-gap="1"]{--grid-gap:.25rem}.Orbital-Grid[data-gap="1.5"]{--grid-gap:.375rem}.Orbital-Grid[data-gap="2"]{--grid-gap:.5rem}.Orbital-Grid[data-gap="3"]{--grid-gap:.75rem}.Orbital-Grid[data-gap="4"]{--grid-gap:1rem}.Orbital-Grid[data-gap="5"]{--grid-gap:1.25rem}.Orbital-Grid[data-gap="6"]{--grid-gap:1.5rem}.Orbital-Grid[data-gap="8"]{--grid-gap:2rem}.Orbital-Grid[data-gap="10"]{--grid-gap:2.5rem}.Orbital-Grid[data-gap="12"]{--grid-gap:3rem}.Orbital-Grid[data-gap="16"]{--grid-gap:4rem}.Orbital-Grid{gap:var(--grid-gap,1rem)}.Orbital-Grid>[data-grid-span="2"]{grid-column:span 2}.Orbital-Grid>[data-grid-span="3"]{grid-column:span 3}.Orbital-Grid>[data-grid-span="4"]{grid-column:span 4}.Orbital-Grid>[data-grid-span="5"]{grid-column:span 5}.Orbital-Grid>[data-grid-span="6"]{grid-column:span 6}.Orbital-Grid>[data-grid-span="12"]{grid-column:span 12}.Orbital-Heading[data-tone=default]{color:var(--color-card-foreground)}.Orbital-Heading[data-tone=subdued]{color:var(--color-muted-foreground)}.Orbital-Heading[data-align=left]{text-align:left}.Orbital-Heading[data-align=center]{text-align:center}.Orbital-Heading[data-align=right]{text-align:right}.Orbital-Icon{justify-content:center;align-items:center;display:flex}.Orbital-Icon[data-size=xs]{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Icon[data-size=xs]>*{height:calc(var(--spacing) * 2);width:calc(var(--spacing) * 2)}.Orbital-Icon[data-size=sm]{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Icon[data-size=sm]>*{height:calc(var(--spacing) * 3);width:calc(var(--spacing) * 3)}.Orbital-Icon[data-size=md]{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5)}.Orbital-Icon[data-size=md]>*{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Icon[data-size=lg]{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7)}.Orbital-Icon[data-size=lg]>*{height:calc(var(--spacing) * 6);width:calc(var(--spacing) * 6)}.Orbital-Icon[data-size=xl]{height:calc(var(--spacing) * 9);width:calc(var(--spacing) * 9)}.Orbital-Icon[data-size=xl]>*{height:calc(var(--spacing) * 8);width:calc(var(--spacing) * 8)}.Orbital-Image{display:inline-block}.Orbital-Spinner[data-kind=notch]{animation:var(--animate-spin)}.Orbital-Spinner[data-size=sm]{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Spinner[data-size=md]{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 5)}.Orbital-Spinner[data-size=lg]{height:calc(var(--spacing) * 7);width:calc(var(--spacing) * 7)}.Orbital-Kbd{pointer-events:none;background-color:var(--color-muted);color:var(--color-muted-foreground);height:calc(var(--spacing) * 5);width:fit-content;min-width:calc(var(--spacing) * 5);justify-content:center;align-items:center;gap:var(--spacing);border-radius:var(--radius-sm);border-style:var(--tw-border-style);padding-inline:var(--spacing);font-family:var(--font-sans);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);-webkit-user-select:none;user-select:none;border-width:1px;display:inline-flex}.Orbital-KbdGroup{align-items:center;gap:var(--spacing);display:inline-flex}.Orbital-NavigationMenu{align-items:center;gap:calc(var(--spacing) * 3);width:100%;display:flex;container-type:inline-size}.Orbital-NavigationMenu-Toggle{cursor:pointer;border-radius:var(--radius-md);padding:calc(var(--spacing) * 1.5);justify-content:center;align-items:center;margin-left:auto;display:flex}@media (hover:hover){.Orbital-NavigationMenu-Toggle:hover{background-color:var(--color-accent)}}.Orbital-NavigationMenu-Content{align-items:center;gap:calc(var(--spacing) * 3);width:100%;display:none}.Orbital-NavigationMenu-Mobile{display:none}.Orbital-NavigationMenu-Mobile:popover-open{align-items:stretch;gap:var(--spacing);padding:calc(var(--spacing) * 2);border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-popover);color:var(--color-popover-foreground);--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);z-index:50;inset:auto;top:anchor(bottom, 3.5rem);right:anchor(right, 1rem);border-width:1px;flex-direction:column;width:max-content;min-width:14rem;max-width:calc(100vw - 2rem);margin:0;display:flex;position:fixed}@container (width>=768px){.Orbital-NavigationMenu-Content{display:flex}.Orbital-NavigationMenu-Toggle{display:none}}.Orbital-ProgressBar{background-color:var(--color-muted);border-radius:2147483647px;width:100%;overflow:hidden}.Orbital-ProgressBar[data-size=xs]{height:var(--spacing)}.Orbital-ProgressBar[data-size=sm]{height:calc(var(--spacing) * 1.5)}.Orbital-ProgressBar[data-size=md]{height:calc(var(--spacing) * 2)}.Orbital-ProgressBar[data-size=lg]{height:calc(var(--spacing) * 3)}.Orbital-ProgressBar[data-size=xl]{height:calc(var(--spacing) * 4)}.Orbital-ProgressBar-Fill{background-color:var(--color-primary);height:100%;transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;--tw-ease:var(--ease-out);transition-duration:.3s;transition-timing-function:var(--ease-out);border-radius:2147483647px}.Orbital-Prose{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--color-card-foreground)}.Orbital-Prose p{margin-bottom:calc(var(--spacing) * 3)}.Orbital-Prose p:last-child{margin-bottom:0}.Orbital-Prose ul,.Orbital-Prose ol{margin-bottom:calc(var(--spacing) * 3)}:where(:is(.Orbital-Prose ul,.Orbital-Prose ol)>: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)))}.Orbital-Prose ul,.Orbital-Prose ol{padding-left:calc(var(--spacing) * 5)}:is(.Orbital-Prose ul,.Orbital-Prose ol):last-child{margin-bottom:0}.Orbital-Prose ul{list-style-type:disc}.Orbital-Prose ol{list-style-type:decimal}.Orbital-Prose a{text-underline-offset:4px;text-decoration-line:underline}@media (hover:hover){.Orbital-Prose a:hover{color:var(--color-primary)}}.Orbital-Prose code{background-color:var(--color-muted);padding-inline:var(--spacing);padding-block:calc(var(--spacing) * .5);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));border-radius:.25rem}.Orbital-Prose strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.Orbital-Separator{background-color:var(--color-border);flex-shrink:0}.Orbital-Separator[data-orientation=horizontal]{width:100%;height:1px}.Orbital-Separator[data-orientation=vertical]{width:1px;height:100%}.Orbital-Stack{flex-direction:column;display:flex}.Orbital-Stack[data-gap="0"]{--stack-gap:0px}.Orbital-Stack[data-gap="0.5"]{--stack-gap:.125rem}.Orbital-Stack[data-gap="1"]{--stack-gap:.25rem}.Orbital-Stack[data-gap="1.5"]{--stack-gap:.375rem}.Orbital-Stack[data-gap="2"]{--stack-gap:.5rem}.Orbital-Stack[data-gap="3"]{--stack-gap:.75rem}.Orbital-Stack[data-gap="4"]{--stack-gap:1rem}.Orbital-Stack[data-gap="5"]{--stack-gap:1.25rem}.Orbital-Stack[data-gap="6"]{--stack-gap:1.5rem}.Orbital-Stack[data-gap="8"]{--stack-gap:2rem}.Orbital-Stack[data-gap="10"]{--stack-gap:2.5rem}.Orbital-Stack[data-gap="12"]{--stack-gap:3rem}.Orbital-Stack[data-gap="16"]{--stack-gap:4rem}.Orbital-Stack{gap:var(--stack-gap,1rem)}.Orbital-Stack[data-align=start]{align-items:flex-start}.Orbital-Stack[data-align=center]{align-items:center}.Orbital-Stack[data-align=end]{align-items:flex-end}.Orbital-Stack[data-align=stretch]{align-items:stretch}.Orbital-Stack[data-justify=start]{justify-content:flex-start}.Orbital-Stack[data-justify=center]{justify-content:center}.Orbital-Stack[data-justify=end]{justify-content:flex-end}.Orbital-Stack[data-justify=between]{justify-content:space-between}.Orbital-Stack[data-justify=around]{justify-content:space-around}.Orbital-Stack[data-justify=evenly]{justify-content:space-evenly}.Orbital-Stack[data-padding="0.5"]{padding:calc(var(--spacing) * .5)}.Orbital-Stack[data-padding="1"]{padding:var(--spacing)}.Orbital-Stack[data-padding="1.5"]{padding:calc(var(--spacing) * 1.5)}.Orbital-Stack[data-padding="2"]{padding:calc(var(--spacing) * 2)}.Orbital-Stack[data-padding="3"]{padding:calc(var(--spacing) * 3)}.Orbital-Stack[data-padding="4"]{padding:calc(var(--spacing) * 4)}.Orbital-Stack[data-padding="5"]{padding:calc(var(--spacing) * 5)}.Orbital-Stack[data-padding="6"]{padding:calc(var(--spacing) * 6)}.Orbital-Stack[data-padding="8"]{padding:calc(var(--spacing) * 8)}.Orbital-Stack[data-padding="10"]{padding:calc(var(--spacing) * 10)}.Orbital-Stack[data-padding="12"]{padding:calc(var(--spacing) * 12)}.Orbital-Stack[data-padding="16"]{padding:calc(var(--spacing) * 16)}.Orbital-Stack[data-dividers]>*+*{position:relative}.Orbital-Stack[data-dividers]>*+:before{content:"";top:calc(-.5 * var(--stack-gap,1rem) - .5px);border-top:1px solid var(--color-border);pointer-events:none;position:absolute;left:0;right:0}.Orbital-InlineStack{flex-direction:row;display:flex}.Orbital-InlineStack[data-gap="0"]{--inline-stack-gap:0px}.Orbital-InlineStack[data-gap="0.5"]{--inline-stack-gap:.125rem}.Orbital-InlineStack[data-gap="1"]{--inline-stack-gap:.25rem}.Orbital-InlineStack[data-gap="1.5"]{--inline-stack-gap:.375rem}.Orbital-InlineStack[data-gap="2"]{--inline-stack-gap:.5rem}.Orbital-InlineStack[data-gap="3"]{--inline-stack-gap:.75rem}.Orbital-InlineStack[data-gap="4"]{--inline-stack-gap:1rem}.Orbital-InlineStack[data-gap="5"]{--inline-stack-gap:1.25rem}.Orbital-InlineStack[data-gap="6"]{--inline-stack-gap:1.5rem}.Orbital-InlineStack[data-gap="8"]{--inline-stack-gap:2rem}.Orbital-InlineStack[data-gap="10"]{--inline-stack-gap:2.5rem}.Orbital-InlineStack[data-gap="12"]{--inline-stack-gap:3rem}.Orbital-InlineStack[data-gap="16"]{--inline-stack-gap:4rem}.Orbital-InlineStack{gap:var(--inline-stack-gap,1rem)}.Orbital-InlineStack[data-align=start]{align-items:flex-start}.Orbital-InlineStack[data-align=center]{align-items:center}.Orbital-InlineStack[data-align=end]{align-items:flex-end}.Orbital-InlineStack[data-align=stretch]{align-items:stretch}.Orbital-InlineStack[data-justify=start]{justify-content:flex-start}.Orbital-InlineStack[data-justify=center]{justify-content:center}.Orbital-InlineStack[data-justify=end]{justify-content:flex-end}.Orbital-InlineStack[data-justify=between]{justify-content:space-between}.Orbital-InlineStack[data-justify=around]{justify-content:space-around}.Orbital-InlineStack[data-justify=evenly]{justify-content:space-evenly}.Orbital-InlineStack[data-padding="0.5"]{padding:calc(var(--spacing) * .5)}.Orbital-InlineStack[data-padding="1"]{padding:var(--spacing)}.Orbital-InlineStack[data-padding="1.5"]{padding:calc(var(--spacing) * 1.5)}.Orbital-InlineStack[data-padding="2"]{padding:calc(var(--spacing) * 2)}.Orbital-InlineStack[data-padding="3"]{padding:calc(var(--spacing) * 3)}.Orbital-InlineStack[data-padding="4"]{padding:calc(var(--spacing) * 4)}.Orbital-InlineStack[data-padding="5"]{padding:calc(var(--spacing) * 5)}.Orbital-InlineStack[data-padding="6"]{padding:calc(var(--spacing) * 6)}.Orbital-InlineStack[data-padding="8"]{padding:calc(var(--spacing) * 8)}.Orbital-InlineStack[data-padding="10"]{padding:calc(var(--spacing) * 10)}.Orbital-InlineStack[data-padding="12"]{padding:calc(var(--spacing) * 12)}.Orbital-InlineStack[data-padding="16"]{padding:calc(var(--spacing) * 16)}.Orbital-InlineStack[data-wrap]{flex-wrap:wrap}.Orbital-InlineStack[data-wrap=reverse]{flex-wrap:wrap-reverse}.Orbital-Text{font-size:var(--text-body-md);line-height:var(--text-body-md--line-height)}.Orbital-Text .Orbital-Text{font-size:inherit;line-height:inherit}.Orbital-Text[data-tone=subdued]{color:var(--color-muted-foreground)}.Orbital-Text[data-tone=success]{color:var(--color-tone-success)}.Orbital-Text[data-tone=warning]{color:var(--color-tone-warning)}.Orbital-Text[data-tone=danger]{color:var(--color-tone-danger)}.Orbital-Text[data-tone=info]{color:var(--color-tone-info)}.Orbital-Text[data-tone=magic]{color:var(--color-tone-magic)}.Orbital-Text[data-align=center]{text-align:center}.Orbital-Text[data-align=right]{text-align:right}.Orbital-Field{width:100%;max-width:var(--container-sm);gap:var(--spacing);text-align:left;display:grid}.Orbital-Field[data-fullwidth=true]{width:100%}.Orbital-Field-Label{--tw-leading:1;line-height:1}:is(:where(.peer):disabled~.Orbital-Field-Label){cursor:not-allowed;opacity:.7}.Orbital-Field-Label[data-hidden=true]{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Orbital-Input{align-items:center;display:flex;position:relative}.Orbital-Input input,.Orbital-Input textarea{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-input);background-color:var(--color-card);width:100%;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));--tw-ring-offset-color:var(--color-card);display:flex}:is(.Orbital-Input input,.Orbital-Input textarea)::placeholder{color:var(--color-gray-300)}:is(.Orbital-Input input,.Orbital-Input textarea)::file-selector-button{border-style:var(--tw-border-style);border-width:0}:is(.Orbital-Input input,.Orbital-Input textarea)::file-selector-button{background-color:#0000}:is(.Orbital-Input input,.Orbital-Input textarea)::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}:is(.Orbital-Input input,.Orbital-Input textarea)::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}:is(.Orbital-Input input,.Orbital-Input textarea):focus-visible{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}:is(.Orbital-Input input,.Orbital-Input textarea):disabled{cursor:not-allowed;opacity:.5}:is(.Orbital-Input input,.Orbital-Input textarea):focus-visible{border-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.Orbital-Input input,.Orbital-Input textarea):focus-visible{border-color:color-mix(in oklab, var(--color-primary) 40%, transparent)}}:is(.Orbital-Input input,.Orbital-Input textarea):focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-primary)}@supports (color:color-mix(in lab, red, red)){:is(.Orbital-Input input,.Orbital-Input textarea):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}@media (hover:hover){:is(.Orbital-Input input,.Orbital-Input textarea):hover{background-color:var(--color-secondary)}@supports (color:color-mix(in lab, red, red)){:is(.Orbital-Input input,.Orbital-Input textarea):hover{background-color:color-mix(in oklab, var(--color-secondary) 30%, transparent)}}}.Orbital-Input input:not([type=checkbox]):not([type=radio]){height:calc(var(--spacing) * 8)}.Orbital-Input input[data-error=true],.Orbital-Input textarea[data-error=true]{border-color:var(--color-red-500)}.Orbital-Input input[data-align=right],.Orbital-Input textarea[data-align=right]{text-align:right}.Orbital-Field-Help{--tw-leading:1;line-height:1}.Orbital-Input-Icon{pointer-events:none;align-items:center;gap:var(--spacing);display:flex;position:absolute}.Orbital-Input-Icon[data-position=left]{left:calc(var(--spacing) * 2)}.Orbital-Input-Icon[data-position=right]{right:calc(var(--spacing) * 2)}.Orbital-Input textarea.noresize{resize:none}.Orbital-Input input[readonly],.Orbital-Input textarea[readonly]{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.Orbital-Input input[readonly],.Orbital-Input textarea[readonly]{background:color-mix(in oklab, var(--muted) 40%, var(--card))}}.Orbital-Input input[readonly],.Orbital-Input textarea[readonly]{cursor:default}.Orbital-Input input[readonly]:hover,.Orbital-Input textarea[readonly]:hover{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.Orbital-Input input[readonly]:hover,.Orbital-Input textarea[readonly]:hover{background:color-mix(in oklab, var(--muted) 40%, var(--card))}}.Orbital-Typography[data-variant=h1]{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}@media (width>=64rem){.Orbital-Typography[data-variant=h1]{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}.Orbital-Typography[data-variant=h2]{scroll-margin:calc(var(--spacing) * 20);border-bottom-style:var(--tw-border-style);padding-bottom:calc(var(--spacing) * 2);font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);border-bottom-width:1px}.Orbital-Typography[data-variant=h2]:first-child{margin-top:0}.Orbital-Typography[data-variant=h3]{scroll-margin:calc(var(--spacing) * 20);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);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.Orbital-Typography[data-variant=h4]{scroll-margin:calc(var(--spacing) * 20);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.Orbital-Typography[data-variant=blockquote]{margin-top:calc(var(--spacing) * 6);border-left-style:var(--tw-border-style);padding-left:calc(var(--spacing) * 6);border-left-width:2px;font-style:italic}.Orbital-Typography[data-variant=list]{margin-block:calc(var(--spacing) * 6);margin-left:calc(var(--spacing) * 6);list-style-type:disc}.Orbital-Typography[data-variant=list]>li{margin-top:calc(var(--spacing) * 2)}.Orbital-Typography[data-variant=lead]{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));color:var(--color-muted-foreground)}.Orbital-Typography[data-variant=large]{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.Orbital-Typography[data-variant=small]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium)}.Orbital-Typography[data-variant=muted]{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}.Orbital-Typography[data-variant=p]{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.Orbital-Typography[data-variant=p]:not(:first-child){margin-top:calc(var(--spacing) * 6)}.Orbital-Alert-Content{align-items:flex-start;gap:calc(var(--spacing) * 4);display:flex}.Orbital-Alert-Icon{padding:calc(var(--spacing) * 2);border-radius:2147483647px;flex-shrink:0}.Orbital-Alert-Icon[data-variant=success]{background-color:var(--color-tone-success)}@supports (color:color-mix(in lab, red, red)){.Orbital-Alert-Icon[data-variant=success]{background-color:color-mix(in oklab, var(--color-tone-success) 10%, transparent)}}.Orbital-Alert-Icon[data-variant=success]{color:var(--color-tone-success)}.Orbital-Alert-Icon[data-variant=warning]{background-color:var(--color-tone-warning)}@supports (color:color-mix(in lab, red, red)){.Orbital-Alert-Icon[data-variant=warning]{background-color:color-mix(in oklab, var(--color-tone-warning) 10%, transparent)}}.Orbital-Alert-Icon[data-variant=warning]{color:var(--color-tone-warning)}.Orbital-Alert-Icon[data-variant=danger]{background-color:var(--color-tone-danger)}@supports (color:color-mix(in lab, red, red)){.Orbital-Alert-Icon[data-variant=danger]{background-color:color-mix(in oklab, var(--color-tone-danger) 10%, transparent)}}.Orbital-Alert-Icon[data-variant=danger]{color:var(--color-tone-danger)}.Orbital-Alert-Icon[data-variant=info]{background-color:var(--color-tone-info)}@supports (color:color-mix(in lab, red, red)){.Orbital-Alert-Icon[data-variant=info]{background-color:color-mix(in oklab, var(--color-tone-info) 10%, transparent)}}.Orbital-Alert-Icon[data-variant=info]{color:var(--color-tone-info)}.Orbital-Alert-Text{flex:1}.Orbital-Dialog[data-variant=success],.Orbital-Dialog[data-variant=warning],.Orbital-Dialog[data-variant=danger],.Orbital-Dialog[data-variant=info],.Orbital-Dialog[data-variant=default]{max-width:var(--container-md)}.Orbital-ConfirmationDialog-Spinner{margin-right:calc(var(--spacing) * 2);display:inline-flex}.Orbital-Button[disabled]{cursor:not-allowed;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.Orbital-Dialog[data-destructive=true] form button[type=submit],.Orbital-Dialog[data-destructive=true] .Orbital-Dialog-Footer button[type=submit]{background-color:var(--color-destructive);color:var(--color-destructive-foreground)}@media (hover:hover){:is(.Orbital-Dialog[data-destructive=true] form button[type=submit],.Orbital-Dialog[data-destructive=true] .Orbital-Dialog-Footer button[type=submit]):hover{background-color:var(--color-destructive)}@supports (color:color-mix(in lab, red, red)){:is(.Orbital-Dialog[data-destructive=true] form button[type=submit],.Orbital-Dialog[data-destructive=true] .Orbital-Dialog-Footer button[type=submit]):hover{background-color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}}.Orbital-Dialog[data-destructive=true] form button[type=submit][disabled],.Orbital-Dialog[data-destructive=true] .Orbital-Dialog-Footer button[type=submit][disabled]{cursor:not-allowed;opacity:.7}.Orbital-Dialog{border-radius:var(--radius-lg);--tw-border-style:none;--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-color:var(--color-card);color:var(--color-card-foreground);border-style:none;width:100%;padding:0;position:relative;overflow:hidden}.Orbital-Dialog-Close{top:calc(var(--spacing) * 4);right:calc(var(--spacing) * 4);z-index:10;color:var(--color-muted-foreground);position:absolute}@media (hover:hover){.Orbital-Dialog-Close:hover{color:var(--color-card-foreground)}}.Orbital-Dialog-Close{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:var(--radius-sm);padding:var(--spacing)}.Orbital-Dialog-Close:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-ring-color:var(--color-ring);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.Orbital-Dialog-Close{cursor:pointer}.Orbital-Dialog-Close svg{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Dialog-Header{padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 4);flex-direction:column;display:flex}.Orbital-Dialog-Body{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 4);overflow-y:auto}.Orbital-Dialog-Footer{padding-inline:calc(var(--spacing) * 6);padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 6);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 3);display:flex}.Orbital-Dialog-Title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);line-height:1;font-weight:var(--font-weight-semibold)}.Orbital-Dialog-Description{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}@media (width<=640px){.Orbital-Dialog{max-width:95vw}}.Orbital-Modal{z-index:9999;display:none;position:fixed;inset:0}.Orbital-Modal[data-state=open]{display:block}.Orbital-Modal-Backdrop{z-index:0;background:#00000080;animation:.15s ease-out orbitalModalFadeIn;position:fixed;inset:0}.Orbital-Modal-Container{z-index:1;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.Orbital-Modal-Panel{pointer-events:auto;width:fit-content;min-width:20rem;animation:.15s ease-out orbitalModalPanelIn;position:relative}.Orbital-Modal-Panel[data-size=sm]{max-width:24rem}.Orbital-Modal-Panel[data-size=default]{max-width:32rem}.Orbital-Modal-Panel[data-size=lg]{max-width:42rem}.Orbital-Modal-Panel[data-size=xl]{max-width:56rem}.Orbital-Modal-Panel[data-size=full]{max-width:95vw;max-height:95vh}@keyframes orbitalModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes orbitalModalPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.Orbital-Popover-Container{display:inline-block}.Orbital-Popover{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);background-color:var(--color-popover);color:var(--color-popover-foreground);border-radius:var(--radius-md);--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);padding:calc(var(--spacing) * 4);z-index:50;will-change:opacity, transform;margin:0;position:absolute}@starting-style{.Orbital-Popover{opacity:0}}.Orbital-Popover{opacity:1;transition:opacity 75ms cubic-bezier(.16, 1, .3, 1), transform 75ms cubic-bezier(.16, 1, .3, 1), display 75ms ease-out allow-discrete, overlay 75ms ease-out allow-discrete;transform:translate(0)}@starting-style{.Orbital-Popover:popover-open[data-placement^=bottom]{transform:translateY(-4px)}.Orbital-Popover:popover-open[data-placement^=top]{transform:translateY(4px)}.Orbital-Popover:popover-open[data-placement^=left]{transform:translate(4px)}.Orbital-Popover:popover-open[data-placement^=right]{transform:translate(-4px)}}.Orbital-Popover:not(:popover-open){will-change:auto}.Orbital-Popover:popover-open{opacity:1;transform:translate(0)}.Orbital-Popover:popover-open:not([data-positioned]){opacity:0;pointer-events:none}.Orbital-Popover:popover-open[data-positioned]{opacity:1;pointer-events:auto}@supports not selector(:popover-open){.Orbital-Popover[popover]{display:none}}.Orbital-Dropdown{padding:0;overflow:visible}.Orbital-Dropdown .Orbital-Button[data-size=default]{padding-right:calc(var(--spacing) * 2);padding-left:calc(var(--spacing) * 3);justify-content:space-between}.Orbital-Dropdown-Container .Orbital-Button svg{margin-left:var(--spacing);height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4)}.Orbital-Dropdown-Item{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);cursor:pointer;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}@media (hover:hover){.Orbital-Dropdown-Item:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}}.Orbital-Dropdown-Item:focus{background-color:var(--color-accent);color:var(--color-accent-foreground)}.Orbital-Dropdown-Item:focus-visible{--tw-outline-style:none;outline-style:none}.Orbital-Dropdown-Item{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));text-decoration-line:none}a.Orbital-Dropdown-Item{color:currentColor}.Orbital-Dropdown-Separator{margin-inline:calc(var(--spacing) * -1);margin-block:var(--spacing);background-color:var(--color-border);height:1px}.Orbital-Dropdown-Label{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));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground)}.Orbital-Dropdown-Item .Orbital-Icon{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0}.Orbital-Dropdown-Item[aria-disabled=true],.Orbital-Dropdown-Item[disabled]{pointer-events:none;cursor:not-allowed;opacity:.5}.Orbital-Dropdown--fullwidth{width:100%}.Orbital-Dropdown--fullwidth .Orbital-Button{justify-content:space-between;width:100%}.Orbital-Menu{padding:var(--spacing);flex-direction:column;gap:0;min-width:10rem;display:flex;overflow:visible}.Orbital-Menu[data-orientation=horizontal]{flex-direction:row}.Orbital-Menu-Item{align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);cursor:pointer;text-align:left;width:100%;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}@media (hover:hover){.Orbital-Menu-Item:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}}.Orbital-Menu-Item:focus-visible{background-color:var(--color-accent);color:var(--color-accent-foreground);--tw-outline-style:none;outline-style:none}.Orbital-Menu-Item{text-decoration-line:none}a.Orbital-Menu-Item{color:currentColor}.Orbital-Menu-Item .Orbital-Icon{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0}.Orbital-Menu-Item-Content{flex:1}.Orbital-Menu-Item-Shortcut{padding-left:calc(var(--spacing) * 4);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--color-muted-foreground);margin-left:auto}.Orbital-Menu-Item-Check{height:calc(var(--spacing) * 4);width:calc(var(--spacing) * 4);flex-shrink:0;margin-left:auto;display:none}.Orbital-Menu-Item[data-selected=true] .Orbital-Menu-Item-Check{display:block}.Orbital-Menu-Item[data-active=true]{background-color:var(--color-blue-50);color:var(--color-blue-900)}.dark .Orbital-Menu-Item[data-active=true]{background-color:#bedbff0d}@supports (color:color-mix(in lab, red, red)){.dark .Orbital-Menu-Item[data-active=true]{background-color:color-mix(in oklab, var(--color-blue-200) 5%, transparent)}}.dark .Orbital-Menu-Item[data-active=true]{color:var(--color-blue-50)}.Orbital-Menu-Item[data-selected=true]{background-color:var(--color-accent);color:var(--color-accent-foreground)}.Orbital-Menu-Item[data-destructive=true]{color:var(--color-destructive)}.Orbital-Menu-Item[data-destructive=true]:hover,.Orbital-Menu-Item[data-destructive=true]:focus{background-color:var(--color-red-50);color:var(--color-red-900)}.dark .Orbital-Menu-Item[data-destructive=true]:hover,.dark .Orbital-Menu-Item[data-destructive=true]:focus{background-color:var(--color-red-950);color:var(--color-red-100)}.Orbital-Menu-Item[data-disabled=true],.Orbital-Menu-Item[aria-disabled=true]{pointer-events:none;cursor:not-allowed;opacity:.3}.Orbital-Menu-Label{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));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-muted-foreground)}.Orbital-Menu-Separator{margin-inline:calc(var(--spacing) * -1);margin-block:var(--spacing);background-color:var(--color-border);height:1px}.Orbital-Menu-Sub{position:relative}.Orbital-Menu-Sub-Icon{margin-left:auto}.Orbital-Menu-Sub-Content{min-width:12rem;padding:var(--spacing);border-radius:var(--radius-md);border-style:var(--tw-border-style);background-color:var(--color-popover);color:var(--color-popover-foreground);--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);z-index:10;border-width:1px;flex-direction:column;display:none;position:absolute;top:0;left:100%}.Orbital-Menu-Sub[data-state=open] .Orbital-Menu-Sub-Content{display:flex}.Orbital-Tooltip{display:inline-block}.Orbital-Tooltip-Content{background-color:var(--color-popover);color:var(--color-popover-foreground);border-radius:var(--radius-md);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-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);max-width:var(--container-xs);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border);padding:.375rem .75rem;position:absolute}@starting-style{.Orbital-Tooltip-Content{opacity:0;transform:translateY(-4px)}}.Orbital-Tooltip-Content{opacity:1;transition:opacity .1s ease-out, transform .1s ease-out, display .1s ease-out allow-discrete, overlay .1s ease-out allow-discrete;transform:translateY(0)}.Orbital-Tooltip-Content:popover-open{opacity:1;transform:translateY(0)}.Orbital-Tooltip-Content{overflow-wrap:break-word}.Orbital-Popcard-Container{display:inline-block}.Orbital-Popcard{border-radius:var(--radius-lg);border-style:var(--tw-border-style);background-color:var(--color-card);color:var(--color-card-foreground);--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);max-width:var(--container-md);min-width:20rem;padding:calc(var(--spacing) * 6);z-index:50;border-width:1px;margin:0;position:absolute}@starting-style{.Orbital-Popcard{opacity:0}}.Orbital-Popcard{opacity:1;transition:opacity .15s ease-out, display .15s ease-out allow-discrete, overlay .15s ease-out allow-discrete}.Orbital-Popcard:popover-open{opacity:1}.Orbital-Popcard:popover-open:not([data-positioned]){opacity:0;pointer-events:none}.Orbital-Popcard:popover-open[data-positioned]{opacity:1;pointer-events:auto}.Orbital-Popcard-Header{margin-bottom:calc(var(--spacing) * 3)}.Orbital-Popcard-Title{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-semibold);line-height:1;font-weight:var(--font-weight-semibold)}.Orbital-Popcard-Description{margin-top:var(--spacing);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-muted-foreground)}.Orbital-Popcard-Content{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.Orbital-Popcard-Footer{margin-top:calc(var(--spacing) * 4);align-items:center;gap:calc(var(--spacing) * 3);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing) * 4);border-top-width:1px;display:flex}@media (width<=640px){.Orbital-Popcard{min-width:18rem;max-width:90vw}}.Orbital-Select{width:100%;position:relative}.Orbital-Select--fullwidth{width:100%}.Orbital-Select-Input{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.Orbital-Select-Trigger{justify-content:space-between;width:100%}.Orbital-Select[data-error=true] .Orbital-Select-Trigger{border-color:var(--color-red-500)}.Orbital-Select-Placeholder{color:var(--color-muted-foreground)}.Orbital-Select-Label{color:var(--color-card-foreground)}.Orbital-Select--fullwidth .Orbital-Button{width:100%}.Orbital-Select-Trigger{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:calc(var(--spacing) * 2)}.border-red-500{border-color:var(--color-red-500)}.p-1{padding:var(--spacing)}.py-4{padding-block:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height))}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--tw-leading,var(--text-body-sm--line-height))}.text-body-xl{font-size:var(--text-body-xl);line-height:var(--tw-leading,var(--text-body-xl--line-height))}.text-body-xs{font-size:var(--text-body-xs);line-height:var(--tw-leading,var(--text-body-xs--line-height))}.text-heading-2xl{font-size:var(--text-heading-2xl);line-height:var(--tw-leading,var(--text-heading-2xl--line-height))}.text-heading-3xl{font-size:var(--text-heading-3xl);line-height:var(--tw-leading,var(--text-heading-3xl--line-height))}.text-heading-4xl{font-size:var(--text-heading-4xl);line-height:var(--tw-leading,var(--text-heading-4xl--line-height))}.text-heading-lg{font-size:var(--text-heading-lg);line-height:var(--tw-leading,var(--text-heading-lg--line-height))}.text-heading-md{font-size:var(--text-heading-md);line-height:var(--tw-leading,var(--text-heading-md--line-height))}.text-heading-sm{font-size:var(--text-heading-sm);line-height:var(--tw-leading,var(--text-heading-sm--line-height))}.text-heading-xl{font-size:var(--text-heading-xl);line-height:var(--tw-leading,var(--text-heading-xl--line-height))}.text-heading-xs{font-size:var(--text-heading-xs);line-height:var(--tw-leading,var(--text-heading-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-300{color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}.Orbital-Expander{content:"";flex-grow:1;width:100%}.Orbital-Expander--vertical{flex-grow:1;height:100%}:root{--background:#fff;--foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--secondary:#ededed;--secondary-foreground:#171717;--destructive:#e40014;--destructive-foreground:#fff;--muted:#ececec;--muted-foreground:#737373;--accent:#f5f5f5;--accent-foreground:#171717;--card:#fff;--card-foreground:#0a0a0a;--popover:#fff;--popover-foreground:#0a0a0a;--border:#e5e5e5;--input:#e5e5e5;--ring:#8b8b8b;--tone-success:#16a34a;--tone-warning:#ca8a04;--tone-danger:#dc2626;--tone-magic:#9333ea;--tone-info:#2b7fff;--radius:.5rem;--font-weight-normal:350;--font-weight-medium:450;--font-weight-semibold:550;--font-weight-bold:600}.dark{--background:#161618;--foreground:#e4e4e7;--primary:#e4e4e7;--primary-foreground:#1c1c1e;--secondary:#2c2c30;--secondary-foreground:#e4e4e7;--muted:#2c2c30;--muted-foreground:#a1a1aa;--accent:#2c2c30;--accent-foreground:#e4e4e7;--destructive:#922;--destructive-foreground:#e4e4e7;--card:#1c1c1e;--card-foreground:#e4e4e7;--popover:#1c1c1e;--popover-foreground:#e4e4e7;--border:#2c2c30;--input:#2c2c30;--ring:#a1a1aa;--tone-success:#22c55e;--tone-warning:#eab308;--tone-danger:#ef4444;--tone-magic:#a855f7;--tone-info:#6db3ff}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
+/*# sourceMappingURL=index.css.map */

data/app/assets/stylesheets/orbital_ui/index.css.map

@@ -0,0 +1 @@
+{"mappings":";ACCA,kBAAkB,mIAAmI,qlBAAqlB,aAAa,0tGAAA,8BAAA,8dAAs4G,YAAY,oFAAoF,+EAA+E,idAAid,+CAA+C,8FAA8F,wDAAwD,wMAAwI,4BAA4B,iUAAiU,oBAAoB,8EAA8E,kBAAkB,cAAc,kEAAkE,iDAAiD,iCAAiC,0BAA0B,2BAA2B,mFAAmF,qCAAqC,uMAAuM,wLAAwL,iEAAiE,+EAA+E,6CAA6C,wBAAwB,yFAAyF,iCAAiC,8CAA8C,yEAAyE,yBAAyB,oDAAoD,gEAAgE,4CAA4C,iDAAiD,wCAAwC,mDAAmD,oDAAoD,kDAAkD,mDAAmD,qDAAqD,qDAAqD,0DAA0D,uDAAuD,kDAAkD,iCAAiC,+EAA+E,yCAAyC,wCAAwC,wCAAwC,kEAAkE,gEAAgE,2DAA2D,gEAAgE,kFAAkF,gMAAgM,kBAAkB,iEAAiE,sGAAsG,oGAAoG,oEAAoE,mFAAmF,gIAAgI,+EAA+E,4DAA4D,gQAAgQ,4LAA4L,6DAA6D,kEAAkE,6FAA6F,6FAA6F,+FAA+F,+FAA+F,+FAA+F,8DAA8D,0QAA0Q,iMAAiM,0IAA0I,8IAA8I,0IAA0I,2IAA2I,srBAAsrB,weAAwe,oIAAoI,qBAAqB,iFAAiF,8CAA8C,yHAAyH,0IAA0I,qBAAqB,qFAAqF,8CAA8C,6HAA6H,gJAAgJ,qBAAqB,yFAAyF,8CAA8C,iIAAiI,wEAAwE,6EAA6E,qBAAqB,oHAAoH,yKAAyK,gGAAgG,oEAAoE,iFAAiF,iFAAiF,+EAA+E,2EAA2E,qFAAqF,kJAAkJ,kJAAkJ,iJAAiJ,+IAA+I,kJAAkJ,wJAAwJ,wJAAwJ,uJAAuJ,qJAAqJ,wJAAwJ,ijBAAijB,scAAsc,mEAAmE,2CAA2C,kHAAkH,qBAAqB,kFAAkF,8CAA8C,0HAA0H,6GAA6G,qBAAqB,0FAA0F,8CAA8C,kIAAkI,8JAA8J,qBAAqB,uHAAuH,wHAAwH,qBAAqB,sFAAsF,8CAA8C,6HAA6H,qHAAqH,wFAAwF,qBAAqB,yEAAyE,uPAAuP,wIAAwI,6NAA6N,uHAAuH,sDAAsD,2XAA2X,6TAA6T,sEAAsE,iXAAiX,yTAAyT,2bAA2b,wDAAwD,8OAA8O,sDAAsD,4EAA4E,uEAAuE,uFAAuF,mDAAmD,yDAAyD,sDAAsD,yDAAyD,qDAAqD,sDAAsD,oDAAoD,uDAAuD,sDAAsD,oDAAoD,uDAAuD,qDAAqD,qDAAqD,wHAAwH,uFAAuF,2DAA2D,iEAAiE,8DAA8D,iEAAiE,6DAA6D,8DAA8D,4DAA4D,+DAA+D,8DAA8D,4DAA4D,+DAA+D,6DAA6D,6DAA6D,oHAAoH,4SAA4S,2JAA2J,qDAAqD,2FAA2F,8IAA8I,wHAAwH,4JAA4J,wQAAwQ,kGAAkG,6GAA6G,2EAA2E,oEAAoE,4KAA4K,2BAA2B,8EAA8E,8EAA8E,8EAA8E,8EAA8E,8EAA8E,8EAA8E,gFAAgF,2CAA2C,iDAAiD,8CAA8C,iDAAiD,6CAA6C,8CAA8C,4CAA4C,+CAA+C,8CAA8C,4CAA4C,+CAA+C,6CAA6C,6CAA6C,uCAAuC,sDAAsD,sDAAsD,sDAAsD,sDAAsD,sDAAsD,wDAAwD,uEAAuE,wEAAwE,kDAAkD,sDAAsD,oDAAoD,qEAAqE,2FAA2F,6FAA6F,2FAA2F,6FAA6F,2FAA2F,6FAA6F,2FAA2F,6FAA6F,2FAA2F,6FAA6F,oCAAoC,gEAAgE,8FAA8F,8FAA8F,8FAA8F,4mBAA4mB,4EAA4E,2HAA2H,wLAAwL,qBAAqB,2EAA2E,wGAAwG,4CAA4C,8sBAA8sB,0BAA6B,6CAA6C,6CAA6C,+GAA+G,yDAAyD,qEAAqE,mEAAmE,mEAAmE,mEAAmE,8YAA8Y,sNAAsN,wDAAwD,4CAA4C,2EAA2E,0OAA0O,0EAA0E,oEAAoE,uCAAuC,0CAA0C,0EAA0E,qBAAqB,mDAAmD,mQAAmQ,2GAA2G,sEAAsE,sEAAsE,oEAAoE,kDAAkD,6CAA6C,mDAAmD,gDAAgD,mDAAmD,+CAA+C,gDAAgD,8CAA8C,iDAAiD,gDAAgD,8CAA8C,iDAAiD,+CAA+C,+CAA+C,yCAAyC,wDAAwD,qDAAqD,oDAAoD,uDAAuD,8DAA8D,2DAA2D,0DAA0D,mEAAmE,iEAAiE,iEAAiE,qEAAqE,wDAAwD,sEAAsE,kEAAkE,kEAAkE,kEAAkE,kEAAkE,kEAAkE,kEAAkE,oEAAoE,oEAAoE,oEAAoE,oDAAoD,8LAA8L,qDAAqD,0DAA0D,gEAAgE,6DAA6D,gEAAgE,4DAA4D,6DAA6D,2DAA2D,8DAA8D,6DAA6D,2DAA2D,8DAA8D,4DAA4D,4DAA4D,sDAAsD,8DAA8D,2DAA2D,0DAA0D,6DAA6D,oEAAoE,iEAAiE,gEAAgE,yEAAyE,uEAAuE,uEAAuE,2EAA2E,8DAA8D,4EAA4E,wEAAwE,wEAAwE,wEAAwE,wEAAwE,wEAAwE,wEAAwE,0EAA0E,0EAA0E,0EAA0E,+CAA+C,+DAA+D,yFAAyF,kEAAkE,qEAAqE,iEAAiE,iEAAiE,+DAA+D,2DAA2D,6DAA6D,mDAAmD,iDAAiD,wGAAwG,+CAA+C,kDAAkD,+EAA+E,2KAA2K,iEAAiE,uaAAua,2FAA2F,2HAA2H,+FAA+F,2JAA2J,yJAAyJ,mPAAmP,yFAAyF,kGAAkG,8CAA8C,yIAAyI,mWAAmW,8CAA8C,4IAA4I,qBAAqB,gGAAgG,8CAA8C,wIAAwI,4FAA4F,iHAAiH,kGAAkG,iDAAiD,6GAA6G,sEAAsE,wEAAwE,6CAA6C,yFAAyF,8CAA8C,gIAAgI,gFAAgF,qGAAqG,8CAA8C,4IAA4I,kUAAkU,sBAAyB,2HAA2H,2aAA2a,8DAA8D,gUAAgU,8TAA8T,wMAAwM,uIAAuI,8EAA8E,8JAA8J,gNAAgN,yOAAyO,+JAA+J,+GAA+G,0FAA0F,wFAAwF,8FAA8F,qFAAqF,8CAA8C,4HAA4H,0EAA0E,qFAAqF,8CAA8C,4HAA4H,0EAA0E,mFAAmF,8CAA8C,0HAA0H,wEAAwE,+EAA+E,8CAA8C,sHAAsH,oEAAoE,2BAA2B,wNAAwN,8FAA8F,wDAAwD,oEAAoE,gDAAgD,sOAAsO,qBAAqB,uMAAuM,8CAA8C,+OAA+O,oMAAoM,0ZAA0Z,mJAAmJ,qBAAqB,gEAAgE,wYAAwY,4cAA4c,qCAAqC,yFAAyF,+KAA+K,oHAAoH,kOAAkO,2NAA2N,uLAAuL,sBAAyB,gCAAgC,gEAAgE,8CAA8C,yHAAyH,kJAAkJ,yIAAyI,mDAAmD,wDAAwD,mDAAmD,mDAAmD,oEAAoE,yDAAyD,4GAA4G,gDAAgD,6iBAA6iB,gBAAgB,4BAA4B,8NAA8N,gBAAgB,iFAAiF,6EAA6E,6EAA6E,gFAAgF,qDAAqD,+DAA+D,mFAAmF,6EAA6E,sCAAsC,wCAAwC,6CAA6C,gKAAgK,0IAA0I,oSAAoS,qBAAqB,wGAAwG,uGAAuG,gFAAgF,6WAA6W,2CAA2C,gJAAgJ,mTAAmT,kHAAkH,8HAA8H,wCAAwC,sFAAsF,+GAA+G,8DAA8D,2TAA2T,qBAAqB,oGAAoG,sJAAsJ,6CAA6C,uCAAuC,8GAA8G,kCAAkC,0MAA0M,oIAAoI,8EAA8E,uGAAuG,sEAAsE,8CAA8C,wHAAwH,sEAAsE,iHAAiH,yEAAyE,gKAAgK,6KAA6K,gIAAgI,+SAA+S,4IAA4I,oCAAoC,wCAAwC,oiBAAoiB,0EAA0E,sCAAsC,wrBAAwrB,gBAAgB,+DAA+D,6LAA6L,wEAAwE,kDAAkD,gDAAgD,qhBAAqhB,gBAAgB,4BAA4B,wIAAwI,wCAAwC,mFAAmF,6EAA6E,+DAA+D,4NAA4N,8KAA8K,4GAA4G,2NAA2N,sBAAyB,iDAAiD,6CAA6C,sCAAsC,0JAA0J,iEAAiE,2FAA2F,gEAAgE,yDAAyD,sDAAsD,0GAA0G,iBAAiB,4BAA4B,6IAA6I,4BAA4B,wBAAwB,sBAAsB,sBAAyB,4BAA4B,sBAAyB,4BAA4B,sBAAyB,4BAA4B,sBAAyB,4BAA4B,sBAAyB,4BAA4B,mBAAmB,qBAAqB,mBAAmB,wBAAwB,4CAA4C,+BAA+B,oBAAoB,iCAAiC,+CAA+C,oCAAoC,kDAAkD,4BAA4B,6CAA6C,6CAA6C,6CAA6C,+CAA+C,4CAA4C,4CAA4C,8CAA8C,2GAA2G,2GAA2G,2GAA2G,2GAA2G,uHAAuH,uHAAuH,uHAAuH,oHAAoH,oHAAoH,oHAAoH,oHAAoH,oHAAoH,2CAA2C,iEAAiE,wFAAwF,2FAA2F,8FAA8F,8FAA8F,oGAAoG,2CAA2C,kEAAkE,oDAAoD,oDAAoD,6nBAA6nB,mhBAAmhB,iDAAiD,qDAAqD,2EAA2E,0EAA0E,wEAAwE,sDAAsD,oFAAoF,8EAA8E,4DAA4D,0FAA0F,oDAAoD,6EAA6E,0DAA0D,mFAAmF,oDAAoD,kFAAkF,8EAA8E,oFAAoF,yEAAyE,kDAAkD,kDAAkD,8CAA8C","sources":["index.css","frontend/stylesheets/index.css"],"sourcesContent":["/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */\n@layer properties {\n  @supports (((-webkit-hyphens: none)) and (not (margin-trim: block))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n    *, :before, :after, ::backdrop {\n      --tw-leading: initial;\n      --tw-font-weight: initial;\n      --tw-outline-style: solid;\n      --tw-border-style: solid;\n      --tw-shadow: 0 0 #0000;\n      --tw-shadow-color: initial;\n      --tw-shadow-alpha: 100%;\n      --tw-inset-shadow: 0 0 #0000;\n      --tw-inset-shadow-color: initial;\n      --tw-inset-shadow-alpha: 100%;\n      --tw-ring-color: initial;\n      --tw-ring-shadow: 0 0 #0000;\n      --tw-inset-ring-color: initial;\n      --tw-inset-ring-shadow: 0 0 #0000;\n      --tw-ring-inset: initial;\n      --tw-ring-offset-width: 0px;\n      --tw-ring-offset-color: #fff;\n      --tw-ring-offset-shadow: 0 0 #0000;\n      --tw-space-y-reverse: 0;\n      --tw-tracking: initial;\n      --tw-duration: initial;\n      --tw-ease: initial;\n    }\n  }\n}\n\n@layer theme {\n  :root, :host {\n    --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\";\n    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n    --color-red-50: #fef2f2;\n    --color-red-100: #ffe2e2;\n    --color-red-500: #fb2c36;\n    --color-red-900: #82181a;\n    --color-red-950: #460809;\n    --color-blue-50: #eff6ff;\n    --color-blue-200: #bedbff;\n    --color-blue-900: #1c398e;\n    --color-gray-300: #d1d5dc;\n    --color-gray-800: #1e2939;\n    --color-white: #fff;\n    --spacing: .25rem;\n    --container-xs: 20rem;\n    --container-sm: 24rem;\n    --container-md: 28rem;\n    --text-xs: .75rem;\n    --text-xs--line-height: calc(1 / .75);\n    --text-sm: .875rem;\n    --text-sm--line-height: calc(1.25 / .875);\n    --text-base: 1rem;\n    --text-base--line-height: calc(1.5 / 1);\n    --text-lg: 1.125rem;\n    --text-lg--line-height: calc(1.75 / 1.125);\n    --text-xl: 1.25rem;\n    --text-xl--line-height: calc(1.75 / 1.25);\n    --text-2xl: 1.5rem;\n    --text-2xl--line-height: calc(2 / 1.5);\n    --text-3xl: 1.875rem;\n    --text-3xl--line-height: calc(2.25 / 1.875);\n    --text-4xl: 2.25rem;\n    --text-4xl--line-height: calc(2.5 / 2.25);\n    --text-5xl: 3rem;\n    --text-5xl--line-height: 1;\n    --font-weight-light: 300;\n    --font-weight-normal: 400;\n    --font-weight-medium: 500;\n    --font-weight-semibold: 600;\n    --font-weight-bold: 700;\n    --font-weight-extrabold: 800;\n    --tracking-tight: -.025em;\n    --leading-relaxed: 1.625;\n    --radius-sm: .25rem;\n    --radius-md: .375rem;\n    --radius-lg: .5rem;\n    --ease-out: cubic-bezier(0, 0, .2, 1);\n    --animate-spin: spin 1s linear infinite;\n    --default-transition-duration: .15s;\n    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n    --color-border: var(--border);\n    --color-input: var(--input);\n    --color-ring: var(--ring);\n    --color-primary: var(--primary);\n    --color-primary-foreground: var(--primary-foreground);\n    --color-secondary: var(--secondary);\n    --color-secondary-foreground: var(--secondary-foreground);\n    --color-destructive: var(--destructive);\n    --color-destructive-foreground: var(--destructive-foreground);\n    --color-muted: var(--muted);\n    --color-muted-foreground: var(--muted-foreground);\n    --color-accent: var(--accent);\n    --color-accent-foreground: var(--accent-foreground);\n    --color-popover: var(--popover);\n    --color-popover-foreground: var(--popover-foreground);\n    --color-card: var(--card);\n    --color-card-foreground: var(--card-foreground);\n    --color-tone-success: var(--tone-success);\n    --color-tone-warning: var(--tone-warning);\n    --color-tone-danger: var(--tone-danger);\n    --color-tone-magic: var(--tone-magic);\n    --color-tone-info: var(--tone-info);\n    --text-body-xs: 11px;\n    --text-body-xs--line-height: 16px;\n    --text-body-sm: 12px;\n    --text-body-sm--line-height: 16px;\n    --text-body-md: 14px;\n    --text-body-md--line-height: 20px;\n    --text-body-lg: 16px;\n    --text-body-lg--line-height: 24px;\n    --text-body-xl: 18px;\n    --text-body-xl--line-height: 28px;\n    --text-heading-xs: 12px;\n    --text-heading-xs--line-height: 16px;\n    --text-heading-sm: 14px;\n    --text-heading-sm--line-height: 20px;\n    --text-heading-md: 16px;\n    --text-heading-md--line-height: 24px;\n    --text-heading-lg: 18px;\n    --text-heading-lg--line-height: 24px;\n    --text-heading-xl: 20px;\n    --text-heading-xl--line-height: 28px;\n    --text-heading-2xl: 24px;\n    --text-heading-2xl--line-height: 32px;\n    --text-heading-3xl: 30px;\n    --text-heading-3xl--line-height: 36px;\n    --text-heading-4xl: 36px;\n    --text-heading-4xl--line-height: 40px;\n  }\n\n  @supports (color: lab(0% 0 0)) {\n    :root, :host {\n      --color-red-50: lab(96.5005% 4.18508 1.52328);\n      --color-red-100: lab(92.243% 10.2865 3.83865);\n      --color-red-500: lab(55.4814% 75.0732 48.8528);\n      --color-red-900: lab(28.5139% 44.5539 29.0463);\n      --color-red-950: lab(13.003% 29.04 16.7519);\n      --color-blue-50: lab(96.492% -1.14644 -5.11479);\n      --color-blue-200: lab(86.15% -4.04379 -21.0797);\n      --color-blue-900: lab(26.1542% 15.7545 -51.5504);\n      --color-gray-300: lab(85.1236% -.612259 -3.7138);\n      --color-gray-800: lab(16.1051% -1.18239 -11.7533);\n    }\n  }\n}\n\n@layer base {\n  *, :after, :before, ::backdrop {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  ::file-selector-button {\n    box-sizing: border-box;\n    border: 0 solid;\n    margin: 0;\n    padding: 0;\n  }\n\n  html, :host {\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    line-height: 1.5;\n    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\");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n\n  abbr:where([title]) {\n    text-decoration: underline dotted;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n\n  b, strong {\n    font-weight: bolder;\n  }\n\n  code, kbd, samp, pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n\n  small {\n    font-size: 80%;\n  }\n\n  sub, sup {\n    vertical-align: baseline;\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n  }\n\n  sub {\n    bottom: -.25em;\n  }\n\n  sup {\n    top: -.5em;\n  }\n\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n\n  :-moz-focusring:where(:not(iframe)) {\n    outline: auto;\n  }\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  summary {\n    display: list-item;\n  }\n\n  ol, ul, menu {\n    list-style: none;\n  }\n\n  img, svg, video, canvas, audio, iframe, embed, object {\n    vertical-align: middle;\n    display: block;\n  }\n\n  img, video {\n    max-width: 100%;\n    height: auto;\n  }\n\n  button, input, select, optgroup, textarea {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    opacity: 1;\n    background-color: #0000;\n    border-radius: 0;\n  }\n\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n\n  ::placeholder {\n    opacity: 1;\n  }\n\n  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentColor;\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      ::placeholder {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n\n  textarea {\n    resize: vertical;\n  }\n\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n\n  ::-webkit-datetime-edit {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-year-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-month-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-day-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-hour-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-minute-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-second-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-millisecond-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n\n  button, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]) {\n    appearance: button;\n  }\n\n  ::file-selector-button {\n    appearance: button;\n  }\n\n  ::-webkit-inner-spin-button {\n    height: auto;\n  }\n\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  [hidden]:where(:not([hidden=\"until-found\"])) {\n    display: none !important;\n  }\n\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--muted) transparent;\n  }\n\n  :hover {\n    scrollbar-color: var(--muted-foreground) transparent;\n  }\n\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n\n  html :where(*) {\n    border-color: var(--color-border);\n    border-style: solid;\n    border-width: 0;\n  }\n\n  input {\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow;\n    transition-duration: .15s;\n    transition-timing-function: cubic-bezier(.4, 0, .2, 1);\n  }\n}\n\n@layer components {\n  .Orbital-Accordion {\n    flex-direction: column;\n    width: 100%;\n    display: flex;\n  }\n\n  .Orbital-Accordion-Item {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 1px;\n    width: 100%;\n  }\n\n  .Orbital-Accordion-Item:last-child {\n    border-bottom-style: var(--tw-border-style);\n    border-bottom-width: 0;\n  }\n\n  .Orbital-Accordion-Item [data-accordion-trigger] {\n    align-items: center;\n  }\n\n  .Orbital-Accordion-Item [data-accordion-chevron] {\n    transition: transform .2s ease-out;\n  }\n\n  .Orbital-Accordion-Item:has(.Orbital-Accordion-Item-Content[data-state=\"open\"]) [data-accordion-chevron] {\n    transform: rotate(180deg);\n  }\n\n  .Orbital-Accordion-Item-Content {\n    transition: height .2s ease-out;\n    overflow: hidden;\n  }\n\n  .Orbital-Accordion-Item-Content[data-state=\"closed\"] {\n    height: 0;\n  }\n\n  .Orbital-Accordion-Item-Inner {\n    align-items: flex-start;\n    gap: calc(var(--spacing) * 2);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    color: var(--color-muted-foreground);\n    flex-direction: column;\n    padding-bottom: 1rem;\n    display: flex;\n  }\n\n  .Orbital-Avatar {\n    background-color: var(--color-secondary);\n    color: var(--color-secondary-foreground);\n    flex-shrink: 0;\n    justify-content: center;\n    align-items: center;\n    display: inline-flex;\n    overflow: hidden;\n  }\n\n  .Orbital-Avatar[data-shape=\"round\"] {\n    border-radius: 2147483647px;\n  }\n\n  .Orbital-Avatar[data-shape=\"square\"] {\n    border-radius: var(--radius-md);\n  }\n\n  .Orbital-Avatar[data-size=\"xs\"] {\n    height: calc(var(--spacing) * 6);\n    width: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Avatar[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 8);\n    width: calc(var(--spacing) * 8);\n  }\n\n  .Orbital-Avatar[data-size=\"md\"] {\n    height: calc(var(--spacing) * 10);\n    width: calc(var(--spacing) * 10);\n  }\n\n  .Orbital-Avatar[data-size=\"lg\"] {\n    height: calc(var(--spacing) * 12);\n    width: calc(var(--spacing) * 12);\n  }\n\n  .Orbital-Avatar[data-size=\"xl\"] {\n    height: calc(var(--spacing) * 16);\n    width: calc(var(--spacing) * 16);\n  }\n\n  .Orbital-Avatar-Image {\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n  }\n\n  .Orbital-Avatar-Initials {\n    --tw-font-weight: var(--font-weight-medium);\n    width: 100%;\n    height: 100%;\n    font-weight: var(--font-weight-medium);\n    color: var(--color-secondary-foreground);\n    -webkit-user-select: none;\n    user-select: none;\n    justify-content: center;\n    align-items: center;\n    display: flex;\n  }\n\n  .Orbital-Avatar[data-size=\"xs\"] .Orbital-Avatar-Initials, .Orbital-Avatar[data-size=\"sm\"] .Orbital-Avatar-Initials {\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .Orbital-Avatar[data-size=\"md\"] .Orbital-Avatar-Initials {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .Orbital-Avatar[data-size=\"lg\"] .Orbital-Avatar-Initials {\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .Orbital-Avatar[data-size=\"xl\"] .Orbital-Avatar-Initials {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n  }\n\n  .Orbital-Avatar-Icon {\n    width: 100%;\n    height: 100%;\n    color: var(--color-secondary-foreground);\n    justify-content: center;\n    align-items: center;\n    display: flex;\n  }\n\n  .Orbital-Badge {\n    border-style: var(--tw-border-style);\n    padding-inline: calc(var(--spacing) * 2);\n    padding-block: calc(var(--spacing) * .5);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n    border-width: 1px;\n    border-radius: 2147483647px;\n    align-items: center;\n    display: inline-flex;\n  }\n\n  .Orbital-Badge:focus {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--color-ring);\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .Orbital-Badge[data-variant=\"default\"] {\n    background-color: var(--color-primary);\n    color: var(--color-primary-foreground);\n    border-color: #0000;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Badge[data-variant=\"default\"]:hover {\n      background-color: var(--color-primary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Badge[data-variant=\"default\"]:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 80%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Badge[data-variant=\"secondary\"] {\n    background-color: var(--color-secondary);\n    color: var(--color-secondary-foreground);\n    border-color: #0000;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Badge[data-variant=\"secondary\"]:hover {\n      background-color: var(--color-secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Badge[data-variant=\"secondary\"]:hover {\n        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Badge[data-variant=\"destructive\"] {\n    background-color: var(--color-destructive);\n    color: var(--color-destructive-foreground);\n    border-color: #0000;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Badge[data-variant=\"destructive\"]:hover {\n      background-color: var(--color-destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Badge[data-variant=\"destructive\"]:hover {\n        background-color: color-mix(in oklab, var(--color-destructive) 80%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Badge[data-variant=\"outline\"] {\n    color: var(--color-card-foreground);\n  }\n\n  .Orbital-Badge[data-variant=\"ghost\"] {\n    background-color: #0000;\n    border-color: #0000;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Badge[data-variant=\"ghost\"]:hover {\n      background-color: var(--color-accent);\n      color: var(--color-accent-foreground);\n    }\n  }\n\n  .Orbital-Badge-Dot {\n    margin-left: calc(var(--spacing) * 1.5);\n    height: calc(var(--spacing) * 2);\n    width: calc(var(--spacing) * 2);\n    border-radius: 2147483647px;\n    display: inline-block;\n  }\n\n  .Orbital-Badge > .Orbital-Icon {\n    margin-right: var(--spacing);\n    margin-left: calc(var(--spacing) * -.5);\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"default\"] {\n    background-color: currentColor;\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"success\"] {\n    background-color: var(--color-tone-success);\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"warning\"] {\n    background-color: var(--color-tone-warning);\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"danger\"] {\n    background-color: var(--color-tone-danger);\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"info\"] {\n    background-color: var(--color-tone-info);\n  }\n\n  .Orbital-Badge-Dot[data-tone=\"subdued\"] {\n    background-color: var(--color-muted-foreground);\n  }\n\n  :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"success\"] {\n    background-color: #22c55e;\n  }\n\n  :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"warning\"] {\n    background-color: #eab308;\n  }\n\n  :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"danger\"] {\n    background-color: #ef4444;\n  }\n\n  :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"info\"] {\n    background-color: #6db3ff;\n  }\n\n  :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"subdued\"] {\n    background-color: #a1a1aa;\n  }\n\n  .dark :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"success\"] {\n    background-color: #16a34a;\n  }\n\n  .dark :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"warning\"] {\n    background-color: #ca8a04;\n  }\n\n  .dark :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"danger\"] {\n    background-color: #dc2626;\n  }\n\n  .dark :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"info\"] {\n    background-color: #2b7fff;\n  }\n\n  .dark :is(.Orbital-Badge[data-variant=\"default\"], .Orbital-Badge[data-variant=\"destructive\"]) .Orbital-Badge-Dot[data-tone=\"subdued\"] {\n    background-color: #71717a;\n  }\n\n  .Orbital-Button {\n    cursor: pointer;\n    justify-content: center;\n    align-items: center;\n    gap: calc(var(--spacing) * 2);\n    border-radius: var(--radius-md);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n    white-space: nowrap;\n    transition-property: all;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n    --tw-outline-style: none;\n    outline-style: none;\n    display: inline-flex;\n  }\n\n  .Orbital-Button:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--color-ring);\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .Orbital-Button[data-disabled=\"true\"] {\n    pointer-events: none;\n    opacity: .5;\n  }\n\n  .Orbital-Button[data-fullwidth] {\n    width: 100%;\n  }\n\n  .Orbital-Button[data-variant=\"default\"] {\n    background-color: var(--color-primary);\n    color: var(--color-primary-foreground);\n  }\n\n  @media (hover: hover) {\n    .Orbital-Button[data-variant=\"default\"]:hover {\n      background-color: var(--color-primary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Button[data-variant=\"default\"]:hover {\n        background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Button[data-variant=\"destructive\"] {\n    background-color: var(--color-destructive);\n    color: var(--color-white);\n  }\n\n  @media (hover: hover) {\n    .Orbital-Button[data-variant=\"destructive\"]:hover {\n      background-color: var(--color-destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Button[data-variant=\"destructive\"]:hover {\n        background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Button[data-variant=\"outline\"] {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--color-input);\n    background-color: var(--color-card);\n  }\n\n  @media (hover: hover) {\n    .Orbital-Button[data-variant=\"outline\"]:hover {\n      background-color: var(--color-accent);\n      color: var(--color-accent-foreground);\n    }\n  }\n\n  .Orbital-Button[data-variant=\"secondary\"] {\n    background-color: var(--color-secondary);\n    color: var(--color-secondary-foreground);\n  }\n\n  @media (hover: hover) {\n    .Orbital-Button[data-variant=\"secondary\"]:hover {\n      background-color: var(--color-secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      .Orbital-Button[data-variant=\"secondary\"]:hover {\n        background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);\n      }\n    }\n\n    .Orbital-Button[data-variant=\"ghost\"]:hover {\n      background-color: var(--color-accent);\n      color: var(--color-accent-foreground);\n    }\n  }\n\n  .Orbital-Button[data-variant=\"link\"] {\n    color: var(--color-primary);\n    text-underline-offset: 4px;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Button[data-variant=\"link\"]:hover {\n      text-decoration-line: underline;\n    }\n  }\n\n  .Orbital-Button[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 6);\n    gap: calc(var(--spacing) * 1.5);\n    border-radius: var(--radius-md);\n    padding-inline: calc(var(--spacing) * 3);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n  }\n\n  .Orbital-Button[data-size=\"default\"] {\n    height: calc(var(--spacing) * 8);\n    padding-inline: calc(var(--spacing) * 4);\n    padding-block: var(--spacing);\n  }\n\n  .Orbital-Button[data-size=\"lg\"] {\n    height: calc(var(--spacing) * 11);\n    border-radius: var(--radius-md);\n    padding-inline: calc(var(--spacing) * 6);\n    font-size: var(--text-base);\n    line-height: var(--tw-leading, var(--text-base--line-height));\n  }\n\n  .Orbital-Button[data-size=\"icon\"] {\n    width: calc(var(--spacing) * 8);\n    height: calc(var(--spacing) * 8);\n    flex-shrink: 0;\n    padding: 0;\n  }\n\n  .Orbital-ButtonGroup {\n    align-items: stretch;\n    display: flex;\n  }\n\n  .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > .Orbital-Button:not(:first-child), .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > :not(:first-child) .Orbital-Button, .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > .Orbital-Dropdown-Container:not(:first-child) {\n    border-left-style: var(--tw-border-style);\n    border-left-width: 0;\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > .Orbital-Button:not(:last-child), .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > :not(:last-child) .Orbital-Button, .Orbital-ButtonGroup[data-orientation=\"horizontal\"] > .Orbital-Dropdown-Container:not(:last-child) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n\n  .Orbital-ButtonGroup[data-orientation=\"vertical\"] {\n    flex-direction: column;\n  }\n\n  .Orbital-ButtonGroup[data-orientation=\"vertical\"] > .Orbital-Button:not(:first-child), .Orbital-ButtonGroup[data-orientation=\"vertical\"] > :not(:first-child) .Orbital-Button, .Orbital-ButtonGroup[data-orientation=\"vertical\"] > .Orbital-Dropdown-Container:not(:first-child) {\n    border-top-style: var(--tw-border-style);\n    border-top-width: 0;\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  .Orbital-ButtonGroup[data-orientation=\"vertical\"] > .Orbital-Button:not(:last-child), .Orbital-ButtonGroup[data-orientation=\"vertical\"] > :not(:last-child) .Orbital-Button, .Orbital-ButtonGroup[data-orientation=\"vertical\"] > .Orbital-Dropdown-Container:not(:last-child) {\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n\n  .Orbital-Card {\n    border-radius: var(--radius-lg);\n    border-style: var(--tw-border-style);\n    background-color: var(--color-card);\n    color: var(--color-card-foreground);\n    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    border-width: 1px;\n    flex-direction: column;\n    display: flex;\n  }\n\n  .Orbital-Card-Header {\n    flex-direction: column;\n    display: flex;\n  }\n\n  :where(.Orbital-Card-Header > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));\n    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .Orbital-Card-Header {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Card-Content {\n    padding: calc(var(--spacing) * 6);\n    flex: 1;\n    padding-top: 0;\n  }\n\n  .Orbital-Card-Content:first-child {\n    padding-top: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Card-Content[data-gap] {\n    gap: var(--card-gap);\n    flex-direction: column;\n    display: flex;\n  }\n\n  .Orbital-Card-Content[data-gap=\"0\"] {\n    --card-gap: 0px;\n  }\n\n  .Orbital-Card-Content[data-gap=\"0.5\"] {\n    --card-gap: .125rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"1\"] {\n    --card-gap: .25rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"1.5\"] {\n    --card-gap: .375rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"2\"] {\n    --card-gap: .5rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"3\"] {\n    --card-gap: .75rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"4\"] {\n    --card-gap: 1rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"5\"] {\n    --card-gap: 1.25rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"6\"] {\n    --card-gap: 1.5rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"8\"] {\n    --card-gap: 2rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"10\"] {\n    --card-gap: 2.5rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"12\"] {\n    --card-gap: 3rem;\n  }\n\n  .Orbital-Card-Content[data-gap=\"16\"] {\n    --card-gap: 4rem;\n  }\n\n  .Orbital-Card-Content[data-padding] {\n    padding-inline: var(--card-padding, 1.5rem);\n    padding-bottom: var(--card-padding, 1.5rem);\n  }\n\n  .Orbital-Card-Content[data-padding]:first-child {\n    padding-top: var(--card-padding, 1.5rem);\n  }\n\n  .Orbital-Card-Content[data-padding=\"0\"] {\n    --card-padding: 0px;\n  }\n\n  .Orbital-Card-Content[data-padding=\"0.5\"] {\n    --card-padding: .125rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"1\"] {\n    --card-padding: .25rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"1.5\"] {\n    --card-padding: .375rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"2\"] {\n    --card-padding: .5rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"3\"] {\n    --card-padding: .75rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"4\"] {\n    --card-padding: 1rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"5\"] {\n    --card-padding: 1.25rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"6\"] {\n    --card-padding: 1.5rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"8\"] {\n    --card-padding: 2rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"10\"] {\n    --card-padding: 2.5rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"12\"] {\n    --card-padding: 3rem;\n  }\n\n  .Orbital-Card-Content[data-padding=\"16\"] {\n    --card-padding: 4rem;\n  }\n\n  .Orbital-Card-Footer {\n    padding: calc(var(--spacing) * 6);\n    align-items: center;\n    margin-top: auto;\n    padding-top: 0;\n    display: flex;\n  }\n\n  .Orbital-Card-Title {\n    font-size: var(--text-body-md);\n    line-height: var(--tw-leading, var(--text-body-md--line-height));\n    --tw-leading: 1;\n    --tw-font-weight: var(--font-weight-semibold);\n    line-height: 1;\n    font-weight: var(--font-weight-semibold);\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .Orbital-Card-Description {\n    font-size: var(--text-body-md);\n    line-height: var(--tw-leading, var(--text-body-md--line-height));\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Card-Action {\n    align-items: center;\n    display: flex;\n  }\n\n  .Orbital-CheckBox {\n    gap: calc(var(--spacing) * 1.5);\n    --tw-leading: 1;\n    line-height: 1;\n    display: grid;\n  }\n\n  .Orbital-CheckBox-Label {\n    cursor: pointer;\n    align-items: center;\n    gap: calc(var(--spacing) * 2);\n    -webkit-user-select: none;\n    user-select: none;\n    display: flex;\n  }\n\n  .Orbital-CheckBox-Control {\n    cursor: pointer;\n    align-items: center;\n    gap: calc(var(--spacing) * 2);\n    display: flex;\n    position: relative;\n  }\n\n  .Orbital-CheckBox-Input {\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .Orbital-CheckBox-Indicator {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n    border-radius: var(--radius-sm);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--color-gray-800);\n    background-color: var(--color-white);\n    position: relative;\n  }\n\n  .Orbital-CheckBox-Input:checked + .Orbital-CheckBox-Indicator {\n    background-color: var(--color-primary);\n  }\n\n  .Orbital-CheckBox-Icon {\n    padding: var(--spacing);\n    color: var(--color-white);\n    display: none;\n    position: absolute;\n    left: 0;\n  }\n\n  .Orbital-CheckBox-Input:checked ~ .Orbital-CheckBox-Icon {\n    display: inline-flex;\n  }\n\n  .Orbital-CheckBox-Input:disabled ~ .Orbital-CheckBox-Icon {\n    opacity: .75;\n  }\n\n  .Orbital-CheckBox-Input:disabled + .Orbital-CheckBox-Indicator, .Orbital-CheckBox:has(.Orbital-CheckBox-Input:disabled) .Orbital-CheckBox-Label {\n    cursor: not-allowed;\n    opacity: .75;\n  }\n\n  .Orbital-Grid {\n    display: grid;\n  }\n\n  .Orbital-Grid[data-columns=\"1\"] {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"2\"] {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"3\"] {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"4\"] {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"5\"] {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"6\"] {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-columns=\"12\"] {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n  }\n\n  .Orbital-Grid[data-gap=\"0\"] {\n    --grid-gap: 0px;\n  }\n\n  .Orbital-Grid[data-gap=\"0.5\"] {\n    --grid-gap: .125rem;\n  }\n\n  .Orbital-Grid[data-gap=\"1\"] {\n    --grid-gap: .25rem;\n  }\n\n  .Orbital-Grid[data-gap=\"1.5\"] {\n    --grid-gap: .375rem;\n  }\n\n  .Orbital-Grid[data-gap=\"2\"] {\n    --grid-gap: .5rem;\n  }\n\n  .Orbital-Grid[data-gap=\"3\"] {\n    --grid-gap: .75rem;\n  }\n\n  .Orbital-Grid[data-gap=\"4\"] {\n    --grid-gap: 1rem;\n  }\n\n  .Orbital-Grid[data-gap=\"5\"] {\n    --grid-gap: 1.25rem;\n  }\n\n  .Orbital-Grid[data-gap=\"6\"] {\n    --grid-gap: 1.5rem;\n  }\n\n  .Orbital-Grid[data-gap=\"8\"] {\n    --grid-gap: 2rem;\n  }\n\n  .Orbital-Grid[data-gap=\"10\"] {\n    --grid-gap: 2.5rem;\n  }\n\n  .Orbital-Grid[data-gap=\"12\"] {\n    --grid-gap: 3rem;\n  }\n\n  .Orbital-Grid[data-gap=\"16\"] {\n    --grid-gap: 4rem;\n  }\n\n  .Orbital-Grid {\n    gap: var(--grid-gap, 1rem);\n  }\n\n  .Orbital-Grid > [data-grid-span=\"2\"] {\n    grid-column: span 2;\n  }\n\n  .Orbital-Grid > [data-grid-span=\"3\"] {\n    grid-column: span 3;\n  }\n\n  .Orbital-Grid > [data-grid-span=\"4\"] {\n    grid-column: span 4;\n  }\n\n  .Orbital-Grid > [data-grid-span=\"5\"] {\n    grid-column: span 5;\n  }\n\n  .Orbital-Grid > [data-grid-span=\"6\"] {\n    grid-column: span 6;\n  }\n\n  .Orbital-Grid > [data-grid-span=\"12\"] {\n    grid-column: span 12;\n  }\n\n  .Orbital-Heading[data-tone=\"default\"] {\n    color: var(--color-card-foreground);\n  }\n\n  .Orbital-Heading[data-tone=\"subdued\"] {\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Heading[data-align=\"left\"] {\n    text-align: left;\n  }\n\n  .Orbital-Heading[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .Orbital-Heading[data-align=\"right\"] {\n    text-align: right;\n  }\n\n  .Orbital-Icon {\n    justify-content: center;\n    align-items: center;\n    display: flex;\n  }\n\n  .Orbital-Icon[data-size=\"xs\"] {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Icon[data-size=\"xs\"] > * {\n    height: calc(var(--spacing) * 2);\n    width: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-Icon[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Icon[data-size=\"sm\"] > * {\n    height: calc(var(--spacing) * 3);\n    width: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-Icon[data-size=\"md\"] {\n    height: calc(var(--spacing) * 5);\n    width: calc(var(--spacing) * 5);\n  }\n\n  .Orbital-Icon[data-size=\"md\"] > * {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Icon[data-size=\"lg\"] {\n    height: calc(var(--spacing) * 7);\n    width: calc(var(--spacing) * 7);\n  }\n\n  .Orbital-Icon[data-size=\"lg\"] > * {\n    height: calc(var(--spacing) * 6);\n    width: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Icon[data-size=\"xl\"] {\n    height: calc(var(--spacing) * 9);\n    width: calc(var(--spacing) * 9);\n  }\n\n  .Orbital-Icon[data-size=\"xl\"] > * {\n    height: calc(var(--spacing) * 8);\n    width: calc(var(--spacing) * 8);\n  }\n\n  .Orbital-Image {\n    display: inline-block;\n  }\n\n  .Orbital-Spinner[data-kind=\"notch\"] {\n    animation: var(--animate-spin);\n  }\n\n  .Orbital-Spinner[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Spinner[data-size=\"md\"] {\n    height: calc(var(--spacing) * 5);\n    width: calc(var(--spacing) * 5);\n  }\n\n  .Orbital-Spinner[data-size=\"lg\"] {\n    height: calc(var(--spacing) * 7);\n    width: calc(var(--spacing) * 7);\n  }\n\n  .Orbital-Kbd {\n    pointer-events: none;\n    background-color: var(--color-muted);\n    color: var(--color-muted-foreground);\n    height: calc(var(--spacing) * 5);\n    width: fit-content;\n    min-width: calc(var(--spacing) * 5);\n    justify-content: center;\n    align-items: center;\n    gap: var(--spacing);\n    border-radius: var(--radius-sm);\n    border-style: var(--tw-border-style);\n    padding-inline: var(--spacing);\n    font-family: var(--font-sans);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n    -webkit-user-select: none;\n    user-select: none;\n    border-width: 1px;\n    display: inline-flex;\n  }\n\n  .Orbital-KbdGroup {\n    align-items: center;\n    gap: var(--spacing);\n    display: inline-flex;\n  }\n\n  .Orbital-NavigationMenu {\n    align-items: center;\n    gap: calc(var(--spacing) * 3);\n    width: 100%;\n    display: flex;\n    container-type: inline-size;\n  }\n\n  .Orbital-NavigationMenu-Toggle {\n    cursor: pointer;\n    border-radius: var(--radius-md);\n    padding: calc(var(--spacing) * 1.5);\n    justify-content: center;\n    align-items: center;\n    margin-left: auto;\n    display: flex;\n  }\n\n  @media (hover: hover) {\n    .Orbital-NavigationMenu-Toggle:hover {\n      background-color: var(--color-accent);\n    }\n  }\n\n  .Orbital-NavigationMenu-Content {\n    align-items: center;\n    gap: calc(var(--spacing) * 3);\n    width: 100%;\n    display: none;\n  }\n\n  .Orbital-NavigationMenu-Mobile {\n    display: none;\n  }\n\n  .Orbital-NavigationMenu-Mobile:popover-open {\n    align-items: stretch;\n    gap: var(--spacing);\n    padding: calc(var(--spacing) * 2);\n    border-radius: var(--radius-lg);\n    border-style: var(--tw-border-style);\n    background-color: var(--color-popover);\n    color: var(--color-popover-foreground);\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    z-index: 50;\n    inset: auto;\n    top: anchor(bottom, 3.5rem);\n    right: anchor(right, 1rem);\n    border-width: 1px;\n    flex-direction: column;\n    width: max-content;\n    min-width: 14rem;\n    max-width: calc(100vw - 2rem);\n    margin: 0;\n    display: flex;\n    position: fixed;\n  }\n\n  @container (width >= 768px) {\n    .Orbital-NavigationMenu-Content {\n      display: flex;\n    }\n\n    .Orbital-NavigationMenu-Toggle {\n      display: none;\n    }\n  }\n\n  .Orbital-ProgressBar {\n    background-color: var(--color-muted);\n    border-radius: 2147483647px;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .Orbital-ProgressBar[data-size=\"xs\"] {\n    height: var(--spacing);\n  }\n\n  .Orbital-ProgressBar[data-size=\"sm\"] {\n    height: calc(var(--spacing) * 1.5);\n  }\n\n  .Orbital-ProgressBar[data-size=\"md\"] {\n    height: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-ProgressBar[data-size=\"lg\"] {\n    height: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-ProgressBar[data-size=\"xl\"] {\n    height: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-ProgressBar-Fill {\n    background-color: var(--color-primary);\n    height: 100%;\n    transition-property: width;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n    --tw-duration: .3s;\n    --tw-ease: var(--ease-out);\n    transition-duration: .3s;\n    transition-timing-function: var(--ease-out);\n    border-radius: 2147483647px;\n  }\n\n  .Orbital-Prose {\n    font-size: var(--text-body-md);\n    line-height: var(--tw-leading, var(--text-body-md--line-height));\n    --tw-leading: var(--leading-relaxed);\n    line-height: var(--leading-relaxed);\n    color: var(--color-card-foreground);\n  }\n\n  .Orbital-Prose p {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-Prose p:last-child {\n    margin-bottom: 0;\n  }\n\n  .Orbital-Prose ul, .Orbital-Prose ol {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  :where(:is(.Orbital-Prose ul, .Orbital-Prose ol) > :not(:last-child)) {\n    --tw-space-y-reverse: 0;\n    margin-block-start: calc(var(--spacing) * var(--tw-space-y-reverse));\n    margin-block-end: calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)));\n  }\n\n  .Orbital-Prose ul, .Orbital-Prose ol {\n    padding-left: calc(var(--spacing) * 5);\n  }\n\n  :is(.Orbital-Prose ul, .Orbital-Prose ol):last-child {\n    margin-bottom: 0;\n  }\n\n  .Orbital-Prose ul {\n    list-style-type: disc;\n  }\n\n  .Orbital-Prose ol {\n    list-style-type: decimal;\n  }\n\n  .Orbital-Prose a {\n    text-underline-offset: 4px;\n    text-decoration-line: underline;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Prose a:hover {\n      color: var(--color-primary);\n    }\n  }\n\n  .Orbital-Prose code {\n    background-color: var(--color-muted);\n    padding-inline: var(--spacing);\n    padding-block: calc(var(--spacing) * .5);\n    font-family: var(--font-mono);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    border-radius: .25rem;\n  }\n\n  .Orbital-Prose strong {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .Orbital-Separator {\n    background-color: var(--color-border);\n    flex-shrink: 0;\n  }\n\n  .Orbital-Separator[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 1px;\n  }\n\n  .Orbital-Separator[data-orientation=\"vertical\"] {\n    width: 1px;\n    height: 100%;\n  }\n\n  .Orbital-Stack {\n    flex-direction: column;\n    display: flex;\n  }\n\n  .Orbital-Stack[data-gap=\"0\"] {\n    --stack-gap: 0px;\n  }\n\n  .Orbital-Stack[data-gap=\"0.5\"] {\n    --stack-gap: .125rem;\n  }\n\n  .Orbital-Stack[data-gap=\"1\"] {\n    --stack-gap: .25rem;\n  }\n\n  .Orbital-Stack[data-gap=\"1.5\"] {\n    --stack-gap: .375rem;\n  }\n\n  .Orbital-Stack[data-gap=\"2\"] {\n    --stack-gap: .5rem;\n  }\n\n  .Orbital-Stack[data-gap=\"3\"] {\n    --stack-gap: .75rem;\n  }\n\n  .Orbital-Stack[data-gap=\"4\"] {\n    --stack-gap: 1rem;\n  }\n\n  .Orbital-Stack[data-gap=\"5\"] {\n    --stack-gap: 1.25rem;\n  }\n\n  .Orbital-Stack[data-gap=\"6\"] {\n    --stack-gap: 1.5rem;\n  }\n\n  .Orbital-Stack[data-gap=\"8\"] {\n    --stack-gap: 2rem;\n  }\n\n  .Orbital-Stack[data-gap=\"10\"] {\n    --stack-gap: 2.5rem;\n  }\n\n  .Orbital-Stack[data-gap=\"12\"] {\n    --stack-gap: 3rem;\n  }\n\n  .Orbital-Stack[data-gap=\"16\"] {\n    --stack-gap: 4rem;\n  }\n\n  .Orbital-Stack {\n    gap: var(--stack-gap, 1rem);\n  }\n\n  .Orbital-Stack[data-align=\"start\"] {\n    align-items: flex-start;\n  }\n\n  .Orbital-Stack[data-align=\"center\"] {\n    align-items: center;\n  }\n\n  .Orbital-Stack[data-align=\"end\"] {\n    align-items: flex-end;\n  }\n\n  .Orbital-Stack[data-align=\"stretch\"] {\n    align-items: stretch;\n  }\n\n  .Orbital-Stack[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .Orbital-Stack[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .Orbital-Stack[data-justify=\"end\"] {\n    justify-content: flex-end;\n  }\n\n  .Orbital-Stack[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  .Orbital-Stack[data-justify=\"around\"] {\n    justify-content: space-around;\n  }\n\n  .Orbital-Stack[data-justify=\"evenly\"] {\n    justify-content: space-evenly;\n  }\n\n  .Orbital-Stack[data-padding=\"0.5\"] {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .Orbital-Stack[data-padding=\"1\"] {\n    padding: var(--spacing);\n  }\n\n  .Orbital-Stack[data-padding=\"1.5\"] {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .Orbital-Stack[data-padding=\"2\"] {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-Stack[data-padding=\"3\"] {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-Stack[data-padding=\"4\"] {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Stack[data-padding=\"5\"] {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .Orbital-Stack[data-padding=\"6\"] {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Stack[data-padding=\"8\"] {\n    padding: calc(var(--spacing) * 8);\n  }\n\n  .Orbital-Stack[data-padding=\"10\"] {\n    padding: calc(var(--spacing) * 10);\n  }\n\n  .Orbital-Stack[data-padding=\"12\"] {\n    padding: calc(var(--spacing) * 12);\n  }\n\n  .Orbital-Stack[data-padding=\"16\"] {\n    padding: calc(var(--spacing) * 16);\n  }\n\n  .Orbital-Stack[data-dividers] > * + * {\n    position: relative;\n  }\n\n  .Orbital-Stack[data-dividers] > * + :before {\n    content: \"\";\n    top: calc(-.5 * var(--stack-gap, 1rem) - .5px);\n    border-top: 1px solid var(--color-border);\n    pointer-events: none;\n    position: absolute;\n    left: 0;\n    right: 0;\n  }\n\n  .Orbital-InlineStack {\n    flex-direction: row;\n    display: flex;\n  }\n\n  .Orbital-InlineStack[data-gap=\"0\"] {\n    --inline-stack-gap: 0px;\n  }\n\n  .Orbital-InlineStack[data-gap=\"0.5\"] {\n    --inline-stack-gap: .125rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"1\"] {\n    --inline-stack-gap: .25rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"1.5\"] {\n    --inline-stack-gap: .375rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"2\"] {\n    --inline-stack-gap: .5rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"3\"] {\n    --inline-stack-gap: .75rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"4\"] {\n    --inline-stack-gap: 1rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"5\"] {\n    --inline-stack-gap: 1.25rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"6\"] {\n    --inline-stack-gap: 1.5rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"8\"] {\n    --inline-stack-gap: 2rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"10\"] {\n    --inline-stack-gap: 2.5rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"12\"] {\n    --inline-stack-gap: 3rem;\n  }\n\n  .Orbital-InlineStack[data-gap=\"16\"] {\n    --inline-stack-gap: 4rem;\n  }\n\n  .Orbital-InlineStack {\n    gap: var(--inline-stack-gap, 1rem);\n  }\n\n  .Orbital-InlineStack[data-align=\"start\"] {\n    align-items: flex-start;\n  }\n\n  .Orbital-InlineStack[data-align=\"center\"] {\n    align-items: center;\n  }\n\n  .Orbital-InlineStack[data-align=\"end\"] {\n    align-items: flex-end;\n  }\n\n  .Orbital-InlineStack[data-align=\"stretch\"] {\n    align-items: stretch;\n  }\n\n  .Orbital-InlineStack[data-justify=\"start\"] {\n    justify-content: flex-start;\n  }\n\n  .Orbital-InlineStack[data-justify=\"center\"] {\n    justify-content: center;\n  }\n\n  .Orbital-InlineStack[data-justify=\"end\"] {\n    justify-content: flex-end;\n  }\n\n  .Orbital-InlineStack[data-justify=\"between\"] {\n    justify-content: space-between;\n  }\n\n  .Orbital-InlineStack[data-justify=\"around\"] {\n    justify-content: space-around;\n  }\n\n  .Orbital-InlineStack[data-justify=\"evenly\"] {\n    justify-content: space-evenly;\n  }\n\n  .Orbital-InlineStack[data-padding=\"0.5\"] {\n    padding: calc(var(--spacing) * .5);\n  }\n\n  .Orbital-InlineStack[data-padding=\"1\"] {\n    padding: var(--spacing);\n  }\n\n  .Orbital-InlineStack[data-padding=\"1.5\"] {\n    padding: calc(var(--spacing) * 1.5);\n  }\n\n  .Orbital-InlineStack[data-padding=\"2\"] {\n    padding: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-InlineStack[data-padding=\"3\"] {\n    padding: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-InlineStack[data-padding=\"4\"] {\n    padding: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-InlineStack[data-padding=\"5\"] {\n    padding: calc(var(--spacing) * 5);\n  }\n\n  .Orbital-InlineStack[data-padding=\"6\"] {\n    padding: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-InlineStack[data-padding=\"8\"] {\n    padding: calc(var(--spacing) * 8);\n  }\n\n  .Orbital-InlineStack[data-padding=\"10\"] {\n    padding: calc(var(--spacing) * 10);\n  }\n\n  .Orbital-InlineStack[data-padding=\"12\"] {\n    padding: calc(var(--spacing) * 12);\n  }\n\n  .Orbital-InlineStack[data-padding=\"16\"] {\n    padding: calc(var(--spacing) * 16);\n  }\n\n  .Orbital-InlineStack[data-wrap] {\n    flex-wrap: wrap;\n  }\n\n  .Orbital-InlineStack[data-wrap=\"reverse\"] {\n    flex-wrap: wrap-reverse;\n  }\n\n  .Orbital-Text {\n    font-size: var(--text-body-md);\n    line-height: var(--text-body-md--line-height);\n  }\n\n  .Orbital-Text .Orbital-Text {\n    font-size: inherit;\n    line-height: inherit;\n  }\n\n  .Orbital-Text[data-tone=\"subdued\"] {\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Text[data-tone=\"success\"] {\n    color: var(--color-tone-success);\n  }\n\n  .Orbital-Text[data-tone=\"warning\"] {\n    color: var(--color-tone-warning);\n  }\n\n  .Orbital-Text[data-tone=\"danger\"] {\n    color: var(--color-tone-danger);\n  }\n\n  .Orbital-Text[data-tone=\"info\"] {\n    color: var(--color-tone-info);\n  }\n\n  .Orbital-Text[data-tone=\"magic\"] {\n    color: var(--color-tone-magic);\n  }\n\n  .Orbital-Text[data-align=\"center\"] {\n    text-align: center;\n  }\n\n  .Orbital-Text[data-align=\"right\"] {\n    text-align: right;\n  }\n\n  .Orbital-Field {\n    width: 100%;\n    max-width: var(--container-sm);\n    gap: var(--spacing);\n    text-align: left;\n    display: grid;\n  }\n\n  .Orbital-Field[data-fullwidth=\"true\"] {\n    width: 100%;\n  }\n\n  .Orbital-Field-Label {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  :is(:where(.peer):disabled ~ .Orbital-Field-Label) {\n    cursor: not-allowed;\n    opacity: .7;\n  }\n\n  .Orbital-Field-Label[data-hidden=\"true\"] {\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .Orbital-Input {\n    align-items: center;\n    display: flex;\n    position: relative;\n  }\n\n  .Orbital-Input input, .Orbital-Input textarea {\n    border-radius: var(--radius-md);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--color-input);\n    background-color: var(--color-card);\n    width: 100%;\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 2);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    --tw-ring-offset-color: var(--color-card);\n    display: flex;\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea)::placeholder {\n    color: var(--color-gray-300);\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea)::file-selector-button {\n    border-style: var(--tw-border-style);\n    border-width: 0;\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea)::file-selector-button {\n    background-color: #0000;\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea)::file-selector-button {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea)::file-selector-button {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea):focus-visible {\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea):disabled {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea):focus-visible {\n    border-color: var(--color-primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :is(.Orbital-Input input, .Orbital-Input textarea):focus-visible {\n      border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);\n    }\n  }\n\n  :is(.Orbital-Input input, .Orbital-Input textarea):focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--color-primary);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    :is(.Orbital-Input input, .Orbital-Input textarea):focus-visible {\n      --tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent);\n    }\n  }\n\n  @media (hover: hover) {\n    :is(.Orbital-Input input, .Orbital-Input textarea):hover {\n      background-color: var(--color-secondary);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      :is(.Orbital-Input input, .Orbital-Input textarea):hover {\n        background-color: color-mix(in oklab, var(--color-secondary) 30%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Input input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    height: calc(var(--spacing) * 8);\n  }\n\n  .Orbital-Input input[data-error=\"true\"], .Orbital-Input textarea[data-error=\"true\"] {\n    border-color: var(--color-red-500);\n  }\n\n  .Orbital-Input input[data-align=\"right\"], .Orbital-Input textarea[data-align=\"right\"] {\n    text-align: right;\n  }\n\n  .Orbital-Field-Help {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .Orbital-Input-Icon {\n    pointer-events: none;\n    align-items: center;\n    gap: var(--spacing);\n    display: flex;\n    position: absolute;\n  }\n\n  .Orbital-Input-Icon[data-position=\"left\"] {\n    left: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-Input-Icon[data-position=\"right\"] {\n    right: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-Input textarea.noresize {\n    resize: none;\n  }\n\n  .Orbital-Input input[readonly], .Orbital-Input textarea[readonly] {\n    background: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Input input[readonly], .Orbital-Input textarea[readonly] {\n      background: color-mix(in oklab, var(--muted) 40%, var(--card));\n    }\n  }\n\n  .Orbital-Input input[readonly], .Orbital-Input textarea[readonly] {\n    cursor: default;\n  }\n\n  .Orbital-Input input[readonly]:hover, .Orbital-Input textarea[readonly]:hover {\n    background: var(--muted);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Input input[readonly]:hover, .Orbital-Input textarea[readonly]:hover {\n      background: color-mix(in oklab, var(--muted) 40%, var(--card));\n    }\n  }\n\n  .Orbital-Typography[data-variant=\"h1\"] {\n    scroll-margin: calc(var(--spacing) * 20);\n    font-size: var(--text-4xl);\n    line-height: var(--tw-leading, var(--text-4xl--line-height));\n    --tw-font-weight: var(--font-weight-extrabold);\n    font-weight: var(--font-weight-extrabold);\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  @media (width >= 64rem) {\n    .Orbital-Typography[data-variant=\"h1\"] {\n      font-size: var(--text-5xl);\n      line-height: var(--tw-leading, var(--text-5xl--line-height));\n    }\n  }\n\n  .Orbital-Typography[data-variant=\"h2\"] {\n    scroll-margin: calc(var(--spacing) * 20);\n    border-bottom-style: var(--tw-border-style);\n    padding-bottom: calc(var(--spacing) * 2);\n    font-size: var(--text-3xl);\n    line-height: var(--tw-leading, var(--text-3xl--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n    border-bottom-width: 1px;\n  }\n\n  .Orbital-Typography[data-variant=\"h2\"]:first-child {\n    margin-top: 0;\n  }\n\n  .Orbital-Typography[data-variant=\"h3\"] {\n    scroll-margin: calc(var(--spacing) * 20);\n    font-size: var(--text-2xl);\n    line-height: var(--tw-leading, var(--text-2xl--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .Orbital-Typography[data-variant=\"h4\"] {\n    scroll-margin: calc(var(--spacing) * 20);\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n    --tw-tracking: var(--tracking-tight);\n    letter-spacing: var(--tracking-tight);\n  }\n\n  .Orbital-Typography[data-variant=\"blockquote\"] {\n    margin-top: calc(var(--spacing) * 6);\n    border-left-style: var(--tw-border-style);\n    padding-left: calc(var(--spacing) * 6);\n    border-left-width: 2px;\n    font-style: italic;\n  }\n\n  .Orbital-Typography[data-variant=\"list\"] {\n    margin-block: calc(var(--spacing) * 6);\n    margin-left: calc(var(--spacing) * 6);\n    list-style-type: disc;\n  }\n\n  .Orbital-Typography[data-variant=\"list\"] > li {\n    margin-top: calc(var(--spacing) * 2);\n  }\n\n  .Orbital-Typography[data-variant=\"lead\"] {\n    font-size: var(--text-xl);\n    line-height: var(--tw-leading, var(--text-xl--line-height));\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Typography[data-variant=\"large\"] {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .Orbital-Typography[data-variant=\"small\"] {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    --tw-leading: 1;\n    --tw-font-weight: var(--font-weight-medium);\n    line-height: 1;\n    font-weight: var(--font-weight-medium);\n  }\n\n  .Orbital-Typography[data-variant=\"muted\"] {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Typography[data-variant=\"p\"] {\n    --tw-leading: calc(var(--spacing) * 7);\n    line-height: calc(var(--spacing) * 7);\n  }\n\n  .Orbital-Typography[data-variant=\"p\"]:not(:first-child) {\n    margin-top: calc(var(--spacing) * 6);\n  }\n\n  .Orbital-Alert-Content {\n    align-items: flex-start;\n    gap: calc(var(--spacing) * 4);\n    display: flex;\n  }\n\n  .Orbital-Alert-Icon {\n    padding: calc(var(--spacing) * 2);\n    border-radius: 2147483647px;\n    flex-shrink: 0;\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"success\"] {\n    background-color: var(--color-tone-success);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Alert-Icon[data-variant=\"success\"] {\n      background-color: color-mix(in oklab, var(--color-tone-success) 10%, transparent);\n    }\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"success\"] {\n    color: var(--color-tone-success);\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"warning\"] {\n    background-color: var(--color-tone-warning);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Alert-Icon[data-variant=\"warning\"] {\n      background-color: color-mix(in oklab, var(--color-tone-warning) 10%, transparent);\n    }\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"warning\"] {\n    color: var(--color-tone-warning);\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"danger\"] {\n    background-color: var(--color-tone-danger);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Alert-Icon[data-variant=\"danger\"] {\n      background-color: color-mix(in oklab, var(--color-tone-danger) 10%, transparent);\n    }\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"danger\"] {\n    color: var(--color-tone-danger);\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"info\"] {\n    background-color: var(--color-tone-info);\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .Orbital-Alert-Icon[data-variant=\"info\"] {\n      background-color: color-mix(in oklab, var(--color-tone-info) 10%, transparent);\n    }\n  }\n\n  .Orbital-Alert-Icon[data-variant=\"info\"] {\n    color: var(--color-tone-info);\n  }\n\n  .Orbital-Alert-Text {\n    flex: 1;\n  }\n\n  .Orbital-Dialog[data-variant=\"success\"], .Orbital-Dialog[data-variant=\"warning\"], .Orbital-Dialog[data-variant=\"danger\"], .Orbital-Dialog[data-variant=\"info\"], .Orbital-Dialog[data-variant=\"default\"] {\n    max-width: var(--container-md);\n  }\n\n  .Orbital-ConfirmationDialog-Spinner {\n    margin-right: calc(var(--spacing) * 2);\n    display: inline-flex;\n  }\n\n  .Orbital-Button[disabled] {\n    cursor: not-allowed;\n    opacity: .7;\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  .animate-spin {\n    animation: 1s linear infinite spin;\n  }\n\n  .Orbital-Dialog[data-destructive=\"true\"] form button[type=\"submit\"], .Orbital-Dialog[data-destructive=\"true\"] .Orbital-Dialog-Footer button[type=\"submit\"] {\n    background-color: var(--color-destructive);\n    color: var(--color-destructive-foreground);\n  }\n\n  @media (hover: hover) {\n    :is(.Orbital-Dialog[data-destructive=\"true\"] form button[type=\"submit\"], .Orbital-Dialog[data-destructive=\"true\"] .Orbital-Dialog-Footer button[type=\"submit\"]):hover {\n      background-color: var(--color-destructive);\n    }\n\n    @supports (color: color-mix(in lab, red, red)) {\n      :is(.Orbital-Dialog[data-destructive=\"true\"] form button[type=\"submit\"], .Orbital-Dialog[data-destructive=\"true\"] .Orbital-Dialog-Footer button[type=\"submit\"]):hover {\n        background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);\n      }\n    }\n  }\n\n  .Orbital-Dialog[data-destructive=\"true\"] form button[type=\"submit\"][disabled], .Orbital-Dialog[data-destructive=\"true\"] .Orbital-Dialog-Footer button[type=\"submit\"][disabled] {\n    cursor: not-allowed;\n    opacity: .7;\n  }\n\n  .Orbital-Dialog {\n    border-radius: var(--radius-lg);\n    --tw-border-style: none;\n    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    background-color: var(--color-card);\n    color: var(--color-card-foreground);\n    border-style: none;\n    width: 100%;\n    padding: 0;\n    position: relative;\n    overflow: hidden;\n  }\n\n  .Orbital-Dialog-Close {\n    top: calc(var(--spacing) * 4);\n    right: calc(var(--spacing) * 4);\n    z-index: 10;\n    color: var(--color-muted-foreground);\n    position: absolute;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Dialog-Close:hover {\n      color: var(--color-card-foreground);\n    }\n  }\n\n  .Orbital-Dialog-Close {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n    border-radius: var(--radius-sm);\n    padding: var(--spacing);\n  }\n\n  .Orbital-Dialog-Close:focus-visible {\n    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    --tw-ring-color: var(--color-ring);\n    --tw-ring-offset-width: 2px;\n    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n  }\n\n  .Orbital-Dialog-Close {\n    cursor: pointer;\n  }\n\n  .Orbital-Dialog-Close svg {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Dialog-Header {\n    padding-inline: calc(var(--spacing) * 6);\n    padding-top: calc(var(--spacing) * 6);\n    padding-bottom: calc(var(--spacing) * 4);\n    flex-direction: column;\n    display: flex;\n  }\n\n  .Orbital-Dialog-Body {\n    padding-inline: calc(var(--spacing) * 6);\n    padding-block: calc(var(--spacing) * 4);\n    overflow-y: auto;\n  }\n\n  .Orbital-Dialog-Footer {\n    padding-inline: calc(var(--spacing) * 6);\n    padding-top: calc(var(--spacing) * 4);\n    padding-bottom: calc(var(--spacing) * 6);\n    justify-content: flex-end;\n    align-items: center;\n    gap: calc(var(--spacing) * 3);\n    display: flex;\n  }\n\n  .Orbital-Dialog-Title {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n    --tw-leading: 1;\n    --tw-font-weight: var(--font-weight-semibold);\n    line-height: 1;\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .Orbital-Dialog-Description {\n    margin-top: calc(var(--spacing) * 2);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    color: var(--color-muted-foreground);\n  }\n\n  @media (width <= 640px) {\n    .Orbital-Dialog {\n      max-width: 95vw;\n    }\n  }\n\n  .Orbital-Modal {\n    z-index: 9999;\n    display: none;\n    position: fixed;\n    inset: 0;\n  }\n\n  .Orbital-Modal[data-state=\"open\"] {\n    display: block;\n  }\n\n  .Orbital-Modal-Backdrop {\n    z-index: 0;\n    background: #00000080;\n    animation: .15s ease-out orbitalModalFadeIn;\n    position: fixed;\n    inset: 0;\n  }\n\n  .Orbital-Modal-Container {\n    z-index: 1;\n    pointer-events: none;\n    justify-content: center;\n    align-items: center;\n    padding: 1rem;\n    display: flex;\n    position: fixed;\n    inset: 0;\n  }\n\n  .Orbital-Modal-Panel {\n    pointer-events: auto;\n    width: fit-content;\n    min-width: 20rem;\n    animation: .15s ease-out orbitalModalPanelIn;\n    position: relative;\n  }\n\n  .Orbital-Modal-Panel[data-size=\"sm\"] {\n    max-width: 24rem;\n  }\n\n  .Orbital-Modal-Panel[data-size=\"default\"] {\n    max-width: 32rem;\n  }\n\n  .Orbital-Modal-Panel[data-size=\"lg\"] {\n    max-width: 42rem;\n  }\n\n  .Orbital-Modal-Panel[data-size=\"xl\"] {\n    max-width: 56rem;\n  }\n\n  .Orbital-Modal-Panel[data-size=\"full\"] {\n    max-width: 95vw;\n    max-height: 95vh;\n  }\n\n  @keyframes orbitalModalFadeIn {\n    0% {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes orbitalModalPanelIn {\n    0% {\n      opacity: 0;\n      transform: translateY(8px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .Orbital-Popover-Container {\n    display: inline-block;\n  }\n\n  .Orbital-Popover {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--color-border);\n    background-color: var(--color-popover);\n    color: var(--color-popover-foreground);\n    border-radius: var(--radius-md);\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    padding: calc(var(--spacing) * 4);\n    z-index: 50;\n    will-change: opacity, transform;\n    margin: 0;\n    position: absolute;\n  }\n\n  @starting-style {\n    .Orbital-Popover {\n      opacity: 0;\n    }\n  }\n\n  .Orbital-Popover {\n    opacity: 1;\n    transition: opacity 75ms cubic-bezier(.16, 1, .3, 1), transform 75ms cubic-bezier(.16, 1, .3, 1), display 75ms ease-out allow-discrete, overlay 75ms ease-out allow-discrete;\n    transform: translate(0);\n  }\n\n  @starting-style {\n    .Orbital-Popover:popover-open[data-placement^=\"bottom\"] {\n      transform: translateY(-4px);\n    }\n\n    .Orbital-Popover:popover-open[data-placement^=\"top\"] {\n      transform: translateY(4px);\n    }\n\n    .Orbital-Popover:popover-open[data-placement^=\"left\"] {\n      transform: translate(4px);\n    }\n\n    .Orbital-Popover:popover-open[data-placement^=\"right\"] {\n      transform: translate(-4px);\n    }\n  }\n\n  .Orbital-Popover:not(:popover-open) {\n    will-change: auto;\n  }\n\n  .Orbital-Popover:popover-open {\n    opacity: 1;\n    transform: translate(0);\n  }\n\n  .Orbital-Popover:popover-open:not([data-positioned]) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .Orbital-Popover:popover-open[data-positioned] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  @supports not selector(:popover-open) {\n    .Orbital-Popover[popover] {\n      display: none;\n    }\n  }\n\n  .Orbital-Dropdown {\n    padding: 0;\n    overflow: visible;\n  }\n\n  .Orbital-Dropdown .Orbital-Button[data-size=\"default\"] {\n    padding-right: calc(var(--spacing) * 2);\n    padding-left: calc(var(--spacing) * 3);\n    justify-content: space-between;\n  }\n\n  .Orbital-Dropdown-Container .Orbital-Button svg {\n    margin-left: var(--spacing);\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n  }\n\n  .Orbital-Dropdown-Item {\n    align-items: center;\n    gap: calc(var(--spacing) * 2);\n    border-radius: var(--radius-sm);\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 2);\n    cursor: pointer;\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    display: flex;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Dropdown-Item:hover {\n      background-color: var(--color-accent);\n      color: var(--color-accent-foreground);\n    }\n  }\n\n  .Orbital-Dropdown-Item:focus {\n    background-color: var(--color-accent);\n    color: var(--color-accent-foreground);\n  }\n\n  .Orbital-Dropdown-Item:focus-visible {\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .Orbital-Dropdown-Item {\n    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;\n    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n    transition-duration: var(--tw-duration, var(--default-transition-duration));\n    text-decoration-line: none;\n  }\n\n  a.Orbital-Dropdown-Item {\n    color: currentColor;\n  }\n\n  .Orbital-Dropdown-Separator {\n    margin-inline: calc(var(--spacing) * -1);\n    margin-block: var(--spacing);\n    background-color: var(--color-border);\n    height: 1px;\n  }\n\n  .Orbital-Dropdown-Label {\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 2);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Dropdown-Item .Orbital-Icon {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n    flex-shrink: 0;\n  }\n\n  .Orbital-Dropdown-Item[aria-disabled=\"true\"], .Orbital-Dropdown-Item[disabled] {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  .Orbital-Dropdown--fullwidth {\n    width: 100%;\n  }\n\n  .Orbital-Dropdown--fullwidth .Orbital-Button {\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .Orbital-Menu {\n    padding: var(--spacing);\n    flex-direction: column;\n    gap: 0;\n    min-width: 10rem;\n    display: flex;\n    overflow: visible;\n  }\n\n  .Orbital-Menu[data-orientation=\"horizontal\"] {\n    flex-direction: row;\n  }\n\n  .Orbital-Menu-Item {\n    align-items: center;\n    gap: calc(var(--spacing) * 2);\n    border-radius: var(--radius-sm);\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 2);\n    cursor: pointer;\n    text-align: left;\n    width: 100%;\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    display: flex;\n  }\n\n  @media (hover: hover) {\n    .Orbital-Menu-Item:hover {\n      background-color: var(--color-accent);\n      color: var(--color-accent-foreground);\n    }\n  }\n\n  .Orbital-Menu-Item:focus-visible {\n    background-color: var(--color-accent);\n    color: var(--color-accent-foreground);\n    --tw-outline-style: none;\n    outline-style: none;\n  }\n\n  .Orbital-Menu-Item {\n    text-decoration-line: none;\n  }\n\n  a.Orbital-Menu-Item {\n    color: currentColor;\n  }\n\n  .Orbital-Menu-Item .Orbital-Icon {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n    flex-shrink: 0;\n  }\n\n  .Orbital-Menu-Item-Content {\n    flex: 1;\n  }\n\n  .Orbital-Menu-Item-Shortcut {\n    padding-left: calc(var(--spacing) * 4);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    color: var(--color-muted-foreground);\n    margin-left: auto;\n  }\n\n  .Orbital-Menu-Item-Check {\n    height: calc(var(--spacing) * 4);\n    width: calc(var(--spacing) * 4);\n    flex-shrink: 0;\n    margin-left: auto;\n    display: none;\n  }\n\n  .Orbital-Menu-Item[data-selected=\"true\"] .Orbital-Menu-Item-Check {\n    display: block;\n  }\n\n  .Orbital-Menu-Item[data-active=\"true\"] {\n    background-color: var(--color-blue-50);\n    color: var(--color-blue-900);\n  }\n\n  .dark .Orbital-Menu-Item[data-active=\"true\"] {\n    background-color: #bedbff0d;\n  }\n\n  @supports (color: color-mix(in lab, red, red)) {\n    .dark .Orbital-Menu-Item[data-active=\"true\"] {\n      background-color: color-mix(in oklab, var(--color-blue-200) 5%, transparent);\n    }\n  }\n\n  .dark .Orbital-Menu-Item[data-active=\"true\"] {\n    color: var(--color-blue-50);\n  }\n\n  .Orbital-Menu-Item[data-selected=\"true\"] {\n    background-color: var(--color-accent);\n    color: var(--color-accent-foreground);\n  }\n\n  .Orbital-Menu-Item[data-destructive=\"true\"] {\n    color: var(--color-destructive);\n  }\n\n  .Orbital-Menu-Item[data-destructive=\"true\"]:hover, .Orbital-Menu-Item[data-destructive=\"true\"]:focus {\n    background-color: var(--color-red-50);\n    color: var(--color-red-900);\n  }\n\n  .dark .Orbital-Menu-Item[data-destructive=\"true\"]:hover, .dark .Orbital-Menu-Item[data-destructive=\"true\"]:focus {\n    background-color: var(--color-red-950);\n    color: var(--color-red-100);\n  }\n\n  .Orbital-Menu-Item[data-disabled=\"true\"], .Orbital-Menu-Item[aria-disabled=\"true\"] {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: .3;\n  }\n\n  .Orbital-Menu-Label {\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 2);\n    font-size: var(--text-xs);\n    line-height: var(--tw-leading, var(--text-xs--line-height));\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Menu-Separator {\n    margin-inline: calc(var(--spacing) * -1);\n    margin-block: var(--spacing);\n    background-color: var(--color-border);\n    height: 1px;\n  }\n\n  .Orbital-Menu-Sub {\n    position: relative;\n  }\n\n  .Orbital-Menu-Sub-Icon {\n    margin-left: auto;\n  }\n\n  .Orbital-Menu-Sub-Content {\n    min-width: 12rem;\n    padding: var(--spacing);\n    border-radius: var(--radius-md);\n    border-style: var(--tw-border-style);\n    background-color: var(--color-popover);\n    color: var(--color-popover-foreground);\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    z-index: 10;\n    border-width: 1px;\n    flex-direction: column;\n    display: none;\n    position: absolute;\n    top: 0;\n    left: 100%;\n  }\n\n  .Orbital-Menu-Sub[data-state=\"open\"] .Orbital-Menu-Sub-Content {\n    display: flex;\n  }\n\n  .Orbital-Tooltip {\n    display: inline-block;\n  }\n\n  .Orbital-Tooltip-Content {\n    background-color: var(--color-popover);\n    color: var(--color-popover-foreground);\n    border-radius: var(--radius-md);\n    padding-inline: calc(var(--spacing) * 3);\n    padding-block: calc(var(--spacing) * 1.5);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    max-width: var(--container-xs);\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n    border-color: var(--color-border);\n    padding: .375rem .75rem;\n    position: absolute;\n  }\n\n  @starting-style {\n    .Orbital-Tooltip-Content {\n      opacity: 0;\n      transform: translateY(-4px);\n    }\n  }\n\n  .Orbital-Tooltip-Content {\n    opacity: 1;\n    transition: opacity .1s ease-out, transform .1s ease-out, display .1s ease-out allow-discrete, overlay .1s ease-out allow-discrete;\n    transform: translateY(0);\n  }\n\n  .Orbital-Tooltip-Content:popover-open {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  .Orbital-Tooltip-Content {\n    overflow-wrap: break-word;\n  }\n\n  .Orbital-Popcard-Container {\n    display: inline-block;\n  }\n\n  .Orbital-Popcard {\n    border-radius: var(--radius-lg);\n    border-style: var(--tw-border-style);\n    background-color: var(--color-card);\n    color: var(--color-card-foreground);\n    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);\n    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n    max-width: var(--container-md);\n    min-width: 20rem;\n    padding: calc(var(--spacing) * 6);\n    z-index: 50;\n    border-width: 1px;\n    margin: 0;\n    position: absolute;\n  }\n\n  @starting-style {\n    .Orbital-Popcard {\n      opacity: 0;\n    }\n  }\n\n  .Orbital-Popcard {\n    opacity: 1;\n    transition: opacity .15s ease-out, display .15s ease-out allow-discrete, overlay .15s ease-out allow-discrete;\n  }\n\n  .Orbital-Popcard:popover-open {\n    opacity: 1;\n  }\n\n  .Orbital-Popcard:popover-open:not([data-positioned]) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  .Orbital-Popcard:popover-open[data-positioned] {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  .Orbital-Popcard-Header {\n    margin-bottom: calc(var(--spacing) * 3);\n  }\n\n  .Orbital-Popcard-Title {\n    font-size: var(--text-lg);\n    line-height: var(--tw-leading, var(--text-lg--line-height));\n    --tw-leading: 1;\n    --tw-font-weight: var(--font-weight-semibold);\n    line-height: 1;\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .Orbital-Popcard-Description {\n    margin-top: var(--spacing);\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Popcard-Content {\n    font-size: var(--text-sm);\n    line-height: var(--tw-leading, var(--text-sm--line-height));\n  }\n\n  .Orbital-Popcard-Footer {\n    margin-top: calc(var(--spacing) * 4);\n    align-items: center;\n    gap: calc(var(--spacing) * 3);\n    border-top-style: var(--tw-border-style);\n    padding-top: calc(var(--spacing) * 4);\n    border-top-width: 1px;\n    display: flex;\n  }\n\n  @media (width <= 640px) {\n    .Orbital-Popcard {\n      min-width: 18rem;\n      max-width: 90vw;\n    }\n  }\n\n  .Orbital-Select {\n    width: 100%;\n    position: relative;\n  }\n\n  .Orbital-Select--fullwidth {\n    width: 100%;\n  }\n\n  .Orbital-Select-Input {\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .Orbital-Select-Trigger {\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .Orbital-Select[data-error=\"true\"] .Orbital-Select-Trigger {\n    border-color: var(--color-red-500);\n  }\n\n  .Orbital-Select-Placeholder {\n    color: var(--color-muted-foreground);\n  }\n\n  .Orbital-Select-Label {\n    color: var(--color-card-foreground);\n  }\n\n  .Orbital-Select--fullwidth .Orbital-Button {\n    width: 100%;\n  }\n\n  .Orbital-Select-Trigger {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n}\n\n@layer utilities {\n  .visible {\n    visibility: visible;\n  }\n\n  .sr-only {\n    clip-path: inset(50%);\n    white-space: nowrap;\n    border-width: 0;\n    width: 1px;\n    height: 1px;\n    margin: -1px;\n    padding: 0;\n    position: absolute;\n    overflow: hidden;\n  }\n\n  .relative {\n    position: relative;\n  }\n\n  .static {\n    position: static;\n  }\n\n  .container {\n    width: 100%;\n  }\n\n  @media (width >= 40rem) {\n    .container {\n      max-width: 40rem;\n    }\n  }\n\n  @media (width >= 48rem) {\n    .container {\n      max-width: 48rem;\n    }\n  }\n\n  @media (width >= 64rem) {\n    .container {\n      max-width: 64rem;\n    }\n  }\n\n  @media (width >= 80rem) {\n    .container {\n      max-width: 80rem;\n    }\n  }\n\n  @media (width >= 96rem) {\n    .container {\n      max-width: 96rem;\n    }\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .w-full {\n    width: 100%;\n  }\n\n  .shrink-0 {\n    flex-shrink: 0;\n  }\n\n  .animate-spin {\n    animation: var(--animate-spin);\n  }\n\n  .cursor-pointer {\n    cursor: pointer;\n  }\n\n  .resize {\n    resize: both;\n  }\n\n  .items-center {\n    align-items: center;\n  }\n\n  .justify-between {\n    justify-content: space-between;\n  }\n\n  .gap-2 {\n    gap: calc(var(--spacing) * 2);\n  }\n\n  .border-red-500 {\n    border-color: var(--color-red-500);\n  }\n\n  .p-1 {\n    padding: var(--spacing);\n  }\n\n  .py-4 {\n    padding-block: calc(var(--spacing) * 4);\n  }\n\n  .pr-2 {\n    padding-right: calc(var(--spacing) * 2);\n  }\n\n  .pr-8 {\n    padding-right: calc(var(--spacing) * 8);\n  }\n\n  .pr-10 {\n    padding-right: calc(var(--spacing) * 10);\n  }\n\n  .pl-2 {\n    padding-left: calc(var(--spacing) * 2);\n  }\n\n  .pl-8 {\n    padding-left: calc(var(--spacing) * 8);\n  }\n\n  .pl-11 {\n    padding-left: calc(var(--spacing) * 11);\n  }\n\n  .text-body-lg {\n    font-size: var(--text-body-lg);\n    line-height: var(--tw-leading, var(--text-body-lg--line-height));\n  }\n\n  .text-body-sm {\n    font-size: var(--text-body-sm);\n    line-height: var(--tw-leading, var(--text-body-sm--line-height));\n  }\n\n  .text-body-xl {\n    font-size: var(--text-body-xl);\n    line-height: var(--tw-leading, var(--text-body-xl--line-height));\n  }\n\n  .text-body-xs {\n    font-size: var(--text-body-xs);\n    line-height: var(--tw-leading, var(--text-body-xs--line-height));\n  }\n\n  .text-heading-2xl {\n    font-size: var(--text-heading-2xl);\n    line-height: var(--tw-leading, var(--text-heading-2xl--line-height));\n  }\n\n  .text-heading-3xl {\n    font-size: var(--text-heading-3xl);\n    line-height: var(--tw-leading, var(--text-heading-3xl--line-height));\n  }\n\n  .text-heading-4xl {\n    font-size: var(--text-heading-4xl);\n    line-height: var(--tw-leading, var(--text-heading-4xl--line-height));\n  }\n\n  .text-heading-lg {\n    font-size: var(--text-heading-lg);\n    line-height: var(--tw-leading, var(--text-heading-lg--line-height));\n  }\n\n  .text-heading-md {\n    font-size: var(--text-heading-md);\n    line-height: var(--tw-leading, var(--text-heading-md--line-height));\n  }\n\n  .text-heading-sm {\n    font-size: var(--text-heading-sm);\n    line-height: var(--tw-leading, var(--text-heading-sm--line-height));\n  }\n\n  .text-heading-xl {\n    font-size: var(--text-heading-xl);\n    line-height: var(--tw-leading, var(--text-heading-xl--line-height));\n  }\n\n  .text-heading-xs {\n    font-size: var(--text-heading-xs);\n    line-height: var(--tw-leading, var(--text-heading-xs--line-height));\n  }\n\n  .leading-none {\n    --tw-leading: 1;\n    line-height: 1;\n  }\n\n  .leading-none\\! {\n    --tw-leading: 1 !important;\n    line-height: 1 !important;\n  }\n\n  .font-bold {\n    --tw-font-weight: var(--font-weight-bold);\n    font-weight: var(--font-weight-bold);\n  }\n\n  .font-light {\n    --tw-font-weight: var(--font-weight-light);\n    font-weight: var(--font-weight-light);\n  }\n\n  .font-medium {\n    --tw-font-weight: var(--font-weight-medium);\n    font-weight: var(--font-weight-medium);\n  }\n\n  .font-normal {\n    --tw-font-weight: var(--font-weight-normal);\n    font-weight: var(--font-weight-normal);\n  }\n\n  .font-semibold {\n    --tw-font-weight: var(--font-weight-semibold);\n    font-weight: var(--font-weight-semibold);\n  }\n\n  .text-gray-300 {\n    color: var(--color-gray-300);\n  }\n\n  .outline {\n    outline-style: var(--tw-outline-style);\n    outline-width: 1px;\n  }\n}\n\n.Orbital-Expander {\n  content: \"\";\n  flex-grow: 1;\n  width: 100%;\n}\n\n.Orbital-Expander--vertical {\n  flex-grow: 1;\n  height: 100%;\n}\n\n:root {\n  --background: #fff;\n  --foreground: #0a0a0a;\n  --primary: #171717;\n  --primary-foreground: #fafafa;\n  --secondary: #ededed;\n  --secondary-foreground: #171717;\n  --destructive: #e40014;\n  --destructive-foreground: #fff;\n  --muted: #ececec;\n  --muted-foreground: #737373;\n  --accent: #f5f5f5;\n  --accent-foreground: #171717;\n  --card: #fff;\n  --card-foreground: #0a0a0a;\n  --popover: #fff;\n  --popover-foreground: #0a0a0a;\n  --border: #e5e5e5;\n  --input: #e5e5e5;\n  --ring: #8b8b8b;\n  --tone-success: #16a34a;\n  --tone-warning: #ca8a04;\n  --tone-danger: #dc2626;\n  --tone-magic: #9333ea;\n  --tone-info: #2b7fff;\n  --radius: .5rem;\n  --font-weight-normal: 350;\n  --font-weight-medium: 450;\n  --font-weight-semibold: 550;\n  --font-weight-bold: 600;\n}\n\n.dark {\n  --background: #161618;\n  --foreground: #e4e4e7;\n  --primary: #e4e4e7;\n  --primary-foreground: #1c1c1e;\n  --secondary: #2c2c30;\n  --secondary-foreground: #e4e4e7;\n  --muted: #2c2c30;\n  --muted-foreground: #a1a1aa;\n  --accent: #2c2c30;\n  --accent-foreground: #e4e4e7;\n  --destructive: #922;\n  --destructive-foreground: #e4e4e7;\n  --card: #1c1c1e;\n  --card-foreground: #e4e4e7;\n  --popover: #1c1c1e;\n  --popover-foreground: #e4e4e7;\n  --border: #2c2c30;\n  --input: #2c2c30;\n  --ring: #a1a1aa;\n  --tone-success: #22c55e;\n  --tone-warning: #eab308;\n  --tone-danger: #ef4444;\n  --tone-magic: #a855f7;\n  --tone-info: #6db3ff;\n}\n\n@property --tw-leading {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-font-weight {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-outline-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-border-style {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: solid;\n}\n\n@property --tw-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-inset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-shadow-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-shadow-alpha {\n  syntax: \"<percentage>\";\n  inherits: false;\n  initial-value: 100%;\n}\n\n@property --tw-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-inset-ring-color {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-inset-ring-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-ring-inset {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ring-offset-width {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-ring-offset-color {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: #fff;\n}\n\n@property --tw-ring-offset-shadow {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0 0 #0000;\n}\n\n@property --tw-space-y-reverse {\n  syntax: \"*\";\n  inherits: false;\n  initial-value: 0;\n}\n\n@property --tw-tracking {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-duration {\n  syntax: \"*\";\n  inherits: false\n}\n\n@property --tw-ease {\n  syntax: \"*\";\n  inherits: false\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/*# sourceMappingURL=index.css.map */\n","/* Scan only the gem, so the docs in test/dummy stay out of the shipped CSS. */\n@import \"tailwindcss\" source(none);\n\n/* Import component styles */\n@import \"./components/accordion.css\";\n@import \"./components/avatar.css\";\n@import \"./components/badge.css\";\n@import \"./components/button.css\";\n@import \"./components/button-group.css\";\n@import \"./components/card.css\";\n@import \"./components/checkbox.css\";\n@import \"./components/expander.css\";\n@import \"./components/grid.css\";\n@import \"./components/heading.css\";\n@import \"./components/icon.css\";\n@import \"./components/image.css\";\n@import \"./components/spinner.css\";\n@import \"./components/kbd.css\";\n@import \"./components/navigation-menu.css\";\n@import \"./components/progress.css\";\n@import \"./components/prose.css\";\n@import \"./components/separator.css\";\n@import \"./components/stack.css\";\n@import \"./components/inline-stack.css\";\n@import \"./components/text.css\";\n@import \"./components/text-field.css\";\n@import \"./components/typography.css\";\n\n/* Dialog components */\n@import \"./components/alert.css\";\n@import \"./components/confirmation-dialog.css\";\n@import \"./components/delete-dialog.css\";\n@import \"./components/dialog.css\";\n@import \"./components/modal.css\";\n\n/* Popover components */\n@import \"./components/popover.css\";\n@import \"./components/dropdown.css\";\n@import \"./components/menu.css\";\n@import \"./components/tooltip.css\";\n@import \"./components/popcard.css\";\n@import \"./components/select.css\";\n\n/* Theme: default values, dark mode, and Tailwind @theme integration.\n   Shipped as orbital_ui/theme.css for host apps to import directly. */\n@import \"../../app/assets/stylesheets/orbital_ui/theme.css\";\n\n@source \"../../app/components\";\n@source \"../../lib\";\n@source \"../javascript\";\n\n/* Typography scales (used by component @apply rules) */\n@theme {\n  --text-body-xs: 11px;\n  --text-body-xs--line-height: 16px;\n  --text-body-sm: 12px;\n  --text-body-sm--line-height: 16px;\n  --text-body-md: 14px;\n  --text-body-md--line-height: 20px;\n  --text-body-lg: 16px;\n  --text-body-lg--line-height: 24px;\n  --text-body-xl: 18px;\n  --text-body-xl--line-height: 28px;\n\n  --text-heading-xs: 12px;\n  --text-heading-xs--line-height: 16px;\n  --text-heading-sm: 14px;\n  --text-heading-sm--line-height: 20px;\n  --text-heading-md: 16px;\n  --text-heading-md--line-height: 24px;\n  --text-heading-lg: 18px;\n  --text-heading-lg--line-height: 24px;\n  --text-heading-xl: 20px;\n  --text-heading-xl--line-height: 28px;\n  --text-heading-2xl: 24px;\n  --text-heading-2xl--line-height: 32px;\n  --text-heading-3xl: 30px;\n  --text-heading-3xl--line-height: 36px;\n  --text-heading-4xl: 36px;\n  --text-heading-4xl--line-height: 40px;\n}\n\n@layer base {\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--muted) transparent;\n  }\n\n  *:hover {\n    scrollbar-color: var(--muted-foreground) transparent;\n  }\n\n  body {\n    background-color: var(--background);\n    color: var(--foreground);\n  }\n\n  html :where(*, ::after, ::before) {\n    border-color: var(--color-border);\n    border-style: solid;\n    border-width: 0;\n  }\n\n  input {\n    transition-property:\n      color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 150ms;\n  }\n}\n"],"names":[],"version":3,"file":"index.css.map"}

data/app/assets/stylesheets/orbital_ui/theme.css

@@ -0,0 +1,113 @@
+/* ============================================
+   ORBITAL THEME
+   ============================================
+
+   Import this file in your app's CSS to enable
+   Tailwind utility classes for Orbital's semantic
+   color system:
+
+     @import "tailwindcss";
+     @import "orbital_ui/theme";
+
+   To customize, override CSS variables after the import:
+
+     :root {
+       --primary: hotpink;
+       --primary-foreground: white;
+       --radius: 0.25rem;
+     }
+*/
+
+/* --- Default Values --- */
+
+:root {
+  --background: #ffffff;
+  --foreground: #0a0a0a;
+  --primary: #171717;
+  --primary-foreground: #fafafa;
+  --secondary: #ededed;
+  --secondary-foreground: #171717;
+  --destructive: #e40014;
+  --destructive-foreground: #ffffff;
+  --muted: #ececec;
+  --muted-foreground: #737373;
+  --accent: #f5f5f5;
+  --accent-foreground: #171717;
+  --card: #ffffff;
+  --card-foreground: #0a0a0a;
+  --popover: #ffffff;
+  --popover-foreground: #0a0a0a;
+  --border: #e5e5e5;
+  --input: #e5e5e5;
+  --ring: #8b8b8b;
+
+  --tone-success: #16a34a;
+  --tone-warning: #ca8a04;
+  --tone-danger: #dc2626;
+  --tone-magic: #9333ea;
+  --tone-info: #2b7fff;
+
+  --radius: 0.5rem;
+
+  --font-weight-normal: 350;
+  --font-weight-medium: 450;
+  --font-weight-semibold: 550;
+  --font-weight-bold: 600;
+}
+
+.dark {
+  --background: #161618;
+  --foreground: #e4e4e7;
+  --primary: #e4e4e7;
+  --primary-foreground: #1c1c1e;
+  --secondary: #2c2c30;
+  --secondary-foreground: #e4e4e7;
+  --muted: #2c2c30;
+  --muted-foreground: #a1a1aa;
+  --accent: #2c2c30;
+  --accent-foreground: #e4e4e7;
+  --destructive: #992222;
+  --destructive-foreground: #e4e4e7;
+  --card: #1c1c1e;
+  --card-foreground: #e4e4e7;
+  --popover: #1c1c1e;
+  --popover-foreground: #e4e4e7;
+  --border: #2c2c30;
+  --input: #2c2c30;
+  --ring: #a1a1aa;
+
+  --tone-success: #22c55e;
+  --tone-warning: #eab308;
+  --tone-danger: #ef4444;
+  --tone-magic: #a855f7;
+  --tone-info: #6db3ff;
+}
+
+/* --- Tailwind @theme Integration --- */
+
+@theme {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-tone-success: var(--tone-success);
+  --color-tone-warning: var(--tone-warning);
+  --color-tone-danger: var(--tone-danger);
+  --color-tone-magic: var(--tone-magic);
+  --color-tone-info: var(--tone-info);
+}

data/app/assets/stylesheets/orbital_ui/themes/blue.css

@@ -0,0 +1,43 @@
+:root {
+  --background: #ffffff;
+  --foreground: #020817;
+  --primary: #2563eb;
+  --primary-foreground: #f8fafc;
+  --secondary: #f1f5f9;
+  --secondary-foreground: #0f172a;
+  --destructive: #ef4444;
+  --destructive-foreground: #f8fafc;
+  --muted: #f1f5f9;
+  --muted-foreground: #64748b;
+  --accent: #f1f5f9;
+  --accent-foreground: #0f172a;
+  --card: #ffffff;
+  --card-foreground: #020817;
+  --popover: #ffffff;
+  --popover-foreground: #020817;
+  --border: #e2e8f0;
+  --input: #e2e8f0;
+  --ring: #2563eb;
+}
+
+.dark {
+  --background: #020817;
+  --foreground: #f8fafc;
+  --primary: #3b82f6;
+  --primary-foreground: #020817;
+  --secondary: #1e293b;
+  --secondary-foreground: #f8fafc;
+  --destructive: #7f1d1d;
+  --destructive-foreground: #f8fafc;
+  --muted: #1e293b;
+  --muted-foreground: #94a3b8;
+  --accent: #1e293b;
+  --accent-foreground: #f8fafc;
+  --card: #020817;
+  --card-foreground: #f8fafc;
+  --popover: #020817;
+  --popover-foreground: #f8fafc;
+  --border: #1e293b;
+  --input: #1e293b;
+  --ring: #3b82f6;
+}

data/app/assets/stylesheets/orbital_ui/themes/green.css

@@ -0,0 +1,43 @@
+:root {
+  --background: #ffffff;
+  --foreground: #052e16;
+  --primary: #16a34a;
+  --primary-foreground: #f0fdf4;
+  --secondary: #f0fdf4;
+  --secondary-foreground: #14532d;
+  --destructive: #ef4444;
+  --destructive-foreground: #fafafa;
+  --muted: #f0fdf4;
+  --muted-foreground: #4b5563;
+  --accent: #dcfce7;
+  --accent-foreground: #14532d;
+  --card: #ffffff;
+  --card-foreground: #052e16;
+  --popover: #ffffff;
+  --popover-foreground: #052e16;
+  --border: #d1d5db;
+  --input: #d1d5db;
+  --ring: #16a34a;
+}
+
+.dark {
+  --background: #052e16;
+  --foreground: #f0fdf4;
+  --primary: #22c55e;
+  --primary-foreground: #052e16;
+  --secondary: #14532d;
+  --secondary-foreground: #f0fdf4;
+  --destructive: #7f1d1d;
+  --destructive-foreground: #fafafa;
+  --muted: #14532d;
+  --muted-foreground: #86efac;
+  --accent: #14532d;
+  --accent-foreground: #f0fdf4;
+  --card: #052e16;
+  --card-foreground: #f0fdf4;
+  --popover: #052e16;
+  --popover-foreground: #f0fdf4;
+  --border: #14532d;
+  --input: #14532d;
+  --ring: #22c55e;
+}