@spawnite/ui 0.1.0-beta.16

package/dist/public-DMivBp7u.d.ts

@@ -0,0 +1,29 @@
+interface LogomarkProps {
+  /** Sizes the gem and can replace its shadow, such as with a glow. */
+  className?: string;
+}
+/** The gem alone, the dot on the wordmark's i: four facets, the top two
+ *  in the accent and the lower two in the secondary hue, over a shadow in
+ *  the accent. It has no motion of its own. */
+declare function Logomark({ className }: LogomarkProps): import("react").JSX.Element;
+/** The platform's name, as a sentence writes it. The wordmark sets it in
+ *  lowercase. */
+declare const platformName = "Spawnite";
+interface WordmarkProps {
+  /** Plays the intro on mount, flips the gem now and then, hops on a
+   *  hover or a keyboard focus, and leaps on a press of it or of the
+   *  link around it. Still under reduced motion. */
+  animated?: boolean;
+  /** With `animated`, whether the resting gem flips now and then. On by
+   *  default; off, the intro, the float and the hops still play. */
+  flips?: boolean;
+  className?: string;
+  /** Passed to the gem's `Logomark`, where it can replace the gem's
+   *  shadow, such as with a glow. */
+  gemClassName?: string;
+}
+/** The wordmark: the name in lowercase, set heavy and wide in the display
+ *  face, with a gem in place of the dot on its i, cut in the accent above
+ *  and the secondary hue below. No mark beside it: the word is the mark. */
+declare function Wordmark({ animated, flips, className, gemClassName }: WordmarkProps): import("react").JSX.Element;
+export { LogomarkProps as a, Logomark as i, WordmarkProps as n, platformName as r, Wordmark as t };

