@crouton-kit/crouter 0.3.28 → 0.3.30

package/dist/types.d.ts

@@ -20,7 +20,6 @@ export interface PluginManifest {
     source?: string;
     owner?: OwnerRef;
     kinds?: string[];
-    generator?: 'claude-bridge';
 }
 export interface MarketplacePluginEntry {
     name: string;
@@ -80,10 +79,6 @@ export interface ScopeConfig {
     auto_update: AutoUpdateConfig;
     max_panes_per_window: number;
     canvasNav: CanvasNavConfig;
-    /** Default to spawning nodes on the headless broker host instead of a tmux
-     *  pane. Off by default (tmux stays the default); `--headless` overrides it
-     *  per-spawn. Read at spawn via `readConfig('user').headless`. */
-    headless?: boolean;
 }
 export interface ScopeState {
     marketplaces: Record<string, {
@@ -155,7 +150,7 @@ export declare const AGENTS_DIR = "agents";
 export declare const DEFAULT_MAX_PANES_PER_WINDOW = 3;
 export declare function defaultScopeConfig(): ScopeConfig;
 /** Built-in canvas-nav binds so an absent config still gives the intended UX.
- *  prefixBinds: g→GRAPH toggle (sentinel), m→focus manager, e→expand to tmux.
+ *  prefixBinds: g→GRAPH toggle (sentinel), m→focus manager.
  *  1..9 (focus report N) are generated by the menu layer, not literal entries.
  *  graphBinds: empty — built-in GRAPH keys are reserved, custom keys add on. */
 export declare function defaultCanvasNavConfig(): CanvasNavConfig;

package/dist/types.js

@@ -32,11 +32,10 @@ export function defaultScopeConfig() {
         auto_update: { crtr: 'notify', content: 'notify', interval_hours: 24 },
         max_panes_per_window: DEFAULT_MAX_PANES_PER_WINDOW,
         canvasNav: defaultCanvasNavConfig(),
-        headless: false,
     };
 }
 /** Built-in canvas-nav binds so an absent config still gives the intended UX.
- *  prefixBinds: g→GRAPH toggle (sentinel), m→focus manager, e→expand to tmux.
+ *  prefixBinds: g→GRAPH toggle (sentinel), m→focus manager.
  *  1..9 (focus report N) are generated by the menu layer, not literal entries.
  *  graphBinds: empty — built-in GRAPH keys are reserved, custom keys add on. */
 export function defaultCanvasNavConfig() {
@@ -45,7 +44,6 @@ export function defaultCanvasNavConfig() {
         prefixBinds: {
             g: { run: '__graph__', desc: 'graph view' },
             m: { run: 'node focus {manager}', desc: 'focus manager' },
-            e: { run: 'canvas tmux-spread {self}', desc: 'expand to tmux' },
         },
         graphBinds: {},
     };

package/dist/web/ViewChrome.d.ts

@@ -0,0 +1,7 @@
+import type { JSX, ReactNode } from 'react';
+import type { ChromeState } from '../core/view/contract.js';
+export declare function ViewChrome({ chrome, title, children }: {
+    chrome: ChromeState;
+    title: string;
+    children: ReactNode;
+}): JSX.Element;

package/dist/web/ViewChrome.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { deriveState } from '../core/view/chrome.js';
+const CHIP_LABEL = {
+    working: 'working',
+    blocked: 'blocked',
+    attention: 'attention',
+    ready: 'ready',
+    idle: 'idle',
+};
+const CHIP_DOT = {
+    working: 'bg-blue-500',
+    blocked: 'bg-red-500',
+    attention: 'bg-amber-500',
+    ready: 'bg-green-500',
+    idle: 'bg-slate-400',
+};
+const BANNER_BAR = {
+    info: 'bg-slate-100 text-slate-800 border-slate-300',
+    action: 'bg-amber-100 text-amber-900 border-amber-300',
+    error: 'bg-red-100 text-red-900 border-red-300',
+};
+export function ViewChrome({ chrome, title, children }) {
+    // deriveState's contract: an explicit interaction mode overrides the derived
+    // chip, and each target's renderer applies that precedence. Web keeps the mode
+    // as its own header pill (the §4.1 web idiom) AND lets it win the chip.
+    const chip = chrome.mode ? 'attention' : deriveState(chrome);
+    return (_jsxs("div", { className: "min-h-screen bg-white text-slate-900", children: [_jsxs("header", { className: "flex items-center gap-3 border-b border-slate-200 px-4 py-2", children: [_jsx("h1", { className: "font-mono text-sm font-semibold", children: title }), chrome.subtitle ? (_jsxs("span", { className: "font-mono text-xs text-slate-400", children: ["\u00B7 ", chrome.subtitle] })) : null, chrome.mode ? (_jsx("span", { className: "rounded-full bg-slate-800 px-2 py-0.5 text-xs text-white", children: chrome.mode })) : null, _jsxs("span", { className: "ml-auto flex items-center gap-2 text-xs text-slate-500", children: [chrome.busy ? (_jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" })) : null, _jsx("span", { className: `inline-block h-2 w-2 rounded-full ${CHIP_DOT[chip]}` }), _jsx("span", { children: CHIP_LABEL[chip] })] })] }), chrome.banner ? (_jsx("div", { className: `border-b px-4 py-1.5 font-mono text-xs ${BANNER_BAR[chrome.banner.level]}`, children: chrome.banner.msg })) : null, _jsx("main", { className: "px-4 py-3", children: children }), chrome.status ? (_jsx("footer", { className: "border-t border-slate-200 px-4 py-1.5 font-mono text-xs text-slate-500", children: chrome.status })) : null] }));
+}

package/dist/web/ViewPane.d.ts

@@ -0,0 +1,39 @@
+import type { JSX, FunctionComponent } from 'react';
+import type { ViewCore, ChromeState } from '../core/view/contract.js';
+import { type IntentTap } from './runtime.js';
+type ViewPropsWeb = {
+    state: unknown;
+    dispatch: (intent: string, payload?: unknown) => void;
+    chrome: ChromeState;
+};
+type WebComponent = FunctionComponent<ViewPropsWeb>;
+export interface UseViewCoreOptions {
+    /** Frozen options map handed to core.init. */
+    options?: Record<string, string>;
+    /** Bridge endpoint for the HTTP transport; defaults to /__crtr/source. */
+    endpoint?: string;
+    /** The host TAP (§5): observe/intercept dispatched intents. */
+    onIntent?: IntentTap;
+}
+export interface ViewCoreHandle {
+    state: unknown;
+    chrome: ChromeState;
+    dispatch: (intent: string, payload?: unknown) => void;
+    /** Force an immediate refresh — the seam the shell calls on an SSE
+     *  invalidation (Wave 3). */
+    refresh: () => void;
+}
+/** Run a view core client-side and bind it to React. Returns the live state +
+ *  chrome + a dispatch (and a refresh seam). The onIntent tap is read fresh on
+ *  every render, so a parent can change it without tearing down the view. */
+export declare function useViewCore(core: ViewCore, opts?: UseViewCoreOptions): ViewCoreHandle;
+/** Host any dual-target view as a React component: its web component wrapped in
+ *  <ViewChrome>, driven by useViewCore. Pass onIntent to tap its intents. */
+export declare function ViewPane({ core, View, options, endpoint, onIntent }: {
+    core: ViewCore;
+    View: WebComponent;
+    options?: Record<string, string>;
+    endpoint?: string;
+    onIntent?: IntentTap;
+}): JSX.Element;
+export {};

package/dist/web/ViewPane.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// ViewPane.tsx — the React surface for a dual-target view. <ViewPane> and its
+// useViewCore hook are the composable replacement for the deleted imperative
+// mount(): the shell hosts many views as ordinary React components instead of
+// imperative createRoot calls.
+//
+// useViewCore wraps a createViewStore (runtime.tsx) — the framework-free dispatch
+// loop — with the React lifecycle: it creates the store once (a ref), keeps the
+// onIntent TAP fresh per render WITHOUT restarting, re-renders off the store's
+// external-store surface (useSyncExternalStore), and starts/stops the auto-poll
+// on mount/unmount.
+//
+// <ViewPane> = useViewCore + <ViewChrome> + the view's web component. When
+// onIntent is undefined a ViewPane is byte-identical to the old standalone mount
+// — the hosted view never knows it is in a shell.
+import { createElement, useEffect, useRef, useSyncExternalStore } from 'react';
+import { ViewChrome } from './ViewChrome.js';
+import { createViewStore } from './runtime.js';
+/** Run a view core client-side and bind it to React. Returns the live state +
+ *  chrome + a dispatch (and a refresh seam). The onIntent tap is read fresh on
+ *  every render, so a parent can change it without tearing down the view. */
+export function useViewCore(core, opts = {}) {
+    const storeRef = useRef(null);
+    if (storeRef.current === null) {
+        storeRef.current = createViewStore(core, { options: opts.options, endpoint: opts.endpoint });
+    }
+    const store = storeRef.current;
+    // Keep the TAP fresh without recreating the store (which would restart the
+    // dispatch loop and lose state).
+    store.onIntent = opts.onIntent;
+    useSyncExternalStore(store.subscribe, store.getVersion, store.getVersion);
+    useEffect(() => {
+        store.start();
+        return () => store.stop();
+    }, [store]);
+    return {
+        state: store.getState(),
+        chrome: store.getChrome(),
+        dispatch: store.dispatch,
+        refresh: store.refresh,
+    };
+}
+/** Host any dual-target view as a React component: its web component wrapped in
+ *  <ViewChrome>, driven by useViewCore. Pass onIntent to tap its intents. */
+export function ViewPane({ core, View, options, endpoint, onIntent }) {
+    const { state, chrome, dispatch } = useViewCore(core, { options, endpoint, onIntent });
+    return (_jsx(ViewChrome, { chrome: chrome, title: core.manifest.title, children: createElement(View, { state, dispatch, chrome }) }));
+}

package/dist/web/index.d.ts

@@ -0,0 +1,6 @@
+export { ViewPane, useViewCore } from './ViewPane.js';
+export type { UseViewCoreOptions, ViewCoreHandle } from './ViewPane.js';
+export { createViewStore } from './runtime.js';
+export type { ViewStore, ViewStoreOptions, IntentTap } from './runtime.js';
+export { ViewChrome } from './ViewChrome.js';
+export { Loading, Empty, ErrorState, NotReady } from './states.js';

package/dist/web/index.js

@@ -0,0 +1,16 @@
+// index.ts — the public barrel for crtr's web runtime, published as the package
+// `exports` subpath `@crouton-kit/crouter/web` (→ ./dist/web/index.js).
+//
+// A dual-target view's `web.jsx` imports the shared four-state vocabulary +
+// (if it needs them) the chrome wrapper from here, via that stable specifier —
+// NOT a relative path from builtin-views, which would break for user/project
+// views living outside the package tree. The shell + dev Vite resolve this
+// subpath against crouter's own built barrel.
+//
+// The web shell composes views via <ViewPane>/useViewCore (the React surface)
+// over createViewStore (the framework-free dispatch loop + the onIntent tap +
+// the refresh() SSE seam).
+export { ViewPane, useViewCore } from './ViewPane.js';
+export { createViewStore } from './runtime.js';
+export { ViewChrome } from './ViewChrome.js';
+export { Loading, Empty, ErrorState, NotReady } from './states.js';

package/dist/web/runtime.d.ts

@@ -0,0 +1,39 @@
+import type { ViewCore, ChromeState } from '../core/view/contract.js';
+/** Host-level pre-dispatch hook: observes every dispatched intent + its payload
+ *  against a snapshot of state, before the view's own handler runs. The shell
+ *  taps the small documented shell-intent vocabulary (`activate`, `open`) and
+ *  lets everything else pass through untouched. */
+export type IntentTap = (name: string, payload: unknown, state: unknown) => void;
+export interface ViewStoreOptions {
+    /** Frozen options map handed to core.init (e.g. forwarded --target). */
+    options?: Record<string, string>;
+    /** Bridge endpoint for the HTTP transport; defaults to /__crtr/source. */
+    endpoint?: string;
+    /** The host TAP (§5). Omit ⇒ standalone, byte-identical to no shell. */
+    onIntent?: IntentTap;
+}
+export interface ViewStore {
+    /** Snapshot of the current view state (read after a subscribe fires). */
+    getState(): unknown;
+    /** Snapshot of the current chrome record. */
+    getChrome(): ChromeState;
+    /** Dispatch a named intent — runs the TAP, then the core handler. */
+    dispatch(intent: string, payload?: unknown): Promise<void>;
+    /** Force an immediate, busy-guarded refresh (auto-poll cb + the SSE seam). */
+    refresh(): void;
+    /** External-store subscribe (for useSyncExternalStore). */
+    subscribe(listener: () => void): () => void;
+    /** Monotonic version the external store snapshots on. */
+    getVersion(): number;
+    /** Run the first refresh + start the refreshMs auto-poll. Idempotent. */
+    start(): void;
+    /** Stop the auto-poll. Idempotent. */
+    stop(): void;
+    /** The host TAP — mutable so the React layer keeps it fresh per render
+     *  WITHOUT restarting the store. */
+    onIntent?: IntentTap;
+}
+/** Build the running store for one view (its core + the HTTP transport). The
+ *  React layer (useViewCore) owns lifecycle (start on mount, stop on unmount)
+ *  and re-renders off subscribe/getVersion; this factory is React-free. */
+export declare function createViewStore(core: ViewCore, opts?: ViewStoreOptions): ViewStore;

package/dist/web/runtime.js

@@ -0,0 +1,133 @@
+// runtime.tsx — the framework-agnostic dispatch-loop STORE for a dual-target
+// view. It is what <ViewPane>/useViewCore (ViewPane.tsx) are built from.
+//
+// createViewStore() seeds state from core.init, builds the IntentCtx
+// (set/resolve/execute/signal/dispatch) over the HTTP transport (→ the local
+// bridge), runs the dispatch loop with the busy-guarded refreshMs auto-poll, and
+// exposes a tiny external-store surface (subscribe/getVersion) the React layer
+// binds via useSyncExternalStore. The core it drives is byte-identical to the
+// TUI's; only the injected Transport differs.
+//
+// THE TAP: dispatch calls `onIntent(name, payload, state)` BEFORE delegating to
+// core.intents[name]. This is the host-level pre-dispatch hook the shell uses to
+// observe/intercept semantic intents (e.g. canvas `activate` → open a
+// conversation). When onIntent is undefined the loop is byte-identical to the
+// pre-shell behavior — a view in a ViewPane is unaware it is in a shell.
+//
+// THE SEAM (Wave 3): store.refresh() forces an immediate, busy-guarded refresh.
+// It is both the auto-poll callback AND the entry point the shell calls when an
+// SSE `/__crtr/events` invalidation arrives — event-driven refresh with no
+// contract change (the view still just runs its `refresh` intent).
+import { initialChrome } from '../core/view/chrome.js';
+import { createHttpTransport } from './transport-http.js';
+/** Build the running store for one view (its core + the HTTP transport). The
+ *  React layer (useViewCore) owns lifecycle (start on mount, stop on unmount)
+ *  and re-renders off subscribe/getVersion; this factory is React-free. */
+export function createViewStore(core, opts = {}) {
+    const transport = createHttpTransport(opts.endpoint);
+    let state = core.init(Object.freeze({ ...(opts.options ?? {}) }));
+    let chrome = initialChrome();
+    let onIntentTap = opts.onIntent;
+    // External store: a version counter the React tree subscribes to. state and
+    // chrome are read via the getters on each render; bumping `version` re-renders.
+    let version = 0;
+    const listeners = new Set();
+    const emit = () => { version += 1; for (const l of listeners)
+        l(); };
+    const subscribe = (l) => { listeners.add(l); return () => { listeners.delete(l); }; };
+    const setChrome = (patch) => { chrome = { ...chrome, ...patch }; emit(); };
+    const signal = {
+        setStatus: (msg) => setChrome({ status: msg }),
+        setBanner: (msg, level) => setChrome({ banner: { msg, level } }),
+        clearBanner: () => setChrome({ banner: null }),
+        setSubtitle: (s) => setChrome({ subtitle: s }),
+        setMode: (mode) => setChrome({ mode }),
+        // Web has no pane to leave; closing the tab is up to the user. No-op.
+        quit: () => { },
+    };
+    const makeCtx = () => ({
+        get state() { return state; },
+        set(next) {
+            state = typeof next === 'function' ? next(state) : next;
+            emit();
+        },
+        async resolve(source, args) {
+            const raw = await transport.send(source.request(args));
+            return source.parse(raw);
+        },
+        async execute(command, args) {
+            const raw = await transport.send(command.request(args));
+            return command.parse(raw);
+        },
+        signal,
+        dispatch,
+    });
+    // busyDepth counts in-flight async intents — it drives the "working" chip /
+    // spinner. It is NOT itself the single-flight lane; the auto-poll guards on it
+    // (refresh() below) so a bridge slower than refreshMs can never stack
+    // overlapping refreshes that race on ctx.set. The first completed *refresh*
+    // marks the view loaded (ready vs idle in deriveState) — a non-refresh async
+    // intent before that must not flip the chip to ready.
+    let busyDepth = 0;
+    async function dispatch(intent, payload) {
+        // THE TAP — the shell observes (and may act on) every intent against a
+        // snapshot of state BEFORE the view's own handler runs. Standalone (no tap)
+        // this is a no-op and the loop is byte-identical to the pre-shell behavior.
+        onIntentTap?.(intent, payload, state);
+        const fn = core.intents[intent];
+        if (!fn) {
+            // eslint-disable-next-line no-console
+            console.warn(`[crtr view] unknown intent: ${intent}`);
+            return;
+        }
+        const result = fn(makeCtx(), payload);
+        if (result instanceof Promise) {
+            busyDepth += 1;
+            setChrome({ busy: true });
+            try {
+                await result;
+            }
+            finally {
+                busyDepth -= 1;
+                const loaded = chrome.loaded || intent === 'refresh';
+                chrome = { ...chrome, busy: busyDepth > 0, loaded, lastRefresh: Date.now() };
+                emit();
+            }
+        }
+    }
+    // Auto-poll cadence guard AND the shell's invalidate seam: skip while any
+    // async intent is still in flight so refreshes never stack.
+    const refresh = () => { if (busyDepth === 0)
+        void dispatch('refresh'); };
+    let started = false;
+    let timer = null;
+    function start() {
+        if (started)
+            return;
+        started = true;
+        // init → render (the React layer) → first refresh, then optional auto-poll.
+        void dispatch('refresh');
+        const cadence = core.manifest.refreshMs;
+        if (typeof cadence === 'number' && cadence > 0)
+            timer = setInterval(refresh, cadence);
+    }
+    function stop() {
+        started = false;
+        if (timer) {
+            clearInterval(timer);
+            timer = null;
+        }
+    }
+    return {
+        getState: () => state,
+        getChrome: () => chrome,
+        dispatch,
+        refresh,
+        subscribe,
+        getVersion: () => version,
+        start,
+        stop,
+        get onIntent() { return onIntentTap; },
+        set onIntent(v) { onIntentTap = v; },
+    };
+}

package/dist/web/states.d.ts

@@ -0,0 +1,24 @@
+import type { JSX } from 'react';
+/** Initial load, before the first source resolves. */
+export declare function Loading({ label }: {
+    label?: string;
+}): JSX.Element;
+/** Resolved, but nothing to show. */
+export declare function Empty({ label }: {
+    label?: string;
+}): JSX.Element;
+/** A non-blocking-or-blocking failure — renders a SourceError.display verbatim. */
+export declare function ErrorState({ headline, explanation, nextStep, onRetry }: {
+    headline: string;
+    explanation?: string;
+    nextStep?: string;
+    onRetry?: () => void;
+}): JSX.Element;
+/** A precondition isn't met (e.g. not a repo / unauthed) — same shape as
+ *  ErrorState but named for the "not ready to run here" case. */
+export declare function NotReady({ headline, explanation, nextStep, onRetry }: {
+    headline?: string;
+    explanation?: string;
+    nextStep?: string;
+    onRetry?: () => void;
+}): JSX.Element;

package/dist/web/states.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Center({ children }) {
+    return (_jsx("div", { className: "flex min-h-[40vh] flex-col items-center justify-center gap-2 p-8 text-center font-mono text-sm text-slate-600", children: children }));
+}
+/** Initial load, before the first source resolves. */
+export function Loading({ label = 'Loading…' }) {
+    return (_jsxs(Center, { children: [_jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600" }), _jsx("span", { children: label })] }));
+}
+/** Resolved, but nothing to show. */
+export function Empty({ label = 'Nothing here yet.' }) {
+    return (_jsx(Center, { children: _jsx("span", { className: "text-slate-400", children: label }) }));
+}
+/** A non-blocking-or-blocking failure — renders a SourceError.display verbatim. */
+export function ErrorState({ headline, explanation, nextStep, onRetry }) {
+    return (_jsxs(Center, { children: [_jsx("div", { className: "font-semibold text-red-700", children: headline }), explanation ? _jsx("div", { className: "text-slate-600", children: explanation }) : null, nextStep ? _jsx("div", { className: "text-slate-500", children: nextStep }) : null, onRetry ? _jsx(RetryButton, { onRetry: onRetry }) : null] }));
+}
+/** A precondition isn't met (e.g. not a repo / unauthed) — same shape as
+ *  ErrorState but named for the "not ready to run here" case. */
+export function NotReady({ headline = 'Not ready', explanation, nextStep, onRetry }) {
+    return (_jsxs(Center, { children: [_jsx("div", { className: "font-semibold text-amber-700", children: headline }), explanation ? _jsx("div", { className: "text-slate-600", children: explanation }) : null, nextStep ? _jsx("div", { className: "text-slate-500", children: nextStep }) : null, onRetry ? _jsx(RetryButton, { onRetry: onRetry }) : null] }));
+}
+function RetryButton({ onRetry }) {
+    return (_jsx("button", { type: "button", onClick: onRetry, className: "mt-2 rounded border border-slate-300 px-3 py-1 text-slate-700 hover:bg-slate-100", children: "Retry" }));
+}

package/dist/web/transport-http.d.ts

@@ -0,0 +1,5 @@
+import type { Transport } from '../core/view/transport.js';
+/** Browser Transport → POST <endpoint> {SourceRequest} → RawResponse. Never
+ *  throws: a network/bridge failure becomes a transport-level RawResponse
+ *  (ok:false + stderr), exactly like the local transport's spawn failures. */
+export declare function createHttpTransport(endpoint?: string): Transport;

package/dist/web/transport-http.js

@@ -0,0 +1,28 @@
+// transport-http.ts — the browser-side Transport. Posts a view's declarative
+// SourceRequest to the local bridge server (`crtr view serve`'s /__crtr/source)
+// and returns the RawResponse the bridge ran on its behalf. This is the ONE
+// seam a cloud deploy swaps: point the endpoint at a real backend and the same
+// browser bundle resolves sources against it, no core change.
+/** Browser Transport → POST <endpoint> {SourceRequest} → RawResponse. Never
+ *  throws: a network/bridge failure becomes a transport-level RawResponse
+ *  (ok:false + stderr), exactly like the local transport's spawn failures. */
+export function createHttpTransport(endpoint = '/__crtr/source') {
+    return {
+        async send(req) {
+            try {
+                const res = await fetch(endpoint, {
+                    method: 'POST',
+                    headers: { 'content-type': 'application/json' },
+                    body: JSON.stringify(req),
+                });
+                if (!res.ok) {
+                    return { ok: false, stdout: '', stderr: `bridge ${res.status} ${res.statusText}` };
+                }
+                return (await res.json());
+            }
+            catch (e) {
+                return { ok: false, stdout: '', stderr: e instanceof Error ? e.message : String(e) };
+            }
+        },
+    };
+}

package/dist/web-client/assets/index-BUvQb4hR.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.1 | 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-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-blue-500:oklch(62.3% .214 259.815);--color-violet-600:oklch(54.1% .281 293.009);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, 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{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{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-full{top:100%}.right-0{right:0}.bottom-20{bottom:calc(var(--spacing) * 20)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-px{margin-top:1px}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-0{min-height:0}.min-h-\[40vh\]{min-height:40vh}.min-h-screen{min-height:100vh}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-44{width:calc(var(--spacing) * 44)}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[14rem\]{max-width:14rem}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}:where(.divide-slate-200>:not(:last-child)){border-color:var(--color-slate-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-amber-300{border-color:var(--color-amber-300)}.border-cyan-500{border-color:var(--color-cyan-500)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-sky-200{border-color:var(--color-sky-200)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-t-slate-600{border-top-color:var(--color-slate-600)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-600\/90{background-color:#dd7400e6}@supports (color:color-mix(in lab, red, red)){.bg-amber-600\/90{background-color:color-mix(in oklab, var(--color-amber-600) 90%, transparent)}}.bg-blue-500{background-color:var(--color-blue-500)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-600{background-color:var(--color-sky-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.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)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.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-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-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)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-900{color:var(--color-amber-900)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-700{color:var(--color-cyan-700)}.text-emerald-600{color:var(--color-emerald-600)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-900{color:var(--color-red-900)}.text-sky-500{color:var(--color-sky-500)}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-violet-600{color:var(--color-violet-600)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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,)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:border-sky-600:hover{border-color:var(--color-sky-600)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/60:hover{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/60:hover{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}}.focus\:border-amber-500:focus{border-color:var(--color-amber-500)}.focus\:border-sky-500:focus{border-color:var(--color-sky-500)}.focus\:border-slate-500:focus{border-color:var(--color-slate-500)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}