package/dist/styles.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration: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-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-950:oklch(26.2% .051 172.552);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-tight:1.25;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--blur-sm:8px;--blur-md:12px;--aspect-video:16 / 9;--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-pane-surface:#ffffff1f;--color-pane-sheen:#ffffff40;--color-pane-sheen-end:#ffffff0d;--color-pane-edge:#ffffffe6;--color-pane-ink:var(--color-white);--color-pane-shadow:#00000040;--radius-pane:1.25rem;--radius-control:1.25rem;--blur-pane:16px;--color-health-fill:var(--color-emerald-400);--color-health-track:var(--color-emerald-950);--color-health-loss:var(--color-white);--color-loading-background:var(--color-neutral-950);--color-loading-label:var(--color-neutral-400);--color-loading-indicator:var(--color-neutral-200);--color-loading-bar:var(--color-neutral-200);--color-loading-track:#ffffff24;--color-loading-text:var(--color-neutral-100);--color-stick-ring:#ffffffb3;--color-stick-knob:#ffffffe6;--color-danger:var(--color-red-400);--color-menu-surface:#0c0e14e0;--color-menu-raised:#ffffff12;--color-menu-edge:#ffffff24;--color-menu-muted:#ffffff94;--color-menu-accent:var(--color-white);--color-menu-accent-ink:var(--color-neutral-950);--color-menu-ink:var(--color-white);--radius-field:.375rem;--text-field:15px;--color-reading-good:var(--color-emerald-400);--color-reading-warn:var(--color-amber-400);--color-reading-bad:var(--color-red-400);--color-voice-speaking:var(--color-emerald-400);--color-voice-muted:var(--color-red-500);--font-display:var(--font-sans)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container\/panel{container:panel/inline-size}.\@container\/rows{container:rows/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.-top-\[0\.22em\]{top:-.22em}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\/2{top:50%}.top-\[18\%\]{top:18%}.top-\[55\%\]{top:55%}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-16{right:calc(var(--spacing) * 16)}.right-18{right:calc(var(--spacing) * 18)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.bottom-0{bottom:0}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-18{bottom:calc(var(--spacing) * 18)}.bottom-full{bottom:100%}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-\[max\(calc\(var\(--loading-progress\)\*100\%\)\,3ch\)\]{left:max(calc(var(--loading-progress) * 100%), 3ch)}.isolate{isolation:isolate}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.order-last{order:9999}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.m-16{margin:calc(var(--spacing) * 16)}.m-auto{margin:auto}.-mx-3{margin-inline:calc(var(--spacing) * -3)}.menu-slider{appearance:none;cursor:pointer;--thumb:18px;--slider-track:linear-gradient(to right, var(--color-menu-accent) var(--fill,0%), #ffffff2c var(--fill,0%));background:0 0;height:2rem}@supports (color:color-mix(in lab, red, red)){.menu-slider{--slider-track:linear-gradient(to right, var(--color-menu-accent) var(--fill,0%), color-mix(in srgb, var(--color-menu-muted) 30%, transparent) var(--fill,0%))}}@media (pointer:coarse){.menu-slider{--thumb:24px;height:2.75rem}}.menu-slider:focus-visible{outline:none}.menu-slider::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:9999px;height:6px}.menu-slider::-moz-range-track{background:var(--slider-track);border-radius:9999px;height:6px}.menu-slider::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((6px - var(--thumb)) / 2);border:3px solid var(--color-menu-accent-ink);background:var(--color-menu-accent);border-radius:9999px;transition:box-shadow .12s ease-out,scale .12s ease-out}.menu-slider::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:3px solid var(--color-menu-accent-ink);background:var(--color-menu-accent);border-radius:9999px;transition:box-shadow .12s ease-out,scale .12s ease-out}@media (hover:hover){.menu-slider:where(:root:not([data-cursor-captured]) *):hover::-webkit-slider-thumb{box-shadow:0 0 0 6px #ffffff38}@supports (color:color-mix(in lab, red, red)){.menu-slider:where(:root:not([data-cursor-captured]) *):hover::-webkit-slider-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-menu-accent) 22%, transparent)}}.menu-slider:where(:root:not([data-cursor-captured]) *):hover::-moz-range-thumb{box-shadow:0 0 0 6px #ffffff38}@supports (color:color-mix(in lab, red, red)){.menu-slider:where(:root:not([data-cursor-captured]) *):hover::-moz-range-thumb{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-menu-accent) 22%, transparent)}}}.menu-slider:active::-webkit-slider-thumb{scale:1.12}.menu-slider:active::-moz-range-thumb{scale:1.12}.menu-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--color-menu-accent)}.menu-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--color-menu-accent)}@media (prefers-reduced-motion:reduce){.menu-slider::-webkit-slider-thumb{transition:none}.menu-slider::-moz-range-thumb{transition:none}}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-1\.5{margin-top:calc(var(--spacing) * -1.5)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-\[0\.8em\]{margin-top:-.8em}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.-ml-1\.5{margin-left:calc(var(--spacing) * -1.5)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.-ml-\[0\.8em\]{margin-left:-.8em}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.size-\[0\.5em\]{width:.5em;height:.5em}.size-\[1\.6em\]{width:1.6em;height:1.6em}.size-\[20px\]{width:20px;height:20px}.size-\[24px\]{width:24px;height:24px}.size-\[44px\]{width:44px;height:44px}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[min\(38rem\,calc\(100dvh-1\.5rem\)\)\]{height:min(38rem,100dvh - 1.5rem)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-1\.5rem\)\]{max-height:calc(100dvh - 1.5rem)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-9{width:calc(var(--spacing) * 9)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-72{width:calc(var(--spacing) * 72)}.w-\[calc\(var\(--loading-progress\)\*100\%\)\]{width:calc(var(--loading-progress) * 100%)}.w-\[min\(20rem\,calc\(100vw-1\.5rem\)\)\]{width:min(20rem,100vw - 1.5rem)}.w-\[min\(36rem\,calc\(100vw-2rem\)\)\]{width:min(36rem,100vw - 2rem)}.w-\[min\(68rem\,calc\(100vw-1\.5rem\)\)\]{width:min(68rem,100vw - 1.5rem)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-80{max-width:calc(var(--spacing) * 80)}.max-w-\[42ch\]{max-width:42ch}.max-w-\[60ch\]{max-width:60ch}.max-w-\[calc\(100vw-1\.5rem\)\]{max-width:calc(100vw - 1.5rem)}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-8{min-width:calc(var(--spacing) * 8)}.min-w-14{min-width:calc(var(--spacing) * 14)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-64{min-width:calc(var(--spacing) * 64)}.min-w-\[2ch\]{min-width:2ch}.min-w-\[3ch\]{min-width:3ch}.flex-1{flex:1}.flex-\[1_1_auto\]{flex:auto}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.origin-\[50\%_60\%\]{transform-origin:50% 60%}.origin-bottom{transform-origin:bottom}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/2{--tw-translate-x:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\.5{--tw-translate-y:calc(var(--spacing) * -1.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/2{--tw-translate-y:calc(1 / 2 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-px-3{scroll-padding-inline:calc(var(--spacing) * 3)}.menu-scroll{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000)}@supports (color:color-mix(in lab, red, red)){.menu-scroll{scrollbar-color:color-mix(in srgb, var(--color-menu-accent) 30%, transparent) transparent}}@media (hover:hover){.menu-scroll:where(:root:not([data-cursor-captured]) *):hover{scrollbar-color:#ffffff8c transparent}@supports (color:color-mix(in lab, red, red)){.menu-scroll:where(:root:not([data-cursor-captured]) *):hover{scrollbar-color:color-mix(in srgb, var(--color-menu-accent) 55%, transparent) transparent}}}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\(--radius-control\){border-radius:var(--radius-control)}.rounded-\(--radius-field\){border-radius:var(--radius-field)}.rounded-\(--radius-pane\){border-radius:var(--radius-pane)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[0\.07em\]{border-style:var(--tw-border-style);border-width:.07em}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-loading-text\/35{border-color:#f5f5f559}@supports (color:color-mix(in lab, red, red)){.border-loading-text\/35{border-color:color-mix(in oklab, var(--color-loading-text) 35%, transparent)}}.border-menu-accent{border-color:var(--color-menu-accent)}.border-menu-edge{border-color:var(--color-menu-edge)}.border-pane-edge{border-color:var(--color-pane-edge)}.border-stick-ring{border-color:var(--color-stick-ring)}.border-transparent{border-color:#0000}.border-voice-speaking\/70{border-color:#00d294b3}@supports (color:color-mix(in lab, red, red)){.border-voice-speaking\/70{border-color:color-mix(in oklab, var(--color-voice-speaking) 70%, transparent)}}.border-white{border-color:var(--color-white)}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-amber-300\/80{background-color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.bg-amber-300\/80{background-color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/35{background-color:#00000059}@supports (color:color-mix(in lab, red, red)){.bg-black\/35{background-color:color-mix(in oklab, var(--color-black) 35%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-health-fill{background-color:var(--color-health-fill)}.bg-health-loss{background-color:var(--color-health-loss)}.bg-health-track{background-color:var(--color-health-track)}.bg-loading-background{background-color:var(--color-loading-background)}.bg-loading-background\/55{background-color:#0a0a0a8c}@supports (color:color-mix(in lab, red, red)){.bg-loading-background\/55{background-color:color-mix(in oklab, var(--color-loading-background) 55%, transparent)}}.bg-loading-bar{background-color:var(--color-loading-bar)}.bg-loading-track{background-color:var(--color-loading-track)}.bg-menu-accent{background-color:var(--color-menu-accent)}.bg-menu-accent-ink{background-color:var(--color-menu-accent-ink)}.bg-menu-accent\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-menu-accent\/15{background-color:color-mix(in oklab, var(--color-menu-accent) 15%, transparent)}}.bg-menu-raised{background-color:var(--color-menu-raised)}.bg-menu-surface{background-color:var(--color-menu-surface)}.bg-neutral-500\/30{background-color:#7373734d}@supports (color:color-mix(in lab, red, red)){.bg-neutral-500\/30{background-color:color-mix(in oklab, var(--color-neutral-500) 30%, transparent)}}.bg-pane-surface{background-color:var(--color-pane-surface)}.bg-red-500\/20{background-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/20{background-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.bg-sky-400{background-color:var(--color-sky-400)}.bg-stick-knob{background-color:var(--color-stick-knob)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/\[0\.07\]{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.07\]{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.bg-white\/\[0\.16\]{background-color:#ffffff29}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.16\]{background-color:color-mix(in oklab, var(--color-white) 16%, transparent)}}.bg-linear-to-b{--tw-gradient-position:to bottom}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-b{--tw-gradient-position:to bottom in oklab}}.bg-linear-to-b{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:linear-gradient\(var\(--color-menu-surface\)\,var\(--color-menu-surface\)\)\]{background-image:linear-gradient(var(--color-menu-surface),var(--color-menu-surface))}.bg-none{background-image:none}.from-loading-background{--tw-gradient-from:var(--color-loading-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pane-sheen{--tw-gradient-from:var(--color-pane-sheen);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-20\%{--tw-gradient-from-position:20%}.via-loading-background\/60{--tw-gradient-via:#0a0a0a99}@supports (color:color-mix(in lab, red, red)){.via-loading-background\/60{--tw-gradient-via:color-mix(in oklab, var(--color-loading-background) 60%, transparent)}}.via-loading-background\/60{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-50\%{--tw-gradient-via-position:50%}.to-pane-sheen-end{--tw-gradient-to:var(--color-pane-sheen-end);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-padding{background-clip:padding-box}.cooldown-rim{-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:3px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.fill-\[color-mix\(in_srgb\,var\(--color-spawnite-accent\)_55\%\,\#fff\)\]{fill:var(--color-spawnite-accent)}@supports (color:color-mix(in lab, red, red)){.fill-\[color-mix\(in_srgb\,var\(--color-spawnite-accent\)_55\%\,\#fff\)\]{fill:color-mix(in srgb,var(--color-spawnite-accent) 55%,#fff)}}.fill-\[color-mix\(in_srgb\,var\(--color-spawnite-secondary\)_70\%\,\#000\)\]{fill:var(--color-spawnite-secondary)}@supports (color:color-mix(in lab, red, red)){.fill-\[color-mix\(in_srgb\,var\(--color-spawnite-secondary\)_70\%\,\#000\)\]{fill:color-mix(in srgb,var(--color-spawnite-secondary) 70%,#000)}}.fill-current{fill:currentColor}.fill-voice-speaking{fill:var(--color-voice-speaking)}.fill-white{fill:var(--color-white)}.stroke-menu-surface{stroke:var(--color-menu-surface)}.stroke-voice-muted{stroke:var(--color-voice-muted)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[max\(1\.5rem\,6vw\)\]{padding-inline:max(1.5rem,6vw)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-\[3px\]{padding-block:3px}.pt-1{padding-top:var(--spacing)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-9{padding-top:calc(var(--spacing) * 9)}.pt-\[0\.2em\]{padding-top:.2em}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-\[max\(1\.75rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.75rem, env(safe-area-inset-bottom))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\(length\:--text-field\){font-size:var(--text-field)}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[26px\]{font-size:26px}.text-\[clamp\(1rem\,1\.6vw\,1\.25rem\)\]{font-size:clamp(1rem,1.6vw,1.25rem)}.text-\[clamp\(2\.25rem\,6vw\,4\.5rem\)\]{font-size:clamp(2.25rem,6vw,4.5rem)}.text-\[clamp\(2\.75rem\,8vw\,6rem\)\]{font-size:clamp(2.75rem,8vw,6rem)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[0\.92\]{--tw-leading:.92;line-height:.92}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.025em\]{--tw-tracking:-.025em;letter-spacing:-.025em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-amber-200{color:var(--color-amber-200)}.text-amber-300{color:var(--color-amber-300)}.text-danger{color:var(--color-danger)}.text-inherit{color:inherit}.text-loading-indicator{color:var(--color-loading-indicator)}.text-loading-label{color:var(--color-loading-label)}.text-loading-text{color:var(--color-loading-text)}.text-loading-text\/75{color:#f5f5f5bf}@supports (color:color-mix(in lab, red, red)){.text-loading-text\/75{color:color-mix(in oklab, var(--color-loading-text) 75%, transparent)}}.text-menu-accent-ink{color:var(--color-menu-accent-ink)}.text-menu-ink{color:var(--color-menu-ink)}.text-menu-muted{color:var(--color-menu-muted)}.text-neutral-200{color:var(--color-neutral-200)}.text-pane-ink{color:var(--color-pane-ink)}.text-reading-bad{color:var(--color-reading-bad)}.text-reading-good{color:var(--color-reading-good)}.text-reading-warn{color:var(--color-reading-warn)}.text-red-200{color:var(--color-red-200)}.text-red-300{color:var(--color-red-300)}.text-sky-300{color:var(--color-sky-300)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/45{color:#ffffff73}@supports (color:color-mix(in lab, red, red)){.text-white\/45{color:color-mix(in oklab, var(--color-white) 45%, transparent)}}.text-white\/75{color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.text-white\/75{color:color-mix(in oklab, var(--color-white) 75%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.\[font-stretch\:122\%\]{font-stretch:122%}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scheme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--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)}.shadow-\[0_0_2px_black\]{--tw-shadow:0 0 2px var(--tw-shadow-color,black);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_32px_rgb\(0_0_0\/0\.45\)\]{--tw-shadow:0 12px 32px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.inset-shadow-\[0_1px_0\]{--tw-inset-shadow:inset 0 1px 0 var(--tw-inset-shadow-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)}.inset-shadow-none{--tw-inset-shadow:inset 0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/25{--tw-shadow-color:#00000040}@supports (color:color-mix(in lab, red, red)){.shadow-black\/25{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 25%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pane-shadow{--tw-shadow-color:#00000040}@supports (color:color-mix(in lab, red, red)){.shadow-pane-shadow{--tw-shadow-color:color-mix(in oklab, var(--color-pane-shadow) var(--tw-shadow-alpha), transparent)}}.ring-pane-ink{--tw-ring-color:var(--color-pane-ink)}.inset-shadow-pane-edge\/70{--tw-inset-shadow-color:#ffffffa1}@supports (color:color-mix(in lab, red, red)){.inset-shadow-pane-edge\/70{--tw-inset-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-pane-edge) 70%, transparent) var(--tw-inset-shadow-alpha), transparent)}}.ring-offset-neutral-950{--tw-ring-offset-color:var(--color-neutral-950)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0\.04em_0\.1em_color-mix\(in_srgb\,var\(--color-spawnite-accent\)_70\%\,transparent\)\]{--tw-drop-shadow-size:drop-shadow(0 .04em .1em var(--tw-drop-shadow-color,var(--color-spawnite-accent)))}@supports (color:color-mix(in lab, red, red)){.drop-shadow-\[0_0\.04em_0\.1em_color-mix\(in_srgb\,var\(--color-spawnite-accent\)_70\%\,transparent\)\]{--tw-drop-shadow-size:drop-shadow(0 .04em .1em var(--tw-drop-shadow-color,color-mix(in srgb,var(--color-spawnite-accent) 70%,transparent)))}}.drop-shadow-\[0_0\.04em_0\.1em_color-mix\(in_srgb\,var\(--color-spawnite-accent\)_70\%\,transparent\)\]{--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_0_0\.3em_lime\]{--tw-drop-shadow-size:drop-shadow(0 0 .3em var(--tw-drop-shadow-color,lime));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[filter\:drop-shadow\(0_0_1px_black\)_drop-shadow\(0_0_1px_black\)\]{filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\(--blur-pane\){--tw-backdrop-blur:blur(var(--blur-pane));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-100{--tw-backdrop-saturate:saturate(100%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-saturate-\[1\.7\]{--tw-backdrop-saturate:saturate(1.7);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,backdrop-filter\]{transition-property:background-color,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\,y\]{transition-property:height,y;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,filter\]{transition-property:scale,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{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))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.will-change-\[transform\,opacity\]{will-change:transform,opacity}.will-change-transform{will-change:transform}.\[contain\:layout_paint_style\]{contain:layout paint style}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--rim\:var\(--color-amber-300\)\]{--rim:var(--color-amber-300)}.\[--rim\:white\]{--rim:white}.\[-webkit-touch-callout\:none\]{-webkit-touch-callout:none}.\[image-rendering\:pixelated\]{image-rendering:pixelated}.\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.8\)\]{text-shadow:0 1px 4px #000c}.\[text-shadow\:0_2px_6px_rgba\(0\,0\,0\,0\.7\)\]{text-shadow:0 2px 6px #000000b3}.\[text-shadow\:1px_1px_0_\#000\]{text-shadow:1px 1px #000}.\[text-shadow\:1px_1px_0_black\,-1px_1px_0_black\,1px_-1px_0_black\,-1px_-1px_0_black\]{text-shadow:1px 1px #000,-1px 1px #000,1px -1px #000,-1px -1px #000}.\[text-shadow\:none\]{text-shadow:none}.touch-scale{--spacing:clamp(.175rem, .625vw, .25rem)}.placeholder\:text-menu-muted::placeholder{color:var(--color-menu-muted)}.backdrop\:bg-black\/40::backdrop{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/40::backdrop{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.backdrop\:bg-black\/70::backdrop{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/70::backdrop{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.backdrop\:bg-transparent::backdrop{background-color:#0000}.first\:mt-2:first-child{margin-top:calc(var(--spacing) * 2)}.open\:flex:is([open],:popover-open,:open){display:flex}.focus-within\:bg-menu-raised:focus-within{background-color:var(--color-menu-raised)}@media (hover:hover){.hover\:border-menu-muted\/60:where(:root:not([data-cursor-captured]) *):hover{border-color:#ffffff59}@supports (color:color-mix(in lab, red, red)){.hover\:border-menu-muted\/60:where(:root:not([data-cursor-captured]) *):hover{border-color:color-mix(in oklab, var(--color-menu-muted) 60%, transparent)}}.hover\:bg-loading-text\/10:where(:root:not([data-cursor-captured]) *):hover{background-color:#f5f5f51a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-loading-text\/10:where(:root:not([data-cursor-captured]) *):hover{background-color:color-mix(in oklab, var(--color-loading-text) 10%, transparent)}}.hover\:bg-menu-raised:where(:root:not([data-cursor-captured]) *):hover{background-color:var(--color-menu-raised)}.hover\:bg-white\/\[0\.06\]:where(:root:not([data-cursor-captured]) *):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.06\]:where(:root:not([data-cursor-captured]) *):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.hover\:bg-white\/\[0\.07\]:where(:root:not([data-cursor-captured]) *):hover{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.07\]:where(:root:not([data-cursor-captured]) *):hover{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.hover\:bg-white\/\[0\.12\]:where(:root:not([data-cursor-captured]) *):hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.12\]:where(:root:not([data-cursor-captured]) *):hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:text-white:where(:root:not([data-cursor-captured]) *):hover{color:var(--color-white)}.hover\:opacity-100:where(:root:not([data-cursor-captured]) *):hover{opacity:1}.hover\:brightness-110:where(:root:not([data-cursor-captured]) *):hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.hover\:brightness-125:where(:root:not([data-cursor-captured]) *):hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2: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)}.focus-visible\:ring-white\/90:focus-visible{--tw-ring-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-white\/90:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--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)}.focus-visible\:ring-offset-neutral-950:focus-visible{--tw-ring-offset-color:var(--color-neutral-950)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-loading-text:focus-visible{outline-color:var(--color-loading-text)}.focus-visible\:outline-white:focus-visible{outline-color:var(--color-white)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.has-\[\[data-see-through\]\]\:bg-black\/25:has([data-see-through]){background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.has-\[\[data-see-through\]\]\:bg-black\/25:has([data-see-through]){background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.has-\[\[data-see-through\]\]\:backdrop-blur-none:has([data-see-through]){--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.data-pressed\:scale-90[data-pressed]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-pressed\:brightness-150[data-pressed]{--tw-brightness:brightness(150%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.data-\[over\]\:ring-2[data-over]{--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)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (width>=64rem){.lg\:data-\[see-through\]\:bg-black\/75[data-see-through]{background-color:#000000bf}@supports (color:color-mix(in lab, red, red)){.lg\:data-\[see-through\]\:bg-black\/75[data-see-through]{background-color:color-mix(in oklab, var(--color-black) 75%, transparent)}}.lg\:data-\[see-through\]\:bg-none[data-see-through]{background-image:none}.lg\:data-\[see-through\]\:backdrop-blur-none[data-see-through]{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@container rows (width>=28rem){.\@md\/rows\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,22rem\)\]{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}}@container panel (width>=42rem){.\@2xl\/panel\:inset-x-auto{inset-inline:auto}.\@2xl\/panel\:inset-y-3{inset-block:calc(var(--spacing) * 3)}.\@2xl\/panel\:left-0{left:0}.\@2xl\/panel\:h-auto{height:auto}.\@2xl\/panel\:w-56{width:calc(var(--spacing) * 56)}.\@2xl\/panel\:w-\[3px\]{width:3px}.\@2xl\/panel\:flex-col{flex-direction:column}.\@2xl\/panel\:flex-row{flex-direction:row}.\@2xl\/panel\:gap-0\.5{gap:calc(var(--spacing) * .5)}.\@2xl\/panel\:overflow-visible{overflow:visible}.\@2xl\/panel\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.\@2xl\/panel\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\@2xl\/panel\:bg-menu-raised{background-color:var(--color-menu-raised)}.\@2xl\/panel\:pt-6{padding-top:calc(var(--spacing) * 6)}.\@2xl\/panel\:pb-4{padding-bottom:calc(var(--spacing) * 4)}.\@2xl\/panel\:pb-5{padding-bottom:calc(var(--spacing) * 5)}@media (hover:hover){.\@2xl\/panel\:hover\:bg-white\/\[0\.04\]:where(:root:not([data-cursor-captured]) *):hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.\@2xl\/panel\:hover\:bg-white\/\[0\.04\]:where(:root:not([data-cursor-captured]) *):hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}}}@container panel (width>=64rem){.\@5xl\/panel\:flex{display:flex}.\@5xl\/panel\:hidden{display:none}}@media (pointer:coarse){.pointer-coarse\:right-18{right:calc(var(--spacing) * 18)}.pointer-coarse\:right-20{right:calc(var(--spacing) * 20)}.pointer-coarse\:bottom-18{bottom:calc(var(--spacing) * 18)}.pointer-coarse\:bottom-20{bottom:calc(var(--spacing) * 20)}.pointer-coarse\:flex{display:flex}.pointer-coarse\:hidden{display:none}.pointer-coarse\:size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.pointer-coarse\:size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.pointer-coarse\:size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.pointer-coarse\:h-10{height:calc(var(--spacing) * 10)}.pointer-coarse\:px-5{padding-inline:calc(var(--spacing) * 5)}}@media (pointer:fine){.pointer-fine\:block{display:block}}.\[\&_input\]\:select-text input{-webkit-user-select:text;user-select:text}.\[\&_svg\]\:text-red-400 svg{color:var(--color-red-400)}.\[\&_svg\]\:text-sky-400 svg{color:var(--color-sky-400)}.\[\&_svg\]\:\[filter\:drop-shadow\(0_0_1px_black\)_drop-shadow\(0_0_1px_black\)\] svg{filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000)}.\[\&_textarea\]\:select-text textarea{-webkit-user-select:text;user-select:text}:where(.\[\:where\(\&\)_svg\]\:size-\[55\%\]) svg{width:55%;height:55%}@media (width>=2200px) and (height>=1200px){.\[\@media\(min-width\:2200px\)_and_\(min-height\:1200px\)\]\:\[zoom\:1\.3\]{zoom:1.3}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-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-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}
+/*$vite$:1*/

package/dist/themes/glass.css

@@ -0,0 +1,41 @@
+/*  Glass: the default, and what ui's stylesheet applies with no import.
+    Translucent panes over the world, white ink, an emerald health bar. A
+    game imports this file to say so, or imports nothing. */
+:root {
+    --color-pane-surface: rgb(255 255 255 / 12%);
+    --color-pane-sheen: rgb(255 255 255 / 25%);
+    --color-pane-sheen-end: rgb(255 255 255 / 5%);
+    --color-pane-edge: rgb(255 255 255 / 90%);
+    --color-pane-ink: #ffffff;
+    --color-pane-shadow: rgb(0 0 0 / 25%);
+    --radius-pane: 1.25rem;
+    --radius-control: 1.25rem;
+    --blur-pane: 16px;
+    --color-health-fill: oklch(76.5% 0.177 163.223);
+    --color-health-track: oklch(26.2% 0.051 172.552);
+    --color-health-loss: #ffffff;
+    --color-loading-background: oklch(14.5% 0 0);
+    --color-loading-label: oklch(70.8% 0 0);
+    --color-loading-indicator: oklch(92.2% 0 0);
+    --color-loading-bar: oklch(92.2% 0 0);
+    --color-loading-track: rgb(255 255 255 / 14%);
+    --color-loading-text: oklch(97% 0 0);
+    --color-stick-ring: rgb(255 255 255 / 70%);
+    --color-stick-knob: rgb(255 255 255 / 90%);
+    --color-danger: oklch(70.4% 0.191 22.216);
+    --color-menu-surface: rgb(12 14 20 / 88%);
+    --color-menu-raised: rgb(255 255 255 / 7%);
+    --color-menu-edge: rgb(255 255 255 / 14%);
+    --color-menu-muted: rgb(255 255 255 / 58%);
+    --color-menu-accent: #ffffff;
+    --color-menu-accent-ink: oklch(14.5% 0 0);
+    --color-menu-ink: #ffffff;
+    --radius-field: 0.375rem;
+    --text-field: 15px;
+    --color-reading-good: oklch(76.5% 0.177 163.223);
+    --color-reading-warn: oklch(82.8% 0.189 84.429);
+    --color-reading-bad: oklch(70.4% 0.191 22.216);
+    --color-voice-speaking: oklch(76.5% 0.177 163.223);
+    --color-voice-muted: oklch(63.7% 0.237 25.331);
+    --font-display: var(--font-sans);
+}

package/dist/themes/slate.css

@@ -0,0 +1,41 @@
+/*  Slate: opaque dark slabs with a hairline edge, pale ink and a green
+    accent, the look Depthfield drew by hand. No blur and no sheen: the
+    world never shows through a pane. */
+:root {
+    --color-pane-surface: rgb(24 34 41 / 96%);
+    --color-pane-sheen: transparent;
+    --color-pane-sheen-end: transparent;
+    --color-pane-edge: #53666e;
+    --color-pane-ink: #e8edf1;
+    --color-pane-shadow: rgb(0 0 0 / 45%);
+    --radius-pane: 13px;
+    --radius-control: 6px;
+    --blur-pane: 0px;
+    --color-health-fill: #b4ee94;
+    --color-health-track: #202830;
+    --color-health-loss: #ffffff;
+    --color-loading-background: #0a1119;
+    --color-loading-label: #7f929d;
+    --color-loading-indicator: #e8edf1;
+    --color-loading-bar: #b4ee94;
+    --color-loading-track: rgb(232 237 241 / 14%);
+    --color-loading-text: #e8edf1;
+    --color-stick-ring: rgb(232 237 241 / 70%);
+    --color-stick-knob: rgb(232 237 241 / 90%);
+    --color-danger: #ff5a4a;
+    --color-menu-surface: rgb(24 34 41 / 96%);
+    --color-menu-raised: #202830;
+    --color-menu-edge: #53666e;
+    --color-menu-muted: #a4b6c1;
+    --color-menu-accent: #b4ee94;
+    --color-menu-accent-ink: #17221a;
+    --color-menu-ink: #e8edf1;
+    --radius-field: 4px;
+    --text-field: 15px;
+    --color-reading-good: #b4ee94;
+    --color-reading-warn: #f5d76e;
+    --color-reading-bad: #ff5a4a;
+    --color-voice-speaking: #b4ee94;
+    --color-voice-muted: #ff5a4a;
+    --font-display: var(--font-sans);
+}

package/dist/tooltip.d.ts

@@ -0,0 +1,33 @@
+import { DOMAttributes, ReactElement, ReactNode } from "react";
+export interface TooltipProps {
+  /** What the control does, or why it is disabled. Left out, the control
+   *  shows no tooltip, and stays mounted when one comes back. */
+  content: ReactNode;
+  /** What a screen reader hears, for content that is not plain text.
+   *  An empty string sets none, even though `content` is a string: for
+   *  a wrapper whose own control carries the description instead. */
+  description?: string;
+  /** The one control it describes: an element that takes pointer and
+   *  focus handlers, such as a `button`. Its own handlers still run. */
+  children: ReactElement<TriggerProps>;
+  /** A press opens the tooltip, and a second one closes it: for a
+   *  control whose tooltip is its whole meaning, such as a status dot,
+   *  so a tap on a phone reads it. */
+  pressToggles?: boolean;
+  /** Where the label stands: `top` above the control, or below it when
+   *  the screen's top edge is in the way; `right` beside a control in a
+   *  column, such as a toolbar down the left edge. */
+  side?: "top" | "right";
+  /** The label's look: each design system passes its own surface, type
+   *  and padding. */
+  className?: string;
+}
+type TriggerProps = Pick<DOMAttributes<Element>, "onPointerEnter" | "onPointerLeave" | "onClick" | "onFocus" | "onBlur"> & {
+  "aria-description"?: string;
+};
+/** A small label beside a control, shown on hover and on keyboard focus.
+ *  Drawn by the page rather than the browser's `title`, which waits a
+ *  second and cannot be styled. Adds no element around the control, so its
+ *  layout and its parent stay as they were. The behaviour only: the
+ *  devtools and platform-ui each wrap it in their own look. */
+export declare function Tooltip({ content, description, children, pressToggles, side, className }: TooltipProps): import("react").JSX.Element;

package/dist/tooltip.js

@@ -0,0 +1 @@
+import{tap as e}from"./motion.js";import{cloneElement as t,useEffect as n,useLayoutEffect as r,useRef as i,useState as a}from"react";import{LazyMotion as o,domAnimation as s,m as c,useReducedMotionConfig as l}from"motion/react";import{clsx as u}from"clsx";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";import{createPortal as m}from"react-dom";var h=150,g=300,_=6,v=4,y=-1/0;function b({content:b,description:x,children:S,pressToggles:C=!1,side:w=`top`,className:T}){let E=i(null),D=i(void 0),[O,k]=a(),[A,j]=a(!1),M=l(),N=S.props,P=(e,t)=>{clearTimeout(D.current),b!=null&&(j(!0),t??=performance.now()-y<g?0:h,D.current=setTimeout(()=>k(e.getBoundingClientRect()),t))},F=()=>{clearTimeout(D.current),j(!1),k(e=>{e&&(y=performance.now())})};n(()=>()=>clearTimeout(D.current),[]);let I=b==null;return n(()=>{I&&F()},[I]),n(()=>{if(!A)return;let e=e=>{e.key===`Escape`&&F()},t=()=>{document.pointerLockElement&&F()};return document.addEventListener(`keydown`,e),document.addEventListener(`keyup`,e),document.addEventListener(`pointerlockchange`,t),()=>{document.removeEventListener(`keydown`,e),document.removeEventListener(`keyup`,e),document.removeEventListener(`pointerlockchange`,t)}},[A]),r(()=>{if(!O||!E.current)return;let{width:e,height:t}=E.current.getBoundingClientRect(),{style:n}=E.current;if(w===`right`){let e=O.top+O.height/2-t/2;n.left=`${O.right+_}px`,n.top=`${Math.min(Math.max(e,v),window.innerHeight-t-v)}px`;return}let r=O.top-_-t,i=O.left+O.width/2-e/2;n.top=`${r>=v?r:O.bottom+_}px`,n.left=`${Math.min(Math.max(i,v),window.innerWidth-e-v)}px`},[O,b,w]),/* @__PURE__ */ p(d,{children:[t(S,{"aria-description":(x??(typeof b==`string`?b:void 0))||void 0,onPointerEnter:e=>{N.onPointerEnter?.(e),P(e.currentTarget)},onPointerLeave:e=>{N.onPointerLeave?.(e),F()},onClick:e=>{N.onClick?.(e),C&&!O?P(e.currentTarget,0):F()},onFocus:e=>{N.onFocus?.(e),e.target instanceof Element&&e.target.matches(`:focus-visible`)&&P(e.currentTarget)},onBlur:e=>{N.onBlur?.(e),F()}}),O&&m(/* @__PURE__ */ f(o,{features:s,children:/* @__PURE__ */ f(c.div,{ref:E,role:`tooltip`,initial:!M&&{scale:.96},animate:{scale:1},transition:e,className:u(`pointer-events-none fixed z-[60] whitespace-nowrap`,T),children:b})}),document.body)]})}export{b as Tooltip};

package/dist/umq8ESOW.js

@@ -0,0 +1 @@
+import{useState as e}from"react";import{clsx as t}from"clsx";import{twMerge as n}from"tailwind-merge";import{jsx as r,jsxs as i}from"react/jsx-runtime";var a={healthFill:`bg-health-fill`,healthTrack:`bg-health-track`,healthLoss:`bg-health-loss`,loadingBackground:`bg-loading-background`,loadingLabel:`text-loading-label`,loadingIndicator:`text-loading-indicator`,loadingBar:`bg-loading-bar`,errorText:`text-neutral-200`,stickRing:`border-stick-ring`,stickKnob:`bg-stick-knob`,stickKnobShadow:`shadow-black/25`,glassSurface:`text-pane-ink bg-pane-surface bg-linear-to-b from-pane-sheen to-pane-sheen-end backdrop-blur-(--blur-pane) backdrop-saturate-[1.7] inset-shadow-[0_1px_0] inset-shadow-pane-edge/70`,glassBorder:`border-pane-edge`,glassIconEdge:`[filter:drop-shadow(0_0_1px_black)_drop-shadow(0_0_1px_black)]`,glassChildIconEdge:`[&_svg]:[filter:drop-shadow(0_0_1px_black)_drop-shadow(0_0_1px_black)]`,glassShadow:`shadow-pane-shadow`,glassFocusRing:`ring-pane-ink`,glassFocusRingOffset:`ring-offset-neutral-950`,outlinedText:`text-white [text-shadow:1px_1px_0_black,-1px_1px_0_black,1px_-1px_0_black,-1px_-1px_0_black]`,dangerText:`text-danger`,fieldBox:`pointer-events-auto h-9 rounded-(--radius-field) border border-menu-edge bg-menu-raised px-2 text-(length:--text-field) text-menu-ink transition-colors hover:border-menu-muted/60 motion-reduce:transition-none disabled:cursor-not-allowed disabled:opacity-40`,controlFocusRing:`outline-none focus-visible:ring-2 focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-neutral-950`},o=/* @__PURE__ */ new Set([`Escape`,`Tab`]);function s({label:e,value:i,onChange:s,onCommit:c,placeholder:l,disabled:u=!1,className:d,onBlur:f,onKeyDown:p,...m}){return/* @__PURE__ */ r(`input`,{type:`text`,...m,"aria-label":e,value:i,placeholder:l,disabled:u,onChange:e=>s(e.currentTarget.value),onBlur:e=>{c?.(e.currentTarget.value),f?.(e)},onKeyDown:e=>{o.has(e.key)||e.stopPropagation(),e.key===`Enter`&&!e.nativeEvent.isComposing&&c?.(e.currentTarget.value),p?.(e)},className:n(t(a.fieldBox,a.controlFocusRing,`min-w-0 placeholder:text-menu-muted`,d))})}function c({label:i,value:s,onChange:c,min:l=-1/0,max:u=1/0,display:d=String,disabled:f=!1,className:p,onFocus:m,onBlur:h,onKeyDown:g,..._}){let[v,y]=e(null),b=()=>{if(v===null)return;let e=Number(v.trim().replace(`,`,`.`));v.trim()!==``&&Number.isFinite(e)&&c(Math.min(Math.max(e,l),u)),y(null)};return/* @__PURE__ */ r(`input`,{type:`text`,inputMode:`decimal`,..._,"aria-label":i,value:v??d(s),disabled:f,onFocus:e=>{e.currentTarget.select(),m?.(e)},onChange:e=>y(e.currentTarget.value),onBlur:e=>{b(),h?.(e)},onKeyDown:e=>{o.has(e.key)||e.stopPropagation(),e.key===`Enter`&&!e.nativeEvent.isComposing&&b(),g?.(e)},className:n(t(a.fieldBox,a.controlFocusRing,`w-20 text-right tabular-nums`,p))})}function l({label:e,options:o,value:s,onChange:c,placeholder:l,disabled:u=!1,className:d,...f}){return/* @__PURE__ */ i(`select`,{...f,"aria-label":e,value:s,disabled:u,onChange:e=>c(e.currentTarget.value),className:n(t(a.fieldBox,a.controlFocusRing,`min-w-0 cursor-pointer scheme-dark`,d)),children:[l!==void 0&&/* @__PURE__ */ r(`option`,{value:``,disabled:!0,children:l}),o.map(e=>{let t=typeof e==`string`?{value:e,label:e}:e;return/* @__PURE__ */ r(`option`,{value:t.value,children:t.label},t.value)})]})}function u({label:e,value:i,min:a,max:o,step:s=1,onChange:c,onCommit:l,valueText:u,disabled:d=!1,className:f,style:p,onPointerUp:m,onKeyUp:h,...g}){let _={"--fill":`${(Math.min(Math.max((i-a)/(o-a||1),0),1)*100).toFixed(1)}%`,...p};return/* @__PURE__ */ r(`input`,{...g,type:`range`,"aria-label":e,"aria-valuetext":u,min:a,max:o,step:s,value:i,disabled:d,onChange:e=>c(Number(e.currentTarget.value)),onPointerUp:e=>{d||l?.(Number(e.currentTarget.value)),m?.(e)},onKeyUp:e=>{d||l?.(Number(e.currentTarget.value)),h?.(e)},style:_,className:n(t(`menu-slider pointer-events-auto min-w-0 disabled:cursor-not-allowed disabled:opacity-40`,f))})}function d({label:e,value:i,onChange:o,disabled:s=!1,className:c,...l}){return/* @__PURE__ */ r(`button`,{...l,type:`button`,role:`switch`,"aria-label":e,"aria-checked":i,disabled:s,onClick:()=>o(!i),className:n(t(`pointer-events-auto relative block h-7 w-12 shrink-0 cursor-pointer rounded-full transition-colors hover:brightness-125 disabled:cursor-not-allowed disabled:opacity-40 motion-reduce:transition-none`,i?`bg-menu-accent`:`bg-white/15`,a.controlFocusRing,c)),children:/* @__PURE__ */ r(`span`,{className:t(`absolute top-1 left-1 size-5 rounded-full shadow-sm transition-transform motion-reduce:transition-none`,i?`translate-x-5 bg-menu-accent-ink`:`bg-white/85`)})})}export{s as a,c as i,u as n,a as o,l as r,d as t};

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@spawnite/ui",
+  "description": "UI components, motion definitions and browser helpers for games and the apps.",
+  "version": "0.1.0-beta.16",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://wiki.spawnite.com",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": {
+      "style": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    },
+    "./brand.css": {
+      "style": "./dist/brand.css",
+      "default": "./dist/brand.css"
+    },
+    "./brand-face.css": {
+      "style": "./dist/brand-face.css",
+      "default": "./dist/brand-face.css"
+    },
+    "./fonts/*": {
+      "default": "./dist/fonts/*"
+    },
+    "./themes/*.css": {
+      "style": "./dist/themes/*.css",
+      "default": "./dist/themes/*.css"
+    },
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.js",
+      "default": "./dist/motion.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "import": "./dist/tooltip.js",
+      "default": "./dist/tooltip.js"
+    },
+    "./brand": {
+      "types": "./dist/brand.d.ts",
+      "import": "./dist/brand.js",
+      "default": "./dist/brand.js"
+    },
+    "./controls": {
+      "types": "./dist/controls.d.ts",
+      "import": "./dist/controls.js",
+      "default": "./dist/controls.js"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE.md",
+    "!dist/*.tsbuildinfo",
+    "!dist/types",
+    "!dist/**/*.map"
+  ],
+  "sideEffects": true,
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "three": "0.186.0",
+    "@spawnite/schema": "^0.1.0-beta.16"
+  },
+  "dependencies": {
+    "@types/three": "0.186.0",
+    "clsx": "2.1.1",
+    "lucide-react": "1.47.0",
+    "motion": "13.4.2",
+    "tailwind-merge": "3.7.0",
+    "tailwindcss": "4.3.3"
+  }
+